@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");


/* =========================================================================================================
* Reset
=========================================================================================================== */
html, body {height: 100% !important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0;/*max-height:100000px;*/font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
*, *:before, *:after {box-sizing:border-box;}
html {-webkit-text-size-adjust: none;}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0;}
fieldset{border:0 none;vertical-align:top;}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle; outline-width:0; }
button{border:0 none;background-color:transparent;cursor:pointer}
button:focus{outline: none;}
button[type=submit]{outline:none;filter:chroma(color=#000000);}
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], input[type=button], input[type=submit], textarea, button {-webkit-appearance:none; }
table{border-collapse:collapse;border-spacing:0}
input:checked[type='checkbox']{-webkit-appeArance:checkbox}
caption{visibility:hidden;overflow:hidden;width:1px;height:0;font-size:0;line-height:0;}
hr{display:none;}
legend{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;padding:0;visibility:hidden;font-size:0;line-height:0;}
th,td,p{white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}

html { width:100%; height:100%;}
body { width:100%; height:100%; background:#fff; }
img { width:auto; height:auto; max-width:100%; vertical-align:middle; border:none; outline:none; }
address {font-style:normal}
label {cursor:pointer; margin-bottom:0; display: inline-block;}
label > input {margin-right: 3px;}
label[disabled]{cursor:default;}
form {clear:both}
u { text-underline-position:under; }
body,h1,h2,h3,h4,h5,h6,th,td,input,select,textarea,button,pre{ font-size:14px; line-height:1.5; font-weight:400; color:#000; }
select { height:40px; border:1px rgba(0,0,0,0.2) solid; border:1px rgba(0,0,0,0.2) solid; background:rgba(255,255,255,0.2); }
select:focus { border:1px solid; }
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], select { box-sizing:border-box; padding:0 9px !important; height:40px !important; line-height:32px !important; color:#333; border:1px #d7dde4 solid; background:rgba(255,255,255,0.2); border-radius:3px;}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=number]:focus { outline:0; border:1px solid #d7dde4 ; }
input.warn, input.warn:focus { border:1px solid #f58800; color:#f58800; }
input[type=number] { min-width:46px; }
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { display:none; }
input[type='file']{ height:40px; }
input[type='file']::-webkit-file-upload-button { height:38px; }
input:-webkit-autofill{ transition: background-color 5000s ease-in-out 0s;-webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px white inset !important; -webkit-text-fill-color: #333 !important;}
.skyblue {color:#0066FF !important;}
.green {color:#00928d;}
.txt_naver{color:#00c63b;}
.orange{color:#f58800;}
.grayscale{filter:grayscale(1);}
.member_approve {background:#9cb1c1; color:#FFF; border:1px solid #8498af; border-radius:2px; font-size:12px; padding:1px 3px; margin-left:5px;}
.cell_lh{ line-height:33px; }
.cell_lh30{ line-height:30px; }
.colgroup_mobile{display:none;}
.colgroup_laptop{display:none;}

.scroll::-webkit-scrollbar {width: 6px;}
.scroll::-webkit-scrollbar-track {background-color: transparent;}
.scroll::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #cfcfcf;}
.scroll::-webkit-scrollbar-button {width: 0;height: 0;}
.scroll.T2::-webkit-scrollbar {width: 13px;}

.form-inline {display:block;}
textarea { padding:5px 9px; width:100%; height:200px; color:#333; border:1px solid #d7dde4; background:rgba(255,255,255,0.2); border-radius:2px !important; resize: none;}
a{ color:inherit; text-decoration:none; border:none; outline:none; }
/* a[href='#none'] { cursor:default; } */

input[readonly], input[disabled]:not([type="radio"]),
textarea[readonly], textarea[disabled], input[disabled], select[disabled]{ background-color:rgba(0,0,0,0.05) !important; cursor:default; }
input[readonly]:focus { outline:none; }

input::placeholder { color:#999; font-weight:400; }
input:-ms-input-placeholder { color:#999; font-weight:400; }
textarea::placeholder { color:#999; font-weight:400; }
textarea:-ms-input-placeholder { color:#999; font-weight:400; }

.--event > a {position: relative;}
.--event > a::after {content: 'event';font-size: 10px;font-weight: 700;background-color: #C1DCFF;color: #0066FF;font-family: Inter;border-radius: 30px;padding: 0px 8px 4px 7px;position: absolute;display: inline-block;}

/*말줄임*/
.mutil_ellipsis {width: 300px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

/* select2 custom */
.select2-container {width:100% !important; display:block; line-height: normal;}
.select2-container .select2-selection--single { border: 1px solid #ced4da !important; height: 40px !important; font-size: 13px !important; border-radius:3px 0 0 3px !important; outline: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 31px !important; }
.select2-container--open .select2-dropdown {top: -10px;}
.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice, .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice{background:#f7f7f7; border-radius:1px; border:1px solid #929292; color:#737980; padding:3px 10px; line-height:20px;}
.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{position:relative; margin-left: 10px; margin-right: -2px;}
.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::before{position:absolute; top:5px; right:0; margin-left:5px; text-indent: -100px; content:''; overflow:hidden; clear: both; display: block; background: url(../images/contactform/i_close2.svg) no-repeat center center; width: 10px; height: 10px;}
.select2-container--default .select2-selection--multiple {border: 1px solid #d7dde4 ; padding:0; border-radius: 3px;}

/*아이콘*/
.i_sns_instagram {background:url("../images/sns/i_sns_instagram.svg") no-repeat;}
.i_sns_youtube {background:url("../images/sns/i_sns_youtube.svg") no-repeat;}
.i_sns_facebook {background:url("../images/sns/i_sns_facebook.svg") no-repeat;}
.i_sns_twitter {background:url("../images/sns/i_sns_twitter.svg") no-repeat;}
.i_sns_ticktock {background:url("../images/sns/i_sns_ticktock.svg") no-repeat;}
.i_sns_naverblog {background:url("../images/sns/i_sns_naverblog.svg") no-repeat;}
.i_sns_navercafe {background:url("../images/sns/i_sns_navercafe.svg") no-repeat;}
.i_sns_naverband {background:url("../images/sns/i_sns_naverband.svg") no-repeat;}
.i_sns_kakaochannel {background:url("../images/sns/i_sns_kakaochannel.svg") no-repeat;}
.i_sns_kakaostory {background:url("../images/sns/i_sns_kakaostory.svg") no-repeat;}
.i_sns_threads {background:url("../images/sns/i_sns_threads.svg") no-repeat;}

.i_calendar {background:url("../images/i_calendar.png") center center no-repeat;  background-size: auto;}
.i_delete {background:url("../images/i_delete.svg") center center no-repeat;  width:18px; height:18px; display:inline-block; cursor:pointer;}
.i_move {background:url("../images/i_drag.svg") center center no-repeat;  width:20px; height:20px; display:inline-block; cursor: url("../images/move_cursor.cur") 10 11, auto !important;}
.i_notice2 {background:url("../images/i_notice.svg") center center no-repeat;  width:13px; height:12px; display:inline-block; cursor:pointer;}
.i_naver {background:url("../images/i_naver.svg") center center no-repeat;  width:18px; height:18px; display:inline-block; vertical-align: middle; margin-bottom: 3px;}
.i_google {background:url("../images/sns/sns_login_google.svg"); width: 18px; display: inline-block; height: 18px; background-size: 100%; border: 1px solid #dadada;vertical-align: middle; margin-bottom: 3px;}
.i_facebook {background:url("../images/sns/sns_login_facebook.svg"); width: 18px; display: inline-block; height: 18px; background-size: 100%; vertical-align: middle; margin-bottom: 3px;}
.i_apple {background:url("../images/sns/sns_login_apple.svg"); width: 18px; display: inline-block; height: 18px; background-size: 100%; vertical-align: middle; margin-bottom: 3px;}
.i_kakao {background:url("../images/kakaotalk_notext.svg") center center no-repeat;  width:18px; height:18px; display:inline-block; vertical-align: middle; margin-bottom: 3px;}
.i_input {background:url("../images/contactform/i_input.svg") no-repeat;}
.i_textarea {background:url("../images/contactform/i_textarea.svg") no-repeat;}
.i_radio {background:url("../images/contactform/i_radio.svg") no-repeat;}
.i_selectbox {background:url("../images/contactform/i_selectbox.svg") no-repeat;}
.i_checkbox {background:url("../images/contactform/i_checkbox.svg") no-repeat;}
.i_phone {background:url("../images/contactform/i_phone.svg") no-repeat;}
.i_address {background:url("../images/contactform/i_address.svg") no-repeat;}
.i_email {background:url("../images/contactform/i_email.svg") no-repeat;}
.i_date {background:url("../images/contactform/i_date.svg") no-repeat;}
.i_captcha {background:url("../images/contactform/i_captcha.svg") no-repeat;}
.i_attach {background:url("../images/contactform/i_attach.svg") no-repeat;}
.i_text {background:url("../images/contactform/i_text.svg") no-repeat;}
.i_link {background:url("../images/profile_link/i_link.svg") no-repeat;}
.i_youtube {background:url("../images/profile_link/i_youtube.svg") no-repeat;}
.i_text2 {background:url("../images/profile_link/i_text.svg") no-repeat;}
.i_sns {background:url("../images/profile_link/i_sns.svg") no-repeat;}
.i_geditor_step_01 {background:url("../images/products/detail_writing_guide/geditor_step_01.png") no-repeat;}
.i_geditor_step_02 {background:url("../images/products/detail_writing_guide/geditor_step_02.png") no-repeat;}
.i_geditor_step_03 {background:url("../images/products/detail_writing_guide/geditor_step_03.png") no-repeat;}
.i_geditor_step_04 {background:url("../images/products/detail_writing_guide/geditor_step_04.png") no-repeat;}
.i_geditor_badge {background:url("../images/products/detail_writing_guide/blue_badge.png") no-repeat;}

.i_f_setting {background:url("../images/i_setting.svg") no-repeat;}
.i_input_v2 {background:url("../images/contactform/i_input_v2.svg") no-repeat;}
.i_textarea_v2 {background:url("../images/contactform/i_textarea_v2.svg") no-repeat;}
.i_radio_v2 {background:url("../images/contactform/i_radio_v2.svg") no-repeat;}
.i_selectbox_v2 {background:url("../images/contactform/i_selectbox_v2.svg") no-repeat;}
.i_checkbox_v2 {background:url("../images/contactform/i_checkbox_v2.svg") no-repeat;}
.i_phone_v2 {background:url("../images/contactform/i_phone_v2.svg") no-repeat;}
.i_address_v2 {background:url("../images/contactform/i_address_v2.svg") no-repeat;}
.i_email_v2 {background:url("../images/contactform/i_email_v2.svg") no-repeat;}
.i_date_v2 {background:url("../images/contactform/i_date_v2.svg") no-repeat;}
.i_captcha_v2 {background:url("../images/contactform/i_captcha_v2.svg") no-repeat;}
.i_attach {background:url("../images/contactform/i_attach.svg") no-repeat;}
.i_attach_v2 {background:url("../images/contactform/i_attach_v2.svg") no-repeat;}
.i_text_v2 {background:url("../images/contactform/i_text_v2.svg") no-repeat;}
.i_save {background:url("../images/contactform/i_save.svg") no-repeat;}
.i_move_v2 {background:url("../images/i_drag.svg") no-repeat;}
.i_link_v2 {background:url("../images/profile_link/i_link_v2.svg") no-repeat;}
.i_youtube_v2 {background:url("../images/profile_link/i_youtube_v2.svg") no-repeat;}
.i_text2_v2 {background:url("../images/profile_link/i_text_v2.svg") no-repeat;}
.i_sns_v2 {background:url("../images/profile_link/i_sns_v2.svg") no-repeat;}
.i_term {background:url("../images/contactform/i_term.svg") no-repeat;}
.i_term_v2 {background:url("../images/contactform/i_term_v2.svg") no-repeat;}
.i_npay{display: inline-block; position: relative; top: -2px; width: 3.8em; height: 2em; margin-right: 0.3em; vertical-align: middle; background: url(/images/settings/naverpay/ico_new_npay_green.png) center / contain no-repeat; }
.i_n{display:inline-block; position:relative; top:-1px; width:  3.8em; height: 1.6em; vertical-align: middle; background:url(/images/settings/naverpay/ico_new_npay_green.png) center / contain no-repeat;}
.i_n_dark{display:inline-block; position:relative; top:-1px; width: 3.8em; height: 1.6em; vertical-align: middle; background:url(/images/settings/naverpay/ico_new_npay_gray.png) center / contain no-repeat;}
input[type=range] {width: 100%;}
.range_datalist {margin-top: 2px; position: relative;padding-bottom: 20px;font-size: 13px;}
.range_datalist > li:first-child {left: -1px;}
.range_datalist > li:last-child {left: 100%; transform: translateX(-14px);}
.range_datalist > li {position: absolute; top: 0; padding-top: 5px;}
.range_datalist > li:first-child:before {left: 3px;}
.range_datalist > li:before {display: block; content: ''; width: 0; height: 5px; position: absolute; top: 0; left:10px;border-left: 1px #666 solid;}

/* ------------- 공통 ------------- */

.top_dvs{display:inline-block; width:100%; vertical-align:top;}
.resp_table_dvs > .top_dvs{display:flex; justify-content: space-between;}
.left_dvs{float:left; display:inline-block;}
.right_dvs{float:right; display:inline-block; right:0;}
.right_dvs.cover{position: relative; z-index: 1;}

.dim {background:rgba(0, 0, 0, 0.65); position:fixed; left:0; right:0; top:0; bottom:0;}
.pcHide {display:none;}
.flex{display: flex !important;}
.flex.wrap{flex-wrap:wrap;}
.flex.between{justify-content: space-between;}
.flex.j_center{justify-content: center;}
.flex.column{flex-flow: column;}
.flex.a_center{align-items: center;}
.flex.gap4{gap:4px;}
.flex.align_end{align-items: flex-end;}
.flex.align_center{align-items: center;}
.flex .fill{flex: 1;}
.flex.hide{display: none !important;}
.flex .auto, .flex.auto > * { flex: 1 0 auto;}
.iblock{display: inline-block;}
input[type="number"].arr{-webkit-appearance: initial; padding-right: 0 !important;}
input[type="number"].arr:hover::-webkit-outer-spin-button,
input[type="number"].arr:hover::-webkit-inner-spin-button {display: inline-block !important; width: 22px; height: 38px;}
input.caution, input:focus.caution{border-color: #f38900;}
.screenout{display:block; overflow:hidden; left:-1000vw; width:1px; height:1px; color:transparent; opacity:0;}
.tc, .center{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left !important;}
.orange{color: #f38900;}
a.blue{color: #0056b3 !important}
.Fw400{font-weight: 400 !important;}
.overflow{overflow: hidden;}
.pointer{cursor: pointer;}

.alert-danger {padding: 15px 35px;}



/* ------------- 레이아웃 ------------- */
html{position:relative; overflow:hidden;}
body{background:#FFF; }
body.reduce_mode, body.bg_blue{background:#ECF0F4;}
.wrapper {height:calc(100% - 62px) !important; display: flex; justify-content: space-between; min-height: auto;}
.wrapper > *{flex:1 1 0;}
.wrapper > .left_nav {flex:0 0 auto;}
.wrapper > .content_wrapper{flex: 1 1 auto; overflow-x: auto; overflow-y:hidden;}

/* ------------- 컨텐츠 영역 ------------- */
.content_wrapper {position:relative;}
.content_wrapper .content_header {position:relative; padding:15px 30px 0 30px; z-index:50;border-bottom:1px solid #d8dce5; background:#ECF0F4;}
.content_wrapper .content_header h2 {font-size:28px; color:#000; font-weight:600; letter-spacing:-1px; display:inline-block; vertical-align:middle; margin-bottom:15px; min-height: 35px;}
.content_wrapper .content_header h2.hide{display: none;}
.content_wrapper .content_header .left_dvs {float:none;}
.content_wrapper .content_buttons{display:flex; justify-content: space-between; padding: 15px 30px 15px 30px; margin-left:-30px; margin-right:-30px; border-top:1px solid #d8dce5; background:#fff;}
.content_wrapper .content_buttons #order-step-btns > button {margin-left: 9px; font-weight:400;}
.content_wrapper .content_buttons #order-step-btns > button:first-child  {margin-left: 0px;}
.content_wrapper .content_buttons #order-step-btns > button.right + .side,
.content_wrapper .content_buttons #order-step-btns > button.specal + .side{position:relative; margin-left:30px;}
.content_wrapper .content_buttons #order-step-btns > button.right + .side::before,
.content_wrapper .content_buttons #order-step-btns > button.specal + .side::before{content:''; display:block; position:absolute; left:-17px; top:calc(50% - .5em); height:1em; border-left:1px solid #333;}
.content_wrapper .content_buttons .btn_right button + button{margin-left:9px;}
.content_wrapper > .content, .content_wrapper > form > .content, .content_wrapper > .layout_col, .content_wrapper > form > .layout_col{position:relative; padding: 25px 30px 114px 30px; display:none; height:100%; overflow:auto;}
.reduce_mode .content_wrapper > .content, .reduce_mode .content_wrapper > form > .content {width:100%; padding: 30px calc((100% - 1100px)/2) 114px; height:800px; overflow-y:scroll; overflow-x:auto;}
.lnbBtn{position:fixed; left:10px; z-index:100; top:17px; background:url("../images/i_lnb.svg") no-repeat center center; background-size:22px 18px; width:22px; height:18px;}
.content_wrap.w1100{width: 100%; max-width: 1100px; }

/*세로 분할 레이아웃*/
.content_wrapper > .layout_col, .content_wrapper > form > .layout_col {padding:0; display:table; width:100%; min-height:100%; }
.content_wrapper > .layout_col > .content_wrap .content_box, .content_wrapper > form > .layout_col > .content_wrap .content_box {overflow-y:auto; overflow-x:auto;}
.layout_col .header { border-bottom:1px solid #e1e1e1; display:inline-block; width:100%; }
.resp_btn_wrap {display:inline-block; position: relative; right: 0; z-index:10; }
.flex .resp_btn_wrap {margin: 0!important;}
.resp_btn_wrap > br {display:none;}
.layout_col .nav_wrap { width:230px; display:table-cell;  vertical-align: top; border-right: 1px solid #e1e1e1;}
.layout_col .nav_wrap .nav_group {overflow:auto; height:100%;}
.layout_col .nav_wrap .nav {width:230px;}
.layout_col .nav_wrap .header {display:inline-block; padding:24px 30px 18px; background:url("../images/i_arrow.png") 93% 60% no-repeat;}
.layout_col .nav_wrap .header h3{color:#69727c; font-size:18px;    }

.layout_col .content_wrap { display:table-cell;vertical-align: top;}
.layout_col .content_wrap .header {padding: 14px 30px 14px; position: relative; vertical-align:top;}
.layout_col .content_wrap .header .left_dvs{width:60%;}
.layout_col .content_wrap .header h3 {font-size:22px; color:#000; font-weight:600; vertical-align:middle; padding:4px 0; display:inline-block; display: inline-block; width:auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.layout_col .content_wrap .content_box {padding:20px 30px 114px;}
.layout_col .content_wrap .content_box.v2 {width:auto; padding: 20px calc((100% - 1100px) /2) 114px;}

.layout_col .nav-link { color:#5f5f5f; cursor: pointer; display:block; width: 100%; position:relative; padding:0; margin: 5px; border-radius: 5px;}
.layout_col .nav-link .nav-board-name, .layout_col .nav-link .nav-item { width: 90%; padding:10px 15px 10px 30px; display:inline-block; word-break: break-word;}
.layout_col .nav-link .nav-item {width: 95%; white-space: nowrap; text-overflow: ellipsis; font-weight: 500;}
.layout_col .nav-link .nav-board-name > span {word-break: break-word;}
.layout_col .text-primary{color:#5f5f5f !important; background:#FFF;}
.layout_col .nav-link.active {background:#eaeff4; color:#000; font-weight:700; }
.layout_col .nav-link .modify-board {background:url("../images/i_setting_nav.png") center center no-repeat; opacity:0.3; position:absolute; top:0; right:5px; display:inline-block; width:10px; height:10px; padding:10px 20px; margin-top: 0; height:100%;}
.layout_col .nav-link.active .modify-board {opacity:1;}

/* 미리보기 레이아웃 */
.layout_col .preview_container { width:420px; display:table-cell;padding-top: 20px;}
.layout_col .preview_container > .preview_mobile_box { position:relative; width:346px; min-height:546px; height:calc(100% - 100px); margin-left: 25px; display:flex; flex-direction:column; flex-wrap:wrap; background-color:#FFF; border-radius:50px; }
.layout_col .preview_container > .preview_mobile_box::before { content:''; position:absolute; inset: 0; padding: 10px; border:40px solid transparent; border-image:url(../../../images/bg_mobile_border.png); border-image-slice:40; }
.layout_col .preview_container .preview_wrap { overflow-y:auto; overflow-x:hidden; height:calc(100% - 80px); position:absolute; left:10px; right:16px; top:40px; bottom:0; padding:0 10px; }
.layout_col .preview_container .preview_wrap.scroll::-webkit-scrollbar-track { background-color:rgba(0,0,0,0.1); }
.layout_col .preview_container .preview_wrap.scroll::-webkit-scrollbar-thumb { border-radius:3px; background-color:rgba(0,0,0,0.2); }
.layout_col .preview_container .preview_group { width:100%; display:flex; flex-direction:column; align-items:center; gap:10px; word-break: break-all; }
.layout_col .preview_container #preview-profile-link.preview_group { gap:0; }
.preview_container .preview_group img { width:100%; height:100%; border-radius:inherit; }
.preview_container .preview_group .title { font-size:14px; letter-spacing:-1px; line-height:20px; color:#000; text-align:center; }
.preview_container .preview_group .memo { font-size:14px; letter-spacing:0; line-height:18px; color:#000; text-align:center; white-space:pre-wrap; }
.preview_container .preview_group .image { width:38px; height:38px; border-radius:4px; }
.preview_container .preview_group .no_data { width: 100%; border-radius:8px; border: 1px dashed #ccc; border-radius:8px; font-size:14px; color:#999; text-align:center; padding:15px 0 15px; margin-top:20px; }
.preview_container .preview_group > .preview_profile_image { width:104px; height:104px; box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05); border-radius:44px; background:url(../../../images/pattern.png); position:relative; margin-bottom:10px }
.preview_container .preview_group > .preview_profile_image:has(img) { background:none; }
.preview_container .preview_group > .preview_profile_image img { object-fit:cover; }
.preview_container .preview_group > .preview_form_title { font-size:20px; letter-spacing:-1px; color:#000; font-weight:bold; text-align:center; }
.preview_container .preview_group > .preview_form_memo { font-size:15px; letter-spacing:0px; line-height:20px; color:#000; text-align:center; }
.preview_container .preview_group > .preview_form_type { width:100%; box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16); border-radius:8px; padding:5px; }
.preview_container .preview_group > .preview_form_type[data-type="link"] { display:table; position:relative; min-height:48px; }
.preview_container .preview_group > .preview_form_type[data-type="link"] > * { display:table-cell; text-align:center; vertical-align:middle; }
.preview_container .preview_group > .preview_form_type[data-type="link"] img { object-fit:cover; }
.preview_container .preview_group > .preview_form_type[data-type="link"] .image + .title { padding-left:10px; padding-right:5px; }
/* .preview_container .preview_group > .preview_form_type[data-type="youtube"]:has(iframe) { width:100%; box-shadow:none; padding:0; }
.preview_container .preview_group > .preview_form_type[data-type="youtube"] > iframe { border-radius:10px; } */
.preview_container .preview_group > .preview_form_type[data-type="youtube"]:has(svg) { padding:0; }
.preview_container .preview_group > .preview_form_type[data-type="youtube"] { position:relative; }
.preview_container .preview_group > .preview_form_type[data-type="youtube"] svg { position:absolute; left:50%; top:50%; width:68px; height:48px; margin-left:-34px; margin-top:-24px; -webkit-transition:opacity .25s cubic-bezier(0,0,.2,1); transition:opacity .25s cubic-bezier(0,0,.2,1); }
.preview_container .preview_group > .preview_form_type[data-type="text"] { box-shadow:none; padding:0; }
.preview_container .preview_group > .preview_form_type[data-type="text"] .title { font-weight:bold; }
.preview_container .preview_group > .preview_form_type[data-type="sns"]:has(.row) { box-shadow:none; }
.preview_container .preview_group > .preview_form_type[data-type="sns"] .row { display:flex; flex-direction:row; gap:20px; justify-content: center; margin-bottom:10px; width:auto; }
.preview_container .preview_group > .preview_form_type[data-type="sns"] .row:last-child { margin-bottom:0 }
.preview_container .preview_group > .preview_form_type[data-type="sns"] .image { width:28px; height:28px; border:none; background-size: cover; }

#sns-item-modal .modal-content { padding-bottom:20px;}
#sns-item-modal .modal-body { padding:40px 20px 20px; }
.icon_wrap { display:grid; grid-template-columns: repeat(4, 1fr); gap:20px; overflow-x:auto; }
.icon_wrap > .icon_item { display:flex; flex-direction:column; align-items:center; }
.icon_wrap > .icon_item .icon_box { display: flex; justify-content:center; align-items: center; width:60px; height:60px; border:1px #d7dde4 solid; border-radius:4px; background-position: center; }
.icon_wrap > .icon_item .icon_box > .icon { width:30px; height:30px; background-size:cover; }
.icon_wrap > .icon_item .icon_box:hover { background-color:#f1f5f8; cursor:pointer; }
.icon_wrap > .icon_item .icon_title { font-size:14px; color:#737980; letter-spacing:-1px; text-align:center; word-break:keep-all; }


@media screen and (max-width:1920px) {
	.layout_col .content_wrap .content_box.v2 {width: auto; padding: 20px 30px 114px;}
}

@media screen and (max-width:1400px) {
	.layout_col .nav_wrap {display:none;}
	.content_wrapper > .layout_col, .content_wrapper > form > .layout_col {display:block;}
	.content_wrapper .content_buttons{overflow-x:auto;}
	.layout_col .content_wrap {border-left:0; display:block;}
	.layout_col .content_wrap .header h3 {font-size: 20px; line-height: 25px; width:100%; }
}

@media screen and (max-width:768px) {
	.wrapper {height: 100% !important;}

	.layout_col .content_wrap .header {padding:8px 10px;}
	.layout_col .content_wrap .content_box {padding:10px 10px 104px;}
	.layout_col .content_wrap .content_box.v2 {padding:10px 10px 104px;}
	.content_wrapper > .content {padding:10px 10px 114px;}
	.content_wrapper > form > .content, .content_wrapper > .layout_col, .content_wrapper > form > .layout_col{padding:0px 0px 114px;}
	.content_wrapper .content_buttons .btn_right{position:relative; margin-left:30px;}
	.goodsflow_overflow_visible:has(.__divGoodsflowInvoice:not(.hide_i)) .resp_btn.btns_open {display: inline-block !important;}
	.goodsflow_overflow_visible:has(.__divGoodsflowInvoice:not(.hide_i)) .resp_btn_wrap {display:none; position: absolute; margin-top: 2px; text-align: right; right: 10px;}
	.goodsflow_overflow_visible:has(.__divGoodsflowInvoice:not(.hide_i)) .resp_btn_wrap > .resp_btn {margin:1px 0; }
	.goodsflow_overflow_visible:has(.__divGoodsflowInvoice:not(.hide_i)) .resp_btn_wrap > br {display:inline-block !important;}
	.__divGoodsflowInvoice.hide_i + br {display: none !important;}

}

@media screen and (max-width:500px) {	
	#staffs-perms .resp_table_02 > tbody > tr > td {display: block;}
	#staffs-perms .resp_table_02 colgroup {display: none;}
	
	.flex .resp_btn_wrap {margin-right: 10px!important;}

	.layout_col .content_wrap .header .right_dvs {position: absolute; right: 10px; top: 8px;}
	.resp_btn.btns_open {display: inline-block !important;}
	.resp_btn_wrap {display:none; position: absolute; right: 10px;}
	.resp_btn_wrap > .resp_btn {margin:1px 0; }
	.resp_btn_wrap > br, .resp_table_02 > thead > tr > th > br {display:inline-block !important;}
	
	.content_wrapper .content_header .top_dvs .right_dvs{max-width:100%; overflow: auto;}
	.content_wrapper .content_buttons #order-step-btns > button {margin-right: 2px; margin-left: 0px; margin-top:0px; margin-bottom:2px; padding:1px 6px;}
	.content_wrapper .content_buttons #order-step-btns > button.right + .side,
	.content_wrapper .content_buttons #order-step-btns > button.specal + .side{margin-left:10px;}
	.content_wrapper .content_buttons #order-step-btns > button.right + .side::before,
	.content_wrapper .content_buttons #order-step-btns > button.specal + .side::before{left:-7px;}
	.content_wrapper .content_buttons .btn_right{margin-left:15px;}
	.content_wrapper .content_buttons .btn_right button + button{margin-left:2px;}

	#sns-item-modal .modal-content { padding-bottom:20px;}
	#sns-item-modal .modal-body { padding:40px 0 20px; }
}

.dom_position {width: 100%; padding:15px 0; display:inline-block;}
.dom_position > div{display:inline-block; vertical-align: middle; margin:0 !important; padding:0 !important; line-height:34px;}
.dom_position .search_info {line-height:40px;}
.dom_position > .right_dvs > div {display:inline-block; vertical-align:top; margin-left:10px;}
.dom_position select {line-height: 34px !important; height: 34px !important; vertical-align:top !important; border-radius: 3px;}
.dom_position nav {display:inline-block; vertical-align:top; margin-right:10px;}
.dom_position .pagination {margin:0 !important;padding-bottom:15px;}

#CommonAlertModal.modal {z-index: 1055;} /*관리자 공통 alert/comfirm 기본 z-index (레이어 팝업은 z-index는 모두 1055보다 작아야 함)*/
.modal-open .modal {overflow: hidden;}
.modal-header {position:relative; border:0; padding: 5px 15px 0 0; min-height: 30px;}
.modal-header.line .modal-title{font-size: 16px; border-bottom: 1px solid;}
.modal-header > .modal-title{font-weight:600; font-size: 15px;}
.modal-footer {border:0; display: flex; position: absolute; text-align: center; left:0; right:0; bottom:0; padding: 0;}
.modal-footer .btn{border-radius:0; font-size:13px; letter-spacing:-1px; min-width:60px; padding: 12px 5px; margin:0; border-radius: 0; }
.modal-footer .btn.btn-secondary {border:0; background:#8c97a5; color:#FFF; flex-grow: 1;}
.modal-footer .btn.btn-default {border:0; background:#8c97a5; color:#FFF; flex-grow: 1;}
.modal-footer .btn.btn-primary{border:0; background:#2b2f38; color:#FFF;  flex-grow: 1; }
.modal-footer .btn.btn-primary:hover{border:0; background:#0066FF; box-sizing: border-box;}
.modal-footer .btn.btn-tertiary {border:1px solid #2b2f38; background:#fff; color:#2b2f38; padding: 11px 5px !important; flex-grow: 1;}
.modal-footer .btn.btn-cancel{border: 1px solid #eaeff4;background: #eaeff4;color: #60686F;flex-grow: 1;}
.modal-footer .btn.btn-blue {border:0; background:#0066FF; color:#FFF; flex-grow: 1;}
.modal-footer .btn.btn-tertiary:hover{border-color:#0066FF; background:#0066FF; color:#fff;}
.modal-header .close, .modal-header .mailbox-attachment-close {opacity:1; outline:none; background:url("../images/i_close3.svg") no-repeat center center; width:20px; height:20px; background-size:20px; position: relative; top:5px;}
.modal-header .close > span {display:none;}
.modal-footer > div {position: absolute; left: 0; right: 0; bottom: 0; margin: 0; display: flex;}
.modal-footer .side_buttons {justify-content: space-between;align-items: center;padding: 15px 20px;border-top: 1px solid #eaeaea;width: 100%;}
.modal-footer .side_buttons div {display: flex; gap: 5px;}
.modal-footer .side_buttons .btn {width: 135px; height: 33px; border-radius: 3px; padding: 0;}
#CommonAlertModalContent {font-weight:600; padding: 0;}
.modal-content {padding:20px 20px 45px; border: 0; overflow: hidden; border-radius: 10px;}
.modal-body {padding: 15px 0 45px;}
.modal-body.scroll{overflow-y: auto; max-height: 300px;}
.modal-dialog { min-height:300px; display: flex; align-items: center; }
.modal-body.scroll.h50{max-height: 50vh;}
.modal-dialog.w1000{max-width:1000px;}
.modal-dialog .content{margin:20px 30px;}
.modal-dialog .content > * {margin-top:20px;}
.modal-dialog .content > *:first-child {margin-top:0;}
.modal-dialog .content > div {line-height:2;}
.modal-dialog .con_title {padding: 5px 0; font-weight:700;}
.modal-dialog .footer {text-align:center; padding:20px; border-top:1px solid #e9ecef; }
.modal-backdrop.show {opacity: 0.6;}

@media screen and (max-width:650px) {
	.modal-footer .side_buttons { flex-direction:column; row-gap: 10px; }
	/* .modal.order_view_popup .body_delivery{margin-bottom: 55px !important;} */
}

.layout_modal .close {display: none;}
.layout_modal .btn_close{display:inline-block; position:absolute; top:50%; right:0; width: 20px; height: 20px; background: url(/images/i_delete.png) center no-repeat; transform:translateY(-50%);}
.layout_modal .modal-footer {border:0; justify-content: flex-end; gap:4px; margin-bottom: 0; position: relative; padding:20px 0 0; text-align: right;}
.layout_modal .modal-footer .btn {min-width: 150px; border-radius: 5px; font-weight: 600; padding: 12px 5px; flex-grow:0;}
.layout_modal .modal-footer .btn.btn-primary{border:0; background:#2b2f38; color:#FFF; }
.modal-footer .btn.btn-primary:hover{border:0; background:#0066FF; box-sizing: border-box;}
.layout_modal .dom_position {text-align: center; display: block;}
.modal-dialog::before {display: block; height: calc(100vh - 1rem); content: "";}

.modal-guide .modal-content { padding:0; padding-top: 20px; font-size:15px; letter-spacing:0px; color:#333333; font-weight:300; word-break:keep-all; }
.modal-guide .modal-header { padding:20px 20px 0; }
.modal-guide .modal-body { padding:20px 20px 25px; }
.modal-guide .modal-body.scroll { padding-bottom:45px; }
.modal-guide .modal-body.line { border-bottom: 1px solid #d7d7d7; }
.modal-guide .modal-title { font-size:22px; letter-spacing:-1px; color:#333; font-weight:bold; }
.modal-guide .section .section_header { padding-bottom:20px; font-size:18px; letter-spacing:0px; color:#333; font-weight:500; }
.modal-guide .section .section_no { font-size: 16px; letter-spacing: 0px; color:#0066ff; font-weight:400; font-family:"Roboto"; }
.modal-guide .section ul.section_body li { margin-left: 10px; margin-bottom:20px; list-style-type: '- '; }
.modal-guide .section ul.section_body li.blue { color:#0066ff !important;}
.modal-guide .badge { font-size:11px; letter-spacing:1px; color:#fff; font-weight:400; font-family:"Roboto"; padding:0; position:relative; top:-5px; width:41px; height:20px; background-size:contain; line-height:2; }

.geditor_step_wrapper { padding:15px 0; }
.geditor_step_wrapper .geditor_step_content { display:flex; justify-content:center; gap:15px; width: 100%; height: 100%; }
.geditor_step_wrapper .geditor_step_item {flex-grow:1; padding:10px 20px; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; width:144px; height:144px; border-radius:100%; background-color:#f2f7fd; }
.geditor_step_wrapper .geditor_step_item .step_no { position:absolute; top:10px; left:10px; display:flex; justify-content:center; align-items:center; width: 28px; height:28px; border-radius:14px; background-color:#3399ff; font-size:14px; color:#ffffff; font-weight:700; font-family:"Roboto"; text-align:center; }
.geditor_step_wrapper .geditor_step_item .step_title { font-size:16px; letter-spacing:-1px; line-height:18px; color:#333; font-weight:500; text-align:center; }
.geditor_step_wrapper .geditor_step_item .step_title .gray { color:#777; line-height:16px; }
.geditor_step_wrapper .geditor_step_item .icon { width:40px; height: 40px; background-size:contain; background-position: center; }

@media screen and (max-width:1000px) {
	.geditor_step_wrapper .geditor_step_content { flex-direction:column; align-items: center; }
	.geditor_step_wrapper .geditor_step_item { width:200px; height:200px; }
	.geditor_step_wrapper .geditor_step_item .step_no { top:20px; }
}

/* ------------- 헤더 ------------- */
.header_wrapper {display:block; width:100%; background:#FFF; position:fixed; top:0; z-index: 50; padding:20px 10px 20px 30px; display:none;}

/* ------------- 슬라이드 LNB ------------- */

.lnbBtn{display:none; cursor:pointer;}
.resp_btn_close {cursor:pointer; display:none; background:url("../images/i_close2.svg") center center no-repeat; width:8px; height:15px; background-size:8px 15px; position:absolute; right:15px; top:30px; padding:10px; }
.bot_nav {position: fixed; bottom: 0;}

.footer {background:#cfdde8; position:fixed; bottom:0; width: calc(100% - 220px); text-align:center; padding:24px 0; z-index: 100; }
.footer .mess{color:#2b2f38; font-weight:600; margin-right:10px; font-size:16px; vertical-align: middle;background: url('../images/BI.svg') no-repeat left 70%; padding-left: 84px; background-size: auto 14px;}

/* ------------- 검색 ------------- */
.search_side { position:fixed; width:100%; height:100%; z-index:1000; opacity:0; left:0; top:0;}
.search_side > .search_dvs{width:380px; height:100%; background:#FFF; position:absolute; right:-380px; }
.search_side > .search_dvs > form {height:100%;}
.search_side .header{display:inline-block; width:100%; padding:20px 20px 15px; border-bottom:1px solid #e6e6e6; vertical-align:top;}
.search_side .header h3{display:inline-block; font-size:20px; font-weight:600; margin-top:5px; letter-spacing:-1px;}
.search_side .header > *, .search_side .header > div > *{vertical-align:middle; }
.search_side .search_dvs .content { padding:25px 20px; overflow-y:scroll; height:calc(100% - 77px);}
.search_side .search_dvs .content > dl > dt{font-size:14px; font-weight:600; padding:10px 0; margin-top:30px; background:url("../images/line.png") top left no-repeat;}
.search_side .search_dvs .content > dl > dt:first-child{margin-top:0;}

/* ------------- 컨텐츠 박스 ------------- */
.content_dvs {border:1px solid #c6d2dc; background:#FFF; margin-top:30px; position: relative; border-radius:10px;} /* overflow:hidden 처리 지양 (froala editor 팝업 잘림 이슈 있음) */
.content_dvs .noline{border:none;}
.content_dvs.visible{overflow:visible;}
.content_dvs.visible .resp_table_contents{border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.content_dvs.noradius{border-radius:0;}
.content input + .content_dvs, .content > .content_dvs:first-child, .content_box > .content_dvs:first-child, form > .content_dvs:first-child, input[type="hidden"] + .content_dvs {margin-top:0;}
.content_dvs .dvs_header {padding:15px 30px; border-bottom:1px solid #e1e1e1; display:inline-block; width:100%; position:relative;}
.content_dvs .dvs_header > h3 {font-size:18px; font-weight:600; display:inline-block; line-height: 33px; vertical-align:middle; letter-spacing: 0;}
.content_dvs .dvs_header > h3 > * {vertical-align:middle;}
.content_dvs .dvs_header > h3 > span.i_tooltip {vertical-align:baseline;}
.content_dvs .dvs_header > h3 .desc{font-size:14px; font-weight:400;}
.content_dvs .dvs_header > h3 + .resp_desc{padding: 7px 0 0 170px; color:#737980; position:absolute; left:0; line-height: normal; pointer-events: none;}
.content_dvs .dvs_header > h3 + .resp_desc [data-toggle="modal"] {pointer-events: auto;}
.content_dvs .dvs_header .resp_btn_wrap{float: right;}
.content_dvs .dvs_header.v2 > h3 + .resp_desc{padding: 7px 0 0 220px; color:#737980; position:absolute; left:0; }

.content_dvs.noline{border:none;}
.content_dvs.noline .dvs_header{padding:0 10px 10px}

.content_multi{display: flex; justify-content: space-between;}
.content_multi .content_dvs{flex: 1;  margin-top: 0; }
.content_multi .content_dvs + .content_dvs{margin-left: 30px;}

.content_multi .content_dvs .dvs_header > h3 + .resp_desc {padding: 7px 0 0 150px;}
.content_multi .content_dvs .dvs_header.v3 > h3 + .resp_desc{padding: 0px 0 0 5px !important; position: relative; }

.content_multi.col2_67 > .content_dvs:first-child{width:67%; flex: none;}

@media screen and (max-width:1024px) {
	.content_multi.col2_67 > .content_dvs:first-child {width:100%;}
}

/* ------------- 탭 컨텐츠 ------------- */
.dvs_tab{display: flex;margin-bottom: -1px;}
.dvs_tab .btn_tab{display:inline-block; min-width:6em; padding:.5em 1em; border:1px solid #e1e1e1; background:#fff;}
.dvs_tab .btn_tab.on{font-weight:700;border-bottom-color: transparent;background: #f5f5f5; cursor:default;}
.dvs_tab li + li .btn_tab{border-left:0;}


/* ------------- 테이블 컨테츠 ------------- */
.resp_table_contents { border: 0; background-color: #FFF; padding:20px 30px; border-radius: 10px;}
.resp_table_contents.pd0{padding:0;}
.resp_table_contents > dt, .resp_table_contents > dd {box-sizing: border-box; padding: 10px 0; font-weight:400; }
.resp_table_contents > dd ~ dt, .resp_table_contents > dd ~ dd {border-top: 0;}
.resp_table_contents > dt {float: left; width: 190px; padding:17px 0 ; font-weight:600;}
.resp_table_contents > dt.required::after{content: '*'; padding-left: 5px; color: #f38900;}
.resp_table_contents > dd{ margin-left: 190px; border-left: 0; background-color: #fff; }
.resp_table_contents > dd.txt{padding-top:17px;}

.resp_table_contents > dd:after {content: "";display: block; clear: both;}
.resp_table_contents > .row2 + dd:after {content:none;}
.resp_table_contents > dd > .input_group, .resp_table_contents > dd > select {width:390px;}
.resp_table_contents > dd > .input_group.v2, .resp_table_contents > dd > input[type="text"], .resp_table_contents > dd > input[type="tel"], .resp_table_contents > dd > input[type="email"]{width:100%;}
.resp_table_contents > dd > *:not(:last-child) {margin-right:5px;}
.resp_table_contents > dt > * {vertical-align:middle;}
.resp_table_contents .bul::before{content: ''; display: inline-block; width: 3px; height: 3px; margin-right: .5em; border-radius: 50%; vertical-align: middle; background: #777}

.resp_table_contents_wrap {padding:20px 30px;}
.resp_table_contents_wrap .resp_table_contents, .modal-body .resp_table_contents {padding:0;}
.modal-body .resp_table_contents > dd, #cateSetComm:not() {padding:0}


.resp_table_contents.dt120 > dt {width: 120px;}
.resp_table_contents.dt120 > dd{ margin-left: 120px;}

.resp_table_contents.half{overflow: hidden; margin-left:-50px;}
.resp_table_contents.half > dt {width: 120px;margin-left: 50px;}
.resp_table_contents.half > dd{ float: left; margin-left: 0; width:calc(50% - 170px); }
.resp_table_contents.half > dd.full{width: calc(100% - 170px);}
.resp_table_contents.half select{max-width: 100%;}

ul.resp_table_contents {line-height:2.2;}

/**/
.resp_table_contents.v3 {max-width: 1100px; width: 100%;}
.resp_table_contents.v3 > dt {width: 150px; font-weight:600;}
.resp_table_contents.v3 > dd {margin-left: 150px;}
.resp_table_contents.v2 > dd > select {width:100%;}
.resp_table_contents.v2 > dd > * {margin-right:0;}

/*검색*/
.resp_table_contents.v2 {padding:0;}
.resp_table_contents.v2 > dt{width:40%; font-size:14px;}
.resp_table_contents.v2 > dd{ margin-left: 40%; }

/* line table */
.resp_table_contents.line{display:flex; flex-wrap: wrap; position:relative; padding: 0;margin: 20px 10px;}
.resp_table_contents.line.hide{display: none;}
.resp_table_contents.line::after{content:''; display:block; position:absolute;left:0; right:0; bottom:0; border-top:1px solid #e1e1e1;}
.resp_table_contents.line dt, .resp_table_contents.line dd{margin-top:-1px; padding-left:10px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.resp_table_contents.line dt{flex-basis:15%; background:#f5f5f5;}
.resp_table_contents.line dd{display:flex; flex-flow:column; justify-content:center; flex-basis:35%; margin-left:0; padding-right:30px; }
.resp_table_contents.line dd.full{flex-basis:85%;}

.resp_table_contents_02 {border: 0; background-color: #FFF; margin:20px 30px 20px 0; display:inline-block; width:calc(100% - 30px); }
.resp_table_contents_02 > dt, .resp_table_contents_02 > dd {display:inline-block; box-sizing: border-box;  padding:10px 0; vertical-align: middle;}
.resp_table_contents_02 > dt {width:16%; font-weight:700; padding: 10px 10px 10px 30px; vertical-align: middle;}
.resp_table_contents_02 > dt.top_cus { vertical-align:top; padding-top:17px; }
.resp_table_contents_02 > dd {width:33%;}
.resp_table_contents_02 > dd > *{width:100%; }
.resp_table_contents_02 > dt > * {vertical-align:middle;}
.resp_table_contents_02 > dd.full {width:83%;}
.resp_table_contents_02 > dd .checkbox_group{width:auto;}
.resp_table_contents_02 > dd > div > span{display: inline-block;}

.resp_table_contents_03 {display:inline-block; width:100%;  padding:20px 0;}
.resp_table_contents_03 > li {display:inline-block; width:50%; float:left; margin:20px 0;}
.resp_table_contents_03 > li:nth-child(2n){border-left:1px solid #c6d2dc; }
.resp_table_contents_03 > li .content {display:block; padding:10px 30px 10px 30%; }

.modal .resp_table_contents.space{margin:20px 10px;}

#setting_index .resp_table_contents_03 > li .content {background-position:12% center; background-size:auto; background-repeat:no-repeat;}
#setting_index .resp_table_contents_03 > li .content > h5 {font-size:16px; border-bottom:1px solid; display:inline-block; font-weight:600; line-height:2; margin-bottom:10px;}
#setting_index .resp_table_contents_03 > li .content > p {color:#333;}

.i_site_info {background:url("../images/setting_index/i_site_info.svg"); }
.i_admin_setting {background:url("../images/setting_index/i_admin_setting.svg"); }
.i_domain {background:url("../images/setting_index/i_domain.svg"); }
.i_email_setting {background:url("../images/setting_index/i_email_setting.svg"); }
.i_member_setting {background:url("../images/setting_index/i_member_setting.svg"); }
.i_page {background:url("../images/setting_index/i_page.svg"); }
.i_seo {background:url("../images/setting_index/i_seo.svg"); }
.i_skin_lang {background:url("../images/setting_index/i_skin_lang.svg"); }
.i_sms_setting {background:url("../images/setting_index/i_sms_setting.svg"); }
.i_ssl {background:url("../images/setting_index/i_ssl.svg"); }
.i_info{display:inline-block; width:1.3em; height:1.3em; background:url("/images/i_info.svg") center / contain no-repeat; cursor: pointer;}
.i_wait{display:inline-block; position:relative; top:-1px; width:1.3em; height:1.3em; vertical-align: middle; background:url("/images/i_wait.svg") center / contain no-repeat;}
.i_exclamation{display:inline-block; position:relative; top:-1px; width:1.3em; height:1.3em; vertical-align: middle; background:url("/images/i_exclamation.svg") center / contain no-repeat;}
.i_naver_delay{display:inline-block; position:relative; top:-1px; width:15px; height:15px; vertical-align: middle; background:url("/images/i_naver_delay.png") center / contain no-repeat;}

@media screen and (max-width:1350px) {
	.resp_table_contents_02 { border: 0; background-color: #FFF; margin:20px 30px; width:calc(100% - 60px);}
    .resp_table_contents_02 > dt {width: 29%; padding:10px 0;}
	.resp_table_contents_02 > dd{ float:none; width:70%;}
	.resp_table_contents_02 > dd.full {width:70%;}
}

@media screen and (max-width:1024px) {
	.resp_table_contents > dt{width:20%;}
    .resp_table_contents > dd{ margin-left: 20%;}
    .content_multi{display: block;}
	.content_multi .content_dvs{width: 100%; flex: none;}
	.content_multi .content_dvs + .content_dvs{margin-left: 0; margin-top: 30px;}
}
 
@media screen and (max-width:768px) {
	.resp_table_contents {padding:10px; }
	.resp_table_contents.v3 {width:100%;}
	.resp_table_contents > dt br, .resp_table_contents_02 > dt br{display:none;}
	.resp_table_contents > dt:not(.inline), .resp_table_contents.dt120 > dt, .content_dvs .dvs_header.v2 > h3, .resp_table_contents.v3 > dt {float: none; width: 100%; line-height: normal;}
	.resp_table_contents > dd, .resp_table_contents.dt120 > dd, .resp_table_contents.v3 > dd:not(.inline){ margin-left: 0;}
	.resp_table_contents.v2 > dd, .resp_table_contents.v2 > dt {line-height:35px;}
	.resp_table_contents.half > dt, .resp_table_contents.half > dd{float: left;}
	.search_side .resp_table_contents.v2 > dt {float:left !important;}
	.resp_table_contents > dt {padding :5px 0;}
	.resp_table_contents > dt.inline {padding :15px 0;}


	
	
	.resp_table_contents.line dt{flex-basis:30%; display:flex; align-items: center;}
	.resp_table_contents.line dd,
	.resp_table_contents.line dd.full{flex-basis:70% !important;}

	#setting_index .resp_table_contents_03 > li .content {padding-left:35%; }
	#setting_index .resp_table_contents_03 > li .content {background-size:17%;}

	.footer {width: 100%; margin-left:0;}
	.resp_table_contents > dd > *:not(:last-child){margin-right: 0;}
}

@media screen and (max-width:500px) {
	.resp_table_contents > dt:not(.inline) {padding: 0;}
	.resp_table_contents_02 {margin:10px; width:calc(100% - 20px);}
    .resp_table_contents_02 > dt {float:none; width: 100%; line-height:normal; padding-bottom:0;}
	.resp_table_contents_02 > dt.top_cus { padding-top:10px; }
	.resp_table_contents_02 > dd{ width:100%;}
	.resp_table_contents_02 > dd.full {width:100%;}
	.resp_table_contents.dt120 > dd > * {width:100% !important; margin-top:5px;}
	.resp_table_contents.dt120 > dd > *:first-child{margin-top:0;}

	.resp_table_contents > dt:not(.inline){line-height:normal;}
	.resp_table_contents > dd > input, .resp_table_contents > dd > select {width:100%;}
	.resp_table_contents > dd > * {margin-top:7px !important; margin-right:0;}
	.resp_table_contents > dd > *:first-child {margin-top:0 !important;}
	.resp_table_contents > dd > .resp_btn{margin-top:0 !important;}

	

	.resp_table_contents_03 > li {margin:0;}
	#setting_index .resp_table_contents_03 > li .content{background-position: center top; text-align:center; background-size: 25%; padding: 50px 20px 0;}
	#setting_index .resp_table_contents_03 > li .content > h5 {font-size:14px;}
	#setting_index .resp_table_contents_03 > li .content > p {font-size:12px;}

	.content_wrapper > .content, .content_wrapper > form > .content{padding:10px 10px 114px;}
	.content_wrapper > #gallerys-index.content {padding:5px;}
	.content_wrapper > .layout_col, .content_wrapper > form > .layout_col {padding:0;}

	.footer {padding:10px 0;}
	.footer .mess{font-size:14px;}
	.footer .resp_btn {font-weight:600 !important; padding: 1px 10px !important; font-size:13px !important;}

	.modal-dialog {min-width:350px; min-height:250px;}

	.layout_modal .modal-footer {padding-top: 10px; text-align: center;}
	.layout_modal .modal-footer .btn{min-width:auto; flex:1;}
	.layout_modal .modal-content {padding: 5px 10px 10px 10px;}	
}

/* -------------- 커스텀 테이블 레이아웃 (중앙정렬 및 모바일 화면에 용이하게 사용하기 위해 제작) ---------------- */
.custom_table_layout {display: flex;flex-direction: column;gap: 20px;width: 100%;margin: 10px 0;}
.custom_table_contents {display: flex;gap: 20px;margin-right: 10px;}
.custom_table_contents > h3 {font-weight: 700;width: 70px;min-width: 70px;text-align: end;line-height: 40px;}
.custom_table_content {width: 100%;display: flex;position: relative;}
@media screen and (max-width:500px) {
    .custom_table_contents {flex-direction: column;gap: 5px;margin: 0;align-items: center;}
	.custom_table_contents > h3 {width: fit-content;text-align: center;min-width: auto;}
}

/* ------------- 분할 섹션 ------------- */
.resp_section:after{ display:block; clear:both; content:"";}
.resp_section {zoom:1; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.resp_section > li {zoom:1; display:flex; display:-webkit-flex; float:left; }
.resp_section > li > div{display:block; margin-left:10px; margin-top:10px; background:#FFF; text-align:center; }

.resp_section.full > li { width:100%; }
.resp_section.full > li > dl { width:100%; }
.resp_section.full > li > dl > dt { padding:10px 0; letter-spacing:-1px; }
.resp_section.full > li > dl > dd > input,
.resp_section.full > li > dl > dd > textarea { width:80%; }

.resp_section.col2 > li > dl {width:100%; }
.resp_section.col2 > li > dl > dt {padding:10px 0; letter-spacing:-1px;}
.resp_section.col2 > li > dl > dd > input{width:100%;}
.resp_section.col2 > li {width:50%;}
.resp_section.col2 > li:nth-child(2n){padding:10px 0 0 10px;}
.resp_section.col2 > li:nth-child(2n + 1){padding:10px 10px 0 0;}
.resp_section.col2 > li:nth-child(1), .resp_section.col2 > li:nth-child(2) {padding-top:0 !important;}
.resp_section.col2 > li.full {width:100%; padding-left:0 !important;}

.resp_section.col3 > li {width:33.3%;}
.resp_section.col4 > li {width:25%;}
.resp_section.col5 > li {width:20%;}

.resp_section.mg20 {margin-left:-20px;}
.resp_section.mg20 > li > div{margin-left:20px; margin-top:20px; }

.resp_section_tb,
.resp_section_tb.v2 {display:table; width:calc(100% + 5px); margin-left:-5px; position:relative;}
.resp_section_tb.v2 > ul {display:table-row;}
.resp_section_tb > li,
.resp_section_tb.v2 > ul > li  {display:table-cell; text-align:center;  vertical-align:middle; background:#FFF; border-radius:20px; border-left:5px solid #eceff1;  border-top:5px solid #eceff1;}


/* ------------- 테이블 디자인 ------------- */
.resp_table_dvs {position:relative;}
.resp_table_dvs > .top_dvs{display:inline-block; position:relative;}
.resp_table_dvs > .top_dvs .resp_btn {/*margin-top:9px;*/ }
.resp_table_dvs > .top_dvs .check_info {background:#FFF; position:absolute; height: 40px; min-width:250px; width: 100%;
    background: rgb(255, 255, 255);
    left: 0px;
    z-index: 10;}
.resp_table_dvs > .top_dvs .check_info > span {line-height:40px; display:inline-block; margin-left: 10px;}
.resp_table_dvs > .top_dvs .total_info{line-height:40px; display:inline-block; margin-left: 10px;}

.resp_table {width:100%;}
.resp_table.fixed{table-layout:fixed;}
.resp_table select{padding: 4px!important; margin: 2px; height: auto !important; font-size:14px; line-height: normal !important;}
.resp_table input[type="text"], 
.resp_table input[type="number"]{ font-size:14px;  margin: 2px;  padding:5px !important; height: auto !important; line-height: normal !important;}
.resp_table .btn {padding: 4px 10px; font-size: 13px; margin: 2px;} 
.resp_table > thead > tr > th {background:#f5f5f5; text-align:center !important; padding:10px 5px 10px 10px; border-bottom:1px solid #e7e7e7;  font-weight:600; border-top:1px solid #8d8d8d; }
.resp_table > thead > tr > th > br{display:none;}
.resp_table > tbody > tr > td {padding:10px 5px 10px 10px; height: 30px; /*line-height: 30px;*/ vertical-align: middle; border-bottom:1px solid #e7e7e7;  background:#FFF; word-break: break-word;}
.resp_table > tbody > tr > td.on {background:#f9fafb;}
.resp_table > tbody > tr > td.text-center{text-align:left;}
.resp_table > tbody > tr > td [data-order_code] {font-weight: 600;}
.resp_table > tbody td.badges > span.badge { border: 1px solid rgb(119, 119, 119); }
.resp_table .img-thumbnail {width: auto; max-width:100px; margin-right:10px;}
.resp_table a {word-break: break-word; vertical-align : middle; display: block; font-weight:600; width: 100%;}
.resp_table a.title{display: inline-block; width: auto;}
.resp_table .thumb  + a {display: inline-block; width: calc(100% - 60px); margin-left: 10px;}
.resp_table a:hover {text-decoration:underline; color:#333;}
.resp_table a.resp_btn {font-weight:400; width: auto;}
.resp_table a.resp_btn:hover {text-decoration:none;}
.resp_table .text-dark {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: calc(100% - 110px);}
.resp_table > tbody > tr > td .resp_btn{margin:0 2px;}
.resp_table.tdc > tbody > tr > td {text-align:left;}
.resp_table.tc th{text-align: center !important;}
.resp_table.tc td{text-align: center;}
.resp_table tbody tr:hover td {background-color: #f9fafb;}
.resp_table .resp_btn{font-size:13px; line-height:30px; height:30px;}
.content_dvs .dvs_header + .resp_table_contents > .resp_table {border-top:0;}
.content_dvs .dvs_header + .resp_table_contents > .resp_table > tbody > tr:last-child > td {border-bottom:0;}
.resp_table.tdc > tbody > tr > td.dataTables_empty {text-align:center !important;}
.resp_table td.nodata{padding-top: 50px; padding-bottom: 50px; text-align: center;}
.limitW {min-width: 1400px;}
.limitW2 {min-width: 1000px;}
.limitW3 {min-width: 800px;}
.limitW4 {min-width: 600px;}
.dataTables_empty {text-align: center;}

.modal .resp_table{border-top:1px solid #8d8d8d; }
.modal .resp_table th {background:#f5f5f5; padding:10px 5px 10px 10px; border-bottom:1px solid #e7e7e7;  font-weight:600; }
.modal .resp_table td{padding-left:10px; padding-right:10px; }


.resp_table.v2 {width:100%;}
.resp_table.v2 > thead > tr > th { padding:10px 0; }
.resp_table.v2 > thead > tr > th:first-child {border-left:0;}
.resp_table.v2 > tbody > tr > td {padding:5px 0; height: 35px; line-height:1.5; border-bottom:2px solid #e7e7e7; }
.resp_table.v2 > tbody > tr > td:first-child {border-left:0;}
.resp_table.v2 > tbody > tr > td [data-order_code] {font-weight: 600;}

.resp_table_02 {border:1px solid #d7dde4;  width:100%; /*border-radius: 3px; overflow: hidden; border-collapse: inherit;*/ position:relative;}
.resp_table_02 > thead > tr > th  {padding:8px 15px; text-align:center; border-bottom:1px solid #d7dde4;  background:#e0e5ea; color:#737980;}
.resp_table_02 > thead > tr > th > br{display:none;}
.resp_table_02 > tbody > tr > td {padding:8px 15px;  vertical-align: middle; border-bottom:0; background:#FFF; }
.resp_table_02.v2 > tbody > tr > td {padding:8px 5px;}
.resp_table_02.v2 > tbody > tr > td:first-child {padding-left:10px}
.resp_table_02 > tbody > tr > td.text-center{text-align:center;}
.resp_table_02.tdc > tbody > tr > td {text-align:center;}

.resp_table_03 {width:100%; }
.resp_table_03.fixed{table-layout: fixed;}
.resp_table_03 > thead > tr > th  {padding:8px; text-align:center; border-bottom:1px solid #aebcca; border-top:1px solid #aebcca;  background:#e9eef3; color:#737980;}
.resp_table_03 > tbody > tr > td {padding:8px 15px;  vertical-align: middle; border-bottom:0; background:#FFF; border-left:1px solid #dee2e6; border-bottom:1px solid #dee2e6;}
.resp_table_03 > tbody > tr > td:first-child {border-left:0;}
.resp_table_03 > tbody > tr > td.text-center{text-align:center;}
.resp_table_03.tdc > tbody > tr > td {text-align:center;}
.resp_table_03.v2 {border-left:1px solid #aebcca; border-right:1px solid #aebcca;}

.resp_table_04{width:100%; border-top:1px solid #8d8d8d; }
.resp_table_04 th {background:#f5f5f5; text-align:center !important; padding:10px 5px 10px 10px; border-bottom:1px solid #e7e7e7;  font-weight:600; text-align:left !important; }
.resp_table_04 td{padding: 5px 10px; text-align:right; border-bottom:1px solid #e7e7e7;}
.resp_table_04.td_left td {text-align: left;}


/* ------------- 탭 ------------- */
.resp_tab {display:inline-block;  width:100%; white-space: nowrap; overflow: auto;}
.resp_tab > li {display: inline-block;}
.resp_tab > li > a,
.resp_tab > li > button {display:block; padding:10px 0; margin-right: 30px; cursor: pointer; text-align:center; color: #737980; font-size:16px; }
.resp_tab > li.--event > a::after {top: 5px;margin-left: 3px;}
.resp_tab .tit {vertical-align: middle; }
.resp_tab .active,
.resp_tab .on{border-bottom:3px solid #0066FF; color:#000; font-weight: 600;}
.resp_tab.prod .on{color: #000;}
.resp_tab .cnt {line-height: 30px;}
.resp_tab .price_comm{font-size: 12px; background: #888888; color:#FFF; line-height: 15px; border-radius: 10px; padding:1px 5px; min-width: 25px;}
.resp_tab .on .price_comm {background: #0066FF;}

.content_header .resp_tab{margin-bottom:-1px; vertical-align:top;}
.reduce_mode .content_header .resp_tab{width:100%; padding: 0 calc((100% - 1100px)/2); float:none;}

.resp_tab.v2 {width:auto; }
.resp_tab.v2 > li {float: left;}
.resp_tab.v2 > li + li{margin-left:-1px;}
.resp_tab.v2 > li > a {color: #747474; padding:7px 10px; font-size:14px; border:1px solid #d3d3d3; min-width:70px; margin-right: 0;}
.resp_tab.v2 > li:first-child > a{border-radius:3px 0 0 3px;}
.resp_tab.v2 > li:last-child > a{border-radius:0 3px 3px 0;}
.resp_tab.v2 .active {background:#353535; border:1px solid #353535; color:#FFF; font-weight:400;}

.resp_tab.v2.blue > li > a{min-width:50px; color:#0086df; border-color:#0094FC; padding-top: 6px; padding-bottom:6px;}
.resp_tab.v2.blue .active{color:#fff; background:#0094FC;}

/* ------------- 버튼 ------------- */
.resp_btn {vertical-align: middle; border:1px solid #a3a8ae; background-color:#FFF; border-radius:5px; font-size:13px; margin:0; letter-spacing: 0; display:inline-block; line-height:31px; outline: none; padding:0 10px; box-sizing:border-box; text-align:center; color:#000; cursor:pointer; white-space: nowrap; font-weight: 500;}
a.resp_btn, span.resp_btn, button.resp_btn{display:inline-block; color:#333; outline: none;}
.resp_btn.hide{display: none !important;}
.resp_btn:not(:disabled):hover {background-color:#eeeeee;}
.resp_btn.active{background-color:#06F; border:1px solid #06F; color:#FFF;}
.resp_btn.active:not(:disabled):hover {background-color:#0094FC; border:1px solid #0094FC;}
.resp_btn.v2{background-color:#8C97A5; border:1px solid #7A8592; color:#FFF;}
.resp_btn.v2:hover{background-color:#7e8997;}
.resp_btn.v3{background-color:#f8f9fa; border:1px solid #dddddd; color:#333;}
.resp_btn.v4{background-color:#f68701;  color:#FFF; border:0;}

.resp_btn.size_XL {padding:4px 25px; font-weight:600; font-size:14px; min-width:85px; border-radius:5px; }
.resp_btn.size_L, #btn-excel-download {padding:4px 15px 3px; font-weight:400; font-size:14px; min-width:85px; }
.resp_btn.size_S {padding: 0 10px; line-height:27px; font-size:14px; }
.resp_btn.size_SS {padding:0 3px; height:20px; line-height:19px; font-size:12px;}

.resp_btn_board {border:1px solid #d3d3d3; display:inline-block; width:100px; background:#FFF; font-size:13px; outline: none; padding:3px 0;}
.resp_btn.btns_open {letter-spacing:2px; display:none; margin-top:1px;}
.resp_btn.nowrap{white-space: nowrap;}
.resp_btn.design_mode, .resp_btn.shortcut{padding-right:30px !important; background-position: 90% center; color:#FFF;}
.resp_btn.shortcut {background: url(../images/lnb/i_shortcut.svg) 87% center no-repeat; background-color: #8c97a5 !important; cursor: pointer; border: 0 !important;}
.resp_line_btn {text-decoration: underline; color: #2c8bcb; font-weight: 500;}

.design_mode{ background:url("../images/lnb/i_design_mode.svg") 95% center no-repeat; background-color:#0066FF !important; cursor:pointer; border:0 !important;}
.design_mode:hover, .resp_btn.v4:hover{background-color:#005CE5 !important;}
.resp_table .design_mode{background-size:18%;}
.resp_table .shortcut{background-size:16%;}


/* ------------- 설명 desc ------------- */
.resp_desc{color:#737980; padding:5px 0; font-size:13px;}
.warning_mess{padding:0 30px 20px; font-size: 12px;}
.hyphen + .warning_mess {margin-top:-10px;}
.resp_desc_02 {color:#737980; margin:5px 0; font-size:12px;}
.resp_desc_02 a, .resp_desc a, .hyphen a, .resp_link {color:#0066FF; text-decoration:underline;}
.resp_desc_02 a.nowrap, .resp_desc a.nowrap, .hyphen a.nowrap, .resp_link.nowrap {white-space: nowrap;}
.resp_desc_02 a:hover, .resp_desc a:hover, .hyphen a:hover, .resp_link:hover {cursor: pointer;}

.hyphen {margin:5px 0 0 -5px; font-weight:400;}
.hyphen li{position: relative; margin: 2px 0 0 0; padding: 0 0 4px 16px;  font-size:13px; color: #737980;}
.hyphen li:before{content: ""; position: absolute; top: 10px; left: 6px; width: 4px; height: 1px; background: #737980;}
.hyphen li.skyblue:before {background: #0066FF;}
.content_dvs:has(.resp_table_contents + .hyphen), .content_dvs:has(.resp_table_contents_wrap ~ .hyphen) {overflow:hidden;}
.content_dvs .resp_table_contents + .hyphen, .content_dvs .resp_table_contents_wrap ~ .hyphen {padding: 0 30px 20px; margin-top:-10px;}
.content_dvs .resp_table_contents + .hyphen.v2 {background: #eff3f6; padding-top: 20px !important; margin-top: 0;  }
.content_dvs .resp_table_contents + .hyphen.v2 > li {font-size: 14px; margin: 5px 0;}
.content_dvs .resp_table_contents + .hyphen.v2 > li > a {font-size: 12px;}

.indent_circle {margin:5px 0 0 -5px; font-weight:400; color:#000; font-weight: 500;}
.indent_circle > li {position: relative; padding: 0 0 4px 10px;}
.indent_circle li:before{content: ""; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background: url('../images/i_indent_circle.png') no-repeat center;}

.hyphen.v2 li {font-size: 13px; margin:0; padding: 0 0 0px 16px;}
.content_dvs .resp_table_contents + .hyphen{padding: 0 30px 20px; margin-top:-10px;}
.top_line_box {border-top: 1px solid #ccc; margin-top:15px; padding-top:10px}

ul.star {margin:5px 0 0 -5px; font-weight:400;}
ul.star li{position: relative; margin: 2px 0 0 0; padding: 0 0 4px 16px;  font-size:12px; color: #737980; letter-spacing: -1;}
ul.star li:before{content: "*"; position: absolute; top: 2px; left: 6px; width: 4px; height: 1px;}

/* ------------- input ------------- */ 
.resp_checkbox > label, label.resp_checkbox , .resp_radio > label, label.resp_radio { font-weight:400 !important; line-height:40px;}
.resp_checkbox > label > input {margin-right:3px;}
.form-control {border-radius:0; font-size:14px;}

.resp_radio input[type="radio"], input[type="radio"].resp_radio, .resp_checkbox input[type="checkbox"], input[type="checkbox"].resp_checkbox { outline: none; vertical-align: middle; -webkit-appearance: none; border-radius: 0; border: 0; padding:0; cursor: pointer; }

.resp_checkbox label, .resp_radio label{margin-right:15px; display:inline-block; line-height: 21px; vertical-align: middle;}
.resp_checkbox label:last-child, .resp_radio label:last-child{margin-right:0;}
label.resp_checkbox input[type="checkbox"]{margin-right:5px;}

.resp_radio label:first-child, .resp_checkbox label:first-child, label:first-child.resp_checkbox, label:first-child.resp_radio{margin-left:0;}

.resp_checkbox, .resp_radio {position: relative; display:inline-block; }
.resp_checkbox input[type="checkbox"], 
input[type="checkbox"].resp_checkbox { background: url('../images/checkbox_off.svg') no-repeat center center; background-size:auto; width:21px; height:21px; vertical-align: middle;}
/* .resp_checkbox input[type="checkbox"]:hover,
input[type="checkbox"]:hover.resp_checkbox { background: url('../images/checkbox_hover.svg') no-repeat center center; } */
.resp_checkbox.tertiary input[type="checkbox"]:hover,
input[type="checkbox"]:hover.resp_checkbox.tertiary { background: url('../images/checkbox_hover.svg') no-repeat center center; }
input[type="checkbox"]:hover { background: url('../images/checkbox_hover.svg') no-repeat center center; }
.resp_checkbox input[type="checkbox"]:checked,
input[type="checkbox"]:checked.resp_checkbox { background: url('../images/checkbox_on.svg') no-repeat center center; }
.resp_checkbox.tertiary input[type="checkbox"]:checked,
input[type="checkbox"]:checked.resp_checkbox.tertiary { background: url('../images/checkbox_on_v2.svg') no-repeat center center; }
.resp_checkbox input[type="checkbox"]:disabled,
input[type="checkbox"]:disabled.resp_checkbox { background: url('../images/checkbox_dissabled.svg') no-repeat center center; }

.resp_radio input[type="radio"], input[type="radio"].resp_radio { background: url('../images/radio_off.svg') no-repeat center center; background-size:auto; width:21px; height:21px; }
.resp_radio input[type="radio"]:checked:disabled, input[type="radio"]:checked:disabled.resp_radio { background: url('../images/radio_on.svg') no-repeat center center; }
.resp_radio input[type="radio"]:not(:checked):disabled, input[type="radio"]:not(:checked):disabled.resp_radio { background: url('../images/radio_off.svg') no-repeat center center; opacity:.5;}
.resp_radio input[type="radio"]:checked, input[type="radio"]:checked.resp_radio { background: url('../images/radio_on.svg') no-repeat center center !important;}

.resp_radio input[type="radio"]:hover { background: url('../images/radio_hover.svg') no-repeat center center;}

.resp_radio.row { margin-left: 0!important; }
.resp_radio.row > label{display:block; margin:10px 0;}
.resp_checkbox .txt, .resp_radio .txt{line-height: 21px; vertical-align: middle;}
.resp_select{height: 33px !important; line-height: 31px !important;}

/*검색 검색명 그룹*/
.search_group{display:inline-block; width:100%; border:1px solid #d3d3d3; border-radius:3px; }
.search_group > * {border:0 !important; float:left; }
.search_group select {width:30%; color:#747474; text-align:left; height:38px !important; padding:0 5px !important;}
.search_group input {width:70%; border-left:1px solid #d3d3d3 !important; height:38px !important; border-radius:0px;}

/* select 그룹 */
.select_group {width: 100%;}
.select_group select{width: 100%;}

/*검색 기간 선택 버튼 그룹*/
.btn_group {display:inline-block; width:100%; }
.btn_group > button {border:1px solid #0094fc; border-left:0; display:inline-block; float:left; width:20%; padding:7px 0; font-size:14px; outline: none; color:#0086df;}
.btn_group > button:first-child, .btn_group > input + button {border-radius:3px 0 0 3px; border-left:1px solid #2c8bcb;}
.btn_group > button:last-child {border-radius:0 3px 3px 0;}
.btn_group > button:hover {background-color:#67c0ff; color:#FFF;}
.btn_group > button.active{background:#0094fc; color:#FFF; border:1px solid #2c8bcb;}
.btn_group.flex{display: flex;}
.btn_group.flex > button{flex: 1;}

/*달력 input*/
.input_group {display:inline-block; width:100%; border:1px solid #d7dde4; border-radius:3px; overflow:hidden; }
.input_group > * {border:0 !important; float:left;}
.input_group input {width:87%; color:#747474; text-align:center; height:38px !important;}
.input_group.addon input { width:calc(100% - 38px); }
.input_group .inpup_prepend, .input_group .input-group-text{width:13%; border-left:1px solid #d3d3d3 !important; height:38px !important; text-align: center; display: inline-block; line-height: 38px; padding:0; background-color: #FFF;}
.input_group.addon .inpup_prepend { width: 38px; border-right:1px solid #d3d3d3 !important; border-left:none !important; }
.input_group.addon .inpup_prepend .icon { display:inline-block; width:20px; height:20px; background-size:contain; vertical-align:middle; }
.input_group textarea[readonly] + .input-group-text {
    width: 100%;
    background-color: rgba(0,0,0,0.05) !important;
    cursor: default;
}

/*달력, 텍스트 입력 카운트 input*/
.input_group.v2 input{width:calc(100% - 60px); text-align:left; color:#000000;}
.input_group.v2 > textarea {height:80px;}
.input_group.v2 > .input-group-text, .input_group.v2 .input_group_text_wrap .input-group-text{width:60px; font-weight:600; background-color:#FFF !important; border-left:0 !important; border-radius:0; color:#7f7f7f; text-align: right; padding-right: 10px; font-size: 12px;}
.input_group.v2 > input:disabled + .input-group-text{background-color:rgba(0,0,0,0.05) !important;}
.input_group.v2 > textarea + .input_group_text_wrap {display:block; float: none;}
.input_group.v2 > textarea + .input-group-text, .input_group.v2 > textarea + .input_group_text_wrap .input-group-text {float:right; line-height: 30px; height: auto !important;}
.input_group.v2 > textarea + .input_group_text_wrap .input-group-text {border:0px;}
.input_group.v2 > input[type='text'][readonly] + .input-group-text{background-color:rgba(0,0,0,0.05) !important;}
.input_group.v2 .input-group-text .cur_cnt{color:#0081c8;}
.input_group.v2.auto .input-group-text{width:auto;}
.input_group.v2.single{display: flex;}

/*아이콘 띄운 input*/
.input_group.v3 {position:relative;}
.input_group.v3 input{width:100%; text-align:left; color:#000000;}
.input_group.v3 > textarea {height:80px;}
.input_group.v3 > .float-panel {position:absolute;right:10px;bottom:10px;text-align: center;}
.input_group.v3 > .float-panel > span {margin:0 1px;}

/*페이지 페이지 주소*/
.input-group > input[type='text'] {margin-left:-1px; border-right: 0; outline:none;}
.input-group > input[type='text'] + .input-group-text {background:#FFF;  font-weight:600;  border-radius:0 3px 3px 0; padding: 0 10px; border-left: 0 !important;  color:#888d93 !important; font-size:12px !important; }
.input-group > .input-group-append > .input-group-text {background:#FFF; border:0; text-align:left; padding-left: 0; padding-right: 10px;}
.input-group > input[type='text'][disabled] + .input-group-text{background-color:rgba(0,0,0,0.05) !important; }
.input-group .input-group-text .cur_cnt{color:#0081c8;}

/*라디오 버튼 버튼화*/
.radio_group {display:inline-block; }
.radio_group input[type="radio"] { outline: none; vertical-align: middle; -webkit-appearance: none; border-radius: 0; border: 0; margin:0; padding:0; cursor: pointer; display: none; }
.radio_group > label { min-width: 120px; width:auto; letter-spacing:-.5px; line-height: normal; box-sizing: border-box; border:1px solid #0094fc; border-left:0; display:inline-block; float:left;  padding:7px 0; font-size:14px; outline: none; color:#0086df; text-align:center; font-weight:500 !important; background: #FFF;}
.radio_group > input[readonly] + label{pointer-events: none;}
.radio_group > input[disabled] + label{pointer-events: none; background-color:rgba(0,0,0,0.05) !important;}
.radio_group > input:not(:disabled) + label:hover {background:#67c0ff; color:#FFF;}
.radio_group > label:first-of-type {border-radius:3px 0 0 3px; margin-left: 0 !important; border-left:1px solid #2c8bcb;}
.radio_group > label:last-child {border-top-right-radius:3px; border-bottom-right-radius: 3px;}
.radio_group input[type="radio"]:checked + label{background:#0094fc; color:#FFF; }

.radio_group[disabled]{pointer-events: none; opacity:.5;}
.search_dvs .radio_group.col3, .search_dvs .radio_group.col4 {width:100%;}
.radio_group.col3 > label {width:33.3%; min-width:auto;}
.radio_group.col4 > label {width:25% !important; }
.radio_group.auto > label {width:auto; min-width:auto; padding:7px 20px;}
.radio_group.disabled {opacity:0.5; pointer-events: none; }
.radio_group.flex{max-width: 100%;}
.radio_group.flex label{flex: 1; min-width:auto;white-space: nowrap;}

/*체크박스 버튼화*/
.checkbox_group {display:inline-block;}
.checkbox_group > input{display:none;}
.checkbox_group > span{min-width: 120px; display:inline-block; padding:6px 0; text-align:center; float:left; color:#0086df; cursor:pointer; border:1px solid #0094fc;font-weight: 500;}
.checkbox_group > span.on{background:#0094fc; color:#FFF;}
.checkbox_group > .use_off{border-right:1px solid #2c8bcb; border-radius: 3px 0 0 3px;}
.checkbox_group > .use_on{border-right:1px solid #2c8bcb; border-radius: 0 3px 3px 0;}
.checkbox_group_content {/*margin-top:10px;*/}
.checkbox_group.off {opacity:0.5;}
.resp_switch {display:none;}
.content_dvs .dvs_header .checkbox_group > span {min-width: 100px; }
.content_dvs .dvs_header .checkbox_group {vertical-align:top;}

/*리스트 페이지내 검색폼*/
.resp_search {display:flex; width:350px; text-align:right; vertical-align:top;}
.resp_search > div {display:flex;  flex: 1; max-height: 40px; border:1px solid #d3d3d3; background:url('../images/i_search.png') 15px center no-repeat; padding-left:40px; border-right: 0; border-radius:3px 0 0 3px;}
.resp_search > div[disabled]{background-color:rgba(0,0,0,0.05) !important;}
.resp_search > div[disabled] > input:disabled{background-color:rgba(0,0,0,0) !important;}
.resp_search > *{vertical-align:top;}
.resp_search > div > input {border:0; height: 38px !important; width:100%; padding-left:0 !important; }
.resp_search > div > input:focus{border:0;}
.detailSearchBtn{font-size:13px; margin-left:10px; text-decoration:underline; cursor:pointer; line-height: 39px;}
.resp_search > button { height:40px; border:1px solid #a6a6a6; background:#FFF; color:#000; border-radius:0; font-size:14px; padding:9px 20px; margin-left:0; outline:none; float:left; border-radius:0 3px 3px 0;}
.resp_search.v2 > div > input {width:calc(100% - 65px);}
.resp_search.w250{width:250px;}
.right_dvs:has(.resp_search), .right_dvs:has(.resp_search)>form {display:flex; gap: 5px;}
.resp_table_dvs > .top_dvs {margin-bottom:12px;}


/*텍스트 스타일*/
.resp_text_blue {color:#007abd; }
.resp_text_grey {color:grey; }

/*주소 검색*/
.addr_group {display:flex;  position: relative; width:100%;}
.addr_group .select2 {margin-top:0 !important; width:100px;}
.addr_group button {width:80px;border-radius:0; border-radius: 0 3px 3px 0;}
.error_mess {color: #ec3e3d; letter-spacing: -1px; line-height: 2; text-align:left; display: block; font-size:12px;}

.addr_comm li{display: flex;}
.addr_comm li + li{margin-top: 10px;}
.addr_comm .addr_group input{border-radius: 0;}
.addr_comm .addr_group .btn{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.addr_comm .fill{flex: 1;}

/* 정보 기록 */
.record_comm{max-height:220px; overflow-y:auto; padding: 5px 9px; color: #333; border: 1px solid #d7dde4; border-radius: 2px; background-color: rgba(0,0,0,0.05) !important;}
.record_comm li::before{content: '·'; margin-right: .5em;}
.record_comm .step{display:inline-block; padding-right:.3em;}

/*툴팁*/
.i_tooltip {background:url("../images/i_help.svg") no-repeat center center; width:15px; height:15px; background-size:15px; display:inline-block; position:relative; opacity:1; margin-left:2px;}
.tooltip .tooltip-inner{text-align: left;}

/*리스트 권한 */
.auth {font-size:12px; color:#FFF; background:#9cb1c1; border-radius:3px; padding:1px 3px; border:1px solid #8498af; font-weight:300; min-width:55px; display:inline-block; line-height:normal; letter-spacing: -1px;}
.auth.only_member {background:#7bb0d8; border:1px solid #5293c4;}
.auth.only_admin {background:#e99e40; border:1px solid #dd8210;}

.IPAD{display:none;}

/*모달 검색*/
.modal .search_area{padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7;}
.modal .search_area .search_box{padding:15px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#f5f5f5;}
.modal .search_area .search_row{gap:4px; align-items: center;}
.modal .search_area .search_row + .search_row{margin-top:5px;}
.modal .search_area .search_row .tit{width:6em;}
.modal .search_area input{background:#fff;}
.modal .search_area .select_wrap select{flex:1; width:calc(25% - 4px); background:#fff;}
.modal .search_area .search_count{display:flex; justify-content:space-between; align-items: center; margin-top:15px;}
.modal .search_area .txt{position: relative;}
.modal .search_area .txt .check_info{position: absolute; top: 0; left: 0; white-space: nowrap; background: #fff;}

/* 모달 검색 - 회원 */
.modal#modalSelectMember .modal-body{padding-top: 0; padding-bottom: 0; border-bottom: 1px solid #e1e1e1;}

/* 로딩 스피너 */
.loading_spinner { display:none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index:1100; background: rgba(0,0,0,.7)}
.loading_spinner .spinner { width:100px; height:100px; position:absolute; left:calc(50% - 50px); top:calc(50% - 50px); border:2px #fff solid; border-top-color:#F58800; border-radius:50%;  animation:spinner_rotate 3s linear infinite; }
@keyframes spinner_rotate {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}

@media screen and (max-width:1400px) {
    .layout_col .nav_wrap{display:none;}
    .layout_col .content_wrap {width:100%; border-left:0;}
    .reduce_mode .content_wrapper > .content, .reduce_mode .content_wrapper > form >.content {width:100%; padding:20px 20px 114px; overflow-y: auto;}
    .reduce_mode .content_header .resp_tab{width:100%; margin:0; padding:0;}
}

@media screen and (max-width:1024px) {
    .resp_table > tbody > tr > td .resp_btn{margin:1px;}
	.content_dvs .dvs_header {padding:10px;}
	.content_dvs .dvs_header > h3 {font-size:16px; width:100%; line-height:normal;}
    .content_dvs .dvs_header.v2 > h3 + .resp_desc {position:relative; display:block; font-size:13px; padding: 8px 0 0 0 !important}
	.content_dvs .dvs_header > h3 .desc{font-size:13px;}
	.content_dvs .dvs_header > h3 + .resp_desc {position:relative; display:block; font-size:13px; padding: 8px 0 0 0 !important}
	.content_dvs .dvs_header .right_dvs{float:none; margin-top:5px;}
	.content_dvs .dvs_header.v3 .right_dvs {float:right; margin-top:0x; position:absolute; top:0px; right:10px;}
	#prodgroup-view .content_dvs .dvs_header.v3 .right_dvs #addProduct {margin-top:5px;}
	.resp_btn#btn_add_menu_item + .resp_desc{display:block; padding-left:0 !important;}

	.PC{display:none !important;}
	.IPAD{display:inline-block;}

	.payments_methods {display: flex; flex-wrap: wrap;}
	.payments_methods > * {flex: 1 1 40%; margin-left: 0 !important;}
	.colgroup_pc {display:none;}
	.colgroup_mobile {display:none;}
	.colgroup_laptop {display:table-column-group;}
}

@media screen and (max-width:768px) {
    .search_side {left:0;}
	.resp_btn_close {display:inline-block; }

	.content_wrapper {margin-left:0;}

	.content_dvs {margin-top:10px;}

    .content_wrapper .content_header h2 {font-size:22px; margin:0 0 0 35px;}
	.content_wrapper .content_header .resp_btn.size_XL {padding: 2px 10px; min-width: auto; font-size: 13px;}
	.content_wrapper .content_header .resp_btn.size_X {padding: 2px 10px; min-width: auto;}

    /* ------------- 여백 ------------- */
    .content_wrapper .content_header {padding:10px; width:100%;}
	.content_wrapper .content_header .resp_tab{margin-bottom: -11px;vertical-align: bottom;}
	.content_wrapper .content_buttons{padding-left:10px; padding-right:10px; margin: 10px -10px -10px;}

    .resp_radio:not(.inline) > label{margin-left:0; display:block;}

    /*탭*/
	.resp_tab > li {margin-right: 10px;}
    .resp_tab > li > a {letter-spacing:-1px;  font-size:100%; line-height: normal; min-width:70px;}
	.resp_tab > li > button, .resp_tab > li > a {margin-right: 0;}
	.resp_tab > li > a, .resp_tab > li > button {padding:5px 0;}	
	.resp_tab .tit {letter-spacing: -1px;}

    .resp_btn_wrap > .resp_btn.size_L , .resp_btn_wrap > #btn-excel-download{font-weight:400; font-size:14px; min-width:111px;}

    /*분할*/
    .resp_section.col2 > li {width:100%; padding:10px 0 0 0 !important;}
    .resp_section.col2 > li:nth-child(2) {padding-top:10px !important;}

	.radio_group{width:100%;}
	.radio_group > label{min-width:auto; width:33.3%;}

	.radio_group.auto > label {margin-top:0;}
	.radio_group.auto {width:auto;}

	.content_dvs .resp_table_contents + .hyphen{padding: 0 10px 20px; margin-top:-10px;}
	.content_dvs .resp_table_contents_wrap ~ .hyphen{padding: 0 10px 20px; margin-top:-10px;}
	.content_dvs dd > table {width:100% !important;}

	.reduce_mode .content_wrapper > .content, .reduce_mode .content_wrapper > form >.content {padding:10px 10px 104px; }
}

@media screen and (max-width:500px) {
	.mobileHide {display:none!important;}
	.pcHide {display:inline-block;}
    .mobileShow {display:inline;}
	.colgroup_pc {display:none;}
	.colgroup_laptop {display:none;}
	.colgroup_mobile {display:table-column-group;}
	input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], select{height: 35px !important; line-height: 33px;}
	.input_group .inpup_prepend, .input_group .input-group-text {height:35px !important; line-height:35px !important;}
	#btn-excel-download {padding:1px 14px;}
	.controller_wrap {position: absolute; top: 0; right:0;}

	
	.content_wrapper .content_buttons {padding:10px; }	
	.resp_table_contents_02 > dt {margin-top:0;}

	.radio_group.auto > label {border-radius:0 !important;}
	.radio_group.auto > *:first-child + label {margin-top:0;border-radius:3px 0 0 3px !important;}
	.radio_group.auto > *:last-child {border-radius:0 3px 3px 0 !important;}
	.radio_group.auto {width:auto;}
	.input_group, .resp_table_contents > dd > .input_group, .resp_table_contents > dd > select {width:100%;}

	.resp_table_dvs > .top_dvs{margin-bottom: 3px;}
	.resp_table_dvs .right_dvs {float:none; display:block;}
	.resp_table_dvs .right_dvs #datatable-list_length {position: absolute; top: 0; right: 0;}
	#mail .resp_table_dvs .right_dvs, #sms .resp_table_dvs .right_dvs, #talk .resp_table_dvs .right_dvs {float:right;}
	#mail .resp_table_dvs .right_dvs #datatable-list_length, #sms .resp_table_dvs .right_dvs #datatable-list_length, #talk .resp_table_dvs .right_dvs #datatable-list_length {position: relative;}

	.resp_table_dvs .btn_wrap {float:right;}

	.resp_search {width:100% !important; margin-bottom: 3px;}
	.resp_search > div > input {height: 33px !important;}
	.resp_search > button {height: 35px; padding: 6px 20px; }
	.detailSearchBtn{line-height: 33px !important;}

	.dom_position {padding:5px 0; }
	.dom_position > .right_dvs, .dom_position > .left_dvs {float:none;}
	.dom_position > .right_dvs{display:block;}
	.dom_position .pagination > li > a, .pagination > li > span {padding: 6px 7px;}
	.dom_position > .right_dvs .dataTables_length, .dom_position > .right_dvs > select {float:right;}
	.dom_position > .right_dvs > .dataTables_paginate {margin-left: 0;}

	.resp_table > thead > tr > th, .resp_table > tbody > tr > td {padding: 8px 5px; line-height: normal; letter-spacing: -0.5px;}
	.resp_table > thead > tr > th .tit2 {display:none;}
	.resp_checkbox > label, label.resp_checkbox, .resp_radio > label, label.resp_radio {line-height: 30px;}
	.resp_table_02 > thead > tr > th, .resp_table_02 > tbody > tr > td {padding: 8px 5px; word-break: break-all;}
	
	.resp_table > thead > tr > th > br{display:inline;}
	.layout_col .content_wrap .header > .right_dvs > .resp_btn.size_L {min-width:auto; padding:1px 15px 0px;}

	.footer .upgradeBtn {display:none;}
	
}

/* -------------- 팝업 ------------------*/
/*새 아이템 추가 페이지*/
body.gu-unselectable {padding-right:0px !important; }
.additem_wrap {background:#eff3f6; height:100%;}
.additem_wrap .additem {width:500px; margin:10% auto 0; text-align:center; }
.additem_wrap .additem .img img{display: inline-block; max-width:200px;}
.additem_wrap .additem .info {line-height:30px; margin:40px;}
.additem_wrap .additem .info > h5 {font-size:2em; font-weight:600;  letter-spacing:-2px; color:#737980;}
.additem_wrap .additem .info > p {color:#737980; letter-spacing:-1px;}
.popup_title_wrap {display: flex; align-items:center;}
.popup_title_wrap .popup_thumb {width:100px; margin-right: 20px;}

@media screen and (max-width:500px) {
	.additem_wrap .additem {width:100%; margin:20% auto 0;}
	.additem_wrap .additem .info {margin:10px;}
	.additem_wrap .additem .info > h5{font-size:1.5em;}
	.additem_wrap .additem img{width:30%;}
}

/* ------------- 게시판 ------------- */
.layout_col .content_wrap .header select{display:none; width:100%; line-height: 40px !important; height:40px !important;}

#setting_btn {display:none !important; margin-right:5px;}
/*게시글 보기*/
.borad_view > li {padding:10px 0; position:relative;}
.borad_view .info_wrap{border-bottom:1px solid #8d8d8d;}
.borad_view .info_wrap .tit > h3{font-size:20px; letter-spacing:-1px; display:inline-block;}
.borad_view .info_wrap .post_status {color:#7c7c7c; font-size:18px; }
.borad_view .info_wrap .info {color:#7d7d7d; margin-top:10px; display:table;}
.borad_view .info_wrap .info > li {display:table-cell; padding-right:10px; font-weight:300; }
.borad_view .info_wrap .info > li:first-child{color:#000;}
.borad_view .post_content {min-height:300px; padding:20px 0;}
.borad_view .attach_file {position:absolute; right:0; top:0; background:url("../images/i_file.png") left center no-repeat; padding:5px 0 5px 15px; color:#7d7d7d;}
.borad_view .attach_file a {color:#0081c8; text-decoration:underline;}
.borad_view .commet_info{border-bottom:1px solid #8d8d8d; display:inline-block; width:100%; }


.borad_view .info_wrap.product{position: relative; padding-bottom: 20px; padding-left: 10px;}
.borad_view .info_wrap.product .thumb{display: inline-block; width: 90px; height: 90px;}
.borad_view .info_wrap.product .thumb img{width: 100%; height: 100%; object-fit: cover;}
.borad_view .info_wrap .product_tit{margin-top: 10px;}
.borad_view .review_photo{margin-top: 30px;}
.borad_view .review_photo .file{display: inline-block; position: relative; height: 100px; margin-right: 10px; margin-bottom: 10px;}
.borad_view .review_photo .file img{display: inline-block; height: 100%; width: auto;}

.borad_view .comment_group {background:#f6f6f6; padding:10px 15px 15px;}
.borad_view .comment_group .textarea_group {display:flex; align-items: stretch;min-height:80px;}
.borad_view .comment_group .textarea_group > textarea {width:calc(100% - 100px);height:80px; border-left:1px solid #d3d3d3; background:#FFF; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; border-right:0;}
.borad_view .comment_group .textarea_group .resp_btn_board{ outline: none}
.borad_view .comment_group.v2 {background: #FFF; padding: 0 0 20px 0; border-bottom: 1px solid #e7e7e7;}
.borad_view .comment_group.v2 .staff_name{line-height:20px; display:inline-block;}

.borad_view .tit_dvs {position:relative; padding:5px 0 10px 0;}
.borad_view .comment_info {display:inline-block;}
.borad_view .comment_info .regist_date {color:#7d7d7d; margin-left:5px;}

.borad_view #comment-list-lay > .comment-item-lay {border-bottom:1px solid #e7e7e7; padding:15px 0;}
.borad_view #comment-list-lay > .comment-item-lay .comment_btns > li{float:left; background:url("../images/bar.png") left center no-repeat; padding:0 10px;}
.borad_view #comment-list-lay > .comment-item-lay .comment_btns > li:first-child{background:none;}
.borad_view #comment-list-lay > .comment-item-lay .comment_btns > li:last-child{padding-right:0;}
.borad_view #comment-list-lay > .comment-item-lay .comment_btns > li > button {outline: none;}
.borad_view #comment-list-lay > .comment-item-lay .btn-show-children {outline: none; color:#7d7d7d; margin-top:10px;}
.borad_view #comment-list-lay > .comment-item-lay .comment-content {word-break: break-all;}

.borad_view .children-row {background:#f6f6f6; padding:10px 20px; margin:10px 0 0 0;}
.borad_view .children-row .comment-item-lay {border-top:1px solid #e7e7e7; padding:10px 0;}
.borad_view .children-row .comment-item-lay .comment_btns button {color:#7d7d7d;}
.borad_view .children-row .comment-item-lay:first-child{border-top:0;}
.borad_view .comment-content {word-break: break-all;}

.i_attach_2 {background:url("../images/i_attach.svg") no-repeat center center; background-size:auto; display:inline-block; width:12px; height:14px; vertical-align: middle;}
.i_new {background:url("../images/i_new.svg") no-repeat center center; background-size:auto; display:inline-block; width:12px; height:12px; }
.i_secret_post {background:url("../images/i_secret_post.svg") no-repeat center center; background-size:auto; display:inline-block; width:12px; height:14px; vertical-align: middle;}
.comment_cnt {color:#a7a7a7; font-size:12px;}
.badge-warning {background:#007bff; color:#FFF; border-radius:50%;vertical-align:middle; margin: -4px 0 0 3px; padding: 3px 0; width: 17px; height: 17px; text-align: center; font-size: 10px;}

@media screen and (max-width:1400px) {
	.layout_col .content_wrap .header select { display:inline-block;}
	.layout_col .content_wrap .header select + h3 {display:none;}
	#setting_btn{display:inline-block !important;}
}

@media screen and (max-width:500px) {
	select[name='board_list'], select[name='gnb_list'] {line-height: 34px !important; height: 34px !important;}
}

/*------------- 컨텍폼 ------------- */
#set-forms-lay { border:2px dotted #d7dde4; background:#f1f5f8; position:relative;}
.form-item-lay {width:auto !important; margin:10px; min-width:400px; position: relative;}
.form-item-lay.ui-draggable-dragging {z-index:100;}
.form-item-lay .resp_table_contents.v2 > dt {width:150px; line-height:40px;}
.form-item-lay .resp_table_contents.v2 > dd { margin-left: 150px;}
.form-item-lay .resp_section.col2 > li > dl > dt, .form-item-lay .resp_section.col2 > li > dl > dd {padding:0;}
.form-item-lay .resp_section.col2 > li:nth-child(2n){padding:10px 0 0 20px;}
.form-item-lay .resp_section.col2 > li:nth-child(2n + 1){padding:10px 20px 0 0;}
.form-item-lay .resp_section.col2 > li:nth-child(1), .resp_section.col2 > li:nth-child(2) {padding-top:0 !important;}
.form-item-lay .detail-options-lay {width:auto !important; padding:20px 25px;border-left:1px solid #ced4da;border-right:1px solid #ced4da;border-bottom:1px solid #ced4da; background-color:white;}
.form-item-lay .detail-options-lay .resp_checkbox > label, label.resp_checkbox, .form-item-lay .resp_radio > label, label.resp_radio { margin:0;}
#set-forms-lay input { text-align:left; }

.form_list {display:table; width:100%; border:1px solid #d7dde4; }
.form_list.v2 { width:auto; }
.form_list > li {cursor: url(../images/move_cursor.cur) 10 11, auto; display:table-cell; width:100px; text-align:center; padding:45px 10px 10px ; border-left:1px solid #d7dde4; background-position:center 20px; color:#000; font-size:12px; font-weight:400;}
.form_list.v2 > li { background-position:center 10px; width:85px; }
.form_list > li:hover{background-color:#e7edf4;}
.form_list > li:first-child{border-left:0;}
.ui-draggable-dragging .ui-draggable-handle{cursor: url(../images/move_cursor.cur) 10 11, auto}

.form_item {display:table; width:100%; border-right:1px solid #c6d2dc;}
.form_item > li {display:table-cell; border-left:1px solid #c6d2dc; border-top:1px solid #c6d2dc; border-bottom:1px solid #c6d2dc; padding:0px 0; background-color:#FFF;}
.form_item > li > input[type="text"]{border:0; font-size:16px; color:#000; height: 50px !important;}
.form_item > li > input[type="text"][readonly]{background:#fff !important; pointer-events: none;}
.form_item .f_icon, .form_item .f_setting, .form_item .f_del, .form_item .f_move{width:50px; background-position:center center;}
.form_item .f_setting, .form_item .f_del, .form_item {cursor:pointer;}
.form_item .f_setting.on {background:url("../images/i_f_setting_v2.png") center center no-repeat; background-color:#9daabb; border:1px solid #8c97a5;}
.form_item.btn_sortable_move, .btn_sortable_move.i_move{cursor:move !important;}

@media screen and (max-width:768px) {
    .form-item-lay .detail-options-lay{padding: 10px;}
    .form-item-lay .resp_table_contents.v2 > dt {width:100%;}
    .form-item-lay .resp_table_contents.v2 > dd { margin-left: 0;}
    .form-item-lay .resp_section.col2 > li {padding:5px 0 0 0 !important;}
}
@media screen and (max-width:500px) {
    .form_list {display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; border:0;}
    .form_list >  li {display:flex; width:16.8%; display:-webkit-flex; text-indent:-10000px; border: 1px solid #d7dde4; padding:15px 0; background-position:center center; margin-left:-1px; margin-top:-1px;}
	.form_list.v2 > li { background-position: center; width:53px; }
    .form_list >  li:first-child{border-left: 1px solid #d7dde4;}

	.form-item-lay {min-width:240px;}
	.content_dvs .dvs_header.v2 > .resp_desc {padding:5px 0 !important;}
}

/*------------- 템플릿 관리 ------------- */
.not_confirm {text-decoration:underline; color:red;}
.input_not_confirm { font-size:14px; letter-spacing:-1px; color:#dc3545; }

/*------------- 스킨변경 ------------- */
.lattice_list {display:inline-block; width:100%;}
.lattice_list > li {display:inline-block; float:left; text-align:center;}
.lattice_list.col4 > li {width:25%;}

#skin-content .lattice_list .item > div {margin:7%;}
#skin-content .lattice_list .item .tit {margin-top:20px; font-size:18px; font-weight:600; font-family:"Montserrat", 'Malgun Gothic', sans-serif;}
#skin-content .lattice_list .item .desc {text-decoration:underline; font-size:14px; color:#696969; height:35px;}
#skin-content .lattice_list .item .thumb_wrap { position:relative; width: 100%; height:calc(100vw / 4);}
#skin-content .lattice_list .item .label {display:none; border-radius:5px; position:absolute; right:0; top:0; background:url("../images/skin_label.svg") no-repeat top right; background-size:auto; width: 71px; height: 99px; line-height:1.2; color:#FFF; font-weight:600; padding-top: 27px;}
#skin-content .lattice_list .item .layer {display:none; background:rgba(0, 0, 0 ,.75); position:absolute; right:0; top:0; width: 100%; height:100%; border-radius:5px;}
#skin-content .lattice_list .item .layer > div {display:table-cell; vertical-align:middle; line-height:3}
#skin-content .lattice_list .item .layer .skinChangBtn {background:#0066FF; color:#FFF; display:inline-block; padding:0 35px; font-weight:600; font-size:16px; cursor:pointer; border-radius:5px; }
#skin-content .lattice_list .item .layer .skinChangBtn[data-skin-change="main"] {background:#FFF; color:#333; margin-top:7px;}
#skin-content .lattice_list .item .layer .previewBtn {color:#FFF; text-decoration:underline; cursor:pointer; display:inline-block;}
#skin-content .lattice_list .item .thumb { background-size: cover; background-position: center top;  width: 100%; height:100%; border:1px solid #d8dfe6; border-radius:5px;}
#skin-content .lattice_list .item.on .layer {display:table;}
#skin-content .lattice_list .item.active .thumb {border:5px solid #0066FF; }
#skin-content .lattice_list .item.active .label{display:inline-block;}
#skin-content .lattice_list .item[data-new='new'] .thumb_wrap:after { display:block; content:''; position:absolute; left:-14px; top:-14px; width:72px; height:72px; border-radius:50%; background:url("../images/icon_new_01.svg") 50% 50% no-repeat; }

#preview {background:rgba(216, 220, 229, .95); position:fixed; width:100%; height:100%; top:0; left:0; z-index:1000;  opacity:0;}
#preview > .content {width:90%; margin:0 auto; text-align:center;}
#preview .header {padding:25px 0; display:inline-block; width:100%;}
#preview .header .btn_wrap{display:inline-block; position: relative; top: 7px;}
#preview .header .btn_wrap > li {display:inline-block; min-width:50px; cursor:pointer; opacity:0.5;}
#preview .header .btn_wrap > li.active {opacity:1;}
#preview .header .redoBtn{cursor:pointer; background:url("../images/i_arrow_skin.svg") no-repeat left center; background-size:auto; padding-left:20px; font-size:16px; font-weight:600; float:left; position: relative; top: 10px;}
#preview .preview_frame {width:100%; height:calc(100vh - 120px); border:0; text-align:center;}
#preview .skinChangBtn {background:#0081c8; color:#FFF; display:inline-block; padding:10px 35px; font-weight:600; font-size:16px; cursor:pointer; border-radius:5px; float:right;}


@media screen and (max-width:1024px) {
    .lattice_list.col4 > li {width:50%;}
	#skin-content .lattice_list .item .thumb_wrap {height:calc(100vw / 3); }
	#skin-content .lattice_list .item > div {margin:5%;}
}

@media screen and (max-width:768px) {
	#skin-content .lattice_list .item .thumb_wrap {height:calc(100vw / 2); }
	#preview .header .btn_wrap > li[data-type='pc'] {display:none;}
	#preview > .content {width:calc(100% - 20px);}
}

@media screen and (max-width:500px) {
	#skin-content .lattice_list .item > div {margin:5px;}
	#preview .header .btn_wrap {display:none;}
	#skin-content .lattice_list .item .layer .skinChangBtn {background:#0066FF; letter-spacing: -0.5px; color:#FFF; display:inline-block; padding:0 10px; font-weight:600; font-size:13px;}
	
	#skin-content .lattice_list .item .tit {margin-top:10px; font-size:15px;}
	#skin-content .lattice_list .item .desc {height:45px; font-size: 12px;}
	#skin-content .lattice_list .item[data-new='new'] .thumb_wrap:after { left:-8px; top:-8px; width:52px; height:52px; }
}

/*스킨 변경 안내 팝업*/
.modal-title.v2 {font-size:20px;}
.confirm_mess {font-size: 14px; font-weight: 600;}
.confirm_mess .warning_label {color:#0066FF; font-size:12px; text-decoration: underline;}
.confirm_mess .warning_label + p {margin-top:3px;}
.confirm_mess .mess_wrap {background-color: #f1f5f8; border-radius: 10px; padding:18px 30px; margin:15px 0 10px;} 
.confirm_mess .mess_wrap > h5 {display: inline-block; background-color: #0066FF; color: #FFF; font-size: 12px; border-radius: 50px; padding:2px 10px;}
.confirm_mess .mess_wrap > ul {color:#0066FF; margin-top: 15px;}
.confirm_mess .mess_wrap > ul > li {padding-bottom: 2px;}
.confirm_mess .noti_mess {font-size: 12px; font-weight: 400; color: #007bff; margin-bottom:15px}

/*로딩바*/
.loading_progress {background-color: rgba(0, 0, 0 ,.2); display: flex; align-items: center;justify-content: center; position: fixed; top:0; left: 0; z-index: 2000; width: 100vw; height: 100vh;}
.loading_progress > .box {background: #333; padding: 50px 50px; border-radius: 15px;}
.loading_progress .loader_box {background-color:#1b1f26; border-radius: 30px; padding:60px 110px; text-align:center;  font-size: 14px; color: #FFF; }
.loading_progress .loader_box > .title{font-size: 22px; font-weight: 600; letter-spacing: -0.75; color: #FFF; padding-bottom: 15px;}
.loading_progress .loader_box > .mess{color: #89a0b2; display: block; position: relative; padding-bottom: 20px; margin-bottom:20px;}
.loading_progress .loader_box > .mess::before {content: ""; height: 1px; width: 140px; background-color: #2e3238; position: absolute; bottom: 0; left: 50%; transform: translate(-50%);}
.loading_progress .loader_box .info_wrap > .tit {color: #2bacfe;}
.loading_progress .loader_box .info_wrap > .counting{color:#89a0b2;}
.loading_progress .loader_box .info_wrap > .counting > b{color:#FFF;}
.loading_progress .loading {display:inline-block; position: relative; height: 12px; width: 390px; border: 1px solid #fff; border-radius: 10px; overflow: hidden; margin-top: 15px;}
.loading_progress .loading .bar {content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 0%; display: inline-block; background: #2bacfe;}

@media screen and (max-width:500px) {
	.loading_progress .loader_box {padding:40px 30px; width: 90%;}
	.loading_progress .loading {width: 100%;}
}

/***************방문통계***********************/

#visit #search-form select {height:37px !important;}
#visit #search-form button[type="submit"] {line-height: 35px; border:1px solid #808b98; padding: 0 13px;}
#visit #chart_type {float:right; margin-bottom:10px;}

@media screen and (max-width:500px) {
	#visit #search-form select {padding:0 !important;}
	#visit #search-form .radio_group.auto > label {margin-top:0; padding:7px 10px;}
}

/***************매출통계***********************/
.month_total_info {display: flex; width: 100%;}
.month_total_info > li {flex-grow: 1;}
.date_select_wrap #calendar-month {display: none;}

@media screen and (max-width:500px) {
	.date_select_wrap #calendar-month{display: block;}
	.radio_group.sales_month {display: none;}
	.date_select_wrap {display: flex; gap: 10px; float:none;}
	.date_select_wrap > select {flex:1 1 auto;}
}


/***************팝업***********************/
.i_pc {background:url("../images/popup/i_pc.svg") no-repeat center center; background-size:auto; display: inline-block; width:28px; height:24px; margin:0 3px;}
.i_mobile {background:url("../images/popup/i_mobile.svg") no-repeat; background-size:auto; display: inline-block; width:16px; height:26px; margin:0 3px;}

/**************관리자**********************/
.perms {display:inline-block; width:100%;}
.perms > li {display:inline-block; width:25%; float:left; padding:5px 0;}

@media screen and (max-width:500px) {
	.perms > li {width:50%;}
}

/* ------------- 부트스트랩 커스텀 ------------- */
.nav-tabs .nav-item {display:inline-block; }
table.dataTable {margin-top:0 !important; margin-bottom:0 !important;}
div.dataTables_wrapper div.dataTables_info {padding-top:0 !important;}
label:not(.form-check-label):not(.custom-file-label){font-weight:400; }
.input-group-append .btn, .input-group-prepend .btn {font-size:13px;}
.form-inline label { display:inline-block;}
.sindu_handle {cursor: default !important;}
.address-full {overflow: hidden; text-overflow: ellipsis;}

@media screen and (max-width:500px) {
	.daterangepicker .drp-selected {display:block; margin-bottom:5px;}
	.daterangepicker.show-calendar .drp-buttons{text-align:center;}
}

/* sortable custom */
.ui-sortable-helper > td, .ui-sortable-helper > th{border-top:1px solid #7a8592 !important; border-bottom:1px solid #7a8592 !important; margin-bottom:-1px;}
.ui-sortable-helper > td:first-child, .ui-sortable-helper > th:first-child{border-left:1px solid #7a8592 !important; }
.ui-sortable-helper > td:last-child{border-right:1px solid #7a8592 !important; }
.ui-sortable-placeholder {visibility: inherit !important; height:56px;}
.resp_table .fa:before {padding-left: 5px;}


/* =========================================================================================================
* Froala - custom
=========================================================================================================== */
.fr-toolbar, .fr-popup { z-index:50 !important; }
.fr-toolbar.fr-inline { padding:0; }
.fr-popup .fr-buttons { padding:0; }

[data-param1='fr_underline'] { padding-bottom:1px !important; text-decoration:underline !important; text-underline-position:under; }
[data-param1='fr_bold'] { font-weight:700 !important; }
.fr_underline > span { text-decoration:underline; text-underline-position:under; }
.fr_bold > span { font-weight:700 !important; }
.fr_bold { font-weight:700; }

/*[data-text-editable='true'][style] { min-height:15px; }*/
[data-text-editable='true']:not([style]) p { font-size:10px; line-height:1.5; color:#333; }
[data-text-editable='true'] .fr-wrapper > div[style]:first-child { display:none; } /* froala 키 없는 경우의 메세지 박스 */
[data-text-editable='true'] .fr-counter, .fr-box .fr-counter { display:none; } /* 캐릭터 카운터 미노출 */
p[data-f-id] { display:none !important; } /* froala destroy 시 하단 배너 미노출 */

.fr-separator.fr-vs{ height:38px; margin:0 }
.fr-btn { margin:0 !important; }
.fr-dropdown.fr-selection > span { display:block !important; height:38px !important; line-height:38px !important; }

.fr-popup .fr-separator+.fr-colors-tabs { margin:0; }
.fr-popup .fr-colors-tabs { margin-left:0; margin-right:0; }
.fr-popup .fr-colors-tabs .fr-colors-tab { padding:10px 0; font-size:14px; color:#767676; }
.fr-popup .fr-color-hex-layer { border-top:1px #bbb solid; }
.fr-popup .fr-color-hex-layer .fr-input-line { padding:0; }
.fr-popup .fr-color-hex-layer .fr-input-line input[type=text] { border:1px #ddd solid; padding:0 5px; }
.fr-popup .fr-color-hex-layer  .fr-input-line input+label { left:5px; background:none; }
.fr-popup .fr-color-hex-layer.fr-active  .fr-input-line input+label { display:none; }

.fr-popup .fr-input-line input[type=text], .fr-popup .fr-input-line textarea { margin:0; }
.fr-popup .fr-input-line input[type=text]:focus, .fr-popup .fr-input-line textarea:focus { border-width:1px; }

.fr-popup .fr-link-insert-layer { width:480px; margin-bottom:15px; }
.fr-popup .fr-link-insert-layer > .fr-input-line { margin-top:4px; }
.fr-popup .fr-link-insert-layer .fr-input-line input[type=text] { font-size:15px; height:40px; line-height:40px; }
.fr-popup .fr-link-insert-layer.fr-active { display:flex; flex-flow:row wrap; }
.fr-popup .fr-link-insert-layer.fr-active > div { flex:1 0 50%; }
.fr-popup .fr-link-insert-layer.fr-active > .fr-input-line:nth-child(1) { flex-basis:100%; padding-bottom:15px; }
.fr-popup .fr-link-insert-layer.fr-active > .fr-input-line:nth-child(2) { display:none !important; }
.fr-popup .fr-link-insert-layer .fr-action-buttons button.fr-command { padding-left:25px; padding-right:25px; color:#fff; background-color:#1e88e5; }

.fr-dropdown-list [data-cmd='fontFamily'] { font-size:21px; }
.fr-command[data-cmd='inlineStyle'] { font-family:'Noto Sans KR'; }

button[data-cmd='color'] i { color:#ef6000; font-size:17px !important; }
button[data-cmd='fontAwesome'] i { /*color:#277bd1;*/ }
.fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled,
.fr-toolbar .fr-command.fr-btn.fr-disabled i, .fr-popup .fr-command.fr-btn.fr-disabled i { color: #bdbdbd; cursor: default; }

.fr_ls-02 { letter-spacing:-0.2em; }
.fr_ls-015 { letter-spacing:-0.15em; }
.fr_ls-01 { letter-spacing:-0.1em; }
.fr_ls-005 { letter-spacing:-0.05em; }
.fr_ls0 { letter-spacing:0; }
.fr_ls005 { letter-spacing:0.05em; }
.fr_ls01 { letter-spacing:0.1em; }
.fr_ls015 { letter-spacing:0.15em; }
.fr_ls02 { letter-spacing:0.2em; }

@media only screen and (max-width:639px) {
	.fr-popup .fr-link-insert-layer { width:340px; }
}

/* 이미지 매니저 버튼 삭제 */
button[data-cmd='imageManager'] { display:none !important; }

/* 쓰기 폼 텍스트 디폴트 정의 */
.froala_write_section,
.board_write_form .fr-wrapper,
.post_content,
.board_contents, .checkbox_group_content {font-family:"Noto Sans KR"; font-size:14px; line-height:1.5; color:#000; }
.post_content {word-break: break-all;}
.post_content table td {border: 1px solid #DDD;}

.fr-toolbar {border: 1px #d7dde4 solid;}
.fr-second-toolbar {display: none;}
.fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell{outline: 1px double #0098f7; border: 0 !important;}

.fr-box.fr-basic .fr-wrapper {border:1px #d7dde4 solid; border-radius:3px;}
.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {height: 43px;}
.fr-toolbar .fr-newline {margin:0;}
.fr-box.fr-basic {border-radius: 3px !important; margin-right:0 !important;}
.fr-toolbar.fr-top {border-radius: 3px 3px 0 0 !important; filter: drop-shadow(0px 3px 1px rgba(0, 0, 0, .07)); border-bottom: 1px solid #d5dce6 !important;}

.fr-box.fr-basic.fr-top .fr-wrapper{box-sizing: content-box;}

.fr-popup .fr-layer {width: 300px;}
.fr-popup .fr-input-line input + label {top: 26px;}
.fr-popup .fr-checkbox-line label {margin:0;}

.fr-toolbar {border: 1px #d7dde4 solid;}
.fr-second-toolbar {display: none;}
.fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell{outline: 1px double #0098f7; border: 0 !important;}

.fr-box.fr-basic .fr-wrapper {border:1px #d7dde4 solid; border-radius:3px;}
.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {height: 43px;}
.fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {margin: 8px 6px;}
.fr-toolbar .fr-newline {margin:0;}
.fr-box.fr-basic {border-radius: 3px !important; margin-right:0 !important;}
.fr-toolbar.fr-top {border-radius: 3px 3px 0 0 !important;}

.fr-toolbar .fr-btn-grp {border-right: 1px solid #eeee; margin: 0; padding: 0;}
.fr-toolbar	[data-cmd="fontSize"] >span{width: 40px !important; text-align: center;}
.fr-tooltip {pointer-events: none;}
.fr-separator.fr-vs {margin: 4px;}
.fr-toolbar .fr-command.fr-btn.fr-active, .fr-popup .fr-command.fr-btn.fr-active {color: #1e88e5; background: transparent;}
.fr-popup {border-top: 1px solid #cfcfcf}

.fr-popup .fr-layer.fr-color-hex-layer{ width: 100% !important; }
.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {width: 45px; color: #fff; background-color: #1e88e5;}
.fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line input[type="number"] {height: 40px;}
.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {padding: 15px 0 0;}
.fr-popup .fr-color-set > span{width: 28px; height: 28px;}
.fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg {margin:2px}
.fr-popup .fr-command.fr-btn[data-cmd="setEmoticonCategory"],
.fr-popup .fr-emoticon,
span.fr-emoticon { font-family: "Tossface", "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols!important; }
.fr-command.fr-btn + .fr-dropdown-menu[aria-hidden="false"] .fr-dropdown-wrapper {margin:20px 0!important;}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {margin-top: -20px;}
.fr-command.fr-btn + .fr-dropdown-menu[aria-hidden="true"].bottom .fr-dropdown-wrapper {margin:0px 0!important; transition: all 0.2s;}
.fr-toolbar .fr-dropdown-menu.bottom {top:40px !important; bottom:auto !important;}

/***** 상품 *****/
.prod_sort_list{display: inline-flex; width: 100%; margin-bottom: 20px; padding: 20px; border-radius: 20px; background: #fff;}
.prod_sort_list.t1{max-width: 230px;}
.prod_sort_list.t2{max-width: 460px;}
.prod_sort_list.t3{max-width: 690px;}
.prod_sort_list.t4{max-width: 920px;}
.prod_sort_list.t5{max-width: 1150px;}
.prod_sort_list li{flex: 1; padding: 10px 30px;}
.prod_sort_list li + li{border-left: 1px solid #d2dce6;}
.prod_sort_list li button{display: block; width: 100%; text-align: left;}
.prod_sort_list li button:focus{outline: none;}
.prod_sort_list li button .tit{display: block; white-space: nowrap; padding-bottom: 5px; color: #7e91a0;}
.prod_sort_list li button .cnt{font-size: 11px; color: #7e91a0;}
.prod_sort_list li button .cnt .no{font-family: 'Roboto'; font-size: 25px; color: #000;}
.prod_sort_list li button.on .tit{text-decoration: underline; font-weight: 700; color: #4a98d8;}
.price_comm{display: inline-block; position: relative; line-height: 30px; white-space: nowrap;}
.price_comm::before{line-height: 32px;}
.price_comm[data-price="krw"]::before{content: '₩ ';}
.price_comm[data-price="usd"]::before{content: '$ ';}
.price_comm[data-price="cny"]::before{content: '¥ ';}
.price_comm[data-price] input{max-width: 100%;}
.price_comm.input[data-price] input{padding-left: 2em !important;}
.price_comm.input::before{position: absolute; left: 10px; line-height: 40px;}


.discount_comm{display: inline-block; position: relative; line-height: 30px; white-space: nowrap;}
.discount_comm::after{line-height: 32px;}
.discount_comm[data-type="amount"]::after{content: ' 원';}
.discount_comm[data-type="percentage"]::after{content: ' %';}
.discount_comm[data-type] input{max-width: 100%; text-align: right;}
.discount_comm.input[data-type] input{padding-right: 2em !important;}
.discount_comm.input::after{position: absolute; right: 10px; line-height: 35px;}



.input_unit{display: inline-block; position: relative; line-height: 30px; white-space: nowrap; width: 120px}
.input_unit input{width: 100%; padding-right: 1.5em !important; text-align: right;}
.input_unit[data-unit="per"]::before{content: ' %'; position: absolute; top: 0; right: .5em; line-height: 40px;}
@media only screen and (max-width:768px) {
	.prod_sort_list{margin-top: 10px; margin-bottom: 0; padding: 10px; border-radius: 10px;}
	.prod_sort_list li{padding: 5px 15px;}
}
@media only screen and (max-width:500px) {
	.price_comm.input::before{line-height: 33px;}
	.discount_comm.w150 {width: 100px !important;}
} 
@media only screen and (max-width:400px) {
	.discount_comm.w150 {width: 28% !important;}
	.discount_comm.w150[data-type="percentage"] {width: 21% !important;}
}

/* 상품 목록 */
.cate_product [data-match-target]{display: none;}
.table_wrap{overflow-x: auto;}
.resp_table_dvs .search_bar .dataTables_length{display: inline-block;}
.resp_table.prod th{text-align: center !important; line-height: 1.2; word-break: keep-all;}
.resp_table.prod td{text-align: center; line-height: 1.2; word-break: keep-all;}
.resp_table.prod input, .resp_table.prod select{height: 30px !important; text-align: center;}
.resp_table.prod input[disabled], .resp_table.prod select[disabled]{border: 0; background: none !important; -webkit-appearance: none; opacity: 1;}
.resp_table.prod .resp_btn{white-space: nowrap;}
.resp_table.prod .prod_name{display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #4a98d8; font-weight: 700; vertical-align: middle;}
.resp_table.prod .date{display: inline-block; line-height: 1.2; vertical-align: middle;}
.resp_table.prod .thumb{display: inline-block; position: relative; overflow: hidden; width: 45px; height: 45px; vertical-align: middle;}
.resp_table.prod .thumb img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;}
.resp_table.prod .tit.new::after{content: 'N'; display: inline-block; width: 15px; height: 15px; margin-left: 5px; border-radius: 3px; font-family: 'Roboto'; font-size: 9px; line-height: 15px; color: #fff; text-align: center; background: #f58800;}
.resp_table.prod .status_tag{display:inline-block; width:53px; height:20px;  border-radius:2px; font-size:12px; color:#fff; line-height:18px; text-align: center; border-color:#25afa4;background:#46c2b8;}
.resp_table.prod .status_tag[data-status="done"]{border:1px solid #8c8c8c; background-color:#ababab;}
.resp_table.prod .status_tag[data-status="ing"]{border-color:#0075C7; background:#0094FC;}
.resp_table.prod .status_tag[data-status="stop"]{border-color:#d66348; background:#e3846d;}
.resp_table.rowspan td:not(:first-child)[rowspan]{border-left: 1px solid #e7e7e7;}
.resp_table.rowspan td:not(:last-child)[rowspan]{border-right: 1px solid #e7e7e7;}


.modal .resp_table.prod{max-width: calc(100vw - 50px) !important;}
.modal .resp_table.claimList {min-width: 700px !important;}
/* 상품 등록 */
.dash_box {padding: 20px; border: 2px dashed #d7dde4; background: #f1f5f8; }
.dash_box.v2 {min-height: 180px; display: flex; justify-content: center; align-items: center;}
.dash_box input[type=text]{background:#FFF;}
.content_multi .content_dvs.image{width: 417px; flex: none;}
.cate_product .discount_label{display: inline-block; width: 140px;}
.cate_product .discount_box{width: auto; color: #4d98db;}
.cate_product .discount_box::before{content:'('; position: static;}
.cate_product .discount_box::after{content:')';}
.cate_product #discount_percent{border: none; width: auto}
.cate_product #discount_percent::before{content: attr(value);}
.cate_product #discount_percent::after{content: '%';}

.keyword_area{border: 1px solid #d3d3d3; border-radius: 3px; padding: 2px;}
.auto_keyword{display: flex; flex-wrap: wrap;}
.auto_keyword > li{display: inline-block; margin: 2px; }
.auto_keyword.js_sortable > li.space{min-width: 90px; height: 30px; border: 1px dashed #d7dde4;border-radius: 3px; }
.auto_keyword .keyword_box{display: inline-block; position: relative; min-width: 90px; height: 30px; padding-left: 8px;padding-right: 25px; border: 1px solid #929292; border-radius: 3px; font-size: 12px; color: #777; line-height: 28px; white-space: nowrap; font-style: normal; background: #f7f7f7; cursor: move;}
.auto_keyword .keyword_box.edit{border: 2px solid #000;}
.auto_keyword .keyword_box + .keyword_box{margin-left: 4px;}
.auto_keyword .keyword_box i{display: none; overflow: hidden; position: relative; top: 4px; width: 21px; height: 21px; border: 1px solid #cacaca; border-radius: 50%; margin-right: 4px;}
[data-type="color"] .auto_keyword .keyword_box i{display: inline-block;}
.auto_keyword .keyword_box i .color_picker{display: inline-block; overflow: hidden; width: 100%; height: 100% !important; text-indent: -100vw; cursor: pointer; scale: 1.7; text-indent: 20px !important;}
.jQWCP-wWidget{width: 270px !important; height: 200px !important; box-shadow: none; background: #fff;}
.auto_keyword .keyword_box .tit{vertical-align: top; cursor: text;}
.auto_keyword .keyword_box .tit input{display: inline-block; width: 55px; height: 26px !important; font-size: 12px; color: #777; background: transparent; }
.auto_keyword .keyword_box .btn_delete{display: inline-block; overflow: hidden; position: absolute; top: calc(50% - 5px); right:5px; width: 10px; height: 10px;  text-indent: -100vw; transform: rotate(45deg)}
.auto_keyword .keyword_box .btn_delete::before,
.auto_keyword .keyword_box .btn_delete::after{content: ''; display: inline-block; position: absolute; top: 50%; right: 0; width: 10px; border-bottom: 1px solid #161616;}
.auto_keyword .keyword_box .btn_delete::after{transform: rotate(90deg);}
.auto_keyword .js_input_box{flex: 1; min-width: 30px;}
.auto_keyword input{width: 100%; height: 30px !important; padding: 0 !important; border:none; line-height: 30px !important; vertical-align: top;}
.auto_keyword input:focus{border: none;}
.auto_keyword input[disabled]{background: none !important;}
.auto_keyword input.reset{color: transparent;}
.auto_keyword.noguide input::placeholder {color:transparent;}
.option_list.disabled .auto_keyword .js_input_box{flex: none; min-width: auto;}
.option_list.disabled .auto_keyword .input_keyword{display: none;}

.upload_area{height: calc(100% - 64px)}
.upload_area #dropzone { height: 100%; padding: 5px; position:relative;}
.upload_area #dropzone .fa-image { font-size:10rem; color:#adadad; }
.upload_area #dropzone.dz-started{overflow: hidden;}
.upload_area #dropzone.dz-started .guide-item { display: none !important; border-radius: 0px;  text-align:center; border: 1px dashed #9cabb7; background-color: #FFF; position: relative; display: inline-block; vertical-align: top; width: 75px; height: 75px; }
.upload_area #dropzone.dz-started .guide-item .row { margin:0px; }
.upload_area #dropzone.dz-started .guide-item .fa-image { font-size: 3rem; }
.upload_area #dropzone .guide-item { display:none; }
.upload_area #dropzone.dropzone .dz-preview { cursor: move; z-index:1; width: 75px; height: 75px; min-height: auto;}
.upload_area #dropzone.dropzone .dz-preview:hover{z-index: 2;}
.upload_area #dropzone.dropzone .dz-preview:nth-child(2){width: 160px; height: 160px;}
.upload_area #dropzone.dropzone .dz-preview .dz-image { width: 100%; height: 100%; border-radius:0px !important;}
.upload_area #dropzone.dropzone .dz-preview .dz-image img{width: 100%; height: 100%;}
.upload_area #dropzone .dz-preview input.item-check { position: absolute; z-index: 99; left: 0px; top: 0px; width: 20px; height: 20px; cursor:pointer; }
.upload_area #dropzone.dropzone .dz-preview .dz-remove { text-decoration: none !important; font-size: 1rem; color: #6f6f6f; font-weight: bold; position: absolute; top: 0px; right: 0px; z-index: 99; background:url("../images/i_delete2.svg") no-repeat center center; background-color: #c6d2dc; width: 20px; height: 20px; border: 1px solid #c6d2dc; }
.upload_area #dropzone.dropzone .dz-preview.dz-image-preview { border: 1px solid #c6d2dc; }
.upload_area #dropzone .dz-preview .item-represent { display:none; }
.upload_area #dropzone .dz-preview .label-represent {width:20px; height:20px; background:url("../images/i_star.svg") no-repeat center center; position: absolute; z-index: 99; bottom: 25px; right: 4px; color: #ffd800; cursor:pointer; }
.upload_area #dropzone .dz-preview .item-represent:checked + .label-represent {background:url("../images/i_star2.svg") no-repeat center center;}
.upload_area #dropzone .dz-preview .btn-detail { position: absolute; right: 3px; bottom: 3px; z-index: 99; color: white; width:20px; height:20px; background:url("../images/i_extend.svg") no-repeat center center; cursor: pointer; }
.upload_area #dropzone.dropzone .dz-preview.over { border: 3px dotted #666; }
.upload_area #dropzone.dropzone .dz-preview[draggable] { user-select: none; }
.upload_area #dropzone.dropzone .dz-preview, .upload_area #dropzone.dz-started .guide-item{float: left; margin: 5px;}
.upload_area #dropzone.dropzone .dz-preview .dz-details{display: flex; flex-flow: column; justify-content: center; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 5px;}
.upload_area .image-select-row {position: absolute; top:0; background: #FFF; padding: 10px 30px; left: 0; right: 0; bottom: 0;}
.upload_area .image-select-row > *{font-weight:600;}
.upload_area .image-select-row .mess {display:inline-block; margin: 10px 5px 10px 0; letter-spacing:-0.5px; vertical-align: middle;}
.upload_area .content_dvs .dvs_header .right_dvs {float:right !important; display: inline-block !important; margin-top: 0 !important; }
.upload_area #dropzone.dropzone .dz-default{display: flex; height: 100%; justify-content: center; align-items: center; margin: 0 !important; text-align: center;}
.upload_area #dropzone.dropzone.dz-started .dz-default.dz-message{display:none !important;}
.upload_area #dropzone.dropzone .dz-preview.dz-error .dz-error-message{display: block; top: 100%; left: 50%; transform: translateX(-50%); z-index: 11;}
.row-img {background:url("../images/no_image.svg") no-repeat center top; width: 100%; }
.row-msg {color:#737980;}
.row-msg-or {color:#b2b8bf;}
.upload_area #dropzone.dropzone .guide-item .row-img {height: 100%; background-size: 50%; margin-top: 0; background-position: center;}
.upload_area #dropzone.dropzone .guide-item .row-msg {font-size:12px; letter-spacing:-2px; line-height:normal;}
.upload_area #dropzone.dropzone .dz-default .row-img {height: 62px; background-size: 62px 49px;}
.btn-add-img, .row-msg, .row-msg-or {margin: 1px;}
.dropzone .dz-message { margin: 5em 0;}
.dz-default .dz-message > span{display:block;}
.dropzone .dz-preview:hover .dz-image {position:relative;}
.dropzone .dz-preview:hover .dz-image img{-webkit-filter: blur(0);  filter: blur(0);}
.dropzone .dz-preview .dz-image > .dim {opacity: 0.7; background:#000; position:absolute; width:100%; height:100%; z-index:10; display:none; left:0; top:0;}
.dropzone .dz-preview:hover .dz-image > .dim { display:inline-block;}
.upload_area #dropzone.dropzone .dz-preview .dz-remove{border:0;}
.upload_area #dropzone.dropzone .dz-preview:hover .dz-remove{background-color:#010101; }
.dropzone .dz-preview .dz-details .dz-filename{margin-top:11px;width: 100%;overflow: hidden !important;color: #fff; text-overflow: ellipsis;}
.dropzone .dz-preview .dz-details .dz-filename span {color:#FFF; background:none !important; text-decoration:underline; font-size:12px !important; text-align:center; border:0 !important;}
.dropzone .dz-preview .dz-details .dz-size{margin-top:5px; margin-bottom:.5em;}
.dropzone .dz-preview .dz-details .dz-size span {color:#FFF; background:none; font-size:12px; text-align:center;}
.dropzone .dz-preview .dz-details {height:auto;}


@media screen and (max-width:768px) {
	#layer_claim_request .resp_table_contents > dd {margin-left:0 !important;}
}

@media screen and (max-width:500px) {
	.upload_area .image-select-row {padding: 10px;}
}

.option_editor .option_type{display: flex; justify-content: space-between; position: relative; padding-left: 44px;}
.option_editor .option_type + .option_type{margin-top: 10px;}
.option_editor .option_type .btn_option{display:inline-block; position: absolute; top: 0; left: 0; width: 40px; height: 40px; border: 1px solid #d3d3d3; border-radius: 3px; background: #fff;}
.option_editor .option_type .btn_option::before{content: ''; display: inline-block; position: absolute; left: 12px; right: 12px; top: calc(50% - 1px); border-bottom: 2px solid #0081c9;}
.option_editor .option_type .btn_option.add::after{content: ''; display: inline-block; position: absolute; top: 12px; bottom: 12px; left: calc(50% - 1px); border-right: 2px solid #0081c9;}
.option_editor .max .option_type .btn_option.add{display: none;}
.option_editor .option_type input{border-color: #d3d3d3; background: #fff;}
.option_editor .option_type label:not(:hover){background: #fff;}
.option_editor .option_type .option_area{flex: 1; margin-left: 4px; max-width: 487px;  background: #fff;}
.option_editor .option_type .radio_group label{padding-top: 9px; padding-bottom: 10px;}
.option_editor .option_type .radio_group{padding-left: 40px;}
.option_editor .option_button .js_option_table:disabled{opacity: .5;}
.option_editor .option_button[data-state-on="keyword"] .js_option_keyword{display: none;}
.option_editor .option_button[data-state-on="table"] .js_option_table{display: none;}
.option_editor .option_detail .top_dvs{height: 33px; margin-top: 20px;}
.option_editor .option_detail th{font-weight: 400;}
.option_editor .option_detail .light{padding-top: 5px; padding-bottom: 5px;}
.option_editor .option_detail .resp_table .flex.product_attr_name span, 
.option_editor .option_detail .resp_table .flex.product_unit_attr_text span{flex: 1; white-space: nowrap; padding: 0 5px; text-align: left;}
.option_editor .option_detail .option_price{border-left: 1px solid #e7e7e7;}
.option_price .plus {position: absolute; left: 8px; top: 2px; display: inline-block;}
.option_editor .option_detail input[type="number"], .option_editor .option_detail input[type="text"], .option_editor .option_detail select{width: 80px; height: 30px !important; border-color: #97a1ab; border-radius: 0; background-color: #fff;}
.option_editor .option_detail input.prod_code{width: 90px;}
.option_editor .option_detail select{width: 100px;}
.option_editor .option_detail .price_option{position: relative;}
.option_editor .option_detail .price_option .btn_toggle{position: absolute; top: 0; left: 7px; color: #ed8502; line-height: 32px;}
.option_editor .option_detail .price_option .btn_toggle:focus{outline: none;}
.option_editor .option_detail .price_option .btn_toggle[data-val="+"]::before{content: '+';}
.option_editor .option_detail .price_option .btn_toggle[data-val="-"]::before{content: '-';}
.option_editor .option_detail .price_option input{padding-left: 1.5em !important;}
.option_editor .option_detail .price_option input::before{content: '+';}

.option_editor .option_list.disabled{position: relative; pointer-events: none; border-color: #dcdcdc; background: #f4f4f4;}
.option_editor .option_list.disabled .option_type .btn_option,
.option_editor .option_list.disabled .radio_group{filter: grayscale(1);}
.option_editor .option_list.disabled .option_tit{pointer-events: initial;}
.option_editor .option_list.disabled .option_tit:focus{border: 2px solid #000;}
.option_editor .option_list.disabled .auto_keyword .keyword_box .tit{pointer-events: initial;}
.option_editor .option_list.disabled .auto_keyword .keyword_box i{pointer-events: initial;}
.option_editor .option_list.disabled .auto_keyword .btn_delete{display: none;}

.price_option_input .plus {position: absolute; left: 8px; top: 4px; display: inline-block;}
.price_option_input input{padding-left: 1.5em !important;}
.price_option_input input::before{content: '+';}

.sel_cate_list{display: flex; border: 1px solid #d2d3d5;}
.sel_cate_list > li{flex: 1;}
.sel_cate_list > li + li{border-left: 1px dashed #d2d3d5;}
.sel_cate_list .cate_tit{padding:10px 20px; font-weight: 700; line-height: normal; background: #eff3f6; text-align: center; }
.sel_cate_list .scroll{overflow-y: auto; height: 132px; margin: 8px 4px;}
.sel_cate_list .cate_cont{padding: 2px 5px;}
.sel_cate_list .cate_cont .cate_item{display: block; position: relative; width: 100%;border-radius: 3px; text-align: left; padding:1px 5px;}
.sel_cate_list .cate_cont .cate_item::after{content: ''; display: inline-block; position: absolute; top: calc(50% - 3px); right: 7px; width: 6px; height: 6px; border-right: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; transform: rotate(-45deg); transform-origin: center;}
.sel_cate_list .cate_cont .cate_item:not(.on):hover{text-decoration: underline;}
.sel_cate_list .cate_cont .cate_item.on{color: #fff; background: #8b97a5;}
.sel_cate_list .cate_cont .cate_item.on::after{border-color: #fff;}
.cate_selected{position: relative; min-height: 40px; padding: 10px 20px; border: 1px solid #d2d3d5;}
.cate_selected .cate{line-height: 20px;}
.cate_selected .cate li{display: inline-block; color: #0181c8; font-weight: 700; font-family:'Noto Sans KR'}
.cate_selected .cate li + li::before{content: '>'; margin-right: 4px;}
.cate_selected .delete_cate{position: absolute; top: -1px; bottom: -1px;right: -1px; width: 40px; border: 1px solid #c6d3dc;}
.cate_selected .delete_cate::before,
.cate_selected .delete_cate::after{content: ''; display: inline-block; position: absolute; top: calc(50% - 1px); left: calc(50% - 12px); width: 24px; border-bottom: 2px solid #8b96a3; transform: rotate(45deg);}
.cate_selected .delete_cate::after{transform: rotate(-45deg);}
.search_keyword{text-align: right; margin-top: 10px; font-size: 12px; color: #7f7f7f; font-weight: 600;}
.search_keyword .cur_cnt::after{content: attr(data-cnt);color: #0081c8;}
#setStockValueFin .table_wrap{overflow-y: auto; max-height: 200px;}
#setOptionPrice .input_area,
#setStockValue .input_area{display: flex; margin-top: 30px; align-items: center;}
#setOptionPrice .input_area .tit,
#setStockValue .input_area .tit{flex: 1;}
#setOptionPrice .input_area .price_comm, #setOptionPrice .input_area select,
#setStockValue .input_area input, #setStockValue .input_area select{width: calc(50% - 40px); margin-left: 10px;}

.option_editor .resp_table {margin-top: 10px;}
.option_editor.resp_table_contents{padding-top:0}

.modal [class*='btn_input']{display:inline-block; position:relative; width:30px; height:30px; border-radius:50%; background-color:#0081c8;}
.modal [class*='btn_input']::before{content:''; display: inline-block; position:absolute; top:calc(50% - 1px); left:calc(50% - 7px); width:14px; height:2px; background-color:#fff;}
.modal [class*='btn_input'].btn_input_add::after{content:''; display: inline-block; position:absolute; top:calc(50% - 1px); left:calc(50% - 7px); width:14px; height:2px; background:#fff; transform:rotate(90deg);}
.modal [class*='btn_input'].btn_input_delete{background-color:#e8eaed;}
.modal [class*='btn_input'].btn_input_delete::before{background-color:#8c97a5;}
.modal .msg_error{padding-top:.2em; padding-bottom:.4em; font-size:12px; line-height:1.4; color:#ff0000;}
.modal .msg_success{padding-top:.2em; padding-bottom:.4em; font-size:12px; line-height:1.4; color:#0081c8;}
#modal-add-link-item .modal-dialog{max-width:550px;}
#modal-add-link-item .modal-header{align-items:flex-end; padding-bottom:10px;}
#modal-add-link-item .modal-header .desc{font-size: .8em;}
#modal-add-link-item .modal-body.scroll{height:30vh; width:calc(100% + 10px); padding-top:10px;}
#modal-add-link-item .modal-body .line{max-width: 505px;}

@media screen and (max-width:1200px) {
	.cate_product .content_multi{display: block;}
	.cate_product .content_multi .content_dvs{width: 100%; flex: none;}
	.cate_product .content_multi .content_dvs + .content_dvs{margin-left: 0; margin-top: 10px;}
	.upload_area #dropzone.dropzone .dz-default,
	.upload_area #dropzone.dz-started{min-height:270px}
}
@media screen and (max-width:575px) {
	#modal-add-link-item .modal-header{flex-flow:column; align-items:flex-start}
}

@media screen and (max-width:500px) {
	.sel_cate_list .cate_tit{padding:5px 10px;}
	.option_editor .option_type {display: block; padding-left:0px; font-size: 0;}
	.option_editor .option_type .radio_group {padding-left: 45px;}
	.option_editor .option_type .option_area {margin-left: 45px;}	
	.option_editor .option_type .option_tit {height: 40px !important; margin-left: 45px;width: calc(100% - 45px);}
	.option_list {padding:10px;}
	.option_area.keyword_area {margin:5px 0; }
	.option_editor .option_button {margin-top: 10px;}
	.option_editor .check_info {margin-top: 10px;}
	.option_editor .resp_table {margin-top: 10px;}
	.stock_setting {margin-left: 0;}
	.option_table {width: auto; min-width: 100%;}
	#modal-add-link-item .modal-body .line{padding-right:10px;}
	.option_editor .check_info, .option_editor .option_button  {float: none; display: block;}
}

/*상품 상세*/


/* 배송비 */
.cate_shipping [data-match-target]{display: none;}
.cate_shipping [data-match-id="price_default"]{display: block;}
.cate_shipping [data-match-id="price_default"] li{display: none; }
.cate_shipping [data-match-id="price_default"][data-match-set="price_charge"] li.basic{display: block;}
.cate_shipping [data-match-id="price_default"][data-match-set="price_condition"] li.basic,
.cate_shipping [data-match-id="price_default"][data-match-set="price_condition"] li.condition{display: block;}
.cate_shipping .btn_txt_orange{color: #f58800; text-align: left; font-size: 12px;}
.cate_shipping .btn_txt_orange::after{content: ''; display: inline-block; width: 4px; height: .7em; margin-left: 3px; background: url('/images/ico_point_left_orange.png') right center / contain no-repeat;}
.cate_shipping .btn_txt_orange:hover{text-decoration: underline;}
.cate_shipping .return_address li{display: flex; max-width: 600px;}
.cate_shipping .return_address li + li{margin-top: 10px;}
.cate_shipping .return_address .addr_group input{border-radius: 0;}
.cate_shipping .return_address .addr_group .btn{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.cate_shipping .return_address .fill{flex: 1;}
.cate_shipping .company_table a:hover{text-decoration: underline;}

/* 별점 */
.starscore{display: inline-block; position: relative; vertical-align: middle; width: 92px; height: 16px; background: url(/images/products/review_star_blank2.png) left center repeat-x; background-size: auto 100%;}
.starscore::before{content: ''; display: inline-block; position: absolute; top: 0; left: 0; height: 100%; background: url(/images/products/review_star_fill2.png) left center repeat-x; background-size: auto 100%;}
.starscore[data-score="1"]::before{width: 20%;}
.starscore[data-score="2"]::before{width: 40%;}
.starscore[data-score="3"]::before{width: 60%;}
.starscore[data-score="4"]::before{width: 80%;}
.starscore[data-score="5"]::before{width: 100%;}

/* 주문상세 */
.cate_order [data-mode="view"] .bts_edit{display: none;}
.cate_order [data-mode="edit"] .bts_view{display: none;}
.cate_order select[disabled]{background-color: rgba(0,0,0,0.05) !important;}

.cate_order [data-mode="view"] .addr_group button{display: none;}
.cate_order .cash-receipt{display: flex;}
.cate_order .dd-cash-receipt .info{flex: 1; position: relative; margin-right: 5px;}
.cate_order .dd-cash-receipt button {flex:inherit; width: 100px;}
.cate_order .dd-cash-receipt .info input{width: 100%; padding-right: 70px !important;}
.cate_order .dd-cash-receipt .info .status{position: absolute; top: calc(50% - .7em); right: 10px; color: #006ab1;}
.cell_div li.courier_row{padding-top:3px; padding-bottom:4px;}
/* 현금영수증 정보 상세 */
.modal#layer-cash-receipt-detail .receipt_info .cont + .cont{margin-top: 5px;}
.modal#layer-cash-receipt-detail .receipt_info .bul{display: inline-block; min-width: 6em;}
.modal#layer-cash-receipt-detail .receipt_info .bul::before{content:'· '}
.modal#layer-cash-receipt-detail .note{margin-top: 30px; padding: 20px; color: #666; border-radius: 10px; background: #f5f5f5;}
.cate_order .textarea{max-height:220px; overflow-y:auto; padding: 5px 9px; color: #333; border: 1px solid #d7dde4; border-radius: 2px; background-color: rgba(0,0,0,0.05) !important;}
.cate_order .textarea li::before{content: '·'; margin-right: .5em;}
#div-order-payments-area .resp_table_contents_02 {margin-bottom:0;}
#div-order-payments-area .resp_table_contents_02 + .resp_table_contents_02 {margin-top:0;}
#div-order-payments-area dl:last-child {margin-bottom:20px;}
#div-order-payments-area .hide {display: none;}

/* 취소/반품/환불 */
.cate_claim select[disabled]{background: rgba(0,0,0,0.05) !important; -webkit-appearance: none;}
.cate_claim .resp_table th, .cate_claim .resp_table td{white-space: nowrap;}

.modal#layer_claim_request.layout_modal .modal-dialog{max-width: 850px;}
.modal#layer_claim_request .modal-title {font-size: 16px; border-bottom: 1px solid;}
.modal#layer_claim_request .modal-body {padding-bottom: 0;}
.modal#layer_claim_request .y_scroll{overflow-y: auto; max-height: 50vh;}
.modal#layer_claim_request .table_wrap {margin-bottom: 15px;}
.modal#layer_claim_request .resp_table > tbody > tr > td .name{letter-spacing: -1px;}
.modal#layer_claim_request .resp_table > tbody > tr > td .attr {color: gray;}
.modal#layer_claim_request .info_list li{margin-top: 5px; margin-bottom: 5px;}
.modal#layer_claim_request .info_list table{margin-top: 10px; margin-bottom: 10px;}
.modal#layer_claim_request .info_list table td{padding-top: 5px; padding-bottom: 5px;}
.modal#layer_claim_request .info_list table .tl{text-align: left;}
.modal#layer_claim_request .info_list .bul{display: inline-block; min-width: 5em;}
.modal#layer_claim_request .price_table{margin-top: 20px; padding-top: 10px; border-top: 1px solid #8d8d8d;}
.modal#layer_claim_request .price_table li{display: flex; justify-content: space-between;}
.modal#layer_claim_request .price_table li.hide{display: none !important;}
.modal#layer_claim_request .price_table .price_comm{position: relative; min-width: 6em; text-align: right;}
.modal#layer_claim_request .price_table .price_comm::before{position: absolute; right: 100%;}
.modal#layer_claim_request .price_table .price_comm.min::after{content: ''; position: absolute; right: calc(100% + 2em);}
.modal#layer_claim_request .price_table .price_comm.equal::after{content: ''; position: absolute; right: calc(100% + 1.8em);}
.modal#layer_claim_request .price_table .fin span{font-weight: 700;}
.modal#layer_claim_request select,
.modal#layer_claim_request input{height: 28px !important; line-height: 26px !important;}
.modal#layer_claim_request input{margin-left: 5px;}
.modal#layer_claim_request .layer_delete_confirm {padding: 1px 0 30px; text-align: center;}
.modal#layer_claim_request textarea.objClaimReasonDetail{width: calc(100% - 6em); height: 100px; margin-top: 5px; margin-left: calc(6em - 3px);}
#layer_claim_request .resp_table_contents {padding:0;}
#layer_claim_request .resp_table_contents > dt {width:120px;    padding: 0; line-height: 30px;}
#layer_claim_request .resp_table_contents > dd {margin-left: 120px; padding:0 0 5px 0;}
#layer_claim_request .resp_table_contents > dd > span > span {display: flex;}
#layer_claim_request .resp_table_contents > dd > span > span > * {flex-grow:  1;}
#layer_claim_request .objCouriersList, #layer_claim_request .objBankList, #layer_claim_request .objExchangeCouriersList, #layer_claim_request .objClaimTypeList {flex-grow: initial !important; width:30%;}
#layer_claim_request .minus {display: inline-block; margin-right: 5px;}
#layer_claim_request label:not(.form-check-label):not(.custom-file-label){font-weight: 700 !important;}
#layer_claim_request .fin {border-top:1px solid #e7e7e7; padding:6px 0; line-height: 30px; margin-top:3px;}
#layer_claim_request .fin {color:#3d79bf}
#layer_claim_request .fin .total_refund_price{font-size: 20px;}
#order_info_detail_popup .modal-dialog{max-width: 550px;}
.refund_payment_method .flex {gap:2px;}
.refund_name, .refund_account_number {margin:0 !important;}
.claim_detail_view .table_wrap {overflow-x: hidden;}


/* 카테고리 */
.content.cate{padding: 0 !important;}
.content.cate .layout_col{display: table; width: 100%;}
.layout_col .menu_wrap{display: table-cell; width: 400px; border-right: 1px solid #e1e1e1;}
.layout_col .menu_wrap .bts{height: 70px; padding:18px 10px 18px 20px; border-bottom: 1px solid #e1e1e1;}
.layout_col .menu_wrap .bts .common_setting{float: right;}
.layout_col .menu_wrap .bts .resp_btn[disabled]{opacity: .5;}
.layout_col .menu_group{overflow-y: auto; overflow-x: hidden}
.layout_col .menu_group .menu_list{transition: .2s;}
.layout_col .menu_group .menu_list li{overflow: hidden; position: relative; padding-left:20px; cursor: move;}
.layout_col .menu_group > .menu_list > li{padding-left: 35px;}
.layout_col .menu_group .menu_list .btn_open{display: inline-block; position: absolute; left: 0; top: 12px; width: 15px; height: 15px; background: url(/images/products/arrow_cate.svg) center no-repeat; transform: rotate(-90deg); opacity: .3; pointer-events: none;}
.layout_col .menu_group > .menu_list > li > .btn_open{left: 17px;}
.layout_col .menu_group .menu_list [data-child="has"] > .btn_open{transform: rotate(0); opacity: 1; pointer-events: auto;}
.layout_col .menu_group .menu_list .item_wrap{position: relative; height: 38px; padding-left: 28px; background: url(/images/products/i_folder.svg) left center no-repeat;}
.layout_col .menu_group .menu_list li.err .item_wrap::after{content: '!'; display: block; position: absolute; top: calc(50% - .8em); right: 10px; z-index: -1; width:15px; height:15px; border-radius:50%; font-size:11px; line-height:13px; text-align: center; color:#ff0000; border:1px solid #ff0000;}
.layout_col .menu_group .menu_list li:not(.err) .item_wrap.on::before{content: ''; display: block; position: absolute; top: 0; bottom: 0; right: 0; z-index: -1; width: 400px; background-color: #eaeff4;}
.layout_col .menu_group .menu_list .item_wrap:not(.on):hover::before{content: ''; display: block; position: absolute; top: 0; bottom: 0; right: 0; z-index: -1; width: 100vw; background-color: #eef6fb;}
.layout_col .menu_group .menu_list [data-child="has"] > .item_wrap{background-image: url(/images/products/i_folder_open.svg)}
.layout_col .menu_group .menu_list .btn_add{display: inline-block; position: absolute; right: 10px; top: calc(50% - 10px); height: 20px; width: 20px; background: url(/images/products/btn_add.png);}
.layout_col .menu_group .menu_list[data-depth="3"] .btn_add{display: none;}
.layout_col .menu_group .menu_list input{width: calc(100% - 40px); height: 38px !important; padding: 0 !important; border: none; background: none !important; pointer-events: none;}
.layout_col .menu_group .menu_list [data-child="has"].opened > .btn_open{transform: rotate(180deg); opacity: 1; pointer-events: auto;}
.layout_col .menu_group .menu_list [data-child="has"]:not(.opened) .menu_list{display: none;}
.layout_col .menu_group .menu_list.sortable{position: relative;}
.layout_col .menu_group .menu_list.sortable::before{content: ''; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; border: 2px dashed #eee;}
.layout_col .menu_group .menu_list.on_sorting .ghost{border: 1px dashed #ddd; background: #fafafa;}
.layout_col .menu_group .menu_list.on_sorting li:not(.err).ghost .item_wrap.on::before,
.layout_col .menu_group .menu_list.on_sorting .ghost .item_wrap:not(.on):hover::before{background-color: transparent;}
/*.layout_col .menu_group .menu_list.on_sorting .menu_list{position: relative; padding-bottom: 5px;}
.layout_col .menu_group .menu_list.on_sorting .menu_list::after{content: ''; display: block; position: absolute; bottom: 5px; left: -10px; right: 0; border-bottom: 3px dotted #eaeff4;}*/
.layout_col .menu_group .menu_list.on_sorting .sortable-chosen .menu_list{padding-bottom: 0}
.layout_col .menu_group .menu_list.on_sorting .sortable-chosen .menu_list::after{content: none;}
#form-category-config .category_menu {display: flex;justify-content: space-between;gap: 4px;}
#form-category-config .category_menu > div {display: flex;gap: 4px;}


@media screen and (max-width:1400px) {
	.cate .layout_col{display:table !important;}
	.cate .layout_col .menu_wrap{width: 300px;}
	.cate .layout_col .content_wrap {border-left:1px solid #bfcbd4 !important; display:table-cell !important; width: auto !important;}
	.cate .layout_col .content_wrap .header h3 {font-size: 22px !important; line-height: 1.5 !important;}
	.layout_col .resp_btn_wrap {margin-top: -3px;}

}

@media screen and (max-width:768px) {
	.cate .layout_col{display:block !important; overflow: auto;}
	.cate .layout_col .menu_wrap{display:block; width: auto;}
	.cate .layout_col .menu_group{height: auto !important; min-height: 38px;}
	.cate .layout_col .content_wrap {border-top:1px solid #bfcbd4; border-left:none !important; display:block !important; width: auto !important;}
	.cate .layout_col .content_wrap .header{display: none;}
	.cate .layout_col .content_box{height: auto !important;}

	.layout_col .menu_wrap .bts{height: auto; padding:10px;}
	.resp_btn_wrap {margin-top: -3px;}
	.layout_col .resp_btn_wrap {margin-top: -7px; right: 0;}
	
	#form-category-config .category_mobile_config {height: 100vh;}
}
@media screen and (max-width:500px) {
	#layer_claim_request .objBankList{flex-grow: 1; width: auto;}
	.modal#layer_claim_request .table_wrap {margin-bottom: 10px;}
	.modal#layer_claim_request .objRefundInfo{display: block;}
	.modal#layer_claim_request .objRefundInfo > * {width: calc(33% - 3px);}
	.resp_btn_wrap, .layout_col .resp_btn_wrap{margin-top:2px;}
}

.modal#cateSetComm .modal-body.scroll{max-height: 50vh;}
.modal#cateSetComm .resp_table_contents{padding: 0 !important;}
.modal#cateSetComm .resp_table_contents dt{width: 80px;}
.modal#cateSetComm .resp_table_contents dd{margin-left: 80px;}
.modal#cateSetComm .layout_preview .layout_col{display: flex; }
.modal#cateSetComm .layout_preview .layout_col .rect{display: inline-block;  border: 1px solid #ecf0f3; margin:1px; font-size: 0;}
.modal#cateSetComm .layout_preview .layout_col .rect i {height: 15px; width:15px; display: inline-block; margin:3px; }
.modal#cateSetComm .layout_preview .layout_col .rect.on{border:1px solid #d6dde5;  }
.modal#cateSetComm .layout_preview .layout_col .rect.on i {background: #c1e6ff; }
.modal#prodList .modal-dialog{max-width: 100%;}
.modal#prodList .modal-body{padding-top: 0; padding-bottom: 0; margin-bottom: 45px;}
.modal#prodList .modal-body.scroll{max-height: 50vh;}
.modal#prodList .modal-body.scroll::-webkit-scrollbar{height: 6px;}
.modal#prodList .resp_table_contents{padding: 0 !important;}
.modal#prodList .resp_table .name{display: inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 20em;}

/* 상품그룹 */
.prodgroup_list{display: flex; flex-wrap: wrap; align-items: flex-start;}
.prodgroup_list li{width: 25%; min-height: 400px; padding: 10px;}
.prodgroup_list li a{display: block; overflow: hidden; border: 1px solid #ddd; border-radius: 10px;}
.prodgroup_list li .thumb{overflow: hidden; position: relative; padding-top: 80%;}
.prodgroup_list li .thumb img{display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.prodgroup_list li .info{padding: 15px 20px; text-align: center;}
.prodgroup_list li .info .tit{font-size:18px; font-weight:700;}
.prodgroup_list li .info .count{color: #989898;}
.cate_prodgroup .radio_group.sort{max-width: 500px;}
.cate_prodgroup .radio_group.sort label{min-width: auto; word-break: keep-all;}
.cate_prodgroup .no_item{padding-top: 50px; padding-bottom: 50px; text-align:center;}
.cate_prodgroup .no_item img{max-width: 100px; height: auto;}
.cate_prodgroup .no_item .info{margin-top: 20px; text-align: center;}
.cate_prodgroup .prod_list{display: flex; flex-wrap: wrap; align-items: flex-start; margin: 10px -10px 0;}
.cate_prodgroup .prod_list .box{position: relative; z-index: 0; width: calc(20% - 20px); margin: 10px; padding: 10px; border: 1px solid #d7dde4; border-radius: 3px; cursor: move; background: #fff;}
.cate_prodgroup .prod_list .box:hover{z-index: 1;}
.cate_prodgroup .prod_list .box input[type="checkbox"]{position: absolute; top: 15px; left: 15px; z-index: 1;}
.cate_prodgroup .prod_list .box .thumb{overflow: hidden; position: relative; padding-top: 100%; border-radius: 3px;}
.cate_prodgroup .prod_list .box .thumb img{display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.cate_prodgroup .prod_list .box .name{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; z-index: 1; max-height: 3em; margin-top: 1em; text-align: center;}
.cate_prodgroup .prod_list .box .name span{display: block; background: rgba(255,255,255,.9);}
.cate_prodgroup .prod_list .box .name:hover{display: block; overflow: visible; text-overflow: initial;}
.cate_prodgroup .product-select-row{display: flex; align-items: center; position: absolute; top:0; background: #FFF; padding: 10px 30px; left: 0; right: 0; bottom: 0;}
.cate .additem_wrap{display: flex; justify-content: center; background: none;}
.cate .additem_wrap .additem{width: auto; margin-top: 20%; text-align: center;}
.cate .additem_wrap .additem .info > *{word-break: keep-all;}

.modal#prodRegist .modal-dialog{max-width: 827px !important;}
.modal#prodRegist .modal-body.scroll{max-height: 50vh;border-bottom: 1px solid #e1e1e1;}
.modal#prodRegist .modal-body.scroll::-webkit-scrollbar{height: 6px;}
.modal#prodRegist .resp_table_contents{padding: 0 !important;}
.modal#prodRegist .modal-dialog{max-width: 100%;}
.modal#prodRegist .modal-body{padding-top: 0; padding-bottom: 0;}
.modal#prodRegist .resp_table .name{display: inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 20em;}

@media screen and (max-width:1200px) {
	.prodgroup_list li{width: 33.33%; min-height: 260px;}
	.cate_prodgroup .prod_list .box{width: calc(25% - 10px); margin: 5px; padding: 5px}
	.cate_prodgroup .prod_list .box input[type="checkbox"]{top: 10px; left: 10px;}
}
@media screen and (max-width:768px) {
	.layout_col .menu_group .menu_list li:not(.err) .item_wrap.on::before{width: 100vw;}
	.modal#cateSetComm .resp_table_contents dd{margin-left: 0;}
}
@media screen and (max-width:500px) {
	.prodgroup_list li{width: 50%; min-height: 260px; padding: 5px;}
	.prodgroup_list li .info{padding: 10px;}
	.prodgroup_list li .info .tit{font-size:16px;}
	.cate_prodgroup .prod_list .box{width: calc(33.33% - 10px);}
	.cate_prodgroup .product-select-row {padding:10px;}
	.modal#prodRegist .modal-body.scroll{max-height: 40vh;}
	.modal#prodRegist .search_area .search_box{padding:10px;}
	.modal#prodRegist .search_area .search_row{flex-wrap:wrap;}
	.modal#prodRegist .search_area .search_row .tit{flex-basis:100%;}
	.modal#prodRegist .search_area .search_row .resp_btn{min-width:4em;padding:1px 10px;}
}

/* 쇼핑설정 & 외부서비스 연동 */
.steps{justify-content: center;background: #f9f9f9;padding: 20px;}
.steps li{position: relative;/* flex: 1; *//* min-width: 200px; */text-align: center;flex: 1;}
.steps li + li{margin-left: 60px;}
.steps li + li::before{content: '';display: inline-block;position: absolute;top: calc(50% - 7px);left: -32px;width: 7px;height: 13px;background: url(/images/ico_point_left.png) center / contain no-repeat;opacity: .5;}
.steps .desc{font-size: 12px; color: #737980;}

.info_layout .info{display:flex; align-items:center;}
.info_layout .logo{flex: 0.9; margin-right: 10px; text-align: center; padding: 110px 0; margin-right: 20px; border: 1px solid #ccc;}
.info_layout .info_table{flex: 1; margin-top: 0px;}
.info_layout .info_table th{min-height:60px; padding: 10px 5px; font-weight: 700;vertical-align:top;}
.info_layout .info_table td{padding: 10px 5px;} 

.info_layout.hiselling .logo img  {width: 160px;}

.info_layout.info_easypay .steps{margin-top: 50px; margin-bottom: 20px;}
.info_layout.info_easypay .logo {flex: .7; padding: 140px 0;}

.payconfig_wrap {position: relative;}
.payconfig_wrap .pg_status_text {position: absolute; right: 15px; font-weight: 600; color: #0081c8; top:0;}
.payconfig_wrap > input {width: 250px;}
.easypay_wrap {position: relative;}
.easypay_wrap .pg_status_text {position: absolute; right: 15px; font-weight: 600; color: #0081c8; top:0;}
.easypay_wrap > input {width: 250px;}
.info_easypay .note, .info_layout .note{margin-top: 20px;color: #2ea8e5;font-weight: 700;}
#account-list .dd-handle {padding: 15px 50px 15px 10px;overflow: hidden; white-space: nowrap;}

@media screen and (max-width:1023px) {
    .info_layout .info{flex-flow:column;/* align-items:flex-start */}
    .info_layout .logo{flex:1;width: 100%;}
    .info_layout .steps{margin-top:30px;}
}

@media screen and (max-width:500px) {
	.steps li + li {margin-left: 40px;}
	.steps li + li::before {left: -22px;}
	.easypay_wrap > input {width: calc(100% - 88px);}
}

.info_naverpay .info{display:flex; align-items:center;}
.info_naverpay .logo {flex: .7; margin-right: 10px; text-align: center; padding: 50px 0; margin-right: 20px; border: none;}
.info_naverpay .logo > img {margin-left:-40px}
.info_naverpay .info_table {flex: 1; margin-top: 0px;}
.info_naverpay .info_table th {font-size:20px; min-height:60px; padding: 10px 5px; font-weight: 700;vertical-align:top;}
.info_naverpay .info_table td {padding: 10px 5px; line-height:28px;}

@media screen and (max-width:1023px) {
    .info_naverpay .info{flex-flow:column;/* align-items:flex-start */}
    .info_naverpay .logo{flex:1;width: 100%;}
}

/* 토스페이 설정 시작 */
.info_tosspay .info{display:flex; align-items:center;}
.info_tosspay .logo {flex: .6; background-color: #dbeaff; text-align: center; margin-right: 30px; border: none; border-radius: 7px;}
.info_tosspay .logo > img {
    max-width:300px;
    /* margin-left:-40px; */
    border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
	width: 100%;
}
.info_tosspay .info_table {flex: 1; margin-top: 0px;}
.info_tosspay .info_table th {font-size:20px; min-height:60px; padding: 10px 5px; font-weight: 700;vertical-align:top;}
.info_tosspay .info_table td {padding: 10px 5px; line-height:28px;}

@media screen and (max-width:1023px) {
    .info_tosspay .info{flex-flow:column;/* align-items:flex-start */}
    .info_tosspay .logo{flex:1;width: 100%; margin-right: 0; margin-bottom: 5px;}
	
}
/* 토스페이 설정 끝 */

.cell_div { padding: 0; margin-bottom: 0px; font-size: 0; line-height: 0;width: 100%;}
.cell_div li { display: flex; flex-flow: column; align-items: center; justify-content: center; position: relative; list-style: none; padding:7px 0; overflow: hidden; border-top:1px solid #e7e7e7; font-size: 0; line-height: 0; min-height: 44px;width: 100%;}
.cell_div li.hide{display:none !important;}
.cell_div li span.hide{display:none !important;}
.cell_div li.first { border-top-color: transparent !important;} 
.cell_div li:first-child { border-top-color: transparent;} 
.cell_div span, .ellipsis{line-height: normal; display: inline-block; font-size: 14px; width: 95%;  overflow: hidden;  white-space: nowrap; text-overflow:ellipsis; vertical-align: middle;}
.reason_text.ellipsis {max-width: 85%; width: auto;}
.cell_div .resp_checkbox{margin-top:0 !important;}
.ellipsis {margin-top:-2px;}
.cell_div.v2 > li {text-align: left; padding-left: 10px;}
.cell_div > li.naver_product_code_li {padding: 3px 0;}
.cell_div > li.prod_no {padding: 2px 0;}
/*.npay td:not(.prod_no) .cell_div span{line-height:2.85em;}*/

.btn-delivery-tracking { width:auto !important;}

/****문의/후기*******/
.content_dvs .right_dvs.cover {right: 30px; position: relative; }
.content_dvs .borad_view > li {padding:0;}
.content_dvs .borad_view .comment_group {padding:10px 30px 20px;     border-radius: 0 0 10px 10px;}
.content_dvs .borad_view .post_content {padding: 0px 30px;}
.content_dvs .borad_view .info_wrap.product {margin:30px;}

/*상품 후기 썸네일 이미지*/
.review_img {padding: 0 30px;}
.slick-layer {display: inline-block; width: calc(100% + 10px); margin-left: -10px;}        
.slick-layer .slick-item {cursor: pointer; width: calc(10% - 10px); display: inline-block; margin-left: 10px;}
.slick-layer .slick-item .thumb {background-size:cover; width: 100%; height: 100px; background-repeat: no-repeat; background-position: center; display: inline-block;}

@media only screen and (max-width: 600px) {
	.slick-layer {width: calc(100% + 5px); margin-left: -5px;}   
	.slick-layer .slick-item {width:calc(20% - 5px); margin-left: 5px; }

	#modal-review-item .left_btn {display: inline-block; position: absolute; left: calc(50% - 55px); width: auto; bottom: 0; margin: 0;}
	#modal-review-item .image_wrap {margin-bottom: 60px;}
	#modal-review-item .right_btn {display: inline-block; position: absolute; right: calc(50% - 55px); width: auto; bottom: 0; margin: 0;}	
}


@media screen and (max-width:1024px) {
	.content_dvs .resp_btn.btns_open { display:inline-block; margin:0; float: right;}
	.content_dvs .resp_btn.btns_open + .resp_btn_wrap { display:none;}
	.content_dvs .borad_view .info_wrap.product .thumb {width:30px; height: 30px;}
	.content_dvs .borad_view .info_wrap.product {padding-left:40px;}
	.content_dvs .borad_view .info_wrap .tit > h3 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%;}
	.content_dvs .borad_view .info_wrap .product_tit, .content_dvs .borad_view .info_wrap .info {margin-top: 5px;}
	.content_dvs .right_dvs.cover {width:100px; top: 10px; position:absolute;}
	.content_dvs .right_dvs.cover .resp_btn_wrap .resp_btn {min-width:100px; margin-top: 2px;}
}

@media screen and (max-width:500px) {
	.content_dvs .right_dvs.cover {right: 20px;  }
	.content_dvs .comment_group .right_dvs {float: none; margin-bottom: 7px;}
	.content_dvs .borad_view .comment_group {padding:10px 20px 20px;}
	.content_dvs .borad_view .post_content {padding: 0px 20px;}
	.content_dvs .borad_view .info_wrap.product {margin:20px;}
}

/* 매출통계 */
.cate_stats .month_total_info{display:flex; margin-bottom:30px; padding:35px 30px; border:1px solid #aebcca; border-radius:10px; gap:10px;}
.cate_stats .month_total_info li{display: flex; align-items:center; flex:1;height:40px;}
.cate_stats .month_total_info li + li{border-left:1px solid #dbdbdb; padding-left:10px;}
.cate_stats .month_total_info .info{display: flex;flex-wrap: wrap; flex:1;font-size:20px;font-weight:700;}
.cate_stats .month_total_info .info .tit{color:#838383;white-space: nowrap;}
.cate_stats .month_total_info .info.payment .tit{color:#00a17d;}
.cate_stats .month_total_info .info.refund .tit{color:#cf0000;}
.cate_stats .month_total_info .info.sales .tit{color:#0094fc;}
.cate_stats .month_total_info .info .price{color:#000;font-family: Montserrat, 'Noto Sans KR';font-weight:700;white-space: nowrap;padding-left: 1em; margin-left:auto;}
.cate_stats .month_total_info .info .price .unit{color:#7d91a1; font-size:.84rem;font-weight:400;}
.cate_stats .month_total_info .info i{display:inline-block; position:relative; top:-2px; width: 1.2em; height: 1.4em; vertical-align: middle; background-size:contain; background-position:center; background-repeat:no-repeat;}
.cate_stats .month_total_info .info.payment i.ico{background-image: url(/images/stats/ico_payment.svg);}
.cate_stats .month_total_info .info.refund i.ico{background-image: url(/images/stats/ico_refund.svg);}
.cate_stats .month_total_info .info.sales i.ico{background-image: url(/images/stats/ico_sales.svg);}
.cate_stats .resp_table_contents.calendar{padding-top:10px;}
.cate_stats #stats-sales-calendars .fc-header-toolbar{position:relative; padding: 0 0 10px; margin-bottom:30px;}
.cate_stats #stats-sales-calendars .fc-header-toolbar::after{content:''; display:inline-block; position:absolute; bottom:0; left:calc(50% - 50vw); width:100vw; border-top:1px solid #e1e1e1;}
.cate_stats #stats-sales-calendars .fc-toolbar-title{font-size:18px; font-weight:600; display:inline-block; line-height: 33px; vertical-align:middle; letter-spacing: -1px;}
.cate_stats #stats-sales-calendars .fc-daygrid-day-top{flex-direction:row;}
.cate_stats #stats-sales-calendars .fc-day-disabled{background:#fff;}
.cate_stats #stats-sales-calendars .fc-daygrid-day:not(.fc-day-disabled) .fc-daygrid-day-frame{cursor:pointer;}
.cate_stats #stats-sales-calendars .fc-daygrid-day:not(.fc-day-disabled) .fc-daygrid-day-frame:hover{background-color:#f1f1f1;}
.cate_stats #stats-sales-calendars .fc-daygrid-day-events{padding-top:10px;}
.cate_stats #stats-sales-calendars .fc-daygrid-event{border-color:transparent !important; background-color:transparent !important;}
.cate_stats #stats-sales-calendars .fc-event-title-container{text-align:right;}

#layer_sales_info .resp_table{border-top:1px solid #8d8d8d; }
#layer_sales_info .resp_table th {background:#f5f5f5; text-align:center !important; padding:10px 5px 10px 10px; border-bottom:1px solid #e7e7e7;  font-weight:600; text-align:left !important; }
#layer_sales_info .resp_table td{padding-left:10px; padding-right:10px; text-align:right;}

@media screen and (max-width:1024px) {
    .cate_stats .radio_group.month .resp_tab > li{margin-right:0;}
	.cate_stats .radio_group.month .resp_tab > li > a{min-width:auto; padding-left:7px; padding-right:7px;}
	.cate_stats #stats-sales-calendars .fc-toolbar-title {font-size:16px; line-height:normal;}
}
@media screen and (max-width:768px) {
	.cate_stats .radio_group.month .resp_tab > li > a{min-width:auto; padding-left:10px; padding-right:10px;}
	.cate_stats #stats-sales-calendars .fc-header-toolbar{margin-bottom:20px;}
	.cate_stats .month_total_info{padding:20px 15px; margin-bottom:20px;}
	.cate_stats .month_total_info .info{font-size:16px}
	.cate_stats .month_total_info .info .tit{flex: auto; text-align: right;}
}
@media screen and (max-width:499px) {
	.cate_stats .radio_group.month{overflow: auto;margin-top:5px;width: 100%;}
	.cate_stats .radio_group.month .resp_tab{display: inline-flex;}
	.cate_stats .radio_group.month .resp_tab > li > a{padding-left:10px; padding-right:10px;}
	.cate_stats #stats-sales-calendars .fc-header-toolbar{margin-bottom:15px;}
	.cate_stats .month_total_info{padding-top:15px; padding:15px 10px; overflow-x: auto;}
	.cate_stats .month_total_info .info{font-size:14px;}
	
}

/* 네이버쇼핑 */
.cate_nvsp .txt_domain_psth{display:inline-block; min-width:15em;}
.cate_nvsp .txt_domain_desc{color:#999;}
.category_search_lay.nvsh{display:flex; flex-flow: column; align-items: flex-start;}
.category_search_lay.nvsh.hide{display: none;}
.category_search_lay.nvsh .category_items{min-width:390px;}
.category_search_lay.nvsh .category_selection{display:inline-block;width:auto;width:390px;border:none;background:none;padding-left:0;padding-right:0;}
#naver_shopping .category_search_lay.nvsh .category_selection{display:flex; width:100%;}
.category_search_lay.nvsh .category_selection .catrgory_no_selected{display:none;}
.category_search_lay.nvsh .category_selection .category_selection_name{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width:200px;}
.category_search_lay.nvsh .category_selection .category_selection_remove{display:inline-block;margin-left:10px;margin-top:-2px;float: none;}
.category_search_lay.nvsh .category_selection .category_selection_remove::before{content:none;}
.category_search_lay.nvsh .category_selection.no_result .catrgory_no_selected{display:inline-block;min-width: 300px;}
.category_search_lay.nvsh .category_selection.no_result .category_selection_remove{display:none;}
.category_search_lay .category_selection.multi:not(.no_result){max-height: 155px; overflow-y:auto;margin-top: 5px;padding: 10px 5px 8px 10px;border: 1px solid #d3d3d3;border-radius: 3px;}
.category_search_lay .category_selection.multi .category_list{display: inline-flex; flex-flow: column;}
.category_search_lay .category_selection.multi .category_list li{display: flex; justify-content:space-between; align-items: center; width:365px;}
.category_search_lay .category_selection.multi .category_list li .category_selection_name{min-width:auto;}
.category_search_lay .category_selection.multi .category_list li + li{margin-top:5px;}
.modal#nvspCateModal .modal-dialog{min-width:560px;}
.modal#nvspCateModal .modal-content{overflow:visible;}
.modal#nvspCateModal .modal-footer{overflow:hidden; border-radius:0 0 10px 10px;}
@media screen and (max-width:768px) {
	.modal#nvspCateModal .modal-dialog{min-width:auto;}
}
/* 할인혜택 */
.category_search_lay.coupon .category_selection.multi.no_result{display:flex;justify-content: center;align-items: center;max-height: 155px;overflow-y:auto;margin-top: 5px;padding: 10px 5px 8px 10px;border: 1px solid #d3d3d3;border-radius: 3px;font-size:.93em;text-align: center;color: #9f9f9f;min-height: calc(3em + 18px);}
#issue_of_date_time option:disabled {background:#f7f7f7; color:#ccc;}

/*사이트관리 > 지도 */
.marker_select {display: flex;}
.marker_select li {width:44px; height: 56px; text-indent: -9999px; cursor: pointer;}
.marker_select li.on {border: 2px solid orange; border-radius: 3px;}
.marker_select [data-marker-type="map_marker_01"] {background: url("/images/map/map_marker_01.png") no-repeat center center;}
.marker_select [data-marker-type="map_marker_02"] {background: url("/images/map/map_marker_02.png") no-repeat center center;}
.marker_select [data-marker-type="map_marker_03"] {background: url("/images/map/map_marker_03.png") no-repeat center center;}
.marker_select [data-marker-type="map_marker_04"] {background: url("/images/map/map_marker_04.png") no-repeat center center;}
.marker_select [data-marker-type="map_marker_05"] {background: url("/images/map/map_marker_05.png") no-repeat center center;}
.marker_select [data-marker-type="map_marker_06"] {background: url("/images/map/map_marker_06.png") no-repeat center center;}
.modal#markerPositionModal .modal-dialog, .modal#addrassModal .modal-dialog {max-width: 600px !important;}
.map_wrap {width: 100%; height:300px; margin-bottom: 20px;}
.map_wrap #mapArea{position: absolute !important; width: 100%; height: calc(100% - 25px);  left: 0;  top: 10px;}

/* 카카오 알림톡 */
.layout_col2, .add_btn_form {display: flex; justify-content: space-between;}
.modal.returnReasonModal .modal-dialog{max-width: 450px !important;}
.add_btn_wrap {background: #f1f5f8; border:1px solid #d7dae1; padding: 3px 10px 5px; margin-top: 10px;}
.add_btn_form > li:first-child {width:40px; flex-shrink: 0;}
.add_btn_form > li:last-child {flex-grow: 1;}
.add_btn_form input[type="text"], .add_btn_form select {border-radius: 0; height:30px !important; line-height:30px !important; background: #FFF; border:1px solid #bebfc1;}
.add_btn_form .kko_btn {border:1px solid #bbbcbe; background: url("/images/i_plus.png") no-repeat center center; width: 30px; height: 30px; background-color: #FFF; text-indent: -9999px;}
.add_btn_form .kko_btn.minus{background: url("/images/i_minus.png") no-repeat center center; background-color: #FFF;}
#kkoNoti_tpl_content textarea{border-bottom: 1px solid #dbdbe5 !important;}
#kkoNoti_tpl_content .noti_status {margin: 7px 0 0 7px; display: inline-block; font-size: 12px;}
#kkoNoti_tpl_content .noti_status .label{padding: 3px 0; width: 70px; border-radius: 3px; font-weight: 600; display: inline-block; text-align: center; margin-right: 3px;}
#kkoNoti_tpl_content .noti_status .label.red {background-color: #ff2424; color: #FFF !important;}
#kkoNoti_tpl_content .noti_status .label.orange {background-color: #f37d01; color: #FFF !important;}
#kkoNoti_tpl_content .noti_status .label.green {background-color: #02ad4f; color: #FFF !important;}
#kkoNoti_tpl_content .noti_status .label.gray {background-color: gray; color: #FFF !important;}
#kkoNoti_tpl_content .input_group_text_wrap {padding: 7px 0;}
#kkoNoti_tpl_content .input-group-text {margin-top: 3px;}
@media (min-width: 576px){
	.modal-sm {max-width: 380px;
	}
}

/* 주문고도화 */
#div-order-list .resp_table{table-layout: fixed;}
#div-order-list .resp_table .each_courier{gap:4px;}
#div-order-list .resp_table .each_courier > *{margin-left:0; margin-right:0;}
#div-order-list .resp_table .each_courier select[disabled]{border-color:#d7dde4; background:rgba(0,0,0,0.05) !important; opacity:1;}

.modal.w700 .modal-dialog{max-width:90vw;}
.modal.w800 .modal-dialog{max-width:90vw; max-width:800px;}
.modal.w1000 .modal-dialog{max-width:90vw; max-width:1000px;}
.modal.w1200 .modal-dialog{max-width:90vw; margin: 0 auto;}
.modal.w1200 .modal-body{max-height:calc(90vh - 200px);}
@media screen and (min-width:767px) {
	.modal.w700 .modal-dialog{max-width:700px;}
}
@media screen and (min-width:1280px) {
	.modal.w1200 .modal-dialog{max-width:1200px;}
}
.modal.order_view_popup .modal-content{height:90vh;}
.modal.order_view_popup .modal-header{position:relative;}
.modal.order_view_popup .modal-header .btn_close{width: 20px; height: 20px; background: url(/images/i_delete.png) center no-repeat;}
.modal.order_view_popup .tab_area{padding:0 20px; border-bottom:1px solid #d8dce5;}
.modal.order_view_popup .tab_area .resp_tab{display:block; margin-bottom:-1px;}
.modal.order_view_popup .tab_area .resp_tab li.hide{display:none;}
.modal.order_view_popup .tab_area button{font-size:14px;}
.modal.order_view_popup .tab_area button[disabled]{cursor:default; color:#c4cbd3;}
.modal.order_view_popup .modal-body{padding-top:0; padding-right:10px; padding-bottom:0;}
.modal.order_view_popup .content_dvs{border:none;}
.modal.order_view_popup .content_dvs .dvs_header{padding:0 10px 10px}
.modal.order_view_popup .resp_table_contents.prod_table{padding:0; margin:20px 10px;}
.modal.order_view_popup .prod_table table{table-layout:fixed; width:100%;}
.modal.order_view_popup .textarea{max-height:220px; overflow-y:auto; padding: 5px 9px; color: #333; border: 1px solid #d7dde4; border-radius: 2px; background-color: #f5f5f5 !important;}
.modal.order_view_popup .textarea li::before{content: '·'; margin-right: .5em;}
.modal.order_view_popup .textarea .step{display:inline-block; padding-right:.3em;}
.modal.order_view_popup .claim_cont{display: flex; flex-flow: column; justify-content: flex-end; align-items: flex-end;}
.modal.order_view_popup .claim_cont .btn_open{margin-top:10px; font-weight:700;}
.modal.order_view_popup .claim_cont .btn_open .txt_close{display:none;}
.modal.order_view_popup .claim_cont .btn_open.on .txt_close{display:inline-block;}
.modal.order_view_popup .claim_cont .btn_open.on .txt_open{display:none;}
.modal.order_view_popup .claim_cont .btn_open.on .ico{display:inline-block; transform:rotate(180deg);}
.modal.order_view_popup .claim_cont .btn_open + .return_info{display:none;}
.modal.order_view_popup .claim_cont .btn_open.on + .return_info{display:block;}
.modal.order_view_popup .claim_cont .return_info{margin-left:-10px; margin-right:-10px;}
.modal.order_view_popup .claim_cont input{margin:0;}
.modal.order_view_popup .claim_cont * + input{margin-left:2px;}
.modal.order_view_popup .claim_cont textarea{height:50px;}
.modal.order_view_popup .claim_cont .input-group-text{background-color: transparent !important;}
.modal.order_view_popup .claim_cont .resp_table td{text-align:left;}
.modal.order_view_popup .claim_cont .resp_table td.tc{text-align:center;}
.modal.order_view_popup .body_order .order_product_unit_code{white-space: nowrap;}
.modal.order_view_popup .resp_table > thead > tr > th > br{display: initial;}
.modal.claim_popup .modal-body{height:calc(90vh - 200px);}
.modal.claim_popup .modal-body > .content_dvs{margin-top:15px;}
.modal.claim_popup .modal-body .btn-show-layer{margin-top:-3px;}
.modal.claim_popup .claim_cont .return_info{margin-top:15px;}
.modal.claim_popup .claim_cont .resp_table_contents:not(:last-child){padding-right:10px;}
.modal.claim_popup .claim_cont .resp_table_contents .resp_table > tbody > tr > td:first-child {min-width: 100px;}
.modal.claim_popup .claim_cont .claim_request td{white-space:nowrap;}
.modal.claim_popup .claim_cont .return_info select{margin-left:0; margin-right:0;}
.modal.claim_popup .claim_cont .input_group{display: block;}
.modal.claim_popup .claim_cont .claim_reason_detail{height:3em;}
.modal.order_view_popup.delivery_template_popup .modal-content{height:auto;width: 881px;}

@media screen and (max-width:1023px) {
	.modal.claim_popup #div-claim .dvs_header > h3{width:auto;}
	.modal.claim_popup .claim_cont .return_info > .flex{flex-flow:column;}
}

@media screen and (max-width:799px) {
	.modal.order_view_popup .payments_cont.flex{display:initial !important;}
}

/* 배송지 변경 팝업 */
.modal.change_addr .modal-dialog{max-width:600px;}
.modal.change_addr .modal-body{padding:0;}

/* 송장 업로드 팝업 */
.modal.tracking_upload .modal-dialog{max-width:600px;}
.modal.tracking_upload .modal-body {height: 450px; overflow-y: auto;}
.modal.tracking_upload .upload{display:flex;}
.modal.tracking_upload .upload .btn_upload{position:relative; }
.modal.tracking_upload .upload .btn_upload input{position:absolute;top:0; left:0; bottom:0; right:0; opacity:0;}
.modal.tracking_upload .upload .file_name{flex: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height: 33px !important; border:none; color:#666; background-color:transparent !important; text-decoration:underline;}
.modal.tracking_upload .content_dvs .sub_tit{padding-bottom:.5em; font-weight:700;}
.modal.tracking_upload .info_box{padding:10px;border:1px solid #e7e7e7; background:#f5f5f5;}
.modal.tracking_upload .info_box li + li{margin-top:.5em;}
.modal.tracking_upload .info_box button{margin-left:.5em; font-size:inherit;vertical-align: top;}
.modal.tracking_upload .info_box + .note{padding-top:.5em;}

/* 환불정보 */
.modal .price_table{margin-top: 20px; padding-top: 10px; border-top: 1px solid #8d8d8d;}
.modal .price_table li{display: flex; justify-content: space-between;}
.modal .price_table li.hide{display: none !important;}
.modal .price_table .price_comm{position: relative; min-width: 6em; text-align: right;}
.modal .price_table .price_comm::before{position: absolute; right: 100%;}
.modal .price_table .price_comm.min::after{content: ''; position: absolute; right: calc(100% + 2em);}
.modal.price_table .price_comm.equal::after{content: ''; position: absolute; right: calc(100% + 1.8em);}
.modal .price_table .fin span{font-weight: 700;}

/* 쿠폰 */
.resp_table_contents [data-section-selected="false"] .resp_radio input[type="radio"]:checked, .resp_table_contents [data-section-selected="false"] input[type="radio"].resp_radio{opacity:.5;}
.modal.layer_benefit_detail{z-index: 1051;}
.modal.layer_benefit_detail .benefit_info{position:relative; margin:0;}
.modal.layer_benefit_detail .benefit_info::before{content:''; display:block; position:absolute; left:0; right:0;top: -1px;border-bottom: 1px solid #8d8d8d;}
.modal.layer_benefit_detail .benefit_info .tit{flex-basis: 50%;padding: 10px 5px 9px 10px;font-weight: 700;}
.modal.layer_benefit_detail .benefit_info .cont{flex-basis:50%; padding-top:5px; padding-bottom:5px;padding-right: 10px;text-align:right;flex-flow: row;text-align: right;justify-content: flex-end;align-items: center;}
.modal.layer_benefit_detail .benefit_info .benefit_desc, 
.modal.layer_benefit_detail .benefit_info .benefit_max{font-size:.85em; color:#999;}
.modal.layer_benefit_detail .benefit_info .benefit_max::before{content:'(';}
.modal.layer_benefit_detail .benefit_info .benefit_max::after{content:')';}
.modal.layer_benefit_detail .benefit_info .coupon_name{word-break:break-all;}
@media screen and (max-width:500px) {
	.modal.layer_benefit_detail .modal-dialog {min-width:320px;}
}

/* 주문 상태 변경시 로딩바 추가 */
@-webkit-keyframes cascade {
	0% {opacity: 0; -webkit-transform: translateY(-250%); transform: translateY(-250%);}
	30%, 60% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
	100% {opacity: 0; -webkit-transform: translateY(250%); transform: translateY(250%);} 
}
@keyframes cascade {
	0% {opacity: 0; -webkit-transform: translateY(-250%); transform: translateY(-250%);}
	30%, 60% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
	100% {opacity: 0; -webkit-transform: translateY(250%); transform: translateY(250%);} 
}  
.cascade {height: 13px; position: relative; display: grid; grid-template-columns: repeat(5, 13px); grid-gap: 5px;}
.cascade div { background: #2bacfe; }
.cascade div:nth-child(1) {-webkit-animation: cascade 1.5s 0.15s ease infinite backwards; animation: cascade 1.5s 0.15s ease infinite backwards;}
.cascade div:nth-child(2) {-webkit-animation: cascade 1.5s 0.3s ease infinite backwards; animation: cascade 1.5s 0.3s ease infinite backwards;}
.cascade div:nth-child(3) {-webkit-animation: cascade 1.5s 0.45s ease infinite backwards; animation: cascade 1.5s 0.45s ease infinite backwards;}
.cascade div:nth-child(4) {-webkit-animation: cascade 1.5s 0.6s ease infinite backwards; animation: cascade 1.5s 0.6s ease infinite backwards;}
.cascade div:nth-child(5) {-webkit-animation: cascade 1.5s 0.75s ease infinite backwards; animation: cascade 1.5s 0.75s ease infinite backwards;}

#loading {display: flex; align-items: center;justify-content: center; position: fixed; top:0; left: 0; z-index: 2000; width: 100vw; height: 100vh;}
#loading .box {text-align: center;}
#loading .box .cascade_wrap {display: inline-block; margin-bottom: 45px;}
#loading p {color:#FFFF;}
#loading .mess {font-size: 22px; letter-spacing: -1px; margin-bottom: 5px;}
#loading .sub_mess {font-size: 14px; letter-spacing: -0.5px; font-weight: 300;}

/* 네이버페이 택배사선택 팝업 */
.modal.serch_comm .modal-body.scroll{max-height: 50vh;}
.modal.serch_comm .modal-body.scroll::-webkit-scrollbar{height: 6px;}
.modal.serch_comm .resp_table_contents{padding: 0 !important;}
.modal.serch_comm .search_area{padding-top: 15px; padding-bottom: 15px;}
.modal.serch_comm .search_area .search_box{padding:15px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; line-height:40px; background:#f5f5f5;}
.modal.serch_comm .search_area .search_row{align-content:center; gap: 4px;}
.modal.serch_comm .search_area .search_row .tit{width:6em;}
.modal.serch_comm .search_area input{background:#fff;}

/* 네이버페이 버튼선택 테이블 */
.select_npay_btn td{padding-left:2px !important; padding-right:2px !important; vertical-align: top;}
.select_npay_btn label{display:block;}
.viewer .select_npay_btn .select_type{display:none;}
.viewer .select_npay_btn tbody tr:not(.on){display:none;}
.viewer .select_npay_btn label{cursor:default;}
.modal#selectNpaybtn .select_npay_btn{display:none;}
.modal#selectNpaybtn [data-device-type="pc"] .select_npay_btn.pc{display:table;}
.modal#selectNpaybtn [data-device-type="mobile"] .select_npay_btn.mobile{display:table;}

/* 네이버페이 클레임 팝업 */
.modal.npay_claim .setting dt{padding:7px 0 17px;}
.modal.npay_claim .setting .input_group:not(.v2),
.modal.npay_claim .setting select{width:193px;}
.modal.npay_claim .setting .date-range-picker{width:calc(100% - 40px);}
.modal.npay_claim .setting .i_calendar{width:40px;}

#div-order-shippings > div > dl > dd:nth-child(8) > input { margin-top: 11px; }

/* 네이버페이 발송지연 팝업 */
#npayPopupArea .prod_name .cell_div {max-width: 240px;} 
#npayPopupArea .prod_option .cell_div {max-width: 100px;} 

/* 네이버페이 택배사 선택 팝업 */
#selectCourier .modal-body {padding: 0;}

#div-order-shippings > div > dl > dd:nth-child(8) > input { margin-top: 11px; }

.naverpay_gray_icon { width:45px }

/* 1:1 문의 버튼(깃플) */
#gitple-launcher {bottom:33px !important; right: 30px !important; background-color: #06F !important; border-radius: 50%;z-index: 998 !important; }
#gitple-launcher-icon.gitple-open::before {content: '챗봇\A상담';white-space: pre;font-family: Roboto;font-size: 15px;font-weight: 700;line-height: 1.1;color: #fff;text-align: center;}
#gitple-launcher-icon.gitple-open{background: none !important;display: flex;align-items: center;justify-content: center;}
#gitple-launcher-tooltip {display: none !important; }
#gitple-launcher-icon{/*box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2) !important;*/}
@media screen and (max-width:1440px) {
	#gitple-launcher {bottom:24px !important; right: 16px !important;}
}

/*상품상세 옵션 팝업*/
#addOptionValue .modal-dialog {max-width:600px;}

/*sms 수동 발송*/
.form_manual_sms .sms_manual_send_info {width: 67%; flex: none;}
.daterangepicker .drp-calendar.left.single {padding: 5px 5px 5px 6px !important;}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {width:50%; height:30px !important;}
.modal_select_member .search_area .search_row .tit{width:8em;}
.modal_select_member .modal-dialog {width:700px;}
.modal_sms_logDetail .message_content {height: 200px; overflow-y: auto;}
.form_manual_sms .sms_manual_send .contents {background:#eaedf3;}
.form_manual_sms .sms_manual_send .contens_wrap {height: calc(100% - 88px); padding: 10px;}
.form_manual_sms .sms_manual_send .contens_wrap .star {padding:10px;}
.form_manual_sms .sms_manual_send .phone_top {background:url("../images/manual_sms/i_phone_header1.png")  16px center no-repeat, url("../images/manual_sms/i_phone_header2.png") calc(100% - 8px) center no-repeat; background-color:#ced5e4; height: 24px; }
.sms_message {background: #f2f2f2; font-weight: 400; width:220px; min-height: 100px; border-radius: 15px 15px 15px 0; padding:15px; word-wrap:break-word; white-space: pre-wrap; max-height: 200; overflow-y: auto;}
.form_manual_sms .callback_num {background:url("../images/manual_sms/i_menber.png")  15px center no-repeat; background-size: auto; padding-left:40px !important;}
.form_manual_sms .sms_manual_send .input_form {font-weight: 400; font-size: 13px; color:#b3b3b3; background:url("../images/manual_sms/i_send.png")  calc(100% - 16px) center no-repeat;}
.form_manual_sms .sms_manual_send .rounding_box {border-radius: 10px; background-color: #FFF; padding: 15px 20px;}
.form_manual_sms .skyblue {color:#0081c8;}

.preview_wrap .contents {background:#eaedf3; font-size: 14px;}
.preview_wrap .contens_wrap {height: calc(100% - 88px); padding: 10px;}
.preview_wrap .rounding_box {border-radius: 10px; background-color: #FFF; padding: 15px 20px;}
.preview_wrap .rounding_box > div { overflow-y: auto; height: 100%;}
.preview_wrap .contents .img_wrap {border-radius: 10px; min-height:180px; background: #FFF url('../images/no_image.svg') no-repeat 50% 50%;}
.preview_wrap pre {padding:10px; overflow: auto; white-space: pre-wrap}

@media screen and (max-width:1024px) {
	.form_manual_sms .sms_manual_send_info {width: 100%;}
	.modal_select_member .modal-dialog {width: auto;}
}

/** 레이아웃 공통 */
.section_layout {display:flex; gap:50px;}

@media screen and (max-width:1024px) {
	.section_layout {gap:20px;}
}

@media screen and (max-width:600px) {
	.section_layout {flex-direction: column;}
}

.input_text_button {display: flex; width: 100%; justify-content: space-between; gap: 8px;}
.input_text_button > span {background-color: rgba(0,0,0,0.05) !important; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; border: 1px #d7dde4 solid; box-sizing: content-box; border-radius: 5px; gap: 5px; flex: 1 1 auto; min-width: 250px;}
.input_text_button .status_text {font-weight: 500; color: #0081c8;}
.input_text_button input, .input_text_button input[disabled]:not([type="radio"]) {background: none !important; border: 0; padding: 0 !important; height: auto !important;}
.input_text_button .resp_btn {height: 40px; font-weight: 500;}

@media screen and (max-width:600px) {
	.input_text_button > span {min-width: 150px;}
	.input_text_button input, .input_text_button input[disabled]:not([type="radio"]) {width: 65%;}
}

/*제디터 연동*/
.geditor.resp_table_contents {padding: 30px;}
.geditor .left_content {background: #eef5ff; text-align: center; color:#000066; letter-spacing: -1px; padding:40px 50px; border:1px solid #eff3f6; width: 50%;}
.geditor .left_content .geditor_img {margin-left: -20px;}
.geditor .left_content > p {margin: 10px 0 40px; font-weight: 500; }
.geditor .right_content {margin-top:20px; }
.geditor .right_content > p {color:#0265fe; font-size: 16px; font-weight: 600; letter-spacing: -1px;}
.geditor .right_content > .indent_circle {margin:20px 0 30px; letter-spacing: -1px;}
.geditor .right_content > dl > dt {margin-bottom: 5px;}

@media screen and (max-width:1024px) {
	.geditor.resp_table_contents {padding:25px 10px;} 
	.geditor .left_content {padding: 30px 15px;}
	.geditor .left_content > p {margin: 10px 0 20px; }
}

@media screen and (max-width:600px) {
	.geditor .left_content {width: auto;}
	.geditor .left_content .geditor_img {margin-left: -15px;}    
}

/*컨텐츠 레이아웃*/
.contents_layout {display: flex; align-items: center; gap:20px;}
.contents_layout > * {margin-bottom: 10px;}
.contents_layout > dt {flex:0 0 80px;}
.contents_layout > dd {flex: 1 1 0;}
.contents_layout.half {width: 50%;}
.contents_layout.half.v2 {width: 50%; float: left;}
.contents_layout.half > dd {padding-right: 10px;}
.contents_layout.wbka dt {word-break: keep-all;}
@media screen and (max-width:500px) {
	.contents_layout.half,
	.contents_layout.half.v2 {width: 100%; float:none;}

	.contents_layout.half > dd,
	.contents_layout.half.v2 > dd {padding-right:0;}
}

/* 굿스플로 - 서비스연동 모달 창 */
#contractRates {display: flex; flex-direction: column;}
#contractRates > .contents_layout {margin: 0; gap: 2px;}
#contractRates > .contents_layout > * {margin: 0;}
#btnContractRateAdd {font-size: 25px; color: #2c8bcb; width: 40px; height: 40px; line-height: 0;}
#btnContractRateAdd::before{content: ''; display: inline-block; position: relative; top: 5px; width: 16px; border-bottom: 2px solid #0081c9;}
#btnContractRateAdd::after{content: ''; display: inline-block; position: relative; top: -5px; height: 16px; border-right: 2px solid #0081c9;}
.__btnContractRateRemove {margin-left: 5px;font-size: 25px !important; color: #2c8bcb !important; width: 40px; height: 40px; line-height: 0; padding: 0 2px 3px; }
.__btnContractRateRemove::before{content: ''; display: inline-block; position: relative; top: -7px; width: 15px; border-bottom: 2px solid #0081c9;}
/* .contractRate > * {gap: 2px;}
.contractRate:nth-child(n+1) {grid-column: span 1 / 3;} */
#dummyContractRate {display: none;}
#addContractModal > .modal-dialog {max-width: 600px;}
#addContractModal > .modal-dialog > .modal-content {padding: 0;}
#addContractModal * .modal-header {padding: 20px 30px; border-bottom: 1px solid #D8DCE5; align-items: center;}
#addContractModal * .modal-header > h1 {font-weight: 700; font-size: 18px; line-height: 24px;}
#addContractModal * .modal-header > button {position: inherit; margin: 0; top: 0;}
#addContractModal * .modal-body {padding: 15px 30px 45px;}

/* 굿스플로 - 관리자 배송관리 창 */
#goodsflowInvoiceBtn, #goodsflowClaimInvoiceBtn {background: #f8f9fa; position: absolute; z-index: 3; margin-top: 5px;}
#goodsflowInvoiceBtn > ul, #goodsflowClaimInvoiceBtn > ul {border: 1px solid #dddddd; border-radius: 3px;}
#btnOpenGoodsflowIssuedInvoiceModal, #btnCancelGoodsflowInvoice, .__btnOpenGoodsflowIssuedClaimInvoiceModal, .__btnCancelGoodsflowClaimInvoice {text-align: left; padding: 4px; width: 100%;}
#btnOpenGoodsflowIssuedInvoiceModal:hover, #btnCancelGoodsflowInvoice:hover, .__btnOpenGoodsflowIssuedClaimInvoiceModal:hover, .__btnCancelGoodsflowClaimInvoice:hover {background-color: #363737; color: white; outline: 1px solid #363737; border-radius: 3px;}
#goodsflowInvoiceDesc {word-break: keep-all;}
.modal-goodsflow-logo-title {display: flex; gap: 7px;}
.goodsflow-title {font-size: 16px;}
.goodsflow-invoice-searchbox {background: transparent !important; border: none !important;}

/* 굿스플로 - select 박스 좌측 sponsor logo 출력 */
.sponsored-input-logo {width: 27px; position: absolute; transform: translate(5px, 1px); z-index: 1001;}
.sponsored-input-logo2 {width: 27px; position: absolute; transform: translate(5px, 10px); z-index: 1001;}
.invoice_number.fill {width: 100%;}
.invoice_number_text {width: 150px;}

/*
.goodsflow_overflow_visible {overflow-x: visible !important;}
@media screen and (max-width:1000px) {
	.goodsflow_mobile_layout {flex-direction: column; gap: 0px !important;}
}
@media screen and (max-width:768px) {
	.goodsflow_mobile_layout {margin-top: 0px !important; right: 0px !important;}
}
@media screen and (max-width:500px) {
	.goodsflow_mobile_layout {margin-top: 2px !important; max-width: 128px; right: 10px !important;}
	.goodsflow_mobile_layout > * {width: 100%; margin: 0 !important; height: 40px;}
}
@media screen and (min-width:501px) {
	.goodsflow_mobile_layout {display: flex !important; gap: 5px;}
	.goodsflow_mobile_layout > * {width: 128px;}
}*/

/* 클릭엔 앱 - 앱 설정 */
#statusbar_colorpicker,
#tab_menu_colorpicker {width:40px;font-size:0;border:2px solid #eaeaea;cursor: pointer;}
.app_configuration_header {display: flex !important;justify-content: space-between;align-items: center;}
.app_configuration_body {display: grid;grid-template-columns: 2fr 1fr;column-gap: 10px;}
.clickn_app_configuration_service_layout > p {margin: 20px 0;}
.app_configuration_additional_btns {display: flex;gap: 5px;width: 235px;justify-content: flex-end;}
.clickn_app_configuration_service {border-radius: 3px;border: 1px solid #97A0AA;font-size: 14px;}
.clickn_app_configuration_preview {position: sticky;top: 30px;height: 85%;max-height: 700px;border: 1px solid #e1e1e1;border-radius: 10px;}
.clickn_app_configuration_preview_topbar {display: flex;justify-content: space-between;border-radius: 10px 10px 0 0;padding: 0 10px;}
.clickn_app_configuration_preview_topbar > * {display: flex;gap: 3px;color: white;}
.clickn_app_configuration_preview_bottombar {height: 55px;width: 100%;transform: translateY(-6px);border-radius: 0 0 10px 10px;display: flex;justify-content: space-evenly;align-items: center;gap: 10px;}
.clickn_app_configuration_preview_bottombar > div {display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 10px;}
.clickn_app_configuration_preview_bottombar > div > p {text-align: center;}
.clickn_app_configuration_preview_bottombar > img {width: 25px;border: none;height: 25px;}
.clickn_app_configuration_color_change_btn {border-radius: 3px;border: 1px solid #97A0AA;font-size: 13px;padding: 2px 10px;}
.clickn_app_configuration_menu_table {width: 550px;border-collapse: separate;border-spacing: 0px 5px;}
.clickn_app_configuration_menu_table > thead > tr {height: 34px;border: 1px solid #D7DDE4;background: #E7EDF4;}
.clickn_app_configuration_menu_table > thead > tr > th {font-size: 13px;text-align: center;}
.clickn_app_configuration_menu_table > tbody > tr > td {text-align: center;}
.clickn_app_configuration_menu_tbody > tr > td:last-child > select {width: 58%;}
.clickn_app_configuration_menu_tbody > tr > td:last-child > input {width: 40%;}
.clickn_app_configuration_change_icon {border: 1px solid #D7DDE4;width: 35px;height: 35px;}
.clickn_app_configuration_change_icon_btn {border-radius: 3px;border: 1px solid #7A8592;background: #8C97A5;padding: 6px 10px;color: white;}
.app_configuration_android > dd,
.app_configuration_ios > dd{width: 70%;}
.app_configuration_android > dd > span.highlight,
.app_configuration_ios > dd > span.highlight {color: #007BFF;}
.clickn_app_configuration_menu_icon {position: absolute;display: flex;flex-direction: column;gap: 5px;align-items: flex-start;border: 1px solid #C6D2DC;border-radius: 10px;background-color: white;width: 485px;height: 390px;transform: translateY(-435px);box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.20);}
.clickn_app_configuration_menu_iconlist_header {width: 100%;display: grid;grid-template-columns: repeat(5, 1fr); gap: 10px;padding: 10px 20px;border-bottom: 1px solid #C6D2DC;}
.clickn_app_configuration_menu_iconlist_header > * {display: flex;align-items: center;justify-content: center; width: 80px;height: 36px;border-radius: 99px;cursor: pointer;}
.clickn_app_configuration_menu_iconlist_header > p {display: flex;gap: 2px;font-weight: 700;letter-spacing: -1.5px;color: #666;}
.clickn_app_configuration_menu_iconlist_header > p.active {background-color: #8C97A5;color: white;}
.clickn_app_configuration_menu_iconlist_header > p > img {filter: contrast(0);}
.clickn_app_configuration_menu_iconlist_header > p.active > img {filter: invert(1);}
.clickn_app_configuration_menu_iconlist {display: flex;flex-direction: column;align-items: flex-start;gap: 5px;width: 100%;padding: 10px 20px;overflow-y: scroll;}
.clickn_app_configuration_menu_iconlist > div {width: 100%;display: grid;grid-template-columns: repeat(5, 1fr);margin-bottom: 10px; padding: 15px;background-color: #eff3f6; border-radius: 10px;justify-items: center;}
.clickn_app_configuration_icon {width: 30px;height: 30px;cursor: pointer;}
@media screen and (max-width:1350px) {
	.app_configuration_body {display: flex;flex-direction: column-reverse;gap: 20px;}
	.clickn_app_configuration_preview {position: inherit;}
	.clickn_app_configuration_preview_bottombar {transform: translateY(0px);} 
}
@media screen and (max-width:1020px) {
	.clickn_app_configuration_menu_table {zoom: 0.7;}
}

#pushDetailModal .modal-dialog{max-width: 600px;}

/* AI 서비스 */
.markdown-body ul > li {list-style: outside !important;}
.markdown-body ol > li {list-style: decimal !important;}

/*네이버 광고 검색*/
.i_naver_search_ad {background: url('../images/addition/sp_logo.png') no-repeat center !important; background-color: #eef5ff !important;}

.i_google_ads {background: url('../images/addition/Google_Ads_logo.svg') no-repeat center !important; background-color: #eef5ff !important;}

/*회원설정 약관및방침 사용안함 팝업 모바일*/
@media screen and (max-width:479px) {
	#CommonAlertModalContent .alert_mess_wrap > div br {display:none;}
}

/* 배송비 템플릿 */
.represent_mark {border-radius: 3px;border: 1px solid #ef6e00; background-color: white;color: #ef6e00;padding: 2px 5px;white-space: nowrap;}
#delivery_template-list tr th {white-space: nowrap;}
.delivery_template_table {overflow-x: auto;}
.delivery_template_table .delivery_template_list tr {height: 60px;}
.change_delivery_template_search{display: flex;align-items: center;gap: 50px;padding-left: 20px;padding-bottom: 15px;border: 1px solid #d0cece;background-color: #f2f2f2;height: 60px;}
.change_delivery_template_search_btn{background-color: #6c757d;border-radius: 3px;padding: 6px 12px; color: white;width: 60px;}
.change_delivery_template_search > div{display: flex;align-items: center;gap: 10px;width: 530px;}
.search_delivery_template_name{width: 70%;background-color: white !important;}
.template_show_detail{color: #0081c8 !important;text-decoration: underline !important;cursor: pointer;}
.view_claim_popup_product_unit_rowspan .return_delivery:not(.hide),.view_claim_popup_product_unit_rowspan .exchange_delivery:not(.hide) {display: flex; flex-direction: column; align-items: center;}
.body_delivery_config .return_delivery:not(.hide),.body_delivery_config .return_delivery:not(.hide) .claim_checkbox {display: flex;align-items: center;gap: 10px;}
.return_delivery .claim_checkbox > input {width: 25px;}
.return_delivery .claim_checkbox > span {word-break: keep-all;}
.left_border{border: 0 !important;}
.resp_table .rowspan{position: relative;}
.resp_table .rowspan > [class^='row']{display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
@media screen and (max-width:769px) {
	.change_delivery_template_popup > .modal-dialog {max-width: 100vw !important;}
}
@media screen and (max-width:500px) {
	.change_delivery_template_search {gap: 5px;}
}
.top_dvs_delivery_template {display:flex;justify-content:space-between;margin-bottom:10px;}
.left_dvs_delivery_template {display:flex;align-items:center;gap:10px;}
.delivery-modal-footer {display: flex;padding: 0;border: 0;text-align: center;position: initial;}
.delivery_side_buttons {padding: 15px 20px;border-top: 1px solid #eaeaea;width: 100%;position: initial !important;}

/* 회원등급 */
.period_selector {display: flex;align-items: center;gap: 10px;margin-top: 10px;}

/* 유효성 문구 */
.invalid_input { color: red; font-size: 13px; }
.invalid_input_parent { border: 1px solid red !important; }
/*어드민 얼럿 (권한없음 얼럿에 사용됨)*/
.admin_alert {background:#000; height: 100%; display: flex; align-items: center; justify-content: center;}
.admin_alert .alert_content {min-width: 300px; text-align: center; background-color: #FFF; width: auto; display: flex; flex-direction: column; align-items: center; gap: 20px; border-radius: 8px; border:1px solid #D9D9D9; padding:40px;}
.admin_alert .alert_icon {background-position:center; background-repeat: no-repeat;background-size: auto; width:20px; height: 20px;border: 1px solid #D9D9D9; border-radius: 50%; padding: 22px;}
.admin_alert .alert_icon.i_close {background-image:url('../images/alert/i_close.svg');}

/* custom select style */
.custom_select {border: 1px solid #e3e3e3;border-radius: 3px;width: 100%;padding: .5rem 0;margin: 0;background-color: white;cursor: pointer;min-width: 140px;}
.custom_select .select > div {display: flex;align-items: center;gap: 5px;}
.custom_select .select {margin: 0;padding: 0 1rem;display: flex;align-items: center;justify-content: space-between;}
.custom_select .select::after {content: "";width: 8.5px;height: 5px;zoom: 1.4;background-image: url('/images/i_chevron_down.svg');}
.custom_options {padding: .5rem 0;border: 1px solid #e3e3e3;width: 100%;display: none;position: absolute;background-color: white;transform: none;z-index: 10;max-height: 300px;overflow-y: overlay;min-width: 140px;}
.custom_options .option {padding: .3rem 1rem;margin: 0;display: flex;align-items: center;justify-content: flex-start;gap: 10px;cursor: pointer;text-align: left;}
.custom_options .option:hover {background-color: #e3e3e3;}
.custom_options .default_option {padding: 0 1rem;}
.custom_options .option .before,#schduleForm .custom_select .before {width: 1rem;height: 1rem;display: inline-block;border-radius: 3px;}
.custom_options .title {padding: .3rem .3rem .3rem 1rem;width: 90%;display: flex;align-items: center; justify-content: space-between; text-align: left;border-radius: 30px;background: #E0E5EA; margin: 0 0 5px 5px; color: #8C97A5; cursor: default;}
.custom_options .title > .title_icon {background-image: url("/images/i_down_arrow.svg"); width: 24px; height: 24px;}
.custom_options hr {display:block;margin: 0 0 5px;}

/* 관리자 인입 팝업 */
#BrandAdsModal .modal-footer {position: initial; gap: 10px;}
#BrandAdsModal .modal-footer > * {border-radius: 5px;color: white;height: 50px;display: flex;justify-content: center;align-items: center;}
#BrandAdsModal .modal-footer > .not_view_btn {flex: 0.4;background: #EAEFF4; color: #60686F;border-color: #EAEFF4;}
#BrandAdsModal .modal-footer > .detail_btn {flex: 0.6;background: #06f;}
#BrandAdsModal .modal-badge {border: 1px solid #06f; border-radius: 90px; padding: 3px 10px; font-size: 14px; color: #06f;}
#BrandAdsModal .modal-header {position: initial;align-items: center;padding: 0;}
#BrandAdsModal .modal-header .close {top: 0;}
#BrandAdsModal .modal-header-title-area {display: flex;justify-content: space-between;align-items: center; width: 94%;}
#BrandAdsModal .modal-body {max-height: 370px;}
#BrandAdsModal .modal-slide-status {font-size: 16px; color: #878787;}
#BrandAdsModal .modal-slide-status .now {color: #000;}
#BrandAdsModal .modal-slide-left-arrow,
#BrandAdsModal .modal-slide-right-arrow { position: initial; display: flex; width: 50px; height: 50px; padding: 10px 8px; align-items: center; gap: 10px; border-radius: 25px; opacity: 0.6;cursor: pointer;  }
#BrandAdsModal .modal-slide-left-arrow:hover,
#BrandAdsModal .modal-slide-right-arrow:hover { opacity: 1; }
#BrandAdsModal .modal-slide-arrow { display: flex; width: 660px; position: fixed; justify-content: space-between; transform: translate(-100px, 140px); }
#BrandAdsModal .modal-slide-left-arrow::before,
#BrandAdsModal .modal-slide-right-arrow::before { content: ""; width: 30px; height: 30px; }
#BrandAdsModal .modal-slide-left-arrow::before { background-image: url("/images/i_arrow_back.svg");}
#BrandAdsModal .modal-slide-right-arrow::before { background-image: url("/images/i_arrow_forward.svg");}
#BrandAdsModal .slick-slide { margin: 0 20px; }
#BrandAdsModal .slick-list { margin: 0 -20px; }
@media screen and (max-width:660px) {
	#BrandAdsModal .modal-slide-arrow {width: 89%;max-width: 460px; z-index: 10;transform: translate(0, 140px);}
}
