@charset "utf-8";

@font-face{
    font-family: 'NotoSans';
    font-style: normal;
    font-weight:400;
    src: url('../font/NotoSansKR-Regular.eot');
    src: url('../font/NotoSansKR-Regular.woff2') format('woff2'),url('../font/NotoSansKR-Regular.woff') format('woff'),url('../font/NotoSansKR-Regular.otf') format('opentype')
}

@font-face{
    font-family: 'NotoSansBold';
    font-style: normal;
    font-weight:500;
    src: url('../font/NotoSansKR-Medium.eot');
    src: url('../font/NotoSansKR-Medium.woff2') format('woff2'),url('../font/NotoSansKR-Medium.woff') format('woff'),url('../font/NotoSansKR-Medium.otf') format('opentype')
}

@font-face{
    font-family: 'NotoSansLight';
    font-style: normal;
    font-weight:400;
    src: url('../font/NotoSans-DemiLight.eot');
    src: url('../font/NotoSans-DemiLight.woff2') format('woff2'),url('../font/NotoSans-DemiLight.woff') format('woff'),url('../font/NotoSans-DemiLight.otf') format('opentype')
}

@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: 'Marcellus';
    font-style: normal;
    font-weight:400;
    src: url('../font/Marcellus.woff2') format('woff2'),url('../font/Marcellus.woff') format('woff')
}
@font-face {
    font-family: 'Marcellus SC';
    font-style: normal;
    font-weight:400;
    src: url('../font/Marcellus SC.woff2') format('woff2'),url('../font/Marcellus SC.woff') format('woff')
}

@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:'Pretendard-Var','맑은 고딕','Malgun Gothic'}
fieldset{min-width:0}
textarea{font-size:12.1px;font-family:'Pretendard-Var','맑은 고딕','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:700;}
hr{display:none}
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}
body{width:100%; height:100%; font-size:14px; font-family:'Pretendard-Var','맑은 고딕','Malgun Gothic'; color: #222; letter-spacing:-0.02em;}

/* 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; font-weight:400;}

/* 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;}*/

.fc_000{color:#000 !important;}
.fc_222{color:#222 !important;}
.fc_666{color:#616161 !important;}
.fc_999{color:#999 !important;}
.fc_ccc{color:#999 !important;}
.fc_fff{color:#fff !important;}
.fc_point{color:#E80F00 !important;}
.fl_l{float:left;}
.fl_r{float:right;}
.f_bold{font-weight:700;}
.align_l{text-align:left !important;}
.align_r{text-align:right !important;}
.align_c{text-align:center !important;}
.v_top{vertical-align:top !important;}
.v_mid{vertical-align:middle !important;}
.v_btm{vertical-align:bottom !important;}
.dsy_blc{display:block;}
.dsy_inb{display:inline-block;}
.dsy_in{display:inline;}

/* 노토산스 */
.notosans {font-weight:400;}
.notosans_b {font-weight:700;}

/* 영문 & 숫자 단일 */
.manrope{font-weight:400;}
.manrope_b{font-weight:700;}

/* 취소선 */
.strike{text-decoration:line-through;}

/* 배경색 */
.bg_color {background-color: #f5f5f5;}

/* 스크롤 커스텀 */
.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);*/ }
/* 2022-07-28 셀렉트박스 스크롤바 수정 (ul 추가) */
[data-selectbox] [data-set-list] ul::-webkit-scrollbar {width:8px;} /* 2023-08-22 셀렉트박스 스크롤바 스타일 수정 */
[data-selectbox] [data-set-list] ul::-webkit-scrollbar-track {background-color: #f5f5f5;}
[data-selectbox] [data-set-list] ul::-webkit-scrollbar-thumb {background-color: #CACACA; border-radius: 4px; /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */ } /* 2023-08-22 셀렉트박스 스크롤바 스타일 수정 */

/* 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:1366px;}
#container{position:relative;z-index:1;padding-bottom:140px}


/* -------- header-------- */
#header {position:relative;z-index: 2;background-color:#fff;}/* 2022-07-27 background 추가 */
/* .top_banner.hide + #header {padding-top:70px} */
.header_wrap {min-height:171px} /* sticky 작업에 필요한 높이 */

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

.header_top .util_menu {margin-top:3px; display:inline-block; vertical-align:top}
.header_top .util_menu:after {content:''; display:block; clear:both}
.header_top .util_menu > li {position:relative; float:left; padding:0 20px; font-size:12px}
.header_top .util_menu > li:first-child:before {display:none}
.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}
.header_top .util_menu > li:after {content:''; display:block; clear:both}
.header_top .util_menu [class^="level"] {position:relative; padding-left:20px;}
.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;}
.header_top .util_menu .level1:before {background-position:0 0;}
.header_top .util_menu .level2:before {background-position:0 -29px;}
.header_top .util_menu .level3:before {background-position:0 -56px;}
.header_top .util_menu .level4:before {background-position:0 -84px;}
.header_top .util_menu .level5:before {background-position:0 -111px;}
/* 22-12-07 멤버십 개편 */
.header_top .util_menu .level_1:before {height:15px; background-image: url('../images/ico_mlevel_br_small.png'); background-size:15px 15px}
.header_top .util_menu .level_2:before {height:15px; background-image: url('../images/ico_mlevel_s_small.png'); background-size:15px 15px}
.header_top .util_menu .level_3:before {height:15px; background-image: url('../images/ico_mlevel_g_small.png'); background-size:15px 15px}
.header_top .util_menu .level_4:before {height:15px; background-image: url('../images/ico_mlevel_gp_small.png'); background-size:15px 15px}
.header_top .util_menu .level_5:before {height:15px; background-image: url('../images/ico_mlevel_d_small.png'); background-size:15px 15px}
.header_top .util_menu .level_6:before {height:15px; background-image: url('../images/ico_mlevel_b_small.png'); background-size:15px 15px}
.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{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:47px}
.header_wrap.fixed .total_search {margin-top:8px; margin-left:212px;}
.header_wrap.fixed .brand_wrap {top:47px}
.header_wrap.fixed .member_wrap {top:23px;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;}

/* 환율 계산 */
.header_top .exchange {position:relative}
.header_top .exchange .tit_wrap .tit {display:inline-block; vertical-align:middle; font-size:12px;}
.header_top .exchange .tit_wrap .tit a {font-weight:700;}
.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;}
.exchange_cal .tit span {display:inline-block; vertical-align:middle}
.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}

/* 언어변경 */
.header_top .language {position:relative}
.header_top .language .tit {position:relative; padding:0 12px}
.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;}
.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;} /* 2022-07-28 font-weight로 변경 */
.pop_language .language_list li:last-child {font-weight:400;}

.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;}/* 22-08-18 left 수정 */
.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;}

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

.gnb_wrap {float:left; padding-top:53px}
.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;}
.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;}

/* 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;}

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

.only_list_wrap {height:92px;}
.only_list {width:232px; margin:0 auto}
.only_list.small_banner .swiper-slide {width: 100%;}
.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}/* 공통 수정 필요*/
.only_list.small_banner .swiper-slide > .btn > span {display:table; width:100%; height:100%; line-height:1.2}
.only_list.small_banner .swiper-slide > .btn > span > i {display:table-cell; vertical-align:middle}
.only_list.small_banner .swiper-slide > .btn:nth-child(1),
.only_list.small_banner .swiper-slide > .btn:nth-child(2) {margin-top:0}
.only_list.small_banner .swiper-slide > .btn:nth-child(1),
.only_list.small_banner .swiper-slide > .btn:nth-child(3) {margin-left:0}

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

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

.search_bar .form_inp {border-bottom:2px solid #222;}
.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;}
.total_search .form_inp.inp input::placeholder {font-size: 14px;}
.total_search.on .form_inp.inp input::placeholder {font-size: 16px;}
.search_bar .form_inp.inp input:read-only {background-color: #fff;}
.total_search.on .search_bar .form_inp.inp input {padding-right: 80px;}
.search_bar .form_inp:hover > input,
.search_bar .form_inp input:focus {border-color: transparent;}
.search_bar .form_inp.double .btn_ico {height:50px;}
.search_bar .form_inp .btn_ico.search {right: 10px;}
.search_bar .form_inp .btn_ico.close {right: 50px;}

.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;}
.search_cont > .search_inner {max-height: 676px; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0;}
.search_cont .search_before {display: block;}
.search_cont.auto .search_before {display: none;}
.search_cont .search_auto {display: none;}
.search_cont.auto .search_auto {display: block;}

.search_keyword {display: flex;}
.search_keyword .search_title {display: block; font-size: 24px; line-height: 1; margin-bottom: 24px;}/* 26-02-24  AI필터 확대 적용 */
.search_keyword .keyword_box {padding: 0 20px 37px 40px; flex: 1; box-sizing: border-box;}
.search_keyword .keyword_box.latest_word {max-width: 50%;}
.search_keyword .update {color: #999; margin-top: 19px; font-size: 12px;}

.search_theme {padding: 0 0 40px 40px;}
.search_theme .search_title {font-size: 16px; display: block; margin-bottom: 20px; line-height: 1;}
.search_theme .theme_list_wrap {height: 75px;}
.search_theme .theme_list {width: 100%; height: 75px; overflow:hidden; position:relative; padding:0; white-space:nowrap; border-radius: 0;}
.search_theme .theme_list .swiper-slide{width:230px !important;}
.search_theme .theme_list img{width:100%;}

.search_auto .auto_box {padding: 0 40px 47px;}
.search_auto .no_result {padding: 70px 0 65px;}

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

/* 26-03-03 AI필터 요건 대응*/
.search_bottom {position: absolute; width: 100%; box-sizing: border-box; height: 50px; bottom: 0; background-color: #f5f5f5; padding:0 20px; display: flex; align-items: center;}
.search_bottom button {display: inline-block; font-size: 14px; color: #616161;}
.search_bottom .btn_switch {display:inline-block;padding: 0 5px 0 0; vertical-align: middle;}
.search_bottom .btn_delete_all {position: relative;}
.search_bottom .btn_switch + .btn_delete_all{padding-left:10px;}
.search_bottom .btn_switch + .btn_delete_all::before {display: block; content: '';position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background-color: #e0e0e0;}
.search_bottom .btn_close {margin-left:auto;}

/* member */
.member_wrap {position: absolute; top:49px; right:62px;/*opacity: 0;transition: opacity .4s;*/ }
.member_wrap .btn_member {display:block}
.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;}
.member_wrap .btn_member .ico:after {content:''; display:block; width:100%; height:100%;}

/* 장바구니 */
.cart_wrap {float:right; position:relative;}
.cart_wrap .btn_cart {display:block; padding:51px 10px 45px 16px;}
.cart_wrap .btn_cart .ico {position:relative; display:inline-block; width:31px; height:29px; text-align:center;}
.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}
.cart_wrap .btn_cart .ico .blind{display:inline-block; width: 27px; height: 25px; text-align:center; background:url('../images/ico_cart02.png') 0 0/cover no-repeat;}
.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}
.cart_wrap .btn_cart.in .ico .num,
.cart_wrap .btn_cart.in .ico:before{display:block;}

.cart_wrap .btn_cart.animated .ico:before{animation:cartPluse .5s ease-in-out both;}
.cart_wrap .btn_cart.animated .ico .blind{animation:cartShake .6s .6s ease-in-out forwards;}
.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;}
}



.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;}
.cart_wrap .cart_box.on {display:block}
.cart_wrap .all_chk {padding: 30px 30px 10px; font-size: 16px; line-height: 1.25;}
.cart_wrap .cart_product {max-height:386px; /*max-height: 616px;*/ padding: 20px 30px 30px; overflow-x:hidden; overflow-y: auto;}
.cart_wrap .cart_product .pro_detail {width: calc(100% - 160px)}
.cart_wrap .add_remove{margin-top:10px;}
.cart_wrap .add_remove .cart_amount{height:25px;}/* 2022-07-27 추가 */
.cart_wrap .cart_box .no_result{padding:60px 30px; line-height:1;text-align:center;}/* 2022-08-29 : 장바구니 없는 경우 추가 */

.add_remove .btn_ico {display: inline-block; width: 24px; height: 24px}
.add_remove .cart_amount {display:inline-block; width: 50px; height: 40px;}/* 2022-07-27 수정 */
.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}

/* 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;}

.cart_wrap .cart_info {padding: 30px 40px 40px; border: 1px solid #e0e0e0;}
.cost_wrap {display: flex; justify-content: space-between; margin-bottom: 30px; align-items: center;}
.cost_wrap .desc_txt {font-size: 20px;}
.cost_wrap .cost .strike {font-size: 24px; color: #999; font-weight:400;}
.cost_wrap .cost .sum {font-size: 26px; color: #E80F00; font-weight:700; margin-left: 10px}

/* 플랫폼 선택 팝업 */
.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}
.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}
.btn_platform.on::after{transform:rotate(180deg);}

.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-18 : background 수정 */
[data-layer-view].on.platform_box{z-index:35}
.platform_box dt + dd {margin-top:26px}
.platform_box dd{margin-top:20px}
.header_wrap.fixed .platform_box{top:53px;}
.btn_pf{display:block; position:relative; font-size:14px; line-height:1.2; padding-left:30px;}
.btn_pf::before, .btn_pf::after {display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); background:0 0 no-repeat}
.btn_pf.type00 {padding-right:20px; font-size:16px; font-weight:700;}
.btn_pf.type00::before{width:20px; height:6px; background-image:url('../images/img_logo_small.png');}
.btn_pf.type00::after{top:4px; left:auto; right:0; width:9px; height:10px; background-image:url('../images/ico_arrow07.png'); transform:rotate(-90deg);}
.btn_pf.type01::before{width:19px; height:20px; background-image:url('../images/ico_platform01.png');}
.btn_pf.type02::before{width:21px; height:21px; background-image:url('../images/ico_platform02.png');}
.btn_pf.type03::before{width:21px; height:21px; background-image:url('../images/ico_platform03.png');}
.btn_pf span {position:relative; display:inline-block; padding-right:19px}
.btn_pf:hover span:after {opacity:1}
.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:100;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 {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}
.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-weight:700;} */
/* .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 {position:relative; 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;}

.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}
.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-weight:400;}
.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-weight:400;}
.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_"] [class^="ico"] {display:inline-block; vertical-align:middle;}
.f_navi .certify [class^="certify_"] [class^="ico"] img{width:100%;}/* 24-08-30 푸터 인증마크 현행화 */
.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 [class^="ico"] {width:40px;}/* 24-07-11 푸터 인증마크 변경 *//* 24-08-30 푸터 인증마크 현행화 */
.f_navi .certify_ccm [class^="ico"] {width:41px;}/* 24-07-11 푸터 인증마크 변경 *//* 24-08-30 푸터 인증마크 현행화 */
.f_navi .certify_ismsp [class^="ico"] {width:49px;}/* 24-07-11 푸터 인증마크 변경 *//* 24-08-30 푸터 인증마크 현행화 */
.f_navi .certify_ncsi [class^="ico"] {width:43px;}/* 24-07-11 푸터 인증마크 변경 *//* 24-08-30 푸터 인증마크 현행화 */

.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 [class^="sns_"] a img{width:100%}/* 24-08-30 푸터 인증마크 현행화 */

.f_navi .sns_link .sns_01 a {width:30px;}/* 24-08-30 푸터 인증마크 현행화 */
.f_navi .sns_link .sns_02 a {width:30px;}/* 24-08-30 푸터 인증마크 현행화 */
.f_navi .sns_link .sns_03 a {width:30px;}/* 24-08-30 푸터 인증마크 현행화 */

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

/* -------- Form -------- */
.err_msg {display:none; font-size:12px; color:#E80F00; margin-top:8px; line-height:16px; text-align:left;} /* 2024-05-02 : 회원가입 프로세스 개선 */
.form_tit{font-size:16px; color:#616161; font-weight:400; 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{color: #999;}
.form_tit.emp{color:#E80F00;}/* 23-11-23 성인인증 시 개인정보 활용동의 추가 */

.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; font-weight:700;}
.form_inp > input::placeholder {color: #bbb; font-weight:400;}
.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.del > 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:18px; height:40px;}/* 26-02-05 26상시개선 주문/장바구니 */

/* .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:39px}/* 26-02-05 26상시개선 주문/장바구니 */
.form_inp.double > input {padding-right: 57px}/* 26-02-05 26상시개선 주문/장바구니 */
/* .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;}
/* 25-10-20 개인정보 강화(크리덴셜 스터핑) *//* 인증 추가 */
.form_inp:has(.time) .btn_ico.delete{right:52px}

.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_area_cont .error > .err_msg .item,
.form_box .error > .err_msg .item{display:block;}/* 23-07-06 회원정보 인증 추가 *//* 25-10-20 개인정보 강화(크리덴셜 스터핑) */
.form_area_cont .error > .err_msg .complete,
.form_box .error > .err_msg .complete{color:#222;}/* 2022-07-25 추가 *//* 23-07-06 회원정보 인증 추가 *//* 25-10-20 개인정보 강화(크리덴셜 스터핑) */

.form_inp > input:disabled {color:#CACACA !important; background-color:#fafafa}
.form_inp > input:read-only {color:#616161;}
.form_inp:hover > input:read-only,
.form_inp > input:read-only:hover {border-color: transparent;}
.form_inp > input:read-only:focus{background-color:#f5f5f5; border-color:transparent;}
.form_inp:hover > input[disabled='disabled'] {border-color:transparent}
.form_inp:hover > input[readonly='readonly']{border-color:transparent}
.form_inp > input[readonly='readonly']:hover{border-color:transparent}
.form_inp > input[readonly='readonly']:focus{background-color:#f5f5f5;border-color:transparent}
.form_inp.error > input[readonly='readonly']:hover,
.form_inp.error > input[readonly='readonly']:focus{border-color:#E80F00;}/* 2022-07-01 추가 */

/* 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;border-radius:0;}/* 2022-08-24 border-radius:0 추가 */

.btn_select {appearance:none; -webkit-appearance:none; position: relative; padding-right: 16px; font-size: 15px; border: none; background:url('../images/ico-arrow-02-12-down.png') 100% 50%/12px auto no-repeat; color:#222;}/* 26-02-05 26상시개선 주문/장바구니 *//* 26상시개선 디자인 - 전체 공통 수정 요청 */
/* .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}
/* 25-09-11 오퍼체계개선 수정 */
select.txtopt1{background-position: 59px 60%;}/* 글자 수 4 */

[data-selectbox] {position:relative; display:inline-block;/*border:1px solid #f5f5f5;*/  border-radius:10px; box-sizing:border-box; width:100%;}/* 26-02-05 26상시개선 주문/장바구니 */
.form_select.st01,
.select_box.st01 {width:240px;}
[data-selectbox].on{z-index:12;}
.select_box.on {/*border-color:#222;*/border-radius:10px 10px 0 0}
/* .select_box:hover {border-color:#222} */
[data-selectbox] [data-set-button]{position:relative; width:100%; text-align:left; box-sizing:border-box;}
[data-selectbox] [data-set-button]:after{content:''; display:block; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
[data-selectbox] [data-set-button]:hover{border-color:#222}
[data-selectbox] [data-set-button].on {color:#222;}
.select_box button {padding:8px 48px 9px 18px; color:#bbb; font-size:14px; border-radius:10px; background-color:#f5f5f5;border:1px solid #f5f5f5;}
.select_box button:after {right:18px; width:10px; height:6px; background:url('../images/ico_arrow09.png') 0 0 no-repeat;}

.select_box.on button {border-radius:10px 10px 0 0; background-color:#fff;border-color:#222}
.select_box.on button:hover {background-color:#f5f5f5}
.select_box.on button:after {margin-top:-3px; transform: rotate(180deg);}

[data-selectbox] [data-set-list]{display:none;position:absolute;left:0px;right:0;width:100%;box-sizing:border-box;overflow:hidden;}
.select_box .select_list{top:35px; border-radius:0 0 10px 10px; border:1px solid #222;border-top:0; background-color:#fff;}/* 2022-07-28 수정 *//* 26-02-05 26상시개선 주문/장바구니 */
.select_box button:disabled:hover{border-color:#f5f5f5;cursor:default}
/* 22-08-17 셀렉트 옵션 말줄임 추가 */
[data-selectbox] button > i{display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

[data-selectbox].on [data-set-list]{display:block;}
[data-selectbox] [data-set-list] ul{max-height:250px; overflow-y:auto;}/* 2022-07-28 수정 */
[data-selectbox] [data-set-list] li{position:relative; font-size:14px;}
[data-selectbox] [data-set-list] a{display:block; word-break:break-all;}
.select_box .select_list li a {padding:9px 20px 10px 20px;}
[data-selectbox] [data-set-list] a:hover {background-color:#f5f5f5}
.select_box .select_list li:last-child a {border-radius:0 0 10px 10px}
/* 2022-09-01 : 셀렉트 항목 disabled 상태 추가 */
[data-selectbox] [data-set-list] li.disabled a {color:#cacaca; pointer-events:none;}
[data-selectbox].disabled {border-color: #fafafa;}
[data-selectbox].disabled button {background-color: #fafafa; color: #cacaca;pointer-events:none}
[data-selectbox].disabled button:after{opacity:0.25;}

.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{margin-top:-20px;margin-left:-10px;font-size:0;}/*2022-07-19 수정 */
.choice_wrap > .choice_list > li{margin-top:20px;margin-left:10px;}/*2022-07-19 수정 */

.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.st1 > label {padding-left:30px; font-size:16px; line-height:21px; color:#222;}
.inp_radio.st1 > input:checked + label {}
.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;}/*2022-07-19 수정 */
.inp_checkbox.type2.st04 > input:checked + label {background-color: #E80F00;}

/* 2024-08-16 : 결합상품 프로모션 */
.inp_checkbox.type2.st05 > label {background:#fff; color:#222;}

/* 22-10-25 테마관 형식 추가 */
.inp_checkbox.type3 > label{height:45px; box-sizing: border-box; border:1px solid #e0e0e0; border-radius: 10px; background:none; color:#222; font-size:14px; text-align:center; line-height: 45px; padding:0 18px;}
.inp_checkbox.type3 > input:checked + label{border-color:#E80F00}
.inp_checkbox .i_hash{color:#E80F00}

/* 2024-04-04 : 마케팅 수신 동의 팝업 개선 - 타입 추가 */
.inp_checkbox.type4 > input + label {padding-left:30px; background:url('../images/ico_checkbox04.png') no-repeat 0 center /22px auto; font-size:16px; line-height:21px; color:#222;}
.inp_checkbox.type4 > input:checked + label {background-image:url('../images/ico_checkbox04_on.png');}

.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;}

/* 2024-05-02 : 회원가입 프로세스 개선 */
.inp_checkbox.type5 > input + label {padding-left:30px; font-size:14px; line-height:21px; color:#000;}
.inp_checkbox.type5 > input:checked + label {background:url('../images/ico_checkbox05_on.png') no-repeat 0 0 /22px 22px;}
/* // 2024-05-02 : 회원가입 프로세스 개선 */

.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; margin-top:0;margin-left:0;}/*2022-07-19 수정 */
.choice_wrap.type1 > .choice_list > li {display:inline-block; height:45px; line-height:45px; margin:0;}/*2022-07-19 수정 */
.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{position:relative; overflow:hidden;}
.choice_wrap.type2:after{display:block; content:''; position:absolute; width:100%; height:2px; background-color:#e0e0e0; bottom:0; z-index:1}
.choice_wrap.type2 > .choice_list {font-size:0; display: flex; margin-top:0;margin-left:0; white-space: nowrap; z-index:2;}/*2022-07-19 수정 *//* 22-08-16 스크롤 기능 추가 */
.choice_wrap.type2 > .choice_list > li {flex:1 0 140px; box-sizing: border-box; text-align: center; margin: 0;}/* 22-08-16 스크롤 기능 추가 */
.choice_wrap.type2 > .choice_list > li > label {display: block; width: 100%; height:40px; padding:0 20px; font-size: 16px; cursor: pointer; color: #999; line-height:40px; box-sizing:border-box;} /* 2023-11-23 : 브랜드 카테고리 디자인 변경 */
.choice_wrap.type2 > .choice_list > li > input:checked + label {border-bottom:2px solid #000; color: #000; font-weight:700;} /* 2023-11-23 : 브랜드 카테고리 디자인 변경 */
.choice_wrap.type3 > .choice_list{margin-top:0;}/*2022-07-19 수정 */
.choice_wrap.type3 > .choice_list > li{margin-top:0;}/*2022-07-19 수정 */
.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;}

/* 2023-09-04 통합검색결과 리뷰 탭 중 카테고리 개선 */
.review_search .choice_wrap.type4 {overflow:hidden; margin-bottom:60px;}
.choice_wrap.type4 > .choice_list {margin-top:0;}
.choice_wrap.type4 > .choice_list > li {width:auto; margin-top:0;}
.choice_wrap.type4 > .choice_list > li > label {display:inline-block; padding:0 18px; background-color:#f5f5f5; height:35px; color:#999; font-size:13px; line-height:35px; border-radius:17px; text-align:center}
.choice_wrap.type4 > .choice_list > li > input:checked + label {background-color:#222; color:#fff;}
/* // 2023-09-04 통합검색결과 리뷰 탭 중 카테고리 개선 */

/* 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;}
/* 2022-06-14 수정 및 추가 */
.form_inp.file > label{display:block;position:relative;width:129px;height:129px;}
.form_inp.file > .file_img{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}/* 2022-08-10 z-index 추가 */
.form_inp.file > .file_img img{width:100%;height:100%;object-fit:cover;}
.form_inp.file > .btn_wrap{position:absolute;top:0;right:0}
.form_inp.file > .btn_wrap .file_delete{position:relative;width:40px;height:40px}
.form_inp.file > .btn_wrap .file_delete:after{z-index:3;content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:url('../images/ico_delete02.png')no-repeat 0 0/20px auto}

/* -------- button -------- */
button > i {position:relative; top:0}/* 26-02-05 26상시개선 주문/장바구니 */
.btn_wrap {display:flex; gap:0 10px}/* 26-02-05 26상시개선 주문/장바구니 */
.btn_wrap > [class^="btn_grade"] {flex:1; box-sizing: border-box;}/* 26-02-05 26상시개선 주문/장바구니 */
/* 세로형 */
.btn_wrap.type1 {flex-direction: column;}
.btn_wrap.type1 [class^="btn_grade"] {flex-basis: auto; margin: 0}
.btn_wrap.type1 [class^="btn_grade"] + [class^="btn_grade"] {margin-top: 10px;}
/* 오른쪽 끝에만 버튼 위치 */
.btn_wrap.type2 {justify-content: flex-end;}
.btn_wrap.type2 [class^="btn_grade"] {flex:none;}
/* 양쪽 끝 */
.btn_wrap.type3 {justify-content: space-between; align-items:center}
.btn_wrap.type3 > [class^="btn_grade"] {flex:none;}
/* 가운데 */
.btn_wrap.type4 {justify-content: center;}
.btn_wrap.type4 > [class^="btn_grade"]  {flex:none}

.function_btn .btn_wrap {flex: 1;}

/* .btn_wrap button[class^="btn_grade"] i{top:0} */
button[class^="btn_grade"], a[class^="btn_grade"]
{border-radius:2px; text-align:center; padding:0 12px; box-sizing:border-box;} /* 2023-04-11 : 23년 상시 개선 - 리뷰 기능 강화 */ /* 2026-08-28 26상시개선 */
a[class^="btn_grade"]{display:inline-block;}
button[class^="btn_grade"]:disabled{opacity:0.25;cursor:default;}
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"].type4.disabled, a[class^="btn_grade"].type4.disabled {opacity: 1; cursor: default;} /* 2024-09-30 데일리샷 연동 : 쇼룸 대응 */
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;}
/* 23-08-29 네이버페이 결제페이지 개선 */
button[class^="btn_grade"].pay01, a[class^="btn_grade"].pay01{background-color:#00c73c; color:#fff; border:1px solid rgba(000,000,000,0.1); vertical-align: middle;}/* 주문결제 사이드 페이 자동계산 영역 : 네이버페이*/ /* 2024-07-10 결제수단별 추가할인 */
button[class^="btn_grade"].pay01:disabled {background-color:transparent; border:1px solid #00c73c; color:#00c73c; opacity:1;} /* 2024-07-10 결제수단별 추가할인 */
/*button[class^="btn_grade"].pay01:hover:not(:disabled), a[class^="btn_grade"].pay01:hover:not(:disabled){background-color:#f2fcf5;}*//* 주문결제 사이드 페이 자동계산 영역 : 네이버페이*/ /* 2024-07-10 결제수단별 추가할인 삭제 */
/*button[class^="btn_grade"].pay01:disabled, a[class^="btn_grade"].pay01:disabled{opacity: 1;}*/ /* 2024-07-10 결제수단별 추가할인 삭제 */
button[class^="btn_grade"].pay01 em, a[class^="btn_grade"].pay01 em{font-weight:700;}/* 주문결제 사이드 페이 자동계산 영역 : 네이버페이*/
/* 2023-10-17 : 테마관(향수관) */
button[class^="btn_grade"].type8, a[class^="btn_grade"].type8 {text-shadow: 0 0 0.5px rgba(0,0,0,3); background-color:rgba(255,255,255,0); border:1px solid rgba(255,255,255,.5); color:#fff;}
button[class^="btn_grade"].type9, a[class^="btn_grade"].type9 {text-shadow: 0 0 0.5px rgba(0,0,0,3); background-color:rgba(255,255,255,.3); border:1px solid rgba(255,255,255,.5); color:#fff;}
/* 26-02-05 26상시개선 주문/장바구니 */
[class^="btn_grade"].type10{background-color: #f5f5f5; text-align: left; padding:0 20px}
[class^="btn_grade"].type10:hover{outline:1px solid #222}

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{min-width:120px}
button[class^="btn_grade"].st06, a[class^="btn_grade"].st06{min-width:136px}
button[class^="btn_grade"].st07, a[class^="btn_grade"].st07{min-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"].st11, a[class^="btn_grade"].st11 {min-width:72px;} /* 2025-09-11 : 오퍼체계 개선 */
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[class^="btn_grade"].pay01 i,
a[class^="btn_grade"].pay01 i{position:relative; padding-right:15px} /* 2024-07-10 결제수단별 추가할인 */
button[class^="btn_grade"].pay01 i:after,
a[class^="btn_grade"].pay01 i:after{content:''; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:6px; height:10px; margin-top:1px; background:url('../images/ico_arrow25.png')no-repeat 0 0/100% auto; opacity:0.5;} /* 2024-07-10 결제수단별 추가할인 */
button[class^="btn_grade"].pay01:disabled i,
a[class^="btn_grade"].pay01:disabled i{padding-right:0;} /* 2024-07-10 결제수단별 추가할인 */
button[class^="btn_grade"].pay01:disabled i:after,
a[class^="btn_grade"].pay01:disabled i:after{display:none;} /* 2024-07-10 결제수단별 추가할인 */
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;}
button[class^="btn_grade"].off {pointer-events: none; opacity: 0.25; border-color: #e0e0e0;} /* 2025-04-17 오퍼체계 버튼 개선 : 김현민 */

.btn_grade1 .ico_down:after {content:'';margin-left:10px;padding-left:20px;background:url(../images/ico_download04.png) 0 5px no-repeat;}/* 2022-06-08 추가 */

.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,
.btn_border > em:after {content: ''; margin-left: 10px;}
.btn_border .ico_arrow::after {padding-right: 14px; background: url(../images/ico_arrow02.png) no-repeat 0 1px; background-size: 14px auto;}/* 26-02-05 26상시개선 주문/장바구니 */
.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 50%; background-size: 6px auto;}/* 26-02-05 26상시개선 주문/장바구니 */
.btn_border .ico_arrow.st02::after {padding-right:16px; background: url(../images/ico_arrow_set.png) no-repeat 50% 50%;}
.btn_border .ico_down::after {padding-right: 14px; background: url(../images/ico_download03.png) 0 3px no-repeat;}/* 2022-06-08 추가 */
.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: 2px;}/* 26-02-05 26상시개선 주문/장바구니 */
.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}
/* 24-08-19 결합상품 상품상세 */
.btn_border.type3.st1{border-color:#222; font-weight:700;}
.btn_border.type3.st1 .point{color:#E80F00}
.btn_border.type3.st1 .point em{font-weight:700;}
/* 2024-08-16 : 결합상품 프로모션 - button 타입 추가 */
.btn_border.type6 {width:100%; height:35px; padding:0; border-radius:10px; line-height:31px;}
.btn_border.type6 i {font-size:13px; line-height:20px;}
.btn_border.type6 i:after {display:none;}
.btn_border.type6:disabled {cursor:default; border-color:#e0e0e0;}
.btn_border.type6:disabled i {background-image:url('../images/ico_basket_dis.png'); color:#999;}
.btn_border.type6 .ico_contain {padding-left:16px; background:url('../images/ico_basket_off.png') no-repeat 0 center /12px auto; font-size:13px;}
.btn_border.type6.active {border-color:#E80F00;}
.btn_border.type6.active .ico_contain {background-image:url('../images/ico_basket_on.png'); color:#E80F00;}
/* 2025-12-17 오퍼체계 S-리워즈 요건 변경 */
.btn_border.type7{height:30px; border-color:#cacaca; font-size:13px; line-height:19px; padding:4px 12px 0 12px}
.btn_border.type7 i:after, .btn_border.type7 > em:after{margin-left:6px;}
.btn_border.type7 .ico_arrow.st01::after{background-position: 0 50%;}

.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.more > .tg_txt1,
.btn_txt.more.on > .tg_txt2{display:block}
.btn_txt.more > .tg_txt2,
.btn_txt.more.on > .tg_txt1{display:none}
.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 {overflow:visible;position: relative; color: #616161; font-size: 14px; padding: 0; margin-left: 10px;}
.btn_txt.underline:after {content: ''; position: absolute; left: 0; bottom: -3px; width: 100%; height: 1px; background-color: #616161; top: auto; vertical-align: middle;}
.btn_txt.underline > i{top:0}
.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%}
/* 24-05-21 상시개선 위시리스트 */
.btn_txt.share{background: url('../images/btn_share.png') no-repeat 100% center /24px auto; padding-right:34px; font-size:20px; line-height: 26px;}

/* 상품 목록 타입 버튼 */
.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; color:#fff;} /* 2025-03-28 로그인 보안 강화 */
.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; box-sizing: border-box;}
/* 24-08-19 결합상품 상품상세 */
.btn_link.st1{color:#616161; border-color: #616161; font-size:13px}

/* -------- 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;}

/* 2023-04-11 : 23년 상시 개선 - 리뷰 기능 강화 */
/* 공유하기 */
.btn_ico.share {width: 24px; height: 24px; background: url('../images/btn_share.png') no-repeat center center /24px auto;}/* 26-03-19 26상시개선 상품상세 */
/* .btn_ico.share:after {width: 24px; height: 24px; background: url('../images/btn_share.png') no-repeat 0 0/24px auto} */
/* // 2023-04-11 : 23년 상시 개선 - 리뷰 기능 강화 */
/* 23-11-29 브랜드관 개선 */
.btn_ico.share.wh{background-image: url('../images/btn_share_w.png');}

/* 결제, 장바구니, 알람 */
.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%);} /* 신규 */
/* 2023-04-27 : 23년 상시 개선 - 상품목록, 필터 */
.btn_ico.delete.type3 {width:auto; height:auto; padding-right:14px; color:#616161;}
.btn_ico.delete.type3:after {left:auto; right:0; transform: translate(0,-50%); width:10px; height:9px; background:url('../images/ico_delete03.png') no-repeat 0 0 /100% auto;}

.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:18px; height:18px;}/* 26-02-05 26상시개선 주문/장바구니 */
.btn_ico.search02:after{width:18px; height:18px; background: #222; mask: url('../svg/ico-search-01-24.svg') 0/100% no-repeat} /* 신규 *//* 26-02-05 26상시개선 주문/장바구니 */


/* 줌버튼 */
.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;}

/* 숨기기,보이기(비밀번호) *//* 22-08-23 위치 수정 */
.btn_ico.show:after {width: 18px; height: 11px; background: url(../images/ico_show.png) 0 0 no-repeat; background-size: 18px 11px; top:14px; left:5px; transform:none;}
.btn_ico.hide:after {width: 18px; height: 12px; background: url(../images/ico_hide.png) 0 0 no-repeat; background-size: 18px 12px; top:13px; left:5px; transform:none;}

/* 툴팁(물음표) 버튼 */
.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;}

/* 큐레이션 */ /* 2023-12-15 : 주류관 */
.btn_ico.curation{width: 16px; height: 16px;  background-image:url('../images/ico_curation.png'); background-size:16px auto;}

/* -------- icon -------- */
/* .ico_discount:after {content:''; display: inline-block; width: 24px; height: 24px; background: url(../images/ico_discount.png) 0 0 no-repeat;} *//* 26-02-05 26상시개선 주문/장바구니 */
.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%);}
/* 23-05-18 본인인증 메뉴 신설 */
.ico_hp{display:inline-block; padding-left:35px; background: url('../images/ico_hp.png') 0 50% no-repeat;}
/* 25-04-17 오퍼체계개선 - 상품상세 */
/* down wh */
.ico_down{padding-left:17px; background: url('../images/ico_down_w12h13.png') 0 50% no-repeat;}

/* -------- 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); line-height:1.286;} /* 2026-08-31 26상시개선 */
.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}

/* 2024-08-16 결합상품 프로모션 : tab - type8 (썸네일 + 텍스트) */
.tab_wrap.type8 .tab_menu {font-size:0; white-space:nowrap;}
.tab_wrap.type8 .tab_menu li {display:inline-block; position:relative; margin:0; font-size:18px; color:#222; vertical-align:top;}
.tab_wrap.type8 .tab_menu:has(.img) li {height:40px;}
.tab_wrap.type8 .tab_menu li + li {padding-left:40px;}
.tab_wrap.type8 .tab_menu li + li:before {display:block; content:""; position:absolute; top:50%; left:20px; transform:translateY(-50%); width:3px; height:3px; border-radius:50%; background:#cacaca;}
.tab_wrap.type8 .tab_menu li a {display:flex; justify-content:center; align-items:center; height:100%;}
.tab_wrap.type8 .tab_menu li .img {overflow:hidden; position:relative; isolation:isolate; width:40px; height:40px; margin-right:8px; border-radius:50%; box-sizing:border-box;}
/* .tab_wrap.type8 .tab_menu li .img:before {display:block; position:absolute; content:''; display:block; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.03);} */
.tab_wrap.type8 .tab_menu li .img img {width:100%; height:100%;}
.tab_wrap.type8 .tab_menu li .tit {font-size:18px; line-height:23px; color:#222;}
.tab_wrap.type8 .tab_menu li.on a .img {border:1px solid #E80F00}
.tab_wrap.type8 .tab_menu li.on a .img:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; border:1px solid #fff; box-sizing:border-box;}
.tab_wrap.type8 .tab_menu li.on a .tit {font-weight:700; color:#E80F00;}
.tab_wrap.type8 .ui_scroll:after {display:block; content:""; position:absolute; top:0; right:0; z-index:1; width:150px; height:100%; background:linear-gradient(270deg, #FFFFFF 10%, rgba(255, 255, 255, 0) 100%); opacity:1; pointer-events:none; transition:opacity .2s ease-in;}
.tab_wrap.type8 .ui_scroll.is-last:after {opacity:0;}
/* 25-09-11 오퍼체계개선 수정 */
/* .tab_wrap.type1 .ui_scroll:after{width:20px} */

.tab_wrap.line{border-bottom:1px solid #E0E0E0;}

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

/* .category_btn > button {display:inline-block; position: relative; padding: 0 8px; height:100%; font-size: 18px; color: rgba(34,34,34,0.6)}
.category_btn > button:first-child {padding-left: 0;}
.category_btn > button.on {color: #222; font-weight:700;}
.category_btn > button.on:after {content:''; width: 4px; height: 4px; position: absolute; top: 4px; right: 0; border-radius: 50%; background-color: #E80F00;}
.category_btn > button:disabled {color: #cacaca; cursor: default;} */

/* -------- 앵커 이동 ------- */
.anchor_list.type1 {margin-left: -10px; margin-top: -10px;}
.anchor_list.type1 > li {display: inline-block; margin-left: 6px; margin-top: 6px;}
.anchor_list.type1 > li > a {display: block; background-color: #fff; color: #222; width: 248px; text-align: center; font-size: 20px; font-weight:700; padding: 0 30px; box-sizing: border-box; height: 60px; line-height: 56px; border-radius: 28px; border: 1px solid #e0e0e0; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.anchor_list.type1 > li.on > a {background-color: #222; color: #fff;}

/* -------- bullet ------- */
.bullet_list > li{position:relative;padding-left:9px;line-height:20px;font-size:14px;color:#616161}/* 26-03-19 26상시개선 상품상세 */
.bullet_list > li:before{content:'';display:block;position:absolute;left:0;top:8px;width:3px;height:3px;background:#616161; border-radius: 5px;}/* 26-03-19 26상시개선 상품상세 */
.bullet_list > li + li {margin-top: 6px;}
.bullet_list > li > a{color:#222;border-bottom:1px solid #222}
/* 2022-06-20 추가 */
.bullet_list > li.bul_type1{padding-left:20px;}
.bullet_list > li.bul_type1:before{content:'※';left:0;top:0;width:auto;height:auto;background:none;border-radius:0;}
/* //2022-06-20 추가 */
.bullet_list > li.none {padding-left:0;} /* 2026-06-15 재입고알림 신청 개인정보 처리 안내 추가 */
.bullet_list > li.none:before {display:none;} /* 2026-06-15 재입고알림 신청 개인정보 처리 안내 추가 */
.bullet_list.type1 > li + li {margin-top: 0;}
.bullet_list.type1 > li:before {content:'·';display:block;position:absolute;left:-5px;top:0;background:none}
.bullet_list.type2 > li{position:relative;padding-left:25px;line-height:22px;font-size:14px;}
.bullet_list.type2 > li + li {margin-top:6px;}
.bullet_list.type2 > li:before{content:'※';display:block;position:absolute;left:8px;top:0px;background:none}
.bullet_list .except:before {display: none !important;}
.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;}
/* 2022-06-14 추가 */
.bullet_list.squr > li{position:relative;padding-left:15px;}
.bullet_list.squr > li:before{content:''; display:block;position:absolute;left:0;top:12px;width:7px;height:7px;background:#616161;font-size:inherit;color:#616161;}

.bul_type1{position:relative;padding-left:20px;}
.bul_type1:before{content:'※';position:absolute;left:0;top:0;}
/* //2022-06-14 추가 */

/* number_list */
.number_list{counter-reset:numbering;}
.number_list > li{position:relative;padding-left:20px;line-height:22px;font-size:14px;}
.number_list > li + li{margin-top:4px}
.number_list > li:before{counter-increment:numbering;content:counter(numbering)".";display:block;position:absolute;left:0;top:0;font-size:inherit;color:#616161}

/* dash_list */
.dash_list > li, .dash_list > dd{position:relative;padding-left:9px;line-height:22px;color:#616161}
.dash_list > li + li, .dash_list > dd + dd{margin-top:4px}
.dash_list > li:before, .dash_list > dd:before{content:'';display:block;position:absolute;left:0;top:13px;width:5px;height:1px;background:#616161;}

/* 블릿기호 공통 */
.bullet_list > li.impt,
.number_list > li.impt,
.dash_list > li.impt{color:#E80F00}
.bullet_list > li.impt:before,
.number_list > li.impt:before,
.dash_list > li.impt:before{background:#E80F00}

/* -------- pager ------- */
.pagination {clear: both; margin:35px auto 0; font-size: 0; text-align: center}
.pagination .page_num {display: inline-block; margin: 0 16px;}
.pagination button, .pagination a {display: inline-block; font-size: 14px; color: #999; padding: 0 14px; height: 32px; box-sizing: border-box; line-height: 30px; vertical-align: top; text-align: center;}
.pagination button {position: relative;}
.pagination button .arr {display: block; text-indent: -9999em; height: 1px; width: 1px; font-size: 1px; line-height: 0;}
.pagination button .arr:after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-40%); width: 12px; height: 12px; background-image:url('../images/ico_arrow10.png'); background-repeat: no-repeat;}
.pagination .prev {margin-right: 10px;}
.pagination .next {margin-left: 10px;}
.pagination .prev .arr:after {background-position: 0 0;}
.pagination .next .arr:after {transform: translate(-50%,-40%) rotate(180deg);}
.pagination .first {padding-right: 40px;}
.pagination .first:after {content: '...'; position: absolute; top:0 ;right: 0;}
.pagination .last {padding-left: 40px;}
.pagination .last:after {content: '...'; position: absolute; top:0 ;left: 0;}
.pagination a[aria-current] {color:#222; font-weight:700; cursor: default;}
/* 2022-10-12 : 마이신라 2차 개선 (주소검색 팝업) */
.pagination .page_num:first-child {margin-left:0;}
.product_list:has(.product_wrap.type1) + .pagination{margin-top:65px}/* 24-07-25 상품모듈 품절 케이스 추가 */

/* -------- 기타 공통 요소 ------- */
/* 타이머 */
.sale_timer {font-size: 0; margin-bottom: 22px;}
.sale_timer:before {content: ''; display: inline-block; margin-right: 25px; width: 46px; height: 51px; background: url(../images/ico_clock.png) 0 0 no-repeat; position: relative; top: 7px;}
.sale_timer strong {font-size: 50px; color: #fff; font-weight:400;}/* 2022-07-28 폰트 > 레귤러변경 */
.sale_timer strong span {position: relative; padding: 0 25px;}
.sale_timer strong span:before {content: ''; width: 4px; height: 4px; position: absolute; top: 50%; left: 20px; transform: translateY(-5px); background-color: rgba(255,255,255,0.3); border-radius: 50%;}
.sale_timer strong span:after {content: ''; width: 4px; height: 4px; position: absolute; top: 50%; left: 20px; transform: translateY(5px); background-color: rgba(255,255,255,0.3); border-radius: 50%;}
.time_sale .product_wrap.type2 .product_cont{height:440px;}/* 2023-01-27 타임세일 모듈 개선 */

/* 중간에 line bar가 있는 요소 */
.line_bar {display: flex;}
.line_bar .line {position: relative; font-size: 15px;}/* 26-02-05 26상시개선 주문/장바구니 */
.line_bar .line + .line {margin-left: 12px; padding-left: 12px;}
.line_bar .line + .line::before {display: block; content: '';position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background-color: #e0e0e0;}

/* 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);}

/* SNS 공유 */
.sns_list ul {display:flex;justify-content:space-between;}
.sns_list .sns_item {width:50px;height:50px;}
.sns_list .sns_item a {display:block;position:relative;}
.sns_list .sns_item a:before {content:'';display:block;position:absolute;left:0;top:0;width:50px;height:50px;background:url('../images/ico_sns01.png') no-repeat 0 0/50px auto}
.sns_list .sns_item .naver:before {background-position:0 -60px;}
.sns_list .sns_item .kakao_ch:before {background-position:0 -120px;}
.sns_list .sns_item .twitter:before {background-position:0 -180px;}
.sns_list .sns_item .facebook:before {background-position:0 -240px;}
.sns_list .sns_item .more_link:before {background-position:0 -300px;}

/* 게이지 bar */
.ico_discount:after {content:''; display: inline-block; width: 24px; height: 24px; mask:url('../svg/ico-cart-per-01-24.svg') 0 0/100% auto no-repeat; background-color: #616161;}/* 26-02-05 26상시개선 주문/장바구니 */
.gauge {display: block; position: relative; width: 100%; height: 5px; background-color: #e7e7e7; border-radius: 2.5px; overflow: hidden;}
.gauge .gauge_bar {position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #E80F00; border-radius: 2.5px;}


/* -------- 퀵메뉴 ------- */
.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; max-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 > .inner.quick_event{min-height:auto;height:734px}

.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: 17px; height: 16px; background: url(../images/ico_like02.png) no-repeat 0 2px; background-size: 100% auto;}
.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%); max-width:200px; font-size: 16px; color: #fff; text-align:center; z-index: 1; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.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 .personal_wrap{margin:0;}
/* .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;}
.personal_list.history .product_wrap_sh.type3 .pro_info_sh .info_name{line-height:1.4}
.personal_list.history .product_wrap_sh.type3 .pro_info_sh .info_price_sh{line-height:1.3}

/* 쇼핑히스토리 전체(목록페이지) */
.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:100%; object-fit:cover; vertical-align:middle;}/* 2022-08-17 : height 수정 */
.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 15px; line-height:30px; font-size:13px; color:#222; font-weight:700; border:1px solid #f2f2f2; border-radius:5px; box-sizing:border-box;}/* 24-12-03 쇼핑히스토리 개선 관련 UI 수정 */
/* .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;} *//* 24-12-03 쇼핑히스토리 개선 관련 UI 수정 */
.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}

.history_list .his_link{display:block;}/* 22-08-08 히스토리 링크 영역 추가 */

/* 편집필터 */
.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_sort button > i{top:0}
.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 button > i{top:0}
.cont_filter_area .filter_btn label {font-size: 14px; color: #616161; font-weight:400;}

.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: 10px;}/* 23-03-31 히스토리 간격 조정 */
.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;  }

/* 2022-07-21 : 로딩바 */
.loading_wrap{z-index:999;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;}

/* -------- 위시리스트 ------- */
/* 임시영역(추후 삭제 예정) */
.summary_wrap, .filter_search .lnb_wrap {font-size: 28px; color: #fff; background-color: #7f7f7f; text-align: center;}
.filter_search .lnb_wrap {height: 930px;}

/* 위시리스트 공통 */
.summary_wrap {height: 300px; background-color: #7f7f7f; margin-top: 40px; margin-bottom: 80px;}
.list_wishlist .sorting_product .personal_wrap {margin-top: 15px; padding-bottom: 80px}/* 2022-08-11 : 개인화영역 여백수정 */
.list_wishlist .sorting_product .personal_list {width: 100%}

/* 위시리스트 > 상품 */
.wish_product_share {margin-top: 30px; font-size: 20px}
.wish_product_share > span {vertical-align: middle;}
.wish_product_share > .btn_ico.share {width: 50px}

/* 타인의 위시리스트 */
.sorting_product .cont_filter_area.other {padding: 25px 0;}

/* 2023-04-11 : 23년 상시 개선 - 상품목록, 필터 */
/* .wishlist_detail .product_box:hover .pro_over,
.wishlist_detail .product_box .pro_detail .pro_link{display:none} */

/* -------- 상품목록 > 통합검색결과 ------- */
.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{align-items:flex-start;margin:36px auto 0;width:1115px;}
.related_search > .tit{flex-shrink:0;margin-top:11px}
.related_search .btn_wrap{flex-wrap:wrap;justify-content:center;margin-top:-10px;margin-left:-10px}
/* .related_search .btn_wrap > a {flex-basis: auto;} */
.related_search .btn_wrap > a {flex:0 auto;margin-top:10px;margin-left:10px;width:auto;min-width:120px}
.result_info .offline_info > p {margin-right: 20px;}

/****************** 임시 헤더 추후 삭제 ******************/
.temp_sub_header{height:163px; text-align:center; line-height:163px; font-size:30px; background-color:#fff; z-index:50}
.temp_sub_footer{height:350px; text-align:center; line-height:350px; font-size:30px; background-color:#fff; z-index:50}
.temp_txt{background-color:#f5f5f5; text-align:center; font-size:24px; padding:30px 0}

/* 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-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;}

/* 2022-08-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;}

/* 22-08-17 이벤트 정렬 추가 */
.cont_box #protowrap{margin:0 auto;}

/* 2022-10-31 : 카테고리 - 2차 전문관(골프관, 웨딩관) 진입 경로 추가 & 간격 수정 */
.theme_gate_wrap{box-sizing:border-box;}
.theme_gate {width:230px;margin:0 auto;}
.theme_gate:after{content:'';display:block;clear:both}
.theme_gate ul li{width:110px;}
/* .theme_gate ul li:nth-child(2n){margin-left:9px;} */
.theme_gate.small_banner .swiper-slide{border-radius:0}
.theme_gate .img_box{width:100%;height:60px;border-radius:10px}
.theme_gate .text_box{width:100%;margin-top:5px;text-align:center;}
.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;}
.menu_vowel .title{margin:20px 0 6px;}
.menu_vowel .store_list_wrap{height:86px;}
.menu_vowel .only_list_wrap{margin:9px 0 24px;}
.menu_vowel .store_list .text_box{margin-top:3px;}

/* 2022-11-18 : 쇼핑히스토리 수정 */
.quick_menu .cont > .inner.quick_history{min-height:734px;}
.quick_menu .cont > .quick_history .history_wrap .tab_contents{margin-top:10px;}
.quick_menu .cont > .quick_history .filter_wrap{justify-content:flex-end;margin-bottom:18px;}
.quick_menu .cont > .quick_history .filter_wrap .btn_select:first-child{margin-left:0;}
.quick_menu .cont > .quick_history .history_date{display:block;margin-bottom:34px;}
.quick_menu .cont > .quick_history .history_date_list .tab_wrap{margin-right:0;}
.quick_menu .cont > .quick_history .product_wrap_sh.type2 .pimg_box{padding:8px;background-color:#fff;}
.quick_menu .cont > .quick_history .history_items.online .order_info{display:block;font-size:0;}
.quick_menu .cont > .quick_history .history_items.online .order_info:after{content:'';display:block;clear:both;}
.quick_menu .cont > .quick_history .history_items.online .order_type,
.quick_menu .cont > .quick_history .history_items.online .order_num{display:inline-block;font-size:14px;line-height:18px;}
.quick_menu .cont > .quick_history .history_items.online .history_day{float:right;margin-bottom:0;font-weight:400;font-size:14px;line-height:18px;}
.quick_menu .cont > .quick_history .history_items.online .product_wrap_sh.type2 .pro_detail_sh{max-width:178px;}
.quick_menu .cont > .quick_history .history_items.online .pro_detail_sh .pro_choice{margin-top:10px;}
.quick_menu .cont > .quick_history .history_items.online .pro_info_sh .info_name{max-height:18px;-webkit-line-clamp:1;margin-top:5px;line-height:1.3;}
.quick_menu .cont > .quick_history .history_item .info_group{position:relative;margin-top:10px;}
.quick_menu .cont > .quick_history .history_item .info_group:after{content:'';display:block;clear:both;}
.quick_menu .cont > .quick_history .history_item .info_group .pro_total{display:inline-block;margin-right:5px;font-size:12px;color:#999;word-break:break-all;vertical-align:top;}
.quick_menu .cont > .quick_history .history_item .info_group .info_price_sh{display:block;margin-top:0;float:right;text-align:right;}
.quick_menu .cont > .quick_history .history_item .info_group .info_price_sh strong{display:inline-block;}
.quick_menu .cont > .quick_history .history_item .info_group .info_price_sh .p_sum > i{display:inline-block;}
.quick_menu .cont > .quick_history .history_items .product_wrap_sh.type2 .pro_btn{position:relative;margin-top:6px;text-align:right;}
.quick_menu .cont > .quick_history .history_items .product_wrap_sh.type2 .pro_btn > span{line-height:25px;}
.quick_menu .cont > .quick_history .history_items .product_wrap_sh.type2 .pro_btn button > i{top:0;}
/* //2022-11-18 : 쇼핑히스토리 수정 */

/* 2022-12-27 : 2차 통합검색 개선 */
.related_search .btn_wrap{overflow:hidden;}
.total_search_result .search_result_wrap{padding-bottom:0;border-bottom:0;}
.review_search_tab{margin-top:80px;}
.review_search_tab .no_result{padding:20px 0 80px;}/* 26-01-06 AI필터 확대 적용 : 2차 반영 */
.total_search_result:has(.result_line_involved) + .review_search_tab {margin-top:80px;}/* 26-01-06 AI필터 확대 적용 : 2차 반영 */
.review_search_tab .tit_border{margin-bottom:60px;padding-top:20px;}
.review_search_tab .tab_wrap.type2 > .tab_menu{padding-bottom:3px;}
.tab_wrap.type2 > .tab_menu > li > a .num{font-weight:400;}
.tab_wrap.type2 > .tab_menu > li.on > a .num{font-weight:700;}

.search_result_review .sorting_wrap .choice_wrap > .choice_list > li:last-child > label > span{padding-right:0;}
.review_search{margin-top:20px;}/* 26-01-06 AI필터 확대 적용 : 2차 반영 */
.review_search .choice_wrap.type2{margin-bottom:60px;}
.review_result .review_item{display:table;table-layout:fixed;width:100%;padding:30px 0;;border-top:1px solid #eee;box-sizing:border-box;}
.review_result .review_item:first-child{padding-top:0;border-top:0;}
.review_result .review_product{display:table-cell;width:300px;padding-right:30px;vertical-align:top;}
.review_product .product_cont{display:flex;align-items:center;}
.review_product .pro_detail{width:calc(100% - 100px);padding:0 0 0 14px;box-sizing:border-box;}
.review_product .product_cont .pro_img{flex-shrink:0;width:100px;height:100px;border-radius:10px;}
.review_product .product_cont .pro_img:before{border-radius:10px;}
.review_product .product_cont .pimg_box{display:inline-block;width:100%;height:100%;padding:5px;box-sizing:border-box;}
.review_product .pro_detail .pro_info .info_brand{font-size:13px;}
.review_product .pro_detail .pro_info .info_name{overflow:hidden;display:-webkit-box;max-height:38px;text-overflow:ellipsis;word-break:keep-all;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;font-size:13px;line-height:1.4;color:#616161;}
.review_product .product_cont .pro_out,
.review_product .product_cont .pro_age{height:30px;font-size:13px;line-height:30px;}
.review_result .review_area{display:table-cell;vertical-align:top;}
.review_area .review_header .review_group{width:calc(100% - 40px);} /* 2024-08-07 팁핑 서비스 종료 수정 */
.review_area .review_header .review_img{width:30px;height:30px;background-size:30px auto;}
.review_area .review_header .review_info{height:30px;margin-top:0;margin-left:auto;} /* 2024-08-07 팁핑 서비스 종료 수정 */
.review_area .review_header .review_name{font-size:14px;}
.review_area .photo_img{overflow:hidden;position:relative;width:70px;height:70px;border-radius:10px;}
.review_area .photo_img img{width:100%;height:100%;object-fit:cover;}
.review_area .photo_img:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.03)}
.review_area .photo_img .photo_total{display:block;position:absolute;right:5px;bottom:5px;width:30px;height:30px;border-radius:5px;background-color:rgba(34,34,34,0.5);font-weight:400;color:#fff;font-size:14px;line-height:30px;text-align:center;}
.review_area .review_box ~ .photo_img{margin-left:10px;}
.review_area .review_content{display:flex;height:70px;}
.review_area .review_content .review_box{overflow:hidden;display:-webkit-box;position:relative;max-height:58px;margin-top:12px;flex:1;font-size:16px;line-height:28px;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.review_area .review_content.age .review_txt{filter:blur(4px);-webkit-filter:blur(4px);opacity:0.5;}
.review_area .review_content .age_txt{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:14px;color:#222;}
.review_area .review_content.age .age_txt{display:block;}
.review_area .review_content.age .photo_img img{filter:blur(7px);-webkit-filter:blur(7px);}
/* //2022-12-27 : 2차 통합검색 개선 */

/*2023-03-03 부산항 입국수령 > 유의사항 */
.notice_graybox {border-radius: 10px; background: #f5f5f5; padding:26px 30px;}
.notice_wrap.type3 .notice_graybox {margin-top:12px}
.notice_wrap.type3 .notice_graybox .bullet_list { margin-top:0}
.notice_wrap.type3 .notice_graybox .notice_title { display:block; margin-top:20px; font-size:14px}
.notice_wrap.type3 .notice_graybox .notice_title + .bullet_list { margin-top:12px}

/* 2023-03-07 : 매장재고 요청사항 영역 추가 */
/* 공용 회색박스 정의 */
.notice_graybox p {font-size:14px; color:#616161;}

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

/* ie 대응 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* 띠배너 *//* 22-08-31 띠배너 ie 대응 */
    .top_banner .banner_box a {position:relative; max-width:1280px; margin:0 auto;}
    .top_banner .top_bar_txt {left:auto; transform:none; transform:translateY(-50%);}

    /* 2022-11-18 : 쇼핑히스토리 수정 */
    .quick_menu .cont > .quick_history .history_items.online .product_wrap_sh.type2 .pro_info_sh .info_brand{margin-top:0;}
    /* //2022-11-18 : 쇼핑히스토리 수정 */

    /* 2022-12-27 : 2차 통합검색 개선 - 19세 성인인증 ie 대응 */
    .review_area .review_content.age .photo_img:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.9);}
    .review_area .review_content.age .photo_total{z-index:2}
    .review_area .review_content.age .review_txt{opacity:0;}
    /* //2022-12-27 : 2차 통합검색 개선 - 19세 성인인증 ie 대응 */
}

/* 2023-04-11 : 23년 상시 개선 - 리뷰 기능 강화 */
/* 리뷰 : 도움 영역 추가 */
.review_nice_wrap {position:relative;}
.review_nice_wrap .ck_nice {display:flex; justify-content: flex-end; align-items: center;}
.review_nice_wrap .nice_vote_num {margin-left:6px; font-weight:700;}
/* 도움됐어요 버튼 */
.ck_nice {display:block; position:relative; height:100%;}
.ck_nice input {position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
.ck_nice label {display:flex; align-items:center; position:relative; height:100%; padding-left:18px; font-size:14px; color:#999; line-height:13px;}
.ck_nice label > * {font-size:14px; color:#999;}
.ck_nice label::before,
.ck_nice label::after {content: ''; position:absolute; left:0; top:50%; z-index:0; width:13px; height:13px; margin-top:-6.5px; background: url('../images/ico_nice01.png') no-repeat 100% 50% /100% auto; line-height:1; transform-origin:center;}
.ck_nice label::after {visibility:hidden; background-image:url('../images/ico_nice02.png');}
.ck_nice input:checked ~ label,
.ck_nice input:checked ~ label > * {color:#222; font-weight:700;}
.ck_nice input:checked ~ label::before {visibility:hidden;}
.ck_nice input:checked ~ label::after {visibility:visible; animation:likeHeart .72s ease-in-out both;}
.ck_nice input:checked.is-checked ~ label::after {visibility:visible; animation:none;}

/* 정렬 영역 툴팁 추가 */
.sorting_wrap .choice_wrap {display:flex; align-items:center; overflow:visible;}
.sorting_wrap .choice_wrap .choice_list {padding-bottom:0;}
.sorting_wrap .choice_wrap .form_tooltip {min-height:18px; margin-right:16px;}

/* 23-07-06 회원정보 인증 추가 */
.form_inp .time{position:absolute; top:50%; right:20px; line-height: 20px; font-weight:700; color:#E80F00; transform: translateY(-50%);}
/* 25-10-20 개인정보 강화(크리덴셜 스터핑) */
.form_inp:has(.err_msg) .time{top:10px; transform: unset;}

/* 2023-09-12 : 쇼핑히스토리 개선 */
.quick_menu .cont > .inner.quick_history .cont_filter_area .filter_sort button {font-weight:700;}
.quick_menu .cont > .inner.quick_history .cont_filter_area > *:last-child {margin-left:auto;}

/* 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="display:none"] + button:before,
.quick_menu .cont > .inner.quick_history .cont_filter_area .filter_sort .sort_num[style="display: none"] + button:before {display:none;}

/* 2023-10-16 : 몰메인 코너 변경 : 아이콘 메뉴 */
.new_bedge {display:inline-block; width:24px; height:24px; background:url('../images/ico_new.png') no-repeat 0 0 /100% auto;}

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

/* 2023-11-23 : 브랜드 카테고리 디자인 변경 */
.category_tab {overflow:hidden; position:relative; width:1280px; margin:0 auto 50px; padding:0 30px; box-sizing:border-box;}
.category_tab .choice_wrap {width:100%;}
.category_tab .swiper_arrow.small {display:none; height:100%; top:0; left:0; transform:none; z-index:5; pointer-events:none;}
.category_tab .swiper_arrow.small button {position:absolute; top:0; left:0; width:30px; height:40px; pointer-events:auto; border:1px solid #f5f5f5; border-radius:0; box-shadow:none; box-sizing:border-box;}
.category_tab .swiper_arrow.small button.swiper_prev {left:0;}
.category_tab .swiper_arrow.small button.swiper_next {left:auto; right:0;}
.category_tab .swiper_arrow.small:has(button:not(.swiper-button-disabled)) {display:block;}
.category_tab:has(.swiper-button-disabled + .swiper-button-disabled) {padding:0;}

/* 24-07-05 주문내역 스마트면세 */
[class^="prd_label_"]{display:inline-block; align-content: center; min-width:50px; height:20px; box-sizing: border-box; border-radius: 3px; font-size:11px; line-height: 16px; padding:1px 5px 2px; white-space: nowrap;}/* 25-12-01 AI필터 확대 적용 */
[class^="prd_label_"] > i{display:inline-block;}
.prd_label_branch{color:#549D98; background-color: #ddebea; font-weight:700; padding:1px 5px 2px;}/* 24-07-05 주문내역 스마트면세 */
/* 25-12-01 AI필터 확대 적용 */
.prd_label_only{color:#3D8AFF; background-color: #EBF3FF;}/* 신라단독 */
.prd_label_offline{color:#BA8236; background-color: #FCF6F0;}/* 매장전용 */

/* 24-10-02 비회원 주문 개선 */
/* 셀렉트 에러 추가 */
.select_box.error{border:1px solid #E80F00; box-sizing: border-box;}
.select_box.on.error{border-color:transparent}
.select_box.on.error button{border-color:#E80F00}
.select_box.error .select_list{border-color:#E80F00}
.select_box.error button:hover{border-color:transparent}
.select_box.on.error button:hover{border-color:#E80F00}
.form_select.error > select{border-color: #E80F00;}

/* 2024-10-15 현대이지웰 헤더 추가 */
body.ezwel .ezwel_header_wrap {position:relative; z-index:101;}

/* 2024-10-16 : 상품명 셀링포인트 추가 */
.prosell {color:#E80F00;}

/* 24-11-28 결합상품 패치 */
.history_items.offline .other{height:auto;}

/* 25-04-17 오퍼체계개선 - 상품상세 */
.btn_wrap button[class^="btn_grade"].icon, .btn_wrap a[class^="btn_grade"].icon {flex:none; flex-shrink:0; font-size:0;}/* 260310 개발 검수 */
.btn_wrap button[class^="btn_grade"].icon i, .btn_wrap a[class^="btn_grade"].icon i {font-size:0;}
[class^="btn_grade"].btn_wish {position:relative; width:60px; line-height: 0; box-sizing: border-box; text-align: center; padding:4px 0 0;}
.btn_wish .count{display:block; font-size:12px; line-height: 18px; font-weight:400; padding-top:2px;}/* 260310 개발 검수 */
.btn_wish:before {display:inline-block; content:""; width:22px; height:19px; background:url('../images/ico_wish.png') no-repeat 50% 0 /100% auto;}
.btn_wish.on:before {background-image:url('../images/ico_wish_on.png');}

/* 25-12-01 AI필터 확대 적용 */
/* button 타입 신규 추가 : Tab 타입5번 형식 동일 */
button[class^="btn_type_round"],
a[class^="btn_type_round"]{display: inline-block; padding: 0 14px; background-color: #f5f5f5; height:35px; font-size: 13px; line-height:35px; border-radius:300px; text-align: center; box-sizing: border-box;}
.btn_type_round1{max-width: 250px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

/* 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;}

/* 26-02-05 26상시개선 - 공통 mobile 참고 */
/* checkbox radio */
.inp-lb {display: inline-block;position: relative;vertical-align: top;}
.inp-lb input {position: absolute;left: 0;top: 0;width: 0;height: 0;opacity: 0;}

.inp-lb .inp {display: flex;position: relative;align-items: center; font-size:0;}

.inp-lb .round {height: 40px; padding: 11px 16px;border: 1px solid #e0e0e0; box-sizing: border-box; border-radius: 20px; white-space:nowrap;}
.inp-lb .color {display: flex;padding-right: 12px;align-items: center;gap: 8px;padding: 8px 0;width: 72px;color: #616161;}
.inp-lb .color [class^="fcolor"] {width: 20px;height: 20px;flex-shrink: 0;overflow: visible;}

.inp-lb input:checked + .round {border-color: #222;}
.inp-lb input:checked + .round .txt {font-weight:700; color: #222;}
.inp-lb input:checked + .color .txt {font-weight:700;}
.inp-lb input:checked + .color {font-weight:700;color: #222;}
.inp-lb input:checked + .color [class^="fcolor"]:before {content: '';position: absolute;left: 50%;top: 50%;width: 24px;height: 24px;border-radius: 50%;border: 1px solid #222;transform: translate(-50%,-50%);}

.inp-lb :where(.chk, .rdo) {min-height: 16px;}
.inp-lb :where(.chk, .rdo) .txt {font-size: 13px;line-height: 14px;color: #616161;}
.inp-lb :where(.chk, .rdo) .num {font-size: 12px;color: #aaa;flex-shrink: 0;}
.inp-lb .round .txt {font-size: 15px;line-height: 18px;color: #616161;}

.inp-lb .round.st01{border-radius:10px}
.inp-lb .round.st01 .txt{font-size:14px; line-height: 21px; font-weight:400;}
.inp-lb input:checked + .round.st01 .txt{font-weight:400;}
.inp-lb .round.st02{padding-top:4px; padding-bottom:4px}
.inp-lb .round.st02 .txt{color:#999; font-size:13px; line-height: 20px;}
.inp-lb input:checked + .round.st02 {border-color: #E80F00;}
.inp-lb input:checked + .round.st02 .txt{color:#E80F00}
.inp-lb .rdo.st01 .txt {font-size: 16px;color: #222;}
.inp-lb .inp:has(i[class^="ico-"]){gap:0 4px;}
.inp-lb .chk:has(i[class^="ico-"]),
.inp-lb .rdo:has(i[class^="ico-"]){gap:0 8px;}
.inp-lb i[class^="ico-"] {display:inline-block; vertical-align:middle;}
.inp-lb input:checked + i[class^="ico-"] {background-color: #222;}
.inp-lb .ico-check-01-12 {width:12px; height:8px; mask:url('../svg/ico-check-01-12.svg') 0 0/100% auto no-repeat; background-color: #616161;}
.inp-lb .ico-check-02-08 {width:8px; height:8px; mask:url('../svg/ico-check-02-08.svg') 0 0/100% auto no-repeat; background-color: #616161;}
.inp-lb .ico-checkbox-01-16 {width:16px; height:16px; mask:url('../svg/ico-checkbox-01-16.svg') 0 0/100% auto no-repeat; background-color: #E0E0E0;}
.inp-lb .ico-checkbox-01-20 {width:20px; height:20px; mask:url('../svg/ico-checkbox-01-20.svg') 0 0/100% auto no-repeat; background-color: #E0E0E0;}
.inp-lb .ico-radio-01-16 {width:16px; height:16px; mask:url('../svg/ico-radio-01-16.svg') 0 0/100% auto no-repeat; background-color: #E0E0E0;}
.inp-lb .ico-radio-01-20 {width:20px; height:20px; mask:url('../svg/ico-radio-01-20.svg') 0 0/100% auto no-repeat; background-color: #E0E0E0;}
.inp-lb input:checked + .inp .ico-checkbox-01-16{mask-image: url('../svg/ico-checkbox-01-16-fill.svg'); background-color: #222;}
.inp-lb input:checked + .inp .ico-checkbox-01-20{mask-image: url('../svg/ico-checkbox-01-20-fill.svg'); background-color: #222;}
.inp-lb input:checked + .inp .ico-radio-01-16 {mask-image:url('../svg/ico-radio-01-16-fill.svg'); background-color: #222;}
.inp-lb input:checked + .inp .ico-radio-01-20 {mask-image:url('../svg/ico-radio-01-20-fill.svg'); background-color: #222;}
.inp-lb input:checked + .st01 .ico-checkbox-01-16,
.inp-lb input:checked + .st01 .ico-checkbox-01-20,
.inp-lb input:checked + .st01 .ico-radio-01-16,
.inp-lb input:checked + .st01 .ico-radio-01-20{background-color: #E80F00;}
.inp-lb.type01 .txt{font-size:15px; line-height: 22px;}
.inp-lb.type01 .chk:has(i[class^="ico-"]){gap:0 12px;}

/* 관심상품 */
[class^="inp-like"] {display:inline-block; position:relative; width:20px; height:20px;}
[class^="inp-like"] input {width:0; height:0; position:absolute; top:0; left:0; text-indent:-9999px;}
[class^="inp-like"]:before,
[class^="inp-like"]:after {display:block; content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%;}
[class^="inp-like"]:before {visibility:visible; mask:url('../svg/ico-heart-01-20.svg') no-repeat center center /100% auto; background:#222;}
[class^="inp-like"]:after {visibility:hidden; z-index:-2; mask:url('../svg/ico-heart-01-20-fill.svg') no-repeat center center /100% auto; background:#E80F00;}
[class^="inp-like"]:has(input:checked):before {mask-image:url('../svg/ico-heart-01-20-fill.svg'); animation: likeHeart .8s ease-in-out both; background:#E80F00;}
[class^="inp-like"]:has(input:checked):after {visibility:visible; animation: likeHeartout .8s ease-in-out both;}

.inp-like-24 {width:24px; height:24px;}
.inp-like-24:before {mask-image:url('../svg/ico-heart-01-24.svg');}
.inp-like-24:after {mask-image:url('../svg/ico-heart-01-24-fill.svg');}
.inp-like-24:has(input:checked):before {mask-image:url('../svg/ico-heart-01-24-fill.svg');}

.inp-like-16 {width:16px; height:16px;}
.inp-like-16:before {mask-image:url('../svg/ico-heart-01-16.svg');}
.inp-like-16:after {mask-image:url('../svg/ico-heart-01-16-fill.svg');}
.inp-like-16:has(input:checked):before {mask-image:url('../svg/ico-heart-01-16-fill.svg');}

.inp-like-12 {width:12px; height:12px;}
.inp-like-12:before {mask-image:url('../svg/ico-heart-01-12.svg');}
.inp-like-12:after {mask-image:url('../svg/ico-heart-01-12-fill.svg');}
.inp-like-12:has(input:checked):before {mask-image:url('../svg/ico-heart-01-12-fill.svg');}

/* 상품 고정 */
[class^="inp-fix"] {display:inline-block; position:relative; width:20px; height:20px;}
[class^="inp-fix"] input {width:0; height:0; position:absolute; top:0; left:0; text-indent:-9999px;}
[class^="inp-fix"]:before,
[class^="inp-fix"]:after {display:block; content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%;}
[class^="inp-fix"]:before {visibility:visible; mask:url('../svg/ico-pin-01-20.svg') no-repeat center center /100% auto; background:#616161;}
[class^="inp-fix"]:after {visibility:hidden; z-index:-2; mask:url('../svg/ico-pin-01-20-fill.svg') no-repeat center center /100% auto; background:#E80F00;}
[class^="inp-fix"]:has(input:checked):before {mask-image:url('../svg/ico-pin-01-20-fill.svg'); animation: fixIn .8s ease-in-out both; background:#E80F00;}
[class^="inp-fix"]:has(input:checked):after {visibility:visible; animation: fixOut .8s ease-in-out both;}

.inp-fix-24 {width:24px; height:24px;}
.inp-fix-24:before {mask-image:url('../svg/ico-pin-01-24.svg');}
.inp-fix-24:after {mask-image:url('../svg/ico-pin-01-24-fill.svg');}
.inp-fix-24:has(input:checked):before {mask-image:url('../svg/ico-pin-01-24-fill.svg');}

.inp-fix-16 {width:16px; height:16px;}
.inp-fix-16:before {mask-image:url('../svg/ico-pin-01-16.svg');}
.inp-fix-16:after {mask-image:url('../svg/ico-pin-01-16-fill.svg');}
.inp-fix-16:has(input:checked):before {mask-image:url('../svg/ico-pin-01-16-fill.svg');}

.inp-fix-12 {width:12px; height:12px;}
.inp-fix-12:before {mask-image:url('../svg/ico-pin-01-12.svg');}
.inp-fix-12:after {mask-image:url('../svg/ico-pin-01-12-fill.svg');}
.inp-fix-12:has(input:checked):before {mask-image:url('../svg/ico-pin-01-12-fill.svg');}

@keyframes fixIn{
    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 fixOut {
    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;}
}

/* Tag */
.ctag-round{display:inline-block; box-sizing: border-box; border-radius: 11px; flex-shrink: 0;}
.ctag-round.st01,
.ctag-round.st02{height:24px; border:0; font-size:12px; line-height: 24px; padding:0 8px;}/* 주문결제 */
.ctag-round.st01{background-color: #fff; color:#222; border:1px solid #222;}
.ctag-round.st02{background-color: #222; color:#fff;}

/* TAB */
[class^="tab-wrap"]{position:relative; box-sizing: border-box; white-space: nowrap;}
[class^="tab-wrap"] .tab-menu{position:relative; display:flex; gap:0 20px; overflow:hidden; overflow-x:auto;}
/* [class^="tab-wrap"] .tab-menu.wide{padding:0 20px} */
[class^="tab-wrap"] .tab-menu li{position:relative; display:flex; align-items: center; box-sizing: border-box;}
[class^="tab-wrap"] .tab-menu a{position:relative; display:inline-block; align-content: center; height: 100%; font-size:24px; line-height: 28px; font-weight:700; color:#AAAAAA;}
[class^="tab-wrap"] .tab-menu li.on a{color:#222;}
.tab-wrap-line::after{content:''; position:absolute; bottom:0; display:block; width:100%; height: 1px; background-color: #EEEEEE; z-index:1;}
.tab-wrap-line .tab-menu{height: 50px; gap:0 16px;}
.tab-wrap-line .tab-menu li.on::after{content:''; position:absolute; bottom:0; display:block; width:100%; height: 1px; background-color: #222; z-index:2;}
[class^="tab-wrap"].st01 .tab-menu a{font-size:30px; line-height: 36px;}

/* Select */
.inp-select {position:relative; border-radius:2px;}
.inp-select button{height:36px; align-content: center; border-radius: 2px; border:1px solid #E0E0E0; font-size:13px; line-height: 20px; padding:0 28px 0 16px;}
.inp-select button:after{right:16px; width:12px; height: 12px; mask:url('../svg/ico-arrow-02-12-down.svg') 0 0/100% auto no-repeat; background-color: #222;}
.inp-select .sel-view{top:0; border-radius:2px; border:1px solid #222; background-color: #fff; box-shadow: 0px 4px 6px 0px #0000001A;}
.inp-select .sel-view:after{content:''; display:block; position:absolute; top:17px; right:16px; width:12px; height: 12px; mask:url('../svg/ico-arrow-02-12-up.svg') 0 0/100% auto no-repeat; background-color: #222; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.inp-select .sel-list{display: flex; flex-direction: column; gap:4px 0; box-sizing: border-box; padding:6px 0 6px 0}
.inp-select .sel-list li{font-size:13px; line-height: 20px;}
.inp-select .sel-list li a{height:30px; align-content: center; box-sizing: border-box; padding:0 16px}
/* .inp-select.on button{border-radius:2px 2px 0 0; border-color:#222; border-bottom-color:transparent;}
.inp-select.on button:after{mask-image: url('../svg/ico-arrow-02-12-up.svg');}
.inp-select.on button:hover{border-bottom-color:transparent;} */
.inp-select.st01 button{border-radius:0; border-color:transparent; border-bottom-color:#E0E0E0;}
.inp-select.st01 button:hover{border-color:transparent; border-bottom-color:#222}
/* .inp-select.st01.on button{height:36px; border-radius:2px 2px 0 0; border:1px solid #222; border-bottom-color:transparent;} */
/* 에러 */
.inp-select.error button{border-color:#E80F00}
.inp-select.error button:hover{border-color: #E80F00;}
/* .inp-select.on.error button{border-bottom-color:transparent} */
.inp-select.on.error .sel-view{border-color:#E80F00}
.inp-select.st01.error button{border-color:transparent; border-bottom-color:#E80F00}
/* .inp-select.st01.on.error button{border-color:#E80F00; border-bottom-color:transparent} */
/* disabled */
.inp-select.st01.disabled button{background-color: transparent;}
/* Layer */
.inp-select.st02{display:inline-block; width:auto;}
.inp-select.st02 button{height:20px; border-radius: 0; border:0; font-size:15px; padding:0; padding-right:16px;}
.inp-select.st02 button:after{right:0; background-color: #616161;}
.inp-select.st02 .sel-view{display:block; min-width:150px; top:31px; border-radius:20px; border:1px solid #222; background-color: #fff; padding:30px; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .2); transform: scale(0.85); transform-origin: top center; opacity:0; transition: .2s ease;}
.inp-select.st02 .sel-view:after{display:none;}
.inp-select.st02 .sel-list{gap:15px 0; box-sizing: border-box; padding:0; max-height: unset;}
.inp-select.st02 .sel-list li a{height:auto; align-content: unset; padding:0; font-size:12px; line-height: 16px;}
.inp-select.st02 .sel-list li a:hover{background-color: transparent; font-weight:700;}
.inp-select.st02.on .sel-view{transform: scale(1); opacity:1; transition:opacity .2s ease;}

/* 버튼 */
[class^="btn-txt-"]{position:relative; display:inline-block; font-size:13px; line-height: 19px; text-align: left;}
.btn-txt-line{border-bottom:1px solid #616161;}
a.btn-txt-line{color:#616161}
/* 아이콘 Type */
.ico-btn{position:relative; display:inline-block; font-size:0; line-height: 0; vertical-align: top;}
i[class^="ico-"]{display:inline-block; vertical-align:middle; font-size:0; line-height: 0; overflow: hidden;}
[class^="btn_grade"]:has(i[class^="ico-"]){display:inline-flex; align-items: center; justify-content: center; gap:0 4px}
[class^="btn_grade"].type1 i[class^="ico-"]{background-color: #fff;}
.ico-share-01-16 {width:16px; height:16px; mask:url('../svg/ico-share-01-16.svg') 0 0 /100% no-repeat; background-color:#222;}
.ico-share-01-20{width:20px; height:20px; mask:url('../svg/ico-share-01-20.svg') 0 0/20px no-repeat; background-color: #222;}
.ico-arrow-02-16-right{width:16px; height: 16px; mask:url('../svg/ico-arrow-02-16-right.svg') 0 0/16px no-repeat; background-color: #222;}
.ico-download-01-12{width:12px; height: 12px; mask:url('../svg/ico-download-01-12.svg') 0 0/12px no-repeat; background-color: #222;}
.ico-download-01-16{width:16px; height: 16px; mask:url('../svg/ico-download-01-16.svg') 0 0/16px no-repeat; background-color: #222;}
.ico-close-01-12{width:12px; height: 12px; mask:url('../svg/ico-close-01-12.svg') 0 0/12px no-repeat; background-color: #222;}
.ico-close-01-12.st01{background-color: #fff;}
.ico-history-01-24-fill{width:24px; height: 24px; mask:url('../svg/ico-history-01-24-fill.svg') 0 0/24px no-repeat; background-color: #fff;}
.ico-tooltip-01-16{width:16px; height: 16px; mask:url('../svg/ico-tooltip-01-16.svg') 0 0/16px no-repeat; background-color: #999;}

/* 장바구니 */
[class^="btn_grade"] .icon-arrdown{display:block; font-size:14px}
[class^="btn_grade"] .icon-arrdown:after{content:''; display:block; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  right:0; width:10px; height:6px; background:url('../images/ico_arrow09.png') 0 0 no-repeat;}
[class^="btn_grade"].type10 .icon-arrdown:after{right:-5px;}


/* 2026-02-04 : 26년 상시개선 */
.pagination.st02 {margin:0; padding:50px 0;}
.pagination.st02 button,
.pagination.st02 a {overflow:hidden; min-width:41px; height:28px; margin:0; padding:0 15px; box-sizing:border-box; font-size:12px; line-height:28px; color:#999; vertical-align:middle;}
.pagination.st02 button {mask:url('../svg/ico-arrow-01-05-right.svg') no-repeat center center /5px auto; background:#222;}
.pagination.st02 button.prev {width:38px; mask-image:url('../svg/ico-arrow-01-05-left.svg'); padding:0;}
.pagination.st02 button.next {width:38px; padding:0;}
.pagination.st02 a[aria-current] {font-weight:700; font-family:inherit; color:#222;}
.pagination.st02 .page_num {margin:0;}
.pagination.st02 button.first,
.pagination.st02 button.last {mask:none; width:auto; padding:0; background:none;}
.pagination.st02 button.first i,
.pagination.st02 button.last i {display:inline-block; position:static; top:auto; min-width:36px; padding:0 15px; box-sizing:border-box; font-size:12px; line-height:28px; color:#aaa;}
.pagination.st02 button.first:after {display:inline-block; position:static; width:39px;}
.pagination.st02 button.last:after {display:none;}
.pagination.st02 button.last:before {display:inline-block; content:"..."; position:static; width:39px;}

/* Common */
.conts-inner {position:relative; width:1280px; margin:0 auto;}

/* Header */
#header {z-index:51; 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,
#header .logo-cont .logo img {width:100%; height:100%;}
#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:focus::placeholder {opacity:0;}
#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;}
#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 .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;}
.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 .vowel-cont-luxury .swiper-slide {width:auto;}
.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;}
.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-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 {margin-top:30px;}
.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 {color:#999;}
.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%; object-fit:cover;}
.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;}
.layer-cart .cart_wrap .cart_info {border-left:0; border-right:0;}

/* 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:700; color:#222;}
.layer-cart .pro_detail .pro_info .info_price .p_sum strong {font-weight:400; color:#616161;}
.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:700;}
.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);}

/* 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;}