@charset "utf-8";
@font-face{
    font-family: 'ManropeR';
    font-style: normal;
    font-weight: 400;
    src: url('../font/Manrope-Regular.eot');
    src: url('../font/Manrope-Regular.woff2') format('woff2'),url('../font/Manrope-Regular.woff') format('woff'),url('../font/Manrope-Regular.otf') format('opentype')
}

@font-face{
    font-family: 'ManropeBold';
    font-style: normal;
    font-weight: 700;
    src: url('../font/Manrope-Bold.eot');
    src: url('../font/Manrope-Bold.woff2') format('woff2'),url('../font/Manrope-Bold.woff') format('woff'),url('../font/Manrope-Bold.otf') format('opentype')
}

@font-face {
    font-family: 'Pretendard-Var';
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
    src: url('../font/PretendardVariable.woff2') format('woff2-variations');
}


/* -------- reset element  -------- */
/*
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:inherit; font-family:inherit}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
img,fieldset,a{border:0}
img{vertical-align:middle}
table,thead,tbody,tfoot{border-collapse:collapse;border-spacing:0;border:0 none}
table th{word-break:keep-all;font-size:13px}
table td{word-break:keep-all}
table th{font-weight:700;}
ul,ol,li{list-style:none;word-break:keep-all}
address,em{font-style:normal}
input,select,textarea,button,form img{vertical-align:middle;font-family:'NotoSans','맑은 고딕','Malgun Gothic'}
fieldset{min-width:0}
textarea{font-size:12.1px;font-family:'NotoSans','맑은 고딕','Malgun Gothic';line-height:1;color:#333}
button,input[type="submit"]{cursor:pointer}
input, textarea {appearance: none; -webkit-appearance: none;}
input[type="checkbox"]::-ms-check{display:none !important;}
::-ms-clear {display:none; }
input:focus,button:focus,select:focus,textarea:focus{outline:0}
button::-moz-focus-inner{border:0 none;padding:0}
strong{font-weight:normal;font-weight:700}
hr{display:none}
a{font-family:'NotoSans','맑은 고딕','Malgun Gothic';text-decoration:none}
a:link{color:#222}
a:visited{color:#222}
a:hover{color:#222}
a:focus{color:#222}
body{width:100%; height:100%; font-size:14px; font-family: 'NotoSans','맑은 고딕','Malgun Gothic'; color: #222; letter-spacing: -0.4px;}
*/
input,select,textarea,button,form img{vertical-align:middle;font-family:'Pretendard-Var','맑은 고딕','Malgun Gothic'}
button,input[type="submit"]{cursor:pointer}
input, textarea {margin:0; padding:0; border:0; font-family:inherit; background-color:#fff; box-sizing:border-box; border-radius:0; appearance:none; -webkit-appearance:none;}
input[type="checkbox"]::-ms-check{display:none !important;}
::-ms-clear {display:none; }
input:focus,button:focus,select:focus,textarea:focus{outline:0}
button::-moz-focus-inner{border:0 none;padding:0}
i {font-style:normal;}
a{font-family:'Pretendard-Var','맑은 고딕','Malgun Gothic';text-decoration:none}
a:link{color:#222}
a:visited{color:#222}
a:hover{color:#222}
a:focus{color:#222}
a i{font-style:normal}

.tobe *{letter-spacing:-0.02em;}
.tobe i{font-style:normal}

/* 취소선 *//* 23-06-19 gnb, 히스토리 */
.tobe .strike{text-decoration:line-through;}

/* input */
/*
input, textarea{margin:0; padding:0; border:0; font-family:inherit; background-color:#fff; box-sizing:border-box; border-radius:0; appearance:none; -webkit-appearance:none; }
textarea{resize:none; }
input, select, textarea, button, form img{vertical-align:middle; }
select::-ms-expand {display:none}
fieldset{min-width:0; }
button, input[type="submit"]{cursor:pointer; }
input:focus, button:focus, select:focus, textarea:focus{outline:0; }
button::-moz-focus-inner{border:0 none; padding:0; }
button{font-family:inherit; letter-spacing: inherit; border:0; border-radius:0; background:none; box-sizing:border-box; cursor:pointer}
i{font-style:normal}
::placeholder, ::-webkit-input-placeholder, :-webkit-input-placeholder, ::-moz-placeholder,:-ms-input-placeholder{color:#bbb}
*/

input, select, textarea, button, form img{vertical-align:middle; }
select::-ms-expand {display:none}
fieldset{min-width:0; }
button, input[type="submit"]{cursor:pointer; }
input:focus, button:focus, select:focus, textarea:focus{outline:0; }
button::-moz-focus-inner{border:0 none; padding:0; }
button{font-family:'Pretendard-Var','맑은 고딕','Malgun Gothic'; letter-spacing: inherit; border:0; border-radius:0; background:none; box-sizing:border-box; cursor:pointer}

/* common */
/*
legend, caption{overflow:hidden; position:absolute; width:1px; height:1px; border:none; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px); }
.blind{overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; }
caption{position:static; height:0; }
hr{display:none; }
.clear_both:after{content:''; display:block; clear:both; }
.ellipsis{display:inline-block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.ellipsis.row2{display:-webkit-box; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.dimmed{position:fixed; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); transition-duration: 0.2s; z-index:51}
/* .ess{display:inline-block; width:5px; height:5px; margin-left:3px; overflow:hidden; text-indent:-9999px; vertical-align:top; background:url('../img/ico.png') no-repeat -286px -125px; background-size:300px auto; }
.byte{margin-top:5px; font-size:11px; color:#999; line-height:1; text-align:right; }
.bg_gray{background:#f8f8f8; }*/


/* 스크롤 커스텀 */
.scroll_custom {padding-right: 14px; overflow-x: hidden; overflow-y: auto;}
.scroll_custom::-webkit-scrollbar {width: 3px;height:8px}
.scroll_custom::-webkit-scrollbar-track {background-color: #f5f5f5;}
.scroll_custom::-webkit-scrollbar-thumb {background-color: #e0e0e0; border-radius: 1.5px; /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/ }
.select_box .select_list::-webkit-scrollbar {width: 3px;}
.select_box .select_list::-webkit-scrollbar-track {background-color: #f5f5f5;}
.select_box .select_list::-webkit-scrollbar-thumb {background-color: #cacaca; border-radius: 1.5px; /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */ }

/* lazy */
/* img[data-original]{opacity: 1;transition:.6s;}
img.lazy{opacity:0;} */

/* -------- layout -------- */
.conts_inner {width:1280px; margin:auto;}
.conts_inner:after{content:''; display:block; clear:both;}
#wrap{position:relative; min-width:1280px;}
#container{position:relative;z-index:1;padding-bottom:140px}
.breadcrumb.conts_inner {width:931px; margin-top:20px; margin-bottom:40px; line-height:1;}


/* -------- header-------- */
#header {position:relative;z-index:2000; font-size:14px; line-height:normal;}/* 22-08-11 헤더 겹침 z-index 변경 */
#header:before {display:none;}
/* .top_banner.hide + #header {padding-top:70px} */
.header_wrap {min-height:171px} /* sticky 작업에 필요한 높이 */

.tobe .header_wrap a, .tobe .header_wrap span, .tobe .header_wrap strong, .tobe .header_wrap li{line-height:normal;}

.tobe .header_top {position:relative; padding:8px 0 7px; border-bottom:1px solid #f2f2f2; z-index:2; width:auto; height:auto; margin:0;}
.tobe .header_top .conts_inner {position:relative}
.tobe .header_top .conts_inner:after {content:''; display:block; clear:both}
.tobe .header_top .l_box {float:left; position:relative;}
.tobe .header_top .r_box {float:right}

.tobe .header_top .util_menu {margin-top:3px; display:inline-block; vertical-align:top}
.tobe .header_top .util_menu:after {content:''; display:block; clear:both}
.tobe .header_top .util_menu > li {position:relative; float:left; padding:0 20px; font-size:12px}
.tobe .header_top .util_menu > li:first-child:before {display:none}
.tobe .header_top .util_menu > li:before {content:''; display:block; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:1px; height:10px; background-color:#e0e0e0}
.tobe .header_top .util_menu > li:after {content:''; display:block; clear:both}
.tobe .header_top .util_menu [class^="level"] {position:relative; padding-left:20px;}
.tobe .header_top .util_menu [class^="level"]:before {content:''; display:block; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:15px; height:18px; background:url('../images/ico_level.png') 0 0 no-repeat;}
.tobe .header_top .util_menu .level1:before {background-position:0 0;}
.tobe .header_top .util_menu .level2:before {background-position:0 -29px;}
.tobe .header_top .util_menu .level3:before {background-position:0 -56px;}
.tobe .header_top .util_menu .level4:before {background-position:0 -84px;}
.tobe .header_top .util_menu .level5:before {background-position:0 -111px;}
/* 22-12-07 멤버십 개편 */
.tobe .header_top .util_menu .level_1:before {height:15px; background-image: url('../images/ico_mlevel_br_small.png'); background-size:15px 15px}
.tobe .header_top .util_menu .level_2:before {height:15px; background-image: url('../images/ico_mlevel_s_small.png'); background-size:15px 15px}
.tobe .header_top .util_menu .level_3:before {height:15px; background-image: url('../images/ico_mlevel_g_small.png'); background-size:15px 15px}
.tobe .header_top .util_menu .level_4:before {height:15px; background-image: url('../images/ico_mlevel_gp_small.png'); background-size:15px 15px}
.tobe .header_top .util_menu .level_5:before {height:15px; background-image: url('../images/ico_mlevel_d_small.png'); background-size:15px 15px}
.tobe .header_top .util_menu .level_6:before {height:15px; background-image: url('../images/ico_mlevel_b_small.png'); background-size:15px 15px}
.tobe .header_top .util_menu .level_7:before {height:15px; background-image: url('../images/ico_mlevel_bp_small.png'); background-size:15px 15px}

/* header fixed */
.header_wrap.fixed .header_navi .h_logo{top:14px;}
.header_wrap.fixed .header_navi .h_logo .logo_img{width:90px;}
.header_wrap.fixed .header_navi .gnb_wrap_tobe{padding-top:23px;}
.header_wrap.fixed .gnb > li.arr > a{padding-bottom:20px;}
.header_wrap.fixed [data-sticky-navi]{position:fixed; left:0; top:0; width:100%; background-color:#fff; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); z-index:1;}
.header_wrap.fixed .category_wrap {top:46px}
.header_wrap.fixed .total_search {margin-top:8px; margin-left:212px;}
.header_wrap.fixed .brand_wrap_tobe {top:45px}
.header_wrap.fixed .member_wrap {top:21px;opacity: 1;}
.header_wrap.fixed .member_wrap .btn_member .ico:after {background: rgba(255, 255, 255, 0);}
.header_wrap.fixed .cart_wrap {margin:23px 0 0 33px}
.header_wrap.fixed .cart_wrap .btn_cart {padding-bottom:14px; padding-top: 0;}
.header_wrap.fixed .cart_wrap .btn_cart .ico .blind{width: 27px; height: 25px;}
.header_wrap.fixed .cart_wrap .cart_box {top:47px;}
.header_wrap.fixed .cart_wrap .btn_cart .ico:before {right: -5px;}
.header_wrap.fixed .cart_wrap .btn_cart .ico .num {right: -5px;}

/* 환율 계산 */
.tobe .header_top .exchange {position:relative}
.tobe .header_top .exchange .tit_wrap .tit {display:inline-block; vertical-align:middle; font-size:12px;}
.tobe .header_top .exchange .tit_wrap .tit a {font-weight:700}
.tobe .header_top .exchange .sum {display:inline-block; vertical-align:middle; margin-left:11px; color:#e80f00; font-size:12px; font-weight:700;}

.pop_exchange {top:29px; width:300px;}
.exchange_cal > li {display:table; width:100%; margin-top:6px}
.exchange_cal > li:first-child {margin-top:0}
.exchange_cal .tit {width:70px; display:table-cell; vertical-align:middle; font-weight:400; padding:0; background:none; border:0;}
.exchange_cal .tit span {display:inline-block; vertical-align:middle; font-size:14px}
.exchange_cal .tit .ico {display:inline-block; min-width:20px; height:20px; margin-right:2px; padding:0 3px; text-align:center; line-height:20px; background-color:#000; color:#fff; border-radius:50%; box-sizing:border-box}
.exchange_cal .cont {width:calc(100% - 70px); display:table-cell; vertical-align:middle}
.exchange_cal input {text-align:right}

.popup_layer.pop_exchange .tit{padding:0; border-bottom:0; font-size:14px}

/* 언어변경 */
.tobe .header_top .language {position:relative}
.tobe .header_top .language .tit {position:relative; padding:0 12px}
.tobe .header_top .language .tit:after {content:''; display:block; position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:7px; height:4px; background:url('../images/ico_arrow06.png') 0 0 no-repeat;}
.tobe .header_top .language.on .tit:after {margin-top:-2px; transform:rotate(180deg);}

.popup_layer.pop_language {top:29px; width:150px; padding:18px 29px}
.pop_language .language_list li {font-size:12px}
.pop_language .language_list li a {display:block; padding:8px 0;}
.pop_language .language_list li a:hover {font-weight:700}
.pop_language .language_list li:last-child {font-family:'ManropeR'}

.header_navi .conts_inner {position:relative;z-index:1; padding-left:178px; box-sizing:border-box; transition:0.6s}
.header_navi .conts_inner:after {content:''; display:block; clear:both}

.header_navi .h_logo {position:absolute; top:48px; left:0;}
.header_navi .h_logo .logo_img {display:inline-block; vertical-align:top; width:102px; height:44px;}
.header_navi .h_logo .logo_img img {width: 100%; height: auto;}

/* gnb - 브랜드 */
.brand_wrap_tobe {display:none; position:absolute; top:70px; left:0; width:400px; padding:30px 20px 30px 30px; background:#fff; z-index:51;  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); box-sizing:border-box}
.brand_wrap_tobe.on {display:block}
.brand_wrap_tobe .category_box .inner {position: relative}
.brand_wrap_tobe .category_search {position:relative; /*padding-right:10px*/}
.brand_wrap_tobe .category_box .inner .btn_txt{position:absolute; right:0; top:50%; transform:translateY(-50%);}

.category_select {padding:0}
.category_select ul {margin-bottom:10px; font-size: 0}
.brand_wrap_tobe .category_select ul {margin-bottom:0}
.category_select ul li {display: inline-block;position: relative;margin-left: 10px;padding-left: 10px;font-size: 13px;}
.category_select ul li:before {display: block;content: "";position: absolute;top: 50%; left: 0; width: 1px; height: 11px;background: #ddd;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.brand_wrap_tobe .category_select ul li {margin-left:20px; padding-left:23px;}
.brand_wrap_tobe .category_select ul li:before {width:3px; height:3px; background-color:#cacaca}
.category_select ul li:first-child {margin-left: 0;padding-left: 0}
.category_select ul li:first-child:before {display: none}
.category_select ul li a {display:inline-block; height:52px; color:#222; line-height:52px; font-size:13px}
.brand_wrap_tobe .category_select ul li a {height:70px; line-height:70px; font-size:14px}
.category_select ul li.on a {font-weight:700}
.brand_wrap_tobe .category_select ul li.on a {color:#cd473b; font-weight:400}
.category_brand {height:380px}
.category_index {display:none; position:relative; height:100%; padding:0}
.category_index.en {font-weight:400; }
.category_index_all {overflow:hidden; overflow-y:auto; height:100%;margin-left:-20px; -ms-overflow-style:none;}
.category_index_all > ul {padding-left:20px;}
.category_index_all::-webkit-scrollbar {display:none;}
.category_index_all ul li strong {display:block; position:sticky; position:-webkit-sticky; top:0; height:18px; padding-bottom:33px;background: #fff;font-size:16px; color: #222;line-height:1; z-index: 10;}
.category_index_all ul li strong:before{content:'';display:block;position:absolute;top:-1px;left:0;width:100%;height:2px;background:#fff}
.brand_wrap_tobe .category_index_all ul li strong {height:0; font-size:0; padding:0}
.brand_wrap_tobe .category_index_all ul li strong:before {display:none}
.brand_wrap_tobe .category_index_group {width:30px; border-radius:0; background-color:#fff}
.brand_wrap_tobe .category_index_group ul li {padding:0}
.brand_wrap_tobe .category_index_group ul li a {font-size:14px; font-weight:normal}
.category_index_all ul li ul {padding-bottom:28px}
.category_index_all ul li ul li {padding-top:31px; font-size:13px; color: #222}
.brand_wrap_tobe .category_index_all ul li ul {padding-bottom:24px}
.brand_wrap_tobe .category_index_all ul li ul li {padding-top:27px; line-height:1.2}
.category_index_all ul li ul li:first-child {padding-top: 0}
.category_index_all ul li ul li.active a {color:#cd473b; font-weight:700}
.category_index.en .category_index_all ul li ul li a {font-weight:400}
.category_index.en .category_index_all ul li ul li.active a {font-weight:700}
.category_index_all ul li ul li a {display: block;color: #222; font-size:14px}
.category_index_group {overflow:hidden; overflow-y:auto; position:absolute; top:0; right:0; height:100%; border-radius:50px; -webkit-overflow-scrolling:touch; box-sizing: border-box; -ms-overflow-style:none; background-color:#f5f5f5; z-index:10}
.category_index_group:after {content:''; display:block; clear:both;}
.category_index_group::-webkit-scrollbar {display:none;}
.brand_wrap_tobe .category_index_group ul {padding:15px 0 18px;}
.category_index_group ul {overflow:hidden; padding:7px 0 11px; text-align:center; -ms-overflow-style:none;}
.category_index_group ul::-webkit-scrollbar {display:none; width:0;height:0}
.category_index_group ul li {margin-top:20px; padding:0 3px}
.brand_wrap_tobe .category_index_group ul li {margin-top:29px}
.category_index_group ul li:first-child {margin-top:0}
.category_index_group ul li span {display:inline-block; width:22px; height:22px; line-height:22px; font-size: 12px; color: #555;text-align: center}
.category_index_group ul li a {display: inline-block;width: 100%;height: 100%;color: #999; font-weight:700}
.category_index_group ul li.active span {font-weight:700;color: #222}
.brand_wrap_tobe .category_index_group ul li.active span {width:30px}
.category_index_group ul li.active a {color: #222; font-weight:700; background-color:#fff; border-radius:50px}
.brand_wrap_tobe .category_index_group ul li.active a {background:none}
.brand_wrap_tobe .category_index_group.en ul li.active a {font-weight:700}
.brand_wrap_tobe .category_index_group ul li.active a {font-size:18px}

.category_index_all ul li ul li div{display:flex}
.category_index_all ul li ul li .ck_like{margin-top:3px}
.category_index_all ul li ul li a{flex:1;word-break:break-all;}
.brand_wrap_tobe .category_index_all ul li ul li a{margin-left:10px;}
.category_search_list{/*z-index:11;position:absolute;top:40px;left:0;right:0;margin:0 -20px; padding:30px 20px 25px;height:calc(100vh - 290px);*/margin-top:26px; background:#fff;} /* 2023-08-30 신라GNB 브랜드 레이어 검색결과 여백 추가 */
.category_search_list ul{overflow:hidden;overflow-y:auto;height:380px; -ms-overflow-style:none;}
.category_search_list ul::-webkit-scrollbar {display:none;}
.category_search_list li + li{padding-top:31px}
.category_search_list li div{display:flex}
.category_search_list li .ck_like{margin-top:3px}
.category_search_list li a{flex:1;margin-left:10px;word-break:break-all;font-weight:600;}
.brand_wrap_tobe .category_search_list li a{font-weight:400}
.category_search_list li a span{color:#e80f00}

.category_box .category_bottom {padding:20px 10px 0 0; text-align:center}

/* 2022-08-24 : gnb 브랜드 첫번째 하트 및 여백 관련 수정 */
.brand_wrap_tobe {padding:30px;}
.brand_wrap_tobe .category_brand{height:360px;}
.brand_wrap_tobe .category_select ul {margin-top:10px;}
.brand_wrap_tobe .category_select ul li a {height:50px; line-height:50px;}
.brand_wrap_tobe .category_index_all > ul{padding-right:20px;box-sizing:border-box;}
.brand_wrap_tobe .category_index_all ul li ul{padding-bottom:17px;}
.brand_wrap_tobe .category_index_all ul li ul li:first-child{padding-top:10px;}
.brand_wrap_tobe .category_index_group{right:-10px}
.brand_wrap_tobe .category_index_group ul {padding:25px 0 18px;}
.brand_wrap_tobe .category_box .category_bottom {padding:35px 0 0 0;}

/* gnb - category */
.header_wrap .category_wrap {display:none; position:absolute; top:70px; left:0;width:1100px;  z-index:51;}
.header_wrap .category_wrap.on {display:table}
.header_wrap .category_wrap .inner{display:inline-block;height:600px; background-color: #fff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);}
.header_wrap .category_wrap:after {content:''; display:block; clear:both}

/* category default setting */
.header_wrap .category_wrap .depth_group{position:relative;float:left;width:200px;min-height:600px;background-color: #fff;}
.header_wrap .category_wrap .depth_group::before{content:'';position:absolute; top:0; left:0; width:1px; height:100%; background:#e0e0e0; z-index:2}
.header_wrap .category_wrap .depth_group:first-child:before{display:none;}
.header_wrap .category_wrap .depth_group a{position:relative; display:block; padding:8px 25px 9px 20px; font-size:15px; word-break:break-all}
.header_wrap .category_wrap .depth_group a:hover,
.header_wrap .category_wrap .depth_group li.on a{font-weight:700; background-color:#f5f5f5;}
.header_wrap .category_wrap .depth_group a:hover:after,
.header_wrap .category_wrap .depth_group li.on a:after {content:''; display:block; position:absolute; top:13px; right:15px; width:6px; height:12px; transform: rotate(180deg); background:url('../images/ico_arrow01.png') 0 0 no-repeat;}

/* category hidden */
.header_wrap .category_wrap .depth_group, .header_wrap .category_wrap .depth_group ul{display:none;}
.header_wrap .category_wrap .depth_group:first-child, .header_wrap .category_wrap .depth_group:first-child ul{display:block;}

/* category visible */
.header_wrap .category_wrap .depth_group.on, .header_wrap .category_wrap .depth_group.on ul.on{display:block;}
.header_wrap .menu_vowel {float:left; vertical-align:top; width:300px; height:100%; padding:40px 22px; background-color:#fafafa; box-sizing:border-box}
.header_wrap .menu_vowel .title {display:block; margin:48px 0 22px; font-size:16px; font-family:inherit;}/* 2022-08-29 : font-family 추가 */
.header_wrap .menu_vowel .title:first-child {margin-top:0}
.header_wrap .menu_vowel .title a {display:inline-block}
.header_wrap .menu_vowel .title span {position:relative; display:inline-block; padding-right:16px; }
.header_wrap .menu_vowel .title a span:after {content:''; display:block; position:absolute; top:6px; right:0; width:6px; height:12px; transform: rotate(180deg); background:url('../images/ico_arrow01.png') 0 0 no-repeat;}/* 2022-08-29 : a 추가 */
.header_wrap .menu_vowel .swiper_hide_arrow.small button.swiper_prev {left: 0;}
.header_wrap .menu_vowel .swiper_hide_arrow.small button.swiper_next {right: 0;}

.header_wrap .store_list_wrap {height:84px; box-sizing: border-box;}
.header_wrap .store_list {width: 218px; margin:0 auto}
.header_wrap .store_list:after {content:''; display:block; clear:both}
.header_wrap .store_list.small_banner .swiper-slide {border-radius:0}
.header_wrap .store_list .img_box {width:100%; height:65px}
.header_wrap .store_list .text_box {width:100%; text-align:center}
.header_wrap .store_list .text_box .tit {font-size:12px; display: block; max-width: 100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

.header_wrap .only_list_wrap {height:92px;}
.header_wrap .only_list {width:232px; margin:0 auto}
.header_wrap .only_list.small_banner .swiper-slide {width: 100%;}
.header_wrap .only_list.small_banner .swiper-slide > .btn {display:inline-block; width:111px; height:41px; margin:10px 0 0 9px; font-size:14px; box-sizing:border-box; border:1px solid #e0e0e0; border-radius:20px; text-align:center; background:#fff}/* 공통 수정 필요*/
.header_wrap .only_list.small_banner .swiper-slide > .btn > span {display:table; width:100%; height:100%; line-height:1.2}
.header_wrap .only_list.small_banner .swiper-slide > .btn > span > i {display:table-cell; vertical-align:middle}
.header_wrap .only_list.small_banner .swiper-slide > .btn:nth-child(1),
.header_wrap .only_list.small_banner .swiper-slide > .btn:nth-child(2) {margin-top:0}
.header_wrap .only_list.small_banner .swiper-slide > .btn:nth-child(1),
.header_wrap .only_list.small_banner .swiper-slide > .btn:nth-child(3) {margin-left:0}

/* 2022-09-23 : 카테고리 테마관 높이 수정 */
.header_wrap .theme_list_wrap {height:88px;}
.header_wrap .theme_list {width:230px; height:88px; margin:0 auto;border-radius:20px;}
.header_wrap .theme_list .text_box {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center}
.header_wrap .theme_list .hashtag {display:table; width:100%; height:100%; color:#fff; font-size:16px;}
.header_wrap .theme_list .hashtag > span {display:table-cell; vertical-align:middle}

/* 통합검색 */
.header_wrap .total_search {position: absolute; right: 110px; width:240px; margin:36px 0 0 69px; box-sizing: border-box;}
.header_wrap .total_search:after {position:absolute; top:0; left:0; width:100%; height:100%;}
.header_wrap .total_search.on {width: 640px; opacity: 1;}
.header_wrap .total_search.on .search_cont {display: block; opacity: 1;}
.header_wrap .total_search .search_bar .btn_ico.close {display: none;}
.header_wrap .total_search.on .search_bar .btn_ico.close {display: block;}

.header_wrap .search_bar .form_inp {border-bottom:2px solid #222;}
.header_wrap .search_bar .form_inp.inp input {height:50px; padding:0 45px 0 10px; line-height:50px; border-radius:0; font-size:16px;  background-color:#fff;}
.header_wrap .total_search .form_inp.inp input::placeholder {font-size: 14px;}
.header_wrap .total_search.on .form_inp.inp input::placeholder {font-size: 16px;}
.header_wrap .search_bar .form_inp.inp input:read-only {background-color: #fff;}
.header_wrap .total_search.on .search_bar .form_inp.inp input {padding-right: 80px;}
.header_wrap .search_bar .form_inp:hover > input,
.header_wrap .search_bar .form_inp input:focus {border-color: transparent;}
.header_wrap .search_bar .form_inp.double .btn_ico {height:50px;}
.header_wrap .search_bar .form_inp .btn_ico.search {right: 10px;}
.header_wrap .search_bar .form_inp .btn_ico.close {right: 50px;}
.header_wrap .search_cont {overflow: hidden; display: none; position: absolute; opacity: 0; right: -10px; width: 660px; min-height: 300px; padding: 46px 0 50px; box-sizing: border-box; border-radius: 10px; background-color: #fff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); z-index: 4;}
.header_wrap .search_cont > .search_inner {max-height: 676px; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0;}
.header_wrap .search_cont .search_before {display: block;}
.header_wrap .search_cont.auto .search_before {display: none;}
.header_wrap .search_cont .search_auto {display: none;}
.header_wrap .search_cont.auto .search_auto {display: block;}
.header_wrap .search_keyword {display: flex;}
.header_wrap .search_keyword .search_title {display: block; font-size: 24px; line-height: 1; margin-bottom: 34px;}
.header_wrap .search_keyword .keyword_box {padding: 0 20px 37px 40px; flex: 1; box-sizing: border-box;}
.header_wrap .search_keyword .keyword_box.latest_word {max-width: 50%;}
.header_wrap .search_keyword .update {color: #999; margin-top: 19px; font-size: 12px;}
.header_wrap .search_theme {padding: 0 0 40px 40px;}
.header_wrap .search_theme .search_title {font-size: 16px; display: block; margin-bottom: 20px; line-height: 1;}
.header_wrap .search_theme .theme_list_wrap {height: 75px;}
.header_wrap .search_theme .theme_list {width: 100%; height: 75px; overflow:hidden; position:relative; padding:0; white-space:nowrap; border-radius: 0;}
.header_wrap .search_theme .theme_list .swiper-slide{width:230px !important;}
.header_wrap .search_theme .theme_list img{width:100%;}
.header_wrap .search_auto .auto_box {padding: 0 40px 47px;}
.header_wrap .search_auto .no_result {padding: 70px 0 65px;}

/* X 버튼이 있는 텍스트 */
.header_wrap .text_delete {display: flex; align-items: center; font-size: 16px;}
.header_wrap .text_delete + .text_delete  {margin-top: 17px;}
.header_wrap .text_delete .word {display: inline-block; max-width: calc(100% - 18px); height: 24px; box-sizing: border-box; flex: 1; padding-right: 40px;}
.header_wrap .text_delete .word > span {display:inline-block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
/* 순위가 있는 텍스트  */
.header_wrap .text_num {font-size: 16px;}
.header_wrap .text_num .rank {display: inline-block; width: 40px; height: 24px; font-size: 16px; color: #e80f00; font-weight:700; vertical-align: top; line-height: 26px;}
.header_wrap .text_num + .text_num  {margin-top: 17px;}
.header_wrap .text_num .word {display: inline-block; width: calc(100% - 44px); font-size: 16px;}
/* 태그가 있는 텍스트 */
.header_wrap .text_tag {font-size: 16px;}
.header_wrap .text_tag + .text_tag  {margin-top: 17px;}
.header_wrap .text_tag {display: flex; align-items: center;}
.header_wrap .text_tag > a {display: block;}
.header_wrap .text_tag > a:first-child {flex: 1; margin-right: 40px;}
.header_wrap .text_tag .word {display: inline-block; box-sizing: border-box;}
.header_wrap .text_tag .word .keyword {color: #e80f00;}
.header_wrap .text_tag .tag {display: block; padding: 2px 7px 3px; background-color: #f5f5f5; font-size: 13px; color:#616161;}
.header_wrap .text_tag.module {display: block;}
.header_wrap .text_tag .category_list > li {margin-left: 10px; margin-top: 12px;}
.header_wrap .text_tag .category_list .num {padding-left: 5px; color: #999;}

.header_wrap .search_bottom {position: absolute; width: 100%; box-sizing: border-box; height: 50px; bottom: 0; background-color: #f5f5f5;}
.header_wrap .search_bottom button {display: inline-block; font-size: 14px; color: #616161;}
.header_wrap .search_bottom .btn_switch {padding: 15px 6px 15px 20px; vertical-align: middle;}
.header_wrap .search_bottom .btn_delete_all {position: relative; padding: 15px 10px;}
.header_wrap .search_bottom .btn_delete_all::before {display: block; content: '';position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background-color: #e0e0e0;}
.header_wrap .search_bottom .btn_close {float: right; padding: 15px 20px;}


/* member */
.header_wrap .member_wrap {position: absolute; top:49px; right:62px; /*opacity: 0;transition: opacity .4s; */}
.header_wrap .member_wrap .btn_member {display:block}
.header_wrap .member_wrap .btn_member .ico {position:relative; display:inline-block; width:26px; height:26px; text-align:center; background:url('../images/ico_member.png') 0 0 no-repeat;}
.header_wrap .member_wrap .btn_member .ico:after {content:''; display:block; width:100%; height:100%; }

/* 장바구니 */
.header_wrap .cart_wrap {float:right; position:relative;}
.header_wrap .cart_wrap .btn_cart {display:block; padding:51px 10px 49px 16px; }/* 2022-09-03 : padding값 수정 */
.header_wrap .cart_wrap .btn_cart .ico {position:relative; display:inline-block; width:31px; height:29px; text-align:center;}
.header_wrap .cart_wrap .btn_cart .ico .num {display:none;position:absolute; top:-6px; right:-5px;z-index:3; min-width:19px; height:18px; color:#fff; font-size:12px;text-align:center;box-sizing:border-box;background:none;padding:0;border-radius:0;}/* 2022-08-29 : 장바구니 아이콘 as-is css 해제 */
.header_wrap .cart_wrap .btn_cart .ico .blind_tobe{display:inline-block; width: 27px; height: 25px; text-align:center; background:url('../images/ico_cart02.png') 0 0/cover no-repeat; text-indent: -999px;}
.header_wrap .cart_wrap .btn_cart .ico:before{display:none;content:'';position:absolute; top:-6px; right:-5px;z-index:2; min-width:19px; height:19px;border-radius:50px;background-color:#e80f00; box-sizing:border-box}
.header_wrap .cart_wrap .btn_cart.in .ico .num,
.header_wrap .cart_wrap .btn_cart.in .ico:before{display:block;}
.header_wrap .cart_wrap .btn_cart.animated .ico:before{animation:cartPluse .5s ease-in-out both;}
.header_wrap .cart_wrap .btn_cart.animated .ico .blind_tobe{animation:cartShake .6s .6s ease-in-out forwards;}
.header_wrap .cart_wrap .btn_cart.animated .ico .num{animation:cartCount .6s cubic-bezier(0.87,0,0.13,1) forwards;}

@keyframes cartPluse {
    from {transform:scale3d(0.6,0.6,0.6);}
    50% {transform:scale3d(1.5,1.5,1.5);}
    to {transform:scale3d(1,1,1);}
}
@keyframes cartShake {
    0%   {transform:rotate(5deg);}
    15%  {transform:rotate(-5deg);}
    30%  {transform:rotate(5deg);}
    45%  {transform:rotate(-5deg);}
    60%  {transform:rotate(5deg);}
    75%  {transform:rotate(-5deg);}
    90%  {transform:rotate(5deg);}
    100% {transform:rotate(0);}
}
@keyframes cartCount {
    from {transform:translateY(-20px); opacity:0;}
    to {transform:translateY(0); opacity:1;}
}

.header_wrap .cart_wrap .cart_box {display:none; position:absolute; right:-15px; width:424px; background:#fff; z-index:51;  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); box-sizing:border-box; font-family: 'Pretendard-Var','맑은 고딕','Malgun Gothic';}
.header_wrap .cart_wrap .cart_box.on {display:block}
.header_wrap .cart_wrap .all_chk {padding: 30px 30px 10px; font-size: 16px; line-height: 1.25; color:#333;} /*2023-05-22 폰터 컬러 추가*/
.header_wrap .cart_wrap .all_chk .inp_checkbox > label {line-height:1.25;}
.header_wrap .cart_wrap .cart_product {max-height:386px; /*max-height: 616px;*/ padding: 20px 30px 30px; overflow-x:hidden; overflow-y: auto; box-sizing: unset;}
.header_wrap .cart_wrap .cart_product .pro_detail {width: calc(100% - 160px)}

.header_wrap .add_remove .btn_ico {display: inline-block; width: 24px; height: 24px}
.header_wrap .add_remove .cart_amount {display:inline-block; width: 50px; height: 24px; margin-top: 12px}
.header_wrap .add_remove .cart_amount input {display: inline-block; width: 100%; height: 100%; font-size: 16px; font-weight:400; text-align: center; border:0;}
.header_wrap .add_remove [class^="btn_grade"] {margin-left: 10px;}

.header_wrap .add_remove.type2 {display:inline-block; font-size:0}
.header_wrap .add_remove.type2 .btn_ico {width:40px; height:40px; border:1px solid #e0e0e0}
.header_wrap .add_remove.type2 .btn_ico.minus {border-radius:6px 0 0 6px}
.header_wrap .add_remove.type2 .btn_ico.plus {border-radius:0 6px 6px 0}
.header_wrap .add_remove.type2 .cart_amount {width:38px; height:40px; margin-top:0; border:1px solid #e0e0e0; border-left:0; border-right:0; box-sizing:border-box}
.header_wrap .cart_wrap .cart_box .no_result{padding:60px 30px; line-height:1;text-align:center;}/* 2022-08-29 : 장바구니 없는 경우 추가 */

.header_wrap .add_remove.type2.st02 .btn_ico {width:54px;}
.header_wrap .add_remove.type2.st02 .cart_amount {width:58px}

.popup_preview .add_remove.type2.st02 .btn_ico {width:38px;}
.popup_preview .add_remove.type2.st02 .cart_amount{width:40px}

/* 24-09-09 결합상품 잔여페이지 */
.add_remove .btn_ico:disabled{cursor: default;}

/* 2024-10-22 : 결합상품 프로모션 - 수량제어 비활성화 */
.add_remove.disabled .btn_ico,
.add_remove.disabled .cart_amount {opacity:.5; pointer-events:none;}

.header-wrap .cost_wrap {display: flex; justify-content: space-between; margin-bottom: 30px; align-items: center;}
.header-wrap .cost_wrap .desc_txt {font-size: 20px;}
.header-wrap .cost_wrap .cost .strike {font-size: 24px; color: #999; font-weight:400;}
.header-wrap .cost_wrap .cost .sum {font-size: 26px; color: #E80F00; font-weight:700; margin-left: 10px}

/* 플랫폼 선택 팝업 */
.header_wrap .btn_platform{display:inline-block; position:relative; width:22px; height:22px; margin:11px 0 0 6px; vertical-align:top; font-size:0; vertical-align:middle}
.header_wrap .btn_platform::after{display:block; content:''; position:absolute; top:0; left:0; width:22px; height:22px; background:url('../images/ico_arrow_round.png') 0 0 no-repeat}
.header_wrap .btn_platform.on::after{transform:rotate(180deg);}

.header_wrap .platform_box{left:0; top:81px; width:200px; border-radius:20px; box-sizing:border-box; background-color: rgba(245,245,245,.8); padding:32px 29px 33px 32px; border:1px solid #222; backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px);}/* 2022-08-29 : background 수정 */
[data-layer-view].on.platform_box{z-index:35}
.header_wrap .platform_box dt + dd {margin-top:26px}
.header_wrap .platform_box dd{margin-top:20px}
.header_wrap.fixed .platform_box{top:53px;}
.header_wrap .btn_pf{display:block; position:relative; font-size:14px; line-height:1.2; padding-left:30px;}
.header_wrap .btn_pf::before, .btn_pf::after {display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); background:0 0 no-repeat}
.header_wrap .btn_pf.type00 {padding-right:20px; font-size:16px; font-weight:700}
.header_wrap .btn_pf.type00::before{width:20px; height:6px; background-image:url('../images/img_logo_small.png');}
.header_wrap .btn_pf.type00::after{top:4px; left:auto; right:0; width:9px; height:10px; background-image:url('../images/ico_arrow07.png'); transform:rotate(-90deg);}
.header_wrap .btn_pf.type01::before{width:19px; height:20px; background-image:url('../images/ico_platform01.png');}
.header_wrap .btn_pf.type02::before{width:21px; height:21px; background-image:url('../images/ico_platform02.png');}
.header_wrap .btn_pf.type03::before{width:21px; height:21px; background-image:url('../images/ico_platform03.png');}
.header_wrap .btn_pf span {position:relative; display:inline-block; padding-right:19px}
.header_wrap .btn_pf:hover span:after {opacity:1}
.header_wrap .btn_pf span:after {display:block; content:''; position:absolute; top:50%; right:0; width:13px; height:13px; transform:translateY(-50%); background:url('../images/ico_checkbox01.png') 0 -19px; background-size:13px auto; transition: 0.1s ease; opacity:0}

/* 띠배너 */
.top_banner{position: relative;z-index:2010;height:70px;transition:0.8s ease;}
.top_banner > a{position:absolute;top:0;right: calc(50% - 640px); background-color: transparent; transition: 0.5s ease-out; width:70px;height:70px; border-radius: 10px; z-index:2;}
.top_banner > a:after {content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:11px; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background: url('../images/ico_arrow14.png') 0 0 no-repeat;}
.top_banner.hide > a {background:#f5f5f5; width: 40px; height: 40px; right: calc(50% - 640px - 60px);}
.top_banner.hide > a:after {width: 15px; transform: translate(-50%, -50%) rotate(180deg); background-size: 15px auto;}
.top_banner .banner_box {position:relative; transform:translateY(0);transition:0.8s ease;}/* 22-08-16 띠배너 어드민 대응 */
.top_banner .banner_box .inner {max-width:1280px; margin:0 auto;}
.top_banner .banner_box a {display:block; text-align:center;}
.top_banner.hide{height: 0; transition:0.5s ease-out}
.top_banner.hide .banner_box{transform:translateY(-100%);transition:0.5s ease-out;}
/* 2022-06-14 띠배너 Text + 이미지형으로 변경*/
.top_banner .top_bar_txt { position:absolute; text-align:center; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; max-width:1280px; font-size:14px; color:#222; text-align:center;}
.top_banner .top_bar_txt strong { display:block; font-size:16px;}


/* -------- footer-------- */
#footer{font-size:14px; line-height:normal;}
#footer.footer {padding-bottom:74px; background:#fafafa}
.footer .inner {width:1280px; margin:0 auto}
.f_menu {background:#f5f5f5}
.f_menu .inner {width:1280px; margin:0 auto}
.f_menu .inner:after {content:''; display:block; clear:both}

.f_menu_list {float:left}
.f_menu_list:after {content:''; display:block; clear:both}
.f_menu_list > li {float:left; margin-left:70px; line-height:normal}
.f_menu_list > li:first-child {margin-left:0}
.f_menu_list > li > a {display:inline-block; padding:10px 0 12px; font-size:12px;}
/* .f_menu_list > li:nth-child(-n+3) > a {font-family: 'notoSansBold';} */
/* .f_menu_list > li:nth-child(5) a{font-family: 'NotoSansBold'; font-weight: bold;} *//* 22-09-06 푸터 개인정보처리방침 강조 */
.f_menu_list .f_privacy{font-weight:700;}/* 23-01-19 사이트맵 수정/추가 */

/* 지점바로가기 */
.select_branch {float:right; position: relative;}
.select_branch .btn_branch {/*min-width: 160px;*/ padding:11px 18px; box-sizing: border-box; text-align: right; font-size:12px;}
.select_branch .btn_branch:after {content:''; display:block; position:absolute; top:50%; right:0; width:7px; height:4px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url('../images/ico_arrow06.png') 0 0 no-repeat;}
.select_branch .btn_branch.on:after {margin-top:-3px; transform: rotate(180deg);}
.select_branch .layer_branch {right: 0; padding: 20px 20px 20px 30px;}
.select_branch .layer_branch li {padding: 10px 0px; font-size: 12px; line-height: 1;}
.popup_layer.layer_branch{width:auto;}
.popup_layer.layer_branch .language_list li a {white-space: nowrap;}

.f_info_wrap .inner:after {content:''; display:block; clear:both;}
.f_info_wrap .f_logo {float:left; display:inline-block; margin:69px 0 0 37px;}
.f_info_wrap .f_logo .logo_img {display:inline-block; vertical-align:top; width:71px; height:31px; background:url('../images/f_logo.png') 0 0 no-repeat;}
.f_info_wrap .f_info {float:left; margin:29px 0 0 37px}
.f_info_wrap .link {display:inline-block; position:relative; color:#808080 !important}
.f_info_wrap .link:before {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#808080}
.f_info .name {display:block; margin-bottom:11px; font-size:12px}
.f_info .info:after {content:''; display:block; clear:both}
.f_info .info > li {position:relative; float:left; margin-left:19px; padding-left:21px; font-size:12px; color:#808080}
.f_info .info > li:before {content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:#e0e0e0}
.f_info .info > li:first-child {margin-left:0; padding-left:0}
.f_info .info > li:first-child:before {display:none}
.f_info .info + .info {margin-top:12px}
.f_info .info .link {margin:1px 0 0 1px}
.f_info .customer {margin-top:13px; font-family:'ManropeR'}
.f_info .customer .tel {display:inline-block; position:relative; padding-left:30px; vertical-align:middle; font-size:20px;}
.f_info .customer .tel:after {content:''; display:block; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:21px; height:21px; background:url('../images/ico_call.png') 0 0 no-repeat;}
.f_info .customer .mail {display:inline-block; margin-left:7px; vertical-align:middle; color:#808080}

.f_info_wrap .u_safe {float:right; margin-top:24px; font-size:12px}
.f_info_wrap .u_safe .tit{display:block; margin-bottom:11px}
.f_info_wrap .u_safe .txt{line-height:1.7}
.f_info_wrap .u_safe .link {margin-top:-2px}

.f_navi {margin-top:30px;}
.f_navi .company {margin-bottom:13px; font-size:12px; font-family:'ManropeR'}
.f_navi .certify:after {content:''; display:block; clear:both}
.f_navi .certify > li {float:left; margin-left:50px}/* 24-07-11 푸터 인증마크 변경 */
.f_navi .certify > li:first-child {margin-left:0}
.f_navi .certify [class^="certify_"] .ico {display:inline-block; vertical-align:middle;}
.f_navi .certify [class^="certify_"] .txt {display:inline-block; vertical-align:middle; color:#616161; font-size:12px; margin-left:7px}/* 24-07-11 푸터 인증마크 변경 */

.f_navi .certify_kcsi .ico {width:40px; height:28px; background:url('../images/ico_certify01.png') 0 0 no-repeat;}/* 24-07-11 푸터 인증마크 변경 */
.f_navi .certify_ccm .ico {width:41px; height:28px; background:url('../images/ico_certify02.png') 0 0 no-repeat;}/* 24-07-11 푸터 인증마크 변경 */
.f_navi .certify_ismsp .ico {width:49px; height:32px; background:url('../images/ico_certify03.png') 0 0 no-repeat;}/* 24-07-11 푸터 인증마크 변경 */
.f_navi .certify_ncsi .ico {width:43px; height:28px; background:url('../images/ico_certify_ncsi.png') 0 0 no-repeat;}/* 24-07-11 푸터 인증마크 변경 */

.f_navi .sns_link > li {display:inline-block; vertical-align:middle; margin-left:33px}
.f_navi .sns_link > li:first-child {margin-left:0}
.f_navi .sns_link [class^="sns_"] a {display:block;}

.f_navi .sns_link .sns_01 a {width:30px; height:30px; background:url('../images/ico_f_sns01.png') 0 0 no-repeat;}
.f_navi .sns_link .sns_02 a {width:30px; height:22px; background:url('../images/ico_f_sns02.png') 0 0 no-repeat;}
.f_navi .sns_link .sns_03 a {width:30px; height:30px; background:url('../images/ico_f_sns03.png') 0 0 no-repeat;}

.f_navi .in:after {content:''; display:block; clear:both}
.f_navi .in .certify {float:left}
.f_navi .in .sns_link {float:right}

/* 로딩바 */
.loading_wrap{z-index:2002;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0, 0, 0, 0.5)}/* 22-08-16 opacity 조절 */
.loading_img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1;}
.loading_img img{width:48px;height:15px;vertical-align:top;}

/* -------- Form -------- */
.err_msg {display:none; font-size:13px; color:#e80f00; margin-top:5px; text-align:left;}
.err_msg span{color:#222;}
.form_tit{font-size:16px; color:#616161; font-weight:700; margin-bottom:10px}
.form_tit.st01{font-size:13px; display: block; line-height: 1;}
.form_tit.st02 {font-size: 14px; color: #222;}
.form_tit.st03 {font-weight:400; color: #999;}

.form_desc {font-size: 14px; color: #616161; margin-top: 3px;}
.form_desc.st01 {color: #999;}
.form_desc strong {color: #222;}
/* input */
.form_inp{position:relative;}
.form_inp > input{width:100%; height:40px; background-color:#f5f5f5; border-radius:10px; border:1px solid transparent; box-sizing:border-box; font-size:14px; line-height:40px; padding-left:20px; padding-right:20px}
.form_inp > input:focus{background-color:#fff; border-color:#222;}
.form_inp > input::placeholder {color: #bbb;}
.form_inp > input:focus::placeholder {color: transparent;}
.form_inp.calendar > input:focus::placeholder {color: #bbb;}
.form_inp.type2 > input{background:#fff;}
.form_inp:hover > input {border: 1px solid #222;}
/* .form_inp > .err_msg {display:none; font-size:13px; color:#e80f00; margin-top:5px;}
.form_inp > .err_msg span{color:#222;} */
.form_wrap.error > .err_msg{display:block}
.form_box.error > .err_msg{display:block}

.form_inp.inp > input{padding-right:40px;}
.form_inp.inp .btn_ico{position:absolute; top:0; right:10px; width:32px; height:40px;}
.form_inp.double .btn_ico{position:absolute; top:0; right:15px; width:27px; height:40px;}

/* .form_inp > .btn_ico.delete{display:none;}
.form_inp.del > .btn_ico.delete, .form_inp.error > .btn_ico.delete,
.form_inp > input:focus + .btn_ico.delete{display:block;} */
.form_inp.double.del > .btn_ico.delete,
.form_inp.double.del > input:focus + .btn_ico.delete,
.form_inp.double > input:focus + .btn_ico.delete{right:42px}
.form_inp.double > input {padding-right: 68px}
/* .form_inp.del > input:focus{background-color:#f5f5f5; border-color:transparent;} */

.form_inp > .btn_ico.delete{display:none;}
.form_inp.del > .btn_ico.delete, .form_inp.error .btn_ico.delete, .form_box.error .btn_ico.delete{display:block;}

.form_inp.success > input{border-color:#27bb27}
.form_inp.success:after{content:''; display:block; position:absolute; top:50%; right:20px; width:18px; height:18px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url('../images/ico_success.png') 100% 50% no-repeat; background-size:12px auto;}

.form_inp.error > input{border-color:#e80f00; padding-right:50px}
.form_inp.error > .btn_ico.delete:after{background:url('../images/ico_error.png') 100% 50% no-repeat;}
.form_inp.error > .err_msg {display:block;}

.form_inp > input:disabled {color:#cacaca !important; background-color:#fafafa}
.form_inp > input:read-only {color:#616161;}
.form_inp > input:read-only:hover {border-color: transparent;}
.form_inp > input:read-only:focus{background-color:#f5f5f5; border-color:transparent;}

/* textarea */
.form_textarea {position: relative;}
.form_textarea textarea{width:100%;min-height:120px;border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;background-color:#fff;font-size:14px;line-height:22px;color: #222;padding:20px;}
.form_textarea textarea:focus{border-color:#222; color:#222;}
.form_textarea textarea:disabled {background-color: #fafafa;}
.form_textarea textarea:disabled::placeholder {color: #bbb}

.fake_textarea {display: flex; flex-direction: column; justify-content: space-between; width:100%;min-height:120px;border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;background-color:#fff;font-size:14px;line-height:22px;color: #222;padding:20px;}
.fake_textarea textarea {border: none; padding: 0; border-radius: 0;}
.fake_textarea .textcount {align-items: flex-end; display: block; text-align: right; font-size: 15px; color: #616161;}
.fake_textarea textarea:disabled {background-color: transparent;}


/* select */
/* 기본 - select */
.form_select > select{appearance:none;-webkit-appearance:none;padding:8px 48px 9px 18px;width:100%;height:40px;font-size:14px;color:#222;border:1px solid #f5f5f5;border-radius:10px;box-sizing:border-box;background:url('../images/ico_arrow09.png') calc(100% - 15px) 50% no-repeat #f5f5f5;}
.form_select > select:focus{border-color:#222;background-image:url('../images/ico_select_on.png');background-color:#fff}
.form_select > select:disabled{color:#cacaca;background-color:#fafafa;}

.form_select.type1 > select{background-color:#fff;}

.sort_select > select{position: relative; display: block; width: 100px; height: 49px; background: url('../images/ico_arrow08.png') calc(100% - 5px) 50% no-repeat; background-size: 14px auto; border: none; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; font-size: 14px; color: #222; text-align:left; line-height: 40px;}
.sort_select > select:focus{border-color:#222;}
.sort_select > select{appearance:none; -webkit-appearance:none;}

.btn_select {appearance:none; -webkit-appearance:none; position: relative; padding-right: 14px; font-size: 14px; border: none; background:url('../images/ico_arrow09.png') 100% 60% no-repeat; background-size: 10px auto;}
/* .btn_select.on {transform: translateY(-50%) rotate(0deg);}
.btn_select.type1 {background-image: url('../images/ico_arrow13.png'); background-size: 7px auto;} */
.btn_select_wrap{position:relative}
.btn_select_wrap + .btn_select_wrap{margin-left:10px;padding-left:10px}
.btn_select_wrap + .btn_select_wrap:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);margin-top:2px;width:1px;height:12px;background:#e0e0e0}

.select_box {position:relative; display:inline-block; border:1px solid #f5f5f5; border-radius:10px; box-sizing:border-box; width:100%;}
.form_select.st01,
.select_box.st01 {width:240px;}
.select_box.on {z-index:12; border-color:#222; border-radius:10px 10px 0 0}
.select_box:hover {border-color:#222}
.select_box button {position:relative; width:100%; padding:8px 48px 9px 18px; color:#bbb; font-size:14px; text-align:left; border-radius:10px; box-sizing:border-box; background-color:#f5f5f5;}
.select_box button:after {content:''; display:block; position:absolute; top:50%; right:18px; width:10px; height:6px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url('../images/ico_arrow09.png') 0 0 no-repeat;}
.select_box button.on {color:#222;}
.select_box.on button {border-radius:10px 10px 0 0; background-color:#fff}
.select_box.on button:hover {background-color:#f5f5f5}
.select_box.on button:after {margin-top:-3px; transform: rotate(180deg);}
.select_box .select_list{display:none;position:absolute; max-height: 250px; overflow-x: hidden; overflow-y: auto; top:37px; left:-1px; width:100%; border-radius:0 0 10px 10px; border:1px solid #222; border-top:0; background-color:#fff}

.select_box.on .select_list{display:block;}
.select_box .select_list li{position:relative; font-size:14px;}
.select_box .select_list li a {display:block; padding:9px 20px 10px 20px}
.select_box .select_list li a:hover {background-color:#f5f5f5}
.select_box .select_list li:last-child a {border-radius:0 0 10px 10px}
.select_box.disabled {border-color: #fafafa;}
.select_box.disabled button {background-color: #fafafa; color: #cacaca;}

.select_wrap {flex: 1;}
.select_custom .select_list {position:relative; box-sizing: border-box; color:#bbb; font-size:14px; text-align:left; border-radius:10px; overflow: hidden; box-sizing:border-box; background-color:#f5f5f5;}
.select_custom .select_list:after {content:''; display:block; position:absolute; top:50%; right:18px; width:10px; height:6px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url('../images/ico_arrow09.png') 0 0 no-repeat;}
.select_custom .select_list select { display: block; appearance:none; -webkit-appearance:none; border: none; width: 100%; padding:9px 48px 10px 18px; background-color: #f5f5f5; font-size: 14px; color: #bbb; cursor: pointer;}
.select_custom .select_list select option {color: #222;}

/* radio */
label {cursor: pointer;}
.choice_wrap > .choice_list .slick-slide {margin-left:10px}
.choice_wrap > .choice_list > li,
.choice_wrap > .choice_list > div {position:relative; display:inline-block; margin-left:10px;}
.choice_wrap > .choice_list > li:first-child{margin-left:0}
.inp_radio {display:inline-block; position:relative;}
.inp_radio > input{position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
.inp_radio > input:disabled + label {opacity:0.25}
.inp_radio > label {display:block; min-height:22px; background:url('../images/ico_radiobox.png') 0 0 no-repeat; background-size:22px auto; padding-left:30px; cursor: pointer;}
.inp_radio > input:checked + label,
.inp_radio > input:checked + .fake_radio {background-position:0 -32px;}
.inp_radio.type2 > label {padding: 0 20px; min-width: 60px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 14px; color: #222; background: #f5f5f5; box-sizing: border-box; text-align: center;} /* 2023-09-12 : 쇼핑히스토리 개선 */
.inp_radio.type2 > input:checked + label {color: #fff; background: #222}
.inp_radio.type2.st01 > label{padding:0 25px;height:50px;line-height:50px;font-size:18px;border-radius:25px; color: #999;}
.inp_radio.type2.st02 > label{padding:0 25px;height:50px;line-height:50px;font-size:18px;border-radius:25px;color:#e80f00;background-color:rgba(255,255,255,0.3)}
.inp_radio.type2.st02 > input:checked + label{color:#e80f00;background-color:#fff}
.inp_radio.type2.st03 > label{padding:0 14px; min-width:65px; font-size:13px}
.inp_radio.type2.st04 > label {padding: 0 25px; margin-top: 10px;}
.inp_radio.type2.st04 > input:checked + label {background-color: #e80f00; padding: 0 25px;}
.inp_radio.type2.st04 > input:checked + label:after {content:''; display:inline-block; margin-left: 10px; width: 12px; height: 10px; background: url('../../resource/images/ico_check.png') 0 0/cover no-repeat;}

/* checkbox */
.inp_checkbox{display:inline-block; position:relative;}
.inp_checkbox > input{position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
.inp_checkbox > label{display:block; min-height:22px; background:url('../images/ico_checkbox01.png') 0 0 no-repeat; background-size:22px auto; padding-left:30px; cursor: pointer;}
.inp_checkbox > input:checked + label{background-position:0 -32px;}
.inp_checkbox > input:disabled + label {opacity:0.25}
.inp_checkbox.st01 > label{background:url('../images/ico_checkbox02.png') 0 0 no-repeat;}
.inp_checkbox.st01 > input:checked + label{background-position:0 -32px;}
.inp_checkbox.type2 > label {padding: 0 20px; min-width: 80px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 14px; color: #222; background: #f5f5f5; box-sizing: border-box; text-align: center;}
.inp_checkbox.type2 > input:checked + label {color: #fff; background: #222;}
.inp_checkbox.type2.st01 > label{padding:0 25px;height:50px;line-height:50px;font-size:18px;border-radius:25px; color: #999;}
.inp_checkbox.type2.st02 > label{padding:0 25px;height:50px;line-height:50px;font-size:18px;border-radius:25px;color:#e80f00;background-color:rgba(255,255,255,0.3)}
.inp_checkbox.type2.st02 > input:checked + label{color:#e80f00;background-color:#fff}
.inp_checkbox.type2.st03 > label{padding:0 14px; min-width:65px; font-size:13px}
.inp_checkbox.type2.st04 > label {padding: 0 25px; margin-top: 10px;}
.inp_checkbox.type2.st04 > input:checked + label {background-color: #e80f00;}

.inp_checkbox.rate > label{background-image:url('../images/cs_rate_checkbox.png'); font-weight:700;}
.inp_checkbox.nation1 > input:checked + label{background-position:0 -42px;}
.inp_checkbox.nation2 > input:checked + label{background-position:0 -84px;}
.inp_checkbox.nation3 > input:checked + label{background-position:0 -126px;}
.inp_checkbox.nation4 > input:checked + label{background-position:0 -168px;}

.text_check_wrap li + li {margin-top: 10px;}
.text_checkbox > label {font-size: 14px; color: #999}
.text_checkbox > input:checked + label {font-weight:700; color: #222}

/* input + radio 혼용 */
.choice_wrap > .choice_list > li > input {position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
.choice_wrap.type1 {height:45px; overflow:hidden}
.choice_wrap.type1 > .choice_list {padding-bottom:10px; white-space:nowrap; font-size:0}
.choice_wrap.type1 > .choice_list > li {display:inline-block; height:45px; line-height:45px; margin-left: 0;}
.choice_wrap.type1 > .choice_list > li > input {position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
.choice_wrap.type1 > .choice_list > li > label {display:inline-block; height:100%; font-size:14px; font-weight:700; color:#222; cursor:pointer}
.choice_wrap.type1 > .choice_list > li > label > span {position:relative; padding:0 15px}
.choice_wrap.type1 > .choice_list > li > label > span:after {content:''; display:block; position:absolute; top:50%; transform: translateX(-50%); left:0; width:3px; height:3px; border-radius:50%; background:#cacaca;}
.choice_wrap.type1 > .choice_list > li:first-child > label > span{padding-left:0}
.choice_wrap.type1 > .choice_list > li:first-child > label > span:after{display:none}
.choice_wrap.type1 > .choice_list > li > input:checked + label {color:#e80f00}
/* .choice_wrap.type1 > .choice_list> li > input:checked + label > span:after {display:none} */

.choice_wrap.type1.st01 > .choice_list > li:first-child > label > span{padding-left:15px}
.choice_wrap.type1.st01 > .choice_list > li:first-child > label > span:after{display:block}
.choice_wrap.type1.st01 > .choice_list > li > label > span:after {background-color: transparent; border-radius: 0; border-left: 2px solid #cacaca; border-bottom: 2px solid #cacaca; width:6px; height: 3px; transform: translateY(-50%) rotate(-45deg);}
.choice_wrap.type1.st01 > .choice_list> li > input:checked + label > span:after {display:block; border-color: #e80f00;}

.choice_wrap.type2 > .choice_list {font-size:0; display: flex;}
.choice_wrap.type2 > .choice_list  > li {flex-grow: 1; box-sizing: border-box; text-align: center; margin: 0;}
.choice_wrap.type2 > .choice_list  > li > label {display: block; width: 100%; padding-bottom: 10px; font-size: 16px; cursor: pointer; border-bottom: 2px solid #e0e0e0; color: #999;}
.choice_wrap.type2 > .choice_list  > li > input:checked + label {border-color: #000; color: #000;}
.choice_wrap.type3 > .choice_list > li + li {margin-left: 6px;}
.choice_wrap.type3 > .choice_list > li > label {display:inline-block; height:100%; font-size: 18px; color: rgba(34,34,34,0.6)}
.choice_wrap.type3 > .choice_list > li > label > span {display:inline-block; position:relative; height:100%; padding: 0 5px;}
.choice_wrap.type3 > .choice_list > li:first-child > label > span {padding-left: 0;}
.choice_wrap.type3 > .choice_list > li > input:checked + label {color: #222; font-weight:700;}
.choice_wrap.type3 > .choice_list > li > input:checked + label > span:after {content:''; width: 4px; height: 4px; position: absolute; top: 4px; right: -2px; border-radius: 50%; background-color: #e80f00;}
.choice_wrap.type3 > .choice_list > li > input:disabled + label > span {color: #cacaca; cursor: default;}

/* file */
.form_inp.file{overflow:hidden;position:relative;border-radius:10px;background:#f5f5f5;}
.form_inp.file:before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:1px;background:#999999}
.form_inp.file:after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:15px;background:#999999}
.form_inp.file + .form_inp.file{margin-left:10px}
.form_inp.file > input{position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
.form_inp.file > label{z-index:2;display:block;position:relative;width:129px;height:129px;}
.form_inp.file > .file_img{z-index:1;position:absolute;top:0;left:0;right:0;bottom:0;}
.form_inp.file > .file_img img{width:100%;height:100%}

/* 테이블 */
.form_table table{width:100%; box-sizing:border-box; border-collapse:collapse; table-layout: fixed;}
.form_table th, .form_table td{padding:10px 0; color: inherit; font-size: inherit;}
.form_table th{text-align: left; font-size: 15px; vertical-align: top; padding-top:15px;}
.form_table tr:first-of-type {padding-top: 0;}
.form_table td mark {color: #e80f00; background-color: transparent;}
.form_table tbody td:first-child{border-left:0;}
.form_table tr.line td:first-child{border-left:1px solid rgba(224,224,224,0.45)}

.table_info{color:#616161; margin-top:18px}
.table_title {font-size: 20px;}

/* 테이블 타입 */
.form_table.type1 th, .form_table.type1 td{vertical-align: top; border-bottom:1px solid #eee; padding:20px 0;}
.form_table.type1 table {border-bottom:1px solid #eee;}
.form_table.type2 th, .form_table.type2 td {text-align: center; font-size: 16px; color: #222; border-bottom:1px solid #eee; padding:18px 0;}
.form_table thead.type1 {background-color: #fafafa;}
.form_table thead.type1 th {border-bottom: 0;}
.form_table thead.type1 tr th:first-child {border-radius: 10px 0 0 0;}
.form_table thead.type1 tr th:last-child {border-radius: 0 10px 0 0;}
.form_table.type3 th,
.form_table.type3 td{padding:20px 10px;text-align:center;vertical-align: middle;}
.form_table.type3 th,
.form_table.type3 td{border-left:1px solid rgba(224,224,224,0.45);}
.form_table.type3 th:first-child,
.form_table.type3 td:first-child{border-left:0}
.form_table.type3 th{font-size:15px;border-top:1px solid rgba(224,224,224,0.45);border-bottom:1px solid rgba(224,224,224,0.45);background:#fafafa}
.form_table.type3 td{font-size:14px;color:#616161;border-bottom:1px solid rgba(224,224,224,0.45);}
.form_table.type3 td.bold{font-weight:700;}
.form_table.type3 td strong{font-size:16px;font-weight:700;color:#222;border-bottom:1px solid #222}
.form_table.type3.st01 thead th {background-color: #fff; border-left-width: 0; border-color: #222; font-size: 16px; text-align: left;}
.form_table.type3.st01 th, .form_table.type3.st01 td {text-align: left; padding: 16px 20px; vertical-align: top; line-height: 22px}
.form_table.type3.st01 th:first-of-type {padding-left: 0;}
.form_table.type3.st01 tr:first-child td:first-child {padding-left: 0; vertical-align: middle;}
/* 테이블 스타일 */
.form_table.st01 th {vertical-align: middle;}
.form_table.st02 th, .form_table.st02 td {line-height: 2.125; padding: 13px 0;}

/* 테이블 - 공지사항,FAQ */
.list_notice {border-top: 1px solid #eee;}
.list_notice .form_table {margin-bottom:35px;}
.list_notice .form_table table {font-size: 16px; color: #222;}
.list_notice .form_table thead {position: absolute; left: -9999px; top: -9999px; width: 0; height: 0; opacity: 0;}
.list_notice .form_table table .table_no {text-align: center;}

/* 테이블 내부 */
.form_table .table_no {color: #999; font-weight:700;}
.form_table .table_tit {font-weight:700;}
.form_table .table_tit > span {text-indent: 10px;}
.form_table .table_date {color: #999; font-weight:400; text-align: right;}

/* -------- bullet ------- */
.bullet_list > li{position:relative;padding-left:9px;line-height:22px;font-size:14px;color:#616161}
.bullet_list > li:before{content:'';display:block;position:absolute;left:0;top:11px;width:3px;height:3px;background:#616161;}
.bullet_list > li + li {margin-top: 6px;}
.bullet_list > li > a{color:#222;border-bottom:1px solid #222}

/* -------- button -------- */
button > i {position:relative; top:-1px; font-style: normal;}
.btn_wrap {display:flex;}
.btn_wrap > [class^="btn_grade"] {flex:1; margin-left:10px; border-radius: 2px; box-sizing: border-box;}
.btn_wrap_tobe {display:flex;}
.btn_wrap_tobe > [class^="btn_grade"] {flex:1; margin-left:10px; border-radius:2px; box-sizing: border-box;}
/* 세로형 */
.btn_wrap_tobe.type1 {flex-direction: column;}
.btn_wrap_tobe.type1 [class^="btn_grade"] {flex-basis: auto; margin: 0}
.btn_wrap_tobe.type1 [class^="btn_grade"] + [class^="btn_grade"] {margin-top: 10px;}
/* 오른쪽 끝에만 버튼 위치 */
.btn_wrap_tobe.type2 {justify-content: flex-end;}
.btn_wrap_tobe.type2 [class^="btn_grade"] {flex:none;}
/* 양쪽 끝 */
.btn_wrap_tobe.type3 {justify-content: space-between; align-items:center}
.btn_wrap_tobe.type3 > [class^="btn_grade"] {flex:none;}
/* 가운데 */
.btn_wrap_tobe.type4 {justify-content: center;}
.btn_wrap_tobe.type4 > [class^="btn_grade"]  {flex:none}
.btn_wrap.type4 {justify-content: center;}
.btn_wrap.type4 > [class^="btn_grade"]  {flex:none}

.function_btn .btn_wrap_tobe {flex: 1;}
button[class^="btn_grade"], a[class^="btn_grade"] {border-radius:10px; text-align:center; padding:0 15px;}
a[class^="btn_grade"]{display:inline-block;}
button[class^="btn_grade"]:disabled{opacity:0.25}
button[class^="btn_grade"]:first-of-type, a[class^="btn_grade"]:first-of-type{margin-left:0;}
button[class^="btn_grade"].type1, a[class^="btn_grade"].type1{background-color:#222; color:#fff;}
button[class^="btn_grade"].type1.disabled, a[class^="btn_grade"].type1.disabled {opacity: 1; cursor: default;}
button[class^="btn_grade"].type2, a[class^="btn_grade"].type2{background-color:#e80f00; color:#fff;}
button[class^="btn_grade"].type3, a[class^="btn_grade"].type3{background-color:#fff; border:1px solid #222; color:#222;}
button[class^="btn_grade"].type4, a[class^="btn_grade"].type4{background-color:#fff; border:1px solid #e0e0e0; color:#222;}
button[class^="btn_grade"].type5, a[class^="btn_grade"].type5{background-color:#fff; border:1px solid #e0e0e0; color:#999;}
button[class^="btn_grade"].type6, a[class^="btn_grade"].type6{background-color:#e0e0e0; border:1px solid transparent; color:#222;}
button[class^="btn_grade"].type1:hover:not(:disabled), a[class^="btn_grade"].type1:hover:not(:disabled){background-color:#000;}
button[class^="btn_grade"].type2:hover:not(:disabled), a[class^="btn_grade"].type2:hover:not(:disabled){background-color:#c7322c;}
button[class^="btn_grade"].type3:hover:not(:disabled), a[class^="btn_grade"].type3:hover:not(:disabled),
button[class^="btn_grade"].type4:hover:not(:disabled), a[class^="btn_grade"].type4:hover:not(:disabled),
button[class^="btn_grade"].type5:hover:not(:disabled), a[class^="btn_grade"].type5:hover:not(:disabled){background-color:#fafafa;}
button[class^="btn_grade"].type6:hover:not(:disabled), a[class^="btn_grade"].type6:hover:not(:disabled){background-color:#bbb;}

button[class^="btn_grade"].st00, a[class^="btn_grade"].st00{width:100%;}
button[class^="btn_grade"].st01, a[class^="btn_grade"].st01{min-width:200px;}
button[class^="btn_grade"].st02, a[class^="btn_grade"].st02{min-width:80px;}
button[class^="btn_grade"].st03, a[class^="btn_grade"].st03{min-width:60px;}
button[class^="btn_grade"].st04, a[class^="btn_grade"].st04{color: #616161;}
button[class^="btn_grade"].st05, a[class^="btn_grade"].st05{width:120px}
button[class^="btn_grade"].st06, a[class^="btn_grade"].st06{width:136px}
button[class^="btn_grade"].st07, a[class^="btn_grade"].st07{width:188px;}
button[class^="btn_grade"].st08, a[class^="btn_grade"].st08{min-width:285px;}
button[class^="btn_grade"].st09, a[class^="btn_grade"].st09{padding:0 23px; white-space: nowrap;}
button[class^="btn_grade"].st10, a[class^="btn_grade"].st10 {min-width: 98px;}
button[class^="btn_grade"].fw01, a[class^="btn_grade"].fw01{font-weight:400;}
button[class^="btn_grade"].fw02, a[class^="btn_grade"].fw02{font-weight:700;}

button[class^="btn_grade"].size{flex-grow:2;}
button[class^="btn_grade"].more i{position:relative;padding-right:25px}
button[class^="btn_grade"].more i:after{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);margin-top:1px;width:16px;height:16px;background:url('../images/ico_arrow08.png')no-repeat 0 0/16px auto}
button.btn_grade1, a.btn_grade1{height:60px; font-size:20px; font-weight:700; line-height: 60px;}
button.btn_grade2, a.btn_grade2{height:55px; font-size:16px; font-weight:700; line-height: 54px;}
button.btn_grade3, a.btn_grade3{height:45px; font-size:14px; line-height: 43px;}
button.btn_grade4, a.btn_grade4{height:40px; font-size:14px; line-height: 40px;}
button.btn_grade5, a.btn_grade5{height:25px; font-size:12px;border-radius: 4px;line-height: 25px;}

.btn_up_text {font-size: 15px; text-align: center; margin-top: 16px; margin-bottom: 12px;}

/* text + icon button */
.btn_border {display: inline-block; font-size: 14px; padding: 12px 19px; border-radius: 30px;  border: 1px solid #e0e0e0; color: #222; line-height: 1; text-align:center; box-sizing:border-box;}
.btn_border i:after {content: ''; margin-left: 10px;}
.btn_border .ico_arrow::after {padding-right: 14px; background: url(../images/ico_arrow02.png) no-repeat 0 3px; background-size: 14px auto;}
.btn_border .ico_edit::after {padding-right: 15px; background: url(../images/ico_edit.png) no-repeat 0 5px; background-size: 15px auto;}
.btn_border .ico_reset::after {padding-right: 16px; background: url(../images/ico_reset.png) no-repeat 0 2px; background-size: 16px auto;}
.btn_border .ico_arrow.st01::after {padding-right: 6px; background: url(../images/ico_arrow15.png) no-repeat 0 6px; background-size: 6px auto;}
.btn_border.st01 {background-color: transparent; color: #fff; border-color: #fff;}
.btn_border.st01 .ico_arrow:after {background-position: 0 -20px;}
.btn_border.st02 {border-radius: 6px;}
.btn_border.type2 {font-size: 18px; padding: 20px 30px; background-color: #fafafa;}
.btn_border.type2 .ico_arrow::after {background-position: 0 7px;}
.btn_border.type3 {padding: 14px 40px 15px; border-radius:22.5px;}
.btn_border.type3 .ico_arrow .point {font-weight:700}
.btn_border.type4 {padding: 10px 12px 11px;}
.btn_border.type4 i:after {margin-left: 8px;}
.btn_border.type5{border:1px solid rgba(255,255,255,0.4); padding-left:30px; padding-right:30px}
.btn_border.type5 .ico_arrow{display:inline-block; background: url(../images/ico_my_arrow.png) no-repeat 100% 50%; padding-right:20px;}
.btn_border.type5 .ico_arrow::after{display:none}

.btn_txt{position: relative; display: inline-block; font-size: 16px; line-height: 1; font-weight:700; vertical-align: unset;}
.btn_txt.st01 {margin: auto;}
.btn_txt > span {position: relative; padding-right: 15px;}
.btn_txt > span::after{display: block; content: ''; position: absolute; top:50%; right:0; background:0 0 no-repeat; transform:translateY(-50%);}
.btn_txt.more {box-sizing: border-box;}
.btn_txt.more > span::after{width: 10px; height: 10px; background-image:url('../images/btn_more.png'); background-position: 0 0; background-size: 10px auto}
.btn_txt.more2 {font-weight:400;}
.btn_txt.more2 > span::after {content: '+'; font-size: 20px; font-weight:400;}
.btn_txt.more.on > span::after {background-position: 0 -20px;}
.btn_txt.underline {position: relative; color: #616161; font-size: 13px; padding: 0; margin-left: 10px;}
.btn_txt.underline:after {content: ''; position: absolute; left: 0; bottom: -3px; width: 100%; height: 0.5px; background-color: #616161; top: auto; vertical-align: middle;}
.btn_txt.arrow{padding-right:20px;}
.btn_txt.arrow::after{display:block; content:''; position:absolute; top:50%; right:0; width:10px; height:6px; background:url('../images/ico_arrow09.png') 0 0 no-repeat; transform:translateY(-50%) rotate(-90deg);}
.btn_more_wrap {width: 100%; text-align: center;}
.btn_more_wrap .btn_txt.more {font-weight:700; width: 100%}

/* 상품 목록 타입 버튼 */
.btn_plist {font-size: 14px; position: relative; padding-left: 26px;}
.btn_plist > span {vertical-align: middle;}
.btn_plist + .btn_plist {margin-left: 20px;}
.btn_plist + .btn_plist:after {content: ''; position: absolute; left: -8px; width: 3px; top: 50%; height: 3px; background-color: rgba(0,0,0,0.25); border-radius: 50%;}
.btn_plist:before{content: ''; position: absolute; left: 0; top: 0; width:25px; height:25px; background:50% 50% no-repeat; overflow:hidden; margin-right:10px}
.btn_plist.type1:before{background-image:url('../images/ico_list_type01.png'); background-size:12px auto;}
.btn_plist.type2:before{background-image:url('../images/ico_list_type02.png'); background-size:12px auto;}
.btn_plist.type3:before{background-image:url('../images/ico_list_type03.png'); background-size:12px auto;}
.btn_plist.type1.on:before {background-image: url('../images/ico_list_type01_r.png');}
.btn_plist.type2.on:before {background-image: url('../images/ico_list_type02_r.png');}
.btn_plist.on > span {color: #e80f00}

/* toggle btn */
.btn_toggle{position:relative;}
.btn_toggle > input{position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
.btn_toggle .tg_cont{position:relative; display:inline-flex; justify-content:space-between; align-items:center; width:120px; height:40px; border:1px solid #e0e0e0; border-radius:10px; background-color:#fff; box-sizing:border-box;}
.btn_toggle .tg_cont em{flex:1;width:60px;text-align:center; font-size:14px; color:#fff; z-index:11; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out;}
.btn_toggle .tg_cont::after{display:block; content:''; position:absolute; top:-1px; right:-1px; width:60px; height:40px; border-radius:10px; background-color:#222; z-index:10; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out;}
.btn_toggle .tg_cont em.tg1{color:#999;}
.btn_toggle > input:checked + label > .tg_cont::after{right:59px}
.btn_toggle > input:checked + label > .tg_cont em.tg1{color:#fff}
.btn_toggle > input:checked + label > .tg_cont em.tg2{color:#222}

.btn_switch{position:relative;}
.btn_switch > label {position:relative; display:inline-block;}
.btn_switch > label:before {content:''; display:inline-block; vertical-align:top; width:30px; height:20px; background:#a7a7a7; border-radius:10px}
.btn_switch > label:after {content: ''; display:inline-block; position: absolute; top:50%; left:2px; width:16px; height:16px; margin-top:-8px; vertical-align:top; border-radius:50%; background-color:#fff; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; }
.btn_switch > input {position:absolute; left:0; top:0; width:0; height:0; opacity:0; }
.btn_switch > input:checked + label:before {background-color:#222}
.btn_switch > input:checked + label:after {left:12px}
.btn_switch > label > .tit {margin: 0 10px; font-size:14px; color:#616161; line-height: 1;}

.btn_switch.type1{font-size:0;}
.btn_switch.type1 > label:before {display: none;}
.btn_switch.type1 > label:after {display: none;}
.btn_switch.type1 > label > .tit {position:relative; display:inline-block; padding-right: 40px; box-sizing:border-box; min-height:20px; min-width:30px;}
.btn_switch.type1 > label > .tit.blind{padding-right:0;}
.btn_switch.type1 > label > .tit:before {content:''; display:inline-block; position: absolute; right: 0; vertical-align:top; width:30px; height:20px; background:#a7a7a7; border-radius:10px}
.btn_switch.type1 > label > .tit:after {content: ''; display:inline-block; position: absolute; top:50%; right:12px; width:16px; height:16px; margin-top: -8px; vertical-align:top; border-radius:50%; background-color:#fff; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; }
.btn_switch.type1 > input:checked + label > .tit:before {background-color:#222}
.btn_switch.type1 > input:checked + label > .tit:after {right:2px}
.btn_switch.type1 > label > .tit {margin: 0; line-height: normal;}

.btn_arrow{position:relative; width: 30px; height: 30px; border-radius: 6px; box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.1);}
.btn_arrow > i{display: block; text-indent: -9999em; height: 1px; width: 1px; font-size: 1px; line-height: 0;}
.btn_arrow::after{position:absolute; content:''; position:absolute; width:12px; height: 12px; left:50%; top:50%; margin-top:-6px; margin-left:-6px}
.btn_arrow.prev::after{background: url(../images/ico_arrow01.png) 2px 0 no-repeat;}
.btn_arrow.next::after{background: url(../images/ico_arrow01.png) 2px 0 no-repeat; transform:rotate(180deg);}
.btn_arrow.first{margin-right:10px}
.btn_arrow.first::after{background: url(../images/ico_arrow16.png) 0 0 no-repeat;}
.btn_arrow.last{margin-left:10px}
.btn_arrow.last::after{background: url(../images/ico_arrow16.png) 0 0 no-repeat; transform:rotate(180deg);}


/* 링크버튼 */
.btn_link {position:relative; display:inline-block; border-bottom:1px solid #222; padding-bottom:1px; color:#222; font-size: inherit}

/* -------- icon button -------- */
.btn_ico{position:relative; display:inline-block;}
.btn_ico input {position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
.btn_ico label {text-indent: -9999px;}
.btn_ico > i{position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.btn_ico:after{display:block; content:''; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

/* 원 안의 아이콘 */
.btn_circle .btn_ico {display: block; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #e0e0e0; margin: auto;}
.btn_circle .btn_ico + i {display:block; text-align:center; font-size: 15px; margin-top: 16px; color: #222;}

/* 공유하기 */
.btn_ico.share {width: 24px; height: 24px;}
.btn_ico.share:after {width: 24px; height: 24px; background: url('../images/btn_share.png') no-repeat 0 0/24px auto}

/* 결제, 장바구니, 알람 */
.btn_ico.pay, .btn_ico.cart, .btn_ico.report{width:20px; height:20px;}
.btn_ico.pay:after{width:17px; height:14px; background:url('../images/ico_pay02.png') 0 0 no-repeat; background-size:17px auto;}
.btn_ico.cart:after{width:17px; height:16px; background:url('../images/ico_cart03.png') 0 0 no-repeat; background-size:17px auto;}
.btn_ico.report:after{width:18px; height:18px; background:url('../images/ico_alarm02.png') 0 0 no-repeat; background-size:18px auto;}
.btn_ico.report.st02:after{width:21px; height:21px; background:url('../images/ico_alarm03.png') 0 0 no-repeat; background-size:18px auto;}

/* 삭제 */
.btn_ico.delete{width:18px; height:18px;}
.btn_ico.delete:after{width:10px; height:10px; background:url('../images/ico_delete.png') 0 0 no-repeat; } /* 신규 */
.btn_ico.delete.type2{width:auto; height:auto; left:auto; right:0; color:#999; padding-right:14px}
.btn_ico.delete.type2:after{left:auto; right:0; transform: translate(0,-50%);} /* 신규 */
.btn_ico.remove {width: 22px; height: 22px}
.btn_ico.remove:after {width:12px; height:12px; background:url('../images/ico_close.png') 0 0/cover no-repeat;}
.btn_ico.close {width: 40px; height: 40px;}
.btn_ico.close:after {width: 16px; height: 16px; background:url('../images/ico_close.png') 0 0/cover no-repeat;}

/* 필터 */
.btn_ico.filter {width: 50px; height: 50px;}
.btn_ico.filter {width: 24px; height: 17px; background:url('../images/ico_filter.png') 0 0 no-repeat;}

/* 달력 */
.btn_ico.calendar{width:18px; height:18px;}
.btn_ico.calendar:after{width:16px; height:16.5px; background:url('../images/btn_calendar.png') 0 0 no-repeat; background-size:16px auto;}

/* 검색 */
.btn_ico.search{width:23px; height:22px;}
.btn_ico.search:after{width:23px; height:22px; background:url('../images/btn_search01.png') 0 0 no-repeat;} /* 신규 */
.btn_ico.search02{width:19px; height:18px;}
.btn_ico.search02:after{width:19px; height:18px; background:url('../images/btn_search01.png') 0 0 no-repeat; background-size:19px 18px} /* 신규 */

/* 줌버튼 */
.zoom_btn {position: absolute; bottom: 10px; right: 10px;}
.zoom_btn > button {display: inline-block; width: 50px; height: 50px; position: relative; background-color: rgba(34,34,34,0.3); border-radius: 20px;}
.zoom_btn > button + button {margin-left: 1px;}
.zoom_btn > button:before {content: ''; display: block; margin: auto; width: 12px; height: 12px; background: url(../images/btn_zoom.png) no-repeat;}
.zoom_btn > button.zoom_in:before {background-position: 0 0;}
.zoom_btn > button.zoom_out:before {background-position: 0 -22px;}

/* + , - 버튼 */
.btn_ico.minus:after {width: 12px; height: 12px; background: url('../images/btn_more02.png') 0 -22px no-repeat; background-size: 12px auto;}
.btn_ico.plus:after {width: 12px; height: 12px; background: url('../images/btn_more02.png') 0 0 no-repeat; background-size: 12px auto;}

/* 장바구니 아이콘버튼박스 - 핀/찜하기/닫기 */
.btn_ico_wrap {display: flex;}
.btn_ico_wrap span.btn_ico,
.btn_ico_wrap button.btn_ico {width: 22px; height: 22px; cursor: pointer;}
.btn_ico_wrap > span + span {margin-left: 15px;}
.btn_ico > input + label {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.btn_ico.ck_like > input + label {width: 18px; height:14px;}
.btn_ico.pin > input + label {width: 18px; height: 18px; background: url(../images/btn_pin.png) no-repeat; background-size: 18px auto; background-position: 0 0; cursor: pointer;}
.btn_ico.pin > input:checked + label {background-position: 0 -29px;}

/* 숨기기,보이기(비밀번호) */
.btn_ico.show:after {width: 18px; height: 12px; background: url(../images/ico_show.png) 0 0 no-repeat; background-size: 18px 11px;}
.btn_ico.hide:after {width: 18px; height: 12px; background: url(../images/ico_hide.png) 0 0 no-repeat; background-size: 18px 12px;}

/* 툴팁(물음표) 버튼 */
.btn_ico.qmark {width: 22px; height: 22px;}
.btn_ico.qmark:after {width: 18px; height: 18px; background: url(../images/ico_qmark.png) 0 0 no-repeat; background-size: 18px 18px;}

/* 다운로드 */
.btn_ico.down {width: 14px; height: 14px; background: url(../images/ico_download03.png) 0 0 no-repeat;}

/* -------- icon -------- */
.ico_discount:after {content:''; display: inline-block; width: 24px; height: 24px; background: url(../images/ico_discount.png) 0 0 no-repeat;}
.ico_like {display: inline-block; width: 17px; height: 13px; position: relative; margin-right: 6px;}
.ico_like:before {content:''; display:inline-block; width: 100%; height: 100%; background: url('../images/ico_like03.png') 0 0 no-repeat;}
.on .ico_like:before {background: url('../images/ico_like03.png') 0 -33px no-repeat;}

.ico_arrow.type1::after{display:block; content:''; position:absolute; top:50%; right:0; width:9px; height:16px; background:url('../images/ico_arrow17.png') 0 0 no-repeat; transform:translateY(-50%);}

/* -------- tab ------- */
/* .tab_wrap {overflow: hidden} */
.tab_wrap.type1 > .tab_menu {display: flex; box-sizing: border-box}
.tab_wrap.type1 > .tab_menu > li + li {margin-left: 10px;}
.tab_wrap.type1 > .tab_menu > li > a {display: block; padding: 0 20px; background-color: #f5f5f5; height: 50px; color: #999; font-size: 18px; line-height: 50px; border-radius: 25px; text-align: center}
.tab_wrap.type1 > .tab_menu > li.on > a {color:#fff; background-color:#000;}
.tab_wrap.type2 > .tab_menu{padding-bottom:10px; font-size:0; background-color: #fff;}
.tab_wrap.type2 > .tab_menu > li {display:inline-block; box-sizing:border-box;}
.tab_wrap.type2 > .tab_menu > li + li {margin-left: 40px;}
.tab_wrap.type2 > .tab_menu > li > a {display:inline-block; height:100%; font-size: 28px; color: rgba(34,34,34,0.6)}
.tab_wrap.type2 > .tab_menu > li > a > span {display:inline-block; position:relative; height:100%; padding-right: 10px;}
.tab_wrap.type2 > .tab_menu > li.on > a {color: #222; font-weight:700;}
.tab_wrap.type2 > .tab_menu > li.on > a > span:after {content:''; width: 8px; height: 8px; position: absolute; top: 4px; right: -5px; border-radius: 50%; background-color: #e80f00;}
.tab_wrap.type2.wide > .tab_menu {display: flex; justify-content: space-around;}
.tab_wrap.type2.wide > .tab_menu > li {text-align: center;}
.tab_wrap.type2.wide > .tab_menu > li:only-child {text-align: left; flex-grow: 1;}
.tab_wrap.type2.wide > .tab_menu > li:only-child > a > span:after {display: none;}
.tab_wrap.type2.wide > .tab_menu > li + li {margin: 0;}
.tab_wrap.type2.st01 > .tab_menu > li > a {font-size: 15px;}
.tab_wrap.type2.st01 > .tab_menu > li + li {margin-left: 20px;}
.tab_wrap.type2.st01 > .tab_menu > li > a > span {padding-right: 5px;}
.tab_wrap.type2.st01 > .tab_menu > li.on > a > span:after {width: 4px; height: 4px;}
.tab_wrap.type3 > .tab_menu {font-size:0; display: flex;}
.tab_wrap.type3 > .tab_menu > li {flex-grow: 1; border-bottom:1px solid #e0e0e0; box-sizing: border-box; text-align: center;}
.tab_wrap.type3 > .tab_menu > li.on {border-color: #222;}
.tab_wrap.type3 > .tab_menu > li > a {display: block; width: 100%; padding-bottom: 15px; font-size:18px;color:#999999}
.tab_wrap.type3 > .tab_menu > li.on > a{color:#222;font-weight:600}
.tab_wrap.type3.st01 > .tab_menu > li {border-width: 6px;}
.tab_wrap.type3.st01 > .tab_menu > li:nth-child(1) {border-color: rgba(34,34,34,0.1)}
.tab_wrap.type3.st01 > .tab_menu > li:nth-child(2) {border-color: rgba(34,34,34,0.2)}
.tab_wrap.type3.st01 > .tab_menu > li:nth-child(3) {border-color: rgba(34,34,34,0.5)}
.tab_wrap.type3.st01 > .tab_menu > li:nth-child(4) {border-color: rgba(34,34,34,0.7)}
.tab_wrap.type3.st01 > .tab_menu > li:nth-child(5) {border-color: rgba(34,34,34,1)}
.tab_wrap.type3.st01 > .tab_menu > li > a {padding-top: 10px; font-weight:700; font-size: 15px; color: #999}
.tab_wrap.type3.st01 > .tab_menu > li.on > a {color: #222;}
.tab_wrap.type4 > .tab_menu{display:flex; width:100%; justify-content:space-between; align-items:center; box-sizing:border-box; border:1px solid #e0e0e0; border-radius:10px; font-size:0}
.tab_wrap.type4 > .tab_menu > li{flex:1; position:relative; height:43px; font-size:0}
.tab_wrap.type4 > .tab_menu > li > a{display:block; font-size:14px; color:#222; font-weight:700; text-align:center; line-height:43px;}
.tab_wrap.type4 > .tab_menu > li.on > a{position:absolute; top:-1px; left:-1px; width:100%; height:calc(100% - -2px); background-color:#222; border-radius:10px; color:#fff;}
.tab_wrap.type4 > .tab_menu > li:last-child.on{left:auto; right:-2px}
.tab_wrap.type5 > .tab_menu {display: flex; box-sizing: border-box}
.tab_wrap.type5 > .tab_menu > li + li {margin-left: 10px;}
.tab_wrap.type5 > .tab_menu > li > a {display: block; padding: 0 15px; background-color: #f5f5f5; height:35px; color: #999; font-size: 13px; line-height:35px; border-radius:17px; text-align: center}
.tab_wrap.type5 > .tab_menu > li.on > a {color:#fff; background-color:#000;}
.tab_wrap.type6 > .tab_menu{display:flex; width:100%; justify-content:space-between; align-items:center; box-sizing:border-box; border:1px solid #e0e0e0; border-radius:10px; font-size:0}
.tab_wrap.type6 > .tab_menu > li{flex:1; position:relative; height:40px; font-size:0;}
.tab_wrap.type6 > .tab_menu > li > a{display:block; box-sizing:border-box; border:1px solid transparent; border-left:1px solid #e0e0e0; font-size:14px; color:#222; font-weight:700; text-align:center; line-height:38px; z-index:10;}
.tab_wrap.type6 > .tab_menu > li:first-child a{border-left-color:transparent;}
.tab_wrap.type6 > .tab_menu > li.on > a{position:absolute; top:-1px; left:-1px; width:calc(100% - -2px); height:calc(100% - -2px); background-color:#fff;  color:#222; border:1px solid #222; z-index:11; line-height:40px;}
.tab_wrap.type6 > .tab_menu > li.on + li a{border-left-color:transparent;}
.tab_wrap.type6 > .tab_menu > li:first-child.on a{border-top-left-radius:10px; border-bottom-left-radius:10px;}
.tab_wrap.type6 > .tab_menu > li:last-child.on a{border-top-right-radius:10px; border-bottom-right-radius:10px;}
.tab_wrap.type7 > .tab_menu > li {display:inline-block; height:100%; font-size:18px; font-weight:700; color:#222; cursor:pointer}
.tab_wrap.type7 > .tab_menu > li > a {position:relative; padding:0 15px}
.tab_wrap.type7 > .tab_menu > li > a:after {content:''; display:block; position:absolute; top:50%; left:-1.5px; width:3px; height:3px; border-radius:50%; background:#cacaca;}
.tab_wrap.type7 > .tab_menu > li:first-child > a{padding-left:0}
.tab_wrap.type7 > .tab_menu > li:first-child > a:after{display:none}
.tab_wrap.type7 > .tab_menu > li.on > a {color:#e80f00}

.tab_content{display: none}
.tab_content.on{display: block}


/* -------- bullet ------- */
.clasp_list .list {position: relative; padding-left: 15px;}
.clasp_list .list:before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 7px; height: 7px; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb;}
.clasp_list.st01 .list {padding-left: 18px;}
.clasp_list.st01 .list:before {border-color: #222;}

/* -------- 기타 공통 요소 ------- */
/* sort */
.sort_num{position:relative; display:inline-block; font-size:14px; vertical-align:middle; font-weight:700;}
.sort_num + button{position:relative;padding-left:10px;margin-left:10px}
.sort_num + button:before{display:block; content:''; position:absolute;left:0; top:50%;transform:translateY(-50%);width:1px; height:12px; background-color:#e0e0e0; }
.sort_num > em{font-weight:700; color:#e80f00;}

.btn_array {position: relative; padding-right:14px; font-size: 14px;}
.btn_array:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 7px; height: 12px; background: url('../images/ico_arrow13.png') 0 0 no-repeat; background-size: 7px auto; transform: translateY(-50%) rotate(0deg);}
.btn_array.on:after {transform:translateY(-50%) rotate(180deg);}

/* -------- 퀵메뉴 ------- */
.quick_menu {position: fixed;/* height: 100%; */width:80px;bottom: 0;right: 0;z-index: 100; transition: 0.3s ease-out;}
.quick_menu.on {/* width: 430px; */width: auto;/* display: inline-block; */}
.quick_menu.down {width:0;}
.quick_menu > .inner {display: flex;flex-direction: row;justify-content: flex-end;width: 100%;position: relative;height: 100%;align-items: flex-end;}
.quick_menu .menu {flex:none; padding: 15px 0; width: 80px; height: 406px; box-sizing: border-box; background-color: #312626; border-radius: 16px 0 0 0; color: #fff; font-size: 12px; transition: 0.3s ease-out;}
.quick_menu.down .menu {width:0;}
.quick_menu.down .cont > .inner {width:0;}
.quick_menu .menu ul {width:80px}
.quick_menu .menu li + li {margin-top: 20px;}
.quick_menu .menu a {display: block; padding: 15px; color: #fff; text-align: center; box-sizing:border-box;}
.quick_menu .menu a span {display: block; margin-top: 8px; line-height: 1.2;}
.quick_menu .menu .ico {position: relative; display: block; width: 31px; height: 31px; margin: auto; background-repeat:no-repeat;}
.quick_menu .menu .m1 .ico {background-image: url(../images/ico_more.png);}
.quick_menu .menu .m2 .ico {background-image: url(../images/ico_event.png);}
.quick_menu .menu .m3 .ico {background-image: url(../images/ico_history.png);}
.quick_menu .menu .m3 .ico {background-image: url(../images/ico_history.png);}
.quick_menu .menu .m3 .ico .last_image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; overflow: hidden;}
.quick_menu .menu .m3 .ico .last_image img {width: 100%; height: auto}
.quick_menu .menu .m4 .ico {background-image: url(../images/ico_top.png);}
.quick_menu .menu .ico .number {position: absolute; top: -6px; left: 20px; background-color: #e80f00; min-width:20px; height: 20px; padding: 0 5px; box-sizing: border-box; line-height: 20px; font-weight:400; border-radius: 10px; overflow: hidden;}
.quick_menu .menu li.on{}
.quick_menu .menu .m_txt.close{display:none}
.quick_menu .menu li.on .m_txt{display:none}
.quick_menu .menu li.on .m_txt.close{display:block}
.quick_menu .menu li.on .ico {background-image: url('../images/ico_close_wh.png'); background-position:50% 0}
.quick_menu .menu li.on .number{display:none}

.quick_menu.on.down .cont {display:none}
.quick_menu.on .cont {display:block}
.quick_menu .cont {display:none; /* position: absolute; *//* bottom: 0; *//* left: 80px; *//* width: 350px; */background-color: #fff;font-size: 14px;z-index: 999;}
.quick_menu .cont > .inner {padding-right: 0; display: none; width:350px; min-height:439px; max-height: 734px;  border-left: 1px solid #000; border-top: 1px solid #000; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; transition: 0.3s ease-out;}
.quick_menu .cont > .inner > .quick_cont {padding: 24px 30px 50px;}
.quick_menu .cont > .inner.on {display: block}
.quick_menu .cont > .inner.quick_history {width:396px}

.quick_menu .cont .tit_top {display: block; font-size: 16px; margin-bottom: 16px; font-weight:700;}
.quick_menu .quick_more .quick_cont > div + div {margin-top: 47px;}
.quick_menu .popup_close .btn_close {width: 55px; height:55px; background-color: rgba(255,255,255,0.2); top: 1px; right: 17px;}

.quick_more .service .link_wrap {display: flex; flex-wrap: wrap;}
.quick_more .service .link_wrap > a {display: block; margin-right: 10px; width: calc(50% - 5px); padding: 12px 0; border: 1px solid #e0e0e0; border-radius: 20px; text-align: center; color: #222; line-height: 1; box-sizing: border-box;}
.quick_more .service .link_wrap > a:nth-child(2n) {margin-right: 0;}
.quick_more .service .link_wrap > a {margin-top: 10px;}
.quick_more .service .link_wrap > a:nth-child(-n+2) {margin-top: 0}
.quick_more .wishlist .wishbox .btn_more {width: 100%; display: block; margin-top: 14px; text-align: center; font-size: 14px; color: #222;}
.quick_more .wishlist .wishbox .product {margin-top:26px;}
.quick_more .wishlist .wishbox .product .inner {margin-left:-10px; width:300px}
.quick_more .wishlist .wishbox .brand .inner {display: flex; flex-wrap: wrap;}
.quick_more .wishlist .brand .go_link {display: block; margin-right: 16px; width: calc(50% - 8px);}
.quick_more .wishlist .brand .go_link:nth-child(2n) {margin-right: 0;}
.quick_more .wishlist .brand .go_link {margin-top: 12px; display: flex; align-items: center;}
.quick_more .wishlist .brand .go_link:nth-child(-n+2) {margin-top: 0}
.quick_more .wishlist .brand .go_link .txt {display: block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.quick_more .wishlist .brand .go_link .like {display: inline-block; margin-right: 10px; min-width: 16px; height: 15px; background: url(../images/ico_like02.png) no-repeat 0 2px; background-size: 16px 12px;}
.quick_more .wishlist .product {font-size: 0;}
.quick_more .wishlist .product .product_link {display: inline-block; position: relative; width: 90px; height: 90px; border-radius: 10px; overflow: hidden; margin-top: 10px; margin-left:10px;}
.quick_more .wishlist .product .product_link:nth-child(-n+3) {margin-top: 0;}
.quick_more .wishlist .product .product_link:before {position: absolute; content: ''; display: block; width: 100%; height: 100%; background:  rgba(0, 0, 0, 0.03);}
.quick_more .wishlist .product img {width: 100%; height: auto; object-fit: cover; vertical-align: middle;}
.quick_more .wishlist .no_result {padding: 0;}
.quick_more .wishlist .no_result p {font-size: 14px; color: #999; text-align: left;}
.quick_more .btn_quick{padding: 20px; border-radius: 10px; background-color: #f5f5f5;}
.quick_more .btn_quick {padding: 20px; border-radius: 10px; background-color: #f5f5f5;}
.quick_more .btn_quick button {display: block; width: 100%; height: 100%; text-align: left;}
.quick_more .btn_quick .txt {display: block; position: relative;}
.quick_more .download .txt:after {content: ''; display: block; width: 15px; height: 15px; position: absolute; right: 0; top: 0; background: url(../images/ico_download.png);}
.quick_more .btn_quick .txt strong {color: #e80f00;}

.quick_event .box {margin:0 -10px}
.quick_event .box + .box {margin-top: 25px;}
.quick_event .box .tit_top {margin-bottom: 10px;}
.quick_event .small_banner .swiper-slide {width: 290px; height: 150px; border-radius: 10px;}
.quick_event .small_banner .swiper-slide img {width: 100%; height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
.quick_event .small_banner .swiper-slide .hashtag {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; color: #fff; z-index: 1;}
.quick_event .small_banner .swiper-slide a:before {position: absolute; content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1;}

.quick_login{}
.quick_login .login_txt{color:#999}
.quick_login .login_btn{margin-top:10px}

/* 퀵메뉴 > 쇼핑히스토리 */
.quick_menu .cont > .quick_history > .quick_cont {padding: 24px 0px 50px;}
.quick_menu .cont > .quick_history .tit_top {padding: 0 30px;}
/* .quick_menu .cont > .quick_history {max-height: 100%; height: 955px;} */

.conts_inner2 {padding: 0 30px}
.personal_title {font-size: 20px; padding: 0 30px; margin: 20px 0 25px;}
.personal_list.history {width:335px;margin:0 auto;margin-bottom: 40px;}
.personal_list.history .product_wrap_outer{margin-bottom: 0;}
.personal_list.history .product_wrap_sh.type3{padding:0;}

/* 쇼핑히스토리 전체(목록페이지) */
.filter_tab .inp_checkbox.type2 > label {min-width: unset; color: #999;}
.filter_tab .choice_wrap > .choice_list > li:first-child {margin-left: 30px;}
.filter_tab .tab_wrap.type2 > .tab_menu {padding: 0 30px 20px;}
.filter_tab .choice_wrap.scroll {padding-left: 20px; padding-right: 30px;}

.history_list {position:relative; padding-left:30px}
.history_list:before {content:''; display:block; position:absolute; top:0; left:10px; width:1px; height:100%; background-color:#f5f5f5}
.history_list .list_cont {position:relative;}
.history_list .list_cont:before {content:''; display:block; position:absolute; top:50%; left:-22px; width:4px; height:4px; -webkit-transform:translateY(-50%); transform:translateY(-50%); border:1px solid #8b8b8b; border-radius:50%; background-color:#fff; z-index:2}
.history_list .list_cont:first-child:after {content:''; display:block; position:absolute; top:0; left:-21px; width:4px; height:50%; background-color:#fff;}
.history_list .list_cont:last-child:after {content:''; display:block; position:absolute; bottom:0; left:-21px; width:4px; height:50%; background-color:#fff;}
.history_list .list_cont + .list_cont {margin-top:25px}
.history_list .list_cont:only-child:after {content:''; display:block; position:absolute; top:0; left:-21px; width:4px; height:100%; background-color:#fff;}

.history_list .product_cont_sh .pro_detail_sh{position:static}
.history_list .ck_like {position:absolute; top:50%; left:-28px; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:3}
.history_list .ck_like > label {background-color:#fff}
.history_list .ck_like.st02 > label {background-color:#fff}
.history_list .inp_checkbox {display:none; position:absolute; top:50%; left:-30px; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:3}
.history_contents.edit .history_list .inp_checkbox {display:block}
.history_contents.edit .history_list .pro_detail_sh .inp_checkbox {display:block;}
.history_contents.edit .history_list .ck_like {display:none}
.history_contents_list .btn_ico:first-child {margin-left:0}

.histroy_day {display:block; margin-bottom:17px; font-size:15px;}
.histroy_day .date {color:#999; font-weight:400;}
.history_list + .histroy_day {margin-top:44px}

.history_list .product_cont_sh.list .pro_img {width:100px;height:100px;margin-right:14px}
.history_list .product_cont_sh.list .info_brand {width: 174px;}
.history_list .product_cont_sh.list .info_price_sh {margin-top:5px;flex-direction: row;justify-content: flex-start; height: auto;}
.history_list .product_cont_sh.list .info_price_sh .p_sum {margin-top: 0; margin-left: 5px;}
.history_list .product_cont_sh.list .info_price_sh .strike {display: none;}
.history_list .product_cont_sh.list .pro_detail_sh .pro_choice{margin-top:2px}

/* 23-02-20 장바구니 기능 강화 *//* 첫구매혜택*/
.history_list .list_cont.firstbnf .btn_link{position:absolute; left:114px; bottom:7px; font-size:12px; color:#616161; border-bottom-color: #616161; z-index:6}
.history_list .list_cont.firstbnf .pro_btn_area{height:20px}
.history_list .list_cont.firstbnf .pro_btn_area button{display:none}

.event_cont {display:flex; align-items: center;}
.event_cont .event_img {overflow:hidden;position:relative; width:100px;height:70px;margin-right:12px; border-radius:8px;}
.event_cont .event_img img {position: absolute; width:100%; height:auto; object-fit:cover; vertical-align:middle;}
.event_cont.end .event_img:after {position:absolute; top:0; content:''; display:block; width:100%; height:100%; background:rgba(255, 255, 255, 0.6);}
.event_cont .pro_end {position:absolute; width:100%; height:30px; bottom:0; left:0; background:rgba(255, 255, 255, 0.5); text-align:center; font-size:12px; font-weight:700; line-height:30px; z-index: 2;}
.event_cont .event_detail {display:flex; flex:1; flex-direction: column; margin-top:5px}
.event_cont .event_detail .tit {font-size:13px;  display:block; max-width:174px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.event_cont .event_detail .txt {margin-top: 6px; font-size:13px;  display:block; max-width:174px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.event_cont .event_detail .date {display:block; margin-top:5px; font-weight:400; color:#999; font-size:12px;}

.event_cont,
.search_history,
.brand_history{position:relative}
.event_cont .pro_choice .ck_like,
.brand_history .pro_choice .ck_like{left:-28px}
.search_history .pro_choice .ck_like {display: none;}

.search_history .box {position:relative; display:inline-block; max-width:100%; height:30px; padding:0 30px 0 15px; line-height:30px; font-size:13px; color:#222; font-weight:700; border:1px solid #f2f2f2; border-radius:5px; box-sizing:border-box;}
.search_history .box:after {content:''; display:block; position:absolute; top:50%; right:15px; width:10px; height:10px; overflow:hidden; white-space:nowrap; word-break:break-all; text-overflow: ellipsis; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url('../images/ico_search02.png') 0 0 no-repeat; background-size:10px auto;}
.search_history .box span {display:block; overflow:hidden; white-space:nowrap; word-break:break-all; text-overflow:ellipsis;}
.brand_history .box {display:inline-block; max-width:100%; height:30px; padding:0 10px; line-height:30px; font-size:13px; font-weight:700; border-radius:5px; background-color:#f5f5f5; box-sizing:border-box;}
.brand_history .box span {display:block; overflow:hidden; white-space:nowrap; word-break:break-all; text-overflow:ellipsis;}

.quick_history .no_result {padding: 70px 0; text-align: center;}

/* 편집필터 */
.personal_list.history {margin-bottom: 40px;}
.cont_filter_area{display:flex; justify-content:space-between; background-color:#fff; padding: 18px 0; align-items: center;}
.cont_filter_area.edit .filter_sort {order: 2; font-size: 0;}
.cont_filter_area.edit .filter_sort button {font-weight:700;}
.cont_filter_area.edit .filter_btn {order: 1}
.history_contents .cont_filter_area.edit {display: none;}
.history_contents.edit .cont_filter_area.defalt {display: none;}
.history_contents.edit .cont_filter_area.edit {display: flex;}
.cont_filter_area button {font-size: 14px; color: #222;}
.cont_filter_area .filter_btn label {font-size: 14px; color: #616161; font-weight: normal;}

.history_contents .search_history .box{margin-top:3px}

/* 쇼핑히스토리 - AI 주문 */
.history_wrap .big_title, .content_header .big_title {font-size: 20px; margin-bottom: 30px; line-height: 1.5;}
.ai_item + .ai_item {margin-top: 40px;}
.ai_item .mid_title {font-size: 15px; font-weight:700; margin-bottom: 20px}
.ai_item .btn_more_wrap {padding-top: 25px;}
.ai_item .btn_more_wrap .btn_txt.more {font-size: 14px;}

/* 쇼핑히스토리 - 지난 주문 : 공통 + 온라인 주문 */
.history_wrap .tab_contents {margin-top: 18px;}
.filter_wrap {display: flex; justify-content: flex-start; margin-bottom: 30px; align-items: center;}
.filter_wrap .depart_day {font-size: 14px; font-weight:700;}
.filter_wrap .btn_select {margin-left: 10px; display: block;}
.filter_wrap select + .btn_select_wrap{margin-left: 12px; padding-left:12px; position: relative;}
.filter_wrap select + .btn_select_wrap .btn_select {margin-left: 0;}
.filter_wrap select + .btn_select_wrap::before {display: block; content: ''; position: absolute; left: 0; top: 50% ;width: 1px; height: 12px; background-color: #e0e0e0; transform: translateY(-50%);}

.history_item + .history_item {margin-top: 35px;}
.history_item .history_day {font-size:15px; font-weight:700; margin-bottom: 8px;}
.history_item .order_info {display: flex; margin-bottom: 18px; align-items: center;}
.order_type {position: relative; padding-right: 10px; margin-right: 8px; vertical-align: middle; line-height:1.2;}
.order_type:after {display: block; content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 12px; background-color: #000; margin-top:-5px}
.order_num {position: relative; padding-right: 15px; font-weight:400; vertical-align: middle;}
.order_num:after {content: ''; display:block; position:absolute; top:50%; right:0; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); width:9px; height:5px; background:url('../images/ico_arrow12.png') 0 0 no-repeat; background-size:9px auto; margin-top:-3px}
.breakdown {font-weight:400; display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.breakdown .sort_num:after {display: none;}
.breakdown .info_price_sh i {font-size: 12px;}

/* 쇼핑히스토리 - 지난 주문 : 오프라인 주문 */
.offline .order_num:after {display: none}
.offline .breakdown {justify-content: flex-end;}
.offline .product_cont_sh .pro_info_sh .info_name {display:inline-block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.offline .other {height: 17px; display: flex; align-items: baseline;}
.offline .other .other_no {font-size: 13px; color: #616161; margin-left: 12px; min-width: 35px;}

/* interaction */
.quick_history .personal_title .p_name {animation: mainTextAnimate1 1s ease both; }
.quick_history .personal_title .p_text {animation: mainTextAnimate1 1s 0.4s ease both;  }


/* -------- 상품목록 > 통합검색결과 ------- */
.search_result_wrap {border-bottom: 1px solid #e0e0e0; padding-top: 12px; padding-bottom: 80px; margin-bottom: 60px;}
.search_result .tit {margin-right: 20px;}
.search_result .no_result {padding-top: 32px; padding-bottom: 0;}
.result_keyword {text-align: center;}
.result_word {font-size: 28px; color: #e80f00;}
.result_num {font-size: 22px; display: inline-block; margin-left: 10px;}
.result_num em {font-weight:700; color: #e80f00;}

.re_search, .related_search, .re_rectify, .result_info .offline_info {display: flex; justify-content: center; align-items: center;}
.re_search {margin-top: 36px;}
.re_search .form_inp {width: 600px;}
.re_rectify > span {font-size: 22px;}
.re_rectify .error_typo {position: relative; color: #616161; margin-right: 5px;}
.re_rectify .error_typo:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #222;}
.result_comment .re_rectify {margin-top: 25px; padding-bottom: 17px;}

.result_info {margin-top: 36px;}
.related_search .btn_wrap_tobe > a {flex-basis: auto;}
.result_info .offline_info > p {margin-right: 20px;}

/* 슬라이드 구조 - 작은 배너 타입 */
.small_banner {font-size: 0;}
.small_banner .swiper-slide {display: inline-block; position: relative; overflow: hidden; border-radius: 20px; vertical-align: top;}
.small_banner .swiper-slide > a {display: block; width: 100%; height: 100%;}
.small_banner .img_box, .brand_list .img_box {display: block; overflow: hidden;}
.small_banner .img_box img, .brand_list .img_box img {width: 100%; height: auto;}
.small_banner .text_box {font-size: 16px;}
/* 2022-09-23 : 딤드 추가 */
.theme_list_wrap .small_banner .swiper-slide::before {content:''; position:absolute; top:0; left:0; border-radius:20px; width:100%; height:100%; background:#000; opacity:0.45}

/* 슬라이드 구조 - 3단 썸네일 타입 */
.thumb_banner {font-size: 0;}
.thumb_banner .swiper-slide {display: inline-block; position: relative; overflow: hidden; vertical-align: top;}
.thumb_banner .swiper-slide > a {display: block; width: 100%; height: 100%;}
.thumb_banner .img_box, .brand_list .img_box {display: block; overflow: hidden;}
.thumb_banner .img_box img, .brand_list .img_box img {width: 100%; height: auto;}
.thumb_banner .text_box {font-size: 16px;}

/* 슬라이드 구조 - 서브페이지 1단 비주얼 타입 */
.sub_banner {font-size: 0;}
.sub_banner .swiper-slide {display: inline-block; position: relative; overflow: hidden; border-radius: 20px; vertical-align: top;}
.sub_banner .swiper-slide > a {display: block; width: 100%; height: 100%;}
.sub_banner .img_box, .brand_list .img_box {display: block; overflow: hidden;}
.sub_banner .img_box img, .brand_list .img_box img {width: 100%; height: auto;}
.sub_banner .text_box {font-size: 16px;}

/* 스와이퍼 */
.swiper-container { margin-left: auto;  margin-right: auto;  position: relative;  overflow: hidden;  list-style: none;  padding: 0;  /* Fix of Webkit flickering */  z-index: 1;}
.swiper-container-vertical > .swiper-wrapper { flex-direction: column;}
.swiper-wrapper { position: relative;  width: 100%;  height: 100%;  display: flex;  transition-property: transform;  box-sizing: content-box;}
.swiper-container-android .swiper-slide,
.swiper-wrapper {  transform: translate3d(0px, 0, 0);}
.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap;}
.swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap;  flex-direction: column;}
.swiper-container-free-mode > .swiper-wrapper {  transition-timing-function: ease-out;  margin: 0 auto;}
.swiper-container-free-mode > .swiper-wrapper .swiper-slide{width:auto;}
.swiper-slide {  flex-shrink: 0;  width: 100%;  height: 100%;  position: relative;  transition-property: transform;}
.swiper-slide-invisible-blank { visibility: hidden;}
/* Auto Height */
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { height: auto;}
.swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height;}
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000;}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {transition-timing-function: ease-out;}
.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity;}
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto;}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none;}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none;}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start;}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory;}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory;}
.swiper-button-prev , .swiper-button-next{ position:absolute; top:0;  z-index:2;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { left: 10px; right: auto;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev { right: 10px;  left: auto;}
.swiper-button-lock { display: none;}
.swiper-pagination { position: absolute; text-align: center;  transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10;}
.swiper-pagination.swiper-pagination-hidden { opacity: 0;}
.swiper-pagination-bullet { width: 8px;  height: 8px;  display: inline-block;  border-radius: 100%;  background: #000;  opacity: 0.2;}
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.swiper-pagination-bullet-active { opacity: 1;}
/* Progress */
.swiper-pagination-progressbar {  background: rgba(0, 0, 0, 0.25);  position: absolute;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #000;  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  transform: scale(0);  transform-origin: left top;}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top;}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {  width: 100%;  height: 4px;  left: 0;  top: 0;}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {  width: 4px;  height: 100%;  left: 0;  top: 0;}

/* Scrollbar */
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); opacity:1!important;}
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%;}
.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%;}
.swiper-scrollbar-drag { height: 100%;  width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0;}
.swiper-scrollbar-cursor-drag { cursor: move;}
.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center;}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {max-width: 100%; max-height: 100%; object-fit: contain;}
.swiper-slide-zoomed {cursor: move;}

/* swiper arrow custom */
.swiper_arrow{position:relative;width:1280px;margin:0 auto;z-index: 2;}
.swiper_arrow button {position: absolute; top: -200px; transform: translateY(-50%); z-index: 2; width: 60px; height: 60px; border-radius: 12px; transition: 0.4s;box-shadow: -1px 7px 10px 2px rgba(0,0,0,0.1); background-color: #fff; text-indent: -9999px;}
.swiper_arrow button:after {background: url(../images/ico_arrow04.png) no-repeat 0 -32px;}
.swiper_arrow button.swiper-button-disabled:after {opacity:0.3}
.swiper_arrow button.swiper_prev {left: -30px;}
.swiper_arrow button.swiper_next {right: -30px;}
.swiper_arrow button:after {content: ''; position: absolute; width: 12px; height: 22px; top: 50%; left: 50%;}
.swiper_arrow button.swiper_prev:after {transform: translate(-50%, -50%);}
.swiper_arrow button.swiper_next:after {transform: rotate(180deg) translate(50%, 50%);}

/* 2023-11-07 : 쇼핑히스토리 디자인 수정 */
.swiper_arrow.small {position:absolute; top:50%; transform: translateY(-50%); width:100%;}
.swiper_arrow.small button {top:auto; transform:none; width:30px; height:30px; border-radius:6px; box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.1);}
.swiper_arrow.small button:after {width: 6px; height: 12px;background: url(../images/ico_arrow01.png) no-repeat;}
.swiper_arrow.small button.swiper_prev {left: -15px;}
.swiper_arrow.small button.swiper_next {right: -15px;}

.swiper_hide_arrow button {position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 60px; height: 60px; border-radius: 12px; opacity:0; transition: 0.4s;box-shadow: -1px 7px 10px 2px rgba(0,0,0,0.1); background-color: #fff; text-indent: -9999px;}
.swiper_hide_arrow button:after {background: url(../images/ico_arrow04.png) no-repeat 0 -32px;}
.swiper_hide_arrow button.swiper-button-disabled:after {opacity:0.3}
.swiper_hide_arrow button.swiper_prev {left: -30px;}
.swiper_hide_arrow button.swiper_next {right: -30px;}
.swiper_hide_arrow button:after {content: ''; position: absolute; width: 12px; height: 22px; top: 50%; left: 50%;}
.swiper_hide_arrow button.swiper_prev:after {transform: translate(-50%, -50%);}
.swiper_hide_arrow button.swiper_next:after {transform: rotate(180deg) translate(50%, 50%);}
[data-slide]:hover .swiper_hide_arrow button, .swiper_hide_arrow button:hover {opacity:1}
/* swiper arrow custom : small */
.swiper_hide_arrow.small button {width: 30px; height: 30px; border-radius: 6px; box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.1);}
.swiper_hide_arrow.small button:after {width: 6px; height: 12px;background: url(../images/ico_arrow01.png) no-repeat;}
.swiper_hide_arrow.small button.swiper_prev {left: -15px;}
.swiper_hide_arrow.small button.swiper_next {right: -15px;}
[data-slide]{position:relative;}
.slide_list{position: relative;}
.slide_list .swiper-container-initialized,
[data-slide] .swiper-container-initialized,
[data-slide] .product_wrap_outer{overflow:hidden;}

/* .quick_menu .small_banner .slick-arrow.slick-disabled:after {background-position: 0 -22px;}

/* indicator */
/* section[class^="main_"] .small_banner .slick-arrow {display: none !important;}
section[class^="main_"] .small_banner:hover .slick-arrow {display: block !important;} */


/* -------- 달력 커스텀-------- */
#ui-datepicker-div{z-index:130 !important;/*display:flex !important;*/padding:20px 0px;border:1px solid #222;border-radius:10px;}
#ui-datepicker-div.ui-datepicker-multi-2{width:624px !important}
#ui-datepicker-div.ui-datepicker-multi-2:before{content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:#eeeeee}
.ui-datepicker-trigger{position:absolute;top:50%;right:15px;transform:translateY(-50%);margin-top:-2px;padding:0;border-left:0;}
.ui-datepicker-trigger img {position:relative;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next{cursor:pointer;bottom:0;width:40px;height:40px;border:0}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:before,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next:before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:18px;background:url('../images/ico_arrow04.png')no-repeat 0 bottom/10px auto}
#ui-datepicker-div.ui-datepicker .ui-datepicker-next:before{transform:translate(-50%,-50%) rotate(-180deg);}

#ui-datepicker-div.ui-datepicker .ui-icon-circle-triangle-w{display:none;}
.ui-datepicker .ui-datepicker-calendar th{background:none}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td{width:40px;height:40px;font-size:14px;box-sizing:border-box;}
.ui-datepicker-title{font-size:16px;font-weight:700;}
.ui-datepicker-group{padding:0 10px;box-sizing:border-box}
#ui-datepicker-div.ui-datepicker .ui-datepicker-multi .ui-datepicker-group table{margin:0 auto}
#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight{background:none !important; color:#222 !important}

.ui-datepicker .ui-datepicker-today{position:relative}
#ui-datepicker-div.ui-datepicker .ui-state-highlight:before{content:'';display:block;position:absolute;top:9px;left:9px;width:4px;height:4px;background:#222;border-radius:50%}
#ui-datepicker-div.ui-datepicker .ui-datepicker-today .ui-state-active{background:#e80f00 !important;border-radius:50%;color:#fff !important}
#ui-datepicker-div.ui-datepicker .ui-datepicker-today .ui-state-active:before{display:none}
#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active{background:#e80f00;border-radius:50%;color:#fff}
.ui-datepicker td a:hover{background:#ffd8d6;border-radius:50%;}

#ui-datepicker-div.ui-datepicker .ui-datepicker-title select{margin:0;border:0;}

/* -------- accordion -------- */
/* 아코디언 공통 */
[data-acn-view], [data-acn-subview]{display:none;}
[data-acn-view].on, [data-acn-subview].on{display:block;}
[data-acn-view="more"] {display: block;}

/* -------- popup -------- */
/* default show hide */
[data-layer-view] {
    display:none;
    position:absolute;
    z-index:1; /* z-index 는 상황에 따라 수정해야 할 경우 custom 으로 지정 */
}
[data-layer-view].on {
    display:block;
    z-index:10; /* z-index 는 상황에 따라 수정해야 할 경우 custom 으로 지정 */
}

/* slide show hide :: 슬라이드 형태일 경우 box-shadow는 아래꺼로 사용됨으로 커스텀 css 에서는 삭제 필요  */
[data-layer-transition="slide"] {
    max-height: 0;
    overflow:hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0); /* box-shadow 수정필요시 수정 가능 */
    transition: 0.3s ease-out, box-shadow 0.6s;
}
[data-layer-transition="slide"].isTransition {
    max-height:500px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3); /* box-shadow 수정필요시 수정 가능 */
    transition: 0.6s ease-in, box-shadow 0.2s;
}

/* scale opacity show hide  */
[data-layer-transition="scale"] {
    transform: scale(0.85);
    transform-origin: top center;
    opacity:0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    transition: .4s ease;
}
[data-layer-transition="scale"].isTransition {
    transform: scale(1);
    opacity:1;
    transition:opacity .4s ease;
}

/* tooltipy show hide  */
[data-layer-transition="tooltip"] {
    transform: translate(-50%, 20px) scale(0.8);
    opacity:0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    transition: .4s ease;
}
[data-layer-transition="tooltip"].isTransition {
    transform: translate(-50%, 0) scale(1);
    opacity:1;
    transition: .4s ease;

}

/* 23-02-20 장바구니 기능 강화 */
/* default Tooltip Once */
[data-layer-show].once {position:relative;}
[data-layer-show].once::after {visibility:hidden; content:'';display:block;position:absolute; top:auto; bottom:-11px; left:50%; transform:translateX(-50%); width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid rgba(0, 0, 0, 0.9); opacity:0; transition: .2s ease;}
[data-layer-show].once.on::after {visibility:visible; opacity:1; z-index: 1; bottom:-11px; transition: .2s ease; transition-delay: 0.1s;}
[data-layer-show].once .tooltip_cont {top:calc(100% - -11px); z-index:10;}
[data-layer-show].once .tooltip_cont .delete {position:absolute; top:15px; right:15px;}

/* 팝업 툴팁  */
#header .popup_layer,
#footer .popup_layer {padding:25px 30px 30px; border:1px solid #222; border-radius:20px; background-color:#fff; box-sizing: border-box;}
#header .popup_layer .popup_content,
#footer .popup_layer .popup_content {padding:0; overflow:initial}
#header .popup_layer .popup_close .btn_close,
#footer .popup_layer .popup_close .btn_close {top:11px; right:11px}
#header .popup_layer .pop_tit,
#footer .popup_layer .pop_tit {display:block; margin-bottom:16px; font-size:16px; font-weight:700}
#header .popup_layer .title_b,
#footer .popup_layer .title_b {display:block; margin-bottom:14px; font-size:16px}
#header .popup_layer .title_s,
#footer .popup_layer .title_s {display:block; margin:16px 0 7px; font-size:12px; font-weight:400;}
#header .popup_layer .title_r,
#footer .popup_layer .title_r {display:block; margin:35px 0 7px; font-size:13px; color: #616161; font-weight:400;}
#header .popup_layer .title_m,
#footer .popup_layer .title_m {display:block; margin:16px 0 7px; font-size:14px; font-weight:400;}
#header .popup_layer .title_b + .title_s,
#footer .popup_layer .title_b + .title_s {margin-top:0}
#header .popup_layer .btn_wrap_tobe,
#footer .popup_layer .btn_wrap_tobe {margin-top:30px}

/* Use Class on Script */
.lockBody {position:fixed; overflow:hidden; height:100%;}


/* popup 공통 */
.popup_inner {display: flex; flex-direction: column; position:absolute; left:0; width:100%; box-sizing:border-box; background-color: #fff; z-index:100;}
.popup_inner .popup_head {padding: 45px 30px 20px}
.popup_inner .popup_head .title {font-size: 17px; color: #222; font-weight:700;}
.popup_inner .popup_bottom {margin-top: auto; padding:20px;}/* 2022-07-01 : 팝업 버튼 위 여백 추가 */
.popup_inner .popup_bottom .pop_btm_agree{margin:0 0 20px;text-align:center;}/* 2022-07-01 추가 *//* 22-11-14 제휴팝업 추가 */
.popup_inner .popup_content {box-sizing: border-box; padding:0 10px 20px 30px;}
.scroll_inner {padding-right: 20px; overflow-X: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch; }
.popup_content .text_box .tit {display: block; font-size: 22px; font-weight:700; margin-bottom: 2px;}
.popup_content .text_box .txt {font-size: 15px; color: #222;}
.popup_inner .slide .item {width: 350px; height: 350px; position: relative; overflow:hidden}
.popup_inner .btn_view_wrap {padding: 0 30px;}
.popup_inner .btn_view {font-size: 15px; color: #222; position: relative; line-height: 28px; font-weight:700;}
.popup_inner .btn_view:after {content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 1px; background-color: #222;}

/* checked animation */
.ck_like > input:checked{animation: likeHeart .8s ease-in-out none;}
.ck_like > input:checked + label{background:none;}
.ck_like > input:checked + label::before,
.ck_like2 input:checked + label:before {visibility:visible;animation: likeHeart .8s ease-in-out both;}
.ck_like > input:checked + label::after,
.ck_like2 input:checked + label:after {visibility:visible;animation: likeHeartout .8s ease-in-out both;}

.ck_like > input:checked.isChecked + label::before,
.ck_like2 input:checked.isChecked + label:before {visibility:visible;animation:none;}
.ck_like > input:checked.isChecked + label::after,
.ck_like2 input:checked.isChecked + label:after {visibility:visible;animation:none;}


@keyframes likeHeart{
    0%  { transform: scale( 1) rotate(.001deg);transform-origin: bottom;}
    25%  { transform: scale( 1.3) rotate(.001deg);transform-origin: bottom;}
    50%{ transform: scale( 1 ) rotate(.001deg);transform-origin: bottom;}
    75%  { transform: scale( 1.2) rotate(.001deg);transform-origin: bottom;}
    100% { transform: scale( 1 ) rotate(.001deg);transform-origin: bottom;}
}
@keyframes likeHeartout {
    0% {transform: scale(1.2) rotate(.001deg);opacity: 0;}
    5% { transform: scale(1.2) rotate(.001deg);opacity: 0.2; }
    23% { transform: scale(1.5) rotate(.001deg);opacity: 0.4;}
    42% {transform: scale(1.7) rotate(.001deg);opacity: 0.2;}
    71% {transform: scale(2) rotate(.001deg);opacity: 0.1; }
    95% {transform: scale(2.1) rotate(.001deg);opacity: 0.05;}
    100% {transform: scale(2.3) rotate(.001deg);opacity: 0; }

}

/* Full popup */
[data-full-layer] {display:none; background-color: rgba(0, 0, 0, 0);transition-duration: 0.2s; z-index: -9999;}
[data-full-layer].show {display:block; z-index:2001;}
[data-full-layer].show.isAnimate {background-color: rgba(0, 0, 0, 0.65); transition-property: background-color;transition-duration: 0.2s;}
[data-full-layer] [data-full-inner] {transform:translate(-50%, -50%)  scale(0.85); opacity:0; transition: 0.2s ease-in-out;}
[data-full-layer].show.isAnimate [data-full-inner] {transform:translate(-50%, -50%) scale(1); opacity:1;}

.popup_full {position:fixed; left:0; top:0; width:100%; height:100%; font-size:13px; color:#222; line-height:normal;}
.popup_full .popup_inner {position: absolute; overflow: hidden; left: 50%; top: 50%; z-index: 100; width: 580px; min-height:730px; max-height:730px; box-sizing: border-box; background: #fff; border-radius: 20px;height:auto}
.popup_full .popup_inner.type2 {width: 400px; height: 700px; max-height:700px;}
.popup_full .popup_inner.type2 .popup_head {padding-bottom: 54px;}
.popup_full .popup_inner.type3 {width: 1176px;}
.popup_full .popup_inner.type4 {width: 810px}
.popup_full .popup_head {padding: 53px 40px 26px;}
.popup_full .popup_head.type2 {border-bottom: 1px solid #eee; text-align: center; padding: 22px 25px 24px;}
.popup_full .popup_head.type3 {padding:60px 40px 60px}
.popup_full .popup_head.type3 .title > strong{font-weight:700;}/* 2022-07-06 장바구니 팝업 관련 추가 */
.popup_full .popup_inner .popup_head.type4 {padding: 26px 30px 0;}
.popup_full.shadow .popup_inner.type2{min-height:550px; max-height: 550px; box-shadow: 0 12px 20px 5px rgba(0, 0, 0, .2);}
[data-full-layer].show.isAnimate.shadow{background:none}
.popup_full .popup_inner .popup_head.type4 {padding: 26px 30px 0;}
.popup_full .popup_head > .title {font-size: 24px; font-weight:700; line-height: 34px;}
.popup_full .popup_head > .title.type2 {font-weight:400;}
.popup_full .popup_head > .title > p i {color: #e80f00; font-weight:700;}
.popup_full .popup_head > .title > p strong {color: #e80f00;}
.popup_full .popup_content {box-sizing: border-box; overflow: hidden; overflow-y:auto; padding:0 40px 40px;}
.popup_full .popup_content.type1{padding:40px}
.popup_close .btn_close {position: absolute; right: 20px; top: 20px; display: block; width: 40px; height: 40px; z-index: 999;}
.popup_close .btn_close::before {content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 16px; height: 16px; background: url(../images/ico_close.png) no-repeat 0 0;}
.popup_close.white .btn_close::before {background: url(../images/ico_close02.png) no-repeat 0 0;}
.popup_full.hauto .popup_inner{height:auto; min-height:auto;}

/* -------- 상품 module ------- */
/* .product_wrap_outer {margin-bottom: -20px;} */
.product_wrap {margin-bottom:-60px;font-size: 0;}
.product_wrap .product_box {vertical-align: top; position: relative; display: inline-block; width: 305px; margin:0 0 60px 20px;}
.swiper-container-initialized .product_wrap.swiper-wrapper .product_box{width:auto;margin:0 0 60px 0;}
.product_wrap.swiper-wrapper .product_box:first-child {margin-left: 0;}
.product_wrap .product_cont {box-sizing: border-box;}
.product_cont .pro_ranknum {z-index:11;position: absolute; top: 0; left: 0; width: 35px; height: 35px; background: url(../images/ico_bedge02.png) 0 0/cover no-repeat; font-size: 18px; font-weight:700;color: #fff; line-height: 1.7; text-align: center;}/* 2022-08-25 : line-height 수정 */
.product_cont .pro_ranknum.big {width: 44px; height: 44px; font-size: 24px; line-height:1.6;}/* 2022-08-25 : line-height 수정 */
.product_cont .pro_ranknum.black {background: url(../images/ico_bedge01.png) 0 0/cover no-repeat;}
.product_cont .pro_ranknum.red {background: url(../images/ico_bedge03.png) 0 0/cover no-repeat;}
.product_cont .pro_img{position: relative; width: 100%; height: 100%; border-radius: 20px; overflow: hidden;}
.product_cont .pro_img:before{position: absolute; content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.03); border-radius: 20px;}
.product_cont .pro_img img{width:100%; height:auto; object-fit:cover; vertical-align:middle;}
.product_cont .pro_img .gift_bedge {position: absolute; top: 0; left: 0; background-color: rgba(65,55,43,0.5); font-size: 12px; color: #fff; text-transform: uppercase; font-weight:700; border-radius: 20px 0 20px 0; padding: 11px 12px;}
.product_cont .pro_out,
.product_cont .pro_age {display:none; position:absolute; width:100%; height:40px; bottom:0; background:rgba(255, 255, 255, 0.5); text-align:center; font-size:15px; font-weight:700; line-height:40px}
.product_cont .pro_out{background:rgba(34, 34, 34, 0.4);}/* 24-04-18 상품모듈 일시품절 조정 *//* 24-08-06 일시품절/품절임박/판매종료 수정 */
.product_cont .btn_wrap.type1 {margin-left: 35px;}
.pro_detail {position:relative;padding:20px 10px 0;}
.pro_detail .pro_link{position:absolute;top:0;left:0;right:0;bottom:0}
.pro_detail .pro_info {color: #222;}
.pro_detail .pro_info .info_bedge {display: inline-block; font-size: 12px; font-weight:400; text-transform: uppercase; padding: 3px 10px; border: 1px solid #e80f00; border-radius: 14px; margin-bottom: 6px; color: #e80f00;}
.pro_detail .pro_info .info_brand {display: block; font-size: 15px; /*max-height: 44px;*/ text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; font-weight: 700;}
.pro_detail .pro_info .info_name {display: block; font-size: 15px; margin-top: 3px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.pro_detail .pro_info .info_name.line_feed {white-space:inherit; overflow:inherit; line-height:1.3;word-break:keep-all;word-wrap:break-word;}/* 2022-08-25 : 상품상세 상품명 word-break, word-wrap 추가 */
/* .pro_detail .pro_info.row2 {height: 70px} */
.pro_detail .pro_info.row2 .info_brand {display:-webkit-box; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-all;height:44px}
.time_sale .pro_detail .pro_info.row2 .info_brand {-webkit-line-clamp:1; height:22px} /* 2023-01-27 타임세일 모듈 개선 */
.pro_detail .pro_info.row2 .info_price{height:auto}
.pro_detail .info_benefit {margin-top: 10px; line-height: 1.786; font-size: 14px; max-height: 50px; color: #616161; text-overflow: ellipsis; word-wrap: normal; overflow: hidden;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-all;}
.pro_detail .pro_info .info_price{display:flex;flex-direction:column;justify-content:flex-end;margin-top:12px;height:48px}
.time_sale .pro_detail .pro_info .info_price{margin-top:4px;}  /* 2023-01-27 타임세일 모듈 개선 *//* 23-05-03 타임세일 풀팝업 모듈 개선 */
.info_price strong{font-weight:700;}
.info_price i {font-size: 14px; color: #616161; margin-left: 10px; font-weight:400;}
.p_rate { min-height: 22px;}
.p_rate > strong {font-size: 16px; color:#e80f00; font-weight:700;}
.time_sale .p_rate > strong {font-size: 16px; font-weight:700; } /* 2023-01-27 타임세일 모듈 개선 *//* 23-05-03 타임세일 풀팝업 모듈 개선 */
.p_rate i {font-size: 14px; color: #616161; margin-left: 10px; font-weight:400;}
/* 임시 */
/* .info_price .p_sum {padding-top:25px} */
.info_price .p_rate + .p_sum {margin-top:3px;padding-top:0}
.info_price .p_sum > strong {font-size: 16px; color: #222;}
/* 로그인 후 확인율 확인 */
.info_price .p_rate.login {z-index:1;position:relative;}
.info_price .p_rate.login > a {font-weight:400; font-size: 14px;color:#e80f00}
.info_grade{font-weight:400; font-size: 12px; margin-top: 20px;}
.info_grade .g_star{font-size: 12px; color: #222; background:url('../images/ico_star_bk.png') 0 3px no-repeat; background-size: 9.5px auto; padding-left: 13px;}
.info_grade .g_data{font-size: 12px; color: #616161; position: relative; display: inline-block; margin-left: 5px; padding-left: 10px}
.info_grade .g_data::after{display: block; content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 10px; background-color: #e4e4e4;}
.info_grade.st02 .g_star {padding-left:21px; font-size:18px; background-size:17px auto;}
.info_grade.st02 .g_data {font-size:18px}
.info_sort {display:flex; flex-wrap:wrap; min-height:48px; margin:-2px -2px; font-size:0; margin-top: 18px; align-items: baseline;}
.info_sort li{min-width:50px; border-radius:3px; background-color:#f5f5f5; font-size:11px; color:#999; text-align:center; padding:1px 1px 2px; margin:2px; box-sizing: border-box;}
.info_sort.type2 {min-height:64px; margin:-5px -5px;}
.info_sort.type2 li {min-width:60px; margin:5px; font-size:13px}

/* mouseover icon */
/* .pro_over {display: none; position:absolute; top:0; left: 0; z-index:-1; width: 100%; height: 100%; border: 1px solid #222; box-sizing: border-box; border-radius: 20px; opacity:0; transition: 0.2s; background-color: rgba(255,255,255,0.5);}
.pro_over .link {z-index: 4; position:absolute; top:0; left: 0; display: block; width: 100%; height: 100%; border-radius: 20px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);} */
.pro_over {/*display: none;*/ position:absolute; top:0; left: 0; z-index:-1; width: 100%; height: 100%; box-sizing: border-box; border-radius: 20px; opacity:0; background:rgba(255,255,255,0.5);transition: 0.2s;}
.pro_over .link {z-index: 4; position:absolute; top:0; left: 0; display: block; width: 100%; height: 100%; border-radius: 20px; }
.pro_over .pro_choice {position:relative; display:table; width:100%; height:100%; text-align:center; border-spacing: 10px;}
/* .product_cont .pro_img:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition: 0.2s;} */
.pro_choice .btn {position:relative; display:inline-block;vertical-align:middle;margin:5px;width: 50px; height: 50px;border-radius: 10px;}
.pro_choice .btn2 {position:relative;display: none; width: 130px; height: 50px; border-radius: 10px; line-height: 50px; margin:5px;}
.pro_choice .btn2 button {display: inline-block; width: 100%; height: 100%; font-size: 15px; color: #fff;}
.pro_choice .btn2 button:after {content: ''; margin-left: 10px; display: inline-block; width: 22px; height: 22px; background: url(../images/ico_alarm.png) no-repeat 0 0; vertical-align: sub;}
.pro_choice .pro_btn_area .red,
.pro_choice .pro_btn_area .black {background-color: rgba(49,38,38,0.8);}
.pro_choice .pro_btn_area .red:hover,
.pro_choice .pro_btn_area .black:hover {background-color: rgba(49,38,38,1);}
.pro_choice .btn button,
.pro_choice .btn label { display:block; width:100%;height:100%; text-indent: -99999px; cursor: pointer;}
.pro_choice .btn button:before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.pro_choice .btn_pay button:before {background: url(../images/ico_pay.png) 0 0; width: 22px; height: 17px;}
.pro_choice .btn_detail button:before {background: url(../images/ico_search.png) no-repeat 0 0; width: 22px; height: 22px;}

.pro_choice .btn_cart button:before {background: url(../images/ico_cart.png) no-repeat 0 0; width: 23px; height: 20px;}
.pro_btn_area {display:table-cell; vertical-align:middle; font-size:0}
.pro_btn_area .inner {position: relative;}
.pro_btn_area .inner .btn,
.pro_btn_area .inner .btn2{z-index: 5;}
.pro_btn_area.type1 .inner {width: 140px; margin:0 auto}
.pro_over .only_offline {font-size: 15px; font-weight:700;} /* 온라인구매 불가 상품 case */
/* .product_box:hover .pro_over {display: block; z-index:10; opacity:1;  box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);} */
/* .product_box:hover .pro_img:after{z-index:3;opacity:1;} */
.product_box:hover .pro_over {/*display: block;*/ z-index:10; opacity:1;}

.product_cont .link{z-index: 4; position:absolute; top:0; left: 0; display: block; width: 100%; height: 100%;}/* 23-02-20 장바구니 기능 강화 *//* 23-06-19 링크 영역 추가 */

/* 혜택 리스트 module mouseover*/
.over_wrap {position: relative;}
.over_wrap .pro_btn_area {vertical-align: bottom;}
.over_wrap .pro_over {border: none; border-radius: 0; background-color: transparent;}
.over_wrap .pro_over .link {box-shadow: none;}
.over_wrap .pro_over .pro_choice {box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 10%); border: 1px solid #222; border-radius: 20px; box-sizing: border-box; height: 221px; background-color: rgba(255,255,255,0.5);}
.over_wrap .pro_over .pro_btn_area .black {background-color: rgba(49,38,38,0.4);}
.over_wrap .pro_over .pro_btn_area .black:hover {background-color: #000;}
.over_wrap .pro_over .btn_share button:before {background: url(../images/btn_share_w.png) 0 0/cover; width: 17px; height: 17px;}
.over_wrap:hover .pro_over {display: block; opacity: 1; z-index: 1;}

/* 상품모듈 스와이퍼 */
.slide_banner .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 60px; height: 60px; border-radius: 12px; box-shadow: -1px 7px 10px 2px rgba(0,0,0,0.1); background-color: #fff; text-indent: -9999px;}
.slide_banner .slick-arrow:after {background: url(../images/ico_arrow04.png) no-repeat 0 -32px;}
.slide_banner .slick-arrow.slick-disabled:after {opacity:0.3}
.slide_banner .slick-prev {left: -30px;}
.slide_banner .slick-next {right: -30px;}
.slide_banner .slick-prev:after,
.slide_banner .slick-next:after {content: ''; position: absolute; width: 12px; height: 22px; top: 50%; left: 50%;}
.slide_banner .slick-prev:after {transform: translate(-50%, -50%);}
.slide_banner .slick-next:after {transform: rotate(180deg) translate(50%, 50%);}
.slide_banner .slick-arrow {opacity:0; transition: 0.4s;}
.slide_banner:hover .slick-arrow {opacity:1}

.product_wrap_arrow button {position: absolute; top: 50%;  transform: translateY(-50%); z-index: 10; width: 60px; height: 60px; border-radius: 12px; box-shadow: -1px 7px 10px 2px rgba(0,0,0,0.1); background-color: #fff; text-indent: -9999px;}
.product_wrap_arrow button:after {background: url(../images/ico_arrow04.png) no-repeat 0 -32px;}
.product_wrap_arrow button.swiper-button-disabled:after {/*background-position: 0 0;*/ opacity:0.3}
.product_wrap_arrow .swiper_prev {left: -30px;}
.product_wrap_arrow .swiper_next {right: -30px;}
.product_wrap_arrow .swiper_prev:after,
.product_wrap_arrow .swiper_next:after {content: ''; position: absolute; width: 12px; height: 22px; top: 50%; left: 50%;}
.product_wrap_arrow .swiper_prev:after {transform: translate(-50%, -50%);}
.product_wrap_arrow .swiper_next:after {transform: rotate(180deg) translate(50%, 50%);}
.product_wrap_arrow button {opacity:0; transition: 0.4s;}
.personal_list:hover .product_wrap_arrow button,
.product_wrap_arrow button:hover {opacity:1}

/* type1 - 상품목록형(inner type) */
.product_wrap.type1 .product_cont {padding-bottom: 30px; min-height: 427px;}
.product_wrap.type1 .product_box {width:239px; margin:0 0 30px 10px;}
.product_wrap.type1 .product_box:first-child {margin-left: 0;}
.product_wrap.type1:not([data-slide]) .product_box:nth-child(4n+1) {margin-left: 0;}
    /* st01 - w202(상품상세) */
.product_wrap.st01 .product_box {width: 202px}
.product_wrap.st01 .product_box .product_cont {min-height: auto;}

/* type2 - 박스형 */
.product_wrap.type2 .slick-arrow {top:50%}
.product_wrap.type2 .product_cont {background-color: #fff; border-radius: 20px;}
.product_wrap.type2 .pro_img:before {display: none;}
.product_wrap.type2 .pro_detail {padding: 0 30px;}
.product_wrap.type2 .info_grade{line-height: 2.4}

/* type3 - 장바구니, 주문목록 타입 */
.product_wrap.type3{margin-bottom:-20px}
.product_wrap.type3 .product_box {margin-bottom:20px;width: 100%; margin-left: 0;}
/* 2022-07-05 추가 */
.product_wrap.type3 .product_box .barcode_box{margin-top:10px;}
.product_wrap.type3 .product_box .barcode_box .barcode{display:block;width:96px;height:17px;}
.product_wrap.type3 .product_box .barcode_box .barcode img{width:100%;height:100%;}
.product_wrap.type3 .product_box .barcode_box .coupon_no{margin-top:5px;font-size:14px;}
/* //2022-07-05 추가 */
.product_wrap.type3 .product_cont {padding-bottom: 0; display: flex; align-items: center;}
.product_wrap.type3 .product_cont .pro_img {width: 160px; height: 160px; display: inline-block;}
.product_wrap.type3 .product_cont .pro_detail {flex: 1; box-sizing: border-box; padding: 0 0 0 20px; vertical-align: top;}
.product_wrap.type3 .product_cont .btn_wrap .no_review{display:block;font-size:14px;color:#999;text-align:center;}/* 2022-07-05 추가 */
.product_wrap.type3 .pro_detail .pro_info .info_brand,
.product_wrap.type3 .pro_detail .pro_info .info_name{min-height:23px}
.product_wrap.type3 .pro_detail .pro_info,
.product_wrap.type3 .pro_detail .info_price .p_sum{margin-top:0}

/* 주문목록형 - 가로 3단형 */
.pro_detail .pro_info .p_option {font-size:14px; color: #999; margin-top: 4px}
.pro_info.type1 {display: flex; justify-content: space-between; align-items: center;}
.pro_info.type1 .info_order_wrap {flex: 1; min-height: 70px; padding-right: 15px; box-sizing: border-box;}
.pro_info.type1 .p_option {font-size: 14px; color: #999; margin-top: 3px; width: 100%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.pro_info.type1 .pro_num {width:80px; text-align: center; font-size: 14px; color: #999;}
.pro_info.type1 .pro_state {width:85px; text-align: center; font-size: 14px; color: #222; font-weight:700;}
.pro_info.type1 .info_price {width: 165px; margin-left: 15px; text-align: right;}
.pro_info.type1 .order_date {font-size: 15px; font-weight:700;}
.pro_info.type1 .order_no {font-size: 14px; color: #616161; margin-top: 12px;}
.pro_info.type1 .order_depart {font-size: 14px; color: #616161; margin-top: 5px;}
.pro_info.type1 .coupon_no {font-size: 14px; color: #616161; margin-bottom: 10px}
.pro_detail .pro_info.type1 .info_brand, /* 말줄임용 */
.pro_detail .pro_info.type1 .info_name {max-width:370px;}
.popup_inner .pro_detail .pro_info.type1 .info_brand, /* 팝업 내 말줄임용 */
.popup_inner .pro_detail .pro_info.type1 .info_name {max-width:208px;}
.product_wrap .product_cont .pro_img.type1 {width: 98px; height: 98px; border-radius: 10px;}
.product_wrap .product_cont .pro_img.type1:before {border-radius: 10px;}

/* col3 - 필터 + 목록페이지형(3단) */
.product_wrap.prod_col3 .product_box {margin-left: 37.5px;}
.product_wrap.prod_col3 .product_box {width:calc(100% / 3 - 30px);}
.product_wrap.prod_col3 .product_box:nth-child(3n+1) {margin-left: 0;}
.product_wrap.prod_col3:not([data-slide]) .product_box:nth-child(-n+3) {margin-top: 0;}

/* col4 - 목록페이지형(4단) */
.product_wrap:not([data-slide]).prod_col4 .product_box:nth-child(4n+1) {margin-left:0;}

/* col5 - 목록페이지형(5단) */
.product_wrap.prod_col5 .product_box {width: 240px; margin-top:5px; margin-left: 20px;}
.product_wrap.prod_col5 .product_cont {padding-bottom: 30px;}
.product_wrap.prod_col5:not([data-slide]) .product_box:nth-child(-n+5) {margin-top: 0;}
.product_wrap.prod_col5:not([data-slide]) .product_box:nth-child(5n+1) {margin-left: 0;}

/* 슬릭구조 여백 통일 */
.product_wrap.small_banner .product_box + .product_box {margin-left: 20px;}
.product_wrap.small_banner .product_box {margin-top: 0; margin-bottom:20px}
.product_wrap.ml10 .product_box + .product_box {margin-left: 10px;}

/* 필터 상품목록 내부 상품명 두줄 */
.sorting_product .product_wrap.type1 .info_name {display: -webkit-box; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;  line-height: 27px; height: 54px}

/* 일시품절 */
.product_cont.out .pro_out{display:block; z-index: 1;}
.product_cont.out .pro_choice .btn:not(.btn_detail) {display:none}
.product_cont.out .pro_choice .btn2 {display: inline-block;}
.product_cont.out .pro_btn_area.type1 .btn2 {width: 50px;}
.product_cont.out .pro_btn_area.type1 .btn2 i {display: inline-block; text-indent: -9999px;}
.product_cont.out .pro_btn_area.type1 .btn2 button:after {margin-left: 0;}
.product_cont.out .pro_btn_area.type2 .btn2 {width:50px}
.product_cont.out .pro_btn_area.type2 .btn2 i {display: inline-block; text-indent: -9999px;}
.product_cont.out .pro_btn_area.type2 .btn2 button:after {margin-left: 0;}
.product_cont.out .pro_btn_area.type2 .ck_like2 {display: inline-block;}
.product_cont.out .pro_img:before {z-index: 2; background: rgba(0, 0, 0, 0.04);}
.product_cont.out .pro_img:after{position:absolute; top:0; content:''; display:block; width:100%; height:100%; background:rgba(255, 255, 255, 0.6);}

/* 19세 성인인증 */
.product_cont.age .pro_age{display:block; z-index: 1;}
.product_cont.age .pro_img img{filter:blur(7px);}
.product_cont.age .pro_img:before {z-index: 1; background: rgba(0, 0, 0, 0.03);}

/* 브랜드 모듈(위시리스트) */
.product_cont.brand .pro_detail {min-height: 106px;}

/* 타임세일, 곧 품절 뱃지 */
[class^="product_cont"].bedge .pro_bedge{display:block;}
[class^="product_cont"] .pro_bedge {display:none; position: absolute; width: 50px; height: 50px; border-radius: 50%; font-size: 10px; bottom: 10px; right: 10px; text-align: center; color: #fff; z-index:10; white-space: nowrap}
[class^="product_cont"].bedge .pro_bedge > span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
[class^="product_cont"].bedge .pro_bedge strong {display:block; font-size: 12px; font-weight:700;}
[class^="product_cont"].bedge .pro_bedge.red {background-color: rgba(222,56,49,0.9);}
[class^="product_cont"].bedge .pro_bedge.black {background-color: rgba(0,0,0,0.8)}

/* 장바구니 */
.product_select {display: flex; justify-content: space-between; margin-bottom: 10px;}

/* 장바구니 - 타임세일 상품 */
.product_cont .pro_timesale {display:none; position:absolute; width:100%; height:40px; bottom:0; background:#e80f00; color: #fff; text-align:center; font-size:15px; font-weight:700; line-height:40px}
/* .product_cont .pro_timesale:before {content:''; padding-left: 24px; background: url(../images/ico_history.png) 0 0/contain no-repeat;} *//* 23-02-20 장바구니 기능 강화 */
.product_cont.timesale .pro_timesale {display:block; z-index: 1;}

/* 장바구니 - 품절임박 *//* 23-02-20 장바구니 기능 강화 */
.product_cont .pro_soldout {display:none; position:absolute; width:100%; height:40px; bottom:0; background-color:rgba(34,34,34,.9); color: #fff; text-align:center; font-size:15px; font-weight:700; line-height:40px}
.product_cont.soldout .pro_soldout {display:block; z-index: 1;}

/* 장바구니 - 첫구매혜택 *//* 23-02-20 장바구니 기능 강화 */
.product_cont .pro_first {display:none; position:absolute; width:auto; height:25px; left:10px; top:10px; background-color:rgba(219,181,119,.9); border-radius: 12.5px; color: #fff; text-align:center; font-size:13px; line-height:25px; padding:0 13px}
.product_cont.firstbuy .pro_first {display:block; z-index:10;}
/* 24-01-15 특별구매딜 유형 : pro_flag_ 추가 시 _class명으로 생성 */
.product_cont [class*="pro_flag_"]{position:absolute; width:auto; height:25px; left:10px; top:10px; border-radius: 12.5px; color: #fff; text-align:center; font-size:13px; line-height:25px; padding:0 13px}
.product_cont .pro_flag_sp{background-color:rgba(154,134,111,.9); z-index:10;} /* 특별구매딜 */

/* 23-02-20 장바구니 기능 강화 *//* pimg 100*100 이하 */
.product_wrap.small .product_cont .pro_timesale,
.product_wrap.small .product_cont .pro_soldout,
.product_wrap.small .product_cont .pro_out{height:30px; line-height: 30px; font-size:12px;}
.product_wrap.small .product_cont .pro_age{height:30px; line-height: 30px; font-size:12px;}
.product_wrap.small .product_cont .pro_first{top:6px; left:6px; height:20px; border-radius: 10px; font-size:12px; line-height: 20px; padding:0 9px;}/* 24-09-09 결합상품 잔여페이지 */
/* 24-01-15 특별구매딜 */
.product_wrap.small .product_cont [class*="pro_flag_"]{top:6px; left:6px; height:20px; border-radius: 10px; font-size:12px; line-height: 20px; padding:0 9px;}

/* 23-02-20 장바구니 기능 강화 *//* 히스토리 */
.product_cont_sh .pro_first {display:none; position:absolute; height:20px; left:6px; top:6px; background-color:rgba(219,181,119,.9); border-radius: 10px; color: #fff; text-align:center; font-size:12px; line-height:20px; padding:0 9px}
.product_cont_sh.firstbuy .pro_first {display:block; z-index:10;}
/* 24-01-15 특별구매딜 유형 : pro_flag_ 추가 시 _class명으로 생성 */
.product_cont_sh [class*="pro_flag_"]{position:absolute; height:20px; left:6px; top:6px; border-radius: 10px; color: #fff; text-align:center; font-size:12px; line-height:20px; padding:0 9px}
.product_cont_sh .pro_flag_sp{background-color:rgba(154,134,111,.9); z-index:10;} /* 특별구매딜 */

/* 혜택(기획전,이벤트) module */
.product_cont .event_detail {padding: 0 10px}
.product_cont .event_detail .event_info {margin-top: 17px; color: #222;}
.product_cont .event_detail .event_info .event_name {display: block; font-size: 15px; line-height:1.2; font-weight:700; max-height: 36px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.product_cont .event_detail .event_info .event_desc {display: block; font-size: 15px; margin-top: 7px; text-overflow: ellipsis; word-wrap: normal; overflow: hidden; display:-webkit-box; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-all;  line-height: 27px; max-height: 54px}
.product_cont .event_detail .event_info .event_date {font-size: 14px; margin-top: 15px; font-weight:400; color: #616161}

/* 22-09-07 : 상품모듈 상품 여백 추가 */
.product_wrap .pimg_box,
.pay_product .pimg_box,
.product_cont_sh .pimg_box{display:inline-block; width:100%; height:100%; box-sizing:border-box;}

/* -------- 쇼핑히스토리 전용 상품 module ------- */
/* product_wrap_sh - 쇼핑히스토리 */
.product_cont_sh{display:flex; flex-direction:column; position:relative;box-sizing:border-box; z-index:5;}
.product_cont_sh .pro_img{display:block; isolation:isolate; position:relative; width:100%; border-radius:8px; overflow:hidden;}
.product_cont_sh .pro_img:before{position:absolute; content:''; display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.03);}
.product_cont_sh .pro_img img{width:100%; height:100%; object-fit:cover; vertical-align:middle;}
.product_cont_sh .pro_detail_sh{position:relative; display:flex; flex-direction:column;}
.pro_detail_sh .pro_choice{display:flex; align-items:center; margin-top:2px; z-index:10;}
.pro_detail_sh .pro_choice .ck_like.st02 {flex-grow: 1;}
.pro_detail_sh .pro_btn_area .btn_ico + .btn_ico{margin-left:17px;}
.pro_detail_sh .pro_info_sh{margin-top:10px;}
.product_cont_sh .pro_out{display:none; position:absolute; width:100%; height:30px; bottom:0; background:rgba(255, 255, 255, 0.5); text-align:center; font-size:12px; font-weight:700; line-height:30px}
.product_cont_sh .pro_age{display:none; position:absolute; width:100%; top:50%; font-size:12px; color:#fff; font-weight:700; text-align:center; transform: translateY(-50%); z-index:12}

.pro_info_sh .info_brand {display:block; font-size:13px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.pro_info_sh .info_name{display:-webkit-box;font-size:13px; max-height: 32px; line-height:1.3; color:#616161; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:5px}
.pro_info_sh .info_price_sh{display:flex; flex-direction:column; justify-content: flex-end; font-weight:400; font-size:14px;}
.info_price_sh strong{font-weight:700;}
.info_price_sh i{font-size:12px; color:#999; margin-left:5px}
.info_price_sh .p_rate {margin-top:0;}
.info_price_sh .p_rate > strong{font-size: 14px; color:#e80f00;}
.info_price_sh .p_sum > i{font-size:12px}
.pro_info_sh .info_grade_sh{font-weight:400; font-size:12px; margin-top:25px}
.info_grade_sh .g_star{background:url('../images/ico_star_bk.png') 0 3px no-repeat; background-size:9.5px auto; padding-left:13px;}
.info_grade_sh .g_data{position:relative; display:inline-block; color:#616161; margin-left:5px; padding-left:8px}
.info_grade_sh .g_data::after{display:block; content:''; position:absolute; top:50%; left:0; width:1px; height:10px; background-color:#e4e4e4; margin-top:-5px}

.history_list_wrap .pro_info_sh .info_name {max-height:17px; -webkit-line-clamp:1;}
.history_list_wrap .product_cont_sh.list {align-items: center;}
.pro_detail_sh .pro_link{display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9;}
.pro_detail_sh .pro_link > span{overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}

/* 리스트형 */
.product_wrap_sh.type1 .product_box{margin-top:20px;}
.product_wrap_sh.type1 .product_box:first-child{margin-top:0;}
.product_wrap_sh.type1 .product_cont_sh,
.product_cont_sh.list{display:flex; flex-direction:row; width:100%;}
.product_wrap_sh.type1 .pro_img,
.product_cont_sh.list .pro_img{width:120PX; height:120PX; margin-right:14PX}
.product_wrap_sh.type1 .pro_detail_sh,
.product_cont_sh.list .pro_detail_sh{flex:1;}
.product_wrap_sh.type1 .pro_detail_sh .pro_choice,
.product_cont_sh.list .pro_detail_sh .pro_choice{order:2; margin-top:5px}
.product_wrap_sh.type1 .pro_detail_sh .pro_info_sh,
.product_cont_sh.list .pro_detail_sh .pro_info_sh{order:1; margin-top:-3px}
.product_wrap_sh.type1 .pro_info_sh .info_name,
.product_cont_sh.list .pro_info_sh .info_name{margin-top:6px;}
.product_wrap_sh.type1 .pro_info_sh .info_price_sh,
.product_cont_sh.list .pro_info_sh .info_price_sh{margin-top:6px}
.product_wrap_sh.type1 .info_grade_sh,
.product_cont_sh.list .info_grade_sh{display:none}

/* 라운드형 */
.product_wrap_sh.type2 {border-radius: 12px; padding: 20px; background-color: #fafafa;}
.product_wrap_sh.type2 + .product_wrap_sh {margin-top: 10px;}
.product_wrap_sh.type2 .product_box + .product_box {margin-top: 2.6vw;}
.product_wrap_sh.type2 .product_cont_sh .pro_img {width: 100px; height: 100px;}
.product_wrap_sh.type2 .product_cont_sh .pro_img:before {background: rgba(0, 0, 0, 0);}
.product_wrap_sh.type2 .product_cont_sh + .product_cont_sh {margin-top: 10px;}
.product_wrap_sh.type2 .pro_detail_sh {position: relative; justify-content: space-between; width: 100%;}
.product_wrap_sh.type2 .pro_choice {justify-content: flex-start;}
.product_wrap_sh.type2 .pro_choice .btn_ico.pay {display: none;}
.product_wrap_sh.type2 .pro_btn {order: 3; position: absolute; right: 0; bottom: 0; z-index: 11;}
.product_wrap_sh.type2 .pro_btn span {font-size: 12px; color: #999;}
.product_wrap_sh.type2 .pro_choice .ck_like.st02 {flex-grow: 0;}
.ai_items .product_wrap_sh.type1 .pro_detail_sh {max-width: 184px;}
.history_items.online .product_wrap_sh.type2 .pro_detail_sh {max-width: 164px;}


/* 추천상품 */
.product_wrap_sh.type3{display:block; width:100%; box-sizing:border-box; font-size:0; white-space:nowrap; overflow:hidden; overflow-x:auto; padding:0 30px}
.product_wrap_sh.type3::-webkit-scrollbar {display:none}
.product_wrap_sh.type3 .product_box{display:inline-block; width:150px; margin-left:20px; border-radius: 10px}
.product_wrap_sh.type3 .product_box:first-child{margin-left:0;}
[data-slide] .product_wrap_sh.type3{overflow: visible;}
[data-slide] .product_wrap_sh.type3 .product_box{margin-left:0;}
.product_wrap_sh.type3 .pro_info_sh {margin-top: 17px; padding-left: 10px;}
.product_wrap_sh.type3 .pro_info_sh .info_brand {font-size: 15px;}
.product_wrap_sh.type3 .pro_info_sh .info_name{display:block; margin-top: 7px; font-size: 15px; max-height:auto; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.product_wrap_sh.type3 .pro_info_sh .info_price_sh {font-size: 16px}
.product_wrap_sh.type3 .pro_info_sh .info_price_sh .p_rate {margin-top: 12px;}
.product_wrap_sh.type3 .pro_info_sh .info_price_sh i {font-size: 14px; color: #616161}

/* 동영상 플레이 */
.product_cont_sh.play .pro_img:after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6.8vw;height:7.6vw;background:url('../images/ico_playbtn.png')no-repeat 0 0/6.8vw auto}
.product_wrap_sh.type3 .product_cont_sh.play .pro_img:after{width:13.6vw;height:15.2vw;background-size:13.6vw auto}

/* 일시품절 */
.product_cont_sh.out .pro_out{display:block; z-index: 3;}
.product_cont_sh.out .pro_img:before {z-index: 2; background: rgba(0, 0, 0, 0.04);}
.product_cont_sh.out .pro_img:after{position:absolute; top:0; content:''; display:block; width:100%; height:100%; background:rgba(255, 255, 255, 0.6);}

/* 19세 성인인증 */
.product_cont_sh.age .pro_age{display:block;}
/* .product_cont.age .pro_img{height:100%;} */
.product_cont_sh.age .pro_img img{filter:blur(7px); z-index:10;}
.product_cont_sh.age .pro_img:before{position:absolute; content:''; display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:9;}

/* -------- 입력 Form -------- */
.form_wrap .form_box + .form_box{margin-top:10px;}
.form_wrap > .form_inp + .form_inp{margin-top:10px}
.form_box{display:flex; align-items:center; position:relative;}
.form_box .form_inp input{font-size:14px; /*padding-right:10px*/}
.form_box .form_inp.error input,
.form_box .form_inp.success input {padding-right:50px}
.form_wrap .form_select + .form_select,
.form_wrap .select_box + .select_box {margin-left:10px}
.form_box .form_inp + .form_select,
.form_box .form_inp + .select_box {margin-left: 10px;}
.form_box .form_select + .form_inp,
.form_box .select_box + .form_inp {margin-left: 10px;}
.form_box.st01 .form_select + .form_select,
.form_box.st01 .select_box + .select_box {margin-left: 10px;}

.form_box .gap{padding:0 5px;}

/* input + button */
.form_box .form_select,
.form_box .select_box + [class^="btn_grade"] {margin-left: 10px}
.form_box .form_select,
.form_box .select_box + [class^="btn_grade"] + [class^="btn_grade"] {margin-left: 10px;}
.form_box > .form_inp + .form_inp {margin-left: 10px}
.form_box > .form_inp + [class^="btn_grade"] {margin-left: 10px;}

/* input + button2 */ /* select + input */
/* .form_box.type1{justify-content:space-between;} */
.form_box.type1 .form_select,
.form_box.type1 .select_box {flex: 1}
.form_box.type1 .form_inp {flex: 1;}
.form_box.type1 .form_select + .form_inp,
.form_box.type1 .select_box + .form_inp {flex:1; margin-left:5px;}
.form_box.type1 .btn_box {width:auto; margin-left:40px;}
.form_inp.btn_wrap_tobe input + a,
.form_inp.btn_wrap_tobe input + button {margin-left: 10px;}

/* title + input */
.form_wrap.type1 {display: flex;}
.form_wrap.type1 + .form_wrap {margin-top: 20px;}
.form_wrap.type1 > .form_box {display: block; margin-top: 0; flex: 1;}
.form_wrap.type1 > .form_box + .form_box {margin-left: 10px;}
.form_wrap.type1 + .btn_wrap_tobe {margin-top: 30px;}

/* input + text */
.form_box.with_text .txt_prev {font-size: 15px; color: #616161; margin-right: 20px;}
.form_box.with_text .txt_next {min-width: 14px; font-size: 15px; color: #616161; margin-left: 6px;}
.form_box.with_text .btn_box {width:auto; margin-left:20px;}

/* select contents */
.select_box .box_area.type1 {display: flex; justify-content: space-between; align-items: center;}
.select_box .box_area > .value{display:block; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; overflow:hidden;}
.select_box .cont_sub{font-size:13px; color: #616161;}
.select_box .cont_sub > .dday{color:#e80f00}

/* 달력 */
.form_inp.calendar > input {font-weight:400;}
.form_inp.calendar > input:read-only {color: #bbb;}
.form_inp.calendar.selected > input:read-only {color: #222;}

/* 편명 검색 */ /* 신규*/
.form_wrap.flight .form_inp {width:100%}
.form_wrap.flight .select_box {width:calc(50% - 5px)}

/* 관심상품, 관심브랜드 like */
.ck_like {position:relative; width: 24px; height: 18px; /* overflow:hidden; */}
.ck_like > input{z-index:2;position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;cursor:pointer}
.ck_like > label{position:relative;display:inline-block; width:100%; height:100%; background:url('../images/ico_like.png') no-repeat; background-position: 0 -48px; background-size:23px auto; text-indent:-9999px; cursor: pointer;}
.ck_like > label::before,
.ck_like > label::after{content: '';visibility:hidden;position: absolute;left:0;top:0;width:100%; height:100%;}
.ck_like > input:checked + label::before,
.ck_like > input:checked + label::after{background:url('../images/ico_like02.png') 0 0 no-repeat}
/* 카테고리 브랜드명 like */
.ck_like.st01 {position:relative; width:17px; height:13px;}
.ck_like.st01 > input{z-index:2;position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;cursor:pointer}
.ck_like.st01 > label{display:inline-block; width:100%; height:100%; background:url('../images/ico_like03.png') no-repeat; background-position: 0 0; text-indent:-9999px; cursor: pointer;}
.ck_like.st01 > input:checked + label::before,
.ck_like.st01 > input:checked + label::after{background:url('../images/ico_like03.png') 0 -33px no-repeat}
/* 상품모듈 samll like */
.ck_like.st02  {width: 18px; height: 15px;overflow: visible;}
.ck_like.st02 > label {background:url('../images/ico_like04.png') 0 0 no-repeat;}
.ck_like.st02 > label::before,
.ck_like.st02 > label::after{width: 18px; height: 15px;}
.ck_like.st02 > input:checked + label::before,
.ck_like.st02 > input:checked + label::after{background:url('../images/ico_like04.png') 0 -24px no-repeat;}
/* 상품모듈 hover red box like */
.ck_like2 > input{z-index:2;position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;cursor:pointer}
.ck_like2 label {background: url(../images/ico_like.png) no-repeat center 16px; transition:opacity .6s;}
.ck_like2 label:before,
.ck_like2 label:after{content: '';position:absolute;left:50%;top:50%;margin:-9px 0 0 -12px;width: 23px; height: 18px;}
.ck_like2 label:before,
.ck_like2 label:after {visibility:hidden;background: url(../images/ico_like02.png) no-repeat 0 0;background-size: 23px auto;}
.ck_like2 input:checked + label {position: relative;background-image:none;}
/* 관심브랜드 like */
.ck_like.st03 > label {background-size:18px auto;background-position: 0 -37px;}
.ck_like.st03 > label::before,
.ck_like.st03 > label::after{width: 18px; height: 18px;}
.ck_like.st03 > input:checked + label{background:url('../images/ico_like04.png') 0 -24px no-repeat;}
.ck_like.st03 > input:checked + label::before,
.ck_like.st03 > input:checked + label::after{background:url('../images/ico_like04.png') 0 -24px no-repeat;}
/* 신라부티크 like */
.ck_like.type1 > label{background-position:0 0;background-size: 24px auto; width: 24px; height: 20px; cursor: pointer;}
.ck_like.type1:hover > label {background: url('../images/ico_like_r.png') 1px 0/23px no-repeat;}
.ck_like.type1 > input:checked + label::before{background:url('../images/ico_like02.png') no-repeat;}
/* 2022-06-08 추가 : 혜택 상세 like */
.ck_like.st04  {width:24px;height:20px;}
.ck_like.st04 > label {background:url('../images/ico_like05.png') 0 0 no-repeat;}
.ck_like.st04 > label::before,
.ck_like.st04 > label::after{width:24px;height:20px;}
.ck_like.st04 > input:checked + label::before,
.ck_like.st04 > input:checked + label::after{background:url('../images/ico_like05.png') 0 -40px no-repeat;}

.tobe .ui-datepicker-trigger{border-left:0; padding:0;}

/* 이메일무단수집거부 */
.popup_full.pop_email .popup_inner{min-height:auto;}
.pop_email_wrap{}
.pop_email_box{border-radius:10px; background-color:#f5f5f5; font-size:16px; font-weight:700; text-align:center; padding:20px 30px;}
.pop_email_txt{color:#999; margin-top:20px}
.pop_email_date{color:#616161; margin-top:10px}

/* 주문가능시간 */
.popup_layer.pop_order {top:29px; width:300px; right:0; z-index:30;}

.gnb_wrap_tobe {float:left; padding-top:53px; width:auto; height:auto; background:none;}
.gnb:after {content:''; display:block; clear:both}
.gnb > li {float:left; position:relative}
.gnb > li:first-child {margin-left:0}
.gnb > li > a {display:block; position:relative; padding:0 18px; font-size:18px; font-weight:700}
.gnb > li.on > a,
.gnb > li > a:hover {color:#e80f00}
.gnb > li.arr > a {padding-bottom:50px;}
.gnb > li.arr > a > span {position:relative; padding-right:17px}
.gnb > li.arr > a > span:after {content:''; display:block; position:absolute; top:12px; right:0; width:9px; height:6px; background:url('../images/ico_arrow07.png') 0 0 no-repeat;}
.gnb > li.arr > a:hover > span:after,
.gnb > li.arr.on > a > span:after {background-position:0 -18px}

.head_order_time{background-color:#fafafa; text-align:center; border-radius:20px; padding:40px 10px}
.head_order_time .time_txt1{font-size:18px; font-weight:700;}
.head_order_time .time_txt1 > span{font-weight:700;}
.head_order_time .time_txt2{font-size:14px; color:#616161}
.order_time_list{margin-top:20px;}
.order_time_list li{position:relative; padding-left:55px; margin-top:5px; line-height:20px}
.order_time_list li:first-child{margin-top:0;}
.order_time_list li .bedge{position:absolute; display:inline-block; width:50px; height:20px; top:0; left:0; font-size:11px; color:#999; line-height:20px; text-align:center; background-color:#f5f5f5; border-radius:3px;}

/* text rolling interaction */
[data-interaction="textRolling"] {overflow:hidden;width:100%;}
[data-interaction="textRolling"] .p_list{display:block;height:0;}
[data-interaction="textRolling"] .p_list > strong{display:block;height:0;overflow: hidden;font-weight: normal;font-family:inherit;}
[data-interaction="textRolling"] .p_list .p_text{display:block;height:0;overflow: hidden;}
[data-interaction="textRolling"] .p_list.on{height:auto;}
[data-interaction="textRolling"] .p_list.on > strong{height:auto;animation:mainTextAnimate2 5s both;}
[data-interaction="textRolling"] .p_list.on .p_text{height:auto;animation:mainTextAnimate2 5s .2s both;}

@keyframes mainTextAnimate2 {
    0% {transform:translateY(20px);opacity:0; }
    10% { transform:translateY(0);opacity:1;}
    90% { transform:translateY(0);opacity:1;}
    100% { transform:translateY(-100%);opacity:0;}
}

/* ie 대응 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .popup_full .popup_inner {height:100%}
    .product_detail_content .product_info_style .btn_toggle{max-height:51px}
    .product_detail_content .product_info_style li.on .btn_toggle{max-height:none}
    .photo_review_list .photo_img,
    .product_review_wrap .customer_review .review_photo_list li > div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px !important;height:320px !important}
    .photo_review_list .photo_img img,
    .product_review_wrap .customer_review .review_photo_list li img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:auto !important}
    .product_review_wrap .review_item .review_summary_content .review_box{max-height:52px;}

    /* 19금 이미지 대응 */
    .product_cont.age .pro_img:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.9); }
    .product_cont.age .pro_age {z-index:2}

    /* 고객센터 - 지점안내 */
    .branch_wrap .cont_item.sns .bconts_box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:auto !important}


    .history_items.online .product_wrap_sh.type2 .pro_info_sh .info_brand{margin-top:-40px}

    .popup_full.pop_email .popup_inner{max-height:300px;}
}

/* 마이크로 사이트 대응 */
.tobe .popup_layer{left:auto !important;}

/* jQuery UI */
/* Overlays */
.ui-datepicker .ui-datepicker-header .datepicker_tit {position:unset; margin-bottom:0;}
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	padding:15px 0 0 0;
	display: none;
}
.ui-datepicker select{min-width:0;}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: 0 0 10px 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	bottom: 10px;
	width: 1.8em;
	height: 1.8em;
	border:1px solid gray;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	bottom: 10px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
/*
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
*/
.ui-datepicker .ui-datepicker-title {
	/*margin: 0 2.3em;*/
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 12px;
	color:#333;
	margin: 1px 0;
	padding:2px 10px;
	border:1px solid #e0e0e0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	/*width: 45%;*/
}
.ui-datepicker table {
	width: 100%;
	font-size: 12px;
	border-collapse: collapse;
	margin: 0 0 .4em;
	color:#333;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: normal;
	border: 0;
	background:#f5f5f5;
}
.ui-datepicker td {
	border: 0;
	padding: 0 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	height:40px; line-height:40px;
	width:40px;
	text-align: center;
	text-decoration: none;
}
.ui-datepicker td a:hover {
	background: #ffcccc
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
	width:100%;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e{display:none;}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family:'Pretendard-Var',Tahoma,Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #bfbfbf;
	background: #fff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	/*border: 1px solid #e78f08;
	background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;*/
}
.ui-widget-header a {
	color: #ffffff;
}


/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	/*border: 1px solid #cacaca;
	background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
	font-weight: bold;*/
	color: #333;
}
.ui-datepicker-week-end .ui-state-default,
.ui-widget-content .ui-datepicker-week-end .ui-state-default,
.ui-widget-header .ui-datepicker-week-end .ui-state-default {
	color:#e53433
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	/* color: #1c94c4; */
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	/*border: 1px solid #fbcb09;
	background: #ffcccc; url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #c77405;*/
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	/* color: #c77405; */
	text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: #ffcccc
	/*
	border: 1px solid #fbd850;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #eb8f00;*/
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	/* color: #eb8f00; */
	text-decoration: none;
}


/* Overlays */
.ui-widget-overlay {
	background: #616161 /* url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat*/;
	opacity: .5;
	filter: Alpha(Opacity=50); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000000/* url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x*/;
	opacity: .2;
	filter: Alpha(Opacity=20); /* support: IE8 */
	border-radius: 5px;
}

/* 2022-05-16 : 라뷰온(V-Chat) 진입 메뉴 */
.vchat {position:fixed; bottom:80px; right:50%; z-index:11; width:80px; height:80px; margin-right:-780px; text-align:right; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.vchat .vc-inner {display:inline-block; position:relative; width:100%; height:100%;}
.vchat .vc-text {display:block; overflow:hidden; position:absolute; top:0; right:40px; height:100%; padding-right:38px; border-radius:40px 0 0 40px; box-sizing:border-box; background:#ede6e1; line-height:80px; white-space:nowrap; text-align:left; transition:width 500ms ease-out;}
.vchat .vc-text span {display:inline-block; position:relative; left:0; transition:opacity 300ms ease-out; padding:0 29px 0 32px; font-size:18px; color:#222;}
.vchat .vc-button {position:absolute; top:0; right:0; width:80px; height:80px; border-radius:50%; background:#9c826b; box-shadow:0 4px 8px 0 rgba(0,0,0,.15); font-size:0; }
.vchat .vc-button img {width:100%; height:100%; vertical-align:top;}
.vchat.active .vc-text {width:0 !important; padding-right:0;}
.vchat.active .vc-text span {opacity:0;}
/* @media (max-width: 1366px) {
    .vchat {right:0; margin:0; transform:none;}
} */

/* 2022-08-02 : 마이신라 정회원 전환 예외 대응 */
#container.myshilla {background:none;}
#container.myshilla .mypage_wrap {overflow:hidden;}
#container.myshilla .mypage_wrap .contents_wrap {float:none; margin:0 auto;}

/* 2022-08-03 : 마이크로사이트 예외페이지 팝업 대응 */
/* Alert */
[data-alert] {background-color: rgba(0, 0, 0, 0); transition-duration: 0.2s; z-index: -9999;}
[data-alert].show {display:block;z-index: 120;}
[data-alert].show.isAnimate {background-color: rgba(0, 0, 0, 0.7); transition-property: background-color; transition-duration: 0.2s;}
[data-alert] [data-alert-inner] {transform:translate(-50%, -50%)  scale(0.85); opacity:0; transition: 0.2s ease-in-out;}
[data-alert].show.isAnimate [data-alert-inner] {transform:translate(-50%, -50%) scale(1); opacity:1;}
.popup_alert{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:110;}
.popup_alert_inner{position:absolute; top:50%; left:50%; width:290px; border-radius:20px; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:#fff; overflow:hidden; z-index:100;}
.popup_alert_cont{position:relative; font-size:15px; text-align:center; line-height:23px; padding:36px 20px; overflow:hidden; overflow-y:auto;}
.popup_alert_cont::-webkit-scrollbar {display:none; width:0; height:0;}
.popup_alert_button{display:flex; justify-content:center; border-top:1px solid #e0e0e0; background-color:#fff;}
.popup_alert_button a{flex:1; display:inline-block; height:55px; border-left:1px solid #e0e0e0; font-size:15px; font-weight:700; color:#222; text-align:center; line-height:55px;}
.popup_alert_button a:first-child{border-left:0;}

/* 22-08-19 신규가입완료 화면 내 'S리워즈 서비스 제공 동의' 영역 포지션추가 */
.mem_dsc {position:relative}

/* 2022-08-24 : 톰포트 상품상세 탭 텍스트 컬러 재정의 (.ui-widget-header a{color:#fff}의 영향) */
.tf_spp .ui-tabs .ui-tabs-nav li a{color:#000;}

/* 2022-08-30 : 헤더 재정의 (샤넬 상품상세) */
.tobe .header_top .exchange .tit_wrap{width:auto;height:auto;margin-bottom:0;border-bottom:0;}
.header_wrap .category_wrap{padding:0;overflow:auto;}
#footer.footer{height:auto;}

/* 22-08-30 : 검색 결과 숫자 as-is 대응 */
.header_wrap .text_tag .category_list .num {padding:0; padding-left: 5px; display:inline; min-height:auto; height:auto; border-radius:none; background:none; font-size:16px; text-align:left; line-height:1.2;}

/* 2022-09-03 : 바비브라운 상품상세 헤더 폰트 수정 */
.boutique .tobe .header_top .exchange .tit_wrap .tit a{font-weight:700 !important;}
.boutique .tobe .header_top .exchange .sum{font-weight:700 !important;}
.boutique .tobe .gnb_wrap_tobe .gnb > li > a{font-weight:700 !important;}
.boutique .tobe .gnb_wrap_tobe .gnb > li > a span{font-family:inherit !important;}
.boutique .tobe .header_wrap .search_bar .form_inp.inp input{font-family:'Pretendard-Var','맑은 고딕','Malgun Gothic';} /*2023-05-22 헤더 내 검색 인풋 폰트 수정*/
.boutique .tobe .header_wrap .cart_wrap .btn_cart .ico{text-align:left;}

/* 2022-09-05 : B2B2E 배너 */
.partner_head {position:relative; z-index:101; height:50px; background:#fafafa;}
.partner_head .partner_head_in {width:1280px; margin:0 auto; text-align:center}
.partner_head .partner_head_in .img {position:relative; top:-3px; display:inline-block;  font-size:0; line-height:0; vertical-align:middle}
.partner_head .partner_head_in .txt {position:relative; display:inline-block; font-size:16px; height:50px; line-height:50px;margin-left:50px; padding-left:30px  }
.partner_head .partner_head_in .txt:after {content:' '; position:absolute; left:0; top:21px; display:block; width:16px; height:9px; background:url('../images/ico_b2b2e.png') no-repeat 0 50%;  }
.partner_head .partner_head_in .txt strong {font-weight:700; display:inline-block;}

/* 2022-09-05 : GNB 카테고리 공식스토어 이미지 원형 처리 */
#header.tobe .store_list .img_box {border-radius:65px;}

/* 22-09-20 : 비회원 무이자할부 안내 수정 */
.cart_payment .form_table.type1 th, .cart_payment .form_table.type1 td{padding:10px 0;}
.cart_payment .form_table.type1 th{line-height:22px}
.cart_payment .free_plan{padding:0 20px}
.cart_payment .table_info{padding-bottom:20px}

/* 2022-09-28 : 얼럿팝업 z-index 수정 */
[data-alert].show{z-index:2020;}

/* 2022-09-28 : 헤더 > 언어변경 팝업 여백수정 */
#header .popup_layer.pop_language{padding:18px 29px;}

/* 2022-09-28 : 헤더 > 주문가능시간, 달력 팝업 수정 */
[data-layer-transition="scale"]{box-shadow:0 10px 10px 0 rgb(0 0 0 / 20%);}
#ui-datepicker-div{z-index:2001 !important;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title{line-height:1.2;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title select{margin:0;padding:0 16px 0 10px;border:0;color:#222;font-size:16px;font-weight:700;appearance:none;-webkit-appearance:none;line-height:1.2;background:url('../images/ico_arrow09.png')no-repeat right 50%;}

/* 2022-10-31 : 카테고리 - 2차 전문관(골프관, 웨딩관) 진입 경로 추가 & 간격 수정 */
.header_wrap .theme_gate_wrap{box-sizing:border-box;}
.header_wrap .theme_gate {width:230px;margin:0 auto;}
.header_wrap .theme_gate:after{content:'';display:block;clear:both}
.header_wrap .theme_gate ul li{width:110px;}
.header_wrap .theme_gate.small_banner .swiper-slide{border-radius:0}
.header_wrap .theme_gate .img_box{width:100%;height:60px;border-radius:10px}
.header_wrap .theme_gate .text_box{width:100%;margin-top:5px;text-align:center;}
.header_wrap .theme_gate .text_box .tit{display:block;max-width:100%;font-weight:400;font-size:14px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.header_wrap .menu_vowel .title{margin:20px 0 6px;}
.header_wrap .menu_vowel .store_list_wrap{height:86px;}
.header_wrap .menu_vowel .only_list_wrap{margin:9px 0 24px;}
.header_wrap .menu_vowel .store_list .text_box{margin-top:3px;}

/* 2022-07-25 : 쇼핑 히스토리 더보기 버튼 추가 */
.quick_history .btn_more_wrap .btn_txt.more {padding-top:30px;}
.quick_history .btn_more_wrap .btn_txt.more > span {font-size:14px; color:#222222;}
.quick_history .btn_more_wrap .btn_txt.more > span::after {width:9px; height:9px; margin-top:-4.5px; background:url('../images/ico_more2.png') no-repeat 0 0 /100% auto; transform:none;}
.quick_history .ai_item .btn_more_wrap {padding:0;}
.quick_history .ai_item .btn_more_wrap .btn_txt.more {padding-bottom:10px;}

/* 2023-01-02 : 개인화팝업 고도화 */
.popup_personal {overflow:hidden; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2000; width:520px; height:234px; border-radius:19px; background:linear-gradient(144deg, #373c57, #202226); box-sizing:border-box;}
.popup_personal .outer {position:relative; height:100%;}
.popup_personal .outer > a {display:flex; align-items:center; height:100%; padding-left:60px;}
.popup_personal .object {position:absolute; top:50%; right:0; z-index:0; transform:translateY(-50%); margin-right:42px;}
.popup_personal .object .img {width:161px; height:161px;}
.popup_personal .object .img img {width:100%; height:100%;}
.popup_personal .object .price {display:none; position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; padding-right:6px; box-sizing:border-box; font-size:0; text-align:center;}
.popup_personal .object .price > * {display:inline-block; margin-left:2px; font-weight:700; color:#e80f00; vertical-align:baseline;}
.popup_personal .object .price > *:first-child {margin-left:0;}
.popup_personal .object .price strong {text-align:center; font-family:'Pretendard-Var','맑은 고딕','Malgun Gothic'; font-size:40px; line-height:27px;}
.popup_personal .object .price em {font-size:18px; line-height:20px;}
.popup_personal .inner {overflow:hidden; position:relative; z-index:1; width:250px;}
.popup_personal .inner .sub {margin-bottom:10px; font-size:16px; color:#fff; text-overflow:ellipsis; white-space:nowrap; opacity:.7;}
.popup_personal .inner .title01,
.popup_personal .inner .title02 {font-weight:700; font-size:24px; color:#fff; line-height:34px;}
.popup_personal .inner .btn_receive {display:inline-block; position:relative; min-width:120px; max-width:90%; height:40px; margin-top:15px; padding:0 44px 0 20px; border-radius:30px; border:1px solid rgba(255,255,255,0.3); box-sizing:border-box; background-color:transparent; font-size:14px; color:#fff; text-align:center; line-height:38px;}
.popup_personal .inner .btn_receive:after {display:inline-block; content:""; position:absolute; top:50%; right:20px; transform:translateY(-50%); width:14px; height:14px; background:url('../images/ico_arrow02.png') no-repeat 0 -24px /14px auto; vertical-align:middle;}
.popup_personal .inner .btn_receive i {display:inline-block; overflow:hidden; width:100%; white-space:nowrap; font-style:normal;}
.popup_personal .popup_close .btn_close {top:0; right:0; width:60px; height:60px; opacity:.4;}
.popup_personal .popup_close .btn_close:before {width:20px; height:20px; background-image:url('../images/ico_personal_close.png');}
.popup_personal.coupon .object {margin:14px 30px 0 0;}
.popup_personal.coupon .object .img {width:200px; height:94px;}
.popup_personal.coupon .object .price {display:flex; justify-content:center; align-items:baseline;}
.popup_personal.toast {top:auto; bottom:40px; width:600px; height:72px; border-radius:33px;}
.popup_personal.toast .outer {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.popup_personal.toast .outer > a {flex:1; justify-content:center; padding-left:0;}
.popup_personal.toast .object {display:inline-block; position:relative; top:auto; right:auto; transform:none; margin:0 20px 0 0; vertical-align:middle;}
.popup_personal.toast .object .img {width:69px; height:69px; margin-right:0;}
.popup_personal.toast .inner {display:inline-block; width:auto; max-width:300px; vertical-align:middle; white-space:nowrap;}
.popup_personal.toast .inner .title01,
.popup_personal.toast .inner .title02 {display:inline-block; margin:0; font-weight:400; font-size:14px; white-space:nowrap;}
.popup_personal.toast .inner .sub,
.popup_personal.toast .inner .btn_receive {display:none;}
.popup_personal.toast .popup_close {height:100%; margin-left:auto;}
.popup_personal.toast .popup_close .btn_close {position:relative; top:auto; right:auto; width:72px; height:100%; opacity:.7;}
.popup_personal.toast .popup_close .btn_close:before {width:16px; height:17px; background-image:url('../images/ico_personal_close2.png');}
.popup_personal.toast.coupon .object .img {width:100px; height:49px;}
.popup_personal.toast.coupon .object .price strong {font-size:20px;}
.popup_personal.toast.coupon .object .price em {font-size:13px;}
.popup_personal.dark .inner .sub,
.popup_personal.dark .inner .title01,
.popup_personal.dark .inner .title02,
.popup_personal.dark .inner .btn_receive {color:#222;}
.popup_personal.dark .inner .btn_receive {border-color:rgba(0,0,0,0.3); }
.popup_personal.dark .inner .btn_receive:after {background-position:0 0;}
.popup_personal.dark .popup_close .btn_close:before {background-image:url('../images/ico_personal_close_dark.png');}
.popup_personal.dark.toast .popup_close .btn_close:before {background-image:url('../images/ico_personal_close2_dark.png');}

/* 2023-04-11 : 카테고리 테마관 배너 이미지 수정 */
.header_wrap .theme_list.small_banner .img_box {height:100%;}
.header_wrap .theme_list.small_banner .img_box img {height:100%; object-fit:cover;}

/* 23-02-20 장바구니 기능 강화 */ /* Main 장바구니 팝업 사이즈 변경 */
.mcart .product_wrap.type3.small .product_cont .pro_img{width:100px; height:100px; border-radius: 10px;}
.mcart .product_wrap.type3.small .product_cont .pro_img:before{border-radius: 10px;}
.mcart .product_wrap.type3.small .product_cont .pimg_box{padding:5px}
.mcart .product_wrap.type3.small .pro_detail .pro_info .info_brand{font-size:13px; min-height: 22px;}
.mcart .product_wrap.type3.small .pro_detail .pro_info .info_name{font-size:13px; margin-top:0; min-height: 21px;}
.mcart .product_wrap.type3.small .pro_detail .pro_info .info_price{flex-direction: row; justify-content: flex-start; height:20px; margin-top:0;}
.mcart .product_wrap.type3.small .p_rate > strong,
.mcart .product_wrap.type3.small .info_price .p_sum > strong{font-size:14px}
.mcart .product_wrap.type3.small .info_price i{font-size:12px}
.mcart .product_wrap.type3.small .info_price .p_rate{margin-right:5px}

/* 23-02-20 장바구니 기능 강화 */
.bn_wrap{margin-top:20px}
.bn_wrap .bn_band_list {width:100%; height:140px; border-radius:20px; overflow: hidden;}
.bn_wrap .bn_cont{position:relative; display:block;}
.bn_wrap .img_box{display:block; overflow: hidden;}
.bn_wrap .text_box{position:absolute; left:60px; top:50%; width:415px; transform: translateY(-50%);}
.bn_wrap .text_box .text_tit{font-size:20px; font-weight:700; color:#fff;}
.bn_wrap .text_box .text_sub{font-size:15px; color:rgba(255,255,255,.7); text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin-top:2px}

.header_wrap .cart_wrap.cart_gnb .add_remove{margin-top:6px; margin-left:-6px}
.header_wrap .cart_wrap.cart_gnb .add_remove .cart_amount{margin-top:0;}
.header_wrap .cart_wrap.cart_gnb .cart_info {border: 1px solid #e0e0e0; border-left:0; border-right:0;}
.header_wrap .cart_wrap.cart_gnb .cost_wrap{margin-bottom:23px}
.header_wrap .cart_wrap.cart_gnb .cart_product{max-height:426px}

/* 22-09-07 : 상품모듈 상품 여백 추가 */
.product_wrap .pimg_box,
.pay_product .pimg_box,
.product_cont_sh .pimg_box{display:inline-block; width:100%; height:100%; box-sizing:border-box;}
/* 23-06-20 : 상품모듈 여백 제거 */
/* w305 */
/* .product_wrap.type2 .pimg_box,
.product_wrap.prod_col3 .pimg_box,
.product_wrap.prod_col3.type1 .pimg_box,
.product_wrap.prod_col4 .pimg_box{padding:32px;} */
/* w260 */
/* .popup_cart_complete .product_wrap.prod_col4 .pimg_box,
.popup_cart_more .product_wrap.prod_col4 .pimg_box,
.popup_recommend_product .product_wrap.prod_col4 .pimg_box{padding:30px;} */
/* w240 */
/* .product_wrap.type1 .pimg_box,
.product_wrap.prod_col5 .pimg_box,
.compare_prod_box .product_wrap.prod_col4 .pimg_box{padding:25px;} */
/* w202 */
/* .product_recommend_wrap .pimg_box,
.product_recommend .pimg_box,
.product_wrap.type1.st01 .pimg_box{padding:16px} */
/* w180 */
/* .pay_product .pimg_box{padding:15px;} */
/* w160 */
/* .product_wrap.type3 .pimg_box{padding:15px;} */
/* w100 */
/* .product_wrap .pro_img.type1 .pimg_box,
.product_wrap_sh.type1 .pimg_box,
.product_wrap_sh.type2 .pimg_box,
.product_cont_sh .pimg_box{padding:5px;} */
/* //23-06-20 : 상품모듈 여백 제거 */

/* 예외 */
.special_order_page .product_wrap.type3 .pimg_box{display:inline; padding:0}
.product_wrap .product_cont.benefit .pimg_box,
.product_wrap .product_cont.brand .pimg_box{padding:0;}


 /* ---------------------------- 2023-06-01 마사 개편 UI 적용 수정 ------------------------------------------ */
 /* Toast */
[data-toast] {display:none; position: fixed; top: 0; left: 0; z-index: 2002; width: 100%; height: 100%;}
[data-toast] > .toast {display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center;}
[data-toast] > .toast > span{display:inline-block; position: relative; width:335px; box-sizing: border-box; border-radius:55px; background-color: rgba(0, 0, 0, 0.85); font-size:14px; color:#fff; line-height: 22px; padding:11px 20px 12px; overflow:hidden;}
[data-toast] > .toast > span a{display:block; position: relative; margin-top: 3px; color: #fff; opacity: 0.6;}
.toast.st01 > span{padding: 14px 20px}
.toast.type2 > span {border-radius: 20px;}
.toast .ico_arrow {position: relative;}
.toast .ico_arrow:after {content: ''; position: absolute; top: 50%; transform: rotate(180deg) translateY(50%); right: -15px; width: 6px; height: 9px; background:url('../images/ico_arrow05.png') 0 0 no-repeat; background-size: 6px 9px;}

.add_remove .btn_ico {display: inline-block; width: 24px; height: 24px}
.add_remove .cart_amount {display:inline-block; width: 50px; height: 40px;}
.add_remove .cart_amount input {display: inline-block; width: 100%; height: 100%; font-size: 16px; font-weight:400; text-align: center;}
.add_remove [class^="btn_grade"] {margin-left: 10px;}

.add_remove.type2 {display:inline-block; font-size:0}
.add_remove.type2 .btn_ico {width:40px; height:40px; border:1px solid #e0e0e0}
.add_remove.type2 .btn_ico.minus {border-radius:6px 0 0 6px}
.add_remove.type2 .btn_ico.plus {border-radius:0 6px 6px 0}
.add_remove.type2 .cart_amount {width:38px; height:40px; margin-top:0; border:1px solid #e0e0e0; border-left:0; border-right:0; box-sizing:border-box}

.add_remove.type2.st02 .btn_ico {width:54px;}
.add_remove.type2.st02 .cart_amount {width:58px}

.popup_preview .add_remove.type2.st02 .btn_ico {width:38px;}
.popup_preview .add_remove.type2.st02 .cart_amount{width:40px}

/* 2024-01-11 : 툴팁 위치 고정 (왼쪽 기본) */
[data-layer-pos="center"] {left:50%; margin-left:-150px;}
[data-layer-pos="right"] {left:auto !important; right:-10px;}

/* 툴팁 */
.form_tooltip{display:inline-block; position:relative; min-height:20px; line-height:16px;}
.tooltip_cont {position:absolute; top:29px; width: 300px; overflow-x: hidden; overflow-y: auto; background-color:#222; border-radius:10px; box-sizing:border-box; padding:16px 50px 16px 20px;}
.tip_txt{font-size:14px; color:#fff; line-height:22px}
.tooltip_cont.type1{left:auto; right:-20px}
/* text + icon */
.btn_tooltip{position:relative; display:inline-block; font-size:16px; line-height:16px; vertical-align:bottom;}
.btn_tooltip::after{visibility:hidden; content:'';display:block;position:absolute; bottom:-11px; right:2px; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid rgba(0, 0, 0, 0.9); opacity:0; transition: .2s ease;}
.btn_tooltip.on::after{visibility:visible; opacity:1; z-index: 1; bottom:-11px; transition: .2s ease; transition-delay: 0.1s;}
.btn_tooltip > i{top:0}
.btn_tooltip > .ico_tooltip{margin-left:5px; vertical-align:top;}
.form_tooltip.stxt .btn_tooltip{background-position:100% 1px; font-size:15px; line-height:16px; color:#616161;}
.form_tooltip .btn_ico.delete.type4 {position:absolute; top:15px; right:15px;}
.tooltip_detail{position:relative; height:100%;}

/* 아이콘 */
.ico_tooltip{position:relative;display:inline-block; width:18px; height:18px; background:url('../images/ico_qmark.png') 0 0 no-repeat; background-size:100% auto; text-indent:-999px; overflow:hidden;}
.ico_tooltip.type2{background:url('../images/ico_qmark03.png') 0 0 no-repeat;}
.form_tooltip.type2 .btn_tooltip:after {display:none}
.form_tooltip.type3 .ico_tooltip{width:20px; height:20px; background:url('../images/ico_qmark02.png') 0 0 no-repeat;}
.form_tooltip.right .tooltip_cont {left:auto; right:-20px}

.tip_cont > .bullet_list > li{color:#fff;}
.tip_cont > .bullet_list > li:before{background:#fff;}
.tip_cont > .bullet_list > li > strong{display:block;}
.tip_cont.type1 .bullet_list > li{margin-top:10px}
.tip_tit{color:#fff; font-size:16px; font-weight:700; margin-top:20px}
.tip_tit:first-of-type{margin-top:0;}

.tip_cont_list{color:#fff;}
.tip_cont_list dt{font-weight:700; line-height:1.5; margin-top:20px}
.tip_cont_list dt:first-of-type{margin-top:0;}
.tip_cont_list dd{font-weight:400; font-size:13px; line-height:1.7}

.tip_txt.bullet_list > li{color:#fff;}
.tip_txt.bullet_list > li:before{background-color:#fff}

/* 24-01-03 표면 할인율 표기 기준 변경 */
.tip_cont .tip_arr{display:flex; justify-content: flex-end; align-items: center; color:#fff; font-size:14px; line-height:24px}
.tip_cont .tip_arr .arr_left{flex:1; font-weight:700;}
.tip_cont .tip_arr .arr_right{font-weight:700;}

/* 팝업 툴팁  */
.popup_layer {padding:25px 30px 30px; border:1px solid #222; border-radius:20px; background-color:#fff; box-sizing: border-box;}
.popup_layer .popup_content {padding:0; overflow:initial}
.popup_layer .popup_close .btn_close {top:11px; right:11px}
.pop_tit {display:block; margin-bottom:16px; font-size:16px; font-weight:700}
.title_b {display:block; margin-bottom:14px; font-size:16px}
.title_s {display:block; margin:16px 0 7px; font-size:12px; font-weight:400;}
.title_r {display:block; margin:35px 0 7px; font-size:13px; color: #616161; font-weight:400;}
.title_m {display:block; margin:16px 0 7px; font-size:14px; font-weight:400;}
.title_b + .title_s {margin-top:0}
.popup_layer .btn_wrap {margin-top:30px}


/* 주문금액/결제정보 */
.total_wrap > [class^="total_"] > .inner {display: flex; justify-content: space-between; align-items: flex-end;}
.total_wrap > [class^="total_"] > .inner.type2 {display: block;}
.total_wrap > [class^="total_"] +[class^="total_"] {margin-top: 18px; padding-top: 18px; border-top: 1px solid #eee;}

.total_wrap .tit {font-size: 16px; position: relative;}
.total_wrap .tit .ico_arrow {position: static;}
.total_wrap .p_amount {text-align: right;}
.total_wrap .p_amount .dollar {display: block;}
.total_wrap .p_amount .won {display: block;}

.total_wrap .total_dc .dc_list {padding-top: 12px;}
.total_wrap .total_dc .dc_list > li {display: flex; justify-content: space-between; align-items: center; line-height: 24px;}
.total_wrap .total_dc .dc_list > li > span {color: #999; font-size: 14px; display:inline-block; max-width:180px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.total_wrap .total_dc .dc_list > li em {font-size: 14px; font-weight:400;}
.total_wrap .total_dc .btn_wrap {margin-top: 14px;}
.total_wrap .total_dc.noSelected a{cursor:default;}
.total_wrap .total_dc.noSelected a span,
.total_wrap .total_dc.noSelected a strong{cursor:text;}

/* type2 - 미리계산하기 스타일 */
.total_wrap.type2 .tit {font-size: 20px;}
.total_wrap.type2 .p_amount {display: flex; align-items: center;}
.total_wrap.type2 .dollar {font-size: 20px; color: #222; font-weight:700;}
.total_wrap.type2 .won {margin-left: 10px; font-size: 16px; color: #999; font-weight:400;}
.total_wrap.type2 .won .kr {font-weight:400;}
.total_wrap.type2 .total_after .p_amount .dollar {font-size: 26px; color: #e80f00;}
.total_wrap.type2 .total_after .p_amount .won {font-size: 24px; color: #999; font-weight:400;}
.total_wrap.type2 .total_after .p_amount .won .kr {font-size: 20px; font-weight:400;}
.total_wrap.type2 > [class^="total_"] > .inner {align-items: center;}

/* 미리계산하기 */
.order_form_list .form_box.type1 .form_inp,
.order_form_list .select_box {max-width: calc(100% - 160px);}
.order_form_list .accordion_cont.on {padding-bottom: 20px;}

.ac_tit_cont{flex:1; display:flex; justify-content:space-between; align-items:center;}
.ac_tit_cont > .tit{font-size:16px; font-weight:700;}
.ac_tit_cont > .price{font-size:16px; color:#222; font-weight:700;}
.ac_tit_cont > .price > i{font-weight:700;}
.ac_tit_cont > .price > strong em{font-weight:700;}
.ac_tit_cont.type1 {justify-content: flex-start;}
.ac_tit_cont.type1 .tit_desc {margin-left: 20px; color: #999; font-size: 14px;}
.ac_tit_cont.type1 .tit_desc i {margin-left: 5px;}

.disinfo_form_list dt{display:flex; justify-content:space-between; align-items:center; margin-top:28px}
.disinfo_form_list dt:first-of-type{margin-top:0}
.disinfo_form_list dd{margin-top:10px}
.disinfo_form_list .select_box + .price {width: 120px; margin-left: 40px; text-align: center; font-weight:700; color:#222; font-size: 15px;}
.disinfo_form_list .form_tit {font-weight:400;}
.disinfo_form_list .btn_box button.all {border-color: #222;}
.disinfo_form_list .form_tooltip.stxt .btn_txt.underline {vertical-align: top;}

.disinfo_partner{padding-top:20px;}
.disinfo_partner + .disinfo_list{padding-top:26px}
.calc_partner {margin-bottom: 20px;}

.disinfo_total > .inner {background-color: #f5f5f5; padding: 26px 40px;}
.disinfo_total .total_dc + .total_after {margin-top: 15px;}
.disinfo_total .total_dc .p_amount .dollar {color:#e80f00;}
.disinfo_total .total_wrap .total_after .p_amount .dollar {font-size: 20px; color:#222;}
.disinfo_total .total_wrap .total_after .p_amount .won {font-size: 16px;}
.disinfo_total .total_wrap .total_after .p_amount .won .kr {font-size: 16px;}
.disinfo_notice > .inner {padding: 26px 40px 0;}

/* Full popup : 미리계산하기 팝업 */
.popup_calculator .popup_content {padding: 0;}
.popup_calculator .popup_bottom .total_after {padding: 20px 20px 25px}
.popup_calculator .disinfo_form_list{padding-top: 10px;}
.popup_calculator .disinfo_form_list dt .form_tooltip.stxt .btn_tooltip {font-size: 13px; color: #616161;}
.popup_calculator .disinfo_form_list dd {margin-top: 4px;}
.popup_calculator .disinfo_form_list .form_tit {font-size: 13px; margin-bottom: 0;}
.calculator_contents > .inner {padding: 36px 40px 65px;}
.calculator_contents .total_before {margin-bottom: 10px;}
.calculator_contents .total_dc .tooltip_cont {left: 70px;}
.calculator_contents .total_dc .dc_list > li > span {color: #616161}
.calculator_contents .total_dc .btn_tooltip {font-size: 14px; color: #616161;}
.calculator_contents .calc_partner .select_box {max-width: 100%;}

/* -------- 상품상세 영역 -------- */
/* 옵션 선택 영역  */
.product_detail_info .product_cont:after {content:''; display:block; clear:both}
.product_detail_info .pro_thum {float:left; width:540px;}
.product_detail_info .product_cont .pro_img {margin-top:20px; overflow: inherit;}
.product_detail_info .product_cont .pro_img:before {display: none;}

/* zoom img  */
.product_detail_info .pro_img .zoom_pointer {display:none; position:absolute; width:70px; height:70px; border: 1px solid #000; border-radius:10px; background-color: rgba(255, 255, 255, 0.4);}
.product_detail_info .pro_img .zoom_view_layer{display:none; position: absolute; top:0; left:584px; width:500px; height:500px; border:1px solid #494949; border-radius:10px; background-color:#fff; z-index:15}
.product_detail_info .pro_img.on .zoom_pointer,
.product_detail_info .pro_img.on .zoom_view_layer{display:block;}
.product_detail_info .product_detail_image.on  .zoom_pointer,
.product_detail_info .product_detail_image.on  .zoom_view_layer{display:block;}
.product_detail_info .zoom_info_txt {margin-top:17px; color:#999; text-align:center}

/* zoom small thum */
.pro_detail_thum {margin-top:36px; font-size:0}
.thum_list {margin: auto; width: 408px;}
.thum_list li {position:relative; display:inline-block; width:72px; height:72px; margin:4.5px; border-radius:6px; box-sizing:border-box}
.thum_list li.on:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #000; border-radius:6px; box-sizing:border-box;}
.thum_list li img{width:100%; height:100%; border-radius:6px;}

.product_detail_info .pro_detail {float:right; width:640px; padding:0}
.product_detail_info .pro_info {margin-top:0}
.pro_info .prd_link {display:flex; align-items:center;}
.pro_info .prd_link .btn_ico {margin-left:20px}
.pro_info .prd_link .btn_border {margin-left:20px}
.pro_info .prd_link .btn_border:hover {color:#222;}
.product_detail_info .pro_info .info_brand {flex:1; font-size:18px; line-height:1.1}/* 25-04-24 상품 속성 필터 추가 */
.product_detail_info .pro_info .info_name {margin-top:8px; font-size:22px; line-height: 28px;}/* 25-04-17 오퍼체계개선 - 상품상세 *//* 26-03-19 26상시개선 상품상세 */
.product_detail_info .pro_info .info_grade {margin-top: 24px;}/* 24-01-03 표면 할인율 표기 기준 변경 *//* 25-04-17 오퍼체계개선 - 상품상세 *//* 26-03-19 26상시개선 상품상세 */

.popup_preview .thum_list li{width:67px; height:67px; margin-left:0;}
.popup_preview  .pro_detail_thum{margin-top:12px}
.popup_preview .product_detail_info .pro_info .info_name{margin-top:14px}

/* 2022 */
.pro_price_info {margin-top:49px; padding-bottom:40px; border-bottom:1px solid #e5e5e5}
.pro_price_info:after {content:''; display:block; clear:both}
.pro_price_info .pro_sale {float:left; color:#e80f00}
.pro_price_info .pro_sale .tit {display:block; margin-bottom:6px; font-size:15px}
.pro_price_info .pro_sale .rate {display:block; font-size:30px; font-weight:700;}
.pro_price_info .pro_sum {float:right; text-align:right}
.pro_price_info .pro_sum .price {display:block; color:#616161;  font-size:15px}
.pro_price_info .pro_sum .price .dollar,
.pro_price_info .pro_sum .price .won span {font-family:'Manrope';}
.pro_price_info .pro_sum .price.logout {color:#222}
.pro_price_info .pro_sum .price.logout .dollar {font-size:30px; font-weight:700;}
.pro_price_info .pro_sum .price.logout .won {font-size:26px}
.pro_price_info .pro_sum .sale_price {margin-top:6px; color:#e80f00}
.pro_price_info .pro_sum .sale_price .dollar {font-size:30px; font-weight:700;}
.pro_price_info .pro_sum .sale_price .won {margin-left:9px; font-size:26px}
.pro_price_info .pro_sum .sale_price .won span {font-family:'Manrope'}
.prd_price_info .prd_sale .tit {float:left; color:#e80f00}
.prd_price_info .prd_sale .price {float:right; color:#616161; font-family:'Manrope';}
.pro_price_info .max_sale {margin-top:8px; font-size:16px; font-weight:700}
.pro_price_info .max_sale .dollar,
.pro_price_info .max_sale .won span {font-weight:700;}
.pro_price_info .login_info {position:relative; display:inline-block; margin-top:10px; font-size:16px;}
.pro_price_info .login_info:after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#222}

/* 퍼블 */
.pro_price_wrap .pro_price_info {padding-top:49px; margin-bottom:40px; border-top:1px solid #e5e5e5}/* 22-08-04 혜택 없음 대비 마크업 추가 *//* 24-01-03 표면 할인율 표기 기준 변경 */
.pro_price_wrap .pro_price_info:after {content:''; display:block; clear:both}
.pro_price_wrap .pro_price_info .pro_sale {float:left; color:#222}
.pro_price_wrap .pro_price_info .pro_sale .tit {display:block; margin-bottom:6px; font-size:15px}
.pro_price_wrap .pro_price_info .pro_sale .rate {display:block; font-size:35px; font-weight:700;}/* 24-01-03 표면 할인율 표기 기준 변경 */
.pro_price_wrap .pro_price_info .pro_sum {float:right; text-align:right}
.pro_price_wrap .pro_price_info .price {display:block; color:#222;}/* 24-01-03 표면 할인율 표기 기준 변경 */
.pro_price_wrap .pro_price_info .dollar,
.pro_price_wrap .pro_price_info .won span {font-weight:400;}/* 24-01-03 표면 할인율 표기 기준 변경 */
.pro_price_wrap .pro_price_info .price .dollar {font-size:35px; font-weight:700;}/* 24-01-03 표면 할인율 표기 기준 변경 */
.pro_price_wrap .pro_price_info .price .won {font-size:24px}/* 24-01-03 표면 할인율 표기 기준 변경 */
/* .pro_price_info .price.logout {color:#222} */
.pro_price_wrap .pro_price_info .sale_price {margin-top:6px; color:#e80f00}
.pro_price_wrap .pro_price_info .sale_price .dollar {font-size:30px; font-weight:700;}
.pro_price_wrap .pro_price_info .sale_price .won {margin-left:9px; font-size:26px}
.pro_price_wrap .pro_price_info .sale_price .won span {font-family:'ManropeR'}
.pro_price_wrap .prd_price_info .prd_sale .tit {float:left; color:#e80f00}
.pro_price_wrap .prd_price_info .prd_sale .price {float:right; color:#616161; font-weight:400;}
.pro_price_wrap .pro_price_info .max_sale {margin-top:8px; font-size:16px; font-weight:700}
.pro_price_wrap .pro_price_info .max_sale .dollar,
.pro_price_wrap .pro_price_info .max_sale .won span {font-weight:700;}
.pro_price_wrap .pro_price_info .login_info {position:relative; display:inline-block; font-size:15px;}/* 24-01-03 표면 할인율 표기 기준 변경 */
.pro_price_wrap .pro_price_info .login_info:after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#222}
.pro_price_wrap .pro_price_info:first-of-type{border-top:0;}/* 22-08-04 혜택 없음 대비 마크업 추가 */
.pro_price_wrap .pro_price_info{margin-bottom:29px;}/* 24-01-03 표면 할인율 표기 기준 변경 */

/* 22-08-04 사은품. 할인율 수정/추가 */
.pro_price_info .max_sale .form_tooltip{vertical-align:bottom; margin-right:2px}
.pro_price_info .max_sale .tip_txt{text-align:left}

.benefit_guide {padding:34px 0 0; border-top:1px solid #e5e5e5}
.benefit_guide .tit {margin-bottom:26px; font-size:20px}
.benefit_guide .tit .name {font-weight:700}

.benefit_down {position:relative; display:flex}
.benefit_down .btn {position:relative; flex:1; padding:19px 50px 19px 20px; font-size:15px; text-align:left; border-radius:10px; background-color:#f5f5f5}
.benefit_down .btn:after {content:''; display:block; position:absolute; top:50%; right:20px; width:16px; height:19px; margin-top:-10px; background: url(../images/ico_download02.png) 0 0 no-repeat;}
.benefit_down .btn.download:after {background:none; content:'완료'; width: auto; color: #616161; font-size: 15px; line-height:1.2;}
.benefit_down .btn .name {overflow:hidden; display:inline-block; vertical-align:top; max-width:150px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.benefit_down .btn:only-child .name {max-width:450px}
.benefit_down .btn + .btn {margin-left:10px}

.popup_preview .benefit_guide{padding-top:24px}
.popup_preview .benefit_down .btn .name{max-width:50px}

.opt_color_select {padding-bottom: 11px;}
.color_list {margin:-5px -4px}
.color_list .list {font-size:0}
.color_list .list .item {position:relative; display:inline-block; margin:5px 4px;}
.color_list .list .item:hover .text_box {display:block}
.color_list .img_box {width:72px; height:72px; border-radius:6px}
.color_list .img_box img {width:100%; height:100%; border-radius:6px}
.color_list .text_box {display:none; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:6px; word-break:break-all; background-color:rgba(34, 34, 34, 0.6) }
.color_list .text_box .tit {display:table; width:100%; height:100%; padding:0 4px; box-sizing:border-box; word-break:all}
.color_list .text_box .tit a {display:table-cell; vertical-align:middle; text-align:center; font-size:16px; color:#fff}
.color_list .text_box .tit a span {display:inline-block; max-height:48px; overflow:hidden}
.color_list .sold_out .out {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(255, 255, 255, 0.8); color: #222}
.color_list .sold_out .out span {font-size: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.popup_preview .color_list .text_box .tit a {font-size:12px;}
.popup_preview .color_list .img_box{width:48px; height:48px}
.popup_preview .color_list .sold_out .out span{font-size:12px}

/* .info_txt_box  + .opt_choice_area {margin-top:40px} */
.opt_choice_area {margin-top: 40px; padding-top:37px; border-top:1px solid #e5e5e5}
.opt_choice_select {margin-bottom: 40px;}
.opt_choice_select:after {content:''; display:block; clear:both}

.popup_preview .opt_choice_area{margin-top:30px; padding-top:27px}
.popup_preview .opt_choice_select {margin-bottom: 30px;}

.opt_select {position:relative; display:inline-block; width: 100%;}
.opt_select .choice_btn {position:relative; padding-right:24px; font-size:20px; line-height: 1;}
.opt_select .choice_btn:after {content:''; display:block; position:absolute; top:50%; right:0; width:14px; height:8px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background: url(../images/ico_arrow08.png) 0 0 no-repeat;}
.opt_select .choice_btn.on:after {transform: translateY(-50%) rotate(-180deg);}

.opt_select_list {position:absolute; top:22px; left:0; width:640px; max-height:500px; overflow-y:auto; padding:0 20px; border-radius:10px; border:1px solid #e5e5e5; background:#fff; box-sizing:border-box}
.option_layer_wrap {width: 100%;}
.option_layer_wrap .inp_checkbox {position: absolute; top: -20px; right: 0;}
.opt_select_list .form_inp {margin-top:19px}
.opt_select_list .list > li {border-top:1px solid #e5e5e5}
.opt_select_list .list > li:first-child {border-top:0}
.opt_select_list .list > li:after {content:''; display:block; clear:both}
.opt_value {position:relative; display:flex; align-items:center; height:90px; font-size: 16px;}
.opt_value .thum {margin-right:16px; display:inline-block;width:74px; height:74px; border-radius:6px}
.opt_value .thum img {width:100%; height:100%; border-radius:6px}
.opt_value .name {flex:1; white-space: nowrap; word-break: break-all; text-overflow:ellipsis; overflow:hidden; font-weight:400;}
.opt_value .name span {color:#e80f00}
.opt_value .name .btn_ico {z-index:2}
.opt_value .opt_choice {position:absolute; top:0; left:0; width:100%; height:100%;}
.opt_select_list .sold_out .name {color:#cacaca;}
.opt_select_list .sold_out_app {color:#999; margin-left: 10px;}

.popup_preview .opt_value{height:70px}
.popup_preview .opt_value .thum{width:48px; height:48px; margin-right:20px;}
/* 2026-03-05 상품 옵션 컬러칩 추가 */
.opt_value .thum {position:relative; margin-right:16px; display:flex; align-items:center; justify-content:center; width:74px; height:74px; border-radius:6px}
.opt_value .thum img {width:100%; height:100%; border-radius:6px}
.opt_value .thum .chip {position:relative; display: inline-block; width:28px; height:28px; background-color: var(--opt-color); border-radius:50%; font-size: 0;}
.opt_value .name {flex:1; white-space: nowrap; word-break: break-all; text-overflow:ellipsis; overflow:hidden; font-weight:400;}
.opt_value .name span {color:#e80f00}
.opt_value .name .btn_ico {z-index:2}
.opt_value .opt_choice {position:absolute; top:0; left:0; width:100%; height:100%;}
.opt_select_list .sold_out .thum {opacity: 0.3;}
.opt_select_list .sold_out .name {color:#999;}
.opt_select_list .sold_out_app {color:#999; margin-left: 10px;}
/* // 2026-03-05 상품 옵션 컬러칩 추가 */

/* 22-08-08 미리보기 수정 */
.popup_preview .option_layer_wrap .opt_ipbg{background-color:#fff; position: absolute; top: -20px; right: 0; width:250px; text-align:right}
.popup_preview .option_layer_wrap .opt_ipbg .inp_checkbox {position:static; top:auto; right:auto;}

.opt_choice_area .opt_result_area {margin-top:15px; overflow-y:auto; max-height:392px}
.opt_choice_area .opt_result_box {position:relative; display:flex; align-items:center; height:124px; padding:20px; border-radius:10px; border:1px solid #e5e5e5; box-sizing:border-box}
.opt_choice_area .opt_result_box .thum {display:inline-block; margin-right:10px; width:74px; height:74px; border-radius:6px}
.opt_choice_area .opt_result_box .thum img {width:100%; height:100%; border-radius:6px}
.opt_choice_area .opt_result_box .prd_info {flex:1}
.opt_choice_area .opt_result_box .prd_name {font-size:16px}
.opt_choice_area .opt_result_box .prd_name .name{display:-webkit-box; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}/* 22-08-24  옵션명 2줄 말줄임 추가 */
.opt_choice_area .opt_result_box .add_remove {margin-top:14px}
.opt_choice_area .opt_result_box .price_box .dollar {font-size:20px; font-weight:700;}
.opt_choice_area .opt_result_box .price_box .won {font-size:20px}
.opt_choice_area .opt_result_box .price_box .won span {font-family:'ManropeR'}
.opt_choice_area .opt_result_box .price_box .price {margin-top:24px}
.opt_choice_area .opt_result_box .btn_ico.remove {position:absolute; top:20px; right:20px}
.opt_choice_area .opt_result_box:only-child .btn_ico.remove {display:none;}
.opt_result_box + .opt_result_box {margin-top:10px}

.popup_preview .opt_choice_area .opt_result_box .price_box .dollar {font-size:16px;}
.popup_preview .opt_choice_area .opt_result_box .price_box .won{font-size:16px}
.popup_preview .opt_choice_area .opt_result_box .thum{margin-right:20px}

.popup_option .opt_choice_area .opt_result_area{margin-top:0;}

/* 22-08-08 미리보기 수정 */
.popup_preview .pro_detail .pro_info .info_name.line_feed {display:block; overflow:hidden; white-space:nowrap; box-sizing:border-box;}
.popup_preview .opt_itemlist{position:absolute; right:0; top:0; font-size:16px; font-weight:700; width:250px; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}/* 22-08-08 미리보기 수정 */

/* 스티키 옵션선택 영역 */
.detail_option_cont {padding: 36px 10px; padding-right: 20px; height: calc(100vh - 290px); overflow: auto; box-sizing: border-box;}
.detail_option_cont .add_remove.type2.st02 .btn_ico{width:38px}
.detail_option_cont .add_remove.type2.st02 .cart_amount{width:38px}
.detail_option_cont .opt_prd_area{display:flex; align-items:center;}
.detail_option_cont .opt_result_box{display:block; height:auto; padding-top: 10px;}
.detail_option_cont .opt_result_box:first-of-type .btn_ico.remove {display:none;}
.detail_option_cont .opt_result_box .price_box .price{margin-top:0;}
.detail_option_cont .opt_result_box .thum{width:72px; height:72px;}
.detail_option_cont .color_picker {margin-top: 15px;}

.detail_option_cont .info_name {font-size: 20px; display: block; margin-bottom: 36px;}
.detail_option_box.none .opt_result_box {border: none; padding: 0;}
.detail_option_box.none .info_name {margin-bottom: 0;}
.detail_option_box.none .opt_result_box .btn_ico.remove {display: none;}
.detail_option_box .opt_select_list{width:360px}

.ditail_option_btn {width: calc(100% - 20px); position: absolute; bottom:10px;}
.ditail_option_btn .price_box {display: flex; justify-content: flex-end; align-items: flex-end; margin-bottom: 40px;}
.ditail_option_btn .price_box .sum {font-size: 16px;}
.ditail_option_btn .price_box .sum i {font-weight:400;}
.ditail_option_btn .price_box .price {margin-left: 20px;}
.ditail_option_btn .price_box .price .dollar {font-size: 30px; font-weight:700;}
.ditail_option_btn .price_box .price .won {font-size: 26px; font-weight:400; margin-left: 5px;}
.ditail_option_btn .price_box .price .won span {font-weight:400;}

.pro_total_info {margin-top:60px}
.pro_total_info:after {content:''; display:block; clear:both}
.pro_total_info .add_remove {float:left}
.pro_total_info .total_sum {float:right; font-size:0; text-align:right; margin-top: -6px;}
.pro_total_info .total_sum .num {display:inline-block; height:auto; margin-top:12px; padding:0; background:none; border-radius:0; vertical-align:middle; font-size:16px; color:#222;}
.pro_total_info .total_sum .num span {font-family:'ManropeR'}
.pro_total_info .total_sum .price {display:inline-block; vertical-align:middle; margin-left:17px}
.pro_total_info .total_sum .price .dollar { font-size:30px; font-weight:700;}
.pro_total_info .total_sum .price .won {margin-left:9px; font-size:26px}
.pro_total_info .total_sum .price .won span {font-family:'ManropeR'}

.pro_total_info .sold_out {clear:both; text-align:right; font-size:26px}
.price_box .sold_out {clear:both; text-align:right; font-size:26px}/* 22-08-11 상품상세 합계 일시품절 케이스 추가 */

.product_detail_info .btn_wrap {margin-top:35px}

.popup_preview .pro_total_info {width:420px; margin-top:0}/* 22-08-08 미리보기 수정 */
.popup_preview .pro_total_info .total_sum{margin-top:0;}

/* Full popup : 상품미리보기 팝업 */
.popup_preview .popup_inner {width:872px; height:766px; max-height: 766px;}
.popup_full.popup_preview .popup_content{overflow-y:hidden}
.popup_preview .popup_content {margin-top: 40px; padding: 0 0 0 30px;}/* 22-08-08 미리보기 수정 */
.popup_preview .popup_bottom {position:absolute; right:0; bottom:40px; width:420px; padding-bottom:0;}
.popup_preview .popup_bottom .btn_wrap {margin-top:30px}/* 22-08-08 미리보기 수정 */
.popup_preview .popup_bottom:after {content:''; display:block; clear:both}
.popup_preview .pro_info .prd_link {margin-top: -9px;}
.popup_preview .pro_thum {width:350px;}
.popup_preview .product_cont .pro_img {margin-top:0}
.popup_preview .pro_img .zoom_view_layer {left:300px;}
.popup_preview .zoom_info_txt {margin-top:0}
.popup_preview .pro_detail {float: none; position: absolute; right: 14px; width:476px;}
.popup_preview .pro_detail > .pro_info {height: 452px; display: flex; flex-direction: column;}/* 22-08-08 미리보기 수정 */
.popup_preview .pro_info .popup_fixed {padding-bottom:0; padding-left: 40px;padding-right:16px}
.popup_preview .pro_info .popup_scroll {padding-left: 40px;padding-right:20px; overflow-x: hidden; overflow-y: auto; flex: 1;}
.popup_preview .pro_detail .info_name.line_feed {overflow: hidden;}
.popup_preview .opt_select_list {width:413px; max-height:340px; top:20px}
.popup_preview .opt_color_select {width: 420px;}
.popup_preview .color_list .list .item {margin: 5px 2px;}
.popup_preview .color_list {margin: -5px -3px;padding-left:1px}

.popup_preview .pro_price_wrap .pro_price_info{padding-top:29px; margin-bottom:22px;}/* 22-08-04 사은품. 할인율 수정/추가 *//* 24-01-03 표면 할인율 표기 기준 변경 */

/* Full popup : 상품옵션선택 팝업*/
.popup_option .popup_inner {height:766px; max-height: 766px;}
.popup_option .pro_price_info {border: none; padding-bottom: 0;}
.popup_option .opt_choice_area {border: none; padding-top: 0;}
.popup_preview.popup_option .pro_detail > .pro_info {height: 452px;}/* 22-08-11 합계 금액 위치 조정 */
.popup_preview.popup_option .pro_total_info{margin-top:6px}

/* 사은품 선택 */
.gift_list li{margin-top:10px}
.gift_list li:first-child{margin-top:0;}

/* 사은품 선택 */
.pick_cont {display: flex; justify-content: space-between; flex-wrap: wrap;}
.pick_cont > .fake_box {width: calc(50% - 5px); position: relative;}
.pick_cont + .sub_title {display:block; margin-top: 36px;}
.pic_img {margin-right: 10px; width:48px; height:48px; border-radius:4px;}
.pic_img > img{width:100%; height:100%; object-fit:contain;}

/* popup - 출국정보관리 */
.popup_departure_manage .pop_cont_bottom{margin-bottom:20px}
.popup_departure_manage .pop_notice_bottom{margin-top:30px}
.depart_trip_list li{position:relative;border-radius:10px;}
.depart_trip_list li + li{margin-top:10px}
.depart_trip_list .trip_btn{display:flex;align-items:center;position:absolute;top:27px;right:30px;z-index:2;}
.depart_trip_list .trip_btn button{padding:10px;font-size:13px;font-weight:400;}
.depart_trip_list .btn_vline{position:relative;line-height:1;}
.depart_trip_list .btn_vline + .btn_vline:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#e0e0e0}
.depart_trip_list .trip_link{display:block;padding:30px;border-radius:10px;border:1px solid #eeeeee;}
.depart_trip_list li.on .trip_link{border-color:#222;}
.depart_trip_list li.end{background-color:#f5f5f5;}
.depart_trip_list li.end .trip_link{opacity:0.25;}
.trip_link .trip_time{font-size:18px;font-weight:700;}
.trip_link .trip_airarea{margin-top:15px}
.trip_link .air_name{font-size:15px;}
.air_info{display:flex;align-items:center;margin-top:5px}
.air_cont{display:flex;align-items:center;position:relative;font-size:15px;color:#616161;max-width:49%;box-sizing:border-box}
.air_cont + .air_cont{margin-left:8px;padding-left:30px}
.air_cont + .air_cont:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);margin-top:1px;width:22px;height:10px;background:url('../images/ico_fly.png')no-repeat 0 50%/22px auto}
.air_cont .flow{display:inline-block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.air_cont .fix{margin-left:3px}

/* popup - 정보등록 */
.popup_departure_info .departure_info_list > ul > li{display:flex;}
.popup_departure_info .departure_info_list > ul > li.is-hide {display:none;}
.popup_departure_info .departure_info_list > ul > li + li{margin-top:20px}
.popup_departure_info .departure_info_list .form_tit{padding-top:10px;width:150px;font-weight:400;}
.popup_departure_info .departure_info_list .form_box,
.popup_departure_info .departure_info_list .form_group{flex:1}
.popup_departure_info .departure_info_list .form_box .form_inp{width:100%}
.popup_departure_info .departure_info_list .form_box > div + div{margin-left:10px}
.popup_departure_info .departure_info_list .form_info{margin-top:5px}
.popup_departure_info .departure_info_list .form_box > .btn_wrap{display:block;}
.popup_departure_info .departure_info_list + .btn_wrap{margin-top:16px;}
.popup_departure_info .info_box{margin-bottom:30px;}
.popup_departure_info .info_box .text{font-size:16px;}
.popup_departure_info .info_box .text > span{font-weight:700;}

 /* Full popup : 간편결제팝업 */
.popup_pay .popup_inner {height:730px;}
.popup_pay .popup_content {padding:40px 40px 25px;}
.popup_inner .popup_bottom .btn_wrap {display:flex; margin-bottom:0;}
.popup_inner .popup_bottom .btn_wrap > [class^="btn_grade"] {flex:1;}

/* Full popup : 장바구니 - 크로스셀링 추천상품 - 2022-07-06 장바구니 팝업 관련 수정 */
.popup_cart .popup_head > .title .btn_border{margin-left:34px;}
.popup_cart .popup_content {padding-bottom: 40px; background-color: transparent;}
.popup_cart .popup_cart_complete .btn_wrap {flex-direction: column; align-items: center; padding: 50px;}
.popup_cart .popup_cart_complete .btn_wrap .main_title {font-size: 20px; margin: 16px 0;}
.popup_cart .popup_cart_complete .sub_title {font-size: 24px; margin: 0 0 30px; line-height: 1;}
.popup_cart .product_wrap.prod_col4 .pro_img{width:100%;height:100%}

/* 간편결제 팝업 상품정보 */
.pay_product .product_cont {display: flex;}
.pay_product .pro_img {width: 180px; height: 180px; margin-right: 20px; flex:0 0 180px;}
.pay_product .pro_img::before {display: none;}
.pay_product .pro_detail {padding: 0; max-width:280px; flex:1;}
.pay_product .pro_detail .pro_info {display: flex; flex-direction: column; margin-top: 5px;}
.pay_product .pro_info .info_brand {font-weight: normal}
.pay_product .pro_info .info_name {font-weight:700; font-size: 20px}
.pay_product .info_price .p_sum {display: flex; flex-direction: column;}
.pay_product .pro_info .info_price {order: 2; text-align: right; margin-top:20px;}
.pay_product .info_price .p_sum > strong {font-size: 20px; color: #e80f00;}
.pay_product .info_price .p_sum > i {font-size: 32px; color: #e80f00; font-weight:700;}
.pay_product .add_remove {order: 1; margin-top: 12px;}

/* 간편결제 팝업 결제정보 */
.pay_steps {padding-top: 30px;}
.pay_steps [class^=info] {position: relative; display: flex; justify-content: space-between; align-items: center; padding: 12px 30px 13px; padding-right: 25px; border-radius: 10px; border: 1px solid #eee;}
.pay_steps [class^=info] + [class^=info] {margin-top: 10px;}
.pay_steps [class^=info] > .pay_cost {font-size: 16px; font-weight:700; margin-right: 20px;}
.pay_steps [class^=info] > .pay_cost> i {margin-right: 3px;}
.pay_steps [class^=info] [class$=text] {display: flex; flex-direction: column;}
.pay_steps [class^=info] [class$=text] > .pay_tit {font-size: 16px;}
.pay_steps [class^=info] [class$=text] > .pay_txt {font-size: 13px; color: #616161}
.pay_steps [class^=info] [class$=text] > .pay_txt > b {margin-left: 2px; color: #222}
.pay_steps .info_dc {border: none; background-color: #f5f5f5; padding: 15px 30px;}
.pay_steps .info_dc .dc_text > span {font-size: 15px; margin-top: 4px}
.pay_steps [class^=info]:after {content: ''; width: 7px; height: 14px; position: absolute; top: 50%; right: 25px; transform: translateY(-50%) rotate(180deg); background: url('../images/ico_arrow04.png') 0 -18px/cover no-repeat;}

/* 간편결제 카드관리 Iframe 대응 */
.popup_full .popup_inner > iframe#kicceasypayIFrame {flex:1; box-sizing:border-box; border:0;}
/* KICC 간편결제카드관리 : 본인인증 화면 */
.popup_full.shadow .popup_inner.type2{min-height:550px; max-height: 550px; box-shadow: 0 12px 20px 5px rgba(0, 0, 0, .2);}
[data-full-layer].show.isAnimate.shadow{background:none}

.card_join .paycard_wrap {padding:0; text-align: center;}
.card_join .btn_txt.more{display:block;padding:60px 0 46px;}
.card_join .btn_txt.more .join_txt {font-weight:400; font-size: 14px; color: #616161; margin-top: 17px; line-height:1.5;}

.paycard_wrap {display: block; position:relative; padding: 40px 0 15px; border-radius: 10px; background-color: #f5f5f5; overflow: hidden;}
.paycard_list > li{width: 320px; height: 202px; border-radius:20px;}
.paycard_list > li .card_kind_box {width:100%; opacity:0.3; transform: scale(0.75); -webkit-transition: 0.2s linear; transition: 0.2s linear; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 8%); border-radius: 20px; overflow: hidden;}
.paycard_list > li.swiper-slide-active .card_kind_box {opacity:1; transform: scale(1)}
.paycard_info {margin-top: 15px; font-size: 16px; text-align: center;}
.paycard_info .card_name {display: block; margin-bottom: 4px;}
.paycard_info .banner_paging {font-size: 0;}
.paycard_info .banner_count {font-size: 13px; font-weight:400;}
.paycard_info .banner_count .current {color: #e80f00;}
.paycard_info .banner_count .total {color: #999;}

/* 간편결제 카드 스와이프 버튼영역 수정 */
.paycard_area.paycard1 .swiper_hide_arrow {width: 380px; top: -85px; position: relative; margin: 0 auto;}
.paycard_area.paycard1 .swiper_hide_arrow button {opacity: 1; width: 260px; height: 260px; background-color: transparent; box-shadow: none; border-radius: 0;}
.paycard_area.paycard1 .swiper_hide_arrow.small button:after{width: 30px; height: 30px; background-color: #fff; opacity: 1; border-radius: 6px; background-position: center 9px; opacity: 1;}
.paycard_area.paycard1 .swiper_hide_arrow button.swiper-button-disabled:after{background-position-y: -13px; transition: none;}
.paycard_area.paycard1 .swiper_hide_arrow button.swiper_prev{left: -230px;}
.paycard_area.paycard1 .swiper_hide_arrow button.swiper_next{right: -230px;}
.paycard_area.paycard1 .swiper_hide_arrow button.swiper_prev:after{margin-left:100px; box-shadow: 0 2px 5px 2px rgb(0 0 0 / 10%);}
.paycard_area.paycard1 .swiper_hide_arrow button.swiper_next:after{margin-left:-100px; box-shadow: 0px -2px 5px 2px rgb(0 0 0 / 10%);}

/* 간편결제 완료 팝업 */
.easypay_cont{padding-top:28px}
.easypay_cont .finish_cont.sum .finish_head{padding-bottom:15px}
.easypay_cont .finish_cont{margin-top:25px}
.easypay_cont .finish_head{margin-bottom:12px}
.easypay_cont  .info_edit.type1 .form_box{flex:1;}

/* 22-08-23 : 간편결제 카드관리 iframe */
.popup_full.pop_easyadmin .popup_content{padding:0; position:relative;}
.popup_full.pop_easyadmin .pop_iframe{border:none;}
.easyadmin_cont{padding:34px 20px 100px;}
.easyadmin_cont .btn_wrap{position:fixed; bottom:0; width:calc(100% - 40px); background-color:#fff; padding-top:20px}/* 22-11-10 KICC 간편결제카드관리 > 본인인증 화면
 */
.easyadmin_form{padding:0 20px}
.easyadmin_form li{position:relative; padding:10px 0 10px 150px;}
.easyadmin_form .form_tit{position:absolute; left:0; top:16px;}
.easyadmin_form .form_tit.c2{top:8px; line-height:1.3}
.eadmin_top{position:relative; padding-right:110px; margin-bottom:26px; padding:0 20px}
.eadmin_top .eadmin_txt{font-size:20px; font-weight:600}
.eadmin_top .eadmin_prev{position:absolute; min-height:20px; right:20px; top:50%; background:url('../images/ico_reset.png') 0 50% no-repeat; padding-left:21px; transform:translateY(-50%);}
.eadmin_top .eadmin_prev > span{font-size:16px;}
.easyadmin_cont .password_wrap{background-position:50% 56px; padding-top:80px;}

/* 22-10-11 : 카드관리 iframe 추가 */
.easyadmin_cont.pop_cardeasy{padding-left:40px; padding-right:40px}
.easyadmin_cont.pop_cardeasy .btn_wrap{position:static; bottom:auto; width:100%;}

/* 2022-06-24 : 팝업 내 연락처 수정 상태 UI 수정 (PO001-P32, PO002-P04, PO002-P12) */ /* 22-08-16 수정 */
.reconfirm_list .info_edit,
.easypay_cont .info_edit,
.customer_info_wrap .info_edit {display:block; position:relative;}
.reconfirm_list .info_edit > .text,
.easypay_cont .info_edit > .text,
.customer_info_wrap  .info_edit > .text {position:absolute; right:0; top:0;}
.reconfirm_list .info_edit .form_box,
.easypay_cont .info_edit .form_box,
.customer_info_wrap  .info_edit .form_box {flex-wrap:wrap; align-items:flex-start; margin-left:0; margin-top:10px;}
.reconfirm_list .info_edit .form_box.phone .form_select,
.easypay_cont .info_edit .form_box.phone .form_select,
.customer_info_wrap  .info_edit .form_box.phone .form_select {max-width:170px;}

/* 결제수단 선택 */
.pop_sort_cardlist li{margin-top:10px;}
.pop_sort_cardlist li:first-child{margin-top:0;}

.card_choose{display:flex; justify-content:flex-start; align-items:center; border:1px solid #eee; border-radius:10px; padding:20px 30px;}
.choose_cardimg{width:100px;}
.choose_cardimg img{width:100%;}
.choose_cardinfo{flex:1; margin-left:20px; overflow:hidden;}
.choose_cardinfo .badge{display:inline-block; border:1px solid #e80f00; border-radius:10px; box-sizing:border-box; font-size:12px; color:#e80f00; line-height:20px; padding:0 10px}
.choose_cardinfo .name{font-size:16px; font-weight:700; margin-top:6px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.choose_cardinfo .number{font-weight:400; font-size:13px; color:#999;}
.pop_sort_cardlist + .link_bar{margin-top:30px}

/* 아코디언 - arrow(장바구니, 주문결제) */
.accordion_wrap [data-acn-menu] {cursor: pointer;}
.accordion_wrap .ico_arrow {display: inline-block; width: 20px; height: auto; position: relative; vertical-align: middle;}
.accordion_wrap .ico_arrow:after {content: ''; position: absolute; top: 50%; right: 0; width: 14px; height: 7px; background: url('../images/ico_arrow14.png') 0 0 no-repeat; background-size: 14px 7px; transform: translateY(-50%) rotate(180deg);}
.accordion_wrap .ico_arrow.small:after {width: 10px; height: 5px; background: url('../images/ico_arrow09.png') 0 0 no-repeat; background-size: 10px 5px; transform: translateY(-50%) rotate(0deg);}
.accordion_wrap .ico_arrow.big:after {width: 20px; height: 10px; background: url('../images/ico_arrow14.png') 0 0 no-repeat; background-size: 20px 10px; transform: translateY(-50%) rotate(-180deg);}
.accordion_wrap .ico_arrow.on:after {transform: translateY(-50%) rotate(0deg);}
.accordion_wrap .on .ico_arrow:after {transform: translateY(-50%) rotate(0deg);}
.accordion_wrap .on .ico_arrow.small:after {transform: translateY(-50%) rotate(-180deg);}

/* Type2 라인 */
.accordion_wrap.type2 > li{border-top:1px solid #f5f5f5; margin-top:17px; padding:16px 0 0;}
.accordion_wrap.type2 > li:first-child{border-top:none; margin-top:0;}
.accordion_wrap.type2 .accordion_tit{padding:0;}
.accordion_wrap.type2 .accordion_cont{margin-top:16px}
.accordion_wrap.type2 .accordion_tit > .ac_tit{font-size:16px; font-weight:700;}
.accordion_wrap.type2 .ac_tit_cont.on .accordion_btn:after{margin-top: -5px; transform: rotate(180deg);}
.accordion_wrap.type2 .ac_tit_cont{justify-content:flex-end;}

.accordion_cont {display:none;}
.accordion_cont.on{display:block;}
.accordion_tit {/*z-index:10;*/display:flex;position:relative; padding:16px 0 16px;}
.accordion_tit.on .accordion_btn:after {transform: translateY(-50%) rotate(-180deg);}
.accordion_tit > .tit {position:relative; font-size:14px;}
.accordion_tit .sub_title {display: block; font-size: 16px;}
.accordion_btn {display:flex;align-items:center;width:20px;height:18px;padding-left: 14px}
.accordion_btn:after {content: ''; display:block; position:absolute; top:50%; right:0; width:14px; height:8px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url('../images/ico_arrow08.png') 0 0 no-repeat; background-size:14px auto; }
.accordion_btn.on:after {margin-top:-3px; transform:rotate(180deg)}

/* Full popup : 위시리스트 - SNS 공유하기 팝업 */
.popup_full.popup_share > .popup_inner {width: 494px;}
.popup_full.popup_share .popup_content{padding:0 40px}
.popup_full.popup_share .popup_wish_share{margin-bottom:45px}
.popup_full.popup_share .share_imgbox {position:relative;width: 100%; height: 220px; border-radius: 20px; text-align: center; overflow: hidden;}
.popup_full.popup_share .share_imgbox img {height: 100%}
.popup_full.popup_share .popup_wish_share.benefit .share_imgbox img{width:100%;height:100%;object-fit:cover;}
.popup_full.popup_share .popup_wish_share.brand .share_imgbox:before{content:'';z-index:2;display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.03);}
.popup_full.popup_share .popup_wish_share.brand .share_imgbox img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:auto;height:auto;}
.popup_full.popup_share .share_title {font-size: 18px; display: block; margin-top: 16px;}
.popup_full.popup_share .share_desc {font-size: 18px; color: #616161;}
.popup_full.popup_share .popup_bottom {padding: 0 40px 40px}
.popup_full.popup_share .sns_list {padding:10px 0; font-size:0; text-align:left;}
.popup_full.popup_share .sns_list .btnShareSms {display:inline-block; width:48px; height:48px; background:url('../images/ico_sns_copy.png') no-repeat 0 0 /100% auto; font-size:0;}
.popup_full.popup_share .sns_list #lv-widget {display:inline-block; vertical-align:top;}
.popup_full.popup_share .sns_list iframe {display:inline-block; width:204px !important; height:48px !important; vertical-align:middle;}

/* popup - 주문결제 > 바로구매 > 고객/출국정보 */
.popup_customer_departure .popup_content{padding:40px}
.popup_customer_departure .tab_contents{margin-top:20px}
.popup_customer_departure .departure_info_wrap .departure_notice{margin-top:30px;color:#616161}
.popup_customer_departure .departure_info_wrap .departure_notice span{color:#222222;border-bottom:1px solid #222222}
.popup_customer_departure .link_bar{margin-top:30px;}
.link_bar{display:block;position:relative;padding:18px 30px;border-radius:10px;background:#f5f5f5}
.link_bar:before{content:'';display:block;position:absolute;top:50%;right:25px;transform:translateY(-50%) rotate(-90deg);width:14px;height:7px;background:url('../images/ico_arrow08.png')no-repeat 0 0/14px auto;}
.link_bar .title{display:flex;align-items:center}
.link_bar .title{font-size:16px}
.link_bar .title > .name{display:inline-block;padding-right:10px;max-width:75%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.link_bar .text{display:block;font-size:15px;color:#616161}
.link_bar.type2{padding:13px 30px;background:#fff;border:1px solid #eeeeee}
.link_bar.type2 .text{font-size:13px;}
.link_bar.type2 .text em{font-weight:700;color:#222}
.info_box_list{padding:28px 30px;background:#f5f5f5;border-radius:10px;}
.info_box_list > ul > li{display:flex;justify-content:space-between;font-size:15px}
.info_box_list > ul > li + li{margin-top:10px}
.info_box_list li > .tit {color: #999;}
.info_box_list li > .title{display:flex;padding-right:10px;align-items:center;color:#616161}
.info_box_list li > .title a{margin-left:5px;font-size:13px;border-bottom:1px solid #616161;line-height:1.2;}
.info_box_list li .text {color: #222}
.info_box_list li em {font-weight:400;}
.info_box_list li strong em {font-weight:700;}
.info_box_list li .text.st01 {font-weight:700; font-size: 16px;}
.info_box_list li .text.st01 em {font-weight:700;}
.info_box_list.type1 {padding: 8px 20px; font-size: 13px;}
.info_box_list.type1  > ul > li {font-size: 13px;}

.info_edit .form_box{position:relative; flex:1; text-align:right; margin-left:20px}
.info_edit .form_box .form_select{margin-left:0;}
.info_edit .form_box .form_inp{flex:1;}
.info_edit.type1 .form_box{flex:0 0 60%}

 /* list type */
.notice_wrap.st01 {background-color: #fafafa; padding: 36px 0;}
.notice_wrap .notice_title {font-size: 16px;}
.notice_wrap .notice_title.st01 {font-size: 18px;}
.notice_wrap .bullet_list{margin-top: 12px; padding: 26px 30px; background:#f5f5f5; border-radius: 10px; color: #616161;}
.notice_wrap .bullet_list strong,
.notice_wrap .bullet_list a {color: #222}
.notice_wrap .bullet_list .mark {color: #e80f00 !important;}
.notice_wrap.type2{padding:20px 30px;background:#f5f5f5;border-radius:4px}
.notice_wrap.type2 .notice_title{font-size: 14px; color:#616161;font-weight:400;}
.notice_wrap.type2 .bullet_list{margin:5px;padding:0;}
.notice_wrap.type3 .bullet_list{background:none; padding:0;}
.notice_wrap.type4 .notice_title{font-size: 14px; color:#616161}
.notice_wrap.type4 .bullet_list{background:none; padding:0; margin-top:0;}
.notice_wrap.type4 .bullet_list li{margin-top:0;}
.terms_wrap .terms_desc {font-size: 14px; color: #616161;}
.terms_wrap .title_b{margin-bottom:8px}
/* 리스트 안의 리스트 */
.bullet_list .list_tit {display: block; margin-bottom: 4px;}
.bullet_list .list_txt {line-height: 1.75; margin-bottom: 12px;}
.bullet_list .list_txt > li p {margin-left: 10px;}
.bullet_list .list_txt .bullet_list,
.bullet_list .list_txt .number_list {margin-top: 0; margin-left: 10px;}
.bullet_list .list_txt .number_list .bullet_list {margin-left: 0;}
.bullet_list .list_txt .bullet_list > li,
.bullet_list .list_txt .number_list > li {font-size: inherit; line-height: inherit;}
.bullet_list .list_txt.type1 > li {position: relative; padding-left: 10px;}
.bullet_list .list_txt.type1 > li:before {content: '-'; display: block; position: absolute; left: 0;top: 0; font-size: inherit;color: #616161;}
.bullet_list .list_txt.type1 > li.star:before {content: '*';}

/* 폼 영역 */
.form_area + .form_area_tit {margin-top: 25px;}
.form_area.type1{padding:0 30px}
.form_area_list > li{display:flex; margin-top:20px}
.form_area_list > li:first-child{margin-top:0;}
.form_area_list.type1{flex-wrap:wrap; flex-direction:column;}
.form_area_tit{flex:0 0 170px; font-size: 15px; color: #616161; padding-top:5px;}
.form_area_tit.type1 {display: flex; justify-content: space-between; align-items: center;}
.form_area_tit > .tit{font-size:20px; font-weight:700; color: #222;vertical-align:middle;}
.form_area_tit .form_tooltip .tit{position:relative;font-size:20px; font-weight:700; color: #222;}
.form_area_tit > .form_tit{margin-bottom:0;}
.form_area_tit a{vertical-align:2px;}
.form_area_tit .form_tit.text{color:#222; font-weight:700;}
.form_area_cont{flex:1;}
.form_area_cont .form_box.type1 .btn_box{width:auto; margin-left:10px}
.form_area_cont .form_box.type1 .btn_box [class^="btn_grade"] + [class^="btn_grade"] {margin-left: 6px;}
.form_area_cont .width1{width:545px;}
.form_area_cont .width2 {width:407px;}
.form_area_cont .width3 {width:437px;}
.form_area_cont .width4 {width:198px;}
.form_area_cont [class^="inp_"]{margin-left:120px;}
.form_area_cont [class^="inp_"]:first-of-type{margin-left:0;}
.form_area.type1 .form_area_list > li{display:block; margin-top:50px}
.form_area.type1 .form_area_list > li:first-child{margin-top:-5px;}
.form_area_list.type1 .form_area_cont{margin-top:25px}
.form_area_list li.form_btn_area{display:block; text-align:center; padding-bottom:10px}
.form_conts{display:flex;}
.form_conts .form_tit{font-weight:400;}
.form_conts .form_tit > strong{display:inline-block;}
.form_conts .form_area_cont{text-align:right;}
.form_txt{display:block; font-size:16px; padding-top:5px}
.form_txt .tel_num{display:inline-block; margin-right:6px}
.form_conts.type_txt{margin-top:-5px}
.form_conts .form_box{text-align:left;}
.form_conts.type1{justify-content:space-between; align-items:center;}

/* -------- 공통 컨텐츠 / 레이아웃 -------- */
/* 라벨박스 */
.fake_box > input{position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
.fake_box label{position:relative; display:flex; justify-content:space-between; align-items:center; min-height: 70px; border:1px solid #eee; border-radius:10px; box-sizing:border-box; padding:10px 20px;}
.fake_box label::after{display:block; content:''; position:absolute; top:50%; right:20px; width:22px; height:22px; background:url('../images/ico_radiobox.png') 0 0 no-repeat; background-size:22px auto; margin-top:-11px}
.fake_box .target{flex:1; margin-right:20px; overflow:hidden;}
.fake_box .target .target_name{color:#616161; font-size:14px; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.fake_box .target .target_txt{width:100%; font-size:15px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.fake_box > input:checked + label{border-color:#222}
.fake_box > input:checked + label::after{background-position:0 -32px;}

.fake_list li{margin-top:10px;}
.fake_list li:first-child{margin-top:0;}

/* 하트아이콘 + 텍스트 */
.ck_like_box {display: flex; align-items: center;}
.ck_like_box .ck_like {margin-right: 10px;}

/* 안내 박스 */
.history_contents .desc {margin-top:50px; padding: 15px 20px; font-size: 14px; color: #999; background-color: #f5f5f5; border-radius: 10px;}

/* 결과 없음 */
.no_result {padding: 160px 0; text-align: center; color: #222; font-size: 15px;}
.no_result > strong {display: block; font-size: 20px;}
.no_result > a {margin-top: 20px;}
.no_result.coupon{background:url('../images/img_nocoupon.png') 50% 110px no-repeat; padding:210px 0 100px;}
.ico_wrap {position: relative; display: block; width: 81px; height: 81px; margin: auto; background-color: #eee; border-radius: 50%; margin-bottom: 25px;}
.ico_wrap .ico_point:after {content:''; position: absolute; top: 50%; left: 50%; width: 5px; height: 22px; background: url(../images/ico_point.png); transform: translate(-50%,-50%);}
.no_result .txt {font-size: 20px;}
.no_result .sub_txt {font-size: 16px; color: #616161; margin-top: 12px;}

.no_result.type02 {padding:40px 0; font-size:15px}/* 22-09-03 결과없음 간격 수정 */
.no_result.type02 .ico_wrap {width:100px; height:100px; margin-bottom:29px}

/* 마이신라 - 재입고알림신청 */
.date_select.type1 .form_inp {width: 140px;}
.date_select .form_inp + .form_inp {margin-left: 30px;}
.date_select .form_inp + .form_inp:before {content:''; width: 12px; height: 2px; background-color: #000; position: absolute; top: 50%; left: -21px; transform: translateY(-50%);}
.rewhse_cont .date_select{margin-top:20px}
.rewhse_cont .date_select.type1 .form_inp{width:auto;}
.pop_rewhse_txt{font-size:13px; color:#616161; margin-top:5px}
.rewhse_cont .notice_wrap{margin-top:60px;}
.re_comp_tit{font-size:24px; font-weight:700;}
.re_comp_product{position:relative; min-height:150px; box-sizing:border-box; padding-left:165px;}
.comp_pro_img{position:absolute; top:0; left:0;}
.comp_pro_img .comp_img{display:inline-block; width:150px; height:150px; box-sizing:border-box; padding:15px;}/* 22-09-07 : 상품모듈 상품 여백 추가 */
.comp_pro_img .comp_img > img{width:100%; height:100%; object-fit:cover;}
.comp_pro_brand{font-size:15px;}
.comp_pro_name{font-weight:700; font-size:20px; margin-top:5px; text-overflow: ellipsis; word-wrap: normal; overflow: hidden; display:-webkit-box; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-all; max-height:58px}
.pop_rewhse_complete .popup_inner{min-height:auto;}
.pop_rewhse_complete .popup_head .btn_wrap{margin-top:36px; margin-bottom:0;}
.re_comp_comt{margin-top:20px;}
.re_comp_comt .comt_txt{font-size:15px;}
.rewhse_complete{margin-top:20px;}
.rewhse_complete .info_box_list{margin-top:30px}
.re_comp_tit{margin-top:52px}
.re_comp_list{margin-top:36px}
.re_comp_list .product_wrap.type1 .product_box{width:230px;margin-left:0;}
.re_comp_list .product_wrap.type1 .product_box:nth-child(even){margin-left:20px;}

/* 마이신라 - 주문가능시간 */
.popup_order_time .order_time_wrap{padding:40px 0 0}
.popup_order_time .order_time > ul > li{display:flex;justify-content:space-between}
.popup_order_time .order_time > ul > li + li{margin-top:20px}
.popup_order_time .order_time > ul > li > .form_tit{flex-shrink:0;margin-top:10px;padding-right:10px;width:150px;box-sizing:border-box}
.popup_order_time .order_time > ul > li .form_box,
.popup_order_time .order_time > ul > li .form_wrap{flex:1}
.popup_order_time .order_time > ul > li .form_wrap .form_box + .form_box{margin-top:20px}
.popup_order_time .order_time > .btn_wrap{margin-top:30px}
.popup_order_time .order_time_box{margin-top:40px}
.popup_order_time .order_time_box .title{font-size:18px}
.popup_order_time .order_time_box .title > span{font-size:20px}
.popup_order_time .order_time_box .text{font-size:16px}
.popup_order_time .order_time_box .time_text .time,
.order_time_notice .time{padding:1px 6.5px 2px;font-size:13px;color:#e80f00;background:#fdf5f4}
.popup_order_time .order_time_box .time_text{font-size:14px;color:#999999}
.popup_order_time .order_time_info{margin-top:60px}
.popup_order_time .order_time_info > .info_title{font-size:20px}
.popup_order_time .order_time_info > .tab_wrap{margin-top:20px}
.popup_order_time .order_time_info .tab_menu > li{width:auto;}
.popup_order_time .order_time_info .tab_content{margin-top:20px; min-height:300px}
.popup_order_time .order_time_info .form_table tbody td{vertical-align:top}
.order_time_notice{margin-top:20px}
.order_time_notice .time + .time{margin-left:6px}

/* popup - 제휴할인 팝업 */
.partner_title{font-size:24px; font-weight:700; margin-top:2px}
.partner_cont .title{font-size:16px; font-weight:700;}
.partner_cont .title > span{color:#e80f00}
.partner_cont .bullet_list{margin-top:7px}
.partner_cont .bullet_list li{color:#616161}
.partner_cont .btn_wrap{margin-top:30px;}/* 2022-08-25 : 간격 수정 */
.partner_confirm > .title{font-size:15px; font-weight:400; line-height:1.5}
.confirm_wrap{display:flex; margin-top:20px}
.confirm_wrap li{position:relative; flex:1; min-height:160px; background-color:#f5f5f5; border-radius:10px; box-sizing:border-box; margin-left:6px; padding:20px;}
.confirm_wrap li:first-child{margin-left:0;}
.confirm_wrap .txt{font-size:15px; color:#616161; line-height:1.5}
.confirm_wrap .txt span{display:block;}
.confirm_wrap .rate{position:absolute; right:15px; bottom:10px; font-size:16px; text-align:right; vertical-align:bottom;}
.confirm_wrap .rate_num{display:inline-block; font-weight:400; font-size:32px; margin-left:5px}
.confirm_wrap .rate_num > i{font-weight:700; font-size:36px}
.partner_agree{margin-top:35px}/* 2022-08-25 : 간격 수정 */

.form_list li{margin-bottom:16px;}/* 2022-08-25 : 간격 수정 */
.form_list li:last-child{margin-bottom:0;}
.form_list li .form_tit{font-size:13px;}/* 2022-08-25 : 폰트 추가 */

/* 23-07-14 제휴할인 제한 금액 추가 */
.form_terms{width:450px; box-sizing: border-box; margin-top:6px; padding-left:10px;}
.form_terms .ft_max{font-size:13px; color:#e80f00; font-weight: bold;}
.form_terms .ft_list{margin-top:2px}
.form_terms .ft_list::after{content:''; display:block; clear:both;}
.form_terms .ft_list li{box-sizing:border-box; float:left; width:calc(100% / 2); position:relative; font-size:13px; color:#999; line-height: 22px; padding-left:6px;}
.form_terms .ft_list li::before{display:block; position:absolute; left:0; top:0; content:'·'; color:#222;}
.form_terms .ft_list li > span{color:#222}

/* 2023-09-12 : 쇼핑히스토리 개선 */
.quick_menu .cont > .inner.quick_history .cont_filter_area .filter_sort {line-height:1;}
.quick_menu .cont > .inner.quick_history .cont_filter_area .filter_sort button {font-weight:700; line-height:14px; vertical-align:top;}
.quick_menu .cont > .inner.quick_history .cont_filter_area .filter_sort button i {display:inline-block; line-height:14px; vertical-align:top;}
.quick_menu .cont > .inner.quick_history .cont_filter_area .filter_sort button.edit {padding-left:24px; background:url('../images/ico_edit.png') no-repeat 0 3px /15px auto;}
.quick_menu .cont > .inner.quick_history .cont_filter_area > *:last-child {margin-left:auto;}
.quick_menu .cont > .inner.quick_history .cont_filter_area .filter_sort .sort_num[style="dispaly:none"] + button:before,
.quick_menu .cont > .inner.quick_history .cont_filter_area .filter_sort .sort_num[style="dispaly: none"] + button:before {display:none;}

/* 2023-11-07 : 쇼핑히스토리 디자인 수정 */
.quick_menu .cont > .inner.quick_history .personal_list.history .swiper_arrow {margin-top:-15px;}

/* 23-03-02 첫구매 *//* 제거 케이스 추가 */
.breadcrumb.unex{margin-bottom:0;}
.breadcrumb.unex .native{display:none}

/* 24-01-03 표면 할인율 표기 기준 변경 */
.pro_price_info .pro_sum{float:none;}
.setprice_wrap{text-align: right; margin-bottom:5px}
.setprice_wrap .set_loginwrap{margin-bottom:8px;}
.setprice_wrap .price{color:#999; font-size:0}
.setprice_wrap .price .dollar,
.setprice_wrap .price .won{text-decoration: line-through;}
.setprice_wrap .price .dollar{font-size:16px; font-weight: bold;}
.setprice_wrap .price .won{font-size:14px; margin-left:6px}

.disprice_wrap{display:flex; justify-content: flex-end; align-items: center;}
.disprice_wrap .pro_sale{margin-right:auto;}
.disprice_wrap .pro_sum .price_cont{display:inline-block; vertical-align: middle; margin-right:2px}
.disprice_wrap .pro_sum .price{display:inline; vertical-align: middle; font-size:0;}
.disprice_wrap .pro_sum .price .dollar,
.disprice_wrap .pro_sum .price .won{display:inline-block; text-align: right;}
.disprice_wrap .pro_sum .price .won{vertical-align:2px; margin-left:4px; line-height:21px; margin-top:-4px; margin-bottom:6px}
.disprice_wrap .price_cont .p_txt{font-size:15px;}
.pro_price_info .disprice_wrap .pro_sale{float:none}
.pro_price_info .disprice_wrap .pro_sale .rate{background:none; padding-left:0;}

.disprice_wrap.saveprice{display:block; text-align:right; padding-bottom:9px}
.disprice_wrap.saveprice .price_cont .p_txt{font-size:16px; font-weight:700;}
.disprice_wrap.saveprice .pro_sum{margin-top:4px; display: flex; justify-content: flex-end; align-items: baseline;}
.disprice_wrap.saveprice .pro_sum .price{font-weight:700;}
.disprice_wrap.saveprice .pro_sum .price .won{font-size:16px; margin-top:0; margin-bottom:0; vertical-align: 0;}
.disprice_wrap.saveprice .pro_sum .price .rate{font-size:16px; font-weight:400;}

/* 26-04-21 옵션선택팝업 우선 반영 */
.pro_price_wrap .pro_price_info .pro_sum{float:none;}
.pro_price_wrap .setprice_wrap{text-align: right; margin-bottom:5px}
.pro_price_wrap .setprice_wrap .set_loginwrap{margin-bottom:8px;}
.pro_price_wrap .setprice_wrap .price{color:#999; font-size:0}
.pro_price_wrap .setprice_wrap .price .dollar,
.pro_price_wrap .setprice_wrap .price .won{text-decoration: line-through;}
.pro_price_wrap .setprice_wrap .price .dollar{font-size:16px; font-weight: bold;}
.pro_price_wrap .setprice_wrap .price .won{font-size:14px; margin-left:6px}

.pro_price_wrap .disprice_wrap{display:flex; justify-content: flex-end; align-items: center;}
.pro_price_wrap .disprice_wrap .pro_sale{margin-right:auto;}
.pro_price_wrap .disprice_wrap .pro_sum .price_cont{display:inline-block; vertical-align: middle; margin-right:2px}
.pro_price_wrap .disprice_wrap .pro_sum .price{display:inline; vertical-align: middle; font-size:0;}
.pro_price_wrap .disprice_wrap .pro_sum .price .dollar,
.pro_price_wrap .disprice_wrap .pro_sum .price .won{display:inline-block; text-align: right;}
.pro_price_wrap .disprice_wrap .pro_sum .price .won{vertical-align:2px; margin-left:4px; line-height:21px; margin-top:-4px; margin-bottom:6px}
.pro_price_wrap .disprice_wrap .price_cont .p_txt{font-size:15px;}
.pro_price_wrap .pro_price_info .disprice_wrap .pro_sale{float:none}
.pro_price_wrap .pro_price_info .disprice_wrap .pro_sale .rate{background:none; padding-left:0;}

.pro_price_wrap .disprice_wrap.saveprice{display:block; text-align:right; padding-bottom:9px}
.pro_price_wrap .disprice_wrap.saveprice .price_cont .p_txt{font-size:16px; font-weight:700;}
.pro_price_wrap .disprice_wrap.saveprice .pro_sum{margin-top:4px; display: flex; justify-content: flex-end; align-items: baseline;}
.pro_price_wrap .disprice_wrap.saveprice .pro_sum .price{font-weight:700;}
.pro_price_wrap .disprice_wrap.saveprice .pro_sum .price .won{font-size:16px; margin-top:0; margin-bottom:0; vertical-align: 0;}
.pro_price_wrap .disprice_wrap.saveprice .pro_sum .price .rate{font-size:16px; font-weight:400;}

/* 최대할인가 */
.pro_price_info .disprice_wrap.max .pro_sale .rate{color:#e80f00;}
.pro_price_info .disprice_wrap.max .price{color:#e80f00}
.pro_price_info .disprice_wrap.max .price_cont{color:#e80f00}
.pro_price_info .disprice_wrap.max .price_cont .p_txt{color:#e80f00}
.pro_price_info .disprice_wrap + .disprice_wrap{margin-top:-2px}
/* 미리보기/옵션 팝업 */
.popup_preview .pro_price_info .setprice_wrap{margin-bottom:4px}
.popup_preview .pro_price_info .disprice_wrap{padding-top:3px;}
.popup_preview .pro_price_info .disprice_wrap .price .dollar{font-size:25px;}
.popup_preview .pro_price_info .disprice_wrap .price .won {font-size:20px}
.popup_preview .pro_price_info .disprice_wrap .pro_sale .rate{font-size:25px}
.popup_preview .pro_price_info .disprice_wrap .price_cont .p_txt,
.popup_preview .pro_price_info .disprice_wrap.saveprice .price_cont .p_txt{font-size:14px;}
.popup_preview .pro_price_info .disprice_wrap.saveprice .pro_sum .price .won,
.popup_preview .pro_price_info .disprice_wrap.saveprice .pro_sum .price .rate{font-size:14px;}
.popup_preview .pro_price_info .disprice_wrap.saveprice{margin-bottom:-3px}
/* 재정의 */
.pro_price_info .form_tooltip{text-align: left; vertical-align: middle;}
.anchor_review{display:inline-block; font-size:0;}
.info_grade.st02 .anchor_review .g_star{background-position:0 50%;}

/* 24-08-19 결합상품 상품상세 */
.content_link{position:absolute; content:''; display:block; width:100%; height:100%; z-index:2; /* background-color: rgba(255,0,0,.5); */}
.product_cont .proset_name{display:flex; align-items: center; box-sizing: border-box; line-height: 23px; overflow: hidden;}
.product_cont .proset_name .info_name{margin-top:0;}
.product_cont .proset_name .pronum{font-size:15px; font-weight: bold; color:#616161; margin-left:2px;}
.product_cont .proset_name .pronum em{font-weight:700; font-size:13px;}
.product_cont .proset_name .pronum em > i{font-size:15px;}
.product_cont .proset_name .procase{font-size:15px; margin-left:3px; white-space: nowrap;}
.popup_full[class*="pop_proset_"] .set_select .set_info .set_price{margin-left:0}
.product_wrap.small .proset_name{line-height: 23px;}
.product_wrap.small .proset_name .procase{font-size:13px; margin-left:3px;}
/* 메인 */
.cart_gnb .product_wrap.small .proset_name{line-height: 21px;}
.cart_gnb .product_wrap.small .proset_name .pronum{font-size:13px; margin-left:2px;}
.cart_gnb .product_wrap.small .proset_name .pronum em{font-size:11px;}
.cart_gnb.product_wrap.small .proset_name .pronum em > i{font-size:13px; margin-left:2px;}/* 24-11-19 결합상품 N개 여백 추가 */

/* 24-09-09 결합상품 잔여페이지 */
.cart_setbox{flex:1; position:relative; display:flex; flex-direction: column;}
.cart_setbox .product_cont{flex:1;}
.cart_setbox .btn_wrap{position:absolute; right:0; top:50%; transform: translateY(-50%);}
.cart_setbox .product_cont + .product_cont{margin-top:20px}
.add_remove .p_num{font-size:16px; margin-top:9px}
.add_remove .p_num em{font-weight:400;}
/* 메인 장바구니 미리보기 */
.cart_wrap.cart_gnb .add_remove:has(.p_num){margin-left:0;}
.cart_wrap.cart_gnb .add_remove .p_num{font-size:15px;}
.cart_wrap.cart_gnb .add_remove .p_num:has(+ button){margin-bottom:10px}
.cart_wrap.cart_gnb .cart_product .product_cont:has(.p_num + button){align-items: flex-start;}
/* 메인 히스토리 */
.history_item .product_wrap_sh.type2 .product_box{overflow: hidden;}
.history_item .product_wrap_sh.type2 .product_cont_sh .pro_img{position:relative;}
.history_item .product_wrap_sh.type2 .product_cont_sh .pro_info_sh{overflow: hidden;}
.history_item .product_wrap_sh.type2 .product_cont_sh .pro_detail{overflow: hidden;}
.history_item .product_wrap_sh.type2 .product_cont_sh .proset_name{display:flex; align-items: center; box-sizing: border-box; line-height: 17px; overflow: hidden;}
.history_item .product_wrap_sh.type2 .product_cont_sh .proset_name .pronum{font-size:13px; font-weight: bold; color:#616161; margin-left:2px; white-space: nowrap;}
.history_item .product_wrap_sh.type2 .product_cont_sh .proset_name .pronum em{font-weight:700; font-size:11px;}
.history_item .product_wrap_sh.type2 .product_cont_sh .proset_name .pronum em > i{font-size:13px; margin-left:2px}/* 24-11-19 결합상품 N개 여백 추가 */
.history_item .product_wrap_sh.type2 .product_cont_sh .proset_name .procase{font-size:13px; margin-left:3px; white-space: nowrap;}
.quick_menu .cont > .quick_history .history_items.online .pro_info_sh .proset_name .info_name{margin-top:0;}

/* 일시품절 */
.product_cont.out .pro_out{display:block; z-index: 3; color:#fff}/* 24-04-18 상품모듈 일시품절 조정 *//* 24-08-06 일시품절/품절임박/판매종료 수정 */

/* 2024-06-03 마이크로사이트 SNS 공유하기 추가 */
.share_wrap ul {display:flex; justify-content:center;}
.share_wrap ul li {margin-right:0 !important;}
.share_wrap ul li + li {margin-left:5px;}

/* 24-10-02 비회원 주문 개선 */
/* 기존 약관 대응 */
.terms_wrap .terms-hmc > ul > li { margin-top:8px; line-height:1.5; }
.terms_wrap .terms-hmc > ul > li:first-child { margin-top:0; }
.terms_wrap .terms-hmc > p { line-height:1.5; }
.terms_wrap .terms-hmc h2,
.terms_wrap .terms-hmc h3 {font-size:15px; line-height:19px; font-weight:700; padding-bottom:10px}
.terms_wrap .terms-hmc h2{padding-top:30px;}
.terms_wrap .terms-hmc h3 { margin:30px 0 0; }
.terms_wrap .terms-hmc h3 + p {margin-bottom:10px;}
.terms_wrap .terms-hmc h2:first-of-type,
.terms_wrap .terms-hmc h3:first-of-type{margin-top:0;}
.terms_wrap .terms-hmc p + h3:first-of-type{margin-top:30px;}
.terms_wrap .txt-line{text-decoration:underline}
.terms_wrap .terms-hmc .terms-new-type2 h2,
.terms_wrap .terms-hmc .terms-new-type2 h3{font-size:12.1px; padding-bottom:0;}
.terms_wrap .terms-hmc .terms-new-type2 h2{padding-top:20px;}
.terms_wrap .terms-hmc .terms-new-type2 h3 { margin:20px 0 0; }
.terms_wrap .terms-hmc .terms-new-type2 > ul > li{margin-top:8px; line-height:1.5;}
/* 구매 동의 팝업 */
.popup_nonmember .passport_info_list{margin-top:0;}s
.popup_nonmember .form_wrap{flex:1;}
.popup_nonmember .form_box.phone > .select_box{flex:0 0 120px}
/* 시스템팝업 스타일 추가 */
.popup_system .popup_inner{display:flex;flex-direction:column;height:100vh;background:#fff;box-sizing:border-box;}
.popup_system .popup_head{padding:21px 20px 22px;text-align:center;border-bottom:1px solid #eee;box-sizing:border-box;}
.popup_system .popup_head .title{font-size:24px;font-weight:700;color:#222;line-height:1.5;}
.popup_system .popup_content{overflow:hidden;overflow-y:auto;flex:1;padding:40px;box-sizing:border-box;}
.popup_system .popup_bottom{padding:20px;}
/* 주문조회 / 교환권 팝업 */
.pop_nonmem_ordercont{width:400px;}
.pop_nonmember_ordercont .nonmem_info{margin:20px -20px 0; padding-top:20px}
.pop_nonmember_ordercont .nonmem_info .info_txt{margin-top:20px}
.pop_nonmember_ordercont .nonmem_info .info_txt .btn_link{font-weight:700;}
.popup_exchange_info.nonmember .nonmember_coupon{display:flex; align-items: center; font-size:14px; line-height: 18px; margin-bottom:5px}
.popup_exchange_info.nonmember .nonmember_coupon .tit{margin-right:5px}
.popup_exchange_info .delivery_img{float:none;width:100%;height:auto;}
.popup_exchange_info .delivery_info{float:none;margin:25px 0 0 0;padding-top:0;}
.popup_exchange_info .delivery_info .bullet_list > li > strong{display:block;}
.popup_exchange_info .delivery_info .bullet_list > li > span{display:block;}

/* 24-10-17 항만 편명검색 기능 추가 */
/* 여객선명 선택 */
.popup_flight_port .airline_time_list.port{padding-top:40px}
.popup_flight_port .airline_time_list .radio_select > label{min-height: 70px; box-sizing: border-box;}

/* 2024-10-31 : 주문화면 할인정보 영역 공통 css 수정 */
.disinfo_form_list .form_tit {font-size:15px;}

/* 24-12-03 쇼핑히스토리 개선 관련 UI 수정 */
.history_list_wrap .search_history .his_sch{display:block; position:absolute; top:50%; left:-28px; width:22px; height:13px; box-sizing: border-box; background:url('../images/ico_search03.png') 50% 50% no-repeat #fff; transform: translateY(-50%); z-index:3;}
.history_list_wrap .search_history .box{vertical-align: middle;}
.history_list_wrap .pro_info_sh .info_name {max-height:34px; -webkit-line-clamp:2; margin-top:5px; color:#222;}
.history_list .list_cont.firstbnf .btn_link{bottom:0;}
.history_list_wrap .history_list .product_cont_sh.list .info_price_sh{margin-top:5px}
.history_list_wrap .event_cont .event_detail .txt{display:-webkit-box; max-height:34px; line-height:1.2; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

/* 2024-12-11 : 주문상세 여권번호 마스킹 처리 */
.order_detail_content .trip_info .passport_num .btn_grade5 {margin-right:10px;}

/* 2025-03-17 : 개인정보처리방침 */
.policy_head {display:flex; align-items:center; gap:0 2px; width:931px; margin:0 auto 50px; padding:10px 0 0;}
.policy_head .headline {font-weight:700; font-size:32px; line-height:42px; color:#222;}
.policy_head .version {font-size:28px; line-height:36px; color:#222;}
.policy_head .other {width:240px; margin-left:auto;}
.policy_part {display:flex; flex-direction:column; gap:50px 0; width:931px; margin:0 auto; word-break:break-word;}
.policy_part .policy_head {margin-bottom:0;}
.policy_part li {word-break:break-word;}
.policy_part .policy_top {display:flex; flex-direction:column; gap:15px 0; margin-bottom:30px;}
.policy_part .policy_top .subline {font-weight:700; font-size:22px; line-height:28px; color:#222;}
.policy_part .policy_top .noti {font-size:15px; line-height:19px; color:#e80f00;}
.policy_part .policy_goto .goto > ul {display:flex; flex-wrap:wrap; gap:10px;}
.policy_part .policy_goto .goto > ul > li {display:flex; flex-direction:column; align-items:center; gap:25px 0; width:225px; min-height:245px; padding:30px 10px 40px; box-sizing:border-box; border-radius:30px; background:rgba(111, 123, 132, 0.05);}
.policy_part .policy_goto .goto .title {font-weight:700; font-size:18px; line-height:23px; color:#e80f00;}
.policy_part .policy_goto .goto .icon img {width:90px; height:90px;}
.policy_part .policy_goto .goto .info li {position:relative; font-size:13px; line-height:17px; color:#999; text-align:center;}
.policy_part .policy_goto .goto .info li:before {display:inline-block; content:"·"; color:#999;}
.policy_part .policy_index .index > ul {display:flex; flex-direction:column; gap:10px 0;}
.policy_part .policy_index .index > ul > li {display:flex; align-items:center; gap:0 5px; position:relative; height:75px; padding:0 20px; background:url('../images/ico_arrow27.png') no-repeat right 20px center /16px auto;}
.policy_part .policy_index .index .anchor {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px; border:1px solid #eee; box-sizing:border-box; font-size:0;}
.policy_part .policy_index .index .article {font-weight:700; font-size:16px; line-height:21px; color:#e80f00;}
.policy_part .policy_index .index .title {font-weight:700; font-size:16px; line-height:21px; color:#222;}
.policy_part .policy_index .index .icons {display:flex; align-items:center; gap:0 3px; margin-left:5px;}
.policy_part .policy_index .index .icons li img {width:35px; height:35px;}
.policy_part .policy_index .index .anchor:hover,
.policy_part .policy_index .index > ul > li.active .anchor {border-color:rgba(222, 56, 49, 0.5); background:rgba(222, 56, 49, 0.05);}
.policy_part .policy_container {display:flex; flex-direction:column; gap:100px 0;}
.policy_part :where([class^="policy_section"]) .head {display:flex; flex-wrap:wrap; align-items:center; gap:0 5px; padding:30px; border-top:1px solid rgba(222, 56, 49, 0.5); background:rgba(222, 56, 49, 0.05); }
.policy_part :where([class^="policy_section"]) .head .icons {display:flex; align-items:center; gap:0 6px; width:100%; margin-bottom:15px;}
.policy_part :where([class^="policy_section"]) .head .icons li img {width:67px; height:67px;}
.policy_part :where([class^="policy_section"]) .head .article {font-weight:700; font-size:22px; line-height:28px; color:#e80f00;}
.policy_part :where([class^="policy_section"]) .head .title {font-weight:700; font-size:22px; line-height:28px; color:#222;}
.policy_part :where([class^="policy_section"]) .cont > * {margin-top:30px;}
.policy_part :where([class^="policy_section"]) .cont p {font-size:16px; line-height:24px; color:#616161;}
.policy_part :where([class^="policy_section"]) .cont .stitle {margin-bottom:20px; font-weight:700; font-size:16px; line-height:24px; color:#616161;}
.policy_part :where([class^="policy_section"]) .cont .notice {margin-top:5px; font-size:16px; line-height:22px; color:#999;}

/* 기본 */
.policy_part .list .stitle {margin-bottom:5px;}
.policy_part .list ul {display:flex; flex-direction:column; gap:26px 0;}
.policy_part .list ul li {font-size:16px; line-height:26px; color:#616161;}
.policy_part .list ul li .link {color:#7E9EDB; text-decoration:underline;}
.policy_part .list ul.st01,
.policy_part .list ul.st01 ul {gap:0;}
.policy_part .list ul.st01 li,
.policy_part .list ul.st01 li li {line-height:24px;}
.policy_part .board {margin-top:20px;}
.policy_part .board table {width:100%; table-layout:fixed; border-top:2px solid #eee;}
.policy_part .board table th,
.policy_part .board table td {border:1px solid #eee; border-top:0; font-size:16px; line-height:23px; color:#616161; text-align:center; word-break:break-word;}
.policy_part .board table th:first-child,
.policy_part .board table td:first-child {border-left:0;}
.policy_part .board table th:last-child,
.policy_part .board table td:last-child {border-right:0;}
.policy_part .board table th {padding:15px 10px; font-weight:700; background:#fafafa; color:#222;}
.policy_part .board table td {padding:20px 10px 20px 20px; color:#616161; text-align:left; vertical-align:top;}
.policy_part .board table .vcenter {vertical-align:middle;}
.policy_part .define {margin-top:20px;}
.policy_part .define .stitle {margin-bottom:5px;}
.policy_part .define .notice {margin-top:10px;}
.policy_part .define ul li {display:flex; position:relative; padding-left:20px; font-size:16px; line-height:24px; color:#616161;}
.policy_part .define ul li:before {display:inline-block; content:""; position:absolute; top:11px; left:8px; width:4px; height:4px; border-radius:50%; background:#616161;}
.policy_part .define ul li .name {flex-shrink:0; margin-right:3px;}
.policy_part .define ul li .val {flex:1;}

/* TOBE 대응 (기존 헤더 사용할 경우) */
#contents > .policy_part {margin-top:50px;}
#contents > .policy_head + .policy_part:first-child,
#contents > .policy_part:has(.policy_head:not([style*="display:none"]):not([style*="display: none"])) {margin-top:0;}

/* 2025-03-17 고정형 영상정보처리기기 운영 관리 방침 */
.policy_part.wrap02 .policy_container {gap:50px 0;}
.policy_part.wrap02 :where([class^="policy_section"]) .head {padding:0; background:none; border:0;}

/* 25-12-30 푸터영역 정보보호 인증내역 기재 */
.f_navi .cfy_row{position:relative; display:flex; align-items: center; gap:0 10px}
.f_navi .cfy_row .pop_link{display:block; position:absolute; width:100%; height:100%; z-index:1;}

/* 2026-03-25 오퍼체계 개선 할인적용 팝업 오류 대응 */
.num {min-width:auto; height:auto; padding:0; border-radius:0; background:transparent;}

/* 26-04-21 옵션선택팝업 우선 반영 */
/* 2023-04-27 : 23년 상시 개선 - 상품목록, 필터 */
.popup_preview.popup_option .pro_detail > .pro_info {height:452px;}
.popup_preview .popup_bottom {padding-top:17px;}
.popup_preview .pro_info .popup_fixed {padding-bottom:21px;}
.popup_preview .pro_price_wrap .pro_price_info:first-child {padding-top:0;}
.popup_preview .choice_area {position:relative; margin-top:30px; padding-top:27px; border-top:1px solid #e5e5e5;}
.popup_preview .choice_area > div {position:relative;}
.popup_preview .choice_area .opt_itemlist {position:relative; width:100%; padding-bottom:24px; font-weight:normal;}
.popup_preview .choice_area .opt_itemlist .item_name {display:inline-block; overflow:hidden; max-width:250px; text-overflow:ellipsis;}
.popup_preview .choice_area .opt_select_list {overflow:visible; position:relative; top:auto; width:100%; max-height:100%;}
.popup_preview .choice_area .opt_result_area {overflow:visible; max-height:100%;}
.popup_preview .choice_area .ch_top {position:absolute; top:27px; left:0; z-index:1;}
.popup_preview .choice_area .ch_detail .opt_itemlist {padding-bottom:18px;}
.popup_preview .choice_area.on .ch_default {display:none;}
.popup_preview .color_list .list .item {vertical-align:top;}
.popup_preview .color_list .list .item.on .img_box {overflow:hidden; position:relative;}
.popup_preview .color_list .list .item.on .img_box img {object-fit:cover;}
.popup_preview .color_list .list .item.on .img_box:after {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:6px; border:1px solid #222; box-sizing:border-box;}
/* 2026-03-05 상품 옵션 컬러칩 추가 */
.opt_result_area {margin-top:15px; overflow-y:auto; max-height:392px}
.opt_result_box {position:relative; display:block; padding:20px; border-radius:10px; border:1px solid #e5e5e5; box-sizing:border-box}
.opt_result_box .thum {display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-right:12px; width:72px; height:72px; border-radius:6px}
.opt_result_box .thum a {height:100%;}
.opt_result_box .thum img {width:100%; height:100%; border-radius:6px}
.opt_result_box .thum .chip {display:inline-block; width:45px; height:45px; background-color: var(--opt-color); border-radius:50%; font-size:0;}
.opt_result_box .opt_prd_area {display:flex; align-items:center;}
.opt_result_box .opt_prd_area + .opt_prd_area {margin-top:14px;}
.opt_result_box .prd_info {flex:1}
.opt_result_box .prd_name {font-size:16px; line-height:22px;}
.opt_result_box .prd_name .name{display:-webkit-box; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}/* 22-08-24  옵션명 2줄 말줄임 추가 */
.opt_result_box .price_box .dollar {font-size:20px; font-weight:700;}
.opt_result_box .price_box .won {font-size:20px}
.opt_result_box .price_box .won span {font-family:'ManropeR'}
.opt_result_box .btn_ico.remove {position:absolute; top:16px; right:16px}
.opt_result_box:only-child .btn_ico.remove {display:none;}
.opt_result_box + .opt_result_box {margin-top:10px}
.popup_preview .opt_result_box .prd_name .name {padding-right:26px;}
/* // 2026-03-05 상품 옵션 컬러칩 추가 */
/* 운영 */
.popup_preview .opt_select ,
.popup_option .opt_select{display:block;}
.popup_preview .opt_select .opt-noti,
.popup_option .opt_select .opt-noti{position:absolute; right:0; top:50%; transform: translateY(-50%); font-weight: 400;}
.popup_preview .option_layer_wrap .inp_checkbox,
.popup_option .option_layer_wrap .inp_checkbox{display:none}
.popup_preview .opt_select_list .form_inp,
.popup_option .opt_select_list .form_inp{display:none}
.popup_preview .opt_choice_select,
.popup_option .opt_choice_select{margin-top:30px; padding-top:27px; border-top:1px solid #e5e5e5;}
/* 퍼블 */
.popup_preview .choice_area .ch_top,
.popup_option .choice_area .ch_top{width:100%}
.popup_preview .choice_area .ch_detail .opt_itemlist .inp_checkbox,
.popup_option .choice_area .ch_detail .opt_itemlist .inp_checkbox{visibility: hidden;}
.popup_preview .pro_price_wrap .pro_price_info{padding-top:29px; margin-bottom:22px; margin-top:0;}/* 22-08-04 사은품. 할인율 수정/추가 *//* 24-01-03 표면 할인율 표기 기준 변경 */

/* 2026-04-21 인공지능법 시행 생성형 AI 활용 카테고리 표기 */
.category_wrap .ai {position:absolute; left:20px; bottom:20px; z-index:1; padding-left:14px; font-size:10px; line-height:16px; color:#cacaca;}
.category_wrap .ai:before {position:absolute; left:0; top:3px; display:inline-block; content:""; width:12px; height:12px; mask:url('../svg/ico-star-01-12.svg') no-repeat 0 0 /100% auto; background:#e0e0e0; vertical-align:middle;}

/* 2026-02-04 : 26년 상시개선 */
/* Common */
.conts-inner {position:relative; width:1280px; margin:0 auto;}

/* ASIS gnb - 브랜드 */
.brand_wrap {display:none; position:absolute; top:77px; left:0; width:400px; padding:30px 20px 30px 30px; background:#fff; z-index:51;  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); box-sizing:border-box}
.brand_wrap.on {display:block}
.brand_wrap .category_box .inner {position: relative}
.brand_wrap .category_search {position:relative; /*padding-right:10px*/}
.brand_wrap .category_box .inner .btn_txt{position:absolute; right:0; top:50%; transform:translateY(-50%);}
.category_select {padding:0}
.category_select ul {margin-bottom:10px; font-size: 0}
.brand_wrap .category_select ul {margin-bottom:0}
.category_select ul li {display: inline-block;position: relative;margin-left: 10px;padding-left: 10px;font-size: 13px;}
.category_select ul li:before {display: block;content: "";position: absolute;top: 50%; left: 0; width: 1px; height: 11px;background: #ddd;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.brand_wrap .category_select ul li {margin-left:20px; padding-left:23px;}
.brand_wrap .category_select ul li:before {width:3px; height:3px; background-color:#CACACA;}
.category_select ul li:first-child {margin-left: 0;padding-left: 0}
.category_select ul li:first-child:before {display: none}
.category_select ul li a {display:inline-block; height:52px; color:#222; line-height:52px; font-size:13px}
.brand_wrap .category_select ul li a {height:70px; line-height:70px; font-size:14px}
.category_select ul li.on a {font-weight:700;}
.brand_wrap .category_select ul li.on a {color:#cd473b; font-weight:400;}
.category_brand {height:380px}
.category_index {display:none; position:relative; height:100%; padding:0}
.category_index.en {font-weight:400;}
.category_index_all {overflow:hidden; overflow-y:auto; height:100%;margin-left:-20px; -ms-overflow-style:none;}
.category_index_all > ul {padding-left:20px;}
.category_index_all::-webkit-scrollbar {display:none;}
.category_index_all ul li strong {display:block; position:sticky; position:-webkit-sticky; top:0; height:18px; padding-bottom:33px;background: #fff;font-size:16px; color: #222;line-height:1; z-index: 10;}
.category_index_all ul li strong:before{content:'';display:block;position:absolute;top:-1px;left:0;width:100%;height:2px;background:#fff}
.brand_wrap .category_index_all ul li strong {height:0; font-size:0; padding:0}
.brand_wrap .category_index_all ul li strong:before {display:none}
.brand_wrap .category_index_group {width:30px; border-radius:0; background-color:#fff}
.brand_wrap .category_index_group ul li {padding:0}
.brand_wrap .category_index_group ul li a {font-size:14px; font-weight:400;}
.category_index_all ul li ul {padding-bottom:28px}
.category_index_all ul li ul li {padding-top:31px; font-size:13px; color: #222}
.brand_wrap .category_index_all ul li ul {padding-bottom:24px}
.brand_wrap .category_index_all ul li ul li {padding-top:27px; line-height:1.2}
.category_index_all ul li ul li:first-child {padding-top: 0}
.category_index_all ul li ul li.active a {color:#cd473b; font-weight:700;}
.category_index.en .category_index_all ul li ul li a {font-weight:400;}
.category_index.en .category_index_all ul li ul li.active a {font-weight:700;}
.category_index_all ul li ul li a {display: block;color: #222; font-size:14px}
.category_index_group {overflow:hidden; overflow-y:auto; position:absolute; top:0; right:0; height:100%; border-radius:50px; -webkit-overflow-scrolling:touch; box-sizing: border-box; -ms-overflow-style:none; background-color:#f5f5f5; z-index:10}
.category_index_group:after {content:''; display:block; clear:both;}
.category_index_group::-webkit-scrollbar {display:none;}
.brand_wrap .category_index_group ul {padding:15px 0 18px;}
.category_index_group ul {overflow:hidden; padding:7px 0 11px; text-align:center; -ms-overflow-style:none;}
.category_index_group ul::-webkit-scrollbar {display:none; width:0;height:0}
.category_index_group ul li {margin-top:20px; padding:0 3px}
.brand_wrap .category_index_group ul li {margin-top:29px}
.category_index_group ul li:first-child {margin-top:0}
.category_index_group ul li span {display:inline-block; width:22px; height:22px; line-height:22px; font-size: 12px; color: #555;text-align: center}
.category_index_group ul li a {display: inline-block;width: 100%;height: 100%;color: #999; font-weight:700;}
.category_index_group ul li.active span {font-weight:700;color: #222}
.brand_wrap .category_index_group ul li.active span {width:30px}
.category_index_group ul li.active a {color: #222; font-weight:700; background-color:#fff; border-radius:50px}
.brand_wrap .category_index_group ul li.active a {background:none}
.brand_wrap .category_index_group.en ul li.active a {font-weight:700;}
.brand_wrap .category_index_group ul li.active a {font-size:18px}
.category_index_all ul li ul li div{display:flex}
.category_index_all ul li ul li .ck_like{margin-top:3px}
.category_index_all ul li ul li a{flex:1;word-break:break-all;}
.brand_wrap .category_index_all ul li ul li a{margin-left:10px;}
.category_search_list{/*z-index:11;position:absolute;top:40px;left:0;right:0;margin:0 -20px; padding:30px 20px 25px;height:calc(100vh - 290px);*/background:#fff;margin-top:26px;}
.category_search_list ul{overflow:hidden;overflow-y:auto;height:380px; -ms-overflow-style:none;}
.category_search_list ul::-webkit-scrollbar {display:none;}
.category_search_list li + li{padding-top:31px}
.category_search_list li div{display:flex}
.category_search_list li .ck_like{margin-top:3px}
.category_search_list li a{flex:1;margin-left:10px;word-break:break-all;font-weight:600;}
.brand_wrap .category_search_list li a{font-weight:400;}
.category_search_list li a span{color:#E80F00}
.category_box .category_bottom {padding:20px 10px 0 0; text-align:center}

/* 2022-08-24 : gnb 브랜드 첫번째 하트 및 여백 관련 수정 */
.brand_wrap {padding:30px;}
.brand_wrap .category_brand{height:360px;}
.brand_wrap .category_select ul {margin-top:10px;}
.brand_wrap .category_select ul li a {height:50px; line-height:50px;}
.brand_wrap .category_index_all > ul{padding-right:20px;box-sizing:border-box;}
.brand_wrap .category_index_all ul li ul{padding-bottom:17px;}
.brand_wrap .category_index_all ul li ul li:first-child{padding-top:10px;}
.brand_wrap .category_index_group{right:-10px}
.brand_wrap .category_index_group ul {padding:25px 0 18px;}
.brand_wrap .category_box .category_bottom {padding:35px 0 0 0;}

/* gnb - category */
.category_wrap {display:none; position:absolute; top:77px; left:0;width:1100px;  z-index:51}
.category_wrap.on {display:table}
.category_wrap .inner{display:inline-block;height:600px; background-color: #fff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);}
.category_wrap:after {content:''; display:block; clear:both}

/* category default setting */
.category_wrap .depth_group{position:relative;float:left;width:200px;min-height:600px;background-color: #fff;}
.category_wrap .depth_group::before{content:'';position:absolute; top:0; left:0; width:1px; height:100%; background:#e0e0e0; z-index:2}
.category_wrap .depth_group:first-child:before{display:none;}
.category_wrap .depth_group a{position:relative; display:block; padding:8px 25px 9px 20px; font-size:15px; word-break:break-all}
.category_wrap .depth_group a:hover,
.category_wrap .depth_group li.on a{font-weight:700; background-color:#f5f5f5;}
.category_wrap .depth_group a:hover:after,
.category_wrap .depth_group li.on a:after {content:''; display:block; position:absolute; top:13px; right:15px; width:6px; height:12px; transform: rotate(180deg); background:url('../images/ico_arrow01.png') 0 0 no-repeat;}
.category_wrap .depth_group.is-last a:hover:after,
.category_wrap .depth_group.is-last li.on a:after {display:none;}
/* category hidden */
.category_wrap .depth_group, .category_wrap .depth_group ul{display:none;}
.category_wrap .depth_group:first-child, .category_wrap .depth_group:first-child ul{display:block;}

/* category visible */
.category_wrap .depth_group.on, .category_wrap .depth_group.on ul.on{display:block;}

.menu_vowel {float:left; vertical-align:top; width:300px; height:100%; padding:40px 22px; background-color:#fafafa; box-sizing:border-box}
.menu_vowel .title {display:block; margin:48px 0 22px; font-size:16px; font-family:inherit;}/* 2022-08-29 : font-family 추가 */
.menu_vowel .title:first-child {margin-top:0}
.menu_vowel .title a {display:inline-block}
.menu_vowel .title span {position:relative; display:inline-block; padding-right:16px; }
.menu_vowel .title a span:after {content:''; display:block; position:absolute; top:6px; right:0; width:6px; height:12px; transform: rotate(180deg); background:url('../images/ico_arrow01.png') 0 0 no-repeat;}/* 2022-08-29 : a 추가 */
.menu_vowel .swiper_hide_arrow.small button.swiper_prev {left: 0;}
.menu_vowel .swiper_hide_arrow.small button.swiper_next {right: 0;}


/* Header */
#header {box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);}
#header .header-wrap {min-height:207px;}
#header .header-top {border-bottom:1px solid #eee; box-sizing:border-box;}
#header .header-top .conts-inner > ul {display:flex; align-items:center; justify-content:flex-end; position:relative; height:44px; gap:0 40px;}
#header .header-top .conts-inner > ul:after {display:block; content:""; position:absolute; top:50%; right:-20px; transform:translateY(-50%); width:1px; height:10px; background:#fff;}
#header .header-top .conts-inner > ul > li {position:relative; height:100%; font-size:12px; line-height:16px; color:#222;}
#header .header-top .conts-inner > ul > li:after {display:block; content:""; position:absolute; top:50%; right:-20px; transform:translateY(-50%); width:1px; height:10px; background:#e0e0e0;}
#header .header-top .conts-inner > ul > li > a {display:flex; align-items:center; position:relative; height:100%; color:currentColor;}
#header .header-top .conts-inner > ul > li > a.btn-layer {padding-right:12px;}
#header .header-top .conts-inner > ul > li > a.btn-layer:after {display:block; content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); width:8px; height:8px; mask:url('../svg/ico-arrow-02-08-down.svg') no-repeat 0 0 /100% auto; background:#222;}
#header .header-top .conts-inner > ul > li > a.btn-layer.on:after {mask-image:url('../svg/ico-arrow-02-08-up.svg');}
#header .header-navi {padding-top:40px;}
#header .header-navi .conts-inner {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
#header .header-navi [class^="col-"] {display:flex; align-items:center; height:100%;}
#header .header-navi .col-left {position:relative; height:58px; padding-left:168px;}
#header .header-navi .col-full {width:100%;}
#header .logo-cont {position:absolute; bottom:0; left:0; width:168px; height:98px;}
#header .logo-cont .logo {width:92px; height:41px;}
#header .logo-cont .btn-platform {display:inline-block; position:absolute; bottom:11px; right:32px; width:20px; height:20px; padding:8px; font-size:0;}
#header .logo-cont .btn-platform:before {display:block; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:20px; height:20px; border:1px solid #e0e0e0; border-radius:50%; background:rgba(255,255,255,0.4); box-sizing:border-box;}
#header .logo-cont .btn-platform:after {display:block; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:20px; height:20px; mask:url('../svg/ico-arrow-01-08-down.svg') no-repeat center center /8px auto; background:#222;}
#header .logo-cont .btn-platform.on:after {mask-image:url('../svg/ico-arrow-01-08-up.svg');}
#header .search-cont {position:relative; width:360px;}
#header .search-cont:before {display:block; content:""; position:absolute; top:0; left:-40px; width:60px; height:100%; background: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 60%, rgba(255, 255, 255, 0) 100%); pointer-events:none;}
#header .search-cont input {height:54px; padding-right:85px; border-radius:40px;}
#header .search-cont input::placeholder {overflow:hidden; text-overflow:ellipsis; color:#999;}
#header .search-cont .form_inp .btn_ico {top:50%; right:24px; transform:translateY(-50%); width:32px; height:32px; mask:url('../svg/ico-search-01-32.svg') no-repeat center center /100% auto; background:#222;}
#header .search-cont .form_inp .btn_ico:after {display:none;}
#header .search-cont .form_inp .btn_ico.close {right:56px; mask-image:url('../svg/ico-close-01-12.svg'); mask-size:12px auto; background:#616161;}
#header .func-cont {height:100%; margin-left:40px;}
#header .func-cont > ul {display:flex; align-items:center; justify-content:flex-end; position:relative; gap:0 28px; height:100%;}
#header .func-cont > ul > li {height:100%;}
#header .func-cont > ul > li > a {display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; width:44px; height:100%; text-align:center;}
#header .func-cont > ul > li .thumb {display:inline-block; position:relative; width:36px; height:36px;}
#header .func-cont > ul > li .thumb [class^="ico-"] {display:block; width:100%; height:100%; mask:url('../svg/ico-cart-01-32.svg') no-repeat center center /100% auto; background:#222; font-size:0;}
#header .func-cont > ul > li .thumb .num {display:none; overflow:hidden; position:absolute; top:-2px; right:-2px; z-index:1; align-content:center; width:15px; height:15px; font-size:9px; font-weight:600; color:#fff; border-radius:50%; background:#E80F00; letter-spacing:-0.04em;}
#header .func-cont > ul > li .thumb .num {padding:0; /* border-radius:0; background:none; */} /* tobe 대응 */
#header .func-cont > ul > li .thumb .img {display:inline-block; position:relative; overflow:hidden; width:100%; height:100%; border-radius:12px;}
#header .func-cont > ul > li .thumb .img:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.03);}
#header .func-cont > ul > li .thumb .img,
#header .func-cont > ul > li .thumb .img img {width:100%; height:100%;}
#header .func-cont > ul > li .text {display:block; margin-top:6px; font-weight:500; font-size:12px; line-height:16px; color:#222; text-align:center;}
#header .func-cont > ul > li .thumb .ico-my {mask-image:url('../svg/ico-my-01-32.svg');}
#header .func-cont > ul > li .thumb .ico-history {mask-image:url('../svg/ico-history-01-32.svg');}
#header .func-cont > ul > li .in .thumb:before,
#header .func-cont > ul > li .in .thumb .num {display:block;}
#header .func-cont > ul > li .btn_cart.animated .thumb:before {animation:cartPluse .5s ease-in-out both;}
#header .func-cont > ul > li .btn_cart.animated .thumb .blind {animation:cartShake .6s .6s ease-in-out forwards;}
#header .func-cont > ul > li .btn_cart.animated .thumb .num {animation:cartCount .6s cubic-bezier(0.87,0,0.13,1) forwards;}
#header .func-cont > ul > li.on [class^="layer-"]:before {display:block; content:""; position:absolute; top:-10px; width:100%; z-index:1; height:15px;}
#header .sub-gnb {overflow:hidden; max-width:100%;}
#header .sub-gnb ul {display:flex; align-items:center; justify-content:flex-start; gap:0 28px; height:64px;}
#header .sub-gnb ul li {font-size:16px; font-weight:600; color:#222; line-height:25px; white-space:nowrap;}
#header .sub-gnb ul li a {color:currentColor;}
#header .sub-gnb ul li a:hover {color:#616161;}
#header .on [class^="layer-"] {display:block;}

/* Header Sticky */
#header .fixed .header-navi {position:fixed; top:0; left:0; width:100%; padding:0; background:#fff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);}
#header .fixed .header-navi .conts-inner {justify-content:flex-start; height:60px; transition:0.5s;}
#header .fixed .header-navi .col-left {padding-left:3px; left:-3px;}
#header .fixed .header-navi .col-right {position:relative; order:2; margin-left:auto;}
#header .fixed .header-navi .col-full {position:relative; order:1; width:auto; margin-left:65px;}
#header .fixed .header-navi .col-full:before {display:block; content:""; position:absolute; top:50%; transform:translateY(-50%); left:-32px; width:1px; height:10px; background:#e0e0e0;}
#header .fixed .logo-cont {display:none;}
#header .fixed .search-cont:not(.on):before {display:none;}
#header .fixed .search-cont:not(.on) .form_inp {width:auto;}
#header .fixed .search-cont:not(.on) .form_inp input {display:none;}
/* #header .fixed .search-cont:not(.on) .form_inp {width:auto;}
#header .fixed .search-cont:not(.on) .form_inp input {width:24px; border:0; background:transparent;}
#header .fixed .search-cont:not(.on) .form_inp input::placeholder {font-size:0;} */
#header .fixed .search-cont:not(.on) .form_inp .btn_ico.search {right:0;}
#header .fixed .search-cont:not(.on) .form_inp .btn_ico.close {display:none;}
#header .fixed .search-cont {position:absolute; top:50%; transform:translateY(-50%); right:100%; width:300px;}
#header .fixed .search-cont .form_inp input {width:100%; height:40px; padding-right:85px;}
#header .fixed .search-cont .form_inp .btn_ico.search {width:24px; height:24px; mask-image:url('../svg/ico-search-01-24.svg');}
#header .fixed .search-cont .form_inp .btn_ico.close {right:50px;}
#header .fixed .func-cont {margin-left:20px;}
#header .fixed .func-cont > ul {gap:0 20px;}
#header .fixed .func-cont > ul > li > a {width:24px;}
#header .fixed .func-cont > ul > li .text {display:none;}
#header .fixed .func-cont > ul > li .thumb {width:100%; height:24px;}
#header .fixed .func-cont > ul > li .thumb [class^="ico-"] {mask-image:url('../svg/ico-cart-01-24.svg');}
#header .fixed .func-cont > ul > li .thumb .ico-my {mask-image:url('../svg/ico-my-01-24.svg');}
#header .fixed .func-cont > ul > li .thumb .ico-history {mask-image:url('../svg/ico-history-01-24.svg');}
#header .fixed .func-cont > ul > li .thumb:has(.num):before,
#header .fixed .func-cont > ul > li .thumb .num {top:-4px; right:-4px;}
#header .fixed .func-cont > ul > li .thumb .img {border-radius:8px;}
#header .fixed .sub-gnb {max-width:510px;}
#header .fixed .sub-gnb ul {height:100%;}
#header .fixed .sub-gnb ul li {font-weight:500;}
#header .fixed .layer-search {top:50px;}
#header .fixed .layer-history {top:60px;}
#header .fixed .layer-cart {top:60px;}
#header .fixed .category-navi {top:59px;}
#header .fixed #gnb {max-width:100%;}

/* 카테고리 + 브랜드 */
.category-navi {display:none; position:absolute; top:65px; left:0; z-index:50; width:auto; background:#fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); font-size:0;}
.category-navi.on {display:block;}
.category-navi .category_wrap {position:relative; top:auto; width:auto; padding:0;}
.category-navi .category_wrap .inner {box-shadow:none;}
.category-navi .category_wrap .depth_group {width:235px;}
.category-navi .category_wrap .depth_group:first-child {width:140px; background:#FAFAFA;}
.category-navi .category_wrap .depth_group:first-child a:hover:after,
.category-navi .category_wrap .depth_group:first-child li.on a:after {display:none;}
.category-navi .category_wrap .depth_group a {display:flex; align-items:center; height:50px; padding:0 20px; font-size:14px; line-height:21px; color:#616161;}
.category-navi .category_wrap .depth_group a:hover,
.category-navi .category_wrap .depth_group li.on a {background:#fff; font-weight:700; color:#222;}
.category-navi .category_wrap .depth_group a:hover:after,
.category-navi .category_wrap .depth_group li.on a:after {right:20px; top:50%; width:12px; height:12px; mask:url('../svg/ico-arrow-02-12-right.svg') no-repeat center center /100% auto; background:#222; transform:translateY(-50%);}
.category-navi .category_wrap .depth_group::before {display:none;}
.category-navi .menu_vowel {padding:20px 40px; box-sizing:border-box;}
.category-navi .menu_vowel [class^="vowel-cont-"] {margin-top:40px;}
.category-navi .menu_vowel [class^="vowel-cont-"]:first-child {margin-top:0;}
.category-navi .menu_vowel .head {display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;}
.category-navi .menu_vowel .head .headline {font-size:12px; font-weight:600; line-height:18px; color:#222;}
.category-navi .menu_vowel .head .more {font-size:12px; line-height:16px; color:#616161;}
.category-navi .menu_vowel .head .more a {color:currentColor;}
.category-navi .menu_vowel .carousel {width:228px; margin:0 -4px;}
.category-navi .menu_vowel .swiper-slide {width:68px;}
.category-navi .menu_vowel .swiper-slide ul {display:grid; grid-template-columns:repeat(3, 1fr); gap:20px 12px;}
.category-navi .menu_vowel .swiper-slide ul li {width:100%;}
.category-navi .menu_vowel .vowel-block {position:relative; width:68px;}
.category-navi .menu_vowel .vowel-block .link {position:absolute; top:0; left:0; width:100%; height:100%; font-size:0;}
.category-navi .menu_vowel .vowel-block .top {width:100%; text-align:center;}
.category-navi .menu_vowel .vowel-block .top .media {display:inline-block; overflow:hidden; width:60px; aspect-ratio:1; border-radius:20px;}
.category-navi .menu_vowel .vowel-block .top .media img {width:100%; height:100%;}
.category-navi .menu_vowel .vowel-block .bottom .txt {overflow:hidden; margin-top:4px; font-size:12px; font-weight:500; line-height:18px; color:#222; text-align:center; text-overflow:ellipsis; white-space:nowrap;}
.category-navi .menu_vowel .vowel-cont-special .swiper-arrow button {top:20px; transform:none;}
.category-navi .menu_vowel .vowel-cont-only .list {overflow:hidden; max-height:112px;}
.category-navi .menu_vowel .vowel-cont-only .list ul {display:flex; flex-wrap:wrap; gap:8px;}
.category-navi .menu_vowel .vowel-cont-only .list ul li a {display:inline-flex; align-items:center; height:32px; padding:0 12px; box-sizing:border-box; border-radius:20px; border:1px solid #e0e0e0; font-size:12px; line-height:18px; color:#616161;}
.category-navi .brand_wrap {position:relative; top:auto; width:375px; padding:20px; box-shadow:none; font-size:14px; border:0;}
.category-navi .brand_wrap .category_box .category_bottom {padding-top:20px;}
.category-navi .brand_wrap .form_inp > input {height:38px; border-radius:9999px;}
.category-navi .brand_wrap .form_inp > input::placeholder {color:#999;}
.category-navi .brand_wrap .form_inp.double .btn_ico.delete {right:36px; width:36px; height:100%; mask:url('../svg/ico-close-01-12.svg') no-repeat center center /12px auto; background:#616161;}
.category-navi .brand_wrap .form_inp.double .btn_ico.search02 {right:16px; width:20px; height:100%; mask:url('../svg/ico-search-01-20.svg') no-repeat 0 center /20px auto; background:#222;}
.category-navi .brand_wrap .form_inp.double .btn_ico:after {display:none;}
.category-navi .brand_wrap .category_brand {height:396px;}
.category-navi .brand_wrap .category_select ul {display:flex; align-items:center; gap:0 30px; margin-top:8px;}
.category-navi .brand_wrap .category_select ul li {margin:0; padding:0;}
.category-navi .brand_wrap .category_select ul li:before {left:-15px; width:1px; height:11px; background:#e0e0e0;}
.category-navi .brand_wrap .category_select ul li a {height:53px; line-height:53px; font-size:13px;}
.category-navi .brand_wrap .category_select ul li.on a {color:#222; font-weight:700;}
.category-navi .brand_wrap .category_index_all ul li strong {height:auto; font-size:16px; line-height:24px;}
.category-navi .brand_wrap .category_index_all ul li ul {padding-bottom:28px;}
.category-navi .brand_wrap .category_index_all ul li ul li {padding-top:28px; font-size:14px;}
.category-navi .brand_wrap .category_index_all .brand_tag {margin-left:8px; font-size: 11px;line-height: 17px;padding: 4px 5px;border-radius: 3px;}/* 24상시개선 카테고리 */
.category-navi .brand_wrap .category_index_all .brand_tag.exclusive {background: #EBF3FF;color: #3D8AFF;}/* 24상시개선 카테고리 */
.category-navi .brand_wrap .category_index_all .brand_tag.offline {background: #FCF6F0;color: #BA8236;}/* 24상시개선 카테고리 */
.category-navi .brand_wrap .category_index_all ul li ul li .ck_like {margin-top:0;}
.category-navi .brand_wrap .category_index_all ul li ul li div {display:flex; align-items:center;}
.category-navi .brand_wrap .category_index_group {overflow:hidden; overflow-y:auto; position:absolute; top:0; right:0; width:auto; height:100%; border-radius:50px; -webkit-overflow-scrolling:touch; box-sizing: border-box; -ms-overflow-style:none; background-color:#f5f5f5}
.category-navi .brand_wrap .category_index_group:after {content:''; display:block;}
.category-navi .brand_wrap .category_index_group::-webkit-scrollbar {display:none;}
.category-navi .brand_wrap .category_index_group ul {overflow:hidden; padding:16px 0 11px}
.category-navi .brand_wrap .category_index_group ul::-webkit-scrollbar {display:none;width: 0;height: 0}
.category-navi .brand_wrap .category_index_group ul li {margin-bottom:25px; padding:0 3px}/* 24상시개선 카테고리 */
.category-navi .brand_wrap .category_index_group ul li:last-child {margin-bottom:0}
.category-navi .brand_wrap .category_index_group ul li span {display:inline-block; width:22px; height:22px; line-height:22px; font-size: 12px; color: #555;text-align: center;}
.category-navi .brand_wrap .category_index_group ul li a {display: inline-block;width: 100%;height: 100%;color: #999; font-weight:400;}
.category-navi .brand_wrap .category_index_group ul li.active span {font-weight:400;color: #222}
.category-navi .brand_wrap .category_index_group ul li.active a {color: #222; font-size:12px; background-color:#fff; border-radius:50px}
.category-navi .brand_wrap .btn_wrap {margin-bottom:0;}
.category-navi-tab {display:flex; align-items:center; position:relative;}
.category-navi-tab:before {display:block; content:''; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:1px; background:#EEEEEE;}
.category-navi-tab .ai {position:relative; font-size:10px; line-height:16px; color:#999;}
.category-navi-tab .ai:before {display:inline-block; content:""; width:12px; height:12px; margin-right:2px; mask:url('../svg/ico-star-01-12.svg') no-repeat 0 0 /100% auto; background:#aaa; vertical-align:middle;}
.category-navi-tab ul {position:relative; display:flex; height:50px; padding:0 12px;}
.category-navi-tab ul li {display:flex; position:relative; align-items:center; box-sizing:border-box;}
.category-navi-tab ul li a {display:inline-block; height:100%; padding:0 8px; font-size:18px; line-height:28px; font-weight:700; color:#AAAAAA;}
.category-navi-tab ul li a span {display:inline-block; position:relative; align-content:center; height:100%;}
.category-navi-tab ul li.on a {color:#222;}
.category-navi-tab ul li.on a span:before {display:block; content:''; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:1px; background:#222;}
.category-navi-tab:has(ul li.on [data-global-menu="brand"]) .ai {display:none;}

/* GNB */
#gnb {overflow:hidden; max-width:524px; margin-left:-4px; padding:9px 0 9px 4px;}
#gnb ul {display:flex; align-items:center; gap:0 32px;}
#gnb ul li {font-size:20px; font-weight:600; line-height:20px; color:#222;}
#gnb ul li a {color:currentColor;}
#gnb ul li a:hover {color:#616161;}
#gnb ul li.on {font-weight:700; color:#222;}
#gnb ul li.home a:hover {color:#222;}
#gnb ul li .btn-category {display:inline-flex; align-items:center; justify-content:center; position:relative; width:40px; height:40px; border-radius:8px; background:#fff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); font-size:0;}
#gnb ul li .btn-category:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; mask:url('../svg/ico-category-01-24.svg') no-repeat center center /20px auto; background:#222;}

/* Quick */
#quick {position:fixed; bottom:40px; right:40px; z-index:100; transition:0.3s ease; transform:translateY(0);}
#quick .btn-top {display:block; position:relative; width:40px; height:40px; border-radius:50%; background:#fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); font-size:0;}
#quick .btn-top:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; mask:url('../svg/ico-arrow-02-20-up.svg') no-repeat center center /20px auto; background:#222;}
.isTop #quick {bottom:0; transform:translateY(100%);}

/* 최상단 유틸영역 레이어 팝업 */
.layer-unit {position:absolute; top:100%; left:0; min-width:160px; padding:20px; border:1px solid #eee; background:#fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-sizing:border-box;}
.layer-unit .unitin {position:relative;}
.layer-unit .unitin .close {position:absolute; top:0; right:0; width:16px; height:16px; mask:url('../svg/ico-close-01-16.svg') no-repeat 0 0 /100% auto; background:#222;}
.layer-unit .unitin .title {margin-bottom:20px; font-size:16px; font-weight:700; line-height:16px; color:#222;}
.layer-unit .language ul {display:flex; flex-direction:column; gap:20px 0;}
.layer-unit .language ul li {font-size:12px; line-height:12px; color:#222;}
.layer-unit .language ul li.ko {font-weight:700;}
.layer-unit .language ul li a {color:currentColor;}
.layer-unit [class^="order-"] {width:240px;}
.layer-unit [class^="order-"] .btn_wrap,
.layer-unit [class^="order-"] .btn_wrap_tobe {margin-top:30px;}
.layer-unit [class^="order-"] .btn_wrap_tobe button {border-radius:0;}
.layer-unit .order-search dl dt {font-size:12px; line-height:16px; color:#222;}
.layer-unit .order-search dl dt ~ dt {margin-top:20px;}
.layer-unit .order-search dl dd {margin-top:6px; font-size:12px; line-height:16px; color:#222;}
#header .func-cont ul li.on [class^="layer-"]:before {display:block; content:""; position:absolute; top:-10px; width:100%; height:15px;}

.layer-unit .order-info .board {height:120px; align-content:center; border-radius:10px; background:#FAFAFA; box-sizing:border-box; text-align:center;}
.layer-unit .order-info .board .date {font-size:18px; font-weight:700; line-height:18px; color:#222;}
.layer-unit .order-info .board .text {margin-top:10px; font-size:14px; line-height:14px; color:#616161;}
.layer-unit .order-info .info {margin-top:20px;}
.layer-unit .order-info .info ul {display:flex; flex-direction:column; gap:10px 0;}
.layer-unit .order-info .info ul li {display:flex; align-items:center; gap:0 5px; font-size:11px; color:#616161;}
.layer-unit .order-info .info ul li .time {display:inline-block; min-width:50px; height:20px; padding:0 10px; box-sizing:border-box; border-radius:3px; background:#f5f5f5; line-height:20px; font-size:11px; color:currentColor;}
.layer-unit .order-info .info ul li .limit {color:currentColor;}
.layer-unit .order-info .btn_wrap {gap:0 4px;}
.layer-unit .exchange dl {display:flex; align-items:center;}
.layer-unit .exchange dl + dl {margin-top:8px;}
.layer-unit .exchange dl dt {height:20px; padding:0 17px 0 25px; background:url('../svg/img-exchange-dollar.svg') no-repeat 0 center /20px auto; font-size:14px; line-height:20px; color:#222;}
.layer-unit .exchange dl dt.krw {background-image:url('../svg/img-exchange-won.svg');}
.layer-unit .exchange dl dd {width:170px;}
.layer-unit:has(.platform) {top:calc(100% - -4px); min-width:152px; border:1px solid #eee; background:rgba(255,255,255,0.7); box-shadow:0px 4px 6px 0px rgba(0, 0, 0, 0.1); backdrop-filter:blur(30px);}
.layer-unit .platform ul {display:flex; flex-direction:column; gap:20px 0;}
.layer-unit .platform ul li a {display:block; position:relative; width:100%; height:16px; padding-left:28px; box-sizing:border-box; background:url('../svg/img-platform-shilla.svg') no-repeat 0 center /16px; font-size:13px; line-height:16px; color:#222;}
.layer-unit .platform ul li.shilla a {font-size:16px; font-weight:700; line-height:19px;}
.layer-unit .platform ul li.shilla a:after {display:block; content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); width:8px; height:8px; mask:url('../svg/ico-arrow-02-08-right.svg') no-repeat right center /8px auto; background:#222;}
.layer-unit .platform ul li.rewards a {background-image:url('../svg/img-platform-rewards.svg');}
.layer-unit .platform ul li.offline a {background-image:url('../svg/img-platform-offline.svg');}

/* 검색어 키워드 레이어 */
.layer-search {display:none; position:absolute; top:67px; left:50%; transform:translateX(-50%); width:470px; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.layer-search .cont {overflow:hiddden; overflow-y:auto; max-height:474px; padding:0; background:#fff; box-sizing:border-box;}
.layer-search .search-before .cover {display:flex;}
.layer-search .search-before .cover > div {flex:1; width:50%; padding:8px 20px 20px; box-sizing:border-box;}
.layer-search .search-before .title {height:50px; align-content:center; font-size:14px; font-weight:700; line-height:21px; color:#222;}
.layer-search .search-before .list {margin:0 -20px;}
.layer-search .search-before .list ul li {display:flex; align-items:center; justify-content:space-between; height:36px; padding:0 20px;}
.layer-search .search-before .list ul li .word {flex:1; display:block; overflow:hidden; min-width:0; font-size:14px; line-height:22px; color:#222; text-overflow:ellipsis; white-space:nowrap;}
.layer-search .search-before .list ul li .word a {color:currentColor;}
.layer-search .search-before .list ul li .del {flex-shrink:0; width:12px; height:100%; margin-right:-20px; margin-left:auto; padding:0 20px; font-size:0; mask:url('../svg/ico-close-01-24.svg') no-repeat center center /12px auto; background:#aaa;}
.layer-search .search-before .noti {display:flex; align-items:center; height:36px; font-size:12px; line-height:16px; color:#999;}
.layer-search .search-before .popular .list {counter-reset:serch-number;}
.layer-search .search-before .popular .list ul li:before {display:inline-block; counter-increment:serch-number; content:counter(serch-number); width:18px; font-size:14px; font-weight:700; line-height:22px; color:#E80F00;}
.layer-search .search-before .popular.wide .list ul {display:grid; grid-auto-flow:column; grid-template-rows:repeat(5, auto); grid-template-columns:repeat(2, minmax(0, 1fr));}
.layer-search .search-after {padding:20px;}
.layer-search .search-after a {display:block; color:currentColor;}
.layer-search .search-after .list > ul {display:flex; flex-direction:column; gap:17px 0;}
.layer-search .search-after .list dl {display:flex; align-items:center; justify-content:space-between;}
.layer-search .search-after .list dl dt {flex:1; font-size:14px; line-height:22px; color:#222;}
.layer-search .search-after .list dl dd {flex-shrink:0; margin-left:auto;}
.layer-search .search-after .category ul li {position:relative; padding:12px 30px 0 30px; font-size:14px; line-height:22px; color:#222;}
.layer-search .search-after .category ul li:before {display:block; content:""; position:absolute; top:19px; left:10px; width:8px; height:8px; border-left:1px solid #222; border-bottom:1px solid #222; box-sizing:border-box;}
.layer-search .search-after .keyword {color:#E80F00;}
.layer-search .search-after .tag {display:inline-flex; align-items:center; height:22px; padding:0 7px; border-radius:3px; background:#F5F5F5; font-size:13px; color:#616161; white-space:nowrap;}
.layer-search .search-after .num {display:inline-block; margin-left:3px; color:#999; background:none; font-size:inherit; line-height:inherit; text-align:left;}
.layer-search .no-result {align-content:center; height:200px; padding:20px; font-size:14px; line-height:22px; color:#222; text-align:center; box-sizing:border-box;}
.layer-search .bottom {display:flex; align-items:center; height:50px; padding:0 20px; background:#F5F5F5;}
.layer-search .bottom a {font-size:14px; line-height:20px; color:#616161;}
.layer-search .bottom .close {margin-left:auto;}

/* 최근 본 레이어 */
.layer-history {display:none; position:absolute; top:67px; right:0; width:375px; background:#fff; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.layer-history .inner {padding:20px;}
.layer-history .carousel {position:relative; padding:0 14px 0 13px;}
.layer-history .swiper-container {position:relative;}
.layer-history .swiper-arrow.small button.prev {left:0;}
.layer-history .swiper-arrow.small button.next {right:0;}
.layer-history .list ul {display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}
.layer-history .list ul li {overflow:hidden; width:68px; height:68px; border-radius:28px;}
.layer-history .list ul li a {display:block; position:relative; width:100%; height:100%;}
.layer-history .list ul li a:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.03);}
.layer-history .list ul li img {width:100%; height:100%;}
.layer-history .btn_wrap {margin-top:20px; margin-bottom:0;} /* margin-bottom tobe 대응 */

/* 장바구니 레이어 */
.layer-cart {display:none; position:absolute; top:67px; right:0; width:375px; background:#fff; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.layer-cart .cart-head {display:flex; align-items:center; height:52px; padding:0 20px;}
.layer-cart .cart-head .inp-lb .txt {color:#222;}
.layer-cart .cart-cont {max-height:453px; padding-right:0;}
.layer-cart .cart-bottom {position:relative; padding:51px 20px 20px;}
.layer-cart .cart-bottom:before {display:block; content:""; position:absolute; top:20px; left:50%; transform:translateX(-50%); width:calc(100% - 40px); height:1px; background:#E0E0E0;}
.layer-cart .total-info {display:flex; align-items:center; justify-content:space-between; margin-bottom:30px;}
.layer-cart .total-info .tit {font-size:20px; font-weight:700; line-height:26px; color:#222;}
.layer-cart .total-info .price-unit .unitin {gap:0 10px;}
.layer-cart .total-info .price-unit .unitin span.dollar {font-size:24px; line-height:31px; color:#999999;}
.layer-cart .total-info .price-unit .unitin span.dollar.imp {font-size:26px; font-weight:700; line-height:34px; color:#E80F00;}
.layer-cart .product-list {padding:0 20px;}
.layer-cart .product-unit:first-child:before {display:none;}
.layer-cart .product-unit:before {display:block; content:""; position:absolute; top:-24px; left:0; width:calc(100% - -40px); height:1px; margin:0 -20px; background:#EEEEEE;}
.layer-cart > .inner {position:relative; width:100%;}
.layer-cart:has(.cart_wrap) {width:424px;}
.layer-cart .cart_wrap {float:none;}
.layer-cart .cart_wrap .cart_box {display:block; position:static; right:0; width:100%; background:none; box-shadow:none;}

/* 2026-08-10 : 장바구니 TOBE 디자인으로 적용 */
.layer-cart:has(.cart_wrap) {width:375px;}
.layer-cart .inp_checkbox.st01 > label {position:relative; min-height:auto; padding-left:24px; background:none; font-size:13px; color:#222; line-height:21px;}
.layer-cart .inp_checkbox.st01 > label:before {display:block; content:""; position:absolute; top:0; left:0; width:16px; height:16px; mask:url('../svg/ico-checkbox-01-16.svg') no-repeat 0 0 /100% auto; background-color:#E0E0E0;}
.layer-cart .inp_checkbox.st01 > input:checked + label:before {mask-image:url('../svg/ico-checkbox-01-16-fill.svg'); background-color:#E80F00;}
.layer-cart .cart_wrap .all_chk {padding:15.5px 20px;}
.layer-cart .cart_wrap .all_chk .inp_checkbox.st01 > label:before {top:50%; transform:translateY(-50%);}
.layer-cart .cart_wrap .cart_product {max-height:475px; padding:0 0 20px; box-sizing:border-box;}
.layer-cart .cart_wrap .cart_product .pro_giftarea {left:0;}
.layer-cart .cart_wrap .cart_product .pro_giftarea .pgift_lable {position:static; border-radius:0; width:auto; height:18px; padding:0 4px; background:rgba(0,0,0,0.8); font-size:10px; line-height:18px;}
.layer-cart .cart_wrap .product_cont:has(.pro_giftarea) .pro_img [class^="pro_"] {left:28px;}
.layer-cart .product_wrap.type3 {margin-bottom:0;}
.layer-cart .product_wrap.type3 .product_box {margin-left:0; margin:48px 0 0; padding:0 20px 0 48px; box-sizing:border-box;}
.layer-cart .product_wrap.type3 .product_box:before {display:block; content:""; position:absolute; top:-24px; left:50%; transform:translateX(-50%); width:100%; height:1px; background:#eee;}
.layer-cart .product_wrap.type3 .product_box:first-child {margin-top:0;}
.layer-cart .product_wrap.type3 .product_box:first-child:before {display:none;}
.layer-cart .product_wrap.type3 .product_cont {position:relative; align-items:flex-start;}
.layer-cart .product_wrap.type3 .product_cont .pro_img {flex-shrink:0; width:80px; height:80px; border-radius:0;}
.layer-cart .product_wrap.type3 .product_cont .pro_img:before {border-radius:0;}
.layer-cart .product_wrap.type3 .product_cont .pro_detail {width:100%; min-width:0; padding-left:12px;}
.layer-cart .product_wrap.type3 .pro_detail .pro_info .info_brand {min-height:20px; padding-right:20px; font-size:12px; line-height:20px; color:#222;}
.layer-cart .product_wrap.type3 .pro_detail .pro_info .info_name {margin-top:0; min-height:16px; font-size:12px; line-height:16px; color:#616161;}
.layer-cart .product_cont .proset_name .pronum,
.layer-cart .product_cont .proset_name .pronum em {font-size:12px; line-height:16px; color:#616161; font-family:inherit; text-transform:lowercase;}
.layer-cart .product_cont .proset_name .pronum em i {font-size:12px;}
.layer-cart .product_wrap .product_cont .pro_img [class^="pro_"] {width:auto; top:0; left:0; bottom:auto; height:18px; padding:0 4px; border-radius:0; white-space:nowrap; backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); font-size:10px; line-height:18px; color:#E80F00; background:rgba(255, 192, 194, 0.5);}
.layer-cart .product_wrap .product_cont .pro_img .pro_out {top:auto; bottom:0; background:rgba(202, 202, 202, 0.7); color:#fff;}
.layer-cart .product_wrap .product_cont .pro_img .pro_age {top:auto; bottom:0; width:19px; padding:0; background:rgba(232, 15, 0, 0.8); color:#fff; text-align:center;}
.layer-cart .product_select {position:absolute; top:0; left:0; z-index:1; width:100%; margin-bottom:0; padding:0 20px; box-sizing:border-box;}
.layer-cart .product_select .inp_checkbox.st01 > label {font-size:0;}
.layer-cart .product_select .btn_ico.remove {width:16px; height:16px;}
.layer-cart .product_select .btn_ico.remove:after {width:100%; height:100%; mask:url('../svg/ico-close-01-16.svg') no-repeat 0 0 /100% auto; background:#616161;}
.layer-cart .cart_wrap .cart_info {padding:0 20px 20px; border:0;}
.layer-cart .cost_wrap {padding-top:31px; border-top:1px solid #E0E0E0;}
.layer-cart .cost_wrap .desc_txt {line-height:26px;}
.layer-cart .pro_detail .pro_info .info_price {display:flex; flex-direction:column; margin-top:2px; height:auto;}
.layer-cart .pro_detail .pro_info .info_price > [class^="p_"] {display:flex; gap:0 4px; min-height:14px;}
.layer-cart .pro_detail .pro_info .info_price > [class^="p_"] > * {margin:0; font-size:12px; line-height:18px;}
.layer-cart .pro_detail .pro_info .info_price .p_sum i {font-weight:bold; color:#222;}
.layer-cart .pro_detail .pro_info .info_price .p_sum strong {font-weight:normal; color:#616161;}
.layer-cart .cart_wrap .add_remove {margin-top:10px;}
.layer-cart .cart_wrap .add_remove .p_num {display:none;}
.layer-cart .cart_wrap .add_remove .btn_ico {width:34px; height:28px; border:1px solid #e0e0e0; background:#fff;}
.layer-cart .cart_wrap .add_remove .btn_ico:after {width:8px; height:8px; mask:url('../svg/ico-minus-01-08.svg') no-repeat 0 0 /100% auto; background:#222;}
.layer-cart .cart_wrap .add_remove .btn_ico.minus {border-radius:2px 0 0 2px; border-right:0;}
.layer-cart .cart_wrap .add_remove .btn_ico.plus {border-radius:0 2px 2px 0; border-left:0;}
.layer-cart .cart_wrap .add_remove .btn_ico.plus:after {mask-image:url('../svg/ico-plus-01-08.svg');}
.layer-cart .cart_wrap .add_remove .cart_amount {width:32px; height:28px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; box-sizing:border-box;}
.layer-cart .cart_wrap .add_remove .cart_amount input {font-size:12px; font-weight:bold;}
.layer-cart .cart_wrap .add_remove [class^="btn_grade"] {width:60px; height:28px; margin-left:4px; border-radius:2px; color:#222;}
.layer-cart .cart_wrap .add_remove [class^="btn_grade"]:disabled {color:#cacaca; opacity:1;}
.layer-cart .product_cont.out .pro_detail .pro_info .info_price .p_rate strong {color:#aaa;}
.layer-cart .product_cont.out .pro_detail .pro_info .info_price .p_rate i {color:#cacaca;}
.layer-cart .product_cont.out .pro_detail .pro_info .info_price .p_sum i {color:#aaa;}
.layer-cart .product_cont.out .pro_detail .pro_info .info_price .p_sum strong {color:#cacaca;}
.layer-cart .product_cont.out.age .pro_img .pro_out {left:19px;}
.layer-cart .product_cont.out.age .pro_img .pro_age {display:block;}
.layer-cart .product_cont.age .pro_img:before {backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);}
.layer-cart .product_cont.age .pro_img img {filter:blur(0);}