@charset "utf-8";

/* =========================================================================================================
* AI PDP v2 CSS
=========================================================================================================== */

/* ===================== TOP 패널 ===================== */
#top_pannel .color_theme .ai_draft { display: inline-block; line-height: 34px; padding: 0 15px 0 38px; margin-right:8px; border-radius: 2px; font-size: 15px; color: #fff; font-family: 'Pretendard'; background: #2E3238 url(/images/ai_v2/icon_aidraft_off.png) 10px calc(50% - 2px) no-repeat; }
#top_pannel .color_theme .ai_draft:hover { background-color: #0066ff; }
/* ===================== // TOP 패널 ===================== */


/* ===================== LNB 패널 ===================== */
#left_contents [ai-pdp-ver='GediP2'] [pdp-option-display='v1'] { display:none !important; }
#left_contents [ai-pdp-ver='GediP1'] [pdp-option-display='v2'] { display:none !important; }
#left_contents [ai-pdp-ver='GediP2'] .btn_ai_make_exe::before { display:inline; content:'초안 '; }
#left_contents [ai-pdp-ver='GediP1'] .btn_ai_make_exe::before { display:inline; content:'바로 '; }

#left_contents > .contents[ai-pdp-ver='GediP2'] > .contents_wrap { padding-bottom:240px; }

.aipdp_ver_select { position:relative; z-index:100; margin-bottom:4px; }
.aipdp_ver_select .aipdp_ver { display:inline-block; vertical-align:top; position:relative; padding-right:24px; font-size:20px; font-weight:500; color:#2f82ff; }
.aipdp_ver_select .aipdp_ver sup { line-height:1; font-size:14px; }
.aipdp_ver_select .aipdp_ver:after { display:block; content:''; width:20px; height:100%; position:absolute; right:0; top:0; background:url('data:image/svg+xml,<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.94 0.726562L4 3.7799L7.06 0.726562L8 1.66656L4 5.66656L0 1.66656L0.94 0.726562Z" fill="white"/></svg>') 50% 50% no-repeat; }
.aipdp_ver_select .aipdp_ver_layer { display:none; position:absolute; top:30px; left:0; width:100%; padding:3px 0; border:1px rgba(255,255,255,0.3) dashed; background:#24262a; }
.aipdp_ver_select .aipdp_ver_layer li { position:relative; padding:20px 20px 20px 70px; cursor:pointer; }
.aipdp_ver_select .aipdp_ver_layer li:not(li:first-child)::before { display:block; content:''; padding-top:1px; position:absolute; left:20px; top:0; right:20px; background:rgba(255,255,255,0.1); }
.aipdp_ver_select .aipdp_ver_layer li::after { display:block; content:''; position:absolute; left:20px; top:26px; width:38px; height:38px; border-radius:999px; background-color:#3f454f; background-position:50% 50%; background-repeat:no-repeat; }
.aipdp_ver_select .aipdp_ver_layer li[menu-pdp-ver="GediP2"]::after { background-image:url('/images/ai_v2/ico_gedip_2.png'); }
.aipdp_ver_select .aipdp_ver_layer li[menu-pdp-ver="GediP1"]::after { background-image:url('/images/ai_v2/ico_gedip_1.png'); }
.aipdp_ver_select .aipdp_ver_layer .title { display:block; padding:0 0 5px; font-size:16px; line-height:20px; color:#fff; }
.aipdp_ver_select .aipdp_ver_layer .desc { display:block; font-size:13px; font-weight:300; }
.aipdp_ver_desc { margin-bottom:8px; font-size:13px; color:#85b2ff; }
.ai_pdp_method_select { display:flex; margin:0 -4px; }
.ai_pdp_method_select > li { flex:0 0 50%; padding:0 4px; }
.ai_pdp_method_select label { display:block; position:relative;  }
.ai_pdp_method_select input[type='radio'] { position: absolute; top: 0; left: 0; z-index: -1; width: 0; height: 0; overflow: hidden; padding: 0; visibility: hidden; font-size: 0; line-height: 0; }
.ai_pdp_method_select .pdp_method_ui { display:block; padding:10px 14px; border:1px rgba(255,255,255,0.3) solid; border-radius:6px; font-size:13px; font-weight:300; letter-spacing:-1px; }
.ai_pdp_method_select .pdp_method_ui .title { display:block; position:relative; padding-left:24px; padding-bottom:6px; font-size:16px; font-weight:500; color:#fff; }
.ai_pdp_method_select .pdp_method_ui .title::before { display:block; content:''; position:absolute; left:0; top:calc(50% - 10px); width:16px; height:16px; border-radius:99px; background:#555; }
.ai_pdp_method_select .pdp_method_ui .title::after { display:block; content:''; position:absolute; left:4px; top:calc(50% - 6px); width:8px; height:8px; border-radius:99px; }
.ai_pdp_method_select .pdp_method_ui .desc { display:block; color:#969696; font-size:13px; font-weight:400; }
.ai_pdp_method_select input[type='radio']:checked + .pdp_method_ui { border-color:#0387E3; }
.ai_pdp_method_select input[type='radio']:checked + .pdp_method_ui .title { color:#0075FF; }
.ai_pdp_method_select input[type='radio']:checked + .pdp_method_ui .title::before { background:#0075ff; }
.ai_pdp_method_select input[type='radio']:checked + .pdp_method_ui .title::after { background:#fff; }

#left_contents [ai-pdp-ver='GediP1'] .aipdp_ver_select [menu-pdp-ver="GediP1"] .title::after,
#left_contents [ai-pdp-ver='GediP2'] .aipdp_ver_select [menu-pdp-ver="GediP2"] .title::after { display:inline-block; content:''; vertical-align:middle; position:relative; top:-2px; width:20px; height:20px; margin-left:8px; background:url('/images/ai_v2/ico_checked_01.png') 50% 50% no-repeat; }

#left_contents .aipdp_ver_select .btn_editor_q2 { position:absolute; right:0; top:5px; }
#left_contents .aipdp_ver_select .tooltip_manual::before { top: -15px; transform: rotate(90deg); }
#left_contents .draft_reuse_select .tooltip_manual::before { left:auto; right:65px; }
/* ===================== // LNB 패널 ===================== */


/* 블록 옵션 버튼들 UI개선 */
.middle_block > .basic_option_btns { padding-right:20px; padding-bottom:0; top:-12px; }
.middle_block > .basic_option_btns .middle_inner_wrap { position:absolute; top:36px; left:115px; }
.middle_block [data-options="yes"] .basic_option_btns { /*top:20px;*/ }
.middle_block [data-options="yes"] [data-options="yes"] .basic_option_btns { top:auto; bottom:-7px; }
.middle_block .middle_block > .basic_option_btns { top:42px; }
.middle_block .middle_block > .block_wrap > [data-options='yes'] > .basic_option_btns { top:0; bottom: auto; }
.middle_block:not(.editing) > .basic_option_btns .option_btns_wrap:first-child:before { border-top: 1px #ccc dashed !important; }
[data-blockinner-state="editing"] .middle_block > .basic_option_btns.on .option_btns_wrap:first-child:before { border:none; }
[data-blockinner-state="editing"] .middle_block.editing > .basic_option_btns.on .option_btns_wrap:first-child:before { border-top: 2px #169CFF solid; border-bottom: 1px #169CFF solid; }
[data-border-radius][data-border-radius-lt='0'][data-border-radius-rt='0'][data-border-radius-lb='0'][data-border-radius-rb='0'] > .block_wrap,
[data-list-radius][data-list-radius-lt='0'][data-list-radius-rt='0'][data-list-radius-lb='0'][data-list-radius-rb='0'] > .block_wrap { overflow:visible !important; }
[data-border-radius] > .block_wrap:hover,
[data-img-radius] .img-radius:hover,
[data-list-radius] .list-radius:hover { overflow: visible !important; }
.middle_block > .block_wrap:hover { z-index:100; }
[data-imgarea-state='svg'] #left_contents [data-option-menu='img-options'] { display:block !important; } /* img-options 그룹 생성으로 인한 추가 */

/* .contents_ul 내부의 [data-options="yes"] 내부의 [data-options="yes"] */
#main_pannel_wrap .contents_ul [data-options="yes"] [data-options="yes"] .basic_option_btns .option_btns_wrap { display:inline-block; }
#main_pannel_wrap .contents_ul [data-options="yes"] [data-options="yes"] .basic_option_btns .option_btns_wrap .btn { background: #1E2023; }
#main_pannel_wrap .contents_ul [data-options="yes"] [data-options="yes"] .basic_option_btns .btn[data-func="contents-add"],
#main_pannel_wrap .contents_ul [data-options="yes"] [data-options="yes"] .basic_option_btns .btn[data-func="contents-go-prev"],
#main_pannel_wrap .contents_ul [data-options="yes"] [data-options="yes"] .basic_option_btns .btn[data-func="contents-go-next"],
#main_pannel_wrap .contents_ul [data-options="yes"] [data-options="yes"] .basic_option_btns .btn[data-func="contents-delete"] { display:none; }
#main_pannel_wrap .contents_ul [data-options="yes"] [data-options="yes"] .basic_option_btns .btn[data-func="delete"] { display:inline-block !important; }
/* // 블록 옵션 버튼들 UI개선 */


/* ===================== 마스터블록 공통 ===================== */
[master-block-type] > .block_wrap .img_bg { background-position: 50% 50%; background-repeat: no-repeat; }
/* ===================== //마스터블록 공통 ===================== */


/* ===================== 마스터블록 table 정의 ===================== */
[master-table-style='M001'] .table_module_wrap table { table-layout: fixed; }
[master-table-style='M001'] .table_module_wrap table { border-top: 1px solid #8d8d8d; border-bottom: 1px solid #8d8d8d; border-left: none; border-right: none; }
[master-table-style='M001'] .table_module_wrap table thead th { border-left: 1px solid #c6c6c6; border-top:none; background: #f4f4f4; text-align: center; font-family: 'Pretendard'; font-size: 20px; font-weight: 700; color: #000000; }
[master-table-style='M001'] .table_module_wrap table tbody td { border-left: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; text-align: left; font-family: 'Pretendard'; font-size: 20px; font-weight: 400; color: #666666; }
[master-table-style='M001'] .table_module_wrap table tbody td.bg-color2 { font-weight: 700; color:#000000; }
[master-table-style='M001'] .table_module_wrap table tbody tr:last-child td { border-bottom: none; }
[master-table-style='M001'] .table_module_wrap table tr th:first-child,
[master-table-style='M001'] .table_module_wrap table tr td:first-child { border-left: none; }
[master-table-style='M001'] .table_module_wrap table tr th:last-child,
[master-table-style='M001'] .table_module_wrap table tr td:last-child { border-right: none; }
/* ===================== // 마스터블록 table 정의 ===================== */


/* ===================== 마스터블록 내용 비교형 ===================== */
[master-compare-line] .compare_line { display: block; font-size: 0; background: transparent; position: absolute; top: 50%; transform: translate(-50%, -50%); }
[master-compare-line][master-compare-line='1'] .compare_line { width: 0; height:100%; border: none; border-left-color: transparent; border-left-style: solid; border-left-width:2px !important; }
[master-compare-line][master-compare-line='2'] .compare_line { left:0; height:auto; top:40%; white-space: nowrap; }
[master-compare-line] .contents_ul[data-list-col-num='1'] .contents_li .compare_line,
[master-compare-line] .contents_ul[data-list-col-num='2'] .contents_li:nth-child(2n-1) .compare_line,
[master-compare-line] .contents_ul[data-list-col-num='3'] .contents_li:nth-child(3n-2) .compare_line,
[master-compare-line] .contents_ul[data-list-col-num='4'] .contents_li:nth-child(4n-3) .compare_line,
[master-compare-line] .contents_ul[data-list-col-num='5'] .contents_li:nth-child(5n-4) .compare_line,
[master-compare-line] .contents_ul[data-list-col-num='6'] .contents_li:nth-child(6n-5) .compare_line { display:none; }
/* ===================== // 마스터블록 내용 비교형 ===================== */


/* ===================== 블록 옵션 추가 ===================== */
/* 라인컬러 없는 경우 보정 */
[data-line-color1][data-line-color1] .line-color1,
[data-line-color2][data-line-color2] .line-color2,
[data-line-color3][data-line-color3] .line-color3 { border-width: 0; }
[data-line-color1][data-line-color1*="#"] .line-color1, [data-line-color1][data-line-color1*="rgb"] .line-color1,
[data-line-color2][data-line-color2*="#"] .line-color2, [data-line-color2][data-line-color2*="rgb"] .line-color2,
[data-line-color3][data-line-color3*="#"] .line-color3, [data-line-color3][data-line-color3*="rgb"] .line-color3 { border-width: 1px; }


/* 미니블록 Flex 정렬 ( 목록 X ) */
.flex_middle > .block_wrap { display:flex; justify-content:space-between; }
.flex_middle > .block_wrap > .img_area { flex:0 0 34%; }
.flex_middle > .block_wrap > .info_area { flex-basis:100%; }

.flex_mini > .block_wrap { display:flex; justify-content:space-between; height:100%; }
.flex_mini > .block_wrap > .flex_mini_child { flex-basis:100%; }
.flex_mini .block_options .btn[data-func="contents-add"],
.flex_mini .block_options .btn[data-func="contents-go-prev"],
.flex_mini .block_options .btn[data-func="contents-go-next"] { display:none; }
.flex_mini .block_options .option_btns_wrap { display:inline-block; vertical-align:top; }


/* Flex 정렬 */
.flex_middle[data-flex-row-align='top'] .flex_mini > .block_wrap { align-items: flex-start; }
.flex_middle[data-flex-row-align='middle'] .flex_mini > .block_wrap { align-items: center; }
.flex_middle[data-flex-row-align='bottom'] .flex_mini > .block_wrap { align-items: flex-end; }
.flex_mini[data-flex-row-align='top'] > .block_wrap { align-items: flex-start; }
.flex_mini[data-flex-row-align='middle'] > .block_wrap { align-items: center; }
.flex_mini[data-flex-row-align='bottom'] > .block_wrap { align-items: flex-end; }
.contents_ul[ai-contents-type='list'][ai-list-type='row'] [data-flex-row-align='top'] > .block_wrap { align-items: flex-start; }
.contents_ul[ai-contents-type='list'][ai-list-type='row'] [data-flex-row-align='middle'] > .block_wrap { align-items: center; }
.contents_ul[ai-contents-type='list'][ai-list-type='row'] [data-flex-row-align='bottom'] > .block_wrap { align-items: flex-end; }
.contents_ul[ai-contents-type='list'][ai-list-type='col'] [data-flex-row-align='top'] > .block_wrap { justify-content: flex-start; }
.contents_ul[ai-contents-type='list'][ai-list-type='col'] [data-flex-row-align='middle'] > .block_wrap { justify-content: center; }
.contents_ul[ai-contents-type='list'][ai-list-type='col'] [data-flex-row-align='bottom'] > .block_wrap { justify-content: flex-end; }


/* Flex 이미지 넓이 */
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='0'] { flex-basis:3px; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='2.5'] { flex-basis:4%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='5'] { flex-basis:5%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='7.5'] { flex-basis:6%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='10'] { flex-basis:7%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='12.5'] { flex-basis:8%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='15'] { flex-basis:9%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='17.5'] { flex-basis:10%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='20'] { flex-basis:12%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='22.5'] { flex-basis:14%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='25'] { flex-basis:16%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='27.5'] { flex-basis:18%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='30'] { flex-basis:20%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='32.5'] { flex-basis:22%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='35'] { flex-basis:24%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='37.5'] { flex-basis:26%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='40'] { flex-basis:28%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='42.5'] { flex-basis:30%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='45'] { flex-basis:32%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='47.5'] { flex-basis:34%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='50'] { flex-basis:36%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='52.5'] { flex-basis:38%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='55'] { flex-basis:40%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='57.5'] { flex-basis:42%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='60'] { flex-basis:44%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='62.5'] { flex-basis:46%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='65'] { flex-basis:48%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='67.5'] { flex-basis:50%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='70'] { flex-basis:52%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='72.5'] { flex-basis:54%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='75'] { flex-basis:56%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='77.5'] { flex-basis:58%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='80'] { flex-basis:60%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='82.5'] { flex-basis:65%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='85'] { flex-basis:70%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='87.5'] { flex-basis:75%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='90'] { flex-basis:80%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='92.5'] { flex-basis:85%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='95'] { flex-basis:90%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='97.5'] { flex-basis:95%; }
.design_block [data-options][data-options='yes'][data-flex-img-width][data-flex-img-width='100'] { flex-basis:100%; }


/* Flex 이미지-텍스트 간격 */
[data-flex-gap='0'] > .block_wrap { gap:0; }
[data-flex-gap='5'] > .block_wrap { gap:5px; }
[data-flex-gap='10'] > .block_wrap { gap:10px; }
[data-flex-gap='15'] > .block_wrap { gap:15px; }
[data-flex-gap='20'] > .block_wrap { gap:20px; }
[data-flex-gap='25'] > .block_wrap { gap:25px; }
[data-flex-gap='30'] > .block_wrap { gap:30px; }
[data-flex-gap='35'] > .block_wrap { gap:35px; }
[data-flex-gap='40'] > .block_wrap { gap:40px; }
[data-flex-gap='45'] > .block_wrap { gap:45px; }
[data-flex-gap='50'] > .block_wrap { gap:50px; }
[data-flex-gap='55'] > .block_wrap { gap:60px; }
[data-flex-gap='60'] > .block_wrap { gap:70px; }
[data-flex-gap='65'] > .block_wrap { gap:80px; }
[data-flex-gap='70'] > .block_wrap { gap:90px; }
[data-flex-gap='75'] > .block_wrap { gap:100px; }
[data-flex-gap='80'] > .block_wrap { gap:150px; }
[data-flex-gap='85'] > .block_wrap { gap:200px; }
[data-flex-gap='90'] > .block_wrap { gap:250px; }
[data-flex-gap='95'] > .block_wrap { gap:300px; }
[data-flex-gap='100'] > .block_wrap { gap:400px; }
/* //블록 옵션 추가 */

/* 마스터블록 특수 옵션 */
[master-feature='list_bullet'] .img_area .el_wrap { padding:0; }
.design_block [master-feature='list_number'][ai-contents-type='list'][ai-list-type='row'] .img_area { flex-basis:0; }
[master-feature='table_row'] .table_module_wrap table thead th,
[master-feature='table_col'] .table_module_wrap table thead th { font-family: 'Pretendard'; font-weight: 700; }
[master-feature='table_row'] .table_module_wrap table tbody td,
[master-feature='table_col'] .table_module_wrap table tbody td { vertical-align:middle; font-family: 'Pretendard'; font-weight: 400; }
[master-block-type] [ai-gubun-line] .gubun_line { background:transparent !important; width:0 !important; opacity:1 !important; border:none; border-left:1px transparent solid; }
/* // 마스터블록 특수 옵션 */

/* middle_block line-color 특수 처리 */
.line-color2-last-none .middle_block:last-child .line-color2 { border:none !important; }

/* 기타 특수 처리 */
[data-options='yes'].contents-addable > .block_options .btn[data-func="contents-add"],
[data-options='yes'].contents-addable > .block_options .btn[data-func="contents-go-prev"],
[data-options='yes'].contents-addable > .block_options .btn[data-func="contents-go-next"] { display:inline-block !important; }

html[data-special-state='aiGenCheck'] #modal_bg::after { display:block; content:''; position:absolute; left:50%; top:50%; transform:translate( -50%, -50% ); width:200px; height:200px; background:url('/images/motion_img/loading_pulse.png') no-repeat; }
#modal_bg.v2_block_render { background:rgba(0,0,0,.2); }

/* AI 생성 선택 Layer */
.editor_layer_pop .ai_gen_select { display:flex; gap:15px; margin-top:30px; font-family:'Pretendard'; font-size:16px; color:#aaa; }
.editor_layer_pop .ai_gen_select > li { flex:1 1 0; width:50%; padding:20px; border-radius:4px; background-color:rgba(255,255,255,0.2); cursor:pointer; }
.editor_layer_pop .ai_gen_select > li.on { background:#0066ff; color:#ddd; }
.editor_layer_pop .ai_gen_select .list_title { font-size:19px; color:#fff; }
.editor_layer_pop .ai_gen_select .ai_gen_desc { margin-top:8px; }
.editor_layer_pop .ai_gen_select .ai_gen_desc > li { position:relative; padding:2px 0 2px 22px; }
.editor_layer_pop .ai_gen_select .ai_gen_desc > li:before { display:block; content:''; position:absolute; left:0; top:6px; width:16px; height:16px; background:#000; }
.editor_layer_pop .foot_btn { padding-top:30px; text-align:center; }
.editor_layer_pop .foot_btn a { display:inline-block; vertical-align:top; font-size:19px; line-height:1.2; padding:13px 40px 12px; background:#0066ff; color:#fff; border-radius:4px; }

/* ---------------- 초안 레이어 Layer ---------------- */
.ai_draft_layer { position:fixed; left:50%; top:20px; bottom:20px; z-index:21000; display:none; transform:translateX(-50%); width:1200px; max-width:calc(100vw - 40px); background:#2E3238; font-family:'Pretendard'; color:#fff; }
.ai_draft_layer.z_down { z-index:19000; }
.ai_draft_layer ::-webkit-scrollbar { width:16px; }
.ai_draft_layer ::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.2);box-shadow:inset 0 0 0 1px rgba(145, 145, 145, .2)}
.ai_draft_layer .draft_close { position:absolute; top:0; right:-40px; width:40px; height:74px; border-left:1px #000 solid; border-top-right-radius:8px; border-bottom-right-radius:12px; background:#393C42 url('/images/editor/icon_close_02.png') 50% 50% no-repeat; }
.ai_draft_layer .layer_top_area { display:flex; align-items:center; width:100%; height:75px; padding:0 80px 0 40px; border-bottom:1px #000 solid; }
.ai_draft_layer .layer_top_area > .title1 { min-width:340px; font-size: 22px; font-weight: 700; color: #fff; }
.ai_draft_layer .draft_body_top { display:flex; align-items:center; width:100%; height:78px; padding:0 30px 0 27px; background:#282C31; }
.ai_draft_layer .draft_body_top > .title1 { min-width:300px; font-size: 22px; font-weight: 700; color: #fff; } /* 삭제 예정 */
.ai_draft_layer .draft_body_top > .draft_title_area { flex:1; position:relative; max-width:660px; padding-left:76px; }
.ai_draft_layer .draft_body_top > .draft_title_area .draft_title { font-size:16px; line-height:1; color:#fff; }
.ai_draft_layer .draft_body_top > .draft_title_area .draft_title_name { height:30px; border:none; background-image:none; padding-left:12px; }
.ai_draft_layer .draft_body_top > .draft_title_area .editor_search .search_text_remove { height:30px; }
.ai_draft_layer .draft_body_top > .draft_title_area .product_name { margin-top:5px; width:100%; font-size:14px; font-weight:300; color: #989898; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ai_draft_layer .draft_body_top > .draft_title_area .product_name::before { display:inline; content:'└ '; margin-right:4px; margin-left:6px; font-weight:200; color:#666; }
.ai_draft_layer .draft_body_top > .draft_title_area .draft_img { position:absolute; left:0; top:0; width:54px; height:54px; border-radius:2px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; outline:2px #939393 solid; }
.ai_draft_layer .draft_body_top > .top_btns { margin-left:auto; }

.ai_draft_layer .cate_add_guide { height:52px; padding-top:4px; margin-bottom:16px; font-size:15px; color:#dfc3a5; text-align:left; }
.ai_draft_layer .draft_btn { display:inline-block; vertical-align:top; height: 34px; padding:0 15px; border:none; border-radius:3px; font-size:14px; line-height:34px; font-weight:400; background-color:#555555; color:#fff; }
.ai_draft_layer .draft_btn.small { height:28px; line-height:28px; font-size:13px; }

/* 초안 레이어 - 본문 */
.ai_draft_layer .draft_body_container { display:flex; align-items: stretch; }
.ai_draft_layer .draft_body_container .draft_body { flex: 1; display:flex; flex-direction: column; height:calc( 100vh - 40px ); }
.ai_draft_layer .draft_body_container .draft_body .draft_body_contents { flex:1; padding:0 15px 80px 25px; margin-top:10px; overflow-x:hidden; overflow-y:scroll; }
.ai_draft_layer .draft_body_container .draft_body .draft_body_contents.no_scroll { overflow-y:hidden; margin-right:16px; }
.ai_draft_layer .draft_body_container .draft_body .layer_contents_btm { height:170px; position:relative; }

.ai_draft_layer .draft_body .btn_draft_end { display:block; position:absolute; left:0; bottom:0; right:0; height:50px; background:#0066ff; text-align:center; font-size:19px; color:#fff; font-weight:bold; line-height:50px; }
.ai_draft_layer .draft_body .btn_draft_end::before { display:inline-block; vertical-align:middle; content:''; position:relative; top:-2px; width:32px; height:32px; background:url('/images/ai_v2/ico_draft_generate.png') 50% 50% no-repeat; }
.ai_draft_layer .draft_body .btn_draft_end .section_num_area { margin-left:4px; font-size:15px; font-weight:400; }
.ai_draft_layer .draft_body .btn_draft_end .section_num,
.ai_draft_layer .draft_body .btn_draft_end .section_num_max { font-size:16px; }
.ai_draft_layer .draft_body .btn_draft_end.disabled { pointer-events:auto; cursor:default; }
.ai_draft_layer .draft_body .section_add_btns { display:flex; gap:30px; padding:12px 70px 18px; }
.ai_draft_layer .draft_body .section_add_btns .draft_btn { flex:1; display:block; height:45px; white-space: nowrap; border-radius:4px; text-align:center; background-color:#1c1d1f; font-size:17px; line-height:45px; font-weight:400; color:#fff; }
.ai_draft_layer .draft_body .section_add_btns .draft_btn[ai-draft-menu="newBlock"]:before,
.ai_draft_layer .draft_body .section_add_btns .draft_btn[ai-draft-menu="favoritesBlock"]:before { display:inline-block; content:''; vertical-align:middle; position:relative; top:-2px; width:17px; height:17px; margin-right:10px; background:url('/images/ai_v2/ico_draft_new.png') 50% 50% no-repeat; }

.ai_draft_layer.no_section .draft_body_top .draft_title_area,
.ai_draft_layer.no_section .draft_body_top .top_btns  { opacity:0; }
.ai_draft_layer.no_section .draft_body .draft_body_contents { position:relative; }
.ai_draft_layer.no_section .draft_body .draft_body_contents::after { display:block; padding-top:110px; white-space:pre; content:'왼쪽에서 초안을 선택하세요';  position:absolute; left:50%; top:50%; font-size:19px; font-weight:300; line-height:1.6; color:#fff; text-align:center; transform:translate( -50%, -50% ); background:url('/images/editor/char_gedi_01.png') 50% 0 no-repeat; }
.ai_draft_layer.no_section .draft_body .section_add_btns .draft_btn { cursor:default; pointer-events: none; opacity:0.5; }

.ai_draft_layer .section_block_wrap { padding-bottom:10px; padding-top:1px; }
.ai_draft_layer .section_block { position:relative; top:0; padding:15px 26px 15px 34px; margin-bottom:10px; background:#282C31; transition:opacity 0.2s linear, top 0.2s; }
.ai_draft_layer .section_block.sortable-ghost,
.ai_draft_layer .section_block.on { z-index:50; outline: 1px #3887FD solid; }
.ai_draft_layer .section_block.ready { opacity:0; top:-20px; }
.ai_draft_layer .section_block.draft_part_gen::before { display:block; content:''; position:absolute; inset:0; z-index:2010; background:#000; opacity:0.5; }
.ai_draft_layer .section_block.draft_part_gen::after { display:block; content:''; width:15px; height:15px; position:absolute; left:calc(50% - 8px); top:calc(50% - 8px); z-index:2020; border-radius: 100%; box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223); animation: spin-ani ease infinite 4.6s; }


.ai_draft_layer .section_title { position:relative; /*padding-left:30px;*/ padding-bottom:14px; font-size:16px; line-height:23px; font-weight:500; color:#85b2ff; }
.ai_draft_layer .section_title::before { /*display:block;*/ display:none; content:''; position:absolute; left:0; top:0; width:24px; height:24px; background-position:0 50%; background-repeat:no-repeat; }
.ai_draft_layer .section_title .draft_section_title { height:23px; width:420px; margin-left:8px; vertical-align:top; border:none; background:transparent; padding:0; font-size:16px; font-weight:500; color:#fff; }

.ai_draft_layer .section_block[data-draft-cate='notice'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='notice'] > a::before { background-image:url('/images/ai_v2/icon_draft_notice.png'); }
.ai_draft_layer .section_block[data-draft-cate='event'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='event'] > a::before { background-image:url('/images/ai_v2/icon_draft_event.png'); }
.ai_draft_layer .section_block[data-draft-cate='cscenter'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='cscenter'] > a::before { background-image:url('/images/ai_v2/icon_draft_cscenter.png'); }
.ai_draft_layer .section_block[data-draft-cate='shipping_refund'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='shipping_refund'] > a::before  { background-image:url('/images/ai_v2/icon_draft_shipping_refund.png'); }
.ai_draft_layer .section_block[data-draft-cate='map'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='map'] > a::before { background-image:url('/images/ai_v2/icon_draft_map.png'); }
.ai_draft_layer .section_block[data-draft-cate='detailshot'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='detailshot'] > a::before { background-image:url('/images/ai_v2/icon_draft_detailshot.png'); }
.ai_draft_layer .section_block[data-draft-cate='certification'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='certification'] > a::before { background-image:url('/images/ai_v2/icon_draft_certification.png'); }
.ai_draft_layer .section_block[data-draft-cate='test'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='test'] > a::before { background-image:url('/images/ai_v2/icon_draft_test.png'); }
.ai_draft_layer .section_block[data-draft-cate='size_info'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='size_info'] > a::before { background-image:url('/images/ai_v2/icon_draft_size_info.png'); }
.ai_draft_layer .section_block[data-draft-cate='size_compare'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='size_compare'] > a::before { background-image:url('/images/ai_v2/icon_draft_size_compare.png'); }
.ai_draft_layer .section_block[data-draft-cate='point_detail'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='point_detail'] > a::before { background-image:url('/images/ai_v2/icon_draft_point_detail.png'); }
.ai_draft_layer .section_block[data-draft-cate='intro_point'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='intro_point'] > a::before { background-image:url('/images/ai_v2/icon_draft_intro_point.png'); }
.ai_draft_layer .section_block[data-draft-cate='option_list'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='option_list'] > a::before { background-image:url('/images/ai_v2/icon_draft_option_list.png'); }
.ai_draft_layer .section_block[data-draft-cate='option_detail'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='option_detail'] > a::before { background-image:url('/images/ai_v2/icon_draft_option_detail.png'); }
.ai_draft_layer .section_block[data-draft-cate='brand'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='brand'] > a::before { background-image:url('/images/ai_v2/icon_draft_brand.png'); }
.ai_draft_layer .section_block[data-draft-cate='made'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='made'] > a::before { background-image:url('/images/ai_v2/icon_draft_made.png'); }
.ai_draft_layer .section_block[data-draft-cate='faq'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='faq'] > a::before { background-image:url('/images/ai_v2/icon_draft_faq.png'); }
.ai_draft_layer .section_block[data-draft-cate='recommend'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='recommend'] > a::before { background-image:url('/images/ai_v2/icon_draft_recommend.png'); }
.ai_draft_layer .section_block[data-draft-cate='endding'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='endding'] > a::before { background-image:url('/images/ai_v2/icon_draft_endding.png'); }
.ai_draft_layer .section_block[data-draft-cate='howto'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='howto'] > a::before { background-image:url('/images/ai_v2/icon_draft_howto.png'); }
.ai_draft_layer .section_block[data-draft-cate='review'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='review'] > a::before { background-image:url('/images/ai_v2/icon_draft_review.png'); }
.ai_draft_layer .section_block[data-draft-cate='items'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='items'] > a::before { background-image:url('/images/ai_v2/icon_draft_items.png'); }
.ai_draft_layer .section_block[data-draft-cate='spec_compare'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='spec_compare'] > a::before { background-image:url('/images/ai_v2/icon_draft_spec_compare.png'); }
.ai_draft_layer .section_block[data-draft-cate='etc_category'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='etc_category'] > a::before { background-image:url('/images/ai_v2/icon_draft_etc_category.png'); }
.ai_draft_layer .section_block[data-draft-cate='favorites'] .section_title::before,
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate='favorites'] > a::before { background-image:url('/images/ai_v2/icon_draft_favorites.png'); }

.ai_draft_layer .section_textarea { font-size:14px; line-height:1.4em; max-height:14em; border:none; overflow:hidden; font-weight:300; color:#fff; background:transparent; padding:0; resize:none; height:22px; outline: 1px #323842 solid; outline-offset:5px; }

.ai_draft_layer .section_desc_wrap { position:relative; }
.ai_draft_layer .section_textarea[disabled]  { opacity: 0; }
.ai_draft_layer .section_textarea[disabled]::placeholder { color:transparent; }
.ai_draft_layer .section_textarea[disabled]:-ms-input-placeholder { color:transparent; }

.ai_draft_layer .section_txt_img { display:flex; width:100%; }
.ai_draft_layer .section_txt_img > li.img { width:90px; display:flex; align-items:center; }
.ai_draft_layer .section_txt_img > li.txt { flex-grow:1; padding-left:30px; }
.ai_draft_layer .block_img { display:block; position:relative; max-height:120px; min-height:34px; /*margin-bottom:auto;*/ overflow:hidden; border-radius:3px; }
.ai_draft_layer .section_block[ai-layout-code='magic'] .block_img { outline:1px #2E3236 solid; }
.ai_draft_layer .section_block[ai-layout-code='magic'] .block_img::before { display:block; content:''; position:absolute; inset:0; background-color:#212529; }
.ai_draft_layer .section_block[ai-layout-code='magic'] .block_img::after { content:'AI 추천\A레이아웃'; display:flex; align-items:center; justify-content:center; white-space: pre-line; position:absolute; inset:0; font-size:14px; font-weight:300; line-height:1.4; color:#909294; text-align:center; }
.ai_draft_layer .section_block[ai-layout-code='magic'] .block_img img { opacity:0; }
.ai_draft_layer .section_block[ai-layout-code] .block_img:hover::before { display:block; content:''; position:absolute; inset:0; height:auto; transform:translateY(0); border-radius:0; background:#212529 url('/images/ai_v2/ico_master_change.png') 36px calc(50% - 12px) no-repeat; }
.ai_draft_layer .section_block[ai-layout-code] .block_img:hover::after { display:block; content:'변경'; position:absolute; top:calc(50% + 12px); left:3px; right:0; text-align:center; color:#909294; }
.ai_draft_layer .section_drag { position:absolute; left:0; top:0; bottom:0; z-index:2000; cursor:ns-resize; width:34px; background:url('/images/editor/icon_section_drag.png') 50% 50% no-repeat; opacity:0; }
.ai_draft_layer .btn_section_del { position:absolute; right:-11px; top:-11px; z-index:1100; display:block; width:32px; height:32px; border-radius:99px; background:#fff url('/images/editor/icon_ellayer_delete.png') 50% 50% no-repeat; background-size:60%; border:1px #999 solid; opacity:0; }

.ai_draft_layer .section_menu { position:absolute; right:20px; top:10px; display:flex; justify-content:center; align-items:center; height:27px; width:100px; border-radius:5px; background:#1B1D21; text-align:center; line-height:1; transition: right 0.2s; }
.ai_draft_layer .section_menu > li { padding:0; height:100%; display:flex; align-items:center; }
.ai_draft_layer .section_menu > li.ai_switch { padding-right:3px; padding-left:3px; }
.ai_draft_layer .section_menu > li.layout_select { padding-left:2px; }
.ai_draft_layer .section_menu .option_menu { display:block; width:24px; height:27px; opacity:0.5; background-position:50% 50%; background-repeat:no-repeat; }
.ai_draft_layer .section_menu .option_menu:hover { opacity:1; }
/*.ai_draft_layer .section_menu > li.draft_part_gen .option_menu { background-image:url('/images/editor/icon_draft_gen.png'); }*/
.ai_draft_layer .section_menu > li.layout_select .option_menu { background-image:url('/images/editor/icon_layout_select.png'); }
.ai_draft_layer .section_menu > li.section_copy .option_menu { background-image:url('/images/editor/icon_copy_02.png'); }
.ai_draft_layer .section_menu > li.section_delete .option_menu { background-image:url('/images/editor/icon_delete.png'); }

/*.ai_draft_layer .section_block[ai-draft-gened='y'] .section_menu > li.draft_part_gen { opacity:0.2; }
.ai_draft_layer .section_block[ai-draft-gened='y'] .section_menu > li.draft_part_gen .option_menu { cursor:default; }*/
.ai_draft_layer .section_block .section_desc_wrap.OFF::after { display:block; content:'(AI생성 OFF) 기본 내용이 제공됩니다.'; position:absolute; left:0; top:0; font-size:15px; font-weight:300; color:#dfc3a5; }
.ai_draft_layer .section_block[ai-layout-type="favorite"] .section_desc_wrap.OFF::after { content:'선택한 즐겨찾기 블록이 삽입됩니다.'; }

.ai_draft_layer:not(.sorting) .section_block:not(.off):hover { outline: 1px #3887FD solid; }
.ai_draft_layer:not(.sorting) .section_block:not(.off):hover .section_drag,
.ai_draft_layer .section_block.sortable-ghost .section_drag { opacity:1; }
.ai_draft_layer:not(.sorting) .section_block:not(.off):hover .btn_section_del { display:block; opacity:1; }
/*.ai_draft_layer .section_textarea:focus,
.ai_draft_layer:not(.sorting) .section_block:hover .section_textarea { outline: 1px #444 solid; outline-offset:5px; } */

/* 토글 스위치 - 초안 AI 생성 ON/OFF */
.ai_draft_layer .toggle_switch { width:28px; height:15px; vertical-align:top; }
.ai_draft_layer .toggle_switch[disabled] { opacity:0.3; }
.ai_draft_layer .toggle_switch[disabled] .slider { cursor:default; }
.ai_draft_layer .toggle_switch .slider::after { display:none !important; }
.ai_draft_layer .toggle_switch input + .slider:before { width:9px; height:9px; left:5px; bottom:3px; }
.ai_draft_layer .toggle_switch .slider em { position:absolute; top:3px; font-size:13px; color:#fff; font-style:normal; font-weight:400; transition: z-index 0; }
.ai_draft_layer .toggle_switch .slider em.txt_on { left:12px;  z-index:-1; }
.ai_draft_layer .toggle_switch .slider em.txt_off { right:10px;  z-index:10; color:#ddd; transition-delay:0.1s; }
.ai_draft_layer .toggle_switch input:checked + .slider:before { transform: translateX(10px); }
.ai_draft_layer .toggle_switch input:checked + .slider em.txt_on { z-index:10; transition-delay:0.1s; }
.ai_draft_layer .toggle_switch input:checked + .slider em.txt_off { z-index:-1; transition-delay:0; }

/* 초안 레이어 - 토큰 충전 부분 */
.ai_draft_layer .draft_body .draft_token_select { display:flex; gap:60px; justify-content:center; align-items:center; height:40px; padding:0 60px; font-size:14px; }
.ai_draft_layer .draft_token_select > li { display:flex; align-items:center; }
.ai_draft_layer [data-token-type] { opacity:1; }
.ai_draft_layer .draft_token_select input[type='checkbox'] { width:18px; height:18px; margin-right:5px; }
.ai_draft_layer .draft_token_select label em { font-style: normal; }
.ai_draft_layer .draft_token_select .ico_tooltip { top:1px; vertical-align:top; margin-left:4px; margin-right: 16px; }
.ai_draft_layer .token_charge { position: relative; }
.ai_draft_layer .token_agree { padding: 0 10px 0 0; font-size: 14px; font-weight: 300; }
.ai_draft_layer .token_agree label { display: flex; align-items: center; gap: .5em; font-size: 14px; }
.ai_draft_layer .token_agree.disabled label { cursor: default; }
.ai_draft_layer .token_agree.disabled input[name="token_use_check"] { display: none }
.ai_draft_layer .help { display: inline-block; margin-left:4px; margin-right: 20px; font-size: 20px; font-variation-settings: 'FILL' 0, 'wght' 300, 'opsz' 24; }
.ai_draft_layer .remain_info { color:rgba(255,255,255,0.7); font-weight:300; }


/* 초안 내부 레이어 */
.ai_draft_layer .layer_modal { position:absolute; top:0; right:0; bottom:0; left:0; z-index:30000; background:#000; opacity:0.5; display:none; }
.ai_draft_layer .layer_modal.dim-light { opacity:0.2; }
.ai_draft_layer .draft_inner_layer { position:absolute; top:0; right:160px; bottom:0; z-index:-1; visibility:hidden; width:calc( 100% - 100px ); background:#2E3238; color:#fff; opacity:0; transition:right 0s, opacity 0s; }
.ai_draft_layer .draft_inner_layer.on { right:100px; z-index:30100; opacity:1; visibility:visible; transition:right 0.2s, opacity 0.2s; }
.ai_draft_layer .draft_inner_layer .draft_inner_wrap { padding:40px; height:calc( 100% - 80px ); }
.ai_draft_layer .draft_inner_layer .draft_inner_wrap.flex { display:flex; justify-content:space-between; }
.ai_draft_layer .draft_inner_layer .draft_inner_wrap.flex .draft_cate_list_wrap { flex-basis:100%; }
.ai_draft_layer .draft_inner_layer .draft_inner_wrap.flex .draft_cate_cart_wrap { flex:0 0 320px; height:100%; position:relative; border-left:1px #606062 solid; padding-left:40px; }
.ai_draft_layer .draft_inner_layer .draft_inner_close { position:absolute; right:0; top:0; width:79px; height:69px; background:url('/images/editor/icon_close_02.png') 50% 50% no-repeat; }
.ai_draft_layer .draft_inner_layer .list_draft_cate { display:flex; flex-wrap:wrap; gap:16px; margin-right:40px; user-select: none; }
.ai_draft_layer .draft_inner_layer .list_draft_cate > li { flex:0 0 calc(33.33% - 10.66px); background-color:#393C42; border:1px #131313 solid; }
.ai_draft_layer .draft_inner_layer .list_draft_cate > li:hover { border-color:#0066ff; }
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate] > a { display:block; vertical-align:top; position:relative; height:50px; padding:0 10px 0 60px; line-height:50px; font-size:18px; max-width:216px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ai_draft_layer .draft_inner_layer .list_draft_cate > li[ai-draft-cate] > a::before { display:block; content:''; position:absolute; left:0; top:0; width:60px; height:50px; background-position:50% 50%; background-repeat:no-repeat; }

.ai_draft_layer .draft_inner_layer .list_draft_cate:not(.cart) > li[ai-draft-cate='etc_category'] { flex-basis:100%; }
.ai_draft_layer .draft_inner_layer .list_draft_cate:not(.cart) > li[ai-draft-cate='etc_category'] > a { display:inline-block; vertical-align:middle; border:none; cursor:default; }
.ai_draft_layer .draft_inner_layer .list_draft_cate:not(.cart) > li[ai-draft-cate='etc_category'] input[type="text"] { height:36px; width:420px; margin-left:4px; background:#2b2b2b; border:none; font-size:16px; color:#fff; }
.ai_draft_layer .draft_inner_layer .list_draft_cate:not(.cart) > li[ai-draft-cate='etc_category'] input[type="text"]:focus { border-color:#0066ff; }
.ai_draft_layer .draft_inner_layer .list_draft_cate:not(.cart) > li[ai-draft-cate='etc_category'] button { padding:0 20px; margin-left:8px; line-height:34px; background:#65676C; border:1px #212224 solid; font-size:17px; font-size:15px; color:#fff; }

.ai_draft_layer .draft_inner_layer .list_draft_cate.cart { display:block; margin-right:-16px; height:calc( 100% - 138px ); overflow-y:scroll; }
.ai_draft_layer .draft_inner_layer .list_draft_cate.cart > li { flex-basis:100%; margin-top:16px; position:relative; cursor:pointer; }
.ai_draft_layer .draft_inner_layer .list_draft_cate.cart > li:first-child { margin-top:0; }
.ai_draft_layer .draft_inner_layer .list_draft_cate.cart > li:hover { border-color:#DC282B; }
.ai_draft_layer .draft_inner_layer .list_draft_cate.cart > li:hover::before { display:block; content:''; position:absolute; inset:0; z-index:20; background:rgba(0,0,0,0.7); }
.ai_draft_layer .draft_inner_layer .list_draft_cate.cart > li:hover::after { display:block; content:''; position:absolute; right:0; top:0; bottom:0; z-index:30; width:60px; background:url('/images/editor/icon_draft_remove.png') 50% 50% no-repeat; }
.ai_draft_layer .draft_inner_layer .list_draft_cate.cart > li[ai-draft-cate] > a { height:auto; padding:13px 10px 13px 50px; line-height:24px; font-size:17px; max-width:none; white-space: normal; overflow: visible; text-overflow: clip; }
.ai_draft_layer .draft_inner_layer .list_draft_cate.cart > li[ai-draft-cate] > a::before { width:50px; height:100%; }
.ai_draft_layer .draft_inner_layer .btn_draft_cart_submit { display:block; position:absolute; bottom:0; left:40px; right:0; height:44px; background:#0066FF; font-size:20px; font-weight:500; line-height:44px; text-align:center; color:#fff; }

.ai_draft_layer .draft_inner_layer .fav_block_area { margin:40px 0 0; }
.ai_draft_layer .draft_inner_layer .fav_block_list { display:flex; flex-wrap:wrap; gap:16px; max-height:calc( 100vh - 260px ); overflow-y:auto; margin-right:-10px; padding-right:10px; }
.ai_draft_layer .draft_inner_layer .fav_block_list > li { flex:0 0 calc(20% - 12.8px); width:calc(20% - 12.8px); padding:0 0 20px; cursor:pointer; }
.ai_draft_layer .draft_inner_layer .fav_block_list > li.no_result_contents { flex-basis:100%; padding-top:50px; text-align:center; font-size:21px; color:#fff; cursor:default; }
.ai_draft_layer .draft_inner_layer .fav_block_list .title { min-height:30px; padding-bottom:10px; text-align:center; font-size:15px; line-height:1.4; color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ai_draft_layer .draft_inner_layer .fav_block_list .img_area { position:relative; max-height:300px; overflow:hidden; }
.ai_draft_layer .draft_inner_layer .editor_search { display:inline-block; vertical-align:top; }
.ai_draft_layer .draft_inner_layer .serch_label { font-size:15px; line-height:38px; font-weight:500; color:#fff; margin-right:8px; }

/* 초안 블록 disabled */
.ai_draft_layer .section_block.disabled { background:#2E3238; }
.ai_draft_layer .section_block.disabled .section_txt_img { opacity:0.2; }
.ai_draft_layer .section_block.disabled .section_menu { opacity:0.5; z-index:1500; }
.ai_draft_layer:not(.sorting) .section_block:not(.sortable-chosen).disabled::after { display:flex; justify-content:center; align-items:center; content:'이 블록은 생성되지 않습니다.\A업그레이드하여 블록을 최대 25개까지 생성하세요.'; position:absolute; inset:0; z-index:1000; background:rgba(0,0,0,0.6); color:#fff; text-align:center; line-height:1.6; font-size:15px; white-space: pre-line; border-radius:3px; opacity:0; }
.ai_draft_layer:not(.sorting) .section_block:not(.sortable-chosen).disabled:hover::after { opacity:1; }
.ai_draft_layer .section_block.off::after { display:block; content:''; position:absolute; inset:0; z-index:2100; background:rgba(0,0,0,0.7); }


/* 마스터블록 선택 영역 */
.ai_draft_layer .master_select_area { position:relative; margin:-10px 0 40px; background:#1C1D1F; height:calc(100vh - 415px); }
.ai_draft_layer .master_select_close { position:absolute; right:14px; top:0; display:block; width:50px; height:50px; background:url('/images/editor/icon_close_02.png') 50% 50% no-repeat; }
.ai_draft_layer .master_select_wrap { display:flex; justify-content:space-between; padding:20px 0 20px 20px; height:100%; }
.ai_draft_layer .master_select_wrap > li { display:flex; flex-direction: column; height:100%; }
.ai_draft_layer .master_select_wrap > li.magic_area { flex:0 0 120px; text-align:center; }
.ai_draft_layer .master_select_wrap > li.master_area { flex:1; padding:0 10px 0 30px; border-left:1px #3E3F41 solid; }
.ai_draft_layer .master_select_wrap > li > .top_area { flex: 0 0 50px; display:flex; }
.ai_draft_layer .master_select_wrap > li > .cont_area { flex: 1; overflow-y: auto; padding-bottom:80px; will-change: transform; -webkit-transform: translateZ(0); } /* 잔상 제거 코드 */
.ai_draft_layer .master_select_wrap h4 { font-size:16px; font-weight:500; color:#85b2ff; }
.ai_draft_layer .master_select_wrap .magic_area h4 { flex-basis:100%; }
.ai_draft_layer .master_select_wrap .master_area h4 { margin-right:30px; }
.ai_draft_layer .master_select_wrap .btn_master_theme { display:inline-block; vertical-align:top; height:33px; line-height:33px; font-size:15px; color:#696969; padding:0 12px; background:transparent; border:1px #4D4D4D solid; border-radius:4px; margin-right:8px; }
.ai_draft_layer .master_select_wrap .btn_master_theme.on { background:#4D4D4D; color:#fff; }
.ai_draft_layer .master_select_wrap h5 { padding:0 0 10px; font-size:15px; color:#fff; }
.ai_draft_layer .list_master_block { display:flex; flex-wrap: wrap; gap:15px; padding:0 4px; margin-bottom:30px; }
.ai_draft_layer .magic_area .list_master_block { justify-content:center; }
.ai_draft_layer .list_master_block a[master-layout-code] { display:block; position:relative; width:70px; height:70px; border-radius:4px; background-size:contain; background-position: 50% 50%; background-repeat:no-repeat; }
.ai_draft_layer .list_master_block a[master-layout-code='magic'] { background-size:cover; background:#6f88a7 !important; }
.ai_draft_layer .list_master_block a[master-layout-code='magic']::before { content:'AI 추천\A레이아웃'; display:flex; align-items:center; justify-content:center; white-space: pre-line; position:absolute; inset:0; font-size:15px; font-weight:300; line-height:1.4; color:#ffffff; text-align:center; }
.ai_draft_layer .list_master_block a[master-layout-code].on { outline:2px #3cf4ff solid; outline-offset:2px; }
.ai_draft_layer .list_master_block a[master-layout-code].on::after { display:block; content:''; width:22px; height:22px; position:absolute; right:-9px; top:-9px; border-radius:99px; border:2px #0066ff solid; background:#fff url('/images/ai_v2/ico_checked_blue_01.png') 50% 50% no-repeat; }

[data-member-type='ED_FREE'] .ai_draft_layer .master_select_wrap a[master-ptype='paid']::after { display:block; content:''; width:23px; height:23px; position:absolute; right:-9px; top:-9px; border-radius:99px; background:url('/images/ai_v2/icon_paid.png') 50% 50% no-repeat; }


/* 초안 내부 토큰 영역 */
.ai_draft_layer [data-token-type].disabled label { opacity:0.3; }
.ai_draft_layer [data-token-type].disabled .ico_tooltip,
.ai_draft_layer [data-token-type].disabled .token_charge a { pointer-events:auto; }
.ai_draft_layer a.disabled { pointer-events:none; opacity:0.3; }

/* 초안 목록 영역 */
.ai_draft_layer .draft_body_container .draft_left { width:310px; background:#393C42; border-right:1px #000 solid; }
.ai_draft_layer .draft_body_container .draft_left_inner { padding:20px 4px 20px 20px; height:calc( 100vh - 130px ); overflow-x:hidden; overflow-y:scroll; }
.ai_draft_layer .draft_left .title1 { height:78px; line-height:78px; padding-left:30px; font-size: 22px; font-weight: 700; color: #fff; background:#282C31; }
.ai_draft_layer .draft_left .editor_search .search_box { background-color:#2E3238; border-color:#282B30; }
.ai_draft_layer .search_period { display:none; font-size:0; margin-top:10px; }
.ai_draft_layer .search_period > li { display:inline-block; vertical-align:top; margin:0 2px; }
.ai_draft_layer .search_period > li > a { display:block; vertical-align:top; text-align:center; line-height:28px; padding:0 9px; border-radius:15px; font-size:13px; border:1px #2E3238 solid; background-color: #2E3238; white-space:nowrap; color:#C0C0C0; font-weight:300; }
.ai_draft_layer .search_period > li.on > a { border-color:#85b2ff; background-color:#85b2ff; color:#000; }
.ai_draft_layer .draft_list_result { margin-top:10px; }
.ai_draft_layer .draft_list_result > li { position:relative; padding:12px 0 12px 10px; margin-left:-5px; border-top:1px #474A4F solid; cursor:pointer; }
.ai_draft_layer .draft_list_result > li:first-child { border-top:none; }
.ai_draft_layer .draft_list_result > li .title_wrap { display:inline-block; position:relative; max-width:100%; padding-right:18px; }
.ai_draft_layer .draft_list_result > li p { padding:1px 0; font-size:14px; line-height:1.4; color:#717377; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ai_draft_layer .draft_list_result > li p.title { color:#bbb; }
.ai_draft_layer .draft_list_result > li .draft_remove { display:none; width:22px; height:21px; opacity:0.3; position:absolute; right:5px; bottom:10px; background:url('/images/editor/icon_delete.png') 50% 50% no-repeat; }
.ai_draft_layer .draft_list_result > li .draft_reuse { display:none; height:29px; font-size:13px; line-height:29px; outline:1px #2e82ff solid; text-align:center; font-weight:300; color:#2e82ff; border-radius:3px; margin-top:6px; }
.ai_draft_layer .draft_list_result > li:hover p { color:#999; }
.ai_draft_layer .draft_list_result > li:hover p.title { color:#fff; }
.ai_draft_layer .draft_list_result > li:not(.on):hover .draft_remove { display:block; }
.ai_draft_layer .draft_list_result > li .draft_remove:hover { opacity:1; }
.ai_draft_layer .draft_list_result > li.on { z-index:10; }
.ai_draft_layer .draft_list_result > li.on .title_wrap::after { display:block; content:''; position:absolute; right:0; top:3px; width:11px; height:11px; background: url('/images/ai_v2/ico_checked_blue_01.png') 50% 50% no-repeat; }
.ai_draft_layer .draft_list_result > li.on p { color:#fff; font-weight:200; }
.ai_draft_layer .draft_list_result > li.on p.title { color:#3888FF; font-weight:500; }
.ai_draft_layer .draft_list_result > li.on .draft_reuse { display:block; }
.ai_draft_layer .draft_list_result > li.on .draft_reuse:hover { color:#fff; background:#2e82ff; font-weight:400; }
[data-member-type='ED_FREE'] .ai_draft_layer .draft_list_result > li.on .draft_reuse::before { display:inline-block; content:''; width:16px; height:16px; background:url('/images/editor/icon_paid_user.png') 50% 50% no-repeat; background-size:cover; position:relative; top:2px; margin-right:6px; }

.ai_draft_layer .draft_list_result > li.no_list { padding-top:100px; text-align:center; font-size:17px; font-weight:300; color:#fff; line-height:1.8; cursor:default; pointer-events:none; }
.ai_draft_layer .draft_list_result > li.no_list .draft_btn { pointer-events: auto; }
.ai_draft_layer .draft_list_paging { display:none; line-height:32px; margin-left:-5px; margin-top:10px; border:1px #474A4F solid; text-align:center; color:#bbb; }
.ai_draft_layer .draft_list_paging:hover { border-color:#999; color:#fff; }

.ai_draft_layer .draft_list_result .tooltip_manual { width:100%; cursor:default; }
.ai_draft_layer .draft_list_result .tooltip_manual::before { left:120px; }

/* 로티 전용 레이어 */
.lottie_layer { position:absolute; left:100%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:20100; transition:all 1s; }
.lottie_layer dotlottie-player { margin:0 auto; }
.lottie_layer .progress { opacity:0; position:relative; width:400px; margin:0 auto; border-radius:999px; overflow:hidden; background:#5f5f5f; transition:all 0.6s 2s; }
.lottie_layer .process_bar { position:absolute; left:0; top:0; bottom:0; z-index:5; width:0; background:#208bf1; }
.lottie_layer .process_txt { position:relative; z-index:10; padding:5px 25px 6px; color:#fff; font-size:17px; font-weight:400; line-height:1.4; text-align:center; }
.lottie_layer .geditor_tip { opacity:1; width:540px; margin-top:40px; padding:20px 40px; border-radius:16px; background:#fff; box-shadow: 8px 8px 0 #3272af; transition: opacity 0.4s; }
.lottie_layer .geditor_tip.off { opacity:0; transition: opacity 0s; }
.lottie_layer .geditor_tip .title { padding:5px 0 5px 33px; font-size:20px; line-height:24px; font-weight:600; color:#000; background:url('/images/ai_v2/icon_gedi_tip.png') 0 50% no-repeat; }
.lottie_layer .geditor_tip .geditor_tip_list { min-height:90px; margin-top:12px; font-weight:500; line-height:28px; color:#444; word-break:keep-all;  }
.lottie_layer .geditor_tip .geditor_tip_list > li { height:0; opacity:0; font-size:0; transform:translateX(20px); transition:opacity 0.6s, transform 0.6s; }
.lottie_layer .geditor_tip .geditor_tip_list > li.on { height:auto; font-size:16px; opacity:1; transform:translateX(0px); }
.lottie_layer .text_area { opacity:0; padding:20px 0 0 0; color:#fff; font-size:15px; font-weight:300; line-height:1.4; text-align:center; transition:all 0.6s 4s; }
.lottie_layer .text_area p { padding:5px 0; }
.lottie_layer.on { left:50%; }
.lottie_layer.on .text_area,
.lottie_layer.on .progress { opacity:1; }


/* 디자인 패널 영역 */
.design_block.ai_v2_ready { background-color:#2e3238; }
.design_block.ai_v2_ready > .block_wrap { opacity:0; background:#0066ff url('/images/ai_v2/bg_ai2_block.png'); outline:1px #5095fe solid; transform: translateY( 30px ); transition: all 0.3s, left 0.3s 0.3s; }
.design_block.ai_v2_ready:nth-child(even) > .block_wrap { left:-80px; }
.design_block.ai_v2_ready:nth-child(odd) > .block_wrap { left:80px; }
.design_block.ai_v2_ready > .block_wrap .ai_loading_spinner { opacity:0; transform:scale( 0.6 ); }
.design_block.ai_v2_ready.step1 > .block_wrap { opacity:1; transform: translateY( 0 ); left: 0; }
.design_block.ai_v2_ready.step2 > .block_wrap { background:#fff; outline:none; }
.design_block.ai_v2_ready.step2 > .block_wrap .ai_loading_spinner { opacity:1; }
.design_block.ai_v2_ready.step3 > .block_wrap .ai_loading_spinner { transform:scale( 1 ); }
.design_block.ai_v2_motion { opacity:0; transition: opacity 1s; }
.design_block.ai_v2_motion.s2 { opacity:1; }

.ai-image-ready { position:relative; }
.ai-image-ready::before { display:block; content:''; position:absolute; inset:0; background:rgba(0,0,0,0.2); }
.ai-image-ready::after { display:block; content:''; width:15px; height:15px; position:absolute; left:calc(50% - 8px); top:calc(50% - 8px); z-index:2020; border-radius: 100%; box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223); animation: spin-ani ease infinite 4.6s; }


/* ===================== ai2-tooltip ===================== */
[data-ai2-tooltip] { position:relative; }
[data-ai2-tooltip]:hover::before { display:block; content:''; position:absolute; left:50%; top:100%; margin-top:6px; transform:translateX(-50%) rotate(45deg); width:10px; height:10px; background:#fff; }
[data-ai2-tooltip]:hover::after { content:attr(data-ai2-tooltip); display:block; position:absolute; left:50%; top:100%; margin-top:10px; padding:6px 10px; border-radius:3px; white-space:nowrap; font-size:13px; line-height:1.2; background:#fff; color:#000; transform:translateX(-50%); }


/* ===================== 초안 재사용 ===================== */
#left_contents .ai_options .editor_radio_style.d2 { border-radius:3px; border-color:#656668; }
#left_contents .ai_options .editor_radio_style.d2 label { height:38px; background:transparent; }
#left_contents .ai_options .editor_radio_style.d2 label b { font-size:13px; line-height:37px; }
#left_contents .ai_options .editor_radio_style.d2 label b:before { display:inline-block; content:''; width:12px; height:12px; margin-right:5px; }
#left_contents .ai_options .editor_radio_style input:checked + b { background:#393c42; cursor:default; }
#left_contents .ai_options .editor_radio_style input:checked + b:before { background:url('/images/editor/icon_check_ai1.png') 50% 50% no-repeat; }
[data-member-type='ED_FREE'] #left_contents .ai_options .editor_radio_style input[name='ai-draft-reuse'][value='reuse'] + b:before { width:16px; height:16px; background:url('/images/editor/icon_paid_user.png') 50% 50% no-repeat; background-size:cover; position:relative; top:2px; margin-right:6px; }
#left_contents .btn_ai_d2 { display:none; height:38px; padding:0 10px; font-size:13px; line-height:38px; color:#fff; text-align:center; outline:1px #2e82ff solid; position:relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius:3px; margin-top:8px; }
#left_contents .btn_ai_d2.on  { display:block; }
#left_contents .btn_ai_d2:not(.active)::after { display:block; content:'저장 초안 불러오기'; position:absolute; inset:0; font-size:13px; line-height:37px; color:#bbb; background:#393c42; }
#left_contents .btn_ai_d2:not(.active):hover::after { color:#fff; }
#left_contents .btn_ai_d2.active { outline-color:#656668; background:#393c42; color:#ffffff; }
#left_contents .btn_ai_d2.active:before { display:inline-block; content:''; width:12px; height:12px; margin-right:5px; background:url('/images/editor/icon_check_ai1.png') 50% 50% no-repeat; }
#left_contents .btn_ai_d2.active:hover {  outline-color:#2e82ff;}

.ai_draft_layer .draft_inner_layer.reuse { width:500px; inset:auto; left:50%; top:50%; transform:translate( -50%, -50% ); }
.ai_draft_layer .draft_inner_layer.reuse .layer_top_area { height:62px; }
.ai_draft_layer .draft_inner_layer.reuse .draft_inner_wrap { text-align:center; font-size:15px; color:#aaa; }
.ai_draft_layer .draft_inner_layer.reuse .draft_inner_close { width:62px; height:62px; }
.ai_draft_layer table { width:100%; table-layout:fixed; }
.ai_draft_layer table th { width:110px; border:1px #474A4F solid; padding:10px; font-size:15px; color:#fff; background-color:#282C31; text-align:center; }
.ai_draft_layer table td { border:1px #474A4F solid; padding:10px 20px; font-size:15px; color:#fff; text-align:left; }


/* ===================== 모바일 처리 ===================== */
body.mo #left_contents .aipdp_ver_select { display:none !important; }