@charset "utf-8";

@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 300;
    src: url('//gcore.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
    src: url('//gcore.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//gcore.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//gcore.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 400;
    src: url('//gcore.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
    src: url('//gcore.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//gcore.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//gcore.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 700;
    src: url('//gcore.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
    src: url('//gcore.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//gcore.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//gcore.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; margin: 0;  }



input[type=range] {
    -webkit-appearance: none;
}
input[type=range]:focus {
    outline: none;
}

/* 크롬 */
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    cursor: e-resize;
    animate: 0.2s;
    background-color: #fff;
    border: 1px solid #e4ebf5;
}

input[type=range]::-webkit-slider-thumb {
    border: 1px solid #e4ebf5;
    height: 19px;
    width: 9px;
    background: #edf2f9;
    cursor: e-resize;
    -webkit-appearance: none;
    margin-top: -9px; /*chrome의 경우 margin-top값을 부여해야합니다.*/
}

input[type=range]:hover::-webkit-slider-thumb {
    background: #ffffff;
}


/* 파이어폭스 */
input[type=range]::-moz-range-track {
    border: 1px solid #e4ebf5;
    background: #ffffff;
    cursor: e-resize;
    -webkit-appearance: none;
}


input[type=range]:hover::-moz-range-thumb {
    background: #ffffff;
}


/*IE의 경우*/
input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: e-resize;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #2497E3;
}
input[type=range]::-ms-fill-upper {
    background: #2497E3;
}
input[type=range]::-ms-thumb {
    margin-top: 1px;
    border: 1px solid #2497E3;
    height: 15px;
    width: 10px;
    background: #ffffff;
    cursor: e-resize;
}
input[type=range]:focus::-ms-fill-lower {
    background: #2497E3;/*네모버튼에 포커스를 줬을때 뒤에 라인(ㅡ)의 효과*/
}
input[type=range]:focus::-ms-fill-upper {
    background: #2497E3; /*네모버튼에 포커스를 줬을때 뒤에 라인(ㅡ)의 효과*/
}


/* 편집모드 */
.iframe_scroll {overflow-y: hidden; overflow-x:hidden; width: auto; height: auto; }
.iframe_scroll > [data-wv-layout-element="layout_screen"]{position: relative;/*display: flex;*/ /*min-height: calc(100% - 70px);*/ min-height: 100%;}
/*.iframe_scroll:after{content: '이 영역은 편집모드에서만 나오는 영역입니다.'; position: relative; bottom:0; left: 0; width: 100%; height:70px; display: flex; align-items: center; justify-content: center;*/
    /*font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 500; padding-top: 3px;  background-color: #eee; box-sizing: border-box;}*/
[data-wv-design-mode="design"].iframe_scroll > [data-wv-layout-element="layout_screen"] > [data-wv-layout-element="block"] > [data-wv-layout-element="block_inner"]:empty{ min-height: 14px; }
[data-wv-design-mode="design"].iframe_scroll [data-wv-layout-element="skin-page"] > [data-wv-layout-element="block"] > [data-wv-layout-element="block_inner"]:empty{ min-height: 14px; }
/* .iframe_scroll > [data-wv-layout-element="layout_screen"] > [data-wv-layout-element="block"] > [data-wv-layout-element="block_inner"]:empty:after{
    content:''; position: absolute; top:0; left:0; width: 100%; height: 100%; min-height: 100vh; display:flex; align-items:center; justify-content:center;
    background-image: url('../img/create_block_info.png'); background-size: 301px 254px; background-position: center center; background-repeat: no-repeat;
    /*content:'원하는 블럭 스타일을 가져와\A나만의 블럭으로 만들어보세요.'; font-size:23px; font-size:2.3rem; line-height:35px; line-height:3.5rem; color:#4eb3f3; white-space:pre; text-align: center;*/
.widFull.iframe_scroll{overflow-y: auto; overflow-x: hidden; }

/* .iframe_scroll::-webkit-scrollbar { width: 9px; }
.iframe_scroll::-webkit-scrollbar-track {background: rgb(255, 255, 255); }
.iframe_scroll::-webkit-scrollbar-thumb {background: rgb(230, 239, 252); }
.iframe_scroll::-webkit-scrollbar-thumb:hover {background: rgb(78, 179, 243); } */

.iframe_scroll.type_2:after{display: none;}
.iframe_scroll.type_2 .wrapper [data-wv-layout-element="skin-page"]:after{content:'이 영역은 페이지 영역입니다.'; z-index:10; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);
    display: flex; align-items: center; justify-content: center; font-size:25px; font-size:2.5rem; line-height:31px; line-height:3.1rem; color:#fff; width: 100%; height: 100%;  background-color: gray;}
.iframe_scroll.type_2 .wrapper [data-wv-layout-element="skin-page"] *{display: none;}

/* board rich editor 설정 */
.editor_wrapper { border: 1px solid #e4ebf5; border-top:none !important;}
.editor_wrapper a{ text-decoration: underline !important; }
[id$="bmeditorEditor"] a{ text-decoration: underline !important; }
/*.editor_wrapper table{ width: 100%; border-collapse: collapse; }
.editor_wrapper table td{ border: 1px solid #e1e1e1; height: 30px; }*/

.toolset_wrap{position: relative; z-index: 5; /*border:1px solid #edf2f9;*/  box-sizing: border-box; height: 0px; overflow: hidden; }
/*#defaultToolSetCon.toolset_wrap{border-bottom:none !important; border-top:1px solid #edf2f9;}*/
#defaultToolSetCon.toolset_wrap.on{border-bottom:none !important; border-top:1px solid #edf2f9;}
/*21.11.24 ymg - 에디터 상단툴바 하단 라인 임시로 빼놓음*/
/*#defaultToolSetCon.toolset_wrap:after{content:''; position: absolute; bottom:0; left: 0; width: 100%; border-bottom:1px solid #edf2f9;}*/
.toolset_wrap.not_default_tool{max-width: 90%; height: auto; position: absolute; z-index:101; left: 0; top:0; border: 1px solid #edf2f9; overflow: unset; }
.toolset_wrap.not_default_tool.type2 {border: 1px solid #b1bfd3;}
.toolset_wrap.not_default_tool.toolset_table{min-width: 380px;}
.toolset_wrap.on{  animation: toolSetShow 0s forwards;  border-bottom:1px solid #b1bfd3; }
.toolset_wrap.off{ animation: toolSetHide 0s forwards; }

.resize-box{ position: absolute; width: 100%;  }
.resize-handle { position: absolute; width: 20px; height: 20px; background: #f4f7fb; cursor: nwse-resize; opacity: 0.1; }

div[class*="top-"].resize-handle{ display: none;} /* 모서리 숨기기 */
div[class*="bottom-"].resize-handle{ display: none;} /* 모서리 숨기기 */

.resize-handle.top-left { top: 0; left: 0; z-index: 97; cursor: nwse-resize; }
.resize-handle.top-right { top: 0; right: 0; z-index: 97; cursor: nesw-resize; }
.resize-handle.bottom-left { bottom: 0; left: 0; z-index: 97; cursor: nesw-resize; }
.resize-handle.bottom-right { bottom: 0; right: 0; z-index: 97; cursor: nwse-resize; }

.resize-handle.top { top: 0; left: 0; z-index: 96; width: 100%; cursor: ns-resize; display: none;}
.resize-handle.left { top: 0; left: 0; z-index: 96; height: 100%; cursor: ew-resize; }
.resize-handle.right { top: 0; right: 0; z-index: 96; height: 100%; cursor: ew-resize; }
.resize-handle.bottom { bottom: 0; left: 0; z-index: 96; width: 100%; cursor: ns-resize; display: none; }



body[data-wv-agent="ie"] .toolset_wrap.on{height: auto; overflow: initial;}
body[data-wv-agent="ie"] .toolset_wrap.off{height: 0; overflow: hidden;}
body[data-wv-agent="edge"] .toolset_wrap.on{height: auto; overflow: initial;}
body[data-wv-agent="edge"] .toolset_wrap.off{height: 0; overflow: hidden;}
body[data-wv-agent="Mac"] .toolset_wrap.on{height: auto; overflow: initial;}
body[data-wv-agent="Mac"] .toolset_wrap.off{height: 0; overflow: hidden;}

@keyframes toolSetShow{
    0% {height: 0;overflow: hidden;}
    15% {height: 42px;overflow: hidden;}
    40% {height: 83px;overflow: hidden;}
    60% {height: 125px;overflow: hidden;}
    99% {height: 165px;overflow: hidden;}
    100% {height: auto;overflow: initial;}
}


@keyframes toolSetHide{
    100% {height: 0;overflow: hidden;}
    60% {height: 42px;overflow: hidden;}
    40% {height: 83px;overflow: hidden;}
    25% {height: 125px;overflow: hidden;}
    0% {height: auto;overflow: initial;}
}



/* .toolset_wrap *{ font-family:'Inter','Malgun Gothic', '맑은 고딕', sans-serif; font-weight: 400;} */
.toolset_top_con{position: relative; display: flex; align-items: stretch; z-index: 1; background-color: #fbfdfe;}
.toolset_bottom_con{position: relative; z-index: 0; border-top:1px solid #edf2f9;}
.toolset_wrap.normal .toolset_bottom_con { display: flex; flex-wrap: wrap; background-color: #fbfdfe; }

.toolset{ position:relative; z-index: 0; max-width:100%; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; color:#000; box-sizing: border-box; background-color: #fbfdfe;}
.toolset.hidden{display: none !important;}

.toolset.right{ right:0; }
.toolset.left{ left:0; }
.toolset.top{ top:0; }
.toolset.bottom{ bottom:0; }

/*
21/04/05 jm 작성
toolset에 대한 type 정의
default - 안의 tool_btn이 그냥 버튼이며, padding : 14px 13px 15px 13px; line은 height: calc(100% - 32px); top: 16px;
type_2 - 안의 tool_btn이 그냥 버튼이며, padding : 16px 20px 9px 20px;
type_3 - 안의 tool_btn에 옵션이 있는 경우로 padding: 13px 11px 15px 13px;
*/
.toolset_top_con .toolset{display: flex; align-items: stretch; padding:14px 13px 15px 11px;}
.toolset_top_con .toolset.type_2{padding: 16px 20px 9px 20px;}
.toolset_top_con .toolset.type_3{padding-right:11px;}
.toolset_top_con .toolset.type_4{display:block; padding:14px 13px 0px 11px;}
.toolset_svg .ftNBG {font-family: 'NanumBarunGothic';}
.toolset_svg .bgW {background-color: #FFFFFF;}
.toolset_svg .bgG {background-color: #fbfdfe;}
.toolset_top_con .toolset::after{content: ''; position: absolute; top: 16px; right: 0; height: calc(100% - 32px); border-right:1px solid #edf2f9;}
.toolset_svg .toolset_top_con .toolset::after {display: none;}
.toolset_top_con .toolset.no_line::after{content: none;}
.toolset_top_con .toolset:last-child::after{content: none;}

.toolset .toolset_box{display: inline-block; font-size: 0; line-height:0; text-align: left; box-sizing: border-box;}
.toolset .tool_separation{position: relative; z-index: 1; display: inline-block; vertical-align: middle; margin-top: -1px; }
.toolset .tool_separation.active{z-index: 2;}
.toolset .tool_separation .tool_separation_inner {position: relative; background-color: #fff; box-sizing: border-box; border: 1px solid #e4ebf5; padding:6px 6px 6px 7px; margin-left:-1px;}
.toolset_wrap.normal .toolset .tool_separation .tool_separation_inner { padding-left: 4px; padding-right: 3px; }

body.mobile .toolset .tool_separation.hidden{display: none;}

.toolset.displayControlSet{ transition: width 0.2s ease; }
.toolset.displayControlSet .displayControlBtn{ position: absolute; z-index: 3; right: -8px; top: calc(50% - 10px); border: 1px solid #e6ecf6; overflow: hidden; border-radius: 50%; background-color: #fff; box-sizing: border-box; width: 17px; height: 17px; transition: all 0.2s ease;
    background-image: url('/weven_service/asset/img/arrow/arrow_4x7_707f96_right.png'); background-repeat: no-repeat; background-size: 4px 7px; background-position: left 6px center;}
.toolset.displayControlSet .tool_form_style_0_con .tool_form_style_0_title.width38{ width: auto; padding-right: 1px; }
.toolset.displayControlSet .displayControlBtn:hover{ background-color: #3f87f5; border-color: #3f87f5; background-image: url('/weven_service/asset/img/arrow/arrow_4x7_ffffff_right.png'); }
.toolset.displayControlSet.open .displayControlBtn{background-image: url('/weven_service/asset/img/arrow/arrow_4x7_707f96_left.png'); background-position: left 5px center;}
.toolset.displayControlSet.open .displayControlBtn:hover{background-image: url('/weven_service/asset/img/arrow/arrow_4x7_ffffff_left.png');}
.toolset.displayControlSet.open .tool_form_style_0_con .tool_form_style_0_title.width38{ width: 38px; padding-right: 5px; }

/*.toolset.displayControlSet .displayControlContent { width: 0 !important; }*/

.tool_desc_style_0{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color:#707f96;}
.tool_desc_style_0.width80{ width: 80px; }

.tool_form_style_0_con{}
.tool_form_style_0_con .tool_form_style_0_list{display: flex; align-items: center; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; margin-bottom: 7px;}
.tool_form_style_0_con .tool_form_style_0_list.mb6{ margin-bottom: 6px; }
.tool_form_style_0_con .tool_form_style_0_list.mb9{ margin-bottom: 9px; }
.tool_form_style_0_con .tool_form_style_0_list:last-child{margin-bottom: 0 !important;}
.tool_form_style_0_con .tool_form_style_0_title{position: relative; min-width: 60px; max-width: 70px; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color:#707f96; padding-right: 5px; box-sizing: border-box;}
.tool_form_style_0_con .tool_form_style_0_title.mwNone {max-width: none;}
.tool_form_style_0_con .tool_form_style_0_title.width38 { width: 38px; min-width: auto; }
.tool_form_style_0_con .tool_form_style_0_title.fontsize0{font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem;}
.tool_form_style_0_con .tool_form_style_0_title.pr0{padding-right: 0;}
.tool_form_style_0_con .tool_form_style_0_title.width76{width: 76px;}
.tool_form_style_0_con .tool_form_style_0_title.width86{width: 86px; max-width: none;}
.tool_form_style_0_con .tool_form_style_0_title > span{display: inline-block; vertical-align: middle;}
.tool_form_style_0_con .tool_form_style_0_title .label_img{margin-right: 3px;}
.tool_form_style_0_con .tool_form_style_0_title .label{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color:#707f96; text-align: left;}
.tool_form_style_0_con .tool_form_style_0_content{display: flex; flex:1 0 0; -ms-flex:1 0 0;}
.tool_form_style_0_con .tool_form_style_0_content > div{ margin-right: 5px; position: relative;}
.tool_form_style_0_con .tool_form_style_0_content > div.mr0{margin-right: 0;}
.tool_form_style_0_con .tool_form_style_0_content > div:last-child{ margin-right: 0px; }
.tool_form_style_0_con .tool_form_style_0_content .option_input_style_0.tr{flex:1 0 0; -ms-flex:1 0 0; text-align: right;}
.tool_form_style_0_con .tool_form_style_0_content .option_input_style_0{flex:1 0 0; -ms-flex:1 0 0; text-align: left;}
.tool_form_style_0_con .tool_form_style_0_content .option_input_style_0::-webkit-input-placeholder{color:#b1bfd3;}
.tool_form_style_0_con .tool_form_style_0_content .option_input_style_0::-moz-placeholder{color:#b1bfd3;}
.tool_form_style_0_con .tool_form_style_0_content .option_input_style_0:-moz-placeholder{color:#b1bfd3;}
.tool_form_style_0_con .tool_form_style_0_content .option_input_style_0:-ms-input-placeholder{color:#b1bfd3;}
.tool_form_style_0_con .tool_form_style_0_content .option_textarea_style_0{flex:1 0 0; -ms-flex:1 0 0; text-align: left;}
.tool_form_style_0_con .tool_form_style_0_content .option_textarea_style_0::-webkit-input-placeholder{color:#b1bfd3;}
.tool_form_style_0_con .tool_form_style_0_content .option_textarea_style_0::-moz-placeholder{color:#b1bfd3;}
.tool_form_style_0_con .tool_form_style_0_content .option_textarea_style_0:-moz-placeholder{color:#b1bfd3;}
.tool_form_style_0_con .tool_form_style_0_content .option_textarea_style_0:-ms-input-placeholder{color:#b1bfd3;}

.tool_form_style_0_con .tool_form_style_0_desc{}
.tool_form_style_0_con .tool_form_style_0_desc > span{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; letter-spacing: -0.04em; font-weight: 300; color: #afc1d5; vertical-align: middle;}

.tool_form_style_0_con .tool_form_style_0_title .info_popup_wrap.type_2{top:auto; bottom:26px; padding-top:0; }
.tool_form_style_0_con .tool_form_style_0_title .info_popup_wrap.type_2:after{top:auto; bottom:-3px; transform: rotate(225deg);}

.info_popup_wrap{ position: relative;}
.info_popup_wrap .info_popup_icon{ display: inline-block; width: 16px; height: 15px; border-radius: 50%; background-image: url('../img/tool/info_popup_icon.png'); background-repeat: no-repeat; background-size: 16px 15px; background-position: center; cursor: pointer;}
.info_popup_wrap:hover .info_popup_icon{background-image: url('../img/tool/info_popup_icon_h.png');}
.info_popup_wrap .info_popup_con{display: none; position: absolute; z-index: 1; left: -37px; top:16px; padding-top: 10px; box-sizing: border-box;}
.info_popup_wrap:hover .info_popup_con { display: block; }
.info_popup_wrap .info_popup_con::after{content: ''; position: absolute; top:6px; left:41px; width: 8px; height: 8px; background-color: #fff; border-top:1px solid #b1bfd3; border-left:1px solid #b1bfd3; transform: rotate(45deg); box-sizing: border-box;}
.info_popup_wrap .info_popup_inner{width: 324px; background-color: #fff; border:1px solid #b1bfd3;}
.info_popup_wrap .info_popup_inner .info_title{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; color:#ff7e00; padding:11px 20px; border-bottom:1px solid #e4ebf5; box-sizing: border-box;}
.info_popup_wrap .info_popup_inner .info_desc{font-size:12px; font-size:1.2rem; line-height:23px; line-height:2.3rem; color:#707f96; padding:13px 20px 14px 20px; box-sizing: border-box;}
.info_popup_wrap:hover .info_popup_alignment_con { display: block; }

.tool_form_style_0_con .tool_form_style_0_list.type_2{align-items: flex-start;}
.tool_form_style_0_con .tool_form_style_0_list.type_2 .tool_form_style_0_title{padding-top: 10px;}

.tool_form_style_0_con .tool_form_style_0_list.type_3{align-items: flex-start; margin-bottom: 17px;}
.tool_form_style_0_con .tool_form_style_0_list.type_3 .tool_form_style_0_title{padding-top: 6px;}
.tool_form_style_0_con .tool_form_style_0_list.type_3 .tool_form_style_0_content{flex-wrap: wrap; align-items: center;}

.tool_radio_btn_style_0_wrap{font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; }
.tool_radio_btn_style_0_con{ position:relative;}
.tool_radio_btn_style_0_con:last-child{margin-right: 0px;}
.tool_radio_btn_style_0_con .tool_radio_btn_style_0{position: absolute; top: 4px; left: 0; cursor: pointer; width: 19px; height: 19px; opacity: 0; filter: alpha(opacity=0); margin:0;}
.tool_radio_btn_style_0_con .tool_radio_btn_style_0 + label{position: relative; display: inline-block; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color:#707f96; word-break: keep-all;
    padding-left: 26px;  padding-top: 3px; padding-bottom: 3px; cursor: pointer;}
.tool_radio_btn_style_0_con .tool_radio_btn_style_0 + label:before{content: ''; position: absolute; width: 19px; height: 19px; top: 2px; left: 0; border-radius: 50%; border:1px solid #b3c0d4; box-sizing: border-box; }
.tool_radio_btn_style_0_con .tool_radio_btn_style_0:checked + label:after{content: ''; position: absolute; width: 11px; height: 11px; top: 6px; left: 4px; border-radius: 50%; background-color: #abc2e2;  box-sizing: border-box;}

.tool_radio_btn_style_0_con .tool_radio_btn_style_0.type_2{width: 21px; height: 21px;}
.tool_radio_btn_style_0_con .tool_radio_btn_style_0.type_2 + label{padding-left: 30px;}
.tool_radio_btn_style_0_con .tool_radio_btn_style_0.type_2 + label:before{width: 21px; height: 21px; top:3px;}
.tool_radio_btn_style_0_con .tool_radio_btn_style_0.type_2:checked + label:after{left: 5px;}

.tool_radio_btn_style_0_con .tool_radio_btn_style_0.type_3 + label{min-width: 64px; height: 19px; background-repeat: no-repeat; background-position: left 24px center; background-size: auto;}

.toolset_top_con .toolset .toolset_box{display: flex; flex-direction: column; justify-content: flex-start;}/*위쪽 정렬*/
.toolset_top_con .toolset .toolset_box.type_2{justify-content: space-between;} /*위 아래 맞춤 정렬*/
.toolset_top_con .toolset .tool_separation{display: block; margin-bottom: 7px;}
[data-wv-default-field="editor"] .toolset_top_con .toolset[data-wv-toolset="ToolMotionSource"] .tool_separation { margin-bottom: 0; }
/*.toolset_top_con .toolset .tool_separation:nth-child(3n){margin-bottom: 0;}*/
.toolset_top_con .toolset .tool_separation:last-child{margin-bottom: 0;}
.toolset_top_con .toolset .tool_separation .tool_separation_inner{border:none; background-color: transparent; padding:0;}
.toolset_top_con .toolset .tool_separation .tool_btn{display: block; height: 27px;}
.toolset_top_con .toolset .tool_separation .tool_btn.show{display: inline-block; position: relative;}

/*.toolset_bottom_con .toolset .tool_separation_inner{border-bottom:none;}*/
/*.toolset_bottom_con .toolset .tool_separation:last-child .tool_separation_inner{border-right:none;}*/
.toolset_bottom_con .toolset .tool_separation.no_bdr .tool_separation_inner{border-right:none;}
/*.toolset_bottom_con .toolset .tool_separation .tool_separation_inner{border-bottom}*/

/* tool_btn */

.tool_btn{display: inline-block; vertical-align: middle; min-width:25px; height:25px;text-align: center; cursor: pointer; padding: 0px; background-repeat: no-repeat; background-position: center center; border:1px solid transparent; box-sizing: border-box; user-select: none;}
/* .tool_btn:not(.list_on):not(.type_2):hover{background-color: #edf2f9; border-color:#e4ebf5;} */
.tool_btn.active:not(.type_2){background-color: #dee7ea; border-color:#dee7ea;}
.expert .tool_btn.tool_form_style_0_content { min-width: unset; height: auto; text-align: left; cursor: auto; border: none; }
.tool_border{ width:1px; height:42px; background-color: #f2f2f2; float:left; margin: 0px 9px;  }


/*toolset_bottom_con tool_btn*/
.tool_btn.tool_undo{width: 28px; background-image: url("../img/tool/tool_undo.png"); background-size: 14px 13px;}
.tool_btn.tool_redo{width: 28px; background-image: url("../img/tool/tool_redo.png"); background-size: 14px 13px; }

.tool_btn.tool_text_font{width: 115px;}
.tool_btn.tool_text_size{width: 64px; margin-left: 14px; margin-right: 20px;}
.tool_btn.tool_text_size:after{content:''; position: absolute; top:50%; left:7px; transform: translateY(-50%); width: 9px; height: 9px; background-image: url("../img/tool/tool_text_size.png"); background-size: 9px 9px; background-position: center;}

.tool_btn.tool_text_bold{min-width: 80px; margin-right: 20px;}

.tool_btn.tool_text_underline{ background-image: url("../img/tool/tool_text_underline.png"); }
.tool_btn.tool_text_italic{ background-image: url("../img/tool/tool_text_italic.png"); }
.tool_btn.tool_text_color{width: 50px; background-image: url("../img/tool/tool_text_color.png"); background-position: left 8px top 5px; margin-left: -1px;}
.tool_btn.tool_text_cancelline{ background-image: url("../img/tool/tool_text_cancelline.png"); }

.tool_btn.tool_text_align_left{ background-image: url("../img/tool/tool_text_align_left.png"); }
.tool_btn.tool_text_align_center{ background-image: url("../img/tool/tool_text_align_center.png"); }
.tool_btn.tool_text_align_right{ background-image: url("../img/tool/tool_text_align_right.png"); }
.tool_btn.tool_text_align_justify{ background-image: url("../img/tool/tool_text_align_justify.png"); }

.tool_btn.tool_text_line_height{width: 72px; margin-left: 11px; margin-right: 20px;}
.tool_btn.tool_text_line_height:after{content:''; position: absolute; top:50%; left:7px; margin-top: -6px; width: 7px; height: 11px; background-image: url("../img/tool/tool_text_line_height.png"); background-repeat: no-repeat; background-size: 7px 11px; background-position: center;}

.tool_btn.tool_text_letter_spacing{width: 67px; margin-left: 14px; margin-right: 20px;}
.tool_btn.tool_text_letter_spacing:after{content:''; position: absolute; top:50%; left:9px; margin-top: -3px; width: 9px; height: 5px; background-image: url("../img/tool/tool_text_letter_spacing.png"); background-repeat: no-repeat; background-size: 9px 5px; background-position: center;}

.tool_btn.tool_text_list_style{width: 50px; background-image: url("../img/tool/tool_text_list_style.png"); background-position: left 3px top 5px; }

.tool_btn.tool_image{}

.tool_btn.tool_file{}

.tool_btn.tool_video{}

.tool_btn.tool_table{}

/* tool_btn label */
/*
default :  전체에 오버되는 경우
type_2 : 버튼 클릭시 전체 감싸는 진한 보더 있는 경우 (toolset_bottom_con에서 쓰임)
type_3 : 버튼 클릭시 전체 감싸는 진한 보더 없는 경우 (toolset_top_con에서 쓰임)
*/

.toolset .tool_btn .label_con{position: relative; display: flex; align-items: center; height:100%; padding-left: 4px; padding-right: 4px; box-sizing: border-box;}
.expert .toolset .tool_btn.tool_form_style_0_content .label_con { display: block; border: 1px solid #d8e3ea; cursor: pointer; border-radius: 4px; padding-left: 9px; padding-top: 7px; width: 133px; height: 33px; }
.expert .toolset .tool_btn.tool_form_style_0_content .label_con .label { font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; letter-spacing: 0em; font-weight: 600; color: #000; }
.expert .toolset .tool_btn.tool_form_style_0_content .label_con:hover{border-color: #6a767e;}
.expert .toolset .tool_btn.tool_form_style_0_content .list_on .label_con { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top: 1px solid #6a767e; border-left: 1px solid #6a767e; border-right: 1px solid #6a767e; border-bottom: 1px solid #d8e3ea; }
.toolset .tool_btn .label_con.type_2{padding-right: 27px;}
.toolset .tool_btn .label_con.type_3.pr22{padding-right: 22px;}
.toolset .tool_btn .label_con.type_3.pl0{padding-left: 0px;}
.toolset .tool_btn .label_con.type_3{padding-right: 31px;}
.toolset .tool_btn .label_con .label_img{-ms-flex:0 0 auto; display: inline-flex; width: 16px; height: 13px; align-items: center; justify-content: center;}
.toolset .tool_btn .label_con .label{flex:1 0 0; -ms-flex:1 0 0; z-index: 2; width: 100%; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color:#707f96; text-align: left; white-space: nowrap;
    border:none; background-color: transparent;}
.toolset .tool_btn .label_con .label.font_roboto{font-size:13px; font-size:1.3rem;}
.toolset .tool_btn .label_con .label.tc{text-align: center;}
.toolset .tool_btn .label_con .label:focus{outline: none;}
.toolset .tool_btn .label_con.type_2:after{content: ''; position: absolute; top:-1px; right: -1px; width: 25px; height: 25px; border:1px solid transparent;  background-image: url("../img/tool/tool_select_arrow.png"); background-repeat:no-repeat;
    background-size:7px 4px; background-position: center top 9px; box-sizing: border-box;}
.expert .toolset .tool_btn.tool_form_style_0_content .label_con.type_2:after { background-image: none; width: auto; height: auto; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; right: 11px; top: 14px; }
.expert .toolset .tool_btn.tool_form_style_0_content .list_on .label_con.type_2:after{ border-top:none; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 4px solid #000;}
.toolset .tool_btn .label_con.type_3:after{content: ''; position: absolute; top:-1px; right: -1px; width: 27px; height: 27px; border:1px solid transparent;  background-image: url("../img/tool/tool_select_arrow.png"); background-repeat:no-repeat;
    background-size:7px 4px; background-position: center center; box-sizing: border-box;}

.toolset_wrap .toolset .tool_btn .label_con:not(.type_2) .label{display: none;}
.toolset_wrap .toolset .tool_btn.tool_table .label_con.type_2 .label{display: none;}
.toolset_wrap .toolset .tool_btn .label_con .label_img{margin-right: 0}

.toolset_wrap .toolset.hide_label .tool_btn .label_con:not(.type_2) .label{display: none;}
.toolset_wrap .toolset.hide_label .tool_btn.tool_table .label_con.type_2{display: none;}
.toolset_wrap .toolset.hide_label .tool_btn .label_con .label_img{margin-right: 0 !important;}

.toolset_top_con .tool_btn .label_con{padding-left: 7px; padding-right: 6px;}
.toolset_bottom_con .tool_btn .label_con{padding-left: 4px;}
.toolset_bottom_con .tool_btn .label_con .label_img{width: 14px;}

.tool_btn:not(.list_on):not(.tool_form_style_0_content):hover .label_con.type_2:after{background-color: #edf2f9; border-color:#e4ebf5;}
.tool_btn:not(.list_on):hover .label_con.type_3:after{background-color: #edf2f9; border-color:#e4ebf5;}
.tool_btn.list_on .label_con.type_2:after{background-color: #edf2f9; border-color:#e4ebf5; background-image: url('../img/tool/tool_select_arrow_active.png');}
.tool_btn.list_on .label_con.type_3:after{z-index: 1; background-color: #edf2f9; border-color:#b1bfd3; border-bottom-color:#e4ebf5; background-image: url('../img/tool/tool_select_arrow_active.png');}
.tool_btn.list_on .label_con:before{content:''; position: absolute; top:-8px; left:-9px; z-index: 1; width: calc(100% + 15px); height: calc(100% + 14px); border:1px solid #b1bfd3; border-bottom-color:#e4ebf5;}
.toolset_wrap.normal .tool_btn.list_on .label_con:before { left: -6px; width: calc(100% + 9px); }
.tool_btn.list_on .label_con.type_3:before{content:none;}

.tool_btn.tool_table .label_con.type_2{padding-right: 26px;}

.tool_btn.tool_text_size.list_on .label_con:before{left: -23px; width: calc(100% + 29px);}
.toolset_wrap.normal .tool_btn.tool_text_size.list_on .label_con:before{left: -20px; width: calc(100% + 23px);}

.tool_btn.tool_text_color.list_on .label_con:before{left:-8px; width: calc(100% + 13px);}
.toolset_wrap.normal .tool_btn.tool_text_color.list_on .label_con:before{left:-8px; width: calc(100% + 13px);}

.tool_btn.tool_text_letter_spacing .label{text-align: center;}
.tool_btn.tool_text_letter_spacing.list_on .label_con:before{left: -23px; width: calc(100% + 29px);}
.toolset_wrap.normal .tool_btn.tool_text_letter_spacing.list_on .label_con:before{left: -20px; width: calc(100% + 23px);}

.tool_btn.tool_text_line_height.list_on .label_con:before{left: -20px; width: calc(100% + 26px);}
.toolset_wrap.normal .tool_btn.tool_text_line_height.list_on .label_con:before { left: -17px; width: calc(100% + 20px); }

.expert .toolset .tool_btn.tool_form_style_0_content.size .label_con { width: 102px; }
.expert .toolset .tool_btn.tool_form_style_0_content.size .label_con.w100 { width: 100%; }
.expert .toolset .tool_btn.tool_form_style_0_content.size .label_con.short_con { width: 78px; }

.tool_btn .btn_op_input{ width:25px; }

/* 단축키 관련 css */
#defaultToolSetCon:not(.normal) .tool_separation.type_3 .tool_btn.hotkey .label_con.type_2 { padding-right: 23px; }
#defaultToolSetCon:not(.normal) .tool_separation.type_3 .tool_btn.hotkey .label_con.type_2 .label_img { width: 20px; height: 16px; background-image: url("../img/tool/hotkey_icon.png"); background-size: 20px 16px; }
#defaultToolSetCon:not(.normal) .tool_btn:not(.list_on):not(.type_2).hotkey:hover { background-color: transparent; border-color: transparent; }
#defaultToolSetCon:not(.normal) .tool_btn:not(.list_on).hotkey:hover .label_con.type_2 .label_img { background-image: url("../img/tool/hotkey_icon_h.png"); }
#defaultToolSetCon:not(.normal) .tool_separation.type_3 .tool_btn.list_on.hotkey .label_con.type_2 .label_img { background-image: url("../img/tool/hotkey_icon_h.png"); }
#defaultToolSetCon:not(.normal) .tool_btn:not(.list_on).hotkey:hover .label_con.type_2:after { background-image: url("../img/tool/tool_select_arrow_h.png"); background-color: transparent; border-color: transparent;}
#defaultToolSetCon:not(.normal) .tool_btn.hotkey .label_con.type_2:after { width: 21px; }
#defaultToolSetCon:not(.normal) .tool_btn.list_on.hotkey .label_con.type_2:after { background-color: transparent; border-color: transparent; background-image: url('../img/tool/tool_select_arrow_h_active.png'); }
#defaultToolSetCon:not(.normal) .tool_btn.list_on.hotkey .label_con.type_2:before { left: -9px; width: calc(100% + 11px); background-color: #fff; border-color: #4eb3f3; border-bottom-color: transparent; z-index: -1;}
#defaultToolSetCon:not(.normal) .toolset_bottom_con .tool_btn.hotkey .option_con{width: auto; min-width: 620px; top: 31px; left: auto; right: -3px; border-color: #4eb3f3; }
#defaultToolSetCon:not(.normal) table.hotkey_table tr { border-bottom: 1px solid #edf2f9; box-sizing : border-box; }
#defaultToolSetCon:not(.normal) table.hotkey_table thead tr th { font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; letter-spacing: -0.02em; font-weight: 700; color: #4eb3f3; padding: 15px 14px 16px; box-sizing : border-box; }
#defaultToolSetCon:not(.normal) table.hotkey_table tbody tr:last-child { border-bottom: none; }
/*#defaultToolSetCon:not(.normal) table.hotkey_table tbody tr:last-child td { height: 50px; box-sizing: border-box; border-right: none; }*/
#defaultToolSetCon:not(.normal) table.hotkey_table tbody tr td { padding: 8px 14px; border-right: 1px solid #edf2f9; }
#defaultToolSetCon:not(.normal) table.hotkey_table tbody tr td:last-child { border-right: none; }
#defaultToolSetCon:not(.normal) table.hotkey_table tbody tr td > div { display: inline-block; vertical-align: middle; }
#defaultToolSetCon:not(.normal) table.hotkey_table tbody tr td .func { width: 130px; font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; font-weight: 400; letter-spacing: -0.02em; color: #72849a; }
#defaultToolSetCon:not(.normal) table.hotkey_table tbody tr td .shortcut { width: calc(100% - 130px); font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; font-weight: 400; letter-spacing: -0.0em; color: #4eb3f3; }
#defaultToolSetCon:not(.normal) table.hotkey_table tbody tr td .shortcut > span { margin: 0 4px; min-width: 26px; display: inline-block; padding: 3px 7px 2px; border: 1px solid #f3f7fd; border-radius: 3px; background-color: #f9fbfd; box-sizing : border-box; }
#defaultToolSetCon:not(.normal) table.hotkey_table tbody tr td .shortcut_footer_text { margin-top: 7px; margin-right: 6px; font-size:11px; font-size:1.1rem; line-height:17px; line-height:1.7rem; font-weight: 400; color: #4eb3f3; }

/* tool text color thumbnail */
.text_color_thumb_con {}
.text_color_thumb_con .text_color_thumbnail {display: inline-block; vertical-align: bottom; width: 15px; height: 4px; background-color: #000; border: 1px solid #707f96; margin-bottom: 2px; box-sizing: border-box;}


/* tool text background-color thumbnail */
.text_background_thumb_con {position: absolute; width: 20px; height: 20px; box-sizing: border-box;}
.text_background_thumb_con .text_background_thumbnail { line-height:17px; display: inline-block; vertical-align: bottom; width: 100%; height: 100%; border: 1px solid #000; box-sizing: border-box;}
.table_background_thumb_con {position: absolute; width: 20px; height: 20px; box-sizing: border-box; text-align: center;}
.table_background_thumb_con .table_background_thumbnail {display: inline-block; vertical-align: top; width: 12px; height: 12px; border: 1px solid #888; box-sizing: border-box; margin-top: 5px;}

/* tool_btn option_control_btn */
.option_control_btn_con{position: absolute; top:0; right: 0;}
.option_control_btn_con .option_control_btn{display: block; width: 20px; background-position: center center; background-repeat: no-repeat; background-size: 7px 4px; border-left:1px solid #e4ebf5; box-sizing: border-box;}
.option_control_btn_con .option_control_btn.top{height: 19px; background-image: url('../img/tool/option_control_btn_up.png'); border-bottom:1px solid #e4ebf5;}
.option_control_btn_con .option_control_btn.bottom{height: 18px; background-image: url('../img/tool/option_control_btn_down.png');}

.option_control_btn_con .option_control_btn:hover{background-color: #edf2f9;}

/* tool_btn option */

.toolset_top_con .tool_btn > .option_con {position: absolute; width: calc(100% + 2px); right:27px; transform: translateX(100%); border: 1px solid #b1bfd3; box-sizing: border-box;}
.toolset_bottom_con .tool_btn > .option_con {position: absolute; width: calc(100% + 94px); left:-1px; top:37px; border: 1px solid #b1bfd3; box-sizing: border-box;}
.expert .toolset .tool_btn.tool_form_style_0_content .option_con { position: absolute; top: 33px; left: 0; width: 100%; border-radius: 4px; border-top-right-radius: 0; background-color: #fff;}
.expert .toolset .tool_btn.tool_form_style_0_content .list_on .option_con { z-index: -1; border-top-left-radius: 0; }
.tool_separation.type_2 .tool_btn > .option_con{width: calc(100% + 2px - 20px);}
.option_btn > .option_con {position: absolute; width: 100%; left:0;}
.option_con{display: none;}
.option{color: #313131; background-color:#fff; z-index: 500001; text-align: left; cursor: default;}
.option .option_row {font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; overflow: hidden; padding: 6px 20px; border:1px solid transparent;}
.option .option_row.type_2{display: flex; align-items: center; justify-content: space-between; /*flex-wrap: wrap;*/}
.option .option_row .type_3{display: flex; align-items: center; justify-content: space-between; /*flex-wrap: wrap;*/}
.option .option_row.btn_row{padding:20px; background-color: #fbfdfe;}
.option .option_row.bg_color{background-color: #fbfdfe;}
.option .option_row.border_top{border-top-color:#e4ebf5;}
.option .option_row.border_bottom{border-bottom-color:#e4ebf5;}
.option .option_row.after_border_bottom{position: relative;}
.option .option_row.after_border_bottom:after{content: ''; position: absolute; width: calc(100% - 40px); left: 20px; bottom: 0; border-bottom: 1px solid #e4ebf5;}
.option .option_row_title{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color:#707f96;}
.option .color_code_input{ width: 87px; font-size:12px; font-size:1.2rem; line-height:19px; line-height:1.9rem; text-align: left; color:#707f96; text-transform: uppercase; border: 1px solid #e4ebf5; padding: 3px 6px; box-sizing: border-box;}
.option .color_code_input:focus{background-color: #edf2f9; outline: none;}
.option .color_code_input::-webkit-input-placeholder{color:#ccc;}
.option .color_code_input:-ms-input-placeholder{color:#ccc;}
.option .color_code_input:-moz-placeholder{color:#ccc;}
.option .option_label_con{ font-size: 1.2rem; line-height: 1.8rem; color: #707f96; }
.option .option_range_con{   }
.option .option_range_con .option_input_style_range{ margin-top: 0px; }
.option .unit_text{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; color: #707f96;}

.option_input_style_0{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color:#707f96; text-align: center; border: 1px solid #e4ebf5; padding-top: 5px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; box-sizing: border-box;}
.option_input_style_0.p5 {padding-left: 5px; padding-right: 5px; }
.option_input_style_0.pr26{ padding-right: 26px; }
.option_input_style_0.tr{ text-align: right; }
.option_input_style_0.font_roboto{padding-top: 3px; padding-bottom: 3px;}
.option_input_style_0.width25{width: 25px; padding-top: 4px; padding-bottom: 1px; padding-left: 2px; padding-right: 2px;}
.option_input_style_0.width27{width: 27px; padding-top: 4px; padding-bottom: 1px; padding-left: 2px; padding-right: 2px;}
.option_input_style_0.width35{width: 35px;}
.option_input_style_0.width38{width: 38px;}
.option_input_style_0.width40{width: 40px;}
.option_input_style_0.width42{width: 42px;}
.option_input_style_0.width45{width: 45px;}
.option_input_style_0.width50{width: 50px;}
.option_input_style_0.width55{width: 55px;}
.option_input_style_0.width57{width: 57px;}
.option_input_style_0.width65{width: 65px;}
.option_input_style_0.width70{width: 70px;}
.option_input_style_0.width75{width: 75px;}
.option_input_style_0.width143{width: 143px;}
.option_input_style_0.width177{width: 177px;}
.option_input_style_0.width267{width: 267px;}
.option_input_style_0.width335{width: 335px;}
.option_input_style_0:focus{background-color: #edf2f9; /*outline: none;*/ }

.option_input_style_0:read-only{outline: none; border-color: transparent; background-color: transparent;}
.option_input_style_0:disabled{outline: none; border-color: transparent; background-color: transparent;}

.option_input_style_0_con.input_width{position:relative; text-align: center;}
.option_input_style_0_con.input_width .option_input_style_0{position: relative; z-index: 1; width: 65px;}

.option_input_style_range{position: relative; z-index: 1; width: calc(100% - 2px); padding: 0;}
/*.option_input_style_0_con.input_width:after{content: ''; position: absolute; z-index: 0; width: 100%; height: 5px; top:11px; left:0; background-image: url('../img/tool/width_arrow_97x5.png'); background-repeat: no-repeat;}*/

body[data-wv-agent="edge"] .option_input_style_range{margin-top: 0; height: 28px;}

.option_input_style_0_con.input_width.type_2:after{height: 9px; background-image: url('../img/tool/width_arrow_201x9.png');}
.option_input_style_0_con.input_width.type_2 .option_input_style_0{width: 71px;}

.option_textarea_style_0{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color:#707f96; text-align: center; border: 1px solid #e4ebf5; padding-top: 5px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; resize: none; box-sizing: border-box;}
.font_textarea_style_0{padding-top:7px; padding-left:14px; margin-left:-1px; margin-top:-10px; width:470px; height:144px; font-size:13px; font-size:1.3rem; line-height:17px; line-height:1.7rem; font-weight: 600; color:#707f96; text-align: left; border: 1px solid #e4ebf5; border-radius:4px; resize: none; box-sizing: border-box;}

.option_select_style_0{width: 100%; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color:#707f96; text-align: left; border: 1px solid #e4ebf5; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 6px; box-sizing: border-box;
    -webkit-appearance: none; -moz-appearance: none; background-image: url("../img/tool/tool_select_arrow.png"); background-repeat: no-repeat; background-size: 7px 4px; background-position: right 13px center;}
.option_select_style_0.width267{width: 267px;}

.option .list_con{ /*overflow:hidden; margin: 5px 0;*/ }
.option .list_con li{ cursor: pointer; }
.option .list_con.color_code_con { font-size: 0; text-align: center; margin-left: -2px; margin-top: 0; margin-bottom: 5px;}
.option .list_con.color_code_con:last-child{margin-bottom: -2px;}
.option .list_con li.color_code{ float: none; display: inline-block; width:18px; height:18px; margin-left: 2px; margin-bottom: 2px; box-sizing: border-box; transition: none; }
.option .list_con.color_code_con.recent_color li.color_code {padding:2px; border: 1px solid #e4ebf5;}
.option .list_con.color_code_con.my_saved_color li.color_code {padding:2px; border: 1px solid #e4ebf5;}
.option .list_con li.color_code .color_code_sample{ width:100%; height:100%; }
.option .list_con li.color_code:hover{ border:1px solid #000 !important; }
.option .list_con li.color_code.on{ border:1px solid #000 !important; }

.option .color_option_prev { width: 19px;height: 19px;background-color: red;position: absolute;right: 0;margin-right: 58px; }
.studio_color_picker .option .color_option_prev {margin-right: 58px;}
[data-wv-tool-btn=ToolBtnDomBackgroundBorder] .option .color_option_prev {/* margin-right: 67px; */}


.option .list_con{ /*overflow:hidden; margin: 5px 0;*/ }
.option .list_con li{ cursor: pointer; }
.option .list_con.table_cell_con {  text-align: left; margin-left: -2px; margin-top: 0; margin-bottom: 5px; width: 51px; height:51px;  }
.option .list_con.table_cell_con:last-child{margin-bottom: -2px;}
/*.option .list_con li.table_cell{ float: none; display: inline-block; width:17px; height:17px; margin-left: 2px; margin-bottom: 2px; border:1px solid #e4ebf5; box-sizing: border-box; transition: none; }*/
.option .list_con li.table_cell{ float: none; display: inline-block; width:17px; height:17px; margin-left: 2px; margin-bottom: 2px; border:1px solid #e8f0f8; box-sizing: border-box; transition: none; }
.option .list_con li.table_cell .table_cell_inner{ width:100%; height:100%; background-color: #e8f0f8; }
.option .list_con li.table_cell:hover .table_cell_inner{ background-color:#e8f0f8 !important; }
.option .list_con li.table_cell.on .table_cell_inner{ background-color:#e8f0f8 !important; }

.option.list_option {padding: 0px;}
.option.list_option .list_con{margin: 0px; padding-top: 14px; padding-bottom: 14px;}
.option.list_option .list_con li{margin-bottom: 6px;}
.option.list_option .list_con li:last-child{margin-bottom: 0;}
.option.list_option .list_con li .list_contents {font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color:#707f96; border:1px solid transparent; padding: 4px 14px 3px 14px; box-sizing: border-box;}
.option.list_option .list_con li .list_contents.font_roboto{font-size:13px; font-size:1.3rem;}
.option.list_option .list_con li .list_contents:hover {background-color: #edf2f9; border-color:#e4ebf5;}
.option.list_option .list_con li .list_contents.on {background-color: #edf2f9; border-color:#e4ebf5;}

.expert .option.list_option { display:none; width:100%; max-height: 488px; overflow-y: auto; border:1px solid #6a767e; border-top: none; box-sizing: border-box; z-index: 1;  border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #fff;}
.expert .option.list_option::-webkit-scrollbar-thumb{background: #cde4f0 !important; background-clip: padding-box !important; border-left: 5px solid transparent !important; border-right: 4px solid transparent !important;border-top: 4px solid transparent !important;}
.expert .option.list_option::-webkit-scrollbar-track{background: rgb(255, 255, 255) !important; }
.expert .option.list_option::-webkit-scrollbar{width: 11px !important; }
.expert .option.list_option::-webkit-scrollbar-button{display: none !important; }
.expert .list_on .option.list_option { display: block; box-shadow: 1px 3px 4px 0px rgba(0,0,0,0.1); padding-bottom: 2px; }
.expert .option.list_option .list_con{background-color: #fff; padding: 0;}
.expert .option.list_option .list_con li{text-align: left; margin-bottom: 0; width: 100%;}
.expert .option.list_option .list_con li .list_contents{display: block; box-sizing: border-box; font-size:11px; font-size:1.1rem; line-height:17px; line-height:1.7rem; font-weight: 500; color: #000; padding-left: 31px; padding-top: 5px; padding-bottom: 4px;}
.expert .option.list_option.has_arrow .list_con li .list_contents{ padding-left: 9px; }
.expert .option.list_option .list_con li .list_contents:hover { background-color: #dee7ea; }
.expert .option.list_option .list_con li .list_contents.on {background-color: #dee7ea;}
.expert .option.list_option .list_con li:last-child .list_contents{border-bottom:none;}

.option.list_option.flexHorizon .list_con{display: flex;}
.option.list_option.flexHorizon .list_con li { margin-bottom: 0;}
.option.list_option .font_list_title {font-size:7px; font-size:0.7rem; line-height:13px; line-height:1.3rem; font-weight: 300; color:#707f96; padding: 14px; letter-spacing: 0.04em;}
.option.list_option.myFont{margin: 0px;}
.option.list_option.systemFont{margin: 0px; padding-bottom: 14px;}
.option.list_option.systemFont .list_con li .list_contents {padding: 4px 14px 4px 14px;}


.flex_con{display: flex; align-items: center; justify-content: space-between; box-sizing: border-box;} /*가로*/
.flex_con.width97{width: 97px;}
.flex_con.full{width: 100%;}
.flex_con .editor_input_button{width: 100%; padding-left: 9px; padding-right: 9px;}

.flex_con .control_number_con .editor_input_button{width: 32px; height: 32px; margin: 0; background-color: #fbfdfe; transition: all 0.1s linear;}
.flex_con .control_number_con .editor_input_button:hover {background-color: #edf2f9;;}
.flex_con .control_number_con .editor_input_button.minus{border-right: 0px none;}
.flex_con .control_number_con .editor_input_button.plus{border-left: 0px none;}
.flex_con .control_number_con .option_input_style_0{width: 32px; height: 32px; padding-left: 5px; padding-right: 5px;}

.select_unit_btn_con .editor_input_button{width: 32px; height: 32px;}
.select_unit_btn_con .editor_input_button{border-right: 0px none; margin-right: 0;}
.select_unit_btn_con .editor_input_button:last-child{border-right: 1px solid #e4ebf5;}

.flex_con.type_2{flex-direction: column;} /*세로*/
.flex_con.type_2 > div{width: 100%; margin-bottom: 7px;}
/*.flex_con.type_2 > div:last-child{margin-bottom: 0px;}*/

.flex_con.type_3{align-items: flex-end;}

.flex_con.type_4{justify-content: center;}


.editor_input_button{min-width: 27px; height: 27px; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color: #707f96; letter-spacing: -0.08em; text-align: center; background-color: #fff; border:1px solid #e4ebf5; cursor: pointer; padding: 4px 13px 3px 13px; box-sizing: border-box; margin-right: 7px;}
.editor_input_button.ls0 {letter-spacing: 0px;}
.editor_input_button:last-child{margin-right: 0 !important;}
.editor_input_button.mr5 { margin-right: 5px; }
.editor_input_button.mr8 { margin-right: 8px; }
.editor_input_button.pr0 { padding-right: 0; }
.editor_input_button.pl0 { padding-left: 0; }
.editor_input_button.full{ width:100%;}
.editor_input_button.width27{ width: 27px; padding-right: 0; padding-left: 0; }
.editor_input_button.width33{width: 33px; padding-left: 0; padding-right: 0;}
.editor_input_button.width37{width: 37px; padding-left: 0; padding-right: 0;}
.editor_input_button.width58{width: 58px;}
.editor_input_button.width64{width: 64px;}
.editor_input_button.width68{width: 68px;}
.editor_input_button.width70{width: 70px;}
.editor_input_button.width73{width: 73px;}
.editor_input_button.width78{width: 78px;}
.editor_input_button.width87{width: 87px;}
.editor_input_button.width100{width: 100px;}
.editor_input_button.width120{width: 120px;}
.editor_input_button.width166{width: 166px;}
.editor_input_button:hover{background-color: #edf2f9;}
.editor_input_button.active{background-color: #edf2f9;}
.editor_input_button:focus{/*outline: none;*/}

.editor_input_button.spuit{width: 28px; background-image: url('../img/tool/color_spuit_btn.png'); background-size: 26px 25px; background-repeat: no-repeat; background-position: center;}

.editor_input_button.border_left_none{border-left: none;}

.editor_input_button[disabled]{cursor: default;}

/*나의 글꼴 추가 버튼*/
.myFont_button{position: relative; width: 100%; background-color: #fff; border-top:1px solid #e4ebf5; border-bottom:1px solid #b1bfd3; border-left: none; border-right: none; cursor: pointer; padding: 14px; box-sizing: border-box; }
.myFont_button:hover{ background-color: #edf2f9; }
.myFont{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color: #707f96; letter-spacing: -0.08em; text-align: left; background-color: #fff; border:none; display:inline-block;}
.myFont.spuit{width: 28px; background-image: url('../img/tool/color_spuit_btn.png'); background-size: 26px 25px; background-repeat: no-repeat; background-position: center;}
.myFont[disabled]{cursor: default;}
.add_myFont:after{content: ''; position: absolute; width: 13px; height: 13px;  background-image: url('../img/tool/tool_text_myfont.png'); right: 15px; top: 17px; background-position: center center; box-sizing: border-box;}
.option.list_option.myFont .list_con li{position:relative;}
.option.list_option.myFont .list_con li .list_contents {font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color:#707f96; border-top:1px solid transparent; border-bottom:1px solid transparent; padding: 4px 14px 4px 14px; box-sizing: border-box;}
.option.list_option.myFont .list_con li .list_contents.font_roboto{font-size:13px; font-size:1.3rem;}
.option.list_option.myFont .list_con li .list_contents:hover {background-color: #edf2f9; border-color:#e4ebf5;}
.option.list_option.myFont .list_con li .list_contents.on {background-color: #edf2f9; border-color:#e4ebf5;}
.delete_list_contents_btn{position:absolute; z-index:2; top: 4px; right: 10px; padding:0 7px;}
.delete_list_contents_btn:hover + .list_contents { background-color: #edf2f9; border-color:#e4ebf5; }

/* tool text option */
.tool_btn.tool_text_font > .option_con {max-height: 450px; overflow-y: scroll;}
.tool_btn.tool_text_font > .option_con::-webkit-scrollbar {width: 9px;}
.tool_btn.tool_text_font > .option_con::-webkit-scrollbar-track {background: rgb(255, 255, 255);}
.tool_btn.tool_text_font > .option_con::-webkit-scrollbar-button {display: none;}
.tool_btn.tool_text_font > .option_con::-webkit-scrollbar-thumb {background: rgb(230, 239, 252);}
/*.tool_btn.tool_text_font > .option_con::-webkit-scrollbar-thumb:hover {background: rgb(78, 179, 243);}*/
.tool_btn.tool_text_font > .option_con .option {width: 100%;}

/* tool fontsize option */
.tool_btn.tool_text_size .option .list_con .list_contents{padding-left:26px;}

/* tool color option */
.tool_btn .option_con.color_change{width: 242px;}
.tool_btn .option_con.color_change .option{ box-sizing: border-box; padding: 6px 0px 0px;}
.tool_btn .option_con.color_change .option .option_row{padding-left: 20px; padding-right: 20px;}
.tool_btn .option_con.color_change .option .option_row.line:after{content: ''; position: absolute; width: calc(100% - 40px); left: 20px; bottom: 5px;  border-bottom: 1px solid #e4ebf5;}
.tool_btn .option_con.color_change .option .option_row.btn_row{display: none;}
.tool_dom_background.tool_btn .option_con.color_change .option .option_row.btn_row{display: block;}
.tool_btn .option_con.color_change .option .option_row.type_2 .option_row_title{width: 52px;}
.tool_btn.tool_text_color{}
.tool_btn.tool_text_color .color_picker_btn{position: absolute; z-index: 1; right: 0; display: inline-block; width: 25px; height: 25px; background-color: transparent;}

.point_color_list_con{padding-left: 20px; padding-right: 20px;}
.point_color_list_con .point_color_list_item{border-bottom: 1px solid #f0f4fa;}
.point_color_list_con .point_color_list_item:last-child{border-bottom: 0px none;}
.tool_btn .option_con.color_change .option .point_color_list_con .point_color_list_item .option_row.type_2{padding-left: 0; padding-right: 0;}
.point_color_list_con .point_color_list_item .point_color_code_input{ width: 87px; font-size:12px; font-size:1.2rem; line-height:19px; line-height:1.9rem; text-align: left; color:#707f96; text-transform: uppercase; border: 1px solid #e4ebf5; padding: 3px 4px; box-sizing: border-box;}
.point_color_list_con .point_color_list_item .point_color_code_input:focus{background-color: #edf2f9; outline: none;}
.point_color_list_con .point_color_list_item .point_color_code_input::-webkit-input-placeholder{color:#ccc;}
.point_color_list_con .point_color_list_item .point_color_code_input:-ms-input-placeholder{color:#ccc;}
.point_color_list_con .point_color_list_item .point_color_code_input:-moz-placeholder{color:#ccc;}
.point_color_list_con .point_color_list_item .point_checkbox_con{cursor: pointer; position: relative;}
.point_color_list_con .point_color_list_item .point_checkbox_con input[type="checkbox"]{display: none;}
.point_color_list_con .point_color_list_item .point_checkbox_con input[type="checkbox"] ~ label{cursor: pointer; position: relative; z-index: 10; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color: #707f96; box-sizing: border-box; display: inline-block; width: 91px; padding: 4px 26px 5px 0; transition: color .2s;}
.point_color_list_con .point_color_list_item .point_checkbox_con input[type="checkbox"]:checked ~ label{color: #000000;}
.point_color_list_con .point_color_list_item .point_color_option_prev{position: absolute; right: 1px; top: 4px;  width: 19px; height: 19px; background-color: red; z-index: 0; margin-right:4px;}
.point_color_list_con .point_color_list_item .point_input_con{position: relative; }
.point_color_list_con .point_color_list_item .point_input_con.type_2 {display: flex; align-items: center;}
.point_color_list_con .point_color_list_item .point_checkbox_con input[type="checkbox"]:checked ~ .point_color_option_prev{background-image: url('/weven_service/asset/toolbar/img/12x9_ffffff_check_icon.png'); background-size: 12px 9px; background-position: center center; background-repeat: no-repeat;}
/*.point_color_list_con .point_color_list_item .point_checkbox_con .point_color_option_prev:after{content: ''; position: absolute; right: -4px; top: -4px; width: 25px; height: 25px; border: 1px solid #e4ebf5; transition: border .2s;}*/
.point_color_list_con .point_color_list_item .point_checkbox_con input[type="checkbox"]:checked ~ .point_color_option_prev:after{border-color: #000;}

.color_input_wrap{display: flex; justify-content: space-between;}
.color_input_wrap .color_input_con{margin-right: 10px;}
.color_input_wrap .color_input_con:last-child{margin-right: 0;}
.color_input_wrap .color_input_con .tool_desc_style_0{margin-bottom: 6px; letter-spacing: -0.08em;}
.color_input_wrap .color_input_box{position: relative; display: inline-block; border-right: 1px solid #e4ebf5; box-sizing: border-box;}
.color_input_wrap .color_input_box .color_input{display: inline-block; vertical-align: middle; width: 41px; height: 27px; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem;  text-align: center; color:#707f96; border: 1px solid #e4ebf5; border-right: none; box-sizing: border-box;}
.color_input_wrap .color_input_box .color_input:focus{background-color: #edf2f9;}
.color_input_wrap .color_input_box .color_input::-webkit-input-placeholder{color:#ccc;}
.color_input_wrap .color_input_box .color_input:-ms-input-placeholder{color:#ccc;}
.color_input_wrap .color_input_box .color_input:-moz-placeholder{color:#ccc;}
.color_input_wrap .color_input_box .option_control_btn_con{position: relative; display: inline-block; vertical-align: middle; border-top: 1px solid #e4ebf5; box-sizing: border-box;}
.color_input_wrap .option_control_btn_con .option_control_btn{width: 24px; height: 20px; border-bottom:1px solid #e4ebf5;}

/* tool color option gradation*/
.gradation_color_list_con{padding-left: 20px; padding-right: 20px;}
.gradation_color_list_con:after{content: ''; position: absolute; width: calc(100% - 40px); left: 20px; bottom: 127px;  border-bottom: 1px solid #e4ebf5;}
.gradation_color_list_con .gradation_color_list_item{border-bottom: 1px solid #f0f4fa;}
.gradation_color_list_con .gradation_color_list_item:last-child{border-bottom: 0px none;}
.tool_btn .option_con.color_change .option .gradation_color_list_con .gradation_color_list_item .option_row.type_2{padding-left: 0; padding-right: 0;}
.gradation_color_list_con .gradation_color_list_item .point_color_code_input{ width: 87px; font-size:12px; font-size:1.2rem; line-height:19px; line-height:1.9rem; text-align: left; color:#707f96; text-transform: uppercase; border: 1px solid #e4ebf5; padding: 3px 4px; box-sizing: border-box;}
.gradation_color_list_con .gradation_color_list_item .point_color_code_input:focus{background-color: #edf2f9; outline: none;}
.gradation_color_list_con .gradation_color_list_item .point_color_code_input::-webkit-input-placeholder{color:#ccc;}
.gradation_color_list_con .gradation_color_list_item .point_color_code_input:-ms-input-placeholder{color:#ccc;}
.gradation_color_list_con .gradation_color_list_item .point_color_code_input:-moz-placeholder{color:#ccc;}
.gradation_color_list_con .gradation_color_list_item .gradation_checkbox_con{cursor: pointer; position: relative;}
.gradation_color_list_con .gradation_color_list_item .gradation_checkbox_con input[type="checkbox"]{display: none;}
.gradation_color_list_con .gradation_color_list_item .gradation_checkbox_con input[type="checkbox"] ~ label{cursor: pointer; position: relative; z-index: 10; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color: #707f96; box-sizing: border-box; display: inline-block; width: 91px; padding: 4px 26px 5px 0; transition: color .2s;}
.gradation_color_list_con .gradation_color_list_item .gradation_checkbox_con input[type="checkbox"]:checked ~ label{color: #000000;}
.gradation_color_list_con .gradation_color_list_item .point_color_option_prev{position: absolute; right: 1px; top: 4px;  width: 19px; height: 19px; background-color: red; z-index: 0; margin-right:4px;}
.gradation_color_list_con .gradation_color_list_item .point_input_con{position: relative; }
.gradation_color_list_con .gradation_color_list_item .point_input_con.type_2 {display: flex; align-items: center;}
.gradation_color_list_con .gradation_color_list_item .gradation_checkbox_con input[type="checkbox"]:checked ~ .point_color_option_prev{background-image: url('/weven_service/asset/toolbar/img/12x9_ffffff_check_icon.png'); background-size: 12px 9px; background-position: center center; background-repeat: no-repeat;}
.gradation_color_list_con .gradation_color_list_item .gradation_checkbox_con input[type="checkbox"]:checked ~ .point_color_option_prev:after{border-color: #000;}
.tool_btn .option_con.color_change .option .gradation_color_list_con .gradation_color_list_item .option_row.type_2 .gradation_bar {height: 30px; width: 100%; background-image: linear-gradient(90deg, #000000, #FFFFFF);}
.gradation_color_code_input {width: 87px; font-size:12px; font-size:1.2rem; line-height:19px; line-height:1.9rem; text-align: left; color:#707f96; text-transform: uppercase; border: 1px solid #e4ebf5; padding: 3px 6px; box-sizing: border-box;}
.gradation_color_list_con {padding-left: 20px; padding-right: 20px;}
.gradation_color_list_con .option_row_title {font-size: 10px;}
.tool_btn .option_con.color_change .option .gradation_color_list_con .option_row_title.width100 {width: 100%;}

/* tool lineheight option */
.tool_btn.tool_text_line_height .option .list_con .list_contents{padding-left:22px;}

/* tool letterspacing option */
.tool_btn.tool_text_letter_spacing .option .list_con .list_contents{padding-left:27px;}
.tool_btn.tool_text_letter_spacing .option .list_con .list_contents > span{display: inline-block; min-width: 26px; text-align:center;}

/* tool letterspacing option */
.tool_btn.tool_text_list_style .option_con{width: 215px;}
.tool_btn.tool_text_list_style .option_con .option_row{padding:19px 20px;}

/* tool table option */
.tool_btn.tool_table .option_con{width: auto; min-width: 220px; }
.tool_btn.tool_table .option_con .option_row{padding: 19px 19px 20px 19px;}
.tool_btn.tool_table .option_con .option_row.mb{padding: 30px 30px 40px 30px; margin-bottom: 10px;}

/* toolset top con */

/* tool padding option */
.tool_btn.tool_dom_padding .option_con{width: 355px;}
.tool_btn.tool_dom_padding .option_row.btn_row .editor_input_button{height: 49px;}

.white_space_control_wrap{position: relative; text-align: center;  box-sizing: border-box;}
.tool_btn.tool_dom_padding .white_space_control_wrap{padding:40px;}
.white_space_control_wrap .white_space_control_con{position: relative; display: inline-block; width: 201px; height: 131px; border:1px dotted #8a96a9; box-sizing: border-box;}
.white_space_control_wrap .white_space_text{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color:#707f96; padding-top: 2px; box-sizing: border-box;}
.white_space_control_wrap .padding_input_con{position: absolute; background-repeat: no-repeat;}
.white_space_control_wrap .padding_input_con.top{top:1px; left:50%; margin-left: -20px; padding-top: 15px; background-image: url('../img/tool/padding_arrow_5x9.png'); background-position: center top 3px;}
.white_space_control_wrap .padding_input_con.left{top:50%; left:1px; margin-top: -14px; padding-left: 15px; background-image: url('../img/tool/padding_arrow_9x5.png'); background-position: left 3px center;}
.white_space_control_wrap .padding_input_con.right{top:50%; right: 1px; margin-top: -14px; padding-right: 15px; background-image: url('../img/tool/padding_arrow_9x5.png'); background-position: right 3px center;}
.white_space_control_wrap .padding_input_con.bottom{bottom:1px; left:50%; margin-left: -20px; padding-bottom: 15px; background-image: url('../img/tool/padding_arrow_5x9.png'); background-position: center bottom 3px;}
.white_space_control_wrap .margin_input_con{position: absolute; background-repeat: no-repeat;}
.white_space_control_wrap .margin_input_con.top{top:-1px; left:50%; margin-left: -20px; padding-bottom: 15px; background-image: url('../img/tool/padding_arrow_5x9.png'); background-position: center bottom 3px;}
.white_space_control_wrap .margin_input_con.left{top:50%; left:-1px; margin-top: -14px; padding-right: 15px; background-image: url('../img/tool/padding_arrow_9x5.png'); background-position: right 3px center;}
.white_space_control_wrap .margin_input_con.right{top:50%; right:-1px; margin-top: -14px; padding-left: 15px; background-image: url('../img/tool/padding_arrow_9x5.png'); background-position: left 3px center;}
.white_space_control_wrap .margin_input_con.bottom{bottom:-1px; left:50%; margin-left: -20px; padding-top: 15px; background-image: url('../img/tool/padding_arrow_5x9.png'); background-position: center top 3px;}
.white_space_control_wrap .option_input_style_0{width: 41px; height: 27px; padding-top: 3px; padding-bottom: 0px; padding-left: 2px; padding-right: 2px;}

/* tool width option */
.tool_btn.tool_dom_width .option_con{width: 245px;}

.width_control_con{display: flex; align-items: center; justify-content: center; width: 100%; height: 57px; border:1px dotted #97a2b3; box-sizing: border-box;}

/* tool link option */
.tool_btn.tool_text_link{}
.tool_btn.tool_text_link .option_con{width: 419px;}
.tool_btn.tool_text_link .option_con .option_row.btn_row{padding-top: 10px; padding-bottom: 10px;}

/*.tool_form_style_0_con.type_2 .tool_form_style_0_list:first-child{margin-bottom: 15px;}*/
/*.tool_form_style_0_con.type_2 .tool_form_style_0_list{margin-bottom: 10px;}*/


/* tool border option */
.tool_btn.tool_dom_border .option_con{width: 288px;}
/*.tool_btn.tool_dom_border .option_con.color_change{width: 260px; transform: translateX(calc(100% + 288px)); margin-right: 1px;}*/
.tool_btn.tool_dom_border .option_con.color_change{width: 242px; left:116px;}
.tool_btn.tool_dom_border .option_con.color_change .option .option_row.line:after {display: none;}

.toolset .editor_input_button[class*="border_type_"]{position: relative;}
.toolset .editor_input_button[class*="border_type_"]:after{content: ''; position: absolute; top:50%; left:50%; transform: translateX(-50%); width: 42px; heihgt: 31px;}
.toolset .editor_input_button.border_type_0:after{border-bottom:1px solid #000;}
.toolset .editor_input_button.border_type_1:after{border-bottom:1px dotted #000;}
.toolset .editor_input_button.border_type_2:after{border-bottom:1px dashed #000;}

.color_choice_btn_con{position: relative; display:inline-block; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem;}
.color_choice_btn_con .color_choice_text{position: relative; display: inline-block; vertical-align: middle; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; color:#707f96; margin-right: 8px; padding-left: 21px; box-sizing: border-box;}

/* 현재는 colorpicker 형태가 아니어서 일단 주석처리 */
/*.color_choice_btn_con .color_choice_text:after{content: ''; position: absolute; width: 13px; height: 13px; left:0; top:2px; background-image: url('../img/tool/color_choice_icon.png'); background-size: 11px 11px; background-position: center center; border:1px solid #e4ebf5; border-radius: 50%; box-sizing: border-box;}*/

.color_choice_btn_con .choice_color_con{position: relative; display: inline-block; vertical-align: middle; width: 25px; height: 25px; border:1px solid #e4ebf5; box-sizing: border-box;}
.color_choice_btn_con .choice_color_con .choice_color{position: absolute; width: 17px; height: 17px; top:3px; left: 3px; background-color: #e4ebf5;}

/* .color_choice_btn_con:hover:after{content: ''; position: absolute; width: 4px; height: 7px; top:10px; right: -12px; background-image: url('../img/tool/color_choice_arrow.png'); background-size: 4px 7px; background-position: center center;} */
.color_choice_btn_con:hover .choice_color_con{border-color:#000;}

.border_control_wrap{position: relative; text-align: center;}
.border_control_wrap .border_type_list{position: relative; display: flex; align-items: center; justify-content: space-between; padding-left: 18px; margin-left: 18px; flex: 1;}
.border_control_wrap .border_type_list:after{content: ''; position: absolute; left: 0; top: 0; border-left: 1px solid #e4ebf5; height: 100%;}
.border_control_wrap .border_control_btn{width: 32px; height: 32px; border:1px solid #e4ebf5; background-repeat: no-repeat; background-position: center; box-sizing: border-box; background-size: 17px 17px;}
.border_control_wrap .border_control_btn.active{background-color: #edf2f9;}
.border_control_wrap .border_control_btn:hover{background-color: #edf2f9;}
.border_control_wrap .border_control_btn.top{background-image: url('../img/tool/border_top.png');}
.border_control_wrap .border_control_btn.all{padding-top: 6px; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 400; color: #707f96;}
.border_control_wrap .border_control_btn.left{background-image: url('../img/tool/border_left.png');}
.border_control_wrap .border_control_btn.right{background-image: url('../img/tool/border_right.png');}
.border_control_wrap .border_control_btn.bottom{background-image: url('../img/tool/border_bottom.png');}

.border_control_wrap .border_control_btn.top-left{background-image: url('../img/tool/R_1.png');}
.border_control_wrap .border_control_btn.top-right{background-image: url('../img/tool/R_2.png');}
.border_control_wrap .border_control_btn.bottom-left{background-image: url('../img/tool/R_3.png');}
.border_control_wrap .border_control_btn.bottom-right{background-image: url('../img/tool/R_4.png');}


/* tool background color option */
.tool_btn.tool_dom_background{}

/* tool background image option */
.tool_btn.tool_dom_background_image .option_con{width: 362px;}
.tool_btn.tool_dom_background_image .option_con .option{padding-top:23px; padding-bottom:23px; padding-left: 20px; padding-right: 20px;}
.tool_btn.tool_dom_background_image .option_con .option > div{position: relative; display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box;}
#toolOpColorPicker .delete_saved_color{position: absolute; right: 1px; top: 1px; display: inline-block; width: 15px; height: 15px; background-image: url('../img/11x11_000000_x_icon.png'); background-size: 11px 11px; background-position: center center; background-repeat: no-repeat;}
#toolOpColorPicker .option .option_row_title{position: relative;}

.bg_action_wrap{padding-right: 24px;}
.bg_action_wrap:after{content: ''; position: absolute; top:0; right: 0; height: 100%; border-right: 1px solid #e4ebf5;}
.bg_action_con{}
.bg_action_con > li{margin-bottom: 8px;}
.bg_action_con > li:last-child{margin-bottom: 0;}
.bg_action_con > li .bg_action_btn{display: flex; align-items: center; cursor: pointer;}
.bg_action_con > li .bg_action_btn .bg_action_btn_img{position: relative; display: inline-flex; width: 27px; height: 25px; align-items: center; justify-content: center; margin-right: 9px; background-color: transparent; border:1px solid transparent; box-sizing: border-box; cursor: pointer;}
.bg_action_con > li .bg_action_btn:hover .bg_action_btn_img{background-color: #edf2f9; border-color:#e4ebf5;}
.bg_action_con > li .bg_action_btn.active .bg_action_btn_img{background-color: #edf2f9; border-color:#e4ebf5;}
.bg_action_con > li .bg_action_btn .bg_action_btn_text{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color:#707f96;}
.bg_action_con > li .bg_action_btn.tool_image_parallax{position: relative;}

.bg_align_list_wrap{font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; padding-left: 28px; overflow: hidden;}
.bg_align_list_wrap .tool_desc_style_0{float: left; margin-top: 4px; margin-right: 9px;}
.bg_align_list_con{font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; margin-bottom: -8px; overflow: hidden;}
.bg_align_list_con > li{display: inline-block;
     /* margin-right: 7px; margin-bottom: 8px; */
}
.bg_align_list_con > li:nth-child(3n){margin-right: 0;}
.bg_align_list_con > li .bg_align_btn{position: relative; display: inline-flex; width: 27px; height: 25px; align-items: center; justify-content: center; background-color: transparent; border:1px solid transparent; box-sizing: border-box; cursor: pointer;}
.bg_align_list_con > li .bg_align_btn:hover{background-color: #edf2f9; border-color:#e4ebf5;}
.bg_align_list_con > li .bg_align_btn.active{background-color: #edf2f9; border-color:#e4ebf5;}

/* tool background video option */
.tool_btn.tool_dom_background_video .option_con { width: 440px; }

.tool_btn.tool_dom_animation{}
.tool_btn.tool_dom_animation .option_con{width: 386px;}
.tool_btn.tool_dom_animation .tool_form_style_0_con .tool_form_style_0_content{flex: none; margin-right: 12px;}
.tool_btn.tool_dom_animation .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0{padding-top: 3px; padding-bottom: 3px; width: 57px; flex: none; text-align: center; border-right: 0px none;}
.tool_btn.tool_dom_animation .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0:-moz-placeholder{color: #707f96;}
.tool_btn.tool_dom_animation .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0:-ms-input-placeholder{color: #707f96;}
.tool_btn.tool_dom_animation .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0::-moz-placeholder{color: #707f96;}
.tool_btn.tool_dom_animation .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0::-webkit-input-placeholder{color: #707f96;}
.tool_btn.tool_dom_animation .tool_form_style_0_con .tool_form_style_0_list{margin-bottom: 10px;}

/* tool dom opacity option */
.tool_btn.tool_dom_opacity .option_con { width: 160px; }

.motion_type_wrap{border-top: 1px solid #e4ebf5; padding-top: 23px; margin-top: 16px;}
.motion_type_wrap .motion_type_con{display: flex; flex-wrap: wrap; margin-bottom: -8px;}
.motion_type_wrap .motion_type_con .motion_type{cursor: pointer; margin-right: 8px; margin-bottom: 8px; width: 79px; height: 88px; box-sizing: border-box; padding: 14px 7px 5px; border: 1px solid #e4ebf5; background-color: #fff; transition: border .2s, background .2s; text-align: center;}
.motion_type_wrap .motion_type_con .motion_type:nth-child(4n){margin-right: 0;}
.motion_type_wrap .motion_type_con .motion_type.active{border-color: #b1bfd3; background-color: #edf2f9;}
.motion_type_wrap .motion_type_con .motion_type .img{margin-bottom: 6px;}
.motion_type_wrap .motion_type_con .motion_type .title{font-size:11px; font-size:1.1rem; line-height:17px; line-height:1.7rem; letter-spacing: 0.02em; font-weight: 300; color: #707f96;}

.tool_btn.tool_dom_swiper{}
.tool_btn.tool_dom_swiper .option_con{width: 283px;}
.tool_btn.tool_dom_swiper .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0{padding-top: 9px; padding-bottom: 6px;}

/*domShadow*/
.tool_btn.tool_dom_boxshadow .option_con {width: 172px;}
.tool_btn.tool_dom_boxshadow .option_con.color_change {width: 242px; left: 0px;}
/*textShadow*/
.tool_btn.tool_text_shadow .option_con {width: 160px;}
.toolset_bottom_con .tool_btn.tool_text_shadow > .option_con {left: 0px;}
.tool_btn.tool_text_shadow .option_con.color_change {width: 242px; left: 159px;}

/* 기본 텍스트 영역 */

/* tool padding control */
.padding_control_wrap{position: relative; text-align: center;}
.padding_control_wrap .padding_control_con{position: relative; display: inline-block; width: 139px; height: 93px; border:1px dashed #8d9aac; box-sizing: border-box;}
.padding_control_wrap .padding_text{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; color:#707f96; letter-spacing: -0.1em; padding-top: 2px; box-sizing: border-box;}
.padding_control_wrap .padding_input_con{position: absolute; background-repeat: no-repeat;}
.padding_control_wrap .padding_input_con.top{top:1px; left:50%; margin-left: -15px; padding-top: 10px; background-image: url('../img/tool/padding_arrow_5x8.png'); background-position: center top 1px;}
.padding_control_wrap .padding_input_con.left{top:50%; left:1px; margin-top: -11px; padding-left: 10px; background-image: url('../img/tool/padding_arrow_8x5.png'); background-position: left 1px center;}
.padding_control_wrap .padding_input_con.right{top:50%; right: 1px; margin-top: -11px; padding-right: 10px; background-image: url('../img/tool/padding_arrow_8x5.png'); background-position: right 1px center;}
.padding_control_wrap .padding_input_con.bottom{bottom:1px; left:50%; margin-left: -15px; padding-bottom: 10px; background-image: url('../img/tool/padding_arrow_5x8.png'); background-position: center bottom 1px;}
.padding_control_wrap .padding_input_con.close{top:1px; right:1px; margin-left: -11px; }
.padding_control_wrap .padding_input_con .option_input_style_0{width: 35px; height: 21px; padding-top: 0; padding-bottom: 0px; padding-left: 2px; padding-right: 2px;}

/* tool margin control */
.margin_control_wrap{position: relative; text-align: center;}
.margin_control_wrap .margin_control_con{position: relative; display: inline-block; width: 150px; height: 93px; box-sizing: border-box;}
.margin_control_wrap .margin_text{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; width: 60px; height: 30px; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 300; letter-spacing: -0.1em; color:#707f96;
    border:1px dashed #8d9aac; padding-top: 2px; box-sizing: border-box;}
.margin_control_wrap .margin_input_con{position: absolute; background-repeat: no-repeat;}
.margin_control_wrap .margin_input_con.top{top:0; left:50%; margin-left: -17px; padding-bottom: 10px; background-image: url('../img/tool/padding_arrow_5x8.png'); background-position: center bottom 1px;}
.margin_control_wrap .margin_input_con.left{top:50%; left:0; margin-top: -11px; padding-right: 10px; background-image: url('../img/tool/padding_arrow_8x5.png'); background-position: right 1px center;}
.margin_control_wrap .margin_input_con.right{top:50%; right: 0; margin-top: -11px; padding-left: 10px; background-image: url('../img/tool/padding_arrow_8x5.png'); background-position: left 1px center;}
.margin_control_wrap .margin_input_con.bottom{bottom:0; left:50%; margin-left: -17px; padding-top: 10px; background-image: url('../img/tool/padding_arrow_5x8.png'); background-position: center top 1px;}
.margin_control_wrap .margin_input_con.close{top:1px; right:1px; margin-left: -11px; }
.margin_control_wrap .margin_input_con .option_input_style_0{width: 35px; height: 21px; padding-top: 0; padding-bottom: 0; padding-left: 2px; padding-right: 2px;}

/* 표 영역 */
.tool_btn.table_border .option_con{width: 406px; right: 26px;}
.tool_btn.table_border .option_con.color_change{width: 260px; right: -380px; margin-right: 1px;}
.tool_btn.table_border .option_con .option_row{padding-left: 29px; padding-right: 29px;}

.table_border_list_con{font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; overflow: hidden;}
.table_border_list_con > li{display: inline-block; margin-right: 6px;}
.table_border_list_con > li:last-child{margin-right: 0px;}
.table_border_list_con > li .table_border_btn{position: relative; display: inline-flex; width: 29px; height: 29px; align-items: center; justify-content: center; background-color: transparent; border:1px solid transparent; box-sizing: border-box; cursor: pointer;}
.table_border_list_con > li .table_border_btn:hover{background-color: #edf2f9; border-color:#e4ebf5;}

.tool_btn[class*="table_cell_align"]{}
.tool_btn[class*="table_cell_align"] .label_con{padding-left: 6px;}

.tool_btn.table_width .option_con{width: 260px; right: 26px;}
.tool_btn.table_width .option_con .option_input_style_0_con.input_width.type_2:after{background-image: url('../img/tool/width_arrow_218x9.png');}

.tool_btn.table_padding .option_con{width: 275px; right: 26px;}
.tool_btn.table_padding .white_space_control_wrap .white_space_control_con{width: 100%; height:123px;}

.tool_btn.table_caption .option_con{width: 409px; right: 26px;}
.tool_btn.table_caption .option_con .option_row{padding-top:26px; padding-left: 30px; padding-right: 30px; padding-bottom: 28px; overflow: visible;}
.tool_btn.table_caption .option_con .option_row.btn_row{padding:20px;}
.tool_btn.table_caption .option_con .option_row .option_input_style_0{padding-top: 10px; padding-bottom: 6px;}

/* 비디오 영역 */
.range_con{position: relative; width: 100%; border:1px solid #e4ebf5; background-color: #fff; padding-top: 5px; padding-bottom: 5px;}
.range_con .range_bg{position: absolute; top:50%; left:0; width: 100%; height:1px; background: #e4ebf5; transition: background 0.2s;}
.range_con input[type="range"]{position: relative; z-index: 1; width: 100%; height: 17px; background-color: transparent; -webkit-appearance: none; margin:0; padding:0;}
.range_con input[type="range"]:focus{outline: none;}
.range_con input[type="range"]::-webkit-slider-thumb{position: relative; width:7px; height: 17px; border: 1px solid #3f87f5; background-color: #fff; box-sizing: border-box;
    -appearance:none; -webkit-appearance: none; -moz-appearance: none; margin-top: -7px;}
.range_con input[type="range"]::-webkit-slider-thumb:active{box-shadow: 2px 2px 2px rgba(103,56,255,0.2);}
.range_con input[type="range"]::-ms-track { height: 1px; background: transparent; border-color: transparent; color: transparent; }
.range_con input[type="range"]::-ms-fill-lower { background: transparent; border:none; border-radius: 0px; box-shadow: none; }
.range_con input[type="range"]::-ms-thumb{position: relative; width:7px; height: 17px; border: 1px solid #3f87f5; background-color: #fff; box-sizing: border-box;
    -appearance:none; -webkit-appearance: none; -moz-appearance: none; margin-top: 2px;}
.range_con input[type="range"]::-ms-thumb:active{box-shadow: 2px 2px 2px rgba(103,56,255,0.2);}
.range_con input[type="range"]::-moz-range-thumb{position: relative; width:7px; height: 17px; border: 1px solid #3f87f5; background-color: #fff; border-radius: 0; box-sizing: border-box;
    -appearance:none; -webkit-appearance: none; -moz-appearance: none;}
.range_con input[type="range"]::-moz-range-thumb:active{box-shadow: 2px 2px 2px rgba(103,56,255,0.2);}
.range_con input[type="range"]::-webkit-slider-runnable-track{background: transparent;}

body[data-wv-agent="edge"] .range_con input[type="range"]{height: 19px;}

.tool_btn[class*="video_"]{width: 30px; height: 27px;}

/* 라인 */
.toolset_wrap.toolset_line{}
.toolset_wrap.toolset_line .toolset .editor_input_button[class*="border_type_"]{min-width: 100px; text-align: center;}
.toolset_wrap.toolset_line .tool_btn{position: relative; z-index: 1;}
.toolset_wrap.toolset_line .tool_btn .option_con.color_change{right: 26px;}

/* svg */
.toolset_wrap.toolset_svg .toolset { justify-content: center;}
.toolset_wrap.toolset_svg .toolset.type2 {padding: 11px 13px 15px 11px;}
.toolset_wrap.toolset_svg .tool_form_style_0_con .tool_form_style_0_title{min-width: initial;}
.toolset_wrap.toolset_svg .tool_btn{position: relative; z-index: 1;}
.toolset_wrap.toolset_svg .tool_btn .option_con.color_change{right: 26px;}
.toolset_wrap.toolset_svg .svg_reversal_con {display:grid; grid-template-columns: 83px 83px;  gap: 8px;}
.toolset_wrap.toolset_svg .svg_reversal { display: flex; flex-direction: column; align-items: center; gap: 6px; padding-top: 12px; padding-bottom: 7px; border:1px solid #e4ebf5; cursor: pointer;}
.toolset_wrap.toolset_svg .svg_reversal:hover {background-color: #edf2f9; border: 1px solid #b1bfd3;}

/* swiper */
.toolset_wrap.toolset_swiper .swiper_onoffTool { /*width: 60px;*/ width: 100%; min-width: 27px; height: 27px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 300; color: #707f96; letter-spacing: -0.08em; text-align: center; background-color: #fff; border: 1px solid #e4ebf5; cursor: pointer; padding: 4px 13px 3px 13px; box-sizing: border-box; /*margin-right: 7px;*/ margin-right: 0; }
.toolset_wrap.toolset_swiper .swiper_onoffTool.active { background-color: #edf2f9;}
.tool_btn.swiper_pagi .option_con {width: 275px; right: 27px;}
.tool_btn.swiper_pagi .option_con.color_change {width: 242px; right: -248px;}
.toolset_wrap.toolset_swiper .option .option_row.type_2 {display: flex; align-items: center; justify-content: flex-end;}
.toolset_wrap.toolset_swiper .color_change .option .option_row.type_2 {justify-content: space-between;}
.tool_btn.swiper_navi .option_con {width: 385px; right: 27px;}
.toolset_wrap.toolset_swiper .tool_btn.list_on .label_con:before {display: none;}
.toolset_wrap.toolset_swiper .toolset_top_con .toolset .toolset_box.type_2 {gap:27px; width: 90px; align-items: flex-start; justify-content: center;}
.toolset_wrap.toolset_swiper .flex_con{ width: 100%; }
.toolset_wrap.toolset_swiper .flex_con.type_4 {background-color: #fbfdfe;}
.toolset_wrap.toolset_swiper .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0 {text-align: center;}
.toolset_wrap.toolset_swiper .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0:disabled {background-color: #707f96;}
.toolset_wrap.toolset_swiper .editor_input_button.type_2:hover {background-color: #fff;}
.toolset_wrap.toolset_swiper .swiper_onoffTool:hover {background-color: #edf2f9;}

/* video */
.toolset_wrap.toolset_video .tool_form_style_0_con .tool_form_style_0_title{min-width: 75px; max-width: none;}

/* image */
.toolset_wrap.toolset_image{border:none;}
.toolset_wrap.toolset_image .toolset .tool_separation .tool_separation_inner{padding: 0;}
.toolset_wrap.not_default_tool.toolset_image .toolset .tool_btn .label_con .label_img{width: auto; height: auto; margin-right: 6px;}
.toolset_wrap.toolset_image .tool_form_style_0_con{padding: 15px 14px; background-color: #fff;}
.toolset_wrap.toolset_image .tool_form_style_0_con .tool_form_style_0_content#toolImageContent .tool_btn{width: 64px; height: 27px; margin-right: 9px;}
.toolset_wrap.toolset_image .tool_form_style_0_con .tool_form_style_0_title.type_2{width: 95px; max-width: none;}
.toolset_wrap.toolset_image .tool_form_style_0_con .tool_form_style_0_content#toolLogoContent .tool_btn{height: auto;}
.toolset_wrap.toolset_image .tool_form_style_0_con .tool_form_style_0_content#toolLogoContent .editor_input_button{padding-top: 5px;}
.toolset_wrap.toolset_image .tool_form_style_0_con .tool_form_style_0_content#toolLogoContent .tool_btn.active .editor_input_button{background-color: #edf2f9;}

.toolset_wrap.toolset_image .tool_form_style_0_con.type_2{border-bottom:1px solid #e4ebf5; background-color: #fbfdfe;}
.toolset_wrap.toolset_image .tool_form_style_0_con.type_2 .tool_form_style_0_list{display: flex; align-items: stretch;}
.toolset_wrap.toolset_image .tool_form_style_0_con.type_2 .tool_form_style_0_title.type_2{display: flex; align-items: center; margin-right: 17px;}
.toolset_wrap.toolset_image .tool_form_style_0_con.type_2 .tool_form_style_0_title.type_2 .tool_btn{height: 100%;}
.toolset_wrap.toolset_image .tool_form_style_0_con .tool_image_edit{/*position: relative;*/}
.toolset_wrap.toolset_image .tool_form_style_0_con .tool_image_edit:after{content:''; position: absolute; width:auto; height: calc(100% - 6px); top:3px; right: -1px; border-right:1px solid #e4ebf5; box-sizing: border-box;}
.toolset_wrap.toolset_image .tool_form_style_0_con.type_2 .tool_form_style_0_content{flex-wrap: wrap; max-width: 300px;}

.toolset_wrap.toolset_image .toolset .tool_btn .label_con .label{display: block;}

/* 라벨링 */
#toolSquareElementLabel{ gap: 10px; }
#toolSquareElementLabel .multi_select_section{ display: flex; flex-wrap: wrap; gap: 10px; }
#toolSquareElementLabel .multi_select_section:not(:last-child){ padding-bottom: 10px; border-bottom: 1px solid #e4ebf5; }



/* recent_board */
.toolset_wrap.toolset_recent_board{}
.toolset_wrap.toolset_recent_board .toolset .tool_separation .tool_separation_inner{padding:0;}
.toolset_wrap.toolset_recent_board .toolset .tool_separation .tool_form_style_0_con{padding: 15px 14px; background-color: #fff;}
.toolset_wrap.toolset_recent_board .toolset .tool_separation .tool_form_style_0_con.type_2{background-color: #fbfdfe;}

/* =========================================================================== */

/* source editor */
#sourceEditorWrap{ width:100%; height:100%; position:fixed; z-index: 9999999996; left:0; top:0; }

#sourceEditorWrap #sourceEditorCon{ position:absolute; width:calc(100% - 116px); height:calc(100% - 280px); top:50%; left:50%; margin-left:calc((100% - 116px) / 2 * -1); transform: translateY(-50%); z-index: 9999999998; }
#sourceEditorWrap #sourceEditorTitleCon{text-align: left; padding-top: 14px; padding-bottom: 17px ;padding-left: 19px; padding-right: 19px; background-color: #f0f5fb; border-bottom:1px solid #b1bfd3;}
#sourceEditorWrap #sourceEditorTitle{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 500; color:#000; padding-left: 25px; background-image: url('../img/source_code_title_icon.png'); background-position: left center; background-repeat: no-repeat; background-size: 16px 7px;}
#sourceEditorWrap #sourceEditorExplain{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; font-weight: 500; color:red; padding-right: 25px; float : right; }
#sourceEditorWrap #sourceEditor{height: calc(100% - 118px);}
#sourceEditorWrap #sourceEditorBtnCon{text-align: center; background-color: #f0f5fb; padding-top: 20px; padding-bottom: 20px; border-top:1px solid #b1bfd3;}
#sourceEditorWrap #sourceEditorBtnCon button{width: 87px; height: 27px; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; color:#707f96; font-weight: 300; background-color: #fff; border:1px solid #e4ebf5; margin-right: 7px; cursor: pointer;}
#sourceEditorWrap #sourceEditorBtnCon button:last-child{margin-right: 0;}

#sourceEditorWrap #sourceEditorBg{ width:100%; height:100%;  left:0; top:0; background-color: #000; opacity:0.6; }

/* 옵션팝업 */
#blockOptionPop{left:calc((100% - 395px) / 2) !important; max-height: 810px;  background-color: transparent !important;}

/* =========================================================================== */

/* 페이지 연결 팝업 */
#pageLinkPopup{width: calc(100% - 40px) !important; height: calc(100% - 200px) !important;}

/* 이미지 에디터 팝업 */
.image_editor_popup_wrap{width: 100%; max-width: 95%; height: 95%; padding-top: 50px; background-color: transparent !important; box-sizing: border-box;}
.image_editor_popup_wrap:after{content:'이미지 에디터'; position: absolute; top:0; left:0;  font-family: 'Noto Sans KR'; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.02em; font-weight: 500; color:#fff;}
.image_editor_con{display: flex; flex-direction: column; height: calc(100% - 68px); /*overflow-y: auto;*/  background-color: #f0f5fb;}
.image_toolset_wrap{position: relative; display: flex; /*align-items: flex-start;*/ align-items: stretch; background-color: #fbfdfe; flex-wrap:wrap; padding-bottom: 9px;}
.image_toolset_wrap .toolset{padding: 12px 13px;}
.image_toolset_wrap .toolset:after{content: ''; position: absolute; top: 14px; right: 0; height: calc(100% - 26px); border-right:1px solid #edf2f9;}
.image_toolset_wrap .toolset:last-child:after{content: none;}
.image_toolset_wrap .toolset .toolset_box{display: flex; flex-direction: column; justify-content: flex-start; padding-top: 1px;}/*위쪽 정렬*/
.image_toolset_wrap .toolset .toolset_box.type_2{flex-direction: row;}
.image_toolset_wrap .toolset .tool_separation:not(:last-child){margin-bottom: 3px;}
.image_toolset_wrap .toolset .toolset_box.type_2 .tool_separation{margin-bottom: 0;}
.image_toolset_wrap .toolset .tool_separation .tool_separation_inner{display: flex; justify-content: flex-end; padding:0; background-color: transparent; border:none; margin-right: 0;}
.image_toolset_wrap .toolset .tool_btn{height: 27px;}
.image_toolset_wrap .toolset .tool_btn .label_con .label_img{margin-right: 0px;}
.image_toolset_wrap .toolset .tool_btn .label_con .label{display: none;}
.image_toolset_wrap .tool_form_style_0_con .tool_form_style_0_list{margin-bottom: 3px;}
.image_toolset_wrap .tool_form_style_0_con .tool_form_style_0_title{max-width: none; min-width: auto; padding-right: 7px;}
.image_toolset_wrap .tool_form_style_0_con .tool_form_style_0_title .label{display: none;}
.image_toolset_wrap .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0{width: 50px; text-align: right; padding-top: 3px; outline: none;}
.image_toolset_wrap .toolset .range_wrap{display: flex; align-items: center;}
.image_toolset_wrap .toolset .range_wrap .range_title{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; margin-right: 5px;}

.tool_separation .tool_separation_inner .tool_align_top:hover::after {position: absolute;top: 30px !important;transform: translateX(-43%); content: '왼쪽정렬';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 9px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}
.tool_separation .tool_separation_inner .tool_align_top:hover::before {z-index:999; content: '';position: absolute;top: 26px;left: 54%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}

.tool_separation .tool_separation_inner .tool_align_center:hover::after {position: absolute;top: 30px !important;transform: translateX(-35%); content: '가운데정렬';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 7px 3px 8px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}
.tool_separation .tool_separation_inner .tool_align_center:hover::before {z-index:999; content: '';position: absolute;top: 26px;left: 54%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}

.tool_separation .tool_separation_inner .tool_align_bottom:hover::after {position: absolute;top: 30px !important;transform: translateX(-33%); content: '오른쪽정렬';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 8px 3px 8px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}
.tool_separation .tool_separation_inner .tool_align_bottom:hover::before {z-index:999; content: '';position: absolute;top: 26px;left: 54%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}

.tool_separation .tool_separation_inner .tool_v_align_top:hover::after {position: absolute;top: 30px !important;transform: translateX(-43%); content: '위쪽정렬';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 9px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}
.tool_separation .tool_separation_inner .tool_v_align_top:hover::before {z-index:999; content: '';position: absolute;top: 26px;left: 54%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}

.tool_separation .tool_separation_inner .tool_v_align_center:hover::after {position: absolute;top: 30px !important;transform: translateX(-43%); content: '중앙정렬';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 9px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}
.tool_separation .tool_separation_inner .tool_v_align_center:hover::before {z-index:999; content: '';position: absolute;top: 26px;left: 54%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}

.tool_separation .tool_separation_inner .tool_v_align_bottom:hover::after {position: absolute;top: 30px !important;transform: translateX(-33%); content: '아래쪽정렬';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 9px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}
.tool_separation .tool_separation_inner .tool_v_align_bottom:hover::before {z-index:999; content: '';position: absolute;top: 26px;left: 54%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}

.over_input_con {position: relative;}
.over_input_con_mention:hover::after {position: absolute;top: 33px !important;transform: translateX(-68%);content: '테두리';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 9px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}
.over_input_con_mention:hover::before {z-index:999; content: '';position: absolute;top: 29px;left: 54%;width: 8px;height: 8px;background-color: #000;transform: translateX(-69%) rotate(45deg);box-sizing: border-box;}

.over_input_con_radius_mention:hover::after {position: absolute;top: 33px !important;transform: translateX(-72%);content: '모서리';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 9px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}
.over_input_con_radius_mention:hover::before {z-index:999; content: '';position: absolute;top: 29px;left: 51%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}

.over_input_con_reset_mention:hover::after {position: absolute;top: 37px !important;transform: translateX(-62%);content: '초기화';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 10px 3px 8px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}
.over_input_con_reset_mention:hover::before {z-index:999; content: '';position: absolute;top: 33px;left: 54%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}

.expert .toolset_partial.folded .more_btn > a:hover::after {position: absolute;top: 37px !important;transform: translateX(-87%);content: '적용';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 10px 3px 8px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}
.expert .toolset_partial.folded .more_btn > a:hover::before {z-index:999; content: '';position: absolute;top: 33px;left: 54%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}

.expert .toolset_partial:not(.folded) .more_btn > a:hover::after {position: absolute;top: 37px !important;transform: translateX(-87%);content: '해제';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 10px 3px 8px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}
.expert .toolset_partial:not(.folded) .more_btn > a:hover::before {z-index:999; content: '';position: absolute;top: 33px;left: 54%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}

.over_input_con_link_mention:hover::before {z-index:999; content: '';position: absolute;top: 34px !important;left: 50%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.over_input_con_link_mention2:hover::after {position: absolute;top: 38px;left: 50%;transform: translateX(-50%);content: '메뉴연결';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.over_input_typography_mention_left:hover::before {z-index:999; content: '';position: absolute;top: 30px;left: 11%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.over_input_typography_mention_left_detail:hover::after {position: absolute;top: 34px !important;transform: translateX(-354%);content: '왼쪽';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.over_input_typography_mention_center:hover::before {z-index:999; content: '';position: absolute;top: 30px;left: 37%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.over_input_typography_mention_center_detail:hover::after {position: absolute;top: 34px !important;transform: translateX(-203%);content: '가운데';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.over_input_typography_mention_right:hover::before {z-index:999; content: '';position: absolute;top: 30px;left: 63%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.over_input_typography_mention_right_detail:hover::after {position: absolute;top: 34px !important;transform: translateX(-132%);content: '오른쪽';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.over_input_typography_mention_justify:hover::before {z-index:999; content: '';position: absolute;top: 30px;left: 89%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.over_input_typography_mention_justify_detail:hover::after {position: absolute;top: 34px !important;transform: translateX(-100%);content: '양쪽';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.over_input_typography_mention_top:hover::before {z-index:999; content: '';position: absolute;top: 30px;left: 11%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.over_input_typography_mention_top_detail:hover::after {position: absolute;top: 34px !important;transform: translateX(-162%);content: '위에 행 삽입';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.over_input_typography_mention_bottom:hover::before {z-index:999; content: '';position: absolute;top: 30px;left: 37%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.over_input_typography_mention_bottom_detail:hover::after {position: absolute;top: 34px !important;transform: translateX(-97%);content: '아래에 행 삽입';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.over_input_typography_mention_table_left:hover::before {z-index:999; content: '';position: absolute;top: 30px;left: 63%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.over_input_typography_mention_table_left_detail:hover::after {position: absolute;top: 34px !important;transform: translateX(-56%);content: '왼쪽에 열 삽입';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.over_input_typography_mention_table_right:hover::before {z-index:999; content: '';position: absolute;top: 30px;left: 89%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.over_input_typography_mention_table_right_detail:hover::after {position: absolute;top: 34px !important;transform: translateX(-9%);content: '오른쪽에 열 삽입';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.over_input_cell:hover::before {z-index:999; content: '';position: absolute;top: 30px;left: 11%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.over_input_cell_detail:hover::after {position: absolute;top: 34px !important;transform: translateX(-250%);content: '셀 병합';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.over_input_width:hover::before {z-index:999; content: '';position: absolute;top: 30px;left: 37%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.over_input_width_detail:hover::after {position: absolute;top: 34px !important;transform: translateX(-157%);content: '균등너비';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.over_input_column_delete:hover::before {z-index:999; content: '';position: absolute;top: 30px;left: 63%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.over_input_column_delete_detail:hover::after {position: absolute;top: 34px !important;transform: translateX(-120%);content: '행 삭제';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.over_input_row_delete:hover::before {z-index:999; content: '';position: absolute;top: 30px;left: 89%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.over_input_row_delete_detail:hover::after {position: absolute;top: 34px !important;transform: translateX(-58%);content: '열 삭제';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.over_input_con_spacing_mention:hover::after {position: absolute;top: 39px !important;transform: translateX(-68%);content: '펼치기';width: auto;z-index: 9998;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 39px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}
.over_input_con_spacing_mention:hover::before {z-index:998; content: '';position: absolute;top: 35px !important;left:52%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}

.swiper_detail_next:hover::before {z-index:999; content: '';position: absolute;top: 33px;left: 52%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.swiper_detail_next:hover::after {position: absolute;top: 37px !important;transform: translateX(-97%);content: '넘기기';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.swiper_detail_stop:hover::before {z-index:999; content: '';position: absolute;top: 33px;left: 52%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.swiper_detail_stop:hover::after {position: absolute;top: 37px !important;transform: translateX(-97%);content: '멈추기';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.video_type_once:hover::before {z-index:999; content: '';position: absolute;top: 17px;left: 52%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.video_type_once:hover::after {position: absolute;top: 21px !important;transform: translateX(-91%);content: '한번재생';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.video_type_repeat:hover::before {z-index:999; content: '';position: absolute;top: 17px;left: 52%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.video_type_repeat:hover::after {position: absolute;top: 21px !important;transform: translateX(-91%);content: '반복재생';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.video_location_current:hover::before {z-index:999; content: '';position: absolute;top: 17px;left: 52%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.video_location_current:hover::after {position: absolute;top: 21px !important;transform: translateX(-91%);content: '현재영역';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.video_location_popup:hover::before {z-index:999; content: '';position: absolute;top: 17px;left: 52%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.video_location_popup:hover::after {position: absolute;top: 21px !important;transform: translateX(-91%);content: '팝업생성';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.transform_flip_horizon:hover::before {z-index:999; content: '';position: absolute;top: 33px;left: 52%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.transform_flip_horizon:hover::after {position: absolute;top: 37px !important;transform: translateX(-91%);content: '좌우반전';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.transform_flip_vertical:hover::before {z-index:999; content: '';position: absolute;top: 33px;left: 52%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.transform_flip_vertical:hover::after {position: absolute;top: 37px !important;transform: translateX(-91%);content: '상하반전';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.transform_rotate_left:hover::before {z-index:999; content: '';position: absolute;top: 33px;left: 52%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.transform_rotate_left:hover::after {position: absolute;top: 37px !important;transform: translateX(-49%);content: '왼쪽 90° 회전';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.transform_rotate_right:hover::before {z-index:999; content: '';position: absolute;top: 33px;left: 52%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.transform_rotate_right:hover::after {position: absolute;top: 37px !important;transform: translateX(-49%);content: '오른쪽 90° 회전';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.dim_point_color:hover::before {z-index:999; content: '';position: absolute;top: 34px;left: 82%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.dim_point_color:hover::after {position: absolute;top: 38px !important;transform: translateX(-74%);content: '포인트컬러';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;top: 37px;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}

.padding_btn.active:hover::after {position: absolute;top: 39px !important;transform: translateX(-95%);content: '닫기';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}
.padding_btn.active:hover::before {z-index:999; content: '';position: absolute;top: 35px;left: 53%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.margin_btn.active:hover::after {position: absolute;top: 39px !important;transform: translateX(-95%);content: '닫기';width: auto;z-index: 9999;border-radius: 7px;background-color: #000;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;left: unset;right: -43px;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate}
.margin_btn.active:hover::before {z-index:999; content: '';position: absolute;top: 35px;left: 53%;width: 8px;height: 8px;background-color: #000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}

.image_toolset_wrap .toolset .range_con{min-width: 100px; padding-top: 4px; padding-bottom: 4px;}

.image_toolset_wrap .tool_form_style_0_con.type_2{display: flex; align-items: center;}

.tool_btn.tool_image_enlargement{ background-image: url("../img/tool/tool_image_enlargement.png"); }
.tool_btn.tool_image_reduction{ background-image: url("../img/tool/tool_image_reduction.png"); }

.image_editor_box_wrap{/*text-align: center;*/ height: calc(100% - 81px); overflow: hidden;}
.image_editor_box{ position:relative; /*display: inline-flex; align-items: center; justify-content: center;*/ min-height: 100%; min-width: 100%; /* padding: 55px 100px; */ box-sizing: border-box; overflow: auto; }
.image_editor_box #canvas_to_img{display: none;}
.image_editor_box canvas{position: relative;}

.image_editor_btn_con{position: absolute; bottom:0; width: 100%; text-align: center; background-color: #fbfdfe; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #e4ebf5; box-sizing: border-box;}
.image_editor_popup_wrap button{width: 87px; height: 27px; font-size:12px; line-height:18px; color:#707f96; font-weight: 300; background-color: #fff; border:1px solid #e4ebf5; margin-right: 7px; cursor: pointer; transition: background-color 0.2s, border-color 0.2s;}
.image_editor_popup_wrap button:last-child{margin-right: 0;}
.image_editor_popup_wrap button:hover{background-color: #3f87f5; border-color:#3f87f5; color:#fff;}

body.mobile #imageEditorCropConfirmBtn{width: 25px; font-size: 10px; white-space: nowrap; padding-left: 0; padding-right: 0;}

.toggle_btn { display: flex; align-items: center; padding-left: 14px; }
.toggle_btn:before { content: ''; position: absolute; top: 13px; right: 4px; height: 6px; border-right:1px solid #edf2f9; }
.toggle_btn:after { content: ''; position: absolute; top: 38px; right: 4px; height: 6px; border-right:1px solid #edf2f9; }
.tool_form_style_0_list.type2:after { content: ''; position: absolute; top: 13px; right: 4px; width: 20px; border-bottom:1px solid #edf2f9; }
.tool_form_style_0_list.type2:before { content: ''; position: absolute; top: 43px; right: 4px; width: 20px; border-bottom:1px solid #edf2f9;  }

.toggle_btn > img { height: 19px; cursor: pointer; }


.cropBox {display: none;background: rgba(0, 0, 0,0.4);position: absolute; z-index : 999999997; cursor: all-scroll;}
.crop_btn_con {display: none; z-index : 999999998; position: absolute; }
.resizer {background-color: rgba(0, 0, 0, 0.2);position: absolute; z-index : 999999999; width: 10px;height: 10px;border: 1px solid black;}
.resizer.top-left {top: 0px;left: 0px;cursor: nw-resize;z-index : 999999999;transform: translate(-5px, -5px);}
.resizer.top-right {top: 0px;right: 0px;cursor: ne-resize;z-index : 999999999;transform: translate(5px, -5px);}

.resizer.bottom-left {bottom: 0px;left: 0px;cursor: sw-resize;z-index : 999999999;transform: translate(-5px, 5px);}
.resizer.bottom-right {bottom: 0px;right: 0px;cursor: se-resize;z-index : 999999999;transform: translate(5px, 5px);}

.resizer.right {top: 50%; right: 0px; cursor: e-resize; z-index : 999999999;transform: translate(6px, -5px); }
.resizer.bottom {bottom: 0px; left: 50%; cursor: s-resize; z-index : 999999999;transform: translate(5px, 6px); }

#toolImageEditLayer{ position: absolute; z-index: 9999997; background-size: cover; background-repeat: no-repeat;}
#cropSizeHandler{ position: absolute; z-index: 99999999; background: #3f87f5; opacity: 0.57; height: 8px; cursor: n-resize; }
#cropSizeHandler:hover{ opacity: 0.8; }
#cropLayer{ position: absolute; z-index: 99999998; color: transparent; -webkit-text-fill-color: transparent; background-clip: content-box; -webkit-background-clip: content-box; background-size: cover; background-repeat: no-repeat; cursor: all-scroll; }
#toolImageEditDimLayer{ position: absolute; z-index: 9999998; width: 100%; height: 100%; background: #000; opacity: 0.5; }
#prevImgPop{background-color: transparent !important;}

.toolset_wrap.tool_thumb { height: auto; max-width: 1170px; overflow:hidden; background-color: rgba(0,0,0,0.7); padding: 10px; display: flex; align-items: center; border:none; z-index: 31;}
.toolset_wrap.tool_thumb .thumb_con { display: flex; align-items: center; width:calc( 100% - 50px ); overflow-x:auto; }

#thumbImgManager .toolset_wrap .thumb_con {
    width: 100%;
}

/*SVG변경팝업*/
.svg_Changer_popup_wrap {display: none; border: 1px solid #b1bfd3;}
.svg_Changer_popup_wrap .svg_changer_con {display: flex;}
.svg_Changer_popup_wrap .svg_menu {padding: 17px 40px; min-width: 60px; cursor: pointer;}
.svg_Changer_popup_wrap .svg_menu.active {background-color: #f7fafd;}
.svg_Changer_popup_wrap .svg_item_con {width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; overflow: hidden; border: 1px solid #edf2f9; transition: all 0.1s linear; cursor: pointer;}
.svg_Changer_popup_wrap .svg_item_con.real { background-image: url("/weven_service/asset/img/png_file_bg.png"); position: relative; }
.svg_Changer_popup_wrap .svg_item_con.real::after { content: ''; display: inline-block; width: 100%; height: 100%; background-color: rgb(0 0 0 / 10%); position: absolute; top: 0; left: 0; pointer-events: none; }
.svg_Changer_popup_wrap .svg_item_con:hover {border: 1px solid #b1bfd3;}
.svg_Changer_popup_wrap .svg_item_con.active {border: 1px solid #b1bfd3;}
.svg_Changer_popup_wrap .svg_item_con > input {display:none;}
.svg_Changer_popup_wrap .svg_item_con > label {width: 100%; height:100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.svg_Changer_popup_wrap .svg_item_con .svg_item {background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height:100%; max-width: 40px; max-height: 40px; display: flex; justify-content: center; align-items: center; z-index: 1;}
/*.svg_Changer_popup_wrap .svg_item > * {max-width: 40px;}*/
.svg_Changer_popup_wrap .svg_menuList{font-family: 'NanumBarunGothic'; font-size: 13px; line-height: 16px; letter-spacing: 0px; color: #707f96; text-align: center; height: 542px;}
.svg_Changer_popup_wrap .svg_menuBtnList {margin-bottom: 30px; display: flex; flex-direction: column; gap: 7px; align-items: center; font-family: 'NanumBarunGothic';}
.svg_Changer_popup_wrap .svg_selectView {padding: 25px; background-color: #f7fafd; max-height: 633px; max-width: 675px;}
.svg_Changer_popup_wrap .svg_selectView #numberOfMyIcon { text-align: right; font-size: 13px; margin-bottom: 10px; }
.svg_Changer_popup_wrap .svg_selectView #numberOfMyIcon #totalSvgLength { color: #3f87f5; font-weight: 600; }
.svg_Changer_popup_wrap .svg_selectView_grid.myIcon::-webkit-scrollbar {width: 5px;}
.svg_Changer_popup_wrap .svg_selectView_grid.myIcon::-webkit-scrollbar-thumb {background: #dce1e8;}
.svg_Changer_popup_wrap .svg_selectView_grid.myIcon::-webkit-scrollbar-track {}
.svg_Changer_popup_wrap .svg_selectView_grid.googleMaterial::-webkit-scrollbar {width: 5px;}
.svg_Changer_popup_wrap .svg_selectView_grid.googleMaterial::-webkit-scrollbar-thumb {background: #dce1e8;}
.svg_Changer_popup_wrap .svg_selectView_grid.googleMaterial::-webkit-scrollbar-track {}
.svg_Changer_popup_wrap .svg_selectView_grid {display: grid; grid-template-columns: 100px 100px 100px 100px 100px 100px; gap: 5px;}
.svg_Changer_popup_wrap .svg_selectView_grid.myIcon {overflow-y: auto;max-height: 500px;overflow-x: hidden;}
.svg_Changer_popup_wrap .svg_selectView_grid.googleMaterial {overflow-y: auto;max-height: 520px;overflow-x: hidden;}
.svg_Changer_popup_wrap .svg_desc_con {font-family: 'NanumBarunGothic'; font-size: 13px; line-height: 26px; letter-spacing: 0px; font-weight: 500; color: #707f96; margin-top: 25px; margin-left: 10px;}
.svg_Changer_popup_wrap .svg_item_delete {position: absolute; top:0; right: 0; width: 23px; height: 23px; background-image: url("/weven_service/asset/img/layout_btn_delete_new.png"); background-repeat: no-repeat; background-position: center; background-size: 23px; }
.svg_Changer_popup_wrap .svg_item_delete:hover { background-image: url("/weven_service/asset/img/layout_btn_delete_new_on.png"); }

.svg_Changer_popup_wrap .svg_search_con .svg_search_input_box{min-height: 33px; margin-top: 10px; border-radius: 4px; border: 1px solid #3782f4; background-color: #f5fafd;}
.svg_Changer_popup_wrap .svg_search_con .block_search_select_con{font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem;}
.svg_Changer_popup_wrap .svg_search_con .block_search_select_con .selected_item{position: relative; background-image: none; color: #3782f4; padding: 7px 3px 7px 10px; border-radius: 4px; border-bottom-color: #d8e3ea;}
.svg_Changer_popup_wrap .svg_search_con .block_search_select_con .selected_item.active{ border-bottom-color: #edf2f9; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.svg_Changer_popup_wrap .svg_search_con .block_search_select_con .selected_item:hover{border-color: #3782f4;}
.svg_Changer_popup_wrap .svg_search_con .block_search_select_con .selected_item::before{content: ''; position: absolute; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; right: 10px; top: 14px;}
.svg_Changer_popup_wrap .svg_search_con .block_search_select_con .selected_item.active::before{border-bottom: 4px solid #000; border-top: none;}
.svg_Changer_popup_wrap .svg_search_con .svg_search_input{background-color: #f5fafd;}
.svg_Changer_popup_wrap .svg_search_con .svg_search_submit{background-image: url("../img/expert_list/list_search_search.png"); background-size: 10px; right: 25px; background-position: left 11px center; background-color: #f5fafd;}
.svg_Changer_popup_wrap .svg_search_con .svg_search_reset{background-image: url("../img/expert_list/list_search_refersh.png"); background-size: 9px; width: 28px; background-color: #f5fafd;}

.svg_Changer_popup_wrap .svg_search_con  .svg_search_input_box{position: relative; min-height: 35px; border: 1px solid #4eb3f3; border-radius: var(--search_border_radius); box-sizing: border-box; margin-top: 8px;}
.svg_Changer_popup_wrap .svg_search_con  .svg_search_input{display: inline-block; width: calc(100% - 58px); height: 100%; box-sizing: border-box; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; color:#3f87f5; font-weight:700; letter-spacing: -0.02em;
    padding: 6px 3px 6px 7px; background-color:#fff; -webkit-appearance: none; -moz-appearance:none; appearance:none; outline:none; text-align: left; white-space: nowrap; border: none; overflow: auto hidden; top: 0px; position: absolute; border-radius: var(--search_border_radius);}
.svg_Changer_popup_wrap .svg_search_con .svg_search_input::-webkit-scrollbar{ display: none; }
.svg_Changer_popup_wrap .svg_search_con .svg_search_input:-ms-input-placeholder{color:#3f87f5;}
.svg_Changer_popup_wrap .svg_search_con .svg_search_input:-moz-placeholder{color:#3f87f5;}
.svg_Changer_popup_wrap .svg_search_con .svg_search_input::-moz-placeholder{color:#3f87f5;}
.svg_Changer_popup_wrap .svg_search_con .svg_search_input::-webkit-input-placeholder{color:#3f87f5;}
.svg_Changer_popup_wrap .svg_search_con .svg_search_input:focus { border-color: #4eb3f3; }
.svg_Changer_popup_wrap .svg_search_con .svg_search_submit { position: absolute; top: 0; right: 30px; z-index: 1; width: 28px; height: 100%; background-image: url("../img/12x12_3f87f5_search_icon.png"); background-repeat: no-repeat; background-position: center center; background-size: 12px 12px; background-color: #fff; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; transition: all 0.1s linear; }
.svg_Changer_popup_wrap .svg_search_con .svg_search_reset { position: absolute; top: 0; right: 0; z-index: 1; width: 30px; height: 100%; background-image: url("../img/12x12_3f87f5_reset_icon.png"); background-repeat: no-repeat; background-position: center center; background-size: 12px 12px; background-color: #fff; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; border-radius: var(--search_border_radius); transition: all 0.1s linear;}
.svg_Changer_popup_wrap .svg_search_con .svg_search_submit:hover {background-color: #f3e9e9;}
.svg_Changer_popup_wrap .svg_search_con .svg_search_reset:hover {background-color: #f3e9e9;}
/* scrollbar style */
.toolset_wrap.tool_thumb .thumb_con::-webkit-scrollbar { height:10px; }
.toolset_wrap.tool_thumb .thumb_con::-webkit-scrollbar-thumb { background-color: #2f3542; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; }
.toolset_wrap.tool_thumb .thumb_con::-webkit-scrollbar-track { background-color: grey; border-radius: 10px; box-shadow: inset 0px 0px 5px white; }

.toolset_wrap.tool_thumb .thumb_drop_area { width: 6px; flex: none; min-height: 100%; background-color: #ffffff78; position: relative; z-index: 36; height: 80px; margin: 0 0 0 11px; }
.toolset_wrap.tool_thumb .thumb_img_list { margin-left: 10px; width: 80px; height: 80px; cursor: move; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow:hidden; box-sizing: border-box; position: relative; flex:none; }
.toolset_wrap.tool_thumb .thumb_img_list.active { border: 2px solid #3f87f5; }
.toolset_wrap.tool_thumb .thumb_img_list .delete_btn { display: none; position: absolute; top: 7px; right: 7px; cursor:pointer; width: 10px; height: 10px; background-image: url("/weven_template/theme/weven/resource/img/close_fff_13x13.png"); background-size: 10px 10px; background-repeat: no-repeat; background-position: center center; }
.toolset_wrap.tool_thumb .thumb_img_list.active .delete_btn { display: block; }
.toolset_wrap.tool_thumb .thumb_img_list:first-child { margin-left: 0; }
.toolset_wrap.tool_thumb .add_btn { margin-left: 10px; cursor: pointer; width: 60px; height: 60px; background-image: url("/weven_template/theme/weven/resource/img/plus_icon_fff_22x22.png"); background-size: 22px 22px; background-repeat: no-repeat; background-position: center center;}

#thumbImgManager .toolset_wrap .add_slide_btn {
    background-image: url("/weven_service/asset/toolbar/img/expert_tool/toolswiper_add_btn.png");
    width: 100%;
    height: 150px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #d8e3ea;
    margin-bottom: 10px;
    background-size: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    transition: all 0.2s linear;
}
#thumbImgManager .toolset_wrap .add_slide_btn.file_dragentered {
    background-color: #e4e4e4;
    border-color: #000;
}
#thumbImgManager .toolset_wrap .add_slide_btn:hover {border-color: #000;}
#thumbImgManager .toolset_wrap .thumb_drop_area { width: 100%; height: 3px; margin-bottom: 10px; background-color: #000; }
#thumbImgManager .toolset_wrap .thumb_img_list {
    width: 100%;
    height: 150px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #d8e3ea;
    margin-bottom: 10px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: move;
}
#thumbImgManager .toolset_wrap .thumb_img_list:hover {
    border-color: #000;
}
#thumbImgManager .toolset_wrap .thumb_img_list.active {
    border-color: #000;
}

.swiper_control_con {
    z-index: 1;
    position: absolute;
    display: flex;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #95b0c3;
}

.swiper_control_btn {
    width: 19px;
    height: 19px;
    background-size: 19px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 4px;
    cursor: pointer;
}

.swiper_control_btn:hover {
    background-color: #dee7ea;
}

.swiper_control_btn.edit {
    background-image: url('/weven_service/asset/toolbar/img/expert_tool/icon_swiper_edit.png');
}

.swiper_control_btn.delete {
    background-image: url('/weven_service/asset/toolbar/img/expert_tool/icon_swiper_delete.png');
}

.swiper_control_btn.up {
    background-image: url('/weven_service/asset/toolbar/img/expert_tool/icon_swiper_up.png');
}

.swiper_control_btn.down {
    background-image: url('/weven_service/asset/toolbar/img/expert_tool/icon_swiper_down.png');
}

/* 마우스오버도움말 */
.help_con { display: inline-block;}
.help_img { width: 20px; height: 20px; cursor: pointer; background-image: url("/weven_service/asset/img/svg/icons8-help.svg"); background-position: center; background-size: 20px; background-repeat: no-repeat;}
.help_img:hover { background-image: url("/weven_service/asset/img/svg/icons8-help_h.svg");}
.help_img:hover + .help_text { display: block; opacity: 1;}
.help_text span { width: auto;}
.help_text { display: none; width: 155px; z-index: 9999; border-radius: 6px; text-align: left; border: 1px solid #d2d0e1; background-color: #fff; padding: 10px; position: absolute; box-shadow: 4px 5px 4px rgba(0,0,0,0.06); font-size: 11px; line-height: 17px; font-weight: 400; color: #f8832e; word-break: keep-all; top: 28px; left: 52px;}
.help_text:before { content: ''; z-index: 2; top: -3px; left: 55px; position: absolute; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #fff; transform: rotate(225deg);}
.help_text:after { content: ''; top: -5px; left: 56px; position: absolute; width: 0; height: 0; border-top: 8px solid transparent; border-right: 8px solid #d2d0e1; transform: rotate(225deg);}


/* 툴팁 ([data-wv-tooltip]) - 231229 jde */
.tooltip_con{ opacity: 0; transform: translateY(-10%); transition: opacity .2s, transform .2s;display: none; padding: 4px 9px 3px 10px; background-color: #fff; color: #fff; box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);border: 1px solid #000000; border-radius: 3px; position: fixed; z-index: 999999; box-sizing: border-box;font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; letter-spacing: 0.0em; font-weight: 400; text-align: center;animation: speechBubbleAni 0.5s infinite alternate}
.tooltip_con.active{ background-color: #fff; color: #fff; opacity: 1; transform: translateY(0) !important; }
.tooltip_con:before{ content: ''; position: absolute; z-index: 1; top: -10px; left: 50%; transform: translateX(-50%); border-bottom: 5px solid #000000;width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.tooltip_con.left_pushed:before {left: 30%; transform: translateX(-30%);}
.tooltip_con.left_pushed:after {left: 30%; transform: translateX(-30%);}
.tooltip_con.right_pushed:before {left: 80%; transform: translateX(-80%);}
.tooltip_con.right_pushed:after {left: 80%; transform: translateX(-80%);}
.tooltip_con:after{ content: ''; position: absolute; z-index: 0; top: -11px; left: 50%; transform: translateX(-50%); border-bottom: 5px solid #000;
    width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.tooltip_con span{ display: inline-block; width: max-content; }
/* 툴팁.pos_top : 위쪽으로 위치 */
.tooltip_con.pos_top{ transform: translateY(10%); }
.tooltip_con.pos_top:before{ top: unset; bottom: -10px; border-top: 5px solid #fff; border-bottom: 5px solid transparent; }
.tooltip_con.pos_top:after{ top: unset; bottom: -11px; border-top: 5px solid #000; border-bottom: 5px solid transparent !important; }
/* extraClass : blue */
.tooltip_con.blue{ border-color: #4eb3f3; color: #4eb3f3; }
.tooltip_con.blue:after{ border-bottom-color: #4eb3f3; }
.tooltip_con.blue.pos_top:after{ border-top-color: #4eb3f3; }

.tooltip_con.blue.display_ratio{ margin-top: 7px; position: absolute; width: auto; z-index: 1000001 !important;border-radius: 7px;background-color: #000000 !important;padding: 4px 9px 3px 10px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate }
.tooltip_con.blue.display_ratio:before {z-index:1000002 !important;position: absolute;top: -5px !important;left:52%;width: 8px;height: 8px;background-color: #000000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.display_ratio{ top:11px; position: absolute; width: auto; z-index: 1000001 !important;border-radius: 7px;background-color: #000000 !important;padding: 6px 12px 6px 12px;position: absolute;box-shadow: 2px 2px 4px rgba(0, 0, 0,0.2);font-size: 12px;line-height: 18px;font-weight: 400;color: #fff;border: none;word-break: keep-all;text-align: center;font-weight: 800;animation: speechBubbleAni 0.5s infinite alternate }
.display_ratio:before {z-index:1000002 !important;position: absolute;top: -5px !important;left:52%;width: 8px;height: 8px;background-color: #000000;transform: translateX(-50%) rotate(45deg);box-sizing: border-box;}
.select_style_00_wrap{position: relative; width: 102px; height: 33px; font-size: 0; line-height: 0; box-sizing: border-box; text-align: left;}
.select_style_00_wrap.w100{width: 100%;}
.select_style_00_wrap.type_2{width: 133px;}
.select_style_00_wrap .selected_item_con{position: absolute; top: 0px; left:0; display: inline-block; margin-right:10px; width: 100%; height: 100%;}
.select_style_00_wrap .selected_item_con:last-child{margin-right: 0;}
.select_style_00_wrap .selected_item_con:focus{ outline: none; }
.select_style_00_wrap .selected_item{position: relative; width:100%; height: 100%; font-size:11px; font-size:1.1rem; line-height:17px; line-height:1.7rem; letter-spacing: 0em; font-weight: 600; color:#000; border:1px solid #d8e3ea; box-sizing: border-box; cursor: pointer; border-radius: 4px; padding-left: 9px; padding-top: 7px;}
.select_style_00_wrap .selected_item:hover{border-color: #6a767e;}
.select_style_00_wrap .selected_item::before{content: '';position: absolute; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; right: 11px; top: 14px;}
.select_style_00_wrap .selected_item.active::before{content: '';position: absolute; border-top:none; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 4px solid #000;}
.select_style_00_wrap .selected_item:hover{}
.select_style_00_wrap .selected_item.active{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top: 1px solid #6a767e; border-left: 1px solid #6a767e; border-right: 1px solid #6a767e; border-bottom: 1px solid #d8e3ea; }
.select_style_00_wrap .selected_item.active + .select_style_0_con{box-shadow: 1px 3px 4px 0px rgba(0,0,0,0.1); padding-bottom: 2px;}
.select_style_00_wrap .select_style_0_con{display:none; position: absolute; width:100%; max-height: 488px; overflow-y: auto; border:1px solid #6a767e; border-top: none; box-sizing: border-box; z-index: 1;  border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #fff;}
.select_style_00_wrap .select_style_0_con::-webkit-scrollbar-thumb{background: #cde4f0 !important; background-clip: padding-box !important; border-left: 5px solid transparent !important; border-right: 4px solid transparent !important;border-top: 4px solid transparent !important;}
.select_style_00_wrap .select_style_0_con::-webkit-scrollbar-track{background: rgb(255, 255, 255) !important; }
.select_style_00_wrap .select_style_0_con::-webkit-scrollbar{width: 11px !important; }
.select_style_00_wrap .select_style_0_con::-webkit-scrollbar-button{display: none !important; }
.select_style_00_wrap .select_style_0{background-color: #fff;}
.select_style_00_wrap .select_style_0 > li{text-align: left;}
.select_style_00_wrap .select_style_0 > li > a{display: block; box-sizing: border-box; font-size:11px; font-size:1.1rem; line-height:17px; line-height:1.7rem; font-weight: 500; color: #000; padding-left: 31px; padding-top: 5px; padding-bottom: 4px;}
.select_style_00_wrap .select_style_0 > li:hover > a { background-color: #dee7ea; }
.select_style_00_wrap .select_style_0 > li.active > a{background-color: #dee7ea;}
.select_style_00_wrap .select_style_0 > li:last-child > a{border-bottom:none;}
.select_style_00_wrap.has_arrow:after{content: ''; position: absolute; top:4px; right: 3px; width: 25px; height: 25px; border:1px solid transparent; background-image: url("../img/tool/tool_select_arrow.png"); background-size:7px 4px; background-position: center top 9px; background-repeat:no-repeat; box-sizing: border-box;}
.select_style_00_wrap.has_arrow .selected_item::before{display: inline-block;}
.select_style_00_wrap.has_arrow .select_style_0 > li > a{padding-left: 9px;}
.select_style_00_wrap.type_2 .selected_item::before{display: none;}
.select_style_00_wrap.type_2 .select_style_0 > li > a{position: relative; width: 100%; height: 31px;}
.select_style_00_wrap.type_2 .select_style_0 > li[data-value='solid'] > a::before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 101px; border-bottom: 2px solid #000;}
.select_style_00_wrap.type_2 .select_style_0 > li[data-value='dashed'] > a::before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 101px; border-bottom: 2px dashed #000;}
.select_style_00_wrap.type_2 .select_style_0 > li[data-value='dotted'] > a::before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 101px; border-bottom: 2px dotted #000;}
.select_style_00_wrap.pl_narrow .select_style_0 > li > a{padding-left: 9px;}


/* 전문가용 에디터 수정사항  .expert*/
.expert .toolset_wrapper{right: -271px; position: relative; border-left: 1px solid #95b0c3; width: 271px; box-sizing: border-box; transition: all 0.4s ease-in-out;}
.open .expert .toolset_wrapper{right: 0;}
.expert .toolset_wrapper *{ font-family:'pretendard'}
.expert .toolset_change_btn_wrap{display: flex; width: 100%; height: 33px; background-color: #535561;}
.expert .toolset_change_btn{ position: relative; width: 50%;}
.expert .toolset_change_btn::before{content: ''; position: absolute; width: 100%; height: 100%; background-color: #fff; top: 0; left: 0; z-index: 0;}
.expert .toolset_change_btn.active::before{background-color: #535561;}
.expert .toolset_change_btn a{display: inline-block; width: 100%; height: 33px; font-size: 12px; font-size: 1.2rem; line-height: 1.8px; line-height: 1.8rem; font-weight: 500; color: #ffffff88; background-color: #535561; text-align: center; padding-top: 7px; box-sizing: border-box; position: relative; z-index: 1;}
.expert .toolset_change_btn.active a{padding-top: 12px;}
.expert .toolset_change_btn a.design_wrap_btn{border-bottom-right-radius: 4px;}
.expert .toolset_change_btn.active a.design_wrap_btn{border-top-right-radius: 4px; border-bottom-right-radius: 0px;}
.expert .toolset_change_btn a.effect_wrap_btn{border-bottom-left-radius: 4px;}
.expert .toolset_change_btn.active a.effect_wrap_btn{border-top-left-radius: 4px; border-bottom-left-radius: 0px;}
.expert .toolset_change_btn.active a{background-color: #fff; color: #000; font-weight: 700;}
.expert .toolset_wrap{position: relative; padding: 0 16px 17px 16px; overflow: hidden auto; max-height: 100%; height: calc(100% - 0px); animation: none; border: none; width: 270px;}
.expert .toolset_wrap::-webkit-scrollbar{width: 0px;}
.expert .toolset_wrap::-webkit-scrollbar-thumb{background: #c5c9d5; border: 1px solid transparent; background-clip: content-box;}
.expert .toolset_wrap::-webkit-scrollbar-track{background: transparent;}
.expert .toolset_top_con::-webkit-scrollbar{width: 5px;}
.expert .toolset_top_con::-webkit-scrollbar-thumb{background: #c5c9d5; border: 1px solid transparent; background-clip: content-box;}
.expert .toolset_top_con::-webkit-scrollbar-track{background: transparent;}
.expert .toolset_mouse_tool_wrap{position: relative; display: flex; margin-bottom: 17px;}
.expert .toolset_mouse_tool_wrap::before{content: ''; position: absolute; width: 100%; height: 100%; box-sizing: border-box; border-radius: 4px; border: 1px solid #eaf0f4; top: 0; left: 0; z-index: 0;}
.expert .toolset_mouse_tool_wrap a{display: inline-block; font-size: 10px; font-size: 1rem; line-height: 17px; line-height: 1.7rem; font-weight: 400; color: #6ba2c1; letter-spacing: 0.01em; width: 116px; height: 33px; box-sizing: border-box; text-align: center; padding-top: 8px; border-radius: 4px; z-index: 1;}
.expert .toolset_mouse_tool_wrap a:hover{color: #000;}
.expert .toolset_mouse_tool_wrap a.active{border: 1px solid#3782f4; background-color: #f5fafd; color: #3782f4; font-weight: 700; padding-top: 7px;}
.expert .toolset_mouse_tool_wrap a.tool_hover_btn.has::after {    content: "";
    position: absolute;
    display: block;
    transition: 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    background: #f08e8e;
    height: 6px;
    width: 6px;
    top: 14px;
    right: 32px;
    border-radius: 60px;}.expert .toolset_top_con .toolset::after{display: none;}
.expert .toolset_top_con{flex-direction: column; background-color: #fff;}
.expert .toolset_top_con .toolset{display: block; padding: 0; background-color: #fff; width: 100%;}
.expert .toolset_bottom_con .toolset_box{display: flex; flex-direction: column;}
/* .expert .toolset_box_title{position: relative; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 600; letter-spacing: 0.02em; text-indent: 4px; margin-bottom: 9px;} */
.expert .toolset_box_title{position: relative; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 700; letter-spacing: 0.02em; text-indent: 4px; 
    /* width: 233px; */
     color: #000;}
.expert .toolset{margin-top: 9px; background-color: transparent;}
.expert .reset_btn{position: absolute; top: -9px;     right: -1px;
    display: flex;
    justify-content: center;
    align-items: flex-start;}
.expert .reset_btn > a{display: inline-block; width: 33px; height: 33px; border-radius: 4px; background-image: url("../img/tool/refresh_FILL0_wght300_GRAD0_opsz20.svg"); background-size: 11px; background-position: center center; background-repeat: no-repeat;}
.expert .reset_btn > a:hover{background-color: #dee7ea;}
.expert .more_btn{position: absolute; top: -9px;     right: -1px;
    display: flex;
    justify-content: center;
    align-items: flex-start;}
.expert .more_btn > a{display: inline-block; width: 33px; height: 33px; border-radius: 4px; background-image: url("../img/tool/less_btn.svg"); background-size: 9px;  background-position: center center; background-repeat: no-repeat;}
.expert .more_btn > a:hover{background-color: #dee7ea;}
.expert .add_btn{position: absolute; top: -9px; right: 0;}
.expert .add_btn > a{display: inline-block; width: 33px; height: 33px; border-radius: 4px; background-image: url("../img/tool/more_btn.svg"); background-size: 9px;  background-position: center center; background-repeat: no-repeat;}
.expert .add_btn > a:hover{background-color: #dee7ea;}
.expert .toolset_box_subtitle{font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 300; text-indent: 4px; letter-spacing: 0.04em; width: 61px; flex: 0 0 auto; margin-top: 7px;}
.expert .toolset_box_subtitle.type_2{width: auto;}
.expert .toolset_partial{position: relative; padding-top: 18px; padding-bottom: 17px;}
.expert .toolset_partial.folded .toolset{display: none;}
.expert .toolset_partial.folded .more_btn > a{background-image: url("../img/tool/more_btn.svg");}
.expert .toolset_partial.underline_con + div{padding-top: 18px;}
.expert .toolset_partial.underline_con::before{content: ''; position: absolute; bottom: 0; left: -16px; border-bottom: 1px solid #eaf0f4; width: calc(100% + 32px);}


/* 이펙트 (toolset_custom_effect) */
.expert .toolset_custom_effect .toolset_partial:not(.folded)::before{content: none;}
.expert .toolset_custom_effect .toolset{background-color: transparent;}
.expert .toolset_custom_effect .toolset_box_subtitle{width: 75px;}
.expert .toolset_custom_effect .select_style_00_wrap{background-color: #fff;}
.expert .toolset_custom_effect .select_style_00_wrap .select_style_0 > li > a {padding-left: 10px;}
.expert .toolset_custom_effect .tool_form_style_0_con:last-child{margin-bottom: 0;}
.expert .toolset_custom_effect .tool_form_style_0_con .tool_form_style_0_list{display: block; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem;}
.expert .toolset_custom_effect .tool_btn.tool_form_style_0_content{display: block;}
.expert .toolset_custom_effect .effect_set_con{display: flex; gap: 0 4px;}
.expert .toolset_custom_effect .effect_set_title > div{display: inline-block; font-weight: 400;}
.expert .toolset_custom_effect .toolset .tool_btn.tool_form_style_0_content .label_con{width: 89px;}
.expert .toolset_custom_effect .target_select_btn{text-align: center; padding-top: 7px; box-sizing: border-box; display: inline-block; width: 50px; height: 33px; border-radius: 4px; /* background-image: url("../img/tool/more_btn.svg"); */ background-size: 9px;  background-position: center center; background-repeat: no-repeat; border: 1px solid #d8e3ea;}
.expert .toolset_custom_effect .target_delete_btn{display: inline-block; width: 33px; height: 33px; border-radius: 4px; background-image: url("../img/tool/less_btn.svg"); background-size: 9px;  background-position: center center; background-repeat: no-repeat;}
.expert .toolset_custom_effect .target_delete_btn:hover{background-color: #dee7ea;}
/*effect_element_tab*/
.expert .toolset_custom_effect .effect_element_tab{font-size: 0; padding-top: 0 !important     ;}
.expert .toolset_custom_effect .effect_element_tab a{font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; font-weight: 400; color: #758091;}
.expert .toolset_custom_effect .effect_element_tab a:not(:last-child){margin-right: 20px; position: relative;}
.expert .toolset_custom_effect .effect_element_tab a:not(:last-child)::after{content: ''; width: 1px; height: 11px; background-color: #d8e3ea; position: absolute; top: 1px; right: -12px; }
.expert .toolset_custom_effect .effect_element_tab a.active{font-weight: 700; color: #3782f4;}
/*effect_change_tab*/
.expert .toolset_custom_effect .effect_change_tab{font-size: 0; 
    margin-top: 0px;
    /* margin-top: 20px; 너무 높아서 0으로 수정*/
}
.expert .toolset_custom_effect .effect_change_tab a{display: inline-block; width: 50%; padding: 9px; background-color: rgba(55, 130, 244, 0.4); border: 1px solid transparent; border-bottom: none; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 500; color: #fff; text-align: center; border-radius: 4px 4px 0 0; transition: background-color 0.3s; box-sizing: border-box;}
.expert .toolset_custom_effect .effect_change_tab a:hover{background-color: rgba(55, 130, 244, 1);}
.expert .toolset_custom_effect .effect_change_tab a.active{background-color: #fff; border-color: #3782f4; color: #3782f4;}
.expert .toolset_custom_effect .effect_change_tab a[data-wv-tab-btn-prop="change"]{width: 85%; border-radius: 4px 0px 0 0;}
.expert .toolset_custom_effect .effect_change_tab a[data-wv-tab-btn-prop="default"]{width: 15%; background-color: #dee7ea; color: #000; transition: all 0.1s linear; border-radius: 0px 4px 0 0;
    color: transparent; border-color: transparent; background-image: url("/weven_service/asset/img/svg/icons8-close.svg"); background-size: 14px; background-position: center center; background-repeat: no-repeat;}
.expert .toolset_custom_effect .effect_change_tab a[data-wv-tab-btn-prop="default"]:hover {background-color: #c2c8ca;}
/* effect_toggle */
.expert .toolset_custom_effect .effect_toggle{text-align: right; margin-top: 10px;}
.expert .toolset_custom_effect .effect_toggle .label_subject{font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 400; margin-right: 10px;}
/*effect_retarget_con*/
.expert .effect_retarget_con{z-index: 2000;}
.expert .retarget_dim{display: none; position: fixed; z-index: 9;background-color: rgba(0,0,0,0.5);}
.expert .retarget_dim.top{top: 0; left: 0; width: 100%; height: 49px;}
.expert .retarget_dim.left{bottom: 0; left: 0; width: 60px; height: calc(100% - 49px);}
.expert .retarget_dim.right{bottom: 0; right: 0; width: 271px; height: calc(100% - 49px);}
.expert .retarget_pop{width: calc(100% - 60px); position: absolute; top: 10%; left: 50%; transform: translate(-50%, -50%); z-index: 10; text-align: center; padding: 46px 10px 10px 10px; background: #fff; border-radius: 6px; box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.5); box-sizing: border-box; font-size: 13px; font-size: 1.3rem; line-height: 17px; line-height: 1.7rem; font-weight: 500; }
.expert .retarget_pop .btn_con{display: flex; justify-content: center; gap: 0 6px; margin-top: 40px;}
.expert .retarget_pop .btn_con a{display: inline-block; width: 50%; padding: 6px 0 7px 0; border-radius: 4px; font-size: 11px; font-size: 1.1rem;}
.expert .retarget_pop .btn_con a.disabled{opacity: 0.4; pointer-events: none;}
.expert .retarget_pop .btn_con a:first-child{background-color: #e9f0f2; color: #000;}
.expert .retarget_pop .btn_con a:last-child{background-color: #000; color: #fff;}


/* Dom Grid (.tool_dom_grid) */
.expert .tool_dom_grid .tool_form_style_0_con{ margin-top: 15px; }
/*subtitle,content*/
.expert .tool_dom_grid .tool_form_style_0_con .tool_form_style_0_list:not(.grid_input_list){ flex-direction: column; }
.expert .tool_dom_grid .tool_form_style_0_list:not(.grid_input_list) .toolset_box_subtitle{ width: 100%; margin-top: 0; margin-bottom: 10px; color: #3782f4; font-weight: 400; }
.expert .tool_dom_grid .tool_form_style_0_list:not(.grid_input_list) .tool_form_style_0_content{ border: 1px solid #eaf0f4; border-radius: 4px; }
.expert .tool_dom_grid .grid_prop{ border: none; outline: none; display: inline; width: 100px; font-size: inherit; font-weight: inherit; }
/*input,btn*/
.expert .tool_dom_grid [data-wv-tool-btn-prop].disabled{ pointer-events: none; opacity: 0.3; }
/*btn*/
.expert .tool_dom_grid .tool_form_style_0_content a{ width: 39px; height: 28px; background-size: 33px; background-position: center; background-repeat: no-repeat; transition: all 0.3s; }
.expert .tool_dom_grid .tool_form_style_0_content a:not(:last-child){ border-right: 1px solid #eaf0f4; }
.expert .tool_dom_grid .tool_form_style_0_content a:hover{ background-color: #e9f0f2; }
.expert .tool_dom_grid .tool_form_style_0_content a.active{ background-color: #e9f0f2; }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="alignContent-center"]{ background-image: url("../img/tool/grid_aligncontent_center.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="alignContent-space-between"]{ background-image: url("../img/tool/grid_aligncontent_spacebetween.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="alignContent-space-around"]{ background-image: url("../img/tool/grid_aligncontent_spacearound.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="alignContent-space-evenly"]{ background-image: url("../img/tool/grid_aligncontent_spaceevenly.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="alignContent-stretch"]{ background-image: url("../img/tool/grid_aligncontent_stretch.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="justifyContent-center"]{ background-image: url("../img/tool/grid_justifycontent_center.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="justifyContent-start"]{ background-image: url("../img/tool/grid_justifycontent_start.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="justifyContent-end"]{ background-image: url("../img/tool/grid_justifycontent_end.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="justifyContent-space-between"]{ background-image: url("../img/tool/grid_justifycontent_spacebetween.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="justifyContent-space-around"]{ background-image: url("../img/tool/grid_justifycontent_spacearound.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="justifyContent-space-evenly"]{ background-image: url("../img/tool/grid_justifycontent_spaceevenly.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="alignItems-center"]{ background-image: url("../img/tool/grid_alignitems_center.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="alignItems-start"]{ background-image: url("../img/tool/grid_alignitems_start.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="alignItems-end"]{ background-image: url("../img/tool/grid_alignitems_end.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="alignItems-stretch"]{ background-image: url("../img/tool/grid_alignitems_stretch.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="alignItems-baseline"]{ background-image: url("../img/tool/grid_alignitems_baseline.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="justifyItems-center"]{ background-image: url("../img/tool/grid_justifyitems_center.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="justifyItems-start"]{ background-image: url("../img/tool/grid_justifyitems_start.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="justifyItems-end"]{ background-image: url("../img/tool/grid_justifyitems_end.png"); }
.expert .tool_dom_grid .tool_form_style_0_content a[data-wv-tool-btn-prop="justifyItems-stretch"]{ background-image: url("../img/tool/grid_justifyitems_stretch.png"); }


.expert .color_picker_btn{width: 100%; height: 100%; border: none; -webkit-appearance: none; appearance: none; padding: 0; cursor: pointer;}
.expert .color_picker_btn::-webkit-color-swatch-wrapper{padding: 0;}
.expert .color_picker_btn::-webkit-color-swatch{border: none;}
.expert .color_option_prev{ position: relative; margin-right:0; width: 100%; height: 100%; right: auto; }
.expert .align_container {display: flex; border: 1px solid #d8e3ea; border-radius: 4px; box-sizing: border-box; justify-content: space-evenly;}
.expert .align_container .toolset{flex-direction: row; width: 100%; padding: 3px; border-right: 1px solid #eaf0f4; background-color: transparent; margin-top: 0;}
.expert .align_container .toolset:last-child{border-right: none;}
.expert .align_container .toolset .toolset_box{flex-direction: row; width: 100%; justify-content: space-between;}
.expert .align_container .toolset .tool_separation{margin-bottom: 0;}
.expert .toolset_wrap .toolset .tool_btn .label_con .label_img{margin-right: 0px; margin-top: 1px;}
.expert .align_container .tool_btn .label_con{justify-content: center; align-items: center; padding: 0; border-radius: 3px;}
.expert .align_container .tool_btn .label_con:hover{background-color: #dee7ea;}
.expert .align_container .toolset .tool_separation .tool_btn{height: 26px; width: 27px;}
.expert [data-wv-toolset='ToolDomWidth'] { position: relative; z-index: 999;}
.expert [data-wv-toolset='ToolDomHeight'] { position: relative; z-index: 998;}
.expert .tool_form_style_0_con .spacing_setting_wrap .option_input_style_0{margin-right: 5px;}
.expert .tool_form_style_0_con .spacing_setting_wrap .option_input_style_0:last-of-type{margin-right: 0px;}
.expert .tool_form_style_0_con .spacing_setting_wrap > div{margin-bottom: 5px; display: flex;}
.expert .tool_form_style_0_con .spacing_setting_wrap > div:last-child{margin-bottom: 0px;}
.expert .option_input_style_0{width: 64px; height: 33px; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 600; color: #000; border-radius: 4px; padding-top: 3px; padding-right: 6px; border: 1px solid #d8e3ea; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.expert .option_input_style_0.w100{width: 100%;}
/* .expert .option_input_style_0.input_enter{ background-image: url("/weven_service/asset/img/new_enter.png"); background-size: 1px; background-position: 93% 50%; background-repeat: no-repeat;} */
.expert .option_input_style_0.type_2{width: 133px;}
.expert .option_input_style_0.type_3{width: 50px;}
.expert .option_input_style_0.type_4{width: 96px; padding-left: 30px; background-repeat: no-repeat; background-size: 11px; background-position: left 10px center;}
.expert .option_input_style_0.type_5{width: 181px;}
.expert .option_input_style_0[data-wv-tool-btn-prop="borderWidthInput"]{ padding-left: 38px; }
.expert .option_input_style_0[data-wv-tool-btn-prop="borderRadiusInput"]{ padding-left: 38px; }
.expert .option_input_style_0:focus{background-color: #fff; outline: none; border-color: #6a767e;}
.expert .option_input_style_0:hover{background-color: #fff; outline: none; border-color: #6a767e;}
.expert .option_input_style_0 + .over_input_con{position: absolute; width: 33px; height: 31px; border-right: 1px solid #eaf0f4; left: 1px; top: 1px; padding: 3px; box-sizing: border-box;}
.expert .option_input_style_0 + .over_input_con.type_2{width: 86px; padding: 0;}
.expert .option_input_style_0 + .over_input_con.type_3{width: 121px; padding: 0;}
.expert .option_input_style_0 + .over_input_con.type_4{width: 117px; padding: 0;}
.expert .option_input_style_0 + .over_input_con .option_input_style_0{width: 100%; height: 100%; border: none;}
.expert .option_input_style_0 + .over_input_con .color_choice_btn_con{position: absolute; width: 18px; height: 18px; border-radius: 3px; top: 7px; right: 7px; box-sizing: border-box; padding: 2px; border: 1px solid #d8e3ea;}
.expert .option_input_style_0 + .over_input_con .color_choice_btn_con .color_choice_btn{display: inline-block; border-radius: 2px; width: 100%; height: 100%; background-color: #000;}
.expert .option_input_style_0 + .over_input_con > a{display: inline-block; width: 25px; height: 25px; border-radius: 3px;  background-size: 11px; background-repeat: no-repeat; background-position: center center;}
.expert .option_input_style_0 + .over_input_con > a:hover{background-color: #dee7ea;}
.expert .option_input_style_0 + .over_input_con > a.border_weight_btn{background-image: url("../img/tool/border_weight.svg");}
.expert .option_input_style_0 + .over_input_con > a.border_radius_btn{background-image: url("../img/tool/border_radius.svg");}
.expert .tool_form_style_0_con .tool_form_style_0_content .input_layer_con{position: absolute; background-color: #fff; left: 0; top: calc(100% + 5px); z-index: 1000; width: 100%; border-radius: 4px; border: 1px solid #6a767e; box-shadow: 1px 3px 4px 0px rgba(0,0,0,0.1); padding: 14px 15px 17px 16px; box-sizing: border-box; overflow: hidden;}
.expert .tool_form_style_0_con .tool_form_style_0_content .input_layer_con.link_layer{
    /* max-height: 357px; */
}
.expert .tool_form_style_0_con .tool_form_style_0_content .input_layer_con.motion_layer{top: -110px; padding-bottom: 3px;}
.expert .tool_form_style_0_con .tool_form_style_0_content .input_layer_con::-webkit-scrollbar{width: 5px;}
.expert .tool_form_style_0_con .tool_form_style_0_content .input_layer_con::-webkit-scrollbar-thumb{background: #c5c9d5; border: 1px solid transparent; background-clip: content-box;}
.expert .tool_form_style_0_con .tool_form_style_0_content .input_layer_con::-webkit-scrollbar-track{background: transparent;}
.expert #toolOpColorPicker [colorpickercontent] {display: none;}
.expert #toolOpColorPicker [colorpickercontent].active {display: block;}
.expert .layer_title{font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 300; letter-spacing: 0.04em; text-indent: 2px; margin-bottom: 10px;}
.expert .input_layer_con .layer_content{display: flex; gap: 5px; flex-wrap: wrap;}
.expert .input_layer_con .layer_list_con{width: 100%;}
.expert .input_layer_con .layer_list_con.type_2{display: flex; flex-wrap: wrap; gap: 5px;}
.expert .input_layer_con .layer_list_con li.depth_2{padding-left: 30px; width: calc(100% - 30px); margin-top: 5px;}
.expert .input_layer_con .layer_list_con li.depth_3{padding-left: 60px; width: calc(100% - 60px); margin-top: 5px;}
.expert .input_layer_con .layer_list{position: relative; margin-bottom: 5px; margin-left: 0;}
.expert .input_layer_con .layer_list:last-child{margin-bottom: 0;}
.expert .input_layer_con .layer_list a{display: inline-block; width: 100%; height: 33px; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 500; border-radius: 4px; border: 1px solid #d8e3ea; box-sizing: border-box; padding: 7px 9px;}
.expert .input_layer_con .layer_list_con.type_2 .layer_list a{width: 45px; height: 45px;}
.expert .input_layer_con .layer_list a:hover{border-color: #6a767e;}
.expert .input_layer_con .layer_list.active a{border-color: #6a767e;}
.expert .input_layer_con .layer_list .template_desc{display: none; position: absolute; border-radius: 4px; background-color: #000; color: #fff; font-size: 9px; font-size: 0.9rem; line-height: 15px; line-height: 1.5rem; font-weight: 600; top: -23px; left: -3px; padding: 1px 1px 2px 2px; box-sizing: border-box; width: 53px; text-align: center; word-spacing: -0.04em;}
.expert .input_layer_con .layer_list .template_desc::before{content: ''; position: absolute; border-left: 6px solid #000; border-top: 6px solid transparent; border-bottom: 6px solid transparent; bottom: -6px; right: 9px;}
.expert .input_layer_con .layer_list:hover .template_desc{display: block;}
.expert .input_layer_con .layer_list_con li > a { position: relative; }
.expert .input_layer_con .layer_list_con li.depth_2 > a::before,.expert .input_layer_con .layer_list_con li.depth_3 > a::before{content: ''; position: absolute; width: 13px; height: 13px; background-image: url("../img/expert_tool/tool_link_sub.png"); background-repeat: no-repeat; background-position: 0 0; left: -16px; top: 7px;}
.expert .tool_form_style_0_con .input_layer_con .color_container_list_con{gap: 2px; padding-left: 0; border-radius: 4px; box-sizing: border-box; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 500;}
.expert .tool_form_style_0_con .tool_form_style_0_list{position: relative; margin-bottom: 5px; width: 100%; align-items: flex-start;}
.expert .tool_form_style_0_con .tool_form_style_0_list.type_2{flex-wrap: wrap;}
.expert .tool_form_style_0_con .tool_form_style_0_list.type_2 .toolset_box_subtitle{width: 100%; text-indent: 2px; margin-bottom: 7px;}
.expert .tool_form_style_0_con .expand_btn > a{position: relative; display: inline-block; width: 33px; height: 33px; border-radius: 4px;}
.expert .tool_form_style_0_con .expand_btn > a:hover{background-color: #dee7ea;}
.expert .tool_form_style_0_con .expand_btn > a.active{background-color: #dee7ea;}
.expert .tool_form_style_0_con .expand_btn > a.arrow_btn::before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.expert .tool_form_style_0_con .expand_btn > a.padding_btn{background-image: url("../img/tool/padding_btn.svg"); background-size: 11px; background-position: center center; background-repeat: no-repeat;}
.expert .tool_form_style_0_con .expand_btn > a.margin_btn{background-image: url("../img/tool/margin_btn.svg"); background-size: 13px; background-position: center center; background-repeat: no-repeat;}
.expert .tool_form_style_0_con .apply_btn > a, .expert .tool_form_style_0_con .apply_btn > input{text-align:center; display: inline-block; border-radius: 4px; border: 1px solid #3782f4; color: #3782f4 !important; background-color: #f5fafd; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 600; padding: 7px 16px; cursor: pointer;}

.expert .tool_form_style_0_con .apply_btn.w100{ width: 100%; box-sizing: border-box; text-align: center; }
.expert .tool_form_style_0_con .apply_btn.w100 > a{ width: 100%; box-sizing: border-box; text-align: center; }
.expert .tool_form_style_0_con .apply_btn.type_2 > a{width: 133px; height: 33px; box-sizing: border-box; text-align: center;}
.expert .tool_form_style_0_con .apply_btn.type_3 > a, .expert .tool_form_style_0_con .apply_btn.type_3 > input{width: 100%; text-align: center; box-sizing: border-box;}
.expert .tool_form_style_0_con .apply_btn.type_4 > a{width: 176px; height: 33px; box-sizing: border-box; text-align: center;}
.expert .tool_form_style_0_con .apply_btn.type_4 > input{padding: 7px 102px 7px 72px; /*margin-left:61px;*/}
.expert .tool_form_style_0_con .apply_btn.type_5 > a{width: 30px;}
.expert .tool_form_style_0_con .apply_btn.bg_white > a{background-color: #fff; border-color: #d8e3ea; color: #000 !important;}
.expert .tool_form_style_0_con .apply_btn.bg_white > a:hover{background-color: #fff; border-color: #6a767e; color: #000 !important;}
.expert .tool_form_style_0_con .apply_btn > a:hover, .expert .tool_form_style_0_con .apply_btn > input:hover{background-color: #3782f4; color: #fff !important;}
.expert .tool_form_style_0_con .apply_btn > a.active{background-color: #3782f4; color: #fff !important;}
.expert .option .list_con{display: flex; flex-wrap: wrap; gap: 5px;}
.expert .input_layer_con .option .list_con{gap: 2px;}
.expert .option .list_con li.color_code{width: 18px; height: 18px; box-sizing: border-box; border: 1px solid #d8e3ea; margin-left: 0; margin-bottom: 0; padding: 0px;}
.expert .option .list_con li.color_code .color_code_sample{display: inline-block;}
.expert .option .black_color_container{margin-bottom: 15px;}
.expert .option .preset_color_container{margin-bottom: 15px;}
.expert .option .my_color_container .list_con li.color_code{padding: 2px;}
.expert .tool_form_style_0_con .my_color_container .select_color{ width: 12px; height: 12px;}
.expert [data-wv-toolset='ToolText'] .tool_form_style_0_con.text_content .tool_form_style_0_list{align-items: flex-start;}
.expert [data-wv-toolset='ToolText'] .tool_form_style_0_con.text_content .tool_form_style_0_content{flex-wrap: wrap; gap: 5px; width: 133px; flex: 0 0 0;}
.expert [data-wv-toolset='ToolText'] .tool_form_style_0_con.text_content .tool_form_style_0_content > div{margin-right: 0; height: 33px;}
.expert [data-wv-toolset='ToolText'] .tool_form_style_0_con.text_content .tool_form_style_0_content > div.tool_text_font{width: 100%; z-index: 999;}
.expert [data-wv-toolset='ToolText'] .tool_form_style_0_con.text_content .tool_form_style_0_content > div.tool_text_bold{width: 100%; z-index: 999;}
.expert .gradation_tool_wrap{display: flex; gap: 10px;}
.expert .gradation_box{width: 48px; height: 100%; border-radius: 4px; border: 1px solid #d8e3ea;}
.expert .gradation_tool_option_con{display: flex; flex-direction: column; gap: 12px;}
.expert .gradation_tool_option_con > div{position: relative;}
.expert .gradation_tool_option_con .gradation_degree_option{display: flex; justify-content: flex-end; align-items: center;}
.expert .gradation_tool_option_con .gradation_degree_option > div{display: inline-block;}
.expert .gradation_tool_option_con .gradation_degree_circle{position: relative; width: 21px; height: 21px; border-radius: 50%; border: 1px solid #d8e3ea; margin-right: 10px;}
.expert .gradation_tool_option_con .gradation_degree_circle::before{content: ''; position: absolute;top: 9px; left: 9px; width: 3px; height: 3px; border-radius: 10px; background-color: #3782f4;}
.expert .gradation_tool_option_con .gradation_degree_angle{position: absolute; width: 10px;  border-bottom: 1px solid #3782f4; top: 50%; left: 50%; transform-origin: left center;}
.expert .background_image_btn_wrap{display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 20px;}
.expert .background_image_btn a{display: inline-block; box-sizing: border-box; width: 114px; height: 33px; border-radius: 4px; border: 1px solid #d8e3ea; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 600; color: #000; padding-left: 31px; padding-top: 7px;}
.expert .background_image_btn a:hover{border-color: #6a767e;}
.expert .background_image_btn a.active{border-color: #6a767e;}
.expert .background_position_con{display: flex; gap: 5px;}
.expert .background_position_view_wrap{display: flex; padding: 6px; gap: 9px; border: 1px solid #d8e3ea; border-radius: 4px; flex-wrap: wrap; width: 113px; height: 109px; flex: 1 0 auto; box-sizing: border-box;}
.expert .background_position_view{display: inline-block; width: 27px; height: 26px; border-radius: 2px; cursor: pointer;}
.expert .background_position_view:hover{background-color: #eef7fc;}
.expert .background_position_view.active{background-color: #0cbbeb;}
.expert .background_position_option_wrap{display: flex; flex-direction: column; gap: 5px;}
.expert .toggle_style_0_con input[type=checkbox] { opacity: 0; position: absolute; }
.expert .toggle_style_0_con input[type=checkbox] + label { position: relative; box-sizing: border-box; display: inline-block; transition: 0.4s ease; height: 23px; width: 50px; border: 1px solid #d8e3ea; background-color: #fff; border-radius: 60px; cursor: pointer; }
.expert .toggle_style_0_con input[type=checkbox]:checked + label { background: #3f87f5; border-color: #3f87f5; }
.expert .toggle_style_0_con input[type=checkbox] + label::before { content: ""; position: absolute; display: block; transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); height: 23px; width: 50px; top: 0; left: 0; border-radius: 30px; }
.expert .toggle_style_0_con input[type=checkbox]:checked + label::before { transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);}
.expert .toggle_style_0_con input[type=checkbox] + label::after { content: ""; position: absolute; display: block; box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2); transition: 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86); background: #d8e3ea; height: 14px; width: 14px; top: 3px; left: 4px; border-radius: 60px; }
.expert .toggle_style_0_con input[type=checkbox]:checked + label::after { left: 29px; background: #fff;}
.expert .info_popup_wrap .info_popup_icon{ display: inline-block; width: 13px; height: 13px; border-radius: 50%; border: 1px solid #dce6ec; cursor: pointer;  background: none; position: relative;}
.expert .info_popup_wrap .info_popup_icon::before{content: '?'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -52%); font-size: 10px; font-size: 1rem; line-height: 16px; line-height: 1.6rem; color: #000; font-weight: 500;}
.expert .info_popup_wrap .info_popup_icon.info_popup_alignment_icon_detail::before{position: absolute !important; left:50% !important;}

.expert .info_popup_wrap .info_popup_icon.info_popup_alignment_icon_detail{ display: inline-block; width: 13px; height: 13px; border-radius: 50%; border: 1px solid #dce6ec; cursor: pointer;  background: none; position: relative;}
.expert .info_popup_wrap .info_popup_icon.info_popup_alignment_icon_detail::before{content: '?'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -52%); font-size: 10px; font-size: 1rem; line-height: 16px; line-height: 1.6rem; color: #000; font-weight: 500;}
.expert .info_popup_wrap .info_popup_icon.info_popup_alignment_icon_detail::before{position: absolute !important; left:50% !important;}

.expert .info_popup_wrap .info_popup_icon.info_popup_alignment_icon_detail_detail::before{position: absolute !important; left:50% !important;}

.expert .info_popup_wrap .info_popup_icon.info_popup_alignment_icon_detail_detail{ display: inline-block; width: 13px; height: 13px; border-radius: 50%; border: 1px solid #dce6ec; cursor: pointer;  background: none; position: relative;}
.expert .info_popup_wrap .info_popup_icon.info_popup_alignment_icon_detail_detail::before{content: '?'; position: absolute; top: 50%; left: 50%; transform: translate(-46%, -52%); font-size: 10px; font-size: 1rem; line-height: 16px; line-height: 1.6rem; color: #000; font-weight: 500;}
.expert .info_popup_wrap .info_popup_icon.info_popup_alignment_icon_detail_detail::before{position: absolute !important; left:50% !important;}

.expert .info_popup_wrap .info_popup_icon.info_popup_alignment_icon_detail_new::before{position: absolute !important; left:50% !important;}

.expert .info_popup_wrap .info_popup_icon.info_popup_alignment_icon_detail_new{ display: inline-block; width: 13px; height: 13px; border-radius: 50%; border: 1px solid #dce6ec; cursor: pointer;  background: none; position: relative;}
.expert .info_popup_wrap .info_popup_icon.info_popup_alignment_icon_detail_new::before{content: '?'; position: absolute; top: 50%; left: 50%; transform: translate(-71%, -52%); font-size: 10px; font-size: 1rem; line-height: 16px; line-height: 1.6rem; color: #000; font-weight: 500;}
.expert .info_popup_wrap .info_popup_icon.info_popup_alignment_icon_detail_new::before{position: absolute !important; left:50% !important;}



.info_popup_alignment_icon{display: inline-block; width: 13px; height: 13px; border-radius: 50%; border: 1px solid #dce6ec; cursor: pointer;  background: none; position: relative;}
.info_popup_alignment_icon::before{ top: 54% !important; left:34% !important;}
.expert .info_popup_wrap .info_popup_con{display: none; position: absolute; z-index: 1; left: -37px; top:13px; padding-top: 10px; box-sizing: border-box;}
.expert .info_popup_wrap:hover .info_popup_con { display: block; }
.expert .info_popup_wrap .info_popup_con::after{content: ''; position: absolute; top:6px; left:41px; width: 8px; height: 8px; background-color: #fff; border-top:1px solid #b1bfd3; border-left:1px solid #b1bfd3; transform: rotate(45deg); box-sizing: border-box;}
.expert .info_popup_wrap .info_popup_con.parallax::after{left: 214px;}
.expert .info_popup_wrap .info_popup_inner{width: 324px; background-color: #fff; border:1px solid #b1bfd3;}
.expert .info_popup_wrap .info_popup_inner .info_title{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; color:#ff7e00; padding:11px 20px; border-bottom:1px solid #e4ebf5; box-sizing: border-box;}
.expert .info_popup_wrap .info_popup_inner .info_desc{font-size:12px; font-size:1.2rem; line-height:23px; line-height:2.3rem; color:#707f96; padding:13px 20px 14px 32px; box-sizing: border-box;}
.expert .info_popup_wrap .info_popup_inner .info_desc > div::before {
    content: "–";
    color: inherit;
    position: absolute;
    left: 22px;
  }
.info_popup_alignment_inner{background-color: #fff; border:1px solid #b1bfd3;}
.info_popup_alignment_inner .info_title{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; color:#ff7e00; padding:11px 20px; border-bottom:1px solid #e4ebf5; box-sizing: border-box;}
.info_popup_alignment_inner .info_desc{font-size:12px; font-size:1.2rem; line-height:23px; line-height:2.3rem; color:#707f96; padding:13px 20px 14px 20px; box-sizing: border-box;}
.info_popup_alignment_con::after{left:67px !important;}
.info_popup_size_con::after{left:36px !important;}
.info_popup_space_con::after{left:55px !important;}
.info_popup_border_con::after{left:48px !important;}
.info_popup_link_con::after{left:38px !important;}
.expert .option_textarea_style_0{border-radius: 4px; border: 1px solid #d8e3ea; width: 100%; height: 100px; color: #000; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 600; padding-top: 8px;}
.expert .option_textarea_style_0.w100{ width: 100%; }
.expert .option_textarea_style_0:hover{border-color: #6a767e;}
.expert .option_textarea_style_0:focus-visible{outline: none; border-color: #6a767e;}
.expert .sideContentWrap .toolset{margin-top: 0;}
.expert .sideContentWrap .toolset .tool_separation{margin-top: 0;}
.expert .sideContentWrap .toolset .tool_separation .tool_separation_inner{border: 1px solid #d8e3ea; border-radius: 4px; margin-left: 0; width: 95px; padding: 3px 6px 3px 7px;}
.expert .sideContentWrap .align_container .toolset .tool_separation .tool_separation_inner{border: none; width: auto; padding: 0;}
.expert .sideContentWrap .option_control_btn_con .option_control_btn{border-left: none; background: none; position: relative; height: 16px; width: 24px; transition: all 0.1s linear;}
.expert .sideContentWrap .option_control_btn_con .option_control_btn:hover{background-color: #e7eef0;}
.expert .sideContentWrap .option_control_btn_con .option_control_btn.top{border-bottom: none;}
.expert .sideContentWrap .option_control_btn_con .option_control_btn.top::before{content: ''; position: absolute; border-bottom: 4px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; left: 8px; top: 5px;}
.expert .sideContentWrap .option_control_btn_con .option_control_btn.bottom::before{content: ''; position: absolute; border-top: 4px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; left: 8px; bottom: 5px;}
.expert .sideContentWrap .toolset .tool_btn .label_con .label{color: #000; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 500;}
.expert .toolset_wrap.toolset_svg .tool_btn{width: calc(50% - 3px); height: auto; border-radius: 4px;}
.expert .toolset_wrap.toolset_svg .tool_btn.active{border-color: black; background-color: #f5fafd;}
.expert .toolset_top_con .tool_btn .label_con{padding-left: 7px; padding-right: 6px;}
.expert #toolImageContent .label_con:not(.type_2) .label{padding: 8px 0;}
.expert .block_keys_con{ width: 305px; overflow: auto; max-height: calc(100% - 40px); }
.expert .section {margin-bottom: 20px;}
.expert .keys_option {font-weight:  700; margin-top: 15px; margin-bottom: 12px;}
.expert .shortcut_table {width: 100%; padding: 20px; margin-top: 8px; margin-bottom: 8px;}
.expert .com_table{border-collapse: collapse; border: 1px solid #d8e3ea; border-radius: 5px;}
.expert .com_table > .shortcut_table{ height: 455px;}
.expert .edit_table{border-radius: 5px; border-collapse: collapse; border: 1px solid #d8e3ea;}
.expert .shortcut_table td { padding: 5px; vertical-align: middle; height: 40px; box-sizing: border-box; word-break: keep-all; line-height: 14px; }
.expert .shortcut_table td:first-child { width: 105px; padding-left: 20px; font-size: 11px; font-weight: 400;}
.expert .key { border: 1px solid #d8e3ea; border-radius: 4px; padding: 5px 8px; font-size: 11px; font-weight: 700;}
.expert .key:last-child { margin-right: 0;}
.expert .plus{ color: #d8e3ea;}
#exposureTableMenu {width: 271px; right: 0; top: 49px; border-top: none; height: 100%; z-index: 10004; background-color: #fff; border-left: 1px solid #95b0c3;}
#exposureLineMenu {width: 271px; right: 0; top: 49px; border-top: none; height: 100%; z-index: 10004; background-color: #fff; border-left: 1px solid #95b0c3;}
#exposureSvgMenu {width: 271px; right: 0; top: 49px; border-top: none; height: 100%; z-index: 10004; background-color: #fff; border-left: 1px solid #95b0c3;}
#exposureVideoMenu {width: 271px; right: 0; top: 49px; border-top: none; height: 100%; z-index: 10004; background-color: #fff; border-left: 1px solid #95b0c3;}
#exposureMapMenu {width: 271px; right: 0; top: 49px; border-top: none; height: 100%; z-index: 10004; background-color: #fff; border-left: 1px solid #95b0c3;}
#exposureImageMenu {width: 271px; right: 0; top: 49px; border-top: none; height: 100%; z-index: 10004; background-color: #fff; border-left: 1px solid #95b0c3;}
#exposureToolBoardMenu {width: 271px; right: 0; top: 49px; border-top: none; height: 100%; z-index: 10004; background-color: #fff; border-left: 1px solid #95b0c3;}
#exposureImageMenu.closed {right: -500px;}
#exposureMapMenu.closed {right: -500px;}
#exposureVideoMenu.closed {right: -500px;}
#exposureSvgMenu.closed {right: -500px;}
#exposureTableMenu.closed {right: -500px;}
#exposureLineMenu.closed {right: -500px;}
#exposureToolBoardMenu.closed {right: -500px;}
.svg_tool_form{font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 500; width: 100%; flex: 1 1 auto; text-align: right; border-radius: 4px; border: 1px solid #d8e3ea; padding: 7px 9px; cursor: pointer; background-repeat: no-repeat;}
.svg_tool_form:hover{border-color: #000;}
.svg_tool_form:hover{border-color: #000;}
#svg_horizontal_btn.svg_tool_form{background-image: url("../img/expert_list/list_tool_flip_horizon.png"); background-size: 13px; background-position: 8px 10px;}
#svg_vertical_btn.svg_tool_form{background-image: url("../img/expert_list/list_tool_flip_vertical.png"); background-size: 11px; background-position: 8px 10px;}
#svg_left_btn.svg_tool_form{background-image: url("../img/expert_list/list_tool_rotate_left.png"); background-size: 13px; background-position: 8px 9px;}
#svg_right_btn.svg_tool_form{background-image: url("../img/expert_list/list_tool_rotate_right.png"); background-size: 13px; background-position: 8px 9px;}
.svg_preview_con{display: flex; align-items: center;
    justify-content: center; width: 100%; height: 150px; box-sizing: border-box; border-radius: 4px; border: 1px solid #d8e3ea; margin-bottom: 10px; background-image: url("/weven_service/asset/img/png_file_bg.png"); background-size: 16px; background-position: center center; background-repeat: repeat; }

.expert .video_insert_desc{font-size: 10px; font-size: 1rem; line-height: 17px; line-height: 1.7rem; font-weight: 400; letter-spacing: -0.02em; margin-top: 8px; margin-bottom: -4px;}
.expert .motion_template{flex-direction: column; gap: 5px;}

/* 이미지 삽입 */
.expert .option_input_style_0.has_bgi{padding-left: 25px;  background-position: left 6px center; background-repeat: no-repeat; background-size: 9px;}
.expert .option_input_style_0.grid_row_gap{background-image: url("../img/expert_tool/tool_grid_row_gap.png"); background-size: 10px 14px;}
.expert .option_input_style_0.grid_column_gap{background-image: url("../img/expert_tool/tool_grid_column_gap.png"); background-size: 14px 11px;}
.expert .option_input_style_0.padding_top_bottom{background-image: url("../img/expert_tool/tool_padding_top_bottom.png");}
.expert .option_input_style_0.padding_left_right{background-image: url("../img/expert_tool/tool_padding_left_right.png"); background-size: 13px;}
.expert .option_input_style_0.padding_top{background-image: url("../img/expert_tool/tool_padding_top.png");}
.expert .option_input_style_0.padding_left{background-image: url("../img/expert_tool/tool_padding_left.png"); background-size: 13px;}
.expert .option_input_style_0.padding_right{background-image: url("../img/expert_tool/tool_padding_right.png"); background-size: 13px;}
.expert .option_input_style_0.padding_bottom{background-image: url("../img/expert_tool/tool_padding_bottom.png");}
.expert .option_input_style_0.margin_top_bottom{background-image: url("../img/expert_tool/tool_margin_top_bottom.png");}
.expert .option_input_style_0.margin_left_right{background-image: url("../img/expert_tool/tool_margin_left_right.png"); background-size: 15px;}
.expert .option_input_style_0.margin_top{background-image: url("../img/expert_tool/tool_margin_top.png"); background-position: left 6px top 8px;}
.expert .option_input_style_0.margin_left{background-image: url("../img/expert_tool/tool_margin_left.png"); background-size: 11px; background-position: left 8px center;}
.expert .option_input_style_0.margin_right{background-image: url("../img/expert_tool/tool_margin_right.png"); background-size: 11px; background-position: left 8px center;}
.expert .option_input_style_0.margin_bottom{background-image: url("../img/expert_tool/tool_margin_bottom.png");  background-position: left 6px top 8px;}
.expert .option_input_style_0.position_top{background-image: url("../img/expert_tool/tool_background_position_top.png");background-size: 11px; background-position: left 8px center;}
.expert .option_input_style_0.position_left{background-image: url("../img/expert_tool/tool_background_position_left.png");background-size: 11px; background-position: left 8px center;}
.expert .option_input_style_0.font_size{background-image: url("../img/expert_tool/tool_font_size.png"); background-size: 9px;}
.expert .option_input_style_0.word_spacing{background-image: url("../img/expert_tool/tool_font_wordspacing.png"); background-size: 15px;}
.expert .option_input_style_0.letter_spacing{background-image: url("../img/expert_tool/tool_font_letterspacing.png"); background-size: 9px; }
.expert .option_input_style_0.line_height{background-image: url("../img/expert_tool/tool_font_lineheight.png"); background-size: 5px; background-position: left 8px center;}
.expert .option_input_style_0.pos_x{background-image: url("../img/expert_tool/tool_position_x.png"); background-size: 7px; background-position: left 9px top 11px;}
.expert .option_input_style_0.pos_y{background-image: url("../img/expert_tool/tool_position_y.png"); background-size: 7px; background-position: left 9px top 11px;}
.expert .option_input_style_0.top_line{background-image: url("../img/expert_tool/tool_border_top_line.png");}
.expert .option_input_style_0.bottom_line{background-image: url("../img/expert_tool/tool_border_bottom_line.png");}
.expert .option_input_style_0.left_line{background-image: url("../img/expert_tool/tool_border_left_line.png");}
.expert .option_input_style_0.right_line{background-image: url("../img/expert_tool/tool_border_right_line.png");}
.expert .option_input_style_0.top_left_radius{background-image: url("../img/expert_tool/tool_border_topleft_radius.png");}
.expert .option_input_style_0.top_right_radius{background-image: url("../img/expert_tool/tool_border_topright_radius.png");}
.expert .option_input_style_0.bottom_left_radius{background-image: url("../img/expert_tool/tool_border_bottomleft_radius.png");}
.expert .option_input_style_0.bottom_right_radius{background-image: url("../img/expert_tool/tool_border_bottomright_radius.png");}

.expert .background_image_btn a{background-size: 11px; background-position: left 10px center; background-repeat: no-repeat;}
.expert .background_image_btn.insert_btn a{background-image: url("../img/expert_tool/tool_background_insert.png");}
.expert .background_image_btn.delete_btn a{background-image: url("../img/expert_tool/tool_background_delete.png"); background-size: 13px;}
.expert .background_image_btn.repeat_btn a{background-image: url("../img/expert_tool/tool_background_repeat.png"); background-size: 13px;}
.expert .background_image_btn.parallax_btn a{background-image: url("../img/expert_tool/tool_background_parallax.png");}

#backgroundCon .select_style_00_wrap .select_style_0 > li[data-value='auto'] > a{background-image: url("../img/expert_tool/tool_background_size_auto.png"); background-size: 11px; background-position: left 10px center; background-repeat: no-repeat;}
#backgroundCon .select_style_00_wrap .select_style_0 > li[data-value='cover'] > a{background-image: url("../img/expert_tool/tool_background_size_cover.png"); background-size: 11px; background-position: left 10px center; background-repeat: no-repeat;}
#backgroundCon .select_style_00_wrap .select_style_0 > li[data-value='contain'] > a{background-image: url("../img/expert_tool/tool_background_size_contain.png"); background-size: 11px; background-position: left 10px center; background-repeat: no-repeat;}
#backgroundCon .select_style_00_wrap .select_style_0 > li[data-value='fill'] > a{background-image: url("../img/expert_tool/tool_background_size_fill.png"); background-size: 11px; background-position: left 10px center; background-repeat: no-repeat;}
#backgroundCon .select_style_00_wrap .selected_item.has_bgi{padding-left: 31px;}
#backgroundCon .select_style_00_wrap .selected_item.auto{background-image: url("../img/expert_tool/tool_background_size_auto.png"); background-size: 11px; background-position: left 10px center; background-repeat: no-repeat;}
#backgroundCon .select_style_00_wrap .selected_item.cover{background-image: url("../img/expert_tool/tool_background_size_cover.png"); background-size: 11px; background-position: left 10px center; background-repeat: no-repeat;}
#backgroundCon .select_style_00_wrap .selected_item.contain{background-image: url("../img/expert_tool/tool_background_size_contain.png"); background-size: 11px; background-position: left 10px center; background-repeat: no-repeat;}
#backgroundCon .select_style_00_wrap .selected_item.fill{background-image: url("../img/expert_tool/tool_background_size_fill.png"); background-size: 11px; background-position: left 10px center; background-repeat: no-repeat;}
.selected_item_con .selected_item::after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 101px;}
.selected_item_con .selected_item.solid::after{border-bottom: 2px solid #000;}
.selected_item_con .selected_item.dotted::after{border-bottom: 2px dotted #000;}
.selected_item_con .selected_item.dashed::after{border-bottom: 2px dashed #000;}

.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.none_btn a{background-image: url("../img/tool/color_missing_default_0.png");}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.none_btn a:hover{background-image: url("../img/tool/color_missing_focus_0.png");}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.none_btn.active a{background-image: url("../img/tool/color_missing_focus_0.png");}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.fill_color_btn a{background-image: url("../img/tool/fill_color_btn.svg");}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.fill_color_btn a:hover{background-image: url("../img/expert_tool/tool_background_fill_color_h.png");}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.fill_color_btn.active a{background-image: url("../img/expert_tool/tool_background_fill_color_h.png");}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.gradieant_btn a{background-image: url("../img/tool/gradieant_btn.svg");}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.gradieant_btn a:hover{background-image: url("../img/expert_tool/tool_background_gradieat_h.png");}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.gradieant_btn.active a{background-image: url("../img/expert_tool/tool_background_gradieat_h.png");}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.point_color_btn a{background-image: url("../img/tool/point_color_btn.svg");}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.point_color_btn a:hover{background-image: url("../img/expert_tool/tool_background_point_color_h.png");}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.point_color_btn.active a{background-image: url("../img/expert_tool/tool_background_point_color_h.png");}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.background_btn a{background-image: url("../img/tool/background_btn.svg");}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.background_btn a:hover{background-image: url("../img/expert_tool/tool_background_img_h.png");}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.background_btn.active a{background-image: url("../img/expert_tool/tool_background_img_h.png");}

.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.underline_btn a{background-image: url("../img/tool/underline_btn.png");}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.cancelline_btn a{background-image: url("../img/tool/cancelline_btn.png");}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.italic_btn a{background-image: url("../img/tool/italic_btn.png"); background-size: 5px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.bold_btn a{background-image: url("../img/tool/bold_btn.png"); background-size: 7px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.text_align_left_btn a{background-image: url("../img/tool/text_align_left.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.text_align_center_btn a{background-image: url("../img/tool/text_align_center.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.text_align_right_btn a{background-image: url("../img/tool/text_align_right.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.text_align_balance_btn a{background-image: url("../img/tool/text_align_balance.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.setting_square a{background-image: url("../img/expert_list/setting_square.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.setting_horizon a{background-image: url("../img/expert_list/setting_horizon.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.setting_vertical a{background-image: url("../img/expert_list/setting_vertical.png"); background-size: 7px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.cell_merge_btn a{background-image: url("../img/expert_list/tool_table_cell_merge.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.cell_balance_btn a{background-image: url("../img/expert_list/tool_table_balance_width.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.row_delete_btn a{background-image: url("../img/expert_list/tool_table_row_delete.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.column_delete_btn a{background-image: url("../img/expert_list/tool_table_column_delete.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.add_row_top_btn a{background-image: url("../img/expert_list/tool_table_add_row_top.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.add_row_bottom_btn a{background-image: url("../img/expert_list/tool_table_add_row_bottom.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.add_column_left_btn a{background-image: url("../img/expert_list/tool_table_add_column_left.png"); background-size: 11px;}

.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.add_column_right_btn a{background-image: url("../img/expert_list/tool_table_add_column_right.png"); background-size: 11px;}

.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.table_border_all a{background-image: url("../img/expert_list/tool_table_border_all.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.table_border_inner_all a{background-image: url("../img/expert_list/tool_table_border_inner_all.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.table_border_inner_row a{background-image: url("../img/expert_list/tool_table_border_row.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.table_border_inner_col a{background-image: url("../img/expert_list/tool_table_border_column.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.table_border_outer_all a{background-image: url("../img/expert_list/tool_table_border_outer_all.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.table_border_none a{background-image: url("../img/expert_list/tool_table_border_none.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.table_border_top a{background-image: url("../img/expert_list/tool_table_border_top.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.table_border_right a{background-image: url("../img/expert_list/tool_table_border_right.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.table_border_bottom a{background-image: url("../img/expert_list/tool_table_border_bottom.png"); background-size: 11px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box.table_border_left a{background-image: url("../img/expert_list/tool_table_border_left.png"); background-size: 11px;}

.expert .input_layer_con .layer_list a{background-size: 21px; background-position: center center; background-repeat: no-repeat;}
.expert .option_input_style_0.motion_input.fade-up{background-size: 21px; background-image: url("../img/expert_tool/tool_motion_fade_up.png");}
.expert .option_input_style_0.motion_input.fade-down{background-size: 21px; background-image: url("../img/expert_tool/tool_motion_fade_down.png");}
.expert .option_input_style_0.motion_input.fade-right{background-size: 21px; background-image: url("../img/expert_tool/tool_motion_fade_right.png");}
.expert .option_input_style_0.motion_input.fade-left{background-size: 21px; background-image: url("../img/expert_tool/tool_motion_fade_left.png");}
.expert .option_input_style_0.motion_input.slide-up{background-size: 21px; background-image: url("../img/expert_tool/tool_motion_slide_up.png");}
.expert .option_input_style_0.motion_input.slide-down{background-size: 21px; background-image: url("../img/expert_tool/tool_motion_slide_down.png");}
.expert .option_input_style_0.motion_input.slide-right{background-size: 21px; background-image: url("../img/expert_tool/tool_motion_slide_right.png");}
.expert .option_input_style_0.motion_input.slide-left{background-size: 21px; background-image: url("../img/expert_tool/tool_motion_slide_left.png");}
.expert .option_input_style_0.motion_input.zoom-in{background-size: 21px; background-image: url("../img/expert_tool/tool_motion_zoom_in.png");}
.expert .option_input_style_0.motion_input.zoom-out{background-size: 21px; background-image: url("../img/expert_tool/tool_motion_zoom_out.png");}
.expert .input_layer_con .layer_list.Fadeup a{background-image: url("../img/expert_tool/tool_motion_fade_up.png");}
.expert .input_layer_con .layer_list.Fadedown a{background-image: url("../img/expert_tool/tool_motion_fade_down.png");}
.expert .input_layer_con .layer_list.Faderight a{background-image: url("../img/expert_tool/tool_motion_fade_right.png");}
.expert .input_layer_con .layer_list.Fadeleft a{background-image: url("../img/expert_tool/tool_motion_fade_left.png");}
.expert .input_layer_con .layer_list.Slideup a{background-image: url("../img/expert_tool/tool_motion_slide_up.png");}
.expert .input_layer_con .layer_list.Slidedown a{background-image: url("../img/expert_tool/tool_motion_slide_down.png");}
.expert .input_layer_con .layer_list.Slideright a{background-image: url("../img/expert_tool/tool_motion_slide_right.png");}
.expert .input_layer_con .layer_list.Slideleft a{background-image: url("../img/expert_tool/tool_motion_slide_left.png");}
.expert .input_layer_con .layer_list.Zoomin a{background-image: url("../img/expert_tool/tool_motion_zoom_in.png");}
.expert .input_layer_con .layer_list.Zoomout a{background-image: url("../img/expert_tool/tool_motion_zoom_out.png");}


/* 4칸짜리 탭박스 */
/* 큰탭 */
.expert .tool_form_style_0_con .tool_tab_box_con{width: 233px; height: 33px; border-radius: 4px; border: 1px solid #d8e3ea; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box;}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box{display: inline-block; width: 25%; flex-grow: 1;}
.expert .tool_form_style_0_con .tool_tab_box_con.type_2 .tool_tab_box{width: 33.33%;}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box a{display: inline-block; width: 100%; height: 33px; border-radius: 4px; background-repeat: no-repeat; background-position: center center; background-size: 11px; box-sizing: border-box; transition: none;}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box a:hover{background-color: #f5fafd; border: 1px solid #3782f4;}
.expert .tool_form_style_0_con .tool_tab_box_con .tool_tab_box.active a{background-color: #f5fafd; border: 1px solid #3782f4;}
.expert .tool_form_style_0_con .tool_tab_box{height: auto;}
/* 작은탭 */
.expert .tool_form_style_0_con .tool_tab_box_con_small{width: 133px; height: 33px; border-radius: 4px; border: 1px solid #d8e3ea; display: flex; align-items: center; justify-content: space-between; padding: 2px; box-sizing: border-box;}
.expert .tool_form_style_0_con .tool_tab_box_con_small.w100{width: 100%; gap: 2px;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box a{display: inline-block; width: 25px; height: 25px; border-radius: 3px; background-repeat: no-repeat; background-position: center center; background-size: 9px; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; font-weight: 500; display: flex; align-items: center; justify-content: center;}
.expert .tool_form_style_0_con .tool_tab_box_con_small.text_con .tool_tab_box a{width: unset;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box a:hover{background-color: #dee7ea;}
.expert .tool_form_style_0_con .tool_tab_box_con_small .tool_tab_box a.active{background-color: #dee7ea;}
.expert #gridSettingMenu .tool_form_style_0_con .tool_tab_box_con_small.w100{flex-wrap: wrap; height: auto;}
.expert #gridSettingMenu .tool_form_style_0_con .tool_tab_box{height: auto; width: calc(25% - 4px);}
.expert #gridSettingMenu .tool_form_style_0_con #gridMobileColumnSet .tool_tab_box{height: auto; width: calc(33.33% - 4px);}




/* 전문가에디터 컬러 프리셋 */
/* .expert .tool_form_style_0_con .black_color_container .color_container_list:nth-child(1) > a{background-color: #000;} */
/* .expert .tool_form_style_0_con .black_color_container .color_container_list:nth-child(2) > a{background-color: #434343;} */
/* .expert .tool_form_style_0_con .black_color_container .color_container_list:nth-child(3) > a{background-color: #666666;} */
/* .expert .tool_form_style_0_con .black_color_container .color_container_list:nth-child(4) > a{background-color: #999999;} */
/* .expert .tool_form_style_0_con .black_color_container .color_container_list:nth-child(5) > a{background-color: #b7b7b7;} */
/* .expert .tool_form_style_0_con .black_color_container .color_container_list:nth-child(6) > a{background-color: #cccccc;} */
/* .expert .tool_form_style_0_con .black_color_container .color_container_list:nth-child(7) > a{background-color: #d9d9d9;} */
/* .expert .tool_form_style_0_con .black_color_container .color_container_list:nth-child(8) > a{background-color: #efefef;} */
/* .expert .tool_form_style_0_con .black_color_container .color_container_list:nth-child(9) > a{background-color: #f3f3f3;} */
/* .expert .tool_form_style_0_con .black_color_container .color_container_list:nth-child(10) > a{background-color: #fff;} */
/* .expert .tool_form_style_0_con .preset_color_container .color_container_list:nth-child(1) > a{background-color: #980000;} */
/* .expert .tool_form_style_0_con .preset_color_container .color_container_list:nth-child(2) > a{background-color: #ff0000;} */
/* .expert .tool_form_style_0_con .preset_color_container .color_container_list:nth-child(3) > a{background-color: #ff9900;} */
/* .expert .tool_form_style_0_con .preset_color_container .color_container_list:nth-child(4) > a{background-color: #ffff00;} */
/* .expert .tool_form_style_0_con .preset_color_container .color_container_list:nth-child(5) > a{background-color: #00ff00;} */
/* .expert .tool_form_style_0_con .preset_color_container .color_container_list:nth-child(6) > a{background-color: #00ffff;} */
/* .expert .tool_form_style_0_con .preset_color_container .color_container_list:nth-child(7) > a{background-color: #4a86e8;} */
/* .expert .tool_form_style_0_con .preset_color_container .color_container_list:nth-child(8) > a{background-color: #0000ff;} */
/* .expert .tool_form_style_0_con .preset_color_container .color_container_list:nth-child(9) > a{background-color: #9900ff;} */
/* .expert .tool_form_style_0_con .preset_color_container .color_container_list:nth-child(10) > a{background-color: #ff00ff;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(1) > a{background-color: #e6b8af;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(2) > a{background-color: #f4cccc;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(3) > a{background-color: #fce5cd;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(4) > a{background-color: #fff2cc;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(5) > a{background-color: #d9ead3;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(6) > a{background-color: #d0e0e3;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(7) > a{background-color: #c9daf8;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(8) > a{background-color: #cfe2f3;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(9) > a{background-color: #d9d2e9;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(10) > a{background-color: #ead1dc;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(11) > a{background-color: #dd7e6b;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(12) > a{background-color: #ea9999;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(13) > a{background-color: #f9cb9c;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(14) > a{background-color: #ffe599;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(15) > a{background-color: #b6d7a8;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(16) > a{background-color: #a2c4c9;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(17) > a{background-color: #a4c2f4;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(18) > a{background-color: #9fc5e8;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(19) > a{background-color: #b4a7d6;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(20) > a{background-color: #d5a6bd;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(21) > a{background-color: #cc4125;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(22) > a{background-color: #e06666;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(23) > a{background-color: #f6b26b;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(24) > a{background-color: #ffd966;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(25) > a{background-color: #93c47d;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(26) > a{background-color: #76a5af;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(27) > a{background-color: #6d9eeb;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(28) > a{background-color: #6fa8dc;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(29) > a{background-color: #8e7cc3;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(30) > a{background-color: #c27ba0;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(31) > a{background-color: #a61c00;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(32) > a{background-color: #cc0000;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(33) > a{background-color: #e69138;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(34) > a{background-color: #f1c232;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(35) > a{background-color: #6aa84f;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(36) > a{background-color: #45818e;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(37) > a{background-color: #3c78d8;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(38) > a{background-color: #3d85c6;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(39) > a{background-color: #674ea7;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(40) > a{background-color: #a64d79;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(41) > a{background-color: #85200c;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(42) > a{background-color: #990000;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(43) > a{background-color: #b45f06;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(44) > a{background-color: #bf9000;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(45) > a{background-color: #38761d;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(46) > a{background-color: #134f5c;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(47) > a{background-color: #1155cc;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(48) > a{background-color: #0b5394;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(49) > a{background-color: #351c75;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(50) > a{background-color: #741b47;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(51) > a{background-color: #5b0f00;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(52) > a{background-color: #660000;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(53) > a{background-color: #783f04;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(54) > a{background-color: #7f6000;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(55) > a{background-color: #274e13;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(56) > a{background-color: #0c343d;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(57) > a{background-color: #1c4587;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(58) > a{background-color: #073763;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(59) > a{background-color: #20124d;} */
/* .expert .tool_form_style_0_con .preset_opacity_color_container .color_container_list:nth-child(60) > a{background-color: #4c1130;} */




/* 전문가 에디터 placeholder 색상 통일 - #000 */
.expert .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0::-webkit-input-placeholder{color: #ccdae2; font-weight: 500;}
.expert .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0::-moz-placeholder{color: #ccdae2; font-weight: 500;}
.expert .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0:-moz-placeholder{color: #ccdae2; font-weight: 500;}
.expert .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0:-ms-input-placeholder{color: #ccdae2; font-weight: 500;}
.expert .tool_form_style_0_con .tool_form_style_0_content .option_textarea_style_0::-webkit-input-placeholder{color: #ccdae2; font-weight: 500;}
.expert .tool_form_style_0_con .tool_form_style_0_content .option_textarea_style_0::-moz-placeholder{color: #ccdae2; font-weight: 500;}
.expert .tool_form_style_0_con .tool_form_style_0_content .option_textarea_style_0:-moz-placeholder{color: #ccdae2; font-weight: 500;}
.expert .tool_form_style_0_con .tool_form_style_0_content .option_textarea_style_0:-ms-input-placeholder{color: #ccdae2; font-weight: 500;}
.expert .option .color_code_input::-webkit-input-placeholder{color: #ccdae2; font-weight: 500;}
.expert .option .color_code_input:-ms-input-placeholder{color: #ccdae2; font-weight: 500;}
.expert .option .color_code_input:-moz-placeholder{color: #ccdae2; font-weight: 500;}
.expert .point_color_list_con .point_color_list_item .point_color_code_input::-webkit-input-placeholder{color: #ccdae2; font-weight: 500;}
.expert .point_color_list_con .point_color_list_item .point_color_code_input:-ms-input-placeholder{color: #ccdae2; font-weight: 500;}
.expert .point_color_list_con .point_color_list_item .point_color_code_input:-moz-placeholder{color: #ccdae2; font-weight: 500;}
.expert .color_input_wrap .color_input_box .color_input::-webkit-input-placeholder{color: #ccdae2; font-weight: 500;}
.expert .color_input_wrap .color_input_box .color_input:-ms-input-placeholder{color: #ccdae2; font-weight: 500;}
.expert .color_input_wrap .color_input_box .color_input:-moz-placeholder{color: #ccdae2; font-weight: 500;}
.expert .gradation_color_list_con .gradation_color_list_item .point_color_code_input::-webkit-input-placeholder{color: #ccdae2; font-weight: 500;}
.expert .gradation_color_list_con .gradation_color_list_item .point_color_code_input:-ms-input-placeholder{color: #ccdae2; font-weight: 500;}
.expert .gradation_color_list_con .gradation_color_list_item .point_color_code_input:-moz-placeholder{color: #ccdae2; font-weight: 500;}
.expert .tool_btn.tool_dom_animation .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0:-moz-placeholder{color: #ccdae2; font-weight: 500;}
.expert .tool_btn.tool_dom_animation .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0:-ms-input-placeholder{color: #ccdae2; font-weight: 500;}
.expert .tool_btn.tool_dom_animation .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0::-moz-placeholder{color: #ccdae2; font-weight: 500;}
.expert .tool_btn.tool_dom_animation .tool_form_style_0_con .tool_form_style_0_content .option_input_style_0::-webkit-input-placeholder{color: #ccdae2; font-weight: 500;}
.expert .option_input_style_0::placeholder{color: #ccdae2; font-weight: 500;}


/* 게시판 등록 페이지 내부의 에디터 */
[data-wv-default-field="editor"] .toolset_wrap{ border-color: #ecf0f2 !important; background-color: #fcfdff; border-top-left-radius: 8px; border-top-right-radius: 8px; }
[data-wv-default-field="editor"] .toolset_top_con{ background-color: transparent; flex-wrap: wrap; }
[data-wv-default-field="editor"] .toolset_bottom_con{ border-top: 1px solid #ecf0f2; }
[data-wv-default-field="editor"] .toolset{ background-color: transparent; }
[data-wv-default-field="editor"] .toolset [data-wv-toolset="ToolTextLink"]{ padding-right: 10px; }
[data-wv-default-field="editor"] .toolset .tool_separation{ margin-bottom: -1px; }
[data-wv-default-field="editor"] .toolset .tool_separation [data-wv-tool-btn="ToolBtnSource"]{ padding-top: 4px; padding-left: 10px; }
[data-wv-default-field="editor"] .toolset .tool_separation [data-wv-tool-btn="ToolBtnSource"] .label{ padding-left: 5px; display: block !important; }
[data-wv-default-field="editor"] .toolset .tool_separation [data-wv-tool-btn="ToolBtnTextVideo"] .label_img{ margin: 0 !important; }
[data-wv-default-field="editor"] .toolset .tool_separation [data-wv-tool-btn="ToolBtnTextVideo"] .label{ display: none !important; }
[data-wv-default-field="editor"] .option_con[data-wv-tool-option="ToolOpTextVideo"]{ left: unset !important; right: -1px; }
[data-wv-default-field="editor"] .editor_wrapper{ border-color: #ecf0f2; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }


/* 로컬스타일 */
.local_style_hover {border-radius:4px; cursor: pointer;}
.local_style_hover:hover {background-color: #dee7ea!important;}
.local_style_btn_hover {    text-align: center;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #3782f4;
    color: #3782f4;
    background-color: #f5fafd;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 17px;
    line-height: 1.7rem;
    font-weight: 600;
    padding: 7px 16px;
    cursor: pointer;     user-select: none; transition: all 0.1s linear;}
.local_style_btn_hover:hover {    color: #f5fafd;background-color: #3782f4;}

@media all and (min-width: 768px){
    .image_toolset_wrap .tool_form_style_0_con.type_2{display: block;}
}

@media all and (min-width: 992px){

    .toolset_wrap.not_default_tool.toolset_table{min-width: 660px;}

    .toolset_wrap.not_default_tool .toolset .tool_btn .label_con:not(.type_2) .label{display: block;}
    .toolset_wrap.not_default_tool .toolset .tool_btn.tool_table .label_con.type_2 .label{display: block;}
    .toolset_wrap.not_default_tool .toolset .tool_btn .label_con .label_img{margin-right: 5px;}
    .toolset_wrap.not_default_tool .toolset .tool_btn[class*="table_cell_align"] .label_con .label_img{margin-right: 0;}

    /* 이미지 에디터 팝업 */
    .image_toolset_wrap .toolset{padding: 12px 18px;}
    .image_toolset_wrap .toolset .tool_btn .label_con .label_img{margin-right: 6px;}
    .image_toolset_wrap .toolset .tool_btn .label_con .label{display: inline-block;}
    .image_toolset_wrap .tool_form_style_0_con .tool_form_style_0_title{min-width: 64px; padding-right: 10px;}
    .image_toolset_wrap .tool_form_style_0_con .tool_form_style_0_title .label{display: inline-block;}

    .motion_type_wrap .motion_type_con .motion_type:hover{border-color: #b1bfd3; background-color: #edf2f9;}

    .point_color_list_con .point_color_list_item .point_checkbox_con input[type="checkbox"] ~ label:hover{color: #000000;}
    .point_color_list_con .point_color_list_item .point_checkbox_con input[type="checkbox"] ~ label:hover ~ .point_color_option_prev:after{border-color: #000000;}
}

@media all and (min-width: 1170px){
    .toolset_wrap .toolset .tool_btn .label_con:not(.type_2) .label{display: block;}
    .toolset_wrap .toolset .tool_btn.tool_table .label_con.type_2 .label{display: block;}
    /* 페이지 연결 팝업 */
    #pageLinkPopup{width: calc(100% - 200px) !important; height: calc(100% - 200px) !important;}
}

@media all and (min-width: 1400px){
    body.block_closed .toolset_wrap .toolset .tool_btn .label_con:not(.type_2) .label{display: block;}
    body.block_closed .toolset_wrap .toolset .tool_btn.tool_table .label_con.type_2 .label{display: block;}

    /* body.block_closed .toolset_wrap .toolset .tool_btn .label_con .label_img{margin-right: 5px;}
    body.block_closed .toolset .tool_btn .label_con.type_3 .label_img{margin-right: 6px;}
    body.block_closed .tool_btn[class*="table_cell_align"] .label_con .label_img{margin-right: 0;}
    body.block_closed .tool_btn[class*="video_"] .label_img{margin-right: 0;} */

}

@media all and (min-width: 1700px){
    /* 이미지 에디터 팝업 */
    .image_toolset_wrap{padding-bottom: 0;}
}
@media all and (min-width: 1800px){

    .toolset_wrap .toolset .tool_btn .label_con .label_img{margin-right: 5px;}
    .toolset .tool_btn .label_con.type_3 .label_img{margin-right: 6px;}
    .tool_btn[class*="table_cell_align"] .label_con .label_img{margin-right: 0;}
    .tool_btn[class*="video_"] .label_img{margin-right: 0;}

}


/* 스켈레톤 */
.skeleton {background-image: linear-gradient(225deg, #ffaa4a, #dae884, #a0d1eb) !important; background-size: 200% 200% !important; animation: MoveGrad 5s ease infinite; color: transparent !important;border-radius: 10px; z-index : 9; opacity: 1; transition: opacity 0.3s ease; /* animation: skeleton-loading 1.5s infinite; */}
/* .skeleton.ready {opacity: 0;} */
.colorTransparent {color: transparent !important;}

/* 배경 그라데이션 */
@keyframes MoveGrad {
    0%{background-position:0% 30%}
    50%{background-position:70% 50%}
    100%{background-position:0% 100%}
}