@charset "utf-8";
@import url("footer.css?v=250715");
@import url("gnb.css");
@import url("//img.enuri.info/fonts/Pretendard/dist/web/static/pretendard-dynamic-subset.min.css"); /* Pretendard Web Font */

/************************************************************************
 * 파일명 : common.css
 * 설명 : 에누리 모바일 웹 
 * 작성자  : 신왕섭 
 * 작성일 : 2020.02.06
************************************************************************/
*{  
    -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
    -ms-text-size-adjust : none;  /* IE */
    -moz-text-size-adjust : none;  /* 파이어폭스 */
    -o-text-size-adjust : none;  /* 오페라 구버전 */
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline:none;
    margin:0;
    padding:0;
}
/* * { -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); margin:0; padding:0 }  */
body,input,textarea,select,table,button { font-size:14px; font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','AppleSDGothicNeo-Medium','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Helvetica','AppleGothic','Droid sans','Sans-serif','Dotum','Verdana','Helvetica',sans-serif } 
h1,h2,h3,h4,h5 { font-size:100%; font-weight: normal; } 
a:link,a:hover,a:active,a:visited,a:focus { color:#4c5363; text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent } 
ul,ol,li { list-style:none } 
table { width:100%; border-collapse:collapse; border-spacing: 0; } 
colgroup { background:none } 
input,select,textarea,label,button { vertical-align:middle; font-size:14px; font-family: inherit } 
button { border: 0 none; background-color: transparent; cursor: pointer } 
fieldset,img { border:0 } 
img { vertical-align:top } 
td img { vertical-align:middle } 
legend,caption { visibility:hidden; width:0; font-size:0; line-height:0; text-indent:-5000px } 
address,em { font-style:normal } 
hr { display:none } 
.hide { visibility:hidden; position:absolute; font-size:0; line-height:0 } 
input,textarea { -webkit-appearance: none; -webkit-border-radius:0 } 
input,textarea,button { outline-style:none } 
select,input[type="text"],input[type="password"],input[type="number"],input[type="radio"],input[type="checkbox"] { -webkit-appearance:none; -moz-appearance:none; } 
button { outline:none; background-color:transparent; color:inherit; letter-spacing:inherit; font-size:inherit } 
button::-moz-focus-inner { border:0; padding:0; } 
.blind { display:block; position:absolute; overflow:hidden; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px } /* hide */
.m_fixed { position: fixed; top:0; left:0; right:0; z-index:100; box-shadow: 0 0 15px rgba(0,0,0,.2) } 
.invisible { display:none!important } 
.dim { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7) } 
.dim .dim__back { position: absolute; top:0; left:0; width:100%; height:100%; z-index:0 } 
img { max-width: 100%; } 
iframe { display: block; } 

/* var */
:root{
    --color-wine: #b91224; /* 와인 */
    --color-pet: #f56152; /* 펫샵 */
    --color-enuri-blue : #1a70dd;  /* 에누리 블루 */
    --color-enuri-sky : #30a7f7; /* 에누리 스카이 */
    --url-comm-sprite : url("//img.enuri.info/images/mobile_v2/common_sprite.png"); /* 공통 Sprite */
    --size-comm-sprite : 360px;    
    --url-my-sprite : url("//img.enuri.info/images/mobile_v2/myenuri_sprite.png"); /* 마이에누리 Sprite */
    --size-my-sprite : 360px;
    --url-myre-sprite : url('//img.enuri.info/images/mobile_v2/myeclub/re/mye_re_sprite.png'); /* 마이e클럽 마이페이지 리뉴얼 */
    --size-myre-sprite : 450px;    
}

/* common layout */
body{background-color:#f4f4f4}
body.scrollDisable{overflow: hidden; touch-action:none;}
.round_card{padding:10px 5px 0 5px}
.round_card .card_inner{position:relative;border-radius:5px 5px;border:1px solid #eeeeee;background:#fff;overflow: hidden}
.comm__sprite{background-image:var(--url-comm-sprite);background-repeat:no-repeat;background-size:var(--size-comm-sprite)}

/* Skipmenu */
#skipNav{position:absolute;z-index:9999;top:0;left:0;width:1px;height:1px;overflow:hidden}

/* Screen Reader Only */
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

/*---------------------------------------------------------
                @공통_스크롤 컨텐츠
---------------------------------------------------------*/
.scroller { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch } 
.scroller::-webkit-scrollbar-track,
.scroller::-webkit-scrollbar,
.scroller::-webkit-scrollbar-thumb { width:0; height:0; background-color:transparent } 
.scroller .scroll-cont { display:-webkit-box; display:-ms-flexbox; display:flex; display: -ms-inline-flexbox } 
.scroller .scroll-cont > * { flex:0 0 auto; } 

/*---------------------------------------------------------
                @공통_margin, padding
---------------------------------------------------------*/
.mb5 { margin-bottom:5px!important; } 
.mb8 { margin-bottom:8px!important; } 
.mb10 { margin-bottom:10px!important; } 

.mt5 { margin-top:5px!important; } 
.mt10 { margin-top:10px!important; } 
.mt11 { margin-top:11px!important; } 
.mt12 { margin-top:12px!important; } 
.mt13 { margin-top:13px!important; } 
.mt14 { margin-top:14px!important; } 
.mt15 { margin-top:15px!important; } 
.mt20 { margin-top:20px!important; } 
.mt24 { margin-top:24px!important; } 
.mt30 { margin-top:30px!important; } 
.mt32 { margin-top:32px!important; } 

.ml2 { margin-left:2px!important; } 

.pb0 { padding-bottom:0px!important; } 

.pt0 { padding-top:0px!important; } 
/* padding, margin, border */
.nomargin { margin:0!important; } 
.nopadding { padding:0!important; } 
.noborder { border:none!important; } 
.display-none { display: none!important; } 

.text_center { text-align: center; } 
.text_left { text-align: left; } 
.text_right { text-align: right; } 
/* --------------------------------------------------------
                @공통_컬러
-------------------------------------------------------- */
.color_blue { color:#3588f3!important; } 
.color_deepblue { color:#3078b0!important; } 
.color_wine { color:#ba1628!important; } 

/* --------------------------------------------------------
                @공통_hr
-------------------------------------------------------- */
.hr_color_eee { display: block; width: 100%; color:#eee; border-left:none; border-right:none; border-top:none; margin:0; } 

/* ---------------------------------------------------------
                @공통_말줄임
--------------------------------------------------------- */
.tx_shortening_1 { overflow:hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; } 
.tx_shortening_2 { overflow:hidden; display:-webkit-box!important; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all; } 
.tx_shortening_3 { overflow:hidden; display:-webkit-box!important; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all; } 
.tx_shortening_4 { overflow:hidden; display:-webkit-box!important; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all; } 

/* ---------------------------------------------------------
                @공통_그리드
--------------------------------------------------------- */
.col_wrap { display: flex; flex-wrap: wrap; } 
.col { flex: 0 0 auto; } 
.col_full { width:100% } 
.col_half { width:50% } 
.col_4 { width:33.333333% } 
.col_8 { width:66.666666% } 
.col_gap_8 { margin:0 -4px; } 
.col_gap_8 > .col { padding:0 4px; } 
.col_gap_14 { margin:0 -7px; } 
.col_gap_14 > .col { padding:0 7px; } 
.col_gap_16 { margin:0 -8px; } 
.col_gap_16 > .col { padding:0 8px; margin-bottom:16px; } 
.col_nowarp { flex-wrap: nowrap; } 

/* --------------------------------------------------------
                @공통_버튼
-------------------------------------------------------- */
.common_btn_area.btn_center { justify-content: center; } 

/* width_size : half */
.common_btn_area.btn_half { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.common_btn_area.btn_half .common_btn { flex:0 0 auto; width:calc(50% - 4px); } 

.common_btn_area.btn_third { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.common_btn_area.btn_third .common_btn { flex:0 0 auto; } 
.common_btn_area.btn_third .common_btn:first-child { width:calc(33.3333% - 4px); } 
.common_btn_area.btn_third .common_btn:last-child { width:calc(66.6667% - 4px); } 

.common_btn_area.btn_start { justify-content: flex-start; } 
.common_btn_area.btn_center { justify-content: center; } 
.common_btn_area.btn_end { justify-content: flex-end; } 

/* default_shape */
.common_btn { display: block; width:100%; font-size: 16px; text-align: center; line-height: 46px; border-radius: 8px; letter-spacing: -.5px; } 

/* size */
.common_btn.btn_xs { font-size: 14px; border-radius: 4px; line-height: 34px; } 
.common_btn.btn_sm { font-size: 14px; border-radius: 4px; line-height: 38px; } 

/* color */
.common_btn.disable { color:#fff!important; background-color: #ccc!important; border:1px solid rgba(0, 0, 0, 0.05)!important; } 
.common_btn.btn_transparent { color:#222; background-color: #fff; border:1px solid #ddd; } 
.common_btn.btn_blue { color:#fff; background-color: #3588f3; border:1px solid #3588f3; } 
.common_btn.btn_gray { color:#fff; background-color: #ccc; border:1px solid rgba(0, 0, 0, 0.05); } 
.common_btn.btn_wine { color:#fff; background-color: var(--color-wine); border:1px solid var(--color-wine); } 
.common_btn.btn_dark_grey { color:#fff; background-color:#666; border:1px solid rgba(0, 0, 0, 0.05); } 
.common_btn.btn_wine_transparent { color:var(--color-wine); background-color: #fff; border:1px solid var(--color-wine); } 
.common_btn.btn_pet { color:#fff; background-color: var(--color-pet); border-radius: 2px; } 

/* --------------------------------------------------------
                @공통_동영상삽입
-------------------------------------------------------- */
.video_area { position:relative; width: 100%; padding-top:56.25%; } 
.video_area iframe { position:absolute; top:0; left:0; width: 100%; height: 100%; } 
/* --------------------------------------------------------
                @공통_상품정보_가로형 (horizontal) 기본이미지사이즈 80px
-------------------------------------------------------- */
.common__goods_h { position:relative; display: flex; flex-wrap: wrap; } 
.common__goods_h .info__img { flex:0 0 auto; width: 80px; } 
.common__goods_h .info__img .img__wrap { position:relative; width: 100%; padding-top: 100%; } 
.common__goods_h .info__img .img__wrap:before { content:""; display: block; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, 0.05); position:absolute; top:0; left:0; z-index: 1; pointer-events: none; } 
.common__goods_h .info__img .img__wrap img { position:absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; z-index: 5; } 
.common__goods_h .info__img .tx_label { } 
.common__goods_h .info__tx { display: block; flex:0 0 auto; width:calc(100% - 80px); padding-left: 8px; } 
.common__goods_h .info__tx .tx_name { font-size: 14px; color:#222; } 
.common__goods_h .info__tx .tx_summary { font-size: 13px; color:#666; } 
.common__goods_h .info__tx .tx_option { font-size: 11px; color:#888; } 
.common__goods_h .info__tx .tx_price { font-size: 14px; color:#222; } 
.common__goods_h .info__tx .tx_price em { font-size: 16px; font-family: 'Roboto', sans-serif; } 
.common__goods_h .info__tx .tx_price.lowest_price:before { content:"최저가"; color:#3588f3; } 
.common__goods_h .info__tx .tx_date { font-size: 12px; color: #888; margin-top: 6px; } 
/* --------------------------------------------------------
                @공통_상품정보_세로형 (vertical)
-------------------------------------------------------- */
.common__goods_v { position:relative; display: block; } 
.common__goods_v .info__img { display: block; width: 100%; } 
.common__goods_v .info__img .img__wrap { position:relative; width: 100%; padding-top: 100%; } 
.common__goods_v .info__img .img__wrap:before { content:""; display: block; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, 0.05); position:absolute; top:0; left:0; z-index: 1; pointer-events: none; } 
.common__goods_v .info__img .img__wrap img { position:absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; z-index: 5; } 
.common__goods_v .info__img .tx_label { } 
.common__goods_v .info__tx { display: block; width: 100%; padding-top: 8px; } 
.common__goods_v .info__tx .tx_name { font-size: 13px; color:#222; } 
.common__goods_v .info__tx .tx_summary { font-size: 13px; color:#666; } 
.common__goods_v .info__tx .tx_option { font-size: 11px; color:#888; } 
.common__goods_v .info__tx .tx_price { font-size: 14px; color:#222; } 
.common__goods_v .info__tx .tx_price em { font-size: 16px; font-family: 'Roboto', sans-serif; } 
.common__goods_v .info__tx .tx_price.lowest_price:before { content:"최저가"; color:#3588f3; } 
.common__goods_v .info__tx .tx_date { font-size: 12px; color: #888; margin-top: 6px; } 

/* --------------------------------------------------------
                @공통_툴팁
-------------------------------------------------------- */
.common__tooltip { position:relative; display: inline-block; vertical-align: middle; text-align: left; } 
.common__tooltip.on { z-index: 20; } 
.common__tooltip .btn_tooltip { display: block; font-size: 0; } 
.common__tooltip .btn_tooltip i.icon_caution { display: inline-block; background-image:url("//img.enuri.info/images/mobile_v2/icon_caution@32.png"); background-size:100%; background-repeat: no-repeat; width:16px; height:16px; background-position: 0 0; } 
.common__tooltip .tooltip_content { display: none; position:absolute; top:100%; left:50%; transform: translateX(-50%); background-color: #fff; border:1px solid #ddd; font-size: 12px; font-weight: normal; border-radius: 4px; padding:12px 10px; z-index: 10; margin-top:4px; box-shadow:0 2px 10px rgba(0,0,0,.24) } 
.common__tooltip .tooltip_content .tt_h3 { font-size: 13px; font-weight: bold; color:#222; } 
.common__tooltip .tooltip_content .tt_cont { font-size: 12px; color:#666; margin-top:2px } 
.common__tooltip .tooltip_content .tt_cont_caution { font-size: 12px; color:#aaa; margin-top:2px } 
.common__tooltip .tooltip_content .tt_link { display: block; margin-top:4px; font-size: 12px; color: var(--color-enuri-blue); text-decoration: underline; } 
.common__tooltip .tooltip_content .tt_link i { display: inline-block; width:12px; height:12px; background-position: -169px -499px; vertical-align: -2px; } 


/* --------------------------------------------------------
                @공통_툴팁_화살표있는거
-------------------------------------------------------- */
.common__tooltip2 { position:relative; display: inline-block; vertical-align: middle; text-align: left; } 
.common__tooltip2 .btn_tooltip { position:relative; display: block; font-size: 0; } 
.common__tooltip2 .btn_tooltip i.icon_caution { display: inline-block; background-image:url("//img.enuri.info/images/mobile_v2/icon_caution@32.png"); background-size:100%; background-repeat: no-repeat; width:16px; height:16px; background-position: 0 0; } 
.common__tooltip2 .btn_tooltip:after { content: ""; display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%) rotate(45deg); z-index: 123; margin-top: 4px; background-color: #fff; border-left: 1px solid #bdc6d2; border-top: 1px solid #bdc6d2; width: 8px; height: 8px; } 
.common__tooltip2 .tooltip_content { display: none; position:absolute; top:100%; left:50%; transform: translateX(-50%); background-color: #fff; border:1px solid #bdc6d2; font-size: 12px; font-weight: normal; border-radius: 4px; padding:8px 30px 8px 10px; z-index: 10; margin-top:8px; box-shadow:0 2px 4px 0 rgba(0,0,0,.1); letter-spacing: -.7px; } 
.common__tooltip2 .tooltip_content .tt_h3 { font-size: 13px; font-weight: bold; color:#222; } 
.common__tooltip2 .tooltip_content .tt_cont { font-size: 12px; color:#666; line-height: 16px; } 
.common__tooltip2 .tooltip_content .tt_cont_caution { font-size: 12px; color:#aaa; margin-top:2px } 
.common__tooltip2 .tooltip_content .tt_link { display: block; margin-top:4px; font-size: 12px; color: var(--color-enuri-blue); text-decoration: underline; } 
.common__tooltip2 .tooltip_content .tt_link i { display: inline-block; width:12px; height:12px; background-position: -169px -499px; vertical-align: -2px; } 
.common__tooltip2 .tooltip_content .btn_tooltip_close { position:absolute; top:8px; right:8px; } 
.common__tooltip2 .tooltip_content .btn_tooltip_close i { display: block; width:16px; height:16px; background-position: -125px -600px; } 

.common__tooltip2.on { z-index: 20; } 
.common__tooltip2.on .btn_tooltip:after { display: block; } 
.common__tooltip2.on .tooltip_content { display: block; } 

/* 카테고리 */
.com__cate_wrap { position:fixed; top:0; left:0; width:100%; height:100%; z-index: 110; display:none; background:rgba(0,0,0,0); -webkit-transition:background .7s ease-in-out; -o-transition:background .7s ease-in-out; transition:background .7s ease-in-out } 
.com__cate_wrap .cate_inner { position: absolute; top:0; left:0; width:100%; height:100%; -webkit-transition:-webkit-transform .7s ease-in-out; transition:-webkit-transform .7s ease-in-out; -o-transition:transform .7s ease-in-out; transition:transform .7s ease-in-out,-webkit-transform .7s ease-in-out; background-color:#fff; -ms-transform:translateX(-100%); transform:translateX(-100%) } 
.com__cate_wrap.on { background:rgba(0,0,0,.7) } 
.com__cate_wrap.on .cate_inner { -ms-transform:translateX(0); transform:translateX(0) } 
.com__cate_wrap .cate_cnt { top:50px; position:absolute; height:calc(100% - 50px); width:100%; z-index: 0 } 
.com__cate_wrap .cate_menu { position: absolute; top:0; left:0; width:80px; background:#e9f4fa; height:100%; overflow-y:auto } 
.com__cate_wrap .cate_menu:after { content:""; position: absolute; top:0; right:0; width:1px; height:100%; border-right:1px solid #d4e1e8 } 
.com__cate_wrap .cate_menu li { box-sizing: border-box; position:relative; width:100%; height:65px; border-bottom:1px solid #d4e1e8; z-index: 1 } 
.com__cate_wrap .cate_menu li a { position:absolute; width:100%; left:0; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); text-align:center; font-size:15px; line-height:18px; color:#5c7395; letter-spacing: -1px } 
.com__cate_wrap .cate_menu li.selected { background-color:#fff; position: -webkit-sticky; position: sticky; top:0; z-index:10 } 
.com__cate_wrap .cate_menu li.selected a { color:var(--color-enuri-sky); font-weight: bold } 
.com__cate_wrap .cate_menu li .txt_shortcut { display:block; margin-top:4px; text-align:center; color:#444 } 
.com__cate_wrap .btn_shortcut .comm__sprite { display:block; margin:0 auto; width:24px; height:24px } 
.com__cate_wrap .btn_shortcut .ico_new { position: absolute; width:15px; height:18px; background-position:-225px -210px; top:0; right:7px; text-indent:-9999em; z-index:1 } 
.com__cate_wrap .ico_knowcom { background-position:0 -135px } 
.com__cate_wrap .ico_social { background-position:-25px -135px } 
.com__cate_wrap .ico_flower { background-position:-50px -135px } 
.com__cate_wrap .ico_eglobal { background-position:-75px -135px } 
.com__cate_wrap .ico_ereborn { background-position:-100px -135px } 
.com__cate_wrap .ico_eclub { background-position:-125px -135px } 
.com__cate_wrap .cate_list { letter-spacing: -1px; position: absolute; top:0; left:80px; right:0; height:100%; overflow-y: auto } 
.com__cate_wrap .cate_list li { position: relative } 
.com__cate_wrap .cate_list > ul.cate_depth { padding:0 10px 40px; } 
.com__cate_wrap .cate_list > ul.cate_depth a { display:block } 
.com__cate_wrap .cate_list a.selected { font-weight:bold } 
.cate_depth li { display:none } 
.cate_depth .show_child > ul > li { display:block } 
.cate_depth .show_child > .cate_tit { font-weight: bold } 
.cate_depth .depth_01,
.cate_depth .depth_02 { display:block } 
.cate_depth .depth_01 > .cate_item { position: -webkit-sticky; position: sticky; top:0; background:#fff; z-index: 10 } 
/* .cate_depth .depth_02 > .cate_tit { position: sticky; top:41px; background:#fff; z-index: 9 } */
.cate_depth a.cate_tit { position: relative } 
.cate_depth a.cate_tit:after { content:""; position: absolute; width:13px; height:13px; top:50%; right:10px; margin-top:-10px; -webkit-transform-origin: center center; transform-origin: center center; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid #999999; border-top:0; border-right:0; border-radius: 1px 1px; -ms-transform:rotate(-45deg); transform:rotate(-45deg) } 
.cate_depth a.cate_item { overflow:hidden; height:37px; padding-right:34px; line-height:37px; border-bottom:1px solid #f6f6f6; white-space: nowrap; text-overflow: ellipsis } 
.cate_depth .show_child > a.cate_tit:after { -ms-transform:rotate(135deg); transform:rotate(135deg); margin-top:-4px; border-color:#333 } 
.cate_depth .depth_01 > a.cate_item { font-size:15px; color:#333333; height:32px; line-height:32px; padding-top:10px; font-weight: bold; border-bottom:2px solid #333333; padding-left:5px } 
.cate_depth .depth_02 > a.cate_item { font-size:14px; color:#333333; padding-left:10px } 
.cate_depth .depth_03 > a.cate_item { font-size:14px; color:#555555; padding-left:20px } 
.cate_depth .depth_03 > a.cate_item { font-size:14px; color:#555555; padding-left:20px } 
.cate_depth .depth_03 ul { background-color:#fafafa } 
.cate_depth .depth_04 > a.cate_item { font-size:14px; color:#888888; padding-left:40px } 
.cate_depth .depth_04 a.cate_tit:after { display:none } 
.cate_depth .depth_04 a.cate_item:before { content:""; position:relative; top:-2px; display:inline-block; width:4px; height:4px; border:0; border-radius:50% 50%; margin-right:6px; background-color:#ddd } 
.cate_depth .depth_04 a.cate_tit.cate_item { padding-left:30px } 
.cate_depth .depth_04 a.cate_tit.cate_item:before { top:-2px; width:6px; height:6px; border:2px solid #dddddd; border-radius:0; border-top:0; border-right:0; margin-right:6px; background-color:transparent } 
.depth_03 .cate_item.type__sub:before { content:""; position:relative; top:-2px; display:inline-block; width:6px; height:6px; border:2px solid #fd8f8f; border-top:0; border-right:0; margin-right:6px } 
.depth_03 .cate_item.type__sub:before { content:""; position:relative; top:-2px; display:inline-block; width:6px; height:6px; border:2px solid #dddddd; border-top:0; border-right:0; margin-right:6px } 

.selected > .cate_item { color:var(--color-enuri-sky)!important } 
.selected > .cate_item:after { border-color:var(--color-enuri-sky)!important } 
.selected > .cate_item:before { background-color:var(--color-enuri-sky)!important } 
.selected > .cate_item.cate_tit:before { background-color:transparent!important; border-color:var(--color-enuri-sky)!important } 

@media screen and (min-width:768px) {
    .com__cate_wrap{background-color:rgba(0,0,0,.7)}
    .com__cate_wrap .cate_inner{max-width:420px}
}

#wrap .another_app_list{margin-top:10px}

/* 스크롤 잠금 */
#wrap.scroll_lock { position:fixed; left:0; right:0; top:0; height:100%; overflow:hidden; z-index: 0 } 

/* 탑배너 */
.header_top_bnr { position:relative; height:26px; padding:3px 0; letter-spacing:-.5px; text-align:left } 
.header_top_bnr .txt__bnr { display:block; margin:0 11px; height:26px; line-height:26px; color:rgba(255,255,255,.9); font-size:12px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis } 
.header_top_bnr .btn_close { z-index: 1; text-indent: -9999em; width: 20px; height: 20px; background-image:var(--url-comm-sprite); background-repeat:no-repeat; background-size:var(--size-comm-sprite); background-position:-193px 0; position: absolute; right: 11px; top: 6px } 

@media screen and (min-width:768px){
    .header_top_bnr .txt__bnr { max-width:746px; margin:0 auto; text-align:center } 
}

/* 일반 페이지 - 컨텐츠 상단 여백 - 기본fixed */
.m_sub_cont { padding-top:57px } 

/* 찜버튼 효과 _ 기본사이즈 24 - scale늘렸다 줄였다 애니매이션 작동시 아이폰에선 border-radius가 풀려버림 - 스케일 제거됨 */
.btn__zzim{ position: relative; display: block; width: 24px; height:24px; font-size: 0; background-color: transparent; border-radius: 50%; overflow: hidden; }
.btn__zzim:before { display: none; }
.btn__zzim:after { content: ""; display: block; width: 100%; height: 100%; background-image: url("//img.enuri.info/images/icon/svg/icon_zzim_star.svg"); background-size: 100%; background-position: 0 0; margin: 0 auto -1px; }
.btn__zzim.on:after { background-image: url("//img.enuri.info/images/icon/svg/icon_zzim_star_on.svg"); -webkit-animation:zzim_bounce ease-in-out 0s 1 alternate;animation:zzim_bounce ease-in-out 0s 1 alternate;opacity:1}
.btn__zzim.on.anim:after,
.btn__zzim.on.anim:before{ -webkit-animation-duration:.3s; animation-duration:.3s}

@-webkit-keyframes zzim_bounce {
    0% { opacity:0; -webkit-transform-origin:center; transform-origin:center; }
    100% { opacity:1; -webkit-transform-origin:center; transform-origin:center; }
}
@keyframes zzim_bounce {
    0% { opacity:0; -webkit-transform-origin:center; transform-origin:center; }
    100% { opacity:1; -webkit-transform-origin:center; transform-origin:center; } 
}

/* 예전 찜버튼 zzimly 제거대상.... */
.zzimly {z-index: 10500;letter-spacing: -0.5px;width: 90px;height: 42px;background: rgba(0,0,0,0.5);position: fixed;margin: -20px auto 0 -45px;left: 50%;top: 50%;border-radius: 50%;color: #ffffff;text-align: center;font-size: 11px;padding-top: 48px;line-height: 11px;display:none}
.zzimly:after{background-image: url("//img.enuri.info/images/m_home/icon_pack.png"); background-repeat: no-repeat; background-size: 250px 400px;background-position: -146px -117px;content: "";position: absolute;left: 30px;top: 15px;width: 31px;height: 27px}

/* 메인전면배너 */
.main_front_bnr { width:320px; min-height:250px; padding-bottom:90px; margin: -170px auto 0 -160px; position:absolute; left:50%; top:50%; z-index:1; letter-spacing:-1px } 
.main_front_bnr > a { display:block; width:320px; min-height:250px; background-color:#fff } 
.main_front_bnr .btn_group { position: absolute; bottom:0; left:0; width:100%; padding:20px 0 0 0; font-size:12px; text-align:center } 
.main_front_bnr .btn_group button { position:relative; display:inline-block } 
.main_front_bnr .btn_group .btn_down_app { display:block; margin:0 auto; width:240px; height:40px; line-height:40px; background:var(--color-enuri-sky); font-size:18px; color:#fff; border-radius: 20px 20px } 
.main_front_bnr .btn_group .btn_layer_close { height:16px; line-height:16px;font-size:14px; color:#fff; margin-top:14px; opacity:.75 } 
.main_front_bnr img { width:100% } 

/* 홈 탑버튼 */
.footer .newquick.scr_mode .TBtn { display:block } 
.footer .newquick { -webkit-transition:.3s all ease-in-out; -o-transition:.3s all ease-in-out; transition:.3s all ease-in-out; -ms-transform:translateY(40px); transform:translateY(40px); opacity:0 } 
.scr_down .footer .newquick.scr_mode { opacity:1; -ms-transform:translateY(0); transform:translateY(0) } 
.scr_up .footer .newquick.scr_mode { -webkit-transition-delay:.5s; -o-transition-delay:.5s; transition-delay:.5s } 

/* 공통 레이어 */
.com__layer { background-color:#fff; position:absolute; top:50%; left:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); letter-spacing:-1px } 
.com__layer .lay_head { height:44px; text-align:center; line-height:44px; font-size:16px; color:#333; border-bottom:1px solid rgba(0,0,0,.01) } 
.com__layer .lay_close { background-image:var(--url-comm-sprite); background-repeat:no-repeat; background-size:var(--size-comm-sprite); width:20px; height:20px; background-position:-292px -21px; position: absolute; top:12px; right:10px; text-indent:-9999em } 
.com__layer .lay_inner { background-color:#f6f6f6; text-align:center } 
/* 공통레이어 : 에누리컬러 */
.com__layer.grad_blue .lay_head { background-image: -webkit-gradient(linear,left top,right top,from(#30a7f7) ,to(#2d83ed)); background-image: -webkit-linear-gradient(left,#30a7f7 ,#2d83ed); background-image: -o-linear-gradient(left,#30a7f7 ,#2d83ed); background-image: linear-gradient(to right,#30a7f7 ,#2d83ed); color:#fff } 
.com__layer.grad_blue .lay_close { background-position:-292px 0 } 

/* SNS공유하기 */
.share_layer { width:270px; margin-left:-135px } 
.share_layer .lay_inner { padding:15px 20px 25px } 
.share_layer .lay_inner ul { margin-top:-5px; display:inline-block; overflow:hidden; width:auto; max-width:204px } 
.share_layer .lay_inner ul li { float:left; width:60px; height:60px; text-indent:-9999em; margin:5px 4px 0 } 
.share_layer .lay_inner ul li.share_fb { background:url("//img.enuri.info/images/mobile_v2/ico_share_fb.png") no-repeat 50% 50%; background-size:100% 100% } 
.share_layer .lay_inner ul li.share_kakao { background:url("//img.enuri.info/images/mobile_v2/ico_share_kakao.png") no-repeat 50% 50%; background-size:100% 100% } 
.share_layer .lay_inner ul li.share_tw { background:url("//img.enuri.info/images/mobile_v2/ico_share_tw.png") no-repeat 50% 50%; background-size:100% 100% } 
.share_layer .lay_inner ul li.share_line { background:url("//img.enuri.info/images/mobile_v2/ico_share_line.png") no-repeat 50% 50%; background-size:100% 100% } 
.share_layer .lay_inner ul li.share_mail { background:url("//img.enuri.info/images/mobile_v2/ico_share_mail.png") no-repeat 50% 0; background-size:60px auto } 
.share_layer .lay_inner ul li.share_mail.on { background-position:50% -62px } 
.share_layer .lay_inner ul li.share_story { background:url("//img.enuri.info/images/mobile_v2/ico_share_story.png") no-repeat 50% 50%; background-size:100% 100% } 
.share_layer .lay_inner ul li.share_band { background:url("//img.enuri.info/images/mobile_v2/ico_share_band.png") no-repeat 50% 50%; background-size:100% 100% } 
.share_layer .lay_inner .btn_wrap { margin-top:20px; height:25px; overflow:hidden; width:230px } 
.share_layer .lay_inner .btn_wrap .btn_group { width:460px; height:25px; -webkit-transition:.3s transform ease-in-out; -o-transition:.3s transform ease-in-out; transition:.3s transform ease-in-out } 
.share_layer .lay_inner .btn_item { height:25px; overflow:hidden; position:relative; float:left; width:230px } 
.share_layer .lay_inner .btn_wrap.mail_on .btn_group { -ms-transform:translateX(-50%); transform:translateX(-50%) } 
.btn_item .txt__share_url,
.btn_item .txt__share_mail,
.btn_item .btn__share_copy { border:1px solid #ccc; background-color:#fff; font-size:12px; color:#333; border-radius: 2px 2px; line-height:25px } 
.btn_item .btn__share_mail { border:1px solid #222222; background-color:#222222; font-size:12px; color:#fff; border-radius: 2px 2px; line-height:25px } 
.share_layer .lay_inner .btn_item .txt__share_url { display:block; padding:0 10px; margin-right:53px; height:23px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: 0 } 
.share_layer .lay_inner .btn_item .txt__share_mail { display:block; padding:0 10px; height:23px; overflow:hidden; width:147px; -webkit-appearance: none; -webkit-border-radius: 0 } 
.share_layer .lay_inner .btn_item .btn__share_copy,
.share_layer .lay_inner .btn_item .btn__share_mail { position: absolute; top:0; right:0; text-align:center; width:58px; height:25px } 
.share_layer .lay_inner .btn_item .btn__share_copy { width:48px } 

/* e머니 상품권 적립안내 레이어 2017-12-05 */
.emoney_ticket_layer { padding:10px; position:absolute; left:0; top:50%; margin:0 auto; z-index:100; width:100%; -ms-transform:translateY(-50%); transform:translateY(-50%); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box } 
.emoney_ticket_layer .con { width:100%; background:#fff; padding:20px 15px 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box } 
.emoney_ticket_layer .con h1 { margin-bottom:10px; padding:0; color:#000; font-size:23px; letter-spacing:-1px; line-height:30px; vertical-align:middle } 
.emoney_ticket_layer .con h1 b { color:#007dc3 } 
.emoney_ticket_layer .con .txt { font-size:12px; color:#666; line-height:17px; padding-bottom:3px; letter-spacing:-1px } 
.emoney_ticket_layer .con .txt02 { font-size:10px; color:#666666; padding-bottom:10px } 
.emoney_ticket_layer .con .eticket_use_list { clear:both; margin-top:18px; padding-top:13px; background:url("//img.enuri.info/images/m_home/bg_dashed_line.gif") top left repeat-x; background-size:16px } 
.emoney_ticket_layer .con .eticket_use_list h2 { font-weight:bold; font-size:12px; color:#007dc3; text-align:left; line-height:17px } 
.emoney_ticket_layer .con .eticket_use_list ul { margin:0 0 15px; text-align:left } 
.emoney_ticket_layer .con .eticket_use_list li { position:relative; font-size:12px; line-height:16px; padding-left:10px; letter-spacing:-1px } 
.emoney_ticket_layer .con .eticket_use_list li:after { content:"-"; display:block; position:absolute; left:0; top:0 } 
.emoney_ticket_layer .con .eticket_use_list li .subtxt { color:#999 } 
.emoney_ticket_layer .con .eticket_use_list .view { display:block; width:calc(100% - 20px); margin:0 auto; border-radius:5px; font-weight:bold; font-size:12px; color:#fff; line-height:35px; vertical-align:middle; background-color:#3a7bd5 } 
.emoney_ticket_layer .frontbtn { color:#ffffff; background:#373c40; } 
.emoney_ticket_layer .frontbtn span { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:35px; display:inline-block; text-align:center; font-weight:normal; font-size:12px; position:relative; line-height:33px; vertical-align:middle } 
.emoney_ticket_layer .frontbtn span a { display:block; color:#fff } 
.emoney_ticket_layer .frontbtn span:first-child { width:70%; border-right:1px solid #35373e } 
.emoney_ticket_layer .frontbtn span:last-child { width:30%; border-left:1px solid #626467 } 

@media screen and (max-height: 480px){
    .emoney_ticket_layer{margin:-242px auto 0; }
    .emoney_ticket_layer .con{height:430px; }
    .emoney_ticket_layer .con h1{font-size:20px; padding:7px 0}
    .emoney_ticket_layer .con .wbox{padding:8px}
    .emoney_ticket_layer .con .wbox li{font-size:12px; letter-spacing:-0.5px; }
}
@media screen and (max-width:320px){
    .emoney_ticket_layer .con .wbox li{font-size:12px; letter-spacing:-0.5px; }
}

.emoney_ticket_layer.app { width:100%; height:100%; background:#dde1e6; top:0; margin:0; padding:0 } 
.emoney_ticket_layer.app .con { padding:20px } 
.emoney_ticket_layer.app .btnclose { position:absolute; right:3px; top:3px; width:28px; height:28px; border-radius:3px; background: url("//img.enuri.info/images/main/ico_popup.png") -49px 5px no-repeat #bcbfc4; background-size:72px; text-indent:-9999em } 

/* 위메프 상품권 적립안내 레이어 2018-02-28 */
.wemap_ticket_layer { padding:10px; position:absolute; left:0; top:50%; margin:0 auto; z-index:100; width:100%; -ms-transform:translateY(-50%); transform:translateY(-50%); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box } 
.wemap_ticket_layer .con { width:100%; background:#fff; padding:20px 15px 3px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box } 
.wemap_ticket_layer .con h1 { margin-bottom:10px; padding:0; color:#000; font-size:23px; letter-spacing:-1px; line-height:30px; vertical-align:middle } 
.wemap_ticket_layer .con h1 b { color:#007dc3 } 
.wemap_ticket_layer .con .txt { font-size:12px; color:#666; line-height:17px; padding-bottom:3px; letter-spacing:-1px } 
.wemap_ticket_layer .con .txt02 { font-size:10px; color:#666666; padding-bottom:10px } 
.wemap_ticket_layer .con .eticket_use_list { clear:both; /* margin-top:18px; */ padding-top:13px; background:url("//img.enuri.info/images/m_home/bg_dashed_line.gif") top left repeat-x; background-size:16px } 
.wemap_ticket_layer .con .eticket_use_list h2 { font-weight:bold; font-size:12px; color:#007dc3; text-align:left; line-height:17px } 
.wemap_ticket_layer .con .eticket_use_list ul { margin:0 0 20px; text-align:left } 
.wemap_ticket_layer .con .eticket_use_list ul:last-child { margin-bottom:0 } 
.wemap_ticket_layer .con .eticket_use_list li { position:relative; margin-bottom:5px; font-size:12px; line-height:16px; padding-left:10px; letter-spacing:-1px } 
.wemap_ticket_layer .con .eticket_use_list li:after { content:"-"; display:block; position:absolute; left:0; top:0 } 
.wemap_ticket_layer .con .eticket_use_list li .subtxt { color:#999 } 
.wemap_ticket_layer .con .eticket_use_list li .emp-blue { color:#007dc3 } 
.wemap_ticket_layer .con .eticket_use_list .cautionment { position:relative; margin-bottom:15px; padding-left:15px; font-size:12px; line-height:16px } 
.wemap_ticket_layer .con .eticket_use_list .cautionment:before { content:"※"; position:absolute; left:0 } 
.wemap_ticket_layer .con .eticket_use_list .view { display:block; width:calc(100% - 20px); margin:15px auto 0; border-radius:5px; font-weight:bold; font-size:12px; color:#fff; line-height:35px; vertical-align:middle; background-color:#3a7bd5 } 
.wemap_ticket_layer .frontbtn { color:#ffffff; background:#373c40; } 
.wemap_ticket_layer .frontbtn span { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:35px; display:inline-block; text-align:center; font-weight:normal; font-size:12px; position:relative; line-height:33px; vertical-align:middle } 
.wemap_ticket_layer .frontbtn span a { display:block; color:#fff } 
.wemap_ticket_layer .frontbtn span:first-child { width:70%; border-right:1px solid #35373e } 
.wemap_ticket_layer .frontbtn span:last-child { width:30%; border-left:1px solid #626467 } 

@media screen and (max-height: 480px){
    .dim {position:absolute; bottom:0; min-height:480px}
    .wemap_ticket_layer {position:static; top:0; -ms-transform:translateY(0); transform:translateY(0); }
    .wemap_ticket_layer .con {min-height:400px}
}

.wemap_ticket_layer.app{width:100%; height:100%; background:#dde1e6; top:0; margin:0; padding:0}
.wemap_ticket_layer.app .con{padding:20px}
.wemap_ticket_layer.app .btnclose{position:absolute; right:3px; top:3px; width:28px; height:28px; border-radius:3px; background: url("//img.enuri.info/images/main/ico_popup.png") -49px 5px no-repeat #bcbfc4; background-size:72px; text-indent:-9999em}

/* paging */
.paging { text-align:center; background:#ffffff; padding:5px 0 } 
.paging.second { margin-top:8px } 
.paging li { display:inline-block; margin:0 2px; position:relative; width:30px } 
.paging li a { width:30px; height:30px; line-height:30px; color:#999999; text-align:center; display:block; font-size:15px; font-family:'Tahoma', sans-serif } 
.paging li a.btn { position:absolute; text-indent:-9999em; background: url("//img.enuri.info/images/mobilefirst/ico_paging.png") 0 0 no-repeat; background-size:38px; } 
.paging li a.btn.prev { background-position:-20px 10px; left:-12px; top:-21px } 
.paging li a.btn.prev.none { background-position:12px 10px; } 
.paging li a.btn.next { background-position:-20px -17px; right:-12px; top:-21px } 
.paging li a.btn.next.none { background-position:12px -17px; } 
.paging li a.selected { cursor:default; color:#7bbbee; text-decoration:underline; font-weight:bold } 

/* 공통 로더 */
.comm__loader { position:fixed; top:0; left:0; width:100%; height:100%; z-index: 100000; background:rgba(0,0,0,.1) } 
.comm__loader .loader_inner { text-indent:-9999em; position:absolute; top:50%; left:50%; width:60px; height:60px; margin:-30px 0 0 -30px; border-radius: 50% 50%; background:url("//img.enuri.info/images/rev/loader-bi.svg") no-repeat #fff; background-size:60px 60px; border: 2px solid #fff; background-color: #eee; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.25); box-shadow: 0 0 30px rgba(0,0,0,0.25); overflow:hidden } 

/* 200421 : SR39554 : 외부광고 브릿지 */
.lay_ad_bridge { z-index:999 } 
.lay_ad_bridge .lay_inner { z-index:10; width:280px; height:330px; background-repeat:no-repeat; background-color:transparent; background-size:100%; position: absolute; top:50%; left:50%; margin:-165px 0 0 -140px } 
.lay_ad_bridge.bridge01 .lay_inner { background-image:url("//img.enuri.info/images/mobile_v2/lay_ad_bridge_m01.png") } 
.lay_ad_bridge.bridge02 .lay_inner { background-image:url("//img.enuri.info/images/mobile_v2/lay_ad_bridge_m02.png") } 
.lay_ad_bridge .lay_inner button { border:0; background-color:transparent; outline:none; position:absolute; text-indent:-9999em } 
.lay_ad_bridge .lay_inner .btn_bridge_close { width:30px; height:30px; top:0; right:15px; } 
.lay_ad_bridge .lay_inner .btn_bridge_app { width:100%; height:60px; bottom:0; left:0; } 

/* 200512 로고관련 */
.mall_list { width:100%; } 
.mall_list ul { overflow:hidden; background-color:#fff; border-top:1px solid #f6f6f6; border-bottom:1px solid #f6f6f6 } 
.mall_list ul li { position:relative; box-sizing:border-box; width:25%; float:left; } 
.mall_list ul li:before { content:""; position: absolute; top:0; right:-1px; bottom:0; border-left:1px solid #f6f6f6 } 
.mall_list ul li:after { content:""; position: absolute; left:-1px; bottom:-1px; right:0; border-bottom:1px solid #f6f6f6 } 
.logo--sm { padding:14px 0; height:20px; display:block; line-height:0; text-align:center } 
.logo--sm img { height:20px; width:auto; } 

/* ---------------------------------------------------------------------------------
    기존 - 바텀시트 공통
    (새로작업된내용은 각페이지별css에 작업함..혹시 리뉴얼 및 개편하게되어
    해당내용 사용안할경우 신규작성하겠음)
------------------------------------------------------------------------------------ */
.bottomsheet_wrap { overflow:hidden; position:fixed; top:0; bottom:0; left:0; right:0; opacity:0; -webkit-transition:opacity .3s ease-in; -o-transition:opacity .3s ease-in; transition:opacity .3s ease-in } 
.bottomsheet_wrap .dimmed { display:block; position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.5); } 
.bottomsheet_wrap.is-shown { display:block; z-index:10000 !important; opacity:1; } 
.bottomsheet_wrap.is-shown .dimmed { display:block } 
.bottomsheet_wrap.is-shown .bottomsheet { -ms-transform:translate(0, 0); transform:translate(0, 0); z-index:1; } 

.bottomsheet { position:absolute; bottom:0; left:0; right:0; height:calc(100vh - 50vh); border-radius:16px 16px 0 0; -webkit-box-shadow:0 0 2rem 0 rgba(41,48,66,.1); box-shadow:0 0 2rem 0 rgba(41,48,66,.1); -webkit-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in; background-color:#fff; -ms-transform:translate(0, 100%); transform:translate(0, 100%); overflow: hidden; } 
.bottomsheet.is-expand{height: calc(100vh - 20vh)}
.bottomsheet .bs_inner { position:relative; top:0; bottom:0; height:100%; padding:0; } 
.bottomsheet .bs_head { display:block; position:sticky; height:52px; padding:0 20px; border-bottom:1px solid #ddd } 
.bottomsheet .bs_head:after { content:""; display:table; clear:both; } 
.bottomsheet .bs_head_tit { display:block; padding:12px 0 10px; font-size:16px; color:#000; letter-spacing:-.6px; line-height:30px; font-weight:bold} 
.bottomsheet .bs_head_close { position:absolute; top:14px; right:14px; width:24px; height:24px; font-size:0; text-indent:-9999px; background:url("//img.enuri.info/images/mobile_v2/common_sprite.png") -232px -502px no-repeat; background-size:360px; z-index:10} 
.bottomsheet .bs_container{height:calc(100% - 53px)}
.bottomsheet .bs_cont { overflow:hidden; overflow-y:auto; clear:both; height:calc(100% - 53px); -webkit-overflow-scrolling:touch; } 

/* 컨텐츠 내용이 짧을때 클래스 추가 : .non-scr */
.bottomsheet_wrap.non-scr .bottomsheet { height:auto } 
.bottomsheet_wrap.non-scr .bottomsheet .bs_cont { overflow:hidden; } 

.bs__btn_area { display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #fff; } 
.bs__btn_area button { flex:0 0 auto; font-size: 13px; height:44px; padding:0 16px; letter-spacing: -1px; } 
.bs__btn_area button.btn__close_date { color:#888; } 
.bs__btn_area button.btn__close_date .icon__circle_ex { display: inline-block; vertical-align: -5px; width: 20px; height: 20px; background-position: -257px -479px; margin-right:4px; } 
.bs__btn_area button.btn__close { color:#222; } 

/* 바텀시트 배너형태일때 _ typetext */
.bottomsheet.banner_text > a { display:block; color:#fff; padding:30px 0; text-align: center; text-decoration: none; } 
.bottomsheet.banner_text .tx_1 { font-size: 15px; } 
.bottomsheet.banner_text .tx_2 { position:relative; display: inline-block; font-size: 20px; color:#f1ff2c; letter-spacing: -1px; } 
.bottomsheet.banner_text .tx_2:before { content:""; display: block; width:104%; height:10px; position:absolute; bottom:0; left:-2%; background: #fff; opacity: .2; } 
/* 바텀시트 배너형태일때 _ typeimage */
.bottomsheet.banner_image > a { display: block; } 

/* 바텀시트 컨텐츠 하위 - VIP > 가격비교 쇼핑몰선택 목록 */
.bs_cont.mallbox_cont { height:calc(100% - 183px) } /*BS헤더+탭+하단버튼 제외한 높이 */
.mallbox_tab { position:sticky; top:0; left:0; right:0; z-index:10; width:100%; height:48px; padding:0 8px; border-bottom:1px solid #eee; font-size:0; background-color:#fbfbfb } 
.mallbox_tab .tab-item { display:inline-block; position:relative; height:100%; padding:0 8px; font-size:14px; letter-spacing:-.56px; color:#aaa } 
.mallbox_tab .tab-item.is-on { color:#222 } 
.mallbox_tab .tab-item.is-on:after { content:''; position:absolute; bottom:-1px; left:0; right:0; border-bottom:1px solid #222; } 
.mallbox_search{background:#fff;height:48px;position:relative;}
.mallbox_inner{padding:0 16px;}
.mallbox_search .input__mallbox-search{width:100%;height:48px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:0 46px 0 16px;color:#333;}
.mallbox_search .btn__mallbox-search{display: block;width: 28px;height: 28px;background-position: -56px -192px;position:absolute;top: 9px;right: 30px;text-indent: -9999em;opacity:.5}
.mallbox_search .btn__mallbox-delete{display: block;width: 28px;height: 28px;top: 9px;right: 30px;text-indent: -9999em;position:absolute;}
.mallbox_search .btn__mallbox-delete:after{content:"";width: 16px;height: 16px;background-position: -122px -237px;position:absolute;top:6px;left:6px;background-image:inherit;background-size:inherit}
.mallbox_list { padding:0 16px; font-size:0; } 
.mallbox_list>li { display:inline-block; width:50%; margin:12px 0 } 
/* .mallbox_list.type--lp>li{width:100%} */
.mallbox_list>li label { display:flex; height:24px; vertical-align:middle; margin-left:10px; padding:0 8px 0 0} 
.mallbox_list>li label:first-child { margin-left:0; } 
.mallbox_list>li label span { position:relative; display:inline-block; height:24px; font-size:14px; color:#222; letter-spacing:-.56px; line-height:24px; padding-left:28px; flex:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} 
.mallbox_list>li label span:after { content:""; display:block; width:24px; height:24px; background-image:url(//img.enuri.info/images/mobile_v2/common_sprite.png); background-repeat:no-repeat; background-position:-230px -454px; background-size:360px; position:absolute; top:-1px; left:0; } 
.mallbox_list>li label span+em { margin-left:2px; font-size:12px; letter-spacing:-.48px; color:#999;line-height:24px;flex:1} 
.mallbox_list>li label input { position:absolute; width:1px; height:1px; visibility:hidden; } 
.mallbox_list>li label input:checked+span { color:#1a70dd } 
.mallbox_list>li label input:checked+span+em { color:#1a70dd } 
.mallbox_list>li label input:checked+span:after { background-position-x:-255px; } 
.mallbox_list>li.no-data { display:block; width:100%; text-align:center } 
.mallbox_list>li.no-data .tx_msg { display:block; padding:45px 0; font-size:14px; color:#222; letter-spacing:-.56px; line-height:20px } 
.mallbox_foot { position:sticky; bottom:0; left:0; right:0; z-index:10; width:calc(100% - 32px); height:48px; padding:16px; border-top:1px solid #eee; font-size:0; text-align:center; background-color:#fff } 
.mallbox_foot .btn { display:inline-block; position:relative; height:48px; margin:0; border-radius:2px; border:1px solid rgba(0,0,0,.05); font-size:13px; color:#fff; text-align:center; background:#9b9b9b; } 
.mallbox_foot .btn__cancel { width:calc(35% - 8px); margin-right:8px;border-color:#ddd;background-color:#fff;color:#222;min-width:100px} 
.mallbox_foot .btn__cancel:before{content:"";vertical-align:-5px;display:inline-block;width:20px;height:20px;background-image :var(--url-comm-sprite);background-size:var(--size-comm-sprite);background-position:-326px -478px}
.mallbox_foot .btn__apply { width:65%; background-color:#3588f3;max-width:calc(100% - 108px)} 
.mallbox_foot .lay-comm__btn--close { top:10px; background-position:-200px -280px } 
.mallbox_selected.select_tab{height:auto;padding:12px 16px;box-shadow: 0 10px 10px rgba(255,255,255,1);position: relative;z-index: 1;}
.mallbox_selected.select_tab > ul > li .btn-sel{height:36px;border-radius:18px}
.mallbox_selected.select_tab > ul > li .btn-sel:after{top:12px;}

/* ---------------------------------------------------------
                    @공통_좌시트
---------------------------------------------------------*/
:root { 
    --comm-sprite2 : url("//img.enuri.info/images/mobile_v2/common_sprite2.png?v=7"); 
    --depth1-sprite : url("//img.enuri.info/images/mobile_v2/depth1_sprite.png"); 
    --mobile--sprite-size : 360px; 
} 
.border-box,
.border-box *,
.border-box *:before,
.border-box *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 
/* 스크롤바..꾸미려다 제거 // 다른데 스크롤바 영역생각해서 작업된거같은데 아예날려버림 이부분은 추후 확인될때마다 수정하는걸로!!! */
::-webkit-scrollbar { width: 0; height: 0; } 
::-webkit-scrollbar-track { background-color: #f2f2f2; -webkit-border-radius: 2px; border-radius: 2px; } 
::-webkit-scrollbar-thumb { background: #30a7f7; -webkit-border-radius: 2px; border-radius: 2px; } 
::-webkit-scrollbar-button { display: none; } 

.comm__sprite2 { background-image: var(--comm-sprite2); background-size: var(--mobile--sprite-size); } 
.depth1__sprite { background-image: var(--depth1-sprite); background-size: var(--mobile--sprite-size); } 
.sheet_overlay { position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,.25); z-index: 145; } 

/* 공통-시트 기본값 */
.comm_sheet { position:fixed; top:0; left:0; transition:all .5s; z-index: 150; overflow:hidden; } 
.comm_sheet * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 
.comm_sheet.active { transform: translate(0)!important; } 
/* 시트-left */
#sheet_left.comm_sheet { transform: translate(-100%, 0); width:100%; max-width:480px;min-width: 320px; height:100%; background-color: #eee; letter-spacing: -.5px; } 
/* 시트-left-메인 */
#sheet_left .sheet_main { height:100%; transition:all .5s; } 
.comm_sheet .sheet_main .sht_wrap { height:100%; overflow: auto; } 
#sheet_left .sheet_main .sht_row { margin-bottom:10px; border-bottom:1px solid #ddd; } 
#sheet_left .sheet_main .sht_row.sht_row_first { border:none; } 
/* 공통-박스 제목 */
#sheet_left .sht_row_name { height:45px; line-height: 44px; padding:0 16px; font-size: 16px; font-weight: 500; color:#222; background-color: #fff; border-bottom:1px solid #eee; } 

/* 공통 - 더보기 */
#sheet_left .btn_more_content { width:100%; height:44px; line-height: 44px; font-size: 14px; color:#999; text-align: center; background-color: #fff; border-top: 1px solid #eee; margin-top: -1px; } 
#sheet_left .btn_more_content .icon_arrow_down_s16 { display: inline-block; vertical-align: -4px; width:16px; height: 16px; background-position: -32px -24px; margin-left:4px; } 
#sheet_left .btn_more_content .icon_arrow_down_s16.reverse { transform: rotate(180deg); } 

/* 시트-left-메인-상단 헤더 - 고객정보 */
#sheet_left .sht_header { position:relative; color:#fff; padding:15px 16px 24px; background-color: #30a7f7; } 
#sheet_left .sht_header .btn_close_sht { position:absolute; top:16px; right:16px; display: block; width: 24px; height: 24px; } 
#sheet_left .sht_header .btn_close_sht .icon_close_s24_white { display:block; width: 24px; height: 24px; background-position: -48px 0; text-indent:-9999em} 

#sheet_left .sht_header .welcome_txt { position:relative; padding:0 28px; line-height: 23px; font-size: 16px; color:#fff; } 
#sheet_left .sht_header .welcome_txt em { display: inline-block; vertical-align: -5px; max-width: 246px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
#sheet_left .sht_header .welcome_txt .icon_arrow_right_s16_white { display: inline-block; vertical-align: -2px; width: 16px; height: 16px; background-position: 0 -24px; margin-left: 4px; } 
#sheet_left .sht_header .welcome_txt a { display: inline-block; font-size: 12px; color: rgba(255,255,255,.75); text-decoration: underline; opacity: .8; } 
#sheet_left .sht_header .welcome_txt a i.icon_circle_arrow_right_s12_white { display: inline-block; vertical-align: -2px; width:12px; height:12px; background-position: 0 -136px; margin-left:4px; } 

#sheet_left .sht_header .welcome_txt:before { content:""; display: block; width:24px; height:24px; background-image: var(--comm-sprite2); background-size: var(--mobile--sprite-size); position:absolute; top:0; left:0; } 
#sheet_left .sht_header .welcome_txt.before:before { background-position: 0 0; } 
#sheet_left .sht_header .welcome_txt.after:before { background-position: -24px 0; } 
/* 시트-left-메인-상단 헤더 - 메뉴 */
#sheet_left .sht_header .private_menu { border-radius: 8px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); background: #fff; margin-top:12px; } 
#sheet_left .sht_header .private_menu ul { display: flex; flex-wrap: wrap; justify-content: space-between; } 
#sheet_left .sht_header .private_menu ul li { flex:0 0 auto; width:25%; } 
#sheet_left .sht_header .private_menu ul li a { display: block; text-align: center; padding:13px 0; color:#222 } 
#sheet_left .sht_header .private_menu ul li a .menu_name { font-size: 12px; line-height: 12px; margin-top: 4px; } 
#sheet_left .sht_header .private_menu i { display: block; width:40px; height:40px; margin:0 auto; } 
#sheet_left .sht_header .private_menu i.icon_private_benefit { background-position: -40px -48px; } 
#sheet_left .sht_header .private_menu i.icon_private_zzim { background-position: -240px -48px; } 
#sheet_left .sht_header .private_menu i.icon_private_alarm { background-position: -160px -48px; } 
#sheet_left .sht_header .private_menu i.icon_private_order { background-position: -200px -48px; } 

/* 시트-left-메인-최근 카테고리 */
#sheet_left .she_category_recent { padding:16px 16px 12px; background: #fff; border-bottom:1px solid #eee; } 
#sheet_left .she_category_recent .recent_top_txt { display: block; height:20px; line-height: 20px; font-size: 13px; color:#555; opacity: .6; } 
#sheet_left .she_category_recent ul { margin:8px -2px 0; font-size: 0; } 
#sheet_left .she_category_recent ul li { position:relative; display:inline-block; padding:0 2px; margin-bottom:8px; } 
#sheet_left .she_category_recent ul li a { display: block; max-width: 146px; width:100%; padding:0 28px 0 14px; color:#666; height:32px; font-size: 12px; line-height: 30px; border:1px solid #ddd; border-radius: 60px; background-color: #fff; word-break: break-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
#sheet_left .she_category_recent ul li .icon_close_s12_gray { display: block; width:12px; height:12px; position:absolute; top:50%; right:14px; margin-top:-6px; background-position: -12px -136px; } 

/* 시트-left-메인-메인 카테고리 (대대) */
/* .sheet-main-category 적용후 삭제 */
    #sheet_left .sht_maincategory { padding:12px 0 16px; background-color: #fff; } 
    #sheet_left .sht_maincategory ul { display: flex; align-items: center; flex-wrap: wrap; gap:12px 0 } 
    #sheet_left .sht_maincategory ul li { flex: 0 0 auto; width:20%;  } 
    #sheet_left .sht_maincategory ul li button { display: block; margin:0 auto; } 
    #sheet_left .sht_maincategory ul li button .cate_icon { display: block; width: 40px; margin: 0 auto; } 
    #sheet_left .sht_maincategory ul li button .cate_name { display: block; height:24px; line-height: 12px; font-size: 11px; margin-top:4px; color:#555; text-align:center; } 
    #sheet_left .sht_maincategory ul li button .cate_name .dot { font-weight: bold; margin: 0 1px; line-height: 1; } 
    #sheet_left .sht_maincategory.v2{padding:12px 8px}
    #sheet_left .sht_maincategory.v2 ul{gap:0 calc((100% - 320px) / 3)}
    #sheet_left .sht_maincategory.v2 ul li{width:80px} 
    #sheet_left .sht_maincategory.v2 ul li button{padding:7px 10px}
    #sheet_left .sht_maincategory.v2 ul li button .cate_icon{width:44px}
    #sheet_left .sht_maincategory.v2 ul li button .cate_name{margin:6px -10px 0;font-size:12px;color:#555;line-height:14px;height:28px}
/* 여기까지 */
.sheet-main-category {position:relative; background-color: #fff; overflow: auto;}
.sheet-main-category .cate-list{display:flex;flex-wrap:wrap;margin:16px 10px 20px;gap:16px 0}
.sheet-main-category .cate-item{width:25%;flex:none;position:relative;display:flex;justify-content: center;}
.sheet-main-category .cate-item a {display:flex;flex-direction:column;position:relative;align-items:center}
.sheet-main-category .cate-icon {display:block;width:56px;height:56px;box-sizing:content-box;border-radius:20px;overflow:hidden}
.sheet-main-category .cate-icon img{width:56px;height:56px}
.sheet-main-category .cate-name {display:block;height:36px;line-height:18px;font-size:13px;color:#222;box-sizing: content-box;margin-top:6px;text-align:center;display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sheet-main-category .cate-name .dot {font-weight: 600; margin: 0 1px; line-height: 1;}

/* 시트-left-메인-서비스 */
#sheet_left .sht_service { padding:8px 0; background-color: #fff; border-bottom:1px solid #eee; } 
#sheet_left .sht_service ul { display: flex; justify-content: space-between; flex-wrap: wrap; } 
#sheet_left .sht_service ul li { flex: 0 0 auto; width:50%; } 
#sheet_left .sht_service ul li a { display: flex; height: 40px; padding-left:16px; align-items: center;gap: 0 10px } 
#sheet_left .sht_service ul li a .service_name { display: inline-block; vertical-align: middle; font-size: 14px; color:#555; } 

#sheet_left .sht_service i { width:24px; height:24px; background-image: var(--comm-sprite2); background-size: var(--mobile--sprite-size); } 
#sheet_left .sht_service i.icon_service_store { background-position: -191px -88px; } 
#sheet_left .sht_service i.icon_service_airplain { background-position: 0 -88px; } 
#sheet_left .sht_service i.icon_service_car { background-position: -24px -88px; } 
#sheet_left .sht_service i.icon_service_knowledge { background-position: -48px -88px; } 
#sheet_left .sht_service i.icon_service_qna { background-position: -72px -88px; } 
#sheet_left .sht_service i.icon_service_bag { background-position: -96px -88px; } 
#sheet_left .sht_service i.icon_service_thumb { background-position: -120px -88px; } 
#sheet_left .sht_service i.icon_service_flower { background-position: -264px -88px; } 
#sheet_left .sht_service i.icon_service_truck { background-position: -144px -88px; } 
#sheet_left .sht_service i.icon_service_giftbox { background-position: -168px -88px; } 
#sheet_left .sht_service i.icon_service_wine { background-position: -216px -88px; } 
#sheet_left .sht_service i.icon_service_pc{background-position:-240px -88px}
#sheet_left .sht_service i.icon_service_stepcounter{background-position:-288px -88px}
#sheet_left .sht_service i.icon_service_best{background-position:-312px -88px}

/* 시트-left-메인-인기쇼핑몰 */
#sheet_left .sht_mall { background-color: #fff; } 
#sheet_left .sht_mall ul { display: flex; flex-wrap: wrap; align-items: center; } 
#sheet_left .sht_mall ul li { flex:0 1 calc(100% / 3); border-right:1px solid #eee; border-bottom:1px solid #eee; } 
#sheet_left .sht_mall ul li:nth-child(3n) { border-right: none; } 
#sheet_left .sht_mall ul li:nth-child(n+19) { display: none; } 
#sheet_left .sht_mall.expand ul li:nth-child(n+19) { display: block; } 
#sheet_left .sht_mall ul li a { display: block; height:44px; line-height: 42px; text-align: center; } 
#sheet_left .sht_mall ul li a img { height:20px; width: auto; vertical-align:middle; } 

/* 시트-left-메인-하단링크 */
#sheet_left .sht_sublink { background-color: #fff; border-top:1px solid #eee; } 
#sheet_left .sht_sublink ul { } 
#sheet_left .sht_sublink ul li { border-bottom:1px solid #eee; } 
#sheet_left .sht_sublink ul li:last-child { border-bottom:none; } 
#sheet_left .sht_sublink ul li a { display: block; height:44px; line-height: 44px; padding:0 16px; font-size: 15px; font-weight: 600; color:#222; } 
#sheet_left .sht_sublink ul li a .sublink_name { display: inline-block; vertical-align: middle; } 
#sheet_left .sht_sublink i { display: inline-block; vertical-align: middle; width:24px; height: 24px; margin-right: 4px; } 
#sheet_left .sht_sublink i.icon_sublink_cs { background-position: -168px 0; } 
#sheet_left .sht_sublink i.icon_sublink_download { background-position: -192px 0; } 

/* 시트-left-올카테 */
#sheet_left .sheet_allcategory { position:absolute; top:0; left:100%; width:100%; height:100%; background: #f6f6f6; transition: all .5s; } 
#sheet_left .sheet_allcategory .sht_wrap { position:relative; height:100%; overflow: auto; } 
#sheet_left .sheet_allcategory .sht_wrap .sht_row { } 
#sheet_left .sheet_allcategory .sht_wrap .sht_allcate_header { position:sticky; top:0; left:0; width:100%; z-index: 15; display: none; } 

/* ---------------------------------------------------------
                @공통_리뉴얼 헤더 renew_common_header
---------------------------------------------------------*/
.border_bottom_color_fff {border-bottom-color:#fff!important;}
.border_bottom_color_eee {border-bottom-color:#eee!important;}
.border_bottom_color_e0e9f0 {border-bottom-color:#e0e9f0!important;} /* 구독설정에서만 사용됨 */
.page_header {position:relative; margin-bottom:10px; z-index: 110;}
.page_header.fixed_top {position:fixed; top:-57px; left:0; width: 100%; z-index: 100; transition: all .5s;}
.scr_up .page_header {transform:translate(0, 57px);}
.scr_down .page_header {transform:translate(0, 0);}

.header_top {position:relative; border-bottom:1px solid #ddd; background-color: #fff; z-index:15;}
.header_top .wrap {position:relative; padding:8px 56px;}
.header_top .wrap h1,
.header_top .wrap .header__logo {position: absolute; top:14px; left:16px;}

/* 페이지상단이 스크립트없이 기본 고정일때 */
.header_top_fixed {position:fixed; top:0; left:0; width: 100%; transform:translate(0, 0)!important;}

/* 앱에서 상단고정시 헤더가 없어서 따로 처리됨 (vip에서만 사용)*/
.navTabs.app_fixed_top{position: fixed!important;top:0;left:0;width:100%;}

/* 로고 */
a.icon_header_logo {display: block; width:28px; height:28px; text-indent: -9999px; background-position: -168px -192px; border-radius: 3px;} /* 로고네모형태 적용시 수정 : background-position: 0 -192px; */

/* icon_logo_re 배포후 .icon_header_logo 제거 컬러값은그대로사용 */
a.icon_logo_re {display: block; width:28px; height:28px; text-indent: -9999px; clip-path: path('M25.7119 11.3944C24.5044 5.95216 19.5788 2 14 2C7.38416 2.00219 2 7.38313 2 14.0022C2 20.6213 7.38416 26 14 26C18.6012 26 22.8548 23.3112 24.8343 19.1476L25.0004 18.7991H19.1136L19.0411 18.8747C17.7038 20.263 15.9113 21.0289 13.9912 21.0289C10.1191 21.0289 6.97067 17.8766 6.97067 14.0033C6.97067 10.13 10.1202 6.97443 13.9912 6.97443C16.7823 6.97443 19.3237 8.6607 20.4311 11.2049H11.507V16.1771H25.8021L25.8361 15.9722C25.9461 15.3137 26 14.6497 26 14.0033C26 13.13 25.9021 12.2546 25.7119 11.3955V11.3944Z');}

/* 페이지별 로고 색상 > 기본값만사용 */
a.logo_color_default { background-color: #0092ff; } 

/* 헤더 > 아이콘 > 알람아이콘 */
.header_top .btn_myalarm { position: absolute; top:14px; right:16px; width:28px; height:28px; } 
.header_top .btn_myalarm i { display:block; width:28px; height:28px; text-indent: -9999px; background-position: -28px -192px; } 

/* 헤더 > 아이콘 > 찜아이콘 */
.header_top .btn__zzim--head { display: inline-block; vertical-align: -1px; } 
.header_top .btn__zzim--head i { display: block; width:24px; height:24px; background-position:-48px -380px; text-indent:-9999em; } 
.header_top .btn__zzim--head.is--on i { background-position:-72px -380px; } 

/* 헤더 > 아이콘 > 서치아이콘(기본) */
.header_top .btn_open_search_layer_icon { position:absolute; top:14px; right:56px; } 
.header_top .btn_open_search_layer_icon i { display: block; width:28px; height: 28px; background-position: -56px -192px; text-indent:-9999em} 

/* 헤더 > 아이콘 > 뒤로가기 */
.header_top .btn__sr_back { position: absolute; top:14px; left:16px; } 
.header_top .btn__sr_back i { display: block; width:28px; height:28px; background-position:-84px -192px; text-indent:-9999em; } 

/* 헤더 > 아이콘 > 닫기(제거하기로했던것 다시살림..구독싱글폴더) */
.header_top .btn_close_page { position: absolute; top:14px; right:16px; width:28px; height:28px; } 
.header_top .btn_close_page i { display: block; width:28px; height: 28px; text-indent: -9999px; background-position: -112px -192px; } 

/* 헤더 > 아이콘 > 광고아이콘 */
.header_top .header_top_ad { position: absolute; top:16px; right:16px; width:24px; height:24px; } 
.header_top .header_top_ad i { display: block; width:24px; height: 24px; text-indent: -9999px; background-position: -24px -220px; } 

/* 헤더 > 아이콘 > 서치레이어오픈 버튼 (파랑) */
.header_top .btn_open_search_layer { position: relative; width: 100%; border: 1px solid #1a70dd; border-radius: 20px; height: 40px; background: #fff; padding: 0 45px 0 16px; color: #999999; font-size: 14px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.header_top .btn_open_search_layer i { display:block; width:24px; height:24px; background-position: -48px -220px; position:absolute; top:7px; right:11px; } 

/* 헤더 > 아이콘 > 구독_서치아이콘 */
.header_top .btn_search_goods { position:absolute; top:14px; right:16px; } 
.header_top .btn_search_goods i { display: block; width:28px; height: 28px; background-position: -216px -192px; } 

/* 헤더 > 아이콘 > 마이에누리 */
.header_top .btn_myenuri { position:absolute; top:14px; right:16px; } 
.header_top .btn_myenuri i { display: block; width:28px; height: 28px; background-position: -244px -192px; } 

/* 페이지명 */
.header_top .wrap .header_top_page_name { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; max-width:100%; height:36px; line-height: 36px; text-align: center; color:#222; font-size: 18px; letter-spacing: -1px; } 

/* 구독 - 편집페이지 */
.header_top .wrap .link__edit { position: absolute; top:14px; right:16px; display: block; z-index:10; } 
.header_top .wrap .link__edit i { width:28px; height:28px; vertical-align: middle; background-position: -258px -598px; } 

/* 브랜드스토어 랭킹 버튼 */
.header_top .wrap .btn__brnd_recom { position: absolute; top:14px; right:16px; z-index:10; padding:2px 0; } 
.header_top .wrap .btn__brnd_recom >em { display:block; font-size:11px; color:#666; line-height:22px; width:66px; text-align: center; letter-spacing: -.5px; border: 1px solid #ddd; border-radius: 24px; } 

/* 로고 옆으로 이동시 */
.header_top_logo_change_pos .wrap h1 { left:56px; } 

/* 상단버튼 2개 이상 */
.header_top.header_top_short .wrap { padding:10px 96px; } 
/* 상단버튼 2개 이상 > 로고들어가는경우 */
.header_top.header_top_short .wrap .btn__sr_back + h1 { left:56px; } 
/* 상단버튼 2개 이상 > 개별컨트롤 */
.header_top.header_top_short .l_second { left:56px; } 
.header_top.header_top_short .r_second { right:56px; } 

/* ---------------------------------------------------------
                @renew_com__sr_layer
---------------------------------------------------------*/

.com__sr_layer .sr_layer_header { position:relative; background-color: #fff; padding: 10px 16px 10px 56px; z-index: 1 } 
.com__sr_layer.opened .sr_layer_header { } 
.com__sr_layer .sr_layer_header .btn__sr_back { position: absolute; top:14px; left:16px; } 
.com__sr_layer .sr_layer_header .btn__sr_back i.icon_arrow_back { display: block; width:28px; height:28px; background-position:-84px -192px; text-indent:-9999em } 
.com__sr_layer .sr_layer_header .ar_lay_sr { position:relative; display:block; background-color:#fff; height:36px; } 
.com__sr_layer .sr_layer_header .ar_lay_sr input { width:100%; border:1px solid #1a70dd; border-radius: 18px; height:36px; font-size: 13px; padding:0 70px 0 16px; background-color: #fafafa; font-weight: bold; } 
.com__sr_layer .sr_layer_header .ar_lay_sr input::placeholder { color:#999; font-weight: normal; } 
.com__sr_layer .sr_layer_header .ar_lay_sr input:valid + .btn__delete { display:block !important } 
.com__sr_layer .sr_layer_header .ar_lay_sr button { position: absolute; top:6px; width:24px; height:24px; z-index: 1; text-indent: -9999em } 
.com__sr_layer .sr_layer_header .ar_lay_sr button i { display: block; width:24px; height:24px; } 

.com__sr_layer .sr_layer_header .ar_lay_sr .btn__delete { right:40px; } 
.com__sr_layer .sr_layer_header .ar_lay_sr .btn__search { right:11px; } 

.com__sr_layer .sr_layer_header .ar_lay_sr .btn__delete i { background-position:0 -220px } 
.com__sr_layer .sr_layer_header .ar_lay_sr .btn__search i.icon_header_search { background-position:-48px -220px } 

/* ---------------------------------------------------------
                @[AD] 쿠팡_페이지 최하단 광고
---------------------------------------------------------*/
.ad__coupang_lp_bottom { position:relative; margin:10px auto 0; padding:4px; width:100%; letter-spacing: -.5px; background-color: #fff; } 
.ad__coupang_lp_bottom a { position:relative; display: flex; justify-content: center; flex-wrap:wrap; align-items: center; text-decoration: none; padding:3px 0; border:1px solid #ddd; width: 350px; margin: 0 auto; } 
.ad__coupang_lp_bottom a > div { flex: 0 0 auto; } 
.ad__coupang_lp_bottom .ad_goods_thumbnail { width:46px; height:46px; margin-right: 6px; } 
.ad__coupang_lp_bottom .ad_goods_thumbnail img { width:100%; height:100%; object-fit: cover; } 
.ad__coupang_lp_bottom .ad_goods_name { width:150px; font-size: 13px; color:#222; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-right: 10px; } 
.ad__coupang_lp_bottom .ad_goods_price { width:78px; font-size: 13px; color:#000; margin-right: 4px; } 
.ad__coupang_lp_bottom .ad_goods_price em { font-size: 15px; font-weight: bold; font-family: 'Roboto', sans-serif; } 
.ad__coupang_lp_bottom .ad_goods_logo { width:48px; text-align: right; line-height: 12px; } 
.ad__coupang_lp_bottom .ad_goods_logo img { width:auto; height: 12px; } 

.ad__coupang_lp_bottom .ad__label { position:absolute; top:3px; right:3px; } 
.ad__coupang_lp_bottom .ad__label img { width: 16px; height: 11px; } 

/* ---------------------------------------------------------
                @com__layer_type2 마이페이지, 마이이클럽 영역 팝업레이어
---------------------------------------------------------*/
.layer_overlay { position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,.25); z-index: 100001; } 
.dimm_overlay { position:fixed; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,.25); z-index: 100000; } 

.com__layer_type2, .com__layer_type2 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
.com__layer_type2 { display: none; position:fixed; top:50%; left:50%; width:312px; transform: translate(-50%, -50%); background-color: #fff; border-radius:8px; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1); z-index: 100001; } 
.com__layer_type2 .btn_layer_close2 { position:absolute; top:0; right:0; padding:12px; } 
.com__layer_type2 .lay_head { font-size: 16px; font-weight: 400; text-align: center; color:#333; line-height: 40px; border-bottom:1px solid #ddd; letter-spacing: -.5px; } 
.com__layer_type2 .lay_body { padding:20px 24px 24px; max-height: 200px; overflow: auto; } 
.com__layer_type2 .lay_body .layer_inner_tit { font-size: 15px; color:#444; letter-spacing: -.5px; font-weight:700} 
.com__layer_type2 .lay_body .layer_inner_text { font-size: 13px; color:#666; letter-spacing: -.5px; } 
.com__layer_type2 .lay_bottom { padding:16px 24px; } 

/* btn col-default */
.com__layer_type2 .btn_area { margin-top:16px; } 
.com__layer_type2 .btn_area button { width:100%; font-size: 14px; font-weight: 500; border:1px solid #3588F3; background-color: #3588F3; color:#fff; line-height: 36px; border-radius: 4px; } 
/* btn col-half */
.com__layer_type2 .btn_area.btn_half { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.com__layer_type2 .btn_area.btn_half button { width:calc(50% - 4px); border:1px solid #3588F3; background-color: #3588F3; } 
.com__layer_type2 .btn_area.btn_half button.btn_layer_cancel { border-color:#ddd; background-color: #fff; color:#222; } 
/* btn col-one-third */
.com__layer_type2 .btn_area.btn_third { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.com__layer_type2 .btn_area.btn_third button:first-child { width:calc(33.333333% - 4px); } 
.com__layer_type2 .btn_area.btn_third button:last-child { width:calc(66.666667% - 4px); } 

/* 사이즈 */
.com__layer_type2.layer_sm { width:280px; } 

/* ---------------------------------------------------------
 @레이어__최저가,재입고,출시 알림
--------------------------------------------------------- */
.com__layer_type2.layer__alarm_lowestPrice .lay_body .layer_inner_text .add_noti,
.com__layer_type2.layer__alarm_restock .lay_body .layer_inner_text .add_noti,
.com__layer_type2.layer__alarm_release .lay_body .layer_inner_text .add_noti { position:relative; padding-left:22px; font-size: 12px; color:#999; margin-top: 6px; } 

.com__layer_type2.layer__alarm_lowestPrice .lay_body .layer_inner_text .add_noti:before,
.com__layer_type2.layer__alarm_restock .lay_body .layer_inner_text .add_noti:before,
.com__layer_type2.layer__alarm_release .lay_body .layer_inner_text .add_noti:before { content:""; display: block; width: 20px; height: 20px; background-image: url("//img.enuri.info/images/mobile_v2/common_sprite.png"); background-repeat: no-repeat; background-size: 360px; background-position: -155px -325px; position:absolute; top:0; left:0; } 

/* 아이콘 */
.icon_re_close { display: block; width:16px; height:16px; background-image: var(--url-myre-sprite); background-size: var(--size-myre-sprite); background-position: -60px -230px; } 
.icon_access_camera { display: block; width:48px; height:48px; background-image: var(--url-myre-sprite); background-size: var(--size-myre-sprite); background-position: 0 -150px; } 
.icon_access_file { display: block; width:48px; height:48px; background-image: var(--url-myre-sprite); background-size: var(--size-myre-sprite); background-position: -48px -150px; } 

/* --------------------------------------------------------
                @공통_리스트타입
-------------------------------------------------------- */
/* 리스트_dotted */
.list_type_dotted > li { position:relative; padding-left:12px; } 
.list_type_dotted > li:before { content:"·"; display: block; position:absolute; top:0; left:0; padding:0 2px; } 

/* 리스트_hyphen */
.list_type_hyphen > li { position:relative; padding-left:12px; } 
.list_type_hyphen > li:before { content:"-"; display: block; position:absolute; top:0; left:0; padding:0 2px; } 

/* 리스트_notype */
.list_type_notype > li { position:relative; padding-left:14px; } 
.list_type_notype > li span.type { display: block; position:absolute; top:0; left:0; } 


/* --------------------------------------------------------
                @공통_폼 __ sprite 정리예정
-------------------------------------------------------- */
/* */
.input--text { height: 48px; padding:0 16px; } 
.input--number { height: 48px; padding:0 16px; } 
.input--textarea { min-height: 220px; padding:16px; } 
.input--text,
.input--number,
.input--textarea { width:100%; border:1px solid #ddd; border-radius: 8px; font-size: 14px; color:#333; } 
.input--text:focus,
.input--number:focus,
.input--textarea:focus { border-color: #3588f3!important; } 
.input--text::placeholder,
.input--number::placeholder,
.input--textarea::placeholder { color:#ccc; border-radius: 4px; } 

.input--text.input--sm,
.input--number.input--sm { height: 40px; } 
.input--text.input--sm,
.input--number.input--sm,
.input--textarea.input--sm { font-size: 13px; border-radius: 4px; } 

/* 패스워드입력 */
.input--password { display: block; width: 100%; height: 48px; padding: 0 16px; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; color: #222; letter-spacing: -.56px; line-height: 46px; background-color: #fff; border-radius: 8px!important; } 
.input--password.lock { background-image : url('//img.enuri.info/images/mobile_v2/myeclub/re/icon_lock.png'); background-size: 20px; background-position: 96% center; background-repeat: no-repeat; } 
.input--password.lock.on { background-image : url('//img.enuri.info/images/mobile_v2/myeclub/re/icon_lock_on.png'); } 

.input--text::-ms-clear,
.input--password::-ms-clear { display: none; width: 0; height: 0; } 
.input--text::-ms-reveal,
.input--password::-ms-reveal { display: none; width: 0; height: 0; } 

/* 라디오 */
.input--radio { position:absolute; width:0; height:0; appearance: none; display: none; visibility:hidden; } 
.input--radio + * { position:relative; display:block; height:20px; line-height:20px; font-size:13px; padding-left:28px; color:#666; } 
.input--radio + *:before { content:""; position:absolute; width:20px; height:20px; left:0; top:0; background-image:var(--url-comm-sprite);background-repeat: no-repeat; background-position: -255px -350px; background-size:var(--size-comm-sprite); } 
.input--radio:checked + *:before { background-position: -280px -350px; } 

/* 체크박스 */
.input--checkbox { position:absolute; width:0; height:0; appearance: none; display: none; visibility:hidden; } 
.input--checkbox + * { position:relative; display:block; height:20px; padding-left:28px; line-height:20px; font-size:13px; color:#666; } 
.input--checkbox + *:before { content:""; position:absolute; width:20px; height:20px; left:0; top:0; background-image:url("//img.enuri.info/images/mobile_v2/icon_checkbox_off.svg"); background-repeat: no-repeat; background-position: 0 0; background-size:100% } 
.input--checkbox:checked + *:before { background-image:url("//img.enuri.info/images/mobile_v2/icon_checkbox_on.svg"); } 

/* 입력 결과메세지 */
.input_ok_msg { display: block; margin-top: 8px; font-size: 13px; font-weight: 400; color: #3588f3; letter-spacing: -.3px; line-height: 1; } 
.input_error_msg { display: block; margin-top: 8px; font-size: 13px; font-weight: 400; color: #F56152; letter-spacing: -.3px; line-height: 1; } 

/* 옵션 추가설명 */
.noti_option { font-size: 12px; color:#888; padding-left:26px; } 

/* 공통 > 아 ......9ㅁㅈ더ㅣ;ㅏㄷㅇ,러  */
.comm__search_layer { --searchlayer-topheight : 56px; display: none; position : fixed; top:0; left:0; width:100%; height:100vh; background-color: #fff; z-index: 1000; overflow: auto; }
.comm__search_layer .seach_layer_wrap { position:relative; }
.comm__search_layer .section__searchBar { position: sticky; padding: 8px 0; top: 0; z-index: 110; background: #fff; }
.comm__search_layer .section__searchBar .section_inner_wrap { display: flex; align-items: center; padding:0 16px; }

/* 아이콘 : 닫기인지 뒤로가기인지... 혼란하다.. */
.comm__search_layer .btn_close_search_layer {flex: 0 0 auto; width:28px;height:28px;margin-right:12px;position: relative;text-indent:-9999em}
.comm__search_layer .btn_close_search_layer:after {content:""; position:absolute; width:28px; height:28px; background-image: url('//img.enuri.info/images/icon/svg/icon_arrow_d2.svg'); background-repeat: no-repeat; background-size: 100%; background-position: 0 0;top:0;left:0}
.comm__search_layer form { flex: 0 0 auto; width:calc(100% - 40px); }

.comm__search_layer .section__searchBar .keyword_input_wrap { display: flex; flex-wrap:wrap; align-items: center; border:1px solid #ddd; border-radius: 20px; overflow: hidden;}
.comm__search_layer .section__searchBar .keyword_input_wrap.focus { border-color: #1a70dd }
.comm__search_layer .section__searchBar .keyword_input_wrap .keyword_input_label{position:absolute;font-size:0;color:transparent}
.comm__search_layer .section__searchBar .keyword_input_wrap .keyword_input { width:calc(100% - 68px); height:38px; font-size: 14px; color:#222; border:none; padding-left: 16px; text-overflow: ellipsis; }
.comm__search_layer .section__searchBar .keyword_input_wrap.focus .keyword_input { background-color: rgba(53, 136, 243, 0.02); }
.comm__search_layer .section__searchBar .keyword_input_wrap .keyword_input::placeholder { color:#999; }

/* 아이콘 : 키워드삭제랑... 검색돋보기.. */
.comm__search_layer .btn_delete_keyword {margin-right:8px; transform: scale(0); transition: all .4s;width:24px;height:24px;position: relative;text-indent:-9999em}
.comm__search_layer .btn_delete_keyword:after {content:""; position:absolute;top:0;left:0; width:24px; height:24px; background-image: url('//img.enuri.info/images/mobile_v2/icon_del_keyword.png'); background-repeat: no-repeat; background-size: 100%; background-position: 0 0;}
.comm__search_layer .btn_search{width:24px;height:24px;position: relative;text-indent:-9999em}
.comm__search_layer .btn_search:after {content:""; position:absolute;top:0;left:0; width:24px; height:24px; background-image: var(--comm-sprite2);background-size: var(--mobile--sprite-size);background-position: -48px -220px;background-repeat:no-repeat}
.comm__search_layer .section__searchBar .keyword_input_wrap.focus .btn_delete_keyword { transform: scale(1);}

/* 검색결과 레이어 */
.comm__search_layer .section__searchResult {  position: absolute; top: var(--searchlayer-topheight); left: 0; width: 100%; height: calc(100vh - var(--searchlayer-topheight)); background: #fff; z-index: 100; overflow: auto; }
.comm__search_layer .section__searchResult .section_inner_wrap {padding-bottom: 130px}

/* 검색결과 레이어 > 노데이터 */
.comm__search_layer .section__searchResult .relate_nodata { position:relative; padding: 80px 0;}
.comm__search_layer .section__searchResult .relate_nodata .ic_nodata { width: 72px; height: 72px; margin: 0 auto;}
.comm__search_layer .section__searchResult .relate_nodata .ic_nodata i { display: block; width: 100%; height: 100%; background-image: url("//img.enuri.info/images/mobile_v2/icon_nodata.png"); background-repeat: no-repeat; background-size: 100%; }
.comm__search_layer .section__searchResult .relate_nodata .tx_nodata { font-size: 14px; color:#222; text-align: center; margin-top:10px; }

/* 검색결과 레이어 > 카테고리바 */
.comm__search_layer .section__searchResult .relate_category{display:flex;flex-wrap:nowrap;gap:0 8px;background-color: #fafafa;border-bottom:1px solid #eee;height:51px;padding:0 16px;align-items:center}
.comm__search_layer .section__searchResult .relate_category:after { content:"카테고리"; font-size: 12px; color:#aaa; flex:none;} 
.comm__search_layer .section__searchResult .relate_category a { min-width:0; display: inline-block; padding:16px 0; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.comm__search_layer .section__searchResult .relate_category a span { position:relative; font-size: 14px; color:#444;}
.comm__search_layer .section__searchResult .relate_category a span + span { padding-left:18px; margin-left:4px;}
.comm__search_layer .section__searchResult .relate_category a span + span:after {content:""; display: block; width: 14px; height:14px; background-image: url("//img.enuri.info/images/icon/svg/icon_arrow.svg"); background-repeat: no-repeat; background-size: 100%; background-position: 0 0; opacity: .4; position:absolute; top:50%; left:0; transform: translateY(-50%);}

/* 검색결과 레이어 > 관련검색어 리스트 */
.comm__search_layer .section__searchResult .relate_keyword {}
.comm__search_layer .section__searchResult .relate_keyword ul { padding:0 16px; }
.comm__search_layer .section__searchResult .relate_keyword ul li { position:relative; padding-right: 20px; border-bottom:1px solid #eee; }
.comm__search_layer .section__searchResult .relate_keyword ul li:last-child { border-bottom:none; }
.comm__search_layer .section__searchResult .relate_keyword ul li a { display: block; padding-right:48px; }
.comm__search_layer .section__searchResult .relate_keyword ul li a .tx_keyword { display: inline-block; vertical-align: middle; padding:16px 0; max-width:100%; color:#222; }
.comm__search_layer .section__searchResult .relate_keyword ul li a .tx_keyword .label {float: right; display: inline-block; line-height: 1; padding:3px 6px; font-size: 11px; border:1px solid #ddd; border-radius: 20px; overflow: hidden; margin-left:8px;}
.comm__search_layer .section__searchResult .relate_keyword ul li a .tx_keyword .label.pop {color:#ff3c99; border-color: #ffd0e7; background-color: #fff0f7;}
.comm__search_layer .section__searchResult .relate_keyword ul li a .tx_keyword .label.new {color:#01c0c7; border-color: #b8edef; background-color: #f5ffff;}
.comm__search_layer .section__searchResult .relate_keyword ul li a .tx_keyword em { color:#3588f3; }
.comm__search_layer .section__searchResult .relate_keyword ul li .tx_date { position:absolute; top:50%; right:32px; width:30px; font-size: 12px; color:#aaa; font-weight: 500; transform: translateY(-50%);}
.comm__search_layer .section__searchResult .relate_keyword ul li .btn_insert_text { position:absolute; top:50%; right:0; transform: translateY(-50%); padding: 16px 0px; width:20px;height:52px;text-indent:-9999em}
.comm__search_layer .section__searchResult .relate_keyword ul li .btn_insert_text:after {content:""; position:absolute;top:16px;left:0; width:20px; height:20px; background-image: url('//img.enuri.info/images/icon/svg/icon_arrow_diagonal.svg'); background-repeat: no-repeat; background-size: 100%; background-position: 0 0; opacity: .5;}

/* 검색결과 레이어 > 관련기획전 리스트 */
.comm__search_layer .section__searchResult .relate_plan { background-color: #fcffff; }
.comm__search_layer .section__searchResult .relate_plan ul { border-top:1px solid #eee; border-bottom:1px solid #eee; }
.comm__search_layer .section__searchResult .relate_plan ul li { position:relative; padding:0 16px; border-bottom:1px solid #eee; }
.comm__search_layer .section__searchResult .relate_plan ul li:last-child { border-bottom:none; }
.comm__search_layer .section__searchResult .relate_plan ul li a { position:relative; display: block;}
.comm__search_layer .section__searchResult .relate_plan ul li a:after {content:""; display: block; width:20px; height:20px; background-image: url('//img.enuri.info/images/icon/svg/icon_arrow_d.svg'); background-repeat: no-repeat; background-size: 100%; background-position: 0 0; opacity: .5; position:absolute; top:50%; right:0; transform: translateY(-50%);}
.comm__search_layer .section__searchResult .relate_plan ul li a .tx_plan_name { position:relative; display: inline-block; vertical-align: middle; padding:16px 0; max-width:calc(100% - 32px); color:#23b09f; }

/* 검색어 && 최근본상품 레이어 */
.comm__search_layer .section__keyGoods { position:relative; height: calc(100vh - var(--searchlayer-topheight)); overflow: auto; }
.comm__search_layer .section__keyGoods .swiper-slide { padding : 16px 0 130px;}
.comm__search_layer .section__keyGoods .keyGoods_tab_menu { display: flex; flex-wrap: wrap; align-items: center; border-bottom:1px solid #dbdbdb; position: sticky; top: 0; background: #fff; z-index: 50; }
.comm__search_layer .section__keyGoods .keyGoods_tab_menu > div { position:relative; flex: 0 0 auto; width:50%; text-align: center; font-size: 14px; color:#999; padding: 16px 0; cursor: pointer; }
.comm__search_layer .section__keyGoods .keyGoods_tab_menu > div.active { font-weight: bold; color: #3588f3; }
.comm__search_layer .section__keyGoods .keyGoods_tab_menu > div:after { content:""; display: block; width: 100%; height: 2px; background-color: #3588f3; position: absolute; bottom:-1px; left:0; pointer-events: none; transform: scale(0); transition:all .4s;}
.comm__search_layer .section__keyGoods .keyGoods_tab_menu > div.active:after { transform: scale(1); }

/* 검색어 > 최근검색어 */
.comm__search_layer .section__keyGoods .recent_keyword { }
.comm__search_layer .section__keyGoods .recent_keyword .list_head { position:relative; padding:10px 16px; }
.comm__search_layer .section__keyGoods .recent_keyword .list_head .tx_tit { line-height: 24px; font-size: 16px; font-weight: bold; color:#222; letter-spacing: -.5px; }
.comm__search_layer .section__keyGoods .recent_keyword .list_head .tx_tit:before { content:""; display: inline-block; vertical-align: top; width:24px; height:24px; background-image: url("//img.enuri.info/images/mobile_v2/common_sprite.png"); background-repeat: no-repeat; background-size: 360px; margin-right: 4px; background-position: 0 -700px; }
.comm__search_layer .section__keyGoods .recent_keyword .list_head .checkbox_saveKeyword { position:absolute; top:50%; right: 16px; font-size: 12px; color:#666; padding:4px 0; transform: translateY(-50%); z-index: 10;}
.comm__search_layer .section__keyGoods .recent_keyword .list_head .checkbox_saveKeyword input { display: none; width:0; height:0;}
.comm__search_layer .section__keyGoods .recent_keyword .list_head .checkbox_saveKeyword .checkbox_status { margin-left: 2px; }
.comm__search_layer .section__keyGoods .recent_keyword .list_head .checkbox_saveKeyword .checkbox_status:after { content:"켜기"; font-size: 12px; color:#3588f3; font-weight: bold; text-transform: uppercase; }
.comm__search_layer .section__keyGoods .recent_keyword .list_head .checkbox_saveKeyword input:checked + .checkbox_status:after {content:"끄기"}

.comm__search_layer .section__keyGoods .recent_keyword ul { padding:0 16px; }
.comm__search_layer .section__keyGoods .recent_keyword ul li { position:relative; padding-right: 58px; border-bottom:1px solid #eee; }
.comm__search_layer .section__keyGoods .recent_keyword ul li a { display: block; }
.comm__search_layer .section__keyGoods .recent_keyword ul li a .tx_keyword { display: inline-block; vertical-align: middle; padding:16px 0; max-width:100%; color:#222; }
.comm__search_layer .section__keyGoods .recent_keyword ul li .tx_date { position:absolute; top:50%; right:24px; width:30px; font-size: 12px; color:#aaa; font-weight: 500; transform: translateY(-50%);}
.comm__search_layer .section__keyGoods .recent_keyword ul li .btn_delete_recent_keyword { position:absolute; top:50%; right:0; transform: translateY(-50%); padding: 16px 0px; z-index: 10; width:16px; height:48px; text-indent:-9999em}
.comm__search_layer .section__keyGoods .recent_keyword ul li .btn_delete_recent_keyword:after {content:""; position:absolute; top:16px;left:0;  width:16px; height:16px; background-image: url('//img.enuri.info/images/icon/svg/icon_close.svg'); background-repeat: no-repeat; background-size: 100%; background-position: 0 0; opacity: .2;}
.comm__search_layer .section__keyGoods .recent_keyword .list_foot { padding:0 16px; text-align: right; }
.comm__search_layer .section__keyGoods .recent_keyword .list_foot .btn_delete_recent_keyword_all { font-size: 12px; color:#888; padding:8px 0; }
.comm__search_layer .section__keyGoods .recent_keyword .list_off,
.comm__search_layer .section__keyGoods .recent_keyword .list_nodata { display: none; font-size: 14px; color:#999; text-align: center; padding:40px 0; }

/* 검색어 > 인기검색어 */
.comm__search_layer .section__keyGoods .pop_keyword { margin-top: 24px; }
.comm__search_layer .section__keyGoods .pop_keyword .list_head { position:relative; padding:10px 16px; }
.comm__search_layer .section__keyGoods .pop_keyword .list_head .tx_tit{ line-height: 24px; font-size: 16px; font-weight: bold; color:#222; letter-spacing: -.5px; }
.comm__search_layer .section__keyGoods .pop_keyword .list_head .tx_tit:before { content:""; display: inline-block; vertical-align: top; width:24px; height:24px; background-image: url("//img.enuri.info/images/mobile_v2/common_sprite.png"); background-repeat: no-repeat; background-size: 360px; margin-right: 4px; background-position: -24px -700px; }
.comm__search_layer .section__keyGoods .pop_keyword .list_head .tx_tit .date_standard { display: inline-block; vertical-align: top; font-size: 13px; font-weight: normal; color:#888; margin-left:8px; }
.comm__search_layer .section__keyGoods .pop_keyword .list_head .tx_tit .date_standard em { font-family: 'Roboto', sans-serif; }

.comm__search_layer .section__keyGoods .pop_keyword ul { padding:0 16px; }
.comm__search_layer .section__keyGoods .pop_keyword ul li { position:relative; border-bottom:1px solid #eee; }
.comm__search_layer .section__keyGoods .pop_keyword ul li:last-child{border-bottom:0}
.comm__search_layer .section__keyGoods .pop_keyword ul li a { display: block; padding: 16px 0; }
.comm__search_layer .section__keyGoods .pop_keyword ul li a .tx_keyword { font-size: 14px; color:#222; }
.comm__search_layer .section__keyGoods .pop_keyword ul li a .tx_keyword .tx_rank { display: inline-block; width:24px; color: #3588f3; text-align: center; font-family: 'Roboto', sans-serif; margin-right: 4px; }
.comm__search_layer .section__keyGoods .pop_keyword__btn--more{width:220px;height:40px;border:1px solid #ddd;border-radius:20px;display:flex;align-items:center;justify-content: center;margin:4px auto 0;font-size:14px;color:#222;gap:4px}
.comm__search_layer .section__keyGoods .pop_keyword__btn--more:after{content:"";display:block;width: 14px;height: 14px;background-image: url(//img.enuri.info/images/icon/svg/icon_arrow.svg);background-size:12px 12px;opacity:.6;background-position:50% 50%}

/* 검색어 > 최근 본 카테고리 */
.comm__search_layer .section__keyGoods .recent_category { margin-bottom:24px; }
.comm__search_layer .section__keyGoods .recent_category .list_head { position:relative; padding:10px 16px; overflow: auto; }
.comm__search_layer .section__keyGoods .recent_category .list_head .tx_tit{ line-height: 24px; font-size: 16px; font-weight: bold; color:#222; letter-spacing: -.5px; }
.comm__search_layer .section__keyGoods .recent_category .list_head .tx_tit:before { content:""; display: inline-block; vertical-align: top; width:24px; height:24px; background-image: url("//img.enuri.info/images/mobile_v2/common_sprite.png"); background-repeat: no-repeat; background-size: 360px; margin-right: 4px; background-position: -48px -700px; }
.comm__search_layer .section__keyGoods .recent_category .list_head .tx_tit .btn_allview { float:right; font-size: 12px; font-weight: normal; color:#666; }

.comm__search_layer .section__keyGoods .recent_category .warp_ul { width:100%; overflow: auto; } 
.comm__search_layer .section__keyGoods .recent_category ul { width: 150%; padding:0 16px; font-size: 0; margin-top:8px; } 
.comm__search_layer .section__keyGoods .recent_category ul >li { position:relative; display:inline-block; margin-right: 4px; margin-bottom:8px; } 
.comm__search_layer .section__keyGoods .recent_category ul >li:last-child { margin-right: 0; }
.comm__search_layer .section__keyGoods .recent_category ul >li a { display: block; /*max-width: 146px;*/ width:100%; padding:8px 34px 8px 14px; color:#666; font-size: 13px; line-height: 1; border:1px solid #dfe3e9; border-radius: 60px; background-color: #fcfcfc; word-break: break-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.comm__search_layer .section__keyGoods .recent_category ul >li a span { position: relative; display: inline-block; color:#888;}
.comm__search_layer .section__keyGoods .recent_category ul >li a span + span { padding-left:14px; }
.comm__search_layer .section__keyGoods .recent_category ul >li a span + span:after {content:""; display: block; width:14px; height:14px; background-image: url("//img.enuri.info/images/icon/svg/icon_arrow.svg"); background-position: 0 0; background-size: 100%; background-repeat: no-repeat; position:absolute; top:0; left:0; opacity: .5;}
.comm__search_layer .section__keyGoods .recent_category ul >li a span:last-child { color:#222;}
.comm__search_layer .section__keyGoods .recent_category ul >li .btn_delete { position:absolute; top:0; right:5px; padding: 7px; width:30px;height:30px;text-indent:-9999em} 
.comm__search_layer .section__keyGoods .recent_category ul >li .btn_delete:after { content: ""; position:absolute;top:7px;left:7px; width: 16px; height: 16px; background-image: url("//img.enuri.info/images/icon/svg/icon_close.svg"); background-repeat: no-repeat; background-size: 100%; background-position: 0 0; opacity: .2; } 

/* 검색어 > 최근 본 상품 */
.comm__search_layer .section__keyGoods .recent_goods { margin-bottom:24px; }
.comm__search_layer .section__keyGoods .recent_goods .list_head { position:relative; padding:10px 16px; }
.comm__search_layer .section__keyGoods .recent_goods .list_head .tx_tit{ line-height: 24px; font-size: 16px; font-weight: bold; color:#222; letter-spacing: -.5px; }
.comm__search_layer .section__keyGoods .recent_goods .list_head .tx_tit:before { content:""; display: inline-block; vertical-align: top; width:24px; height:24px; background-image: url("//img.enuri.info/images/mobile_v2/common_sprite.png"); background-repeat: no-repeat; background-size: 360px; margin-right: 4px; background-position: -72px -700px; }
.comm__search_layer .section__keyGoods .recent_goods .list_head .tx_tit .btn_allview { float:right; font-size: 12px; font-weight: normal; color:#666; }

.comm__search_layer .section__keyGoods .recent_goods ul { margin-top: 8px; }
.comm__search_layer .section__keyGoods .recent_goods ul li { display: flex; flex-wrap:wrap; padding:8px 16px; }
.comm__search_layer .section__keyGoods .recent_goods ul li a { display: flex; flex-wrap:wrap; flex: 0 0 auto; width: calc(100% - 28px) }
.comm__search_layer .section__keyGoods .recent_goods ul li a .thumb { position:relative; flex: 0 0 auto; width:70px; height:70px; border-radius: 4px; overflow: hidden;}
.comm__search_layer .section__keyGoods .recent_goods ul li a .thumb:before { content: ""; display: block; position: absolute; inset:0; background-color: rgba(0, 0, 0, 0.03); z-index: 1; pointer-events: none;}
.comm__search_layer .section__keyGoods .recent_goods ul li a .thumb img { width: 100%; height: 100%; object-fit: contain;}
.comm__search_layer .section__keyGoods .recent_goods ul li a .info { flex: 0 0 auto; width:calc(100% - 70px); padding-left:12px; padding-right: 8px;}
.comm__search_layer .section__keyGoods .recent_goods ul li a .info .tx_mallname { font-size: 12px; color: #888; line-height: 18px; margin-bottom: 2px;}
.comm__search_layer .section__keyGoods .recent_goods ul li a .info .tx_goodsname { font-size: 14px; color:#444; line-height: 20px; max-height: 40px; margin-bottom:8px; }
.comm__search_layer .section__keyGoods .recent_goods ul li a .info .tx_mallname + .tx_goodsname { line-clamp: 1!important; -webkit-line-clamp: 1!important; }
.comm__search_layer .section__keyGoods .recent_goods ul li a .info .tx_price { font-size: 12px; color: #000; }
.comm__search_layer .section__keyGoods .recent_goods ul li a .info .tx_price em { font-size: 14px; font-weight: bold; }
.comm__search_layer .section__keyGoods .recent_goods ul li button { flex: 0 0 auto; width: 28px; height:28px; }
.comm__search_layer .section__keyGoods .recent_goods .list_nodata { font-size: 14px; color:#999; text-align: center; padding:40px 0; }

/* 검색어 > 지금 잘 나가는 상품 */
.comm__search_layer .section__keyGoods .pop_goods { }
.comm__search_layer .section__keyGoods .pop_goods .list_head { position:relative; padding:10px 16px; }
.comm__search_layer .section__keyGoods .pop_goods .list_head .tx_tit{ line-height: 24px; font-size: 16px; font-weight: bold; color:#222; letter-spacing: -.5px; }
.comm__search_layer .section__keyGoods .pop_goods .list_head .tx_tit:before { content:""; display: inline-block; vertical-align: top; width:24px; height:24px; background-image: url("//img.enuri.info/images/mobile_v2/common_sprite.png"); background-repeat: no-repeat; background-size: 360px; margin-right: 4px; background-position: -96px -700px; }

.comm__search_layer .section__keyGoods .pop_goods ul { margin-top: 8px; }
.comm__search_layer .section__keyGoods .pop_goods ul li { display: flex; flex-wrap:wrap; padding:8px 16px; }
.comm__search_layer .section__keyGoods .pop_goods ul li a { display: flex; flex-wrap:wrap; flex: 0 0 auto; width: calc(100% - 28px) }
.comm__search_layer .section__keyGoods .pop_goods ul li a .thumb { position:relative; flex: 0 0 auto; width:70px; height:70px; border-radius: 4px; overflow: hidden;}
.comm__search_layer .section__keyGoods .pop_goods ul li a .thumb:before { content: ""; display: block; position: absolute; inset:0; background-color: rgba(0, 0, 0, 0.03); z-index: 1; pointer-events: none;}
.comm__search_layer .section__keyGoods .pop_goods ul li a .thumb img { width: 100%; height: 100%; object-fit: contain;}
.comm__search_layer .section__keyGoods .pop_goods ul li a .info { flex: 0 0 auto; width:calc(100% - 70px); padding-left:12px; padding-right: 8px;}
.comm__search_layer .section__keyGoods .pop_goods ul li a .info .tx_mallname { font-size: 12px; color: #888; line-height: 18px; margin-bottom: 2px;}
.comm__search_layer .section__keyGoods .pop_goods ul li a .info .tx_goodsname { font-size: 14px; color:#444; line-height: 20px; max-height: 40px; margin-bottom:8px; }
.comm__search_layer .section__keyGoods .pop_goods ul li a .info .tx_mallname + .tx_goodsname { line-clamp: 1!important; -webkit-line-clamp: 1!important; }
.comm__search_layer .section__keyGoods .pop_goods ul li a .info .tx_price { font-size: 12px; color: #000; }
.comm__search_layer .section__keyGoods .pop_goods ul li a .info .tx_price em { font-size: 14px; font-weight: bold; }
.comm__search_layer .section__keyGoods .pop_goods ul li button { flex: 0 0 auto; width: 28px; height:28px; }

/* LG 브랜드 스토어 타입 추가 관련 */
/* 모바일홈 개편 이전에 해당 서비스 런칭시, 이하 영역만 기존 CSS에 추가하여 배포한다. */
.comm__search_layer .img_logo{width:40px;height:40px;border-radius:50%;display:inline-block;border:1px solid #eee;background-color:#fff;position: relative;overflow:hidden;vertical-align:middle;text-align:center;margin-right:4px}
.comm__search_layer .img_logo img{width:100%;height:100%}
.comm__search_layer .section__keyGoods .recent_keyword ul li a .img_logo + .tx_keyword{max-width:calc(100% - 60px);margin-left:4px}
.comm__search_layer .tx_sector{float:right;display: inline-block; line-height: 20px; font-size: 12px; color:#aaa; margin-left:8px;}
.comm__search_layer .section__searchResult .relate_store { background-color: #f3f8fe; }
.comm__search_layer .section__searchResult .relate_store ul { border-top:1px solid #eee; border-bottom:1px solid #eee; }
.comm__search_layer .section__searchResult .relate_store ul li { position:relative; padding:0 16px; border-bottom:1px solid #eee;}
.comm__search_layer .section__searchResult .relate_store ul li:last-child { border-bottom:none; }
.comm__search_layer .section__searchResult .relate_store ul li a { position:relative; display:flex; align-items:center}
.comm__search_layer .section__searchResult .relate_store ul li a:after {content:"바로가기"; display: block; height:20px; position:absolute; top:50%; right:0; transform: translateY(-50%);color:#aaa;font-size:12px;line-height:20px;}
.comm__search_layer .section__searchResult .relate_store ul li a .img_logo{width:44px;height:44px;}
.comm__search_layer .section__searchResult .relate_store ul li a .tx_store_name { position:relative; display: inline-block; vertical-align: middle; padding:16px 0; max-width:calc(100% - 80px); color:#444; margin-left:4px}
.comm__search_layer .section__searchResult .relate_store ul li a .tx_group{display:inline-block;line-height:20px;padding:12px 0;margin-left:4px;width:calc( 100% - 100px )}
.comm__search_layer .section__searchResult .relate_store ul li a .tx_group .tx_keyword{padding:0;line-height:20px;height:20px;max-width:100%}
.comm__search_layer .section__searchResult .relate_store ul li a .tx_group .tx_keyword em{color:#3588f3}
.comm__search_layer .section__searchResult .relate_store ul li a .tx_group .tx_store_name{margin:0;padding:0;max-width:100%;line-height:18px;height:18px;}
.comm__search_layer .section__searchResult .relate_store ul li a .tx_group .tx_sector{font-size:inherit;color:inherit;margin-left:4px;line-height:18px}

/* 다른색상 보기 */
.prod-color{background-color:#fff;position: relative;}
.prod-color .prod-color__head{padding:16px 16px 0;line-height:20px;font-size:14px;color:#222;font-weight:bold}
.prod-color .prod-color__option{padding:12px 0 8px;width:100%;overflow:hidden;overflow-x:scroll;}
.prod-color .prod-color__list{padding:0 16px 4px;display:flex;flex-wrap:nowrap}
.prod-color .prod-color__item{margin-left:4px}
.prod-color .prod-color__item:first-child{margin-left:0}
.prod-color .prod-color__item--link{position:relative;display:block;line-height:20px;padding:6px 12px;background-color:#f3f3f3;border-radius:16px;color:#444;font-size:13px;white-space:nowrap;}
.prod-color .prod-color__item.is--on .prod-color__item--link{background-color:#313944;color:#fff;}
.prod-color .prod-color__item.is--on .prod-color__item--link:after{content:"";position:absolute;width:6px;height:6px;background-color:#313944;left:50%;bottom:-3px;margin-left:-4px;transform:rotate(45deg);transform-origin:center center}
.prod-color .lay-select-color{position: absolute;z-index:10000;left:16px;top:88px;right:16px}
.lay-select-color{position:relative;border:1px solid #313944;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.05);padding:16px 40px 16px 16px;height:72px;box-sizing:content-box;border-radius:6px;display:none}
.lay-select-color a{height:72px;display:flex;width: 100%;position: relative;}
.lay-select-color .lay__thumb{width:72px;height:72px;flex:none;position: relative;border-radius:4px;overflow:hidden}
.lay-select-color .lay__thumb:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.03)}
.lay-select-color .lay__info{margin-left:12px;line-height:20px;}
.lay-select-color .lay__tx--name{display:block;font-size:14px;color:#222;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-weight:600}
.lay-select-color .lay__tx--option{font-size:12px;line-height:16px;color:#3588f3;margin-top:2px}
.lay-select-color .lay__tx--price{margin-top:8px;display:block;font-size:14px;color:#ee4b4b;line-height:22px}
.lay-select-color .lay__tx--price em{font-size:17px;font-weight:700}
.lay-select-color .lay__tx--price.is--notsale{color:#222;font-weight:700;font-size:16px}
.lay-select-color .lay__btn--close{display: block;width: 28px;height: 28px;top: 10px;right: 10px;text-indent: -9999em;position: absolute;}
.lay-select-color .lay__btn--close:after{content: "";width: 16px;height: 16px;background-position: -122px -237px;position: absolute;top: 6px;left: 6px;background-image: var(--url-comm-sprite);background-size: var(--size-comm-sprite)}

/* ----------------------------------------------------------- 
                공유하기 레이어 신규
----------------------------------------------------------- */
.lay-sharebox{position:fixed;top:0;left:0;right:0;bottom:0;}
.lay-sharebox .dimmed{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}
.lay-sharebox .sharebox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.sharebox{width:280px;position:relative;z-index:10;letter-spacing:-.5px}
.sharebox__head{border-radius:4px 4px 0 0;background-color:#fff;padding:16px}
.sharebox__head .sharebox__title{line-height:22px;font-size:16px;font-weight:bold;text-align:center;}
.sharebox__body{border-radius:0 0 4px 4px;background-color:#f8f8f8;padding:20px 20px 44px 20px;}
.sharebox__list{display:flex;flex-wrap:wrap;}
.sharebox__list li{flex:1 0 33.3%;padding:8px 0;text-align:center;transition:all .3s ease;box-sizing:border-box;border:1px solid transparent}
.sharebox__btn--share{padding-top:62px;min-width:60px;background-color:transparent;background-repeat:no-repeat;background-position:50% 0;background-size:52px;font-size:12px;line-height:16px;color:#555}
.sharebox__btn--share.share--kakao{background-image:url(//img.enuri.info/images/icon/sns/w52_kakao.png);}
.sharebox__btn--share.share--line{background-image:url(//img.enuri.info/images/icon/sns/w52_line.png);}
.sharebox__btn--share.share--facebook{background-image:url(//img.enuri.info/images/icon/sns/w52_fb.png);}
.sharebox__btn--share.share--twitter{background-image:url(//img.enuri.info/images/icon/sns/w52_tw.png);}
.sharebox__btn--share.share--band{background-image:url(//img.enuri.info/images/icon/sns/w52_band.png);}
.sharebox__btn--share.share--kakaostory{background-image:url(//img.enuri.info/images/icon/sns/w52_kas.png);}
.sharebox__copy{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;line-height:20px;}
.sharebox__copy > input[type=text],
.sharebox__copy > button{height:36px;box-sizing:border-box;border-radius:4px;}
.sharebox__copy .sharebox__inp--url{border:1px solid #ddd;background-color:#fff;padding:8px 12px;font-size:12px;color:#000;text-overflow:ellipsis;width:calc(100% - 68px);flex:none}
.sharebox__copy .sharebox__btn--copy{padding:8px 0;width:64px;font-size:14px;font-weight:bold;text-align:center;color:#3588f3;background-color:#fff;border:1px solid #3588f3}
.sharebox__copy .sharebox__btn--copy:hover{background-color:#e9f2fd}
.sharebox__copy .sharebox__btn--copy:active{background-color:#3588f3;color:#fff}
.sharebox__btn--close{width:20px;height:20px;position:absolute;top:16px;right:16px;text-indent:-9999em;background-color:transparent}
.sharebox__btn--close:after{content:"";position:absolute;width:16px;height:16px;background-image: var(--url-myre-sprite);background-size: var(--size-myre-sprite);background-position: -60px -230px;top:2px;right:2px}
@media screen and (max-width:320px) { /* 320미만 */
    .sharebox{width:calc(100% - 20px)}
}
@media screen and (min-width:768px) { /* 768 이상 */
    .sharebox{width:560px}
    .sharebox__list li{flex-basis: 16.6%;}
    .sharebox__copy{width:240px;margin:16px auto 0}
}

/* 로그인 바텀시트 */
.lay-login--simple{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;display:none}
.is--show.lay-login--simple{display:block} 
.lay-login--simple .lay__dimmed{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
.lay-login__inner{box-sizing:border-box;padding:32px;background-color:#fff;border-radius:20px 20px 0 0;width:100%;max-width:480px;position:absolute;left:50%;bottom:0;transform:translate(-50%,100%);z-index:1;text-align:center;letter-spacing:-.5px;transition-duration:.5s}
.lay-login__inner.is--show{transform:translate(-50%,0)}
.lay-login__head{line-height:32px;font-size:20px;font-weight:bold;color:#222;}
.lay-login__body{color:#666;margin-top:16px}
.lay-login__tx--sns{font-weight:500;font-size:14px;line-height:20px;text-align:center;color:#444}
.lay-login__sns{padding:12px 0 20px;display:flex;justify-content:center;}
.lay-login__sns [class^="lay-login__btn--"]{display:block;width:68px;margin:0 8px;position:relative;line-height:16px;padding:68px 0 0 0;color:#666;font-size:12px;text-align:center;flex:none}
.lay-login__sns [class^="lay-login__btn--"]:before{content:"";position:absolute;top:0;left:4px;width:60px;height:60px;border-radius:50%;background-image:var(--url-comm-sprite);background-size:var(--size-comm-sprite);background-repeat:no-repeat}
.lay-login__btn--naver:before{background-position:-146px -62px}
.lay-login__btn--kakao:before{background-position:-82px -62px}
.lay-login__btn--apple:before{background-position:-210px -62px}
.lay-login__btn--enuri{letter-spacing:-1px}
.lay-login__btn--enuri:before{background-position:-52px -347px}
.lay-login__join{line-height: 20px;display:flex;justify-content: center;}
.lay-login__join .lay-login__btn--login{display:block;width:calc(100% - 48px);max-width:260px;border:1px solid #ccc;box-sizing:border-box;height:44px;border-radius:8px;text-align:center;line-height:24px;padding:10px 0;color:#444;font-weight:500}
.lay-login__join .lay-login__btn--login:before{content:"";display:inline-block;width:24px;height:24px;background:var(--url-comm-sprite) no-repeat -105px 0 / var(--size-comm-sprite);vertical-align: top;}
.lay-login__btn--close{position:absolute;width:24px;height:24px;top:16px;right:16px;text-indent:-9999em;background:var(--url-comm-sprite) no-repeat 0 -21px / var(--size-comm-sprite);}
@media screen and (max-width:360px) { /* 360미만 */
    .lay-login__sns [class^="lay-login__btn--"]{margin:0 2px}
}

/* SEO > 리다이렉션 관련 */
.not-found{border-top:1px solid #eee;border-bottom:1px solid #eee;;margin-top:10px;text-align:center;width:100%;background-color:#fff}
.not-found--page{display:flex;align-items:center;flex-direction:column;height:calc(100vh - 320px);min-height:320px;max-height:600px;justify-content:center;}
.not-found h2{font-size:16px;line-height:22px;font-weight:bold;color:#000;letter-spacing:-.16px}
.not-found .not-found__tx{display:block;font-size:13px;line-height:16px;letter-spacing:-.13px;margin-top:4px;color:#666}
.not-found__ico{width:76px;height:76px;box-sizing:border-box;margin:0 auto 12px;display:block;position:relative;border:4px solid #ccc;border-radius:50%}
.not-found__ico:before,
.not-found__ico:after{content:"";position:absolute;left:calc(50% - 3px);width:6px;background-color:#ccc;border-radius:3px}
.not-found__ico:before{top:12px;height:34px;}
.not-found__ico:after{bottom:12px;height:6px;}
.not-found__btn--home{display:block;margin:16px auto 0;width:180px;height:40px;border-radius:4px;background-color:#1a70dd;color:#fff!important;text-align:center;box-sizing:border-box;line-height:22px;padding:9px 0;font-size:14px;font-weight:bold}

/* doc/119767 : 231020 : 알림 팝업 */
.popup-toast{opacity:0;transform:translateY(100%);position:fixed;bottom:0;left:16px;right:16px;z-index:1;transition:all .5s ease-in-out;z-index:-1}
.popup-toast.is--visible{opacity:1;transform:translateY(0);z-index:100;bottom:70px}
.popup-toast__inner{padding-bottom:8px;display:flex;flex-direction: column-reverse;}
.popup-toast [class*="ico-msg--"] {display: inline-block;width: 20px;height: 20px;background-image: var(--url-comm-sprite);background-size:var(--size-comm-sprite);vertical-align: top;margin-right: 4px;flex:none}
.popup-toast .toast__card{width:100%;padding:16px;background:rgba(0,0,0,0.85);border-radius:8px;margin-top:8px;text-align:left;line-height:20px;font-size:14px;color:#fff;font-weight:200;opacity:0;transform:translateY(100%) scale(1,0);transition:.3s all ease-out;}
.popup-toast .toast__card.is--show{opacity:1;transform:translateY(0) scale(1,1)}
.popup-toast .toast__head{height:20px;position: relative;padding-bottom:8px}
.popup-toast .toast__head .toast__tx--title{color:#fff;font-size:15px;font-weight:500;padding-right:56px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.popup-toast .toast__head .toast__tx--title .tx--lowest{font-size:12px;color:#67beff;font-weight:200;}
.popup-toast .toast__head .toast__tx--time{position:absolute;top:0;right:0;font-size:12px;color:#999}
.popup-toast .toast__body{display:flex;}
.popup-toast .toast__body .toast__tx--box{padding-right:8px;color:#fff;max-height:40px;overflow:hidden;font-weight:200}
.popup-toast .toast__card:hover .toast__tx--box{text-decoration: underline;text-underline-position: under;text-decoration-color: rgba(255,255,255,0.3);cursor: pointer;}
.popup-toast .toast__body .toast__tx--box em{color:#67beff}
.popup-toast .toast__body .toast__tx--name{height:20px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;font-weight:200}
.popup-toast .toast__body .toast__thumb{flex:none;width:40px;height:40px;border-radius:4px;position: relative;margin-left:auto;overflow:hidden}
.popup-toast .toast__body .toast__thumb:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;border:1px solid rgba(0,0,0,0.03);background-color:rgba(0,0,0,0.02)}
.toast__box--setting{display:flex;}
.toast__arr--setting{margin-left:auto;font-size:12px;color:#64bdff}
.toast__arr--setting:after{content:"";display:inline-block;width:16px;height:16px;margin-left:4px;background:var(--url-comm-sprite) no-repeat -200px -255px / var(--size-comm-sprite);vertical-align:-4px}
.toast__box--set{display:flex;align-items: center;}
.toast__box--set:after{content:"";display:block;width:16px;height:16px;margin-left:auto;background:var(--url-comm-sprite) no-repeat -220px -255px / var(--size-comm-sprite);}
.toast__tx--set{font-weight:200;word-break:keep-all;word-wrap:break-word;padding-right:8px;padding-left:24px;position: relative;}
.toast__tx--set [class*="ico-msg--"]{position:absolute;top:0;left:0}
.toast__tx--set em{color:#64bdff;display:inline-block}
.ico-msg--lowest{background-position:-120px -255px}
.ico-msg--stock{background-position:-100px -255px}
.ico-msg--emoney{background-position: -80px -255px}
.ico-msg--shopping{background-position: -160px -255px}
.ico-msg--card{background-position:-140px -255px}

/* 헤더탑 배너 */
.header-top-banner{height:56px;letter-spacing:-.3px;transition:.3s all ease;overflow:hidden}
.header-top-banner.is-hide{height:0;transform:translateY(-1px)}
.header-top-banner__inner{box-sizing:border-box;display:flex;width:100%;height:56px;padding:8px 12px;background-color:#45adfb;align-items: center;gap:8px}
.header-top-banner__btn--app{flex:1;display:flex;align-items:center;height:40px;text-align:left;gap:8px}
.header-top-banner__icon{flex:none;width:40px;height:40px;background-image: url(//img.enuri.info/images/icon/svg/icon_logo_ko.svg);background-size: auto 10px;background-color:#fff;border-radius:8px;background-repeat:no-repeat;background-position:50% 50%}
.header-top-banner__txt{font-size:14px;line-height:18px;color:#fff;white-space:nowrap}
.header-top-banner__txt span{display:block;}
.header-top-banner__txt strong{font-weight:600;color:#ffff00}
.header-top-banner__text-app{flex:none;display:flex;width:58px;height:28px;background-color:#255c85;border-radius:14px;margin-left:auto;font-size:12px;color:#fff;align-items:center;justify-content: center;}
.header-top-banner__btn--close{flex:none;width:24px;height:24px;background-image:url(//img.enuri.info/images/icon/svg/icon_close_white.svg);background-repeat:no-repeat;background-size:20px;background-position:50%;cursor:pointer;text-indent:-9999em}

/* recaptcha 히든처리 */
.grecaptcha-badge{transform: translateY(100%)!important;visibility:hidden!important;bottom:0;left:0;pointer-events:none;}