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

/************************************************************************
 * 2024 프로모션/기획전 반응형 공통CSS
 * 작성자 : 정다운
 * 작성일 : 2024.02
************************************************************************/

:root { --font-common-family: 13px/1 'Pretendard', -apple-system,system-ui,BlinkMacSystemFont,"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","돋움",dotum,sans-serif,'Roboto';}
:root{--url-comm-sprite : url("//img.enuri.info/images/mobile_v2/common_sprite.png"); /* 공통 Sprite */}

@media (min-width:1025px) {
    :root{
        --url-comm-sprite : url("//img.enuri.info/images/rev/common_sprite.png"); /* 공통 Sprite */
    }    
}

/************************************************************************
            common CSS
************************************************************************/
.event_wrap *, .event_wrap *:before, .event_wrap *:after, .evt_layer_wrap * , *  { margin:0; padding:0;} 
body {margin: 0; font: var(--font-common-family);}
body.is-overflow::-webkit-scrollbar{display: none;}
img { max-width: 100%; vertical-align: top; border:none; outline:none; } 
button {border: 0 none;cursor: pointer;vertical-align: middle;background-color: transparent;outline: none;font: var(--font-common-family); -moz-appearance: none;-webkit-appearance: none; font-family: 'Pretendard';}
button:active, input:active {outline: none;}
ul {list-style: none;}
a {text-decoration: none;color: inherit;}
em, address { font-style: normal; }
input:focus {outline: none;background: none;} 
h1, h2, h3, h4, h5 {font-weight: normal;}
table {border-spacing: 0; border-collapse: collapse;width: 100%;}
.txt_hidden {text-indent: -99999em;}
.blind { position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0); clip-path: polygon(0 0, 0 0, 0 0); border: 0;}

/* ----------------------------------------------------------------
            container
-----------------------------------------------------------------*/
.container { position:relative; padding:0 10px; margin: 0 auto; width: 100%;} 

@media (min-width: 768px){
    .container {width:760px;} 
} 
@media (min-width: 1025px){
    .container {width:1000px;} 
} 

/* ----------------------------------------------------------------
            evt_com
-----------------------------------------------------------------*/
.comm-loader{display: none;position:fixed;top:50%;left:50%;width:70px;height:70px;margin:-40px 0 0 -40px;border-radius: 50% 50%;-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.25);border:5px solid #fff;box-shadow: 0 0 30px rgba(0,0,0,0.25);overflow:hidden;z-index:100000;text-align:left;background:url("//img.enuri.info/images/rev/loader-bi.svg") no-repeat 50% 50% / 70px #eee;box-sizing: content-box;}
.comm-loader .comm-loader__inner{text-indent:-9999em;width:70px;height:70px;}
.btn_top {background: url("//img.enuri.info/images/m_deal/common.png") -73px -211px no-repeat;background-size: 125px 250px;display: block;width: 39px;height: 39px;text-indent: -9999em;border: none;position: fixed; right: 15px; bottom: 50px; z-index: 100;}
.btn_page_close {width: 28px; height: 28px;position: absolute;right: 5px; top: 10px;z-index: 10;}
.btn_page_close::before,
.btn_page_close::after {position: absolute;left: 13px;content: '';height: 29px;width: 1.4px;background-color: #fff;border-radius: 1px;top: 0;}
.btn_page_close::before {transform: rotate(45deg);}
.btn_page_close::after {transform: rotate(-45deg);}
.visual {overflow: hidden;}

@media (min-width: 1025px){
    .comm-loader {display: block}
    .lay_only_mw {display: none}
    .btn_page_close {display: none;}
    .btn_top { width: 38px; height: 38px; line-height: 1;border: 1px solid #c5c5c5; text-align: center; background: #fff; z-index: 150;}
    .btn_top::before {content: "";display: block;width: 19px;height: 14px;display: inline-block;font-size: 0;text-indent: -9999em;background: url("//img.enuri.info/images/event/2017/hitbrand/icon_arup.gif") no-repeat 50% 0;position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);}
} 

/* ----------------------------------------------------------------
            table default
-----------------------------------------------------------------*/
.table { width: 100%; border-collapse: collapse; border-spacing: 0; } 
.table-default { width: 100%; border-collapse: collapse; border-spacing: 0; border-top:1px solid #e1e1e1; } 
.table-default thead tr th { padding:8px; border:1px solid #e0e0e0; font-size:16px; font-weight:bold; background:#f5f5f5; color:#666; text-align: center; } 
.table-default tbody tr th,
.table-default tbody tr td { padding:24px 22px; border-bottom:1px solid #e1e1e1; vertical-align: middle; } 
.table-default tbody tr th { font-size:16px; font-weight:bold; background:#f5f5f5; color:#666; text-align: left; } 
.table-default tbody tr td { font-size:16px; color:#333; } 

/* ----------------------------------------------------------------
            레이어 공통
-----------------------------------------------------------------*/
.evt_layer_wrap {width: 100%; height: 100%; position: fixed;top: 0;left: 0;z-index: 1000;display: none;}
.evt_layer_wrap  * {box-sizing: border-box;}
.evt_layer_wrap.on {display: block;}
.evt_layer_dim {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 10;}
.evt_com_layer {width: 85%; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);z-index: 20;border-radius: 25px;background: #fff;}
.evt_com_layer .evt_com_layer_head {position: relative;text-align: center;padding: 20px 0; border-top-left-radius: 25px;border-top-right-radius: 25px;}
.evt_com_layer .evt_com_layer_head h2 {font-size: 16px;font-weight: 500;color: #434343;letter-spacing: -0.8px;line-height: 1;}
.evt_com_layer .evt_com_layer_head .btn_layer_close {position: absolute;right: 0;top: 0;padding: 29px; background: url("//img.enuri.info/images/event/2023/common/evt_com_btn_layer_close.png") no-repeat center;background-size: 14px;font-size: 0;}
.evt_com_layer .evt_com_layer_cont {max-height: 400px;overflow-y: auto;background: #f8f8f8; color: #434343; font-size: 12px;padding: 18px 21px; }
.evt_com_layer .evt_com_layer_cont .stress_noti {display: inline-block;color: #ef3636;margin-bottom: 10px;font-size: 12px;}
.evt_com_layer .evt_com_layer_cont::-webkit-scrollbar {width: 8px;}
.evt_com_layer .evt_com_layer_cont::-webkit-scrollbar-thumb {background-color: #d5d5d5 ;border-radius: 10px;}
.evt_com_layer .evt_com_layer_foot {text-align: center;background: #0182ea; border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;}
.evt_com_layer .btn_layer_confirm {background:#0182ea;font-size: 14px;color: #fff;width: 100%;border-radius: 25px;line-height: 1;padding: 21px 0;}

@media (min-width: 768px){
    .evt_com_layer {width: 600px}
    .evt_com_layer .evt_com_layer_head {line-height: 16px;padding: 29px 0;}
    .evt_com_layer .evt_com_layer_cont {font-size: 16px;}
    .evt_com_layer .evt_com_layer_head h2 {font-size: 24px;}
    .evt_com_layer .evt_com_layer_head .btn_layer_close {padding:42px;background-size: 20px;}
    .evt_com_layer .evt_com_layer_cont {max-height: 300px;padding: 30px 20px 38px;}
    .evt_com_layer .evt_com_layer_foot .btn_layer_confirm {font-size: 22px; padding: 23px 0; }
    .evt_com_layer .evt_com_layer_cont .stress_noti {font-size: 14px;}
} 

/* ----------------------------------------------------------------
            evt_notice , evt_notice_layer
-----------------------------------------------------------------*/
.evt_notice_area {width: 100%;}
.evt_notice_btn {display: block;margin: 0 auto;font-size: 10px;color: #8d8d8d;border-bottom: 1px solid #8d8d8d;letter-spacing: -0.6px;line-height: 1.2;padding: 2px 5px 2px 3px;}
.evt_noti_layer .evt_noti_wrap {margin-bottom: 15px;}
.evt_noti_layer .evt_noti_wrap:last-child {margin-bottom: 0}
.evt_noti_layer .evt_noti_layer_subject{font-weight: 500;line-height: 1.1;color: #1b1b1b;font-size: 13px; margin-bottom: 8px;}
.evt_noti_layer .evt_noti_layer_subject.stress {color: #ef3636;}
.evt_noti_layer .evt_noti_layer_list li {position: relative;letter-spacing: -0.2px;color: #626262;line-height: 1.3;font-size: 12px; padding-left: 7px; margin-bottom: 6px;}
.evt_noti_layer .evt_noti_layer_list li::before {display: block; content: ""; background-color: #6f6f6f;width:3px;height:3px;border-radius: 50%;position: absolute; left: 0;top: 6px;}
.evt_noti_layer .evt_noti_layer_list li.no_dot::before{display: none;}
.evt_noti_layer .evt_noti_layer_list li .normal {color: #626262;}
.evt_noti_layer .evt_noti_layer_list li.stress {color: #ef3636;}
.evt_noti_layer .evt_noti_layer_list li .stress {color: #ef3636;}
.evt_noti_layer .evt_noti_layer_list li.stress::before {background: #ef3636;}
.evt_noti_layer .noti_sub_list {margin-left: 1px;margin-top: 3px;}
.evt_noti_layer .evt_noti_layer_list .noti_sub_list li {position: relative;line-height: 1.4;margin-bottom: 4px;}
.evt_noti_layer .noti_sub_list li::before{display: none;}
.evt_noti_layer .noti_sub_list li::after{content: "-";position: absolute;top: -1px;display: block;left: 2px;}
.evt_noti_layer .noti_sub_list li.no_dot::after{display: none;}
.evt_noti_layer .evt_noti_layer_list .noti_sub_list li:last-child {margin-bottom: 0;}
.evt_noti_layer .evt_noti_layer_list li .evt_noti_tb {text-align: center;margin-top: 10px;}
.evt_noti_layer .evt_noti_layer_list li .evt_noti_tb col {width: 50%;}
.evt_noti_layer .evt_noti_layer_list li .evt_noti_tb td{border: 1px solid #ddd;padding: 5px 0;word-break: keep-all;}
.evt_noti_layer .evt_noti_layer_list li .evt_noti_tb th{background: #eee;border: 1px solid #ddd;padding: 5px 0; word-break: keep-all;}

@media (min-width: 768px){
    .evt_notice_btn{font-size: 24px;}
    .evt_noti_layer .evt_noti_layer_subject {font-size: 16px;margin-bottom: 12px;}
    .evt_noti_layer .evt_noti_layer_list li {padding-left: 8px;margin-bottom: 10px;font-size: 14px;}
    .evt_noti_layer .evt_noti_layer_list li::before {top: 7px;}
} 

/* ----------------------------------------------------------------
            evt_sns_share_layer
-----------------------------------------------------------------*/
.sns_share_btn {width: 38px; height: 38px; background: url("//img.enuri.info/images/event/2020/newyear_pro/ico_share.png") no-repeat;background-size: 100%; position: absolute; top: 10px; left: 0;font-size: 0;z-index: 5;}
.evt_sns_share_layer {width:280px; z-index: 20;position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);z-index: 20;background: #f6f6f6;border-radius: 4px;line-height: 1;}
.evt_sns_share_layer .evt_sns_share_head {position: relative;text-align: center;background-color: #fff;padding: 17px 0;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.evt_sns_share_layer .evt_sns_share_head h2 {font-size: 17px;font-weight: 500;line-height: 20px;}
.evt_sns_share_layer .evt_sns_share_head .btn_layer_close {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 0; background-size: 100%;padding: 17px;}
.evt_sns_share_layer .evt_sns_share_head .btn_layer_close:after {display: block;content: "";width: 20px; height: 20px;background: url("//img.enuri.info/images/event/2023/sns_share_close_ico.png");background-size: 100%;}
.evt_sns_share_layer .evt_sns_share_cont {padding: 28px 20px 44px 20px;}
.evt_sns_share_layer .evt_sns_share_cont ul {padding: 0 12px;margin: 0 auto;}
.evt_sns_share_layer .evt_sns_share_cont ul li {padding: 0;}
.evt_sns_share_layer .evt_sns_share_cont ul li.line_1 {margin-bottom: 16px;}
.evt_sns_share_layer .evt_sns_share_cont ul li button {display: block;min-width: 52px;font-size: 12px;padding-top: 56px;color: #555; letter-spacing: -0.5px; margin: 0 auto;}
.evt_sns_share_layer .evt_sns_share_cont ul li .btn_share_kakao {background:url("//img.enuri.info/images/icon/sns/w52_kakao.png") no-repeat center 0; background-size:52px;}
.evt_sns_share_layer .evt_sns_share_cont ul li .btn_share_line {background:url("//img.enuri.info/images/icon/sns/w52_line.png") no-repeat center 0; background-size:52px;}
.evt_sns_share_layer .evt_sns_share_cont ul li .btn_share_fb {background:url("//img.enuri.info/images/icon/sns/w52_fb.png") no-repeat center 0; background-size:52px;}
.evt_sns_share_layer .evt_sns_share_cont ul li .btn_share_twit {background:url("//img.enuri.info/images/icon/sns/w52_tw.png") no-repeat center 0;background-size:52px;}
.evt_sns_share_layer .evt_sns_share_cont ul li .btn_share_band {background:url("//img.enuri.info/images/icon/sns/w52_band.png") no-repeat center 0;background-size:52px;}
.evt_sns_share_layer .evt_sns_share_cont ul li .btn_share_kakao_story {background:url("//img.enuri.info/images/icon/sns/w52_kas.png") no-repeat center 0;background-size:52px;}
.evt_sns_share_layer .evt_sns_share_foot {display: flex;margin-top: 24px;justify-content: space-between;}
.evt_sns_share_layer .sns_share_link {display: block;width: calc(100% - 70px);box-sizing: border-box;padding: 0 12px;height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;letter-spacing: 0;background: #fff;border: 1px solid #ccc; font-size: 12px;color: #333;border-radius: 4px;line-height: 34px;flex: 0 0 auto;}
.evt_sns_share_layer .btn_share_copy {width: 64px;border: 1px solid #3588f3; background-color: #fff; font-size: 12px; color: #3588f3; border-radius: 4px; line-height: 26px;flex: 0 0 auto;}

/* ----------------------------------------------------------------
            .lay_only_mw
-----------------------------------------------------------------*/
.lay_only_mw{position:fixed;top:0;left:0;width:100%;height:100%;z-index:11000;background-color:rgba(0,0,0,.7)}
.lay_only_mw .lay_inner{width:320px;height:465px;position: absolute;top:50%;left:50%;margin:-232.5px 0 0 -160px;text-align:center}
.lay_only_mw .lay_inner .lay_head{height:296px;background:url('//img.enuri.info/images/event/2020/common/m_sns_deeplink.png') no-repeat 50% 0;background-size:320px;text-indent:-9999em}
.lay_only_mw .lay_inner .btn_go_app{width:100%;display:block;height:41px;border:0;outline:none;background:url("//img.enuri.info/images/event/2020/chuseok/lay_mw_img_02.png") no-repeat 50% 0;background-size:320px;text-indent:-9999em}
.lay_only_mw .lay_inner .btn_keep_mw{height:20px;display:inline-block;height:20px;line-height:20px;font-size:13px;color:#fff;opacity:.8;border-bottom:1px solid #fff;margin-top:26px;letter-spacing:-1px}
.lay_only_mw .lay_inner img{width:100%;}

@media (min-width:1025px) {
    .lay_only_mw {display: none;}
}

/* ----------------------------------------------------------------
            only_app_layer
-----------------------------------------------------------------*/
.evt_only_app_layer {width: 80%;text-align: center;}
.evt_only_app_layer .only_app_txt {display: block;font-weight: 300;letter-spacing: -0.7px;margin-bottom: 15px; line-height: 16px;}
.evt_only_app_layer .app_down_txt {color: #1a8eec; font-size: 20px; letter-spacing: -0.4px;line-height: 1;}
.evt_only_app_layer .btn_send_text {font-size: 0;width: 42px; height: 42px; background: #1a8eec;border-radius: 50%;position: absolute; right: 23px;top: 50%;transform: translateY(-50%);}
.evt_only_app_layer .ico_send_text {display: inline-block;width: 100%;height: 100%;background: url("//img.enuri.info/images/event/2023/common/btn_send_text.png") no-repeat center;}

.evt_only_app_layer .btn_down_app {width: 100%; background: #edf7ff; border: 1px solid #0182ea;max-width: 105px;border-radius: 20px;font-size: 0; padding: 10px 0;}
.evt_only_app_layer .ico_down_app {display: inline-block;width: 22px;height: 22px;background: url("//img.enuri.info/images/event/2023/common/btn_send_text_m.png") no-repeat center; background-size: 100%;}

@media (min-width: 768px){
    .evt_only_app_layer {width: 400px;}
    .evt_only_app_layer .only_app_txt {margin-bottom: 30px;line-height: 20px;}
    .evt_only_app_layer .send_text_box {position: relative;margin: 10px 0;}
    .evt_only_app_layer .send_text_box input {height: 50px;width: 322px;background: #edf7ff;border: 2px solid #64b1f0;padding: 13px 60px 13px 20px;border-radius: 50px;font-size: 24px; color: #0182ea;}
    .evt_only_app_layer .send_text_box input::-webkit-outer-spin-button,
    .evt_only_app_layer .send_text_box input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
    .evt_only_app_layer .send_text_noti {color:#7d7d7d;font-size: 16px;letter-spacing: -0.8px;line-height: 1;}
}

/* ----------------------------------------------------------------
            gap
-----------------------------------------------------------------*/
/* 모바일에서만 보이기 */
.visible_m {display: block !important}
/* 태블릿에서만 보이기*/
.visible_t {display: none !important} 
/* 피씨에서만보이기 */
.visible_pc {display: none !important} 
/* 태블릿이상이면 보이기*/
.visible_md {display: none !important} 
/* 모바일 태블릿까지만 보이기 */
.visible_mt {display: block !important} 

@media (min-width: 768px){
    .visible_m {display: none !important} 
    .visible_t {display: block !important} 
    .visible_md {display: block !important}
}
@media (min-width: 1025px){
    .visible_t {display: none !important} 
    .visible_mt {display: none !important} 
    .visible_pc {display: block !important} 
}

/* ----------------------------------------------------------------
            column layout
-----------------------------------------------------------------*/
.col_wrap {display: flex!important;flex-wrap:wrap!important;}
.col {flex:0 0 auto; position: relative; min-height: 1px; max-width: 100%; transition: all .4s;}
.col_gap_8 {margin:0 -4px;}
.col_gap_8 > .col {padding:0 4px;}
.col_gap_10 {margin:0 -5px;}
.col_gap_10 > .col {padding:0 5px; margin-bottom:10px;}
.col_gap_12 {margin:0 -5px;}
.col_gap_12 > .col {padding:0 6px; margin-bottom:12px;}
.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_gap_20 {margin:0 -10px;}
.col_gap_20 > .col {padding:0 10px;}
.col_gap_24 {margin:0 -12px;}
.col_gap_24 > .col {padding:0 12px;}
.col_gap_30 {margin:0 -15px;}
.col_gap_30 > .col {padding:0 15px;}
.col_12 {width: 100%;}.col_11 {width: 91.66666667%;}.col_10 {width: 83.33333333%;}.col_9 {width: 75%;}.col_8 {width: 66.66666667%;}.col_7 {width: 58.33333333%;}.col_6 {width: 50%;}.col_5 {width: 41.66666667%;}.col_4 {width: 33.33333333%;}.col_3 {width: 25%;}.col_2 {width: 16.66666667%;}.col_1 {width: 8.33333333%;}

@media (min-width:768px) {.col_md_12 {width: 100%;} .col_md_11 {width: 91.66666667%;} .col_md_10 {width: 83.33333333%;} .col_md_9 {width: 75%;} .col_md_8 {width: 66.66666667%;} .col_md_7 {width: 58.33333333%;} .col_md_6 {width: 50%;} .col_md_5 {width: 41.66666667%;} .col_md_4 {width: 33.33333333%} .col_md_3 {width: 25%;} .col_md_2 {width: 16.66666667%;} .col_md_1 {width: 8.33333333%;}}

@media (min-width:1025px) {.col_lg_12 {width: 100%;}.col_lg_11 {width: 91.66666667%;}.col_lg_10 {width: 83.33333333%;}.col_lg_9 {width: 75%;}.col_lg_8 {width: 66.66666667%;}.col_lg_7 {width: 58.33333333%;}.col_lg_6 {width: 50%;}.col_lg_5 {width: 41.66666667%;}.col_lg_4 {width: 33.33333333%;}.col_lg_3 {width: 25%;}.col_lg_2 {width: 16.66666667%;}.col_lg_1 {width: 8.33333333%;}}

/* ----------------------------------------------------------------
            .lay-alarmsheet
-----------------------------------------------------------------*/
.lay-alarmsheet {opacity:0;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1300;}
.lay-alarmsheet .dimmed {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1;background:rgba(0,0,0,.16);backdrop-filter:blur(1px);}
.alarmsheet__inner {position:absolute;top:0;bottom:0;right:0;z-index:10;width:400px;height:100%;background-color:#fff;transform:translateX(100%);transition:transform .3s ease-in-out;}
.alarmsheet__inner.is-expand {transform:translateX(0);transition:transform .3s ease-in-out;}
.alarmsheet__head {position:sticky;height:104px;border-bottom:1px solid #eee;}
.alarmsheet__head .head_box {position:relative;width:100%;height:52px;background-color:#fff;}
.alarmsheet__head .head_box .tx_tit {display:block;width:calc(100% - 40px);height:30px;padding:11px 20px;font-weight:600;font-size:18px;line-height:30px;color:#222}
.alarmsheet__head .head_box .btn-close {display:block;position:absolute;top:16px;right:16px;width:20px;height:20px;font-size:0;text-indent:-9999px;background:url(//img.enuri.info/images/rev/common_sprite.png) -300px -60px no-repeat;}
.alarmsheet__head .head_tabs {display:block;overflow:hidden; padding:10px 20px;border-top:1px solid #eee;width:calc(100% - 40px)}
.alarmsheet__head .head_tabs .swiper-container {overflow:visible}
.alarmsheet__head .head_tabs .swiper-slide {display:block;width:auto;}
.alarmsheet__head .head_tabs .swiper-slide .btn-tab {height:32px;padding:7px 16px;border-radius:16px;font-size:14px;color:#777;background-color:#eeeff3;transition:all .3s ease-in-out;line-height:18px}
.alarmsheet__head .head_tabs .swiper-slide:hover .btn-tab {background-color:#ddd}
.alarmsheet__head .head_tabs .swiper-slide.is--on .btn-tab {font-weight:600;color:#fff;background-color:#222;color:#fff}
.alarmsheet__head .head_tabs .swiper-slide.is--new .btn-tab {padding-left:10px;}
.alarmsheet__head .head_tabs .swiper-slide.is--new .btn-tab:before {content:"";display:inline-block;position:relative;top:-8px;left:-2px;width:4px;height:4px;border-radius:4px;background-color:#f24141}
.alarmsheet__body {overflow-y:auto;position:relative;width:100%;height:calc(100% - 92px);background-color:#f6f6f6}
.alarmsheet__body .card_box {overflow:hidden;overflow-y:auto;position:relative;height:calc(100% - 40px);padding:20px; box-sizing: content-box;}
.alarmsheet__body .card__tx--date{height:20px;line-height:20px;margin-bottom:8px;color:#222;font-size:16px;font-weight:700;opacity:0;transform:translateX(100%);transition:all .3s ease-in-out;}
.alarmsheet__body .card__tx--date.is--today:after{content:"Today";display:inline-block;box-sizing:border-box;padding:0 6px;line-height:18px;border:1px solid #b2defb;color:#30a7f7;font-size:12px;border-radius:10px;background-color:#fff;margin-left:4px;vertical-align:1px}
.alarmsheet__body .card_item {display:block;margin-bottom:8px;border-radius:8px;border:1px solid rgba(0, 0, 0, 0.1);background-color:#fff;opacity:0;transform:translateY(100%);transition:all .3s ease-in-out;}
.alarmsheet__body .card_item.is-shown{opacity:1;transform:translateY(0);transition-delay:.2s}
.alarmsheet__body .card__group + .card__group{margin-top:32px}
.alarmsheet__body .card__tx--date.is-shown {opacity:1;transform:translateX(0);transition-delay:.2s}
.alarmsheet__body .card_item:not(.no-data) + .card__tx--date{margin-top:32px}
.alarmsheet__body .card_item a.card_link {display:block;position:relative;padding:16px;transition:all .3s ease-in-out}
.alarmsheet__body .card_item a.card_link:hover {text-decoration:none;}
.alarmsheet__body .card_item.is--visited a.card_link{opacity:.5}
.alarmsheet__body .card_item a.card_link:visited{opacity:.5}
.alarmsheet__body .card_item a.card_link span {display:block;}
.alarmsheet__body .card_item a.card_link .tx_cate {width:calc(100% - 60px);font-weight:700;font-size:15px;color:#222;line-height:20px;}
.alarmsheet__body .card_item a.card_link .tx_cate [class*="ico-msg--"]{display:inline-block;width:20px;height:20px;background-image:var(--url-comm-sprite);vertical-align:top;margin-right:4px;background-size: 360px;}
.alarmsheet__body .card_item a.card_link .tx_cate .tx--lowest{display:inline;color:#3588F3;font-size:14px}
.alarmsheet__body .card_item a.card_link .tx_time {position:absolute;top:16px;right:16px;font-size:12px;color:#999;line-height:20px;}
.alarmsheet__body .card_item a.card_link .tx_msg {margin-top:8px}
.alarmsheet__body .card_item a.card_link .tx_msg > span {font-size:14px;color:#444;line-height:20px;}
.alarmsheet__body .card_item a.card_link .tx_msg > span.tx_nm {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.alarmsheet__body .card_item a.card_link .tx--custom {overflow:hidden;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all;}
.alarmsheet__body .card_item a.card_link .tx_msg em{color:#3588F3}
.alarmsheet__body .card_item a.card_link .tx_msg .msg_img{margin:4px 0}
.alarmsheet__body .card_item a.card_link .tx_msg .msg_img img{max-width:300px;border-radius:8px;border:1px solid #eee;overflow:hidden;width:100%}
.alarmsheet__body .card_item a.card_link .msg-group{margin-top:8px;display:flex;justify-content: space-between;}
.alarmsheet__body .card_item a.card_link .msg-group .thumb_goods{width:40px;height:40px;position: relative;border-radius:4px;flex:none;margin-left:8px}
.alarmsheet__body .card_item a.card_link .msg-group .thumb_goods:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;border:1px solid rgba(0,0,0,.03);background:rgba(0,0,0,.02)}
.alarmsheet__body .card_item a.card_link .msg-group .thumb_goods img{width:100%;height:100%}
.alarmsheet__body .card_item a.card_link .msg-group .tx_msg{margin-top:0;width:100%;}
.alarmsheet__body .card_item a.card_link .msg-group .msg_img{margin:8px 0 0}
.alarmsheet__body .card_item.is--new a.card_link .tx_cate:after {content:"";display:inline-block;position:relative;top:-10px;left:0;width:4px;height:4px;border-radius:4px;background-color:#f24141} 
.alarmsheet__body .card_item.no-data {position:absolute;top:50%;left:0;right:0;z-index:10;margin-top:-80px;border:0;text-align:center;background:transparent}
.alarmsheet__body .card_item.no-data .tx_noti {position:relative;font-size:13px;line-height:24px;color:#666;}
.alarmsheet__body .card_item.no-data .tx_noti:before {content:"";display:block;width:140px;height:140px;margin:0 auto 10px;background:url(//img.enuri.info/images/rev/bg_alarm_nodata.png) no-repeat}
.alarmsheet__body .card_item__foot{height:48px;border-top:1px solid #eee;background-color:#fcfcfc;display:flex;flex-wrap:wrap;border-radius:0 0 8px 8px}
.alarmsheet__body .card_item__foot button{flex:1;font-size:14px;color:#222;background-color:transparent}
.alarmsheet__body .card_item__foot button:after{content:"";display:inline-block;width:16px;height:16px;background:url(//img.enuri.info/images/icon/svg/icon_arrow.svg) no-repeat 0 0 / 100% 100%;transform:rotate(0deg);vertical-align: top;opacity:.5;margin-left:4px}
.alarmsheet__body .card__btn--alarm{border-right:1px solid #eee}

/* 240131 알림메시지 개편  */
.alarmsheet__body .card_item--extend{margin-top:-8px;padding-bottom:8px;z-index:1;position: relative;}
.alarmsheet__body .card_item--extend.is--unfold{padding:0}
.alarmsheet__body .card__btn--extend{margin:0 16px 10px;height:28px;padding:0 22px;color:#444;font-size:13px;background-color:#f7f7f7;border:1px solid #ccc;border-radius:14px;display:flex;align-items:center;gap:0 10px}
.alarmsheet__body .card_item--extend .card__btn--extend em:after{content:" 더보기"}
.alarmsheet__body .card_item--extend.is--unfold .card__btn--extend em:after{content:" 접기"}
.alarmsheet__body .card_item--extend .card__btn--extend:after{content:"";width:10px;height:10px;background:url(//img.enuri.info/images/icon/svg/icon_arrow.svg) no-repeat 0 0 / 100% 100%;transform:rotate(90deg);transition:.3s all ease;transform-origin:center center;}
.alarmsheet__body .card_item--extend.is--unfold .card__btn--extend:after{transform:rotate(-90deg);}
.alarmsheet__body .card_link--extend{display:flex;flex-wrap:nowrap;padding:0 16px;align-items:center;line-height:20px;gap:0 12px;}
.alarmsheet__body .card_link--extend:hover{text-decoration:none}
.alarmsheet__body .card_item--extend .card_link--extend{transition:.2s all linear;height:0;overflow:hidden;opacity:0;position: relative;}
.alarmsheet__body .card_item--extend.is--unfold .card_link--extend{height:44px;opacity:1;padding-top:1px;}
.alarmsheet__body .card_item--extend.is--unfold .card_link--extend:before{content:"";position:absolute;top:0;left:0;right:0;border-top: 1px solid #eee}
.alarmsheet__body .card_link__tx--msg{font-size:13px;color:#444;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;height:20px;white-space: nowrap;}
.alarmsheet__body .card_link__tx--msg em{color:#3588f3}
.alarmsheet__body .card_link__tx--date{font-size:12px;color:#999;flex:none;margin-left:auto;}
.alarmsheet__body .card_item__foot{height:48px;border-top:1px solid #eee;background-color:#fcfcfc;display:flex;flex-wrap:wrap;border-radius:0 0 8px 8px}
.alarmsheet__body .card_item__foot button{flex:1;font-size:14px;color:#222;background-color:transparent}
.alarmsheet__body .card_item__foot button:after{content:"";display:inline-block;width:16px;height:16px;background:url(//img.enuri.info/images/icon/svg/icon_arrow.svg) no-repeat 0 0 / 100% 100%;transform:rotate(0deg);vertical-align: top;opacity:.5;margin-left:4px}
.alarmsheet__body .card__btn--alarm{border-right:1px solid #eee}

/* pc-헤더 최근본상품 */
.lay-recentsheet {opacity:0;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1300;font:var(--font-common-family)}
.lay-recentsheet .dimmed {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1;background:rgba(0,0,0,.16);backdrop-filter:blur(1px);}
.recentsheet__inner {position:absolute;top:0;bottom:0;right:0;z-index:10;width:400px;height:100%;background-color:#fff;transform:translateX(100%);transition:transform .3s ease-in-out;}
.recentsheet__inner.is-expand {transform:translateX(0);transition:transform .3s ease-in-out;}
.recentsheet__head {position:sticky;height:52px;border-bottom:1px solid #ddd;background-color:#fff}
.recentsheet__head .recentsheet__tx--tit {display:block;padding:15px 20px;font-weight:600;font-size:18px;color:#000;line-height:22px}
.recentsheet__head .recentsheet__btn--subscribe{font-size:13px;color:#888;margin-left:10px;display:inline-block;font-weight:400;vertical-align:1px}
.recentsheet__head .recentsheet__btn--subscribe:after{content:"";display:inline-block;width:12px;height:12px;background:var(--url-comm-sprite) no-repeat -200px -530px;transform:rotate(-90deg);vertical-align:-1px;}
.recentsheet__head .btn-close {display:block;position:absolute;top:16px;right:16px;width:20px;height:20px;font-size:0;text-indent:-9999px;background:url("//img.enuri.info/images/rev/common_sprite.png") -300px -60px no-repeat;}
.recentsheet__body {overflow-y:auto;position:relative;width:100%;height:calc(100% - 52px);background-color:#f6f6f6}
.recentsheet__body .recent-list{}
.recentsheet__body .recent--nodata{height:calc(100vh - 52px);display:flex;align-items:center;text-align:center;flex-direction: column; justify-content:center;font-size:16px;line-height:18px;color:#444}
.recentsheet__body .recent--nodata:before{content:"";display:block;width:140px;height:140px;background:url("//img.enuri.info/images/rev/myeclub/icon_nolist_goods.png") no-repeat 0 0 / 100%}
.recentsheet__body .recent__group:first-of-type{padding-top:20px}
.recentsheet__body .recent__group {padding:0 20px 20px}
.recentsheet__body .recent__tx--date{font-weight:700;font-size:14px;line-height:18px;color:#222}
.recentsheet__body .recent__group .recent__list{}
.recentsheet__body .recent__group .recent__list li:first-child{margin-top:0}
.recentsheet__body .recent__group .recent__item{padding:16px;border:1px solid #eee;background-color:#fff;border-radius:8px;margin-top:8px;position: relative;}
.recentsheet__body .recent__group .recent__item > a{display:flex;width:310px;height:112px;}
.recentsheet__body .recent__group .recent__item > a:hover{text-decoration: none;}
.recentsheet__body .recent__group .recent__item > a:hover .item__tx--name{text-decoration: underline;text-underline-position: under; text-decoration-color: #aaa;}
.recentsheet__body .recent__group .item__thumb{width:110px;height:110px;border:1px solid #eee;background-color:#fff;border-radius:2px;position: relative;flex:none}
.recentsheet__body .recent__group .item__thumb img{width:100%;height:100%}
.recentsheet__body .recent__group .item__info{width:184px;height:110px;margin-left:auto;display:flex;flex-direction: column; justify-content: center; line-height:18px;padding-right:40px; box-sizing: border-box;}
.recentsheet__body .recent__group .item__tx--name{font-size:14px;color:#222;display:block;max-height:36px;overflow:hidden;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all;}
.recentsheet__body .recent__group .item__tx--price{display:block;margin-top:8px;font-size:15px;font-weight:600;color:#000;}
.recentsheet__body .recent__group .item__tx--price.is--soldout{color:#fa5a5a}
.recentsheet__body .recent__group .item__tx--price.is--release{color:#3588F3}
.recentsheet__body .recent__group .recent__btn--delete{width:14px;height:14px;border:1px solid #000;background:var(--url-comm-sprite) no-repeat -320px -60px #000;position:absolute;top:17px;left:111px;text-indent:-9999em;display:none}
.recentsheet__body .recent__group .recent__item:hover .item__thumb:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #000}
.recentsheet__body .recent__group .recent__item:hover .recent__btn--delete{display:block}
.recentsheet__body .recent__group .recent__btn--subscribe{width: 28px;height: 28px;position: relative;background-color: transparent;text-indent:-9999em;position:absolute;top:16px;right:16px}
.recentsheet__body .recent__group .recent__btn--subscribe:after {content: "";position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;background-image: url("//img.enuri.info/images/icon/svg/icon_zzim_star.svg");background-size: 100%;background-position: 0 0;}
.recentsheet__body .recent__group .recent__btn--subscribe.is--on:after{background-image:url("//img.enuri.info/images/icon/svg/icon_zzim_star_on.svg")}

/* 로그인 바텀시트 */
.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:url("//img.enuri.info/images/mobile_v2/common_sprite.png");background-size:360px;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:url("//img.enuri.info/images/mobile_v2/common_sprite.png") no-repeat -105px 0 / 360px;vertical-align: top;}
.lay-login__btn--close{position:absolute;width:24px;height:24px;top:16px;right:16px;text-indent:-9999em;background:url("//img.enuri.info/images/mobile_v2/common_sprite.png") no-repeat 0 -21px / 360px;}
@media screen and (max-width:360px) { /* 360미만 */
    .lay-login__sns [class^="lay-login__btn--"]{margin:0 2px}
}

/* 구독레이어 (찜레이어) */
.lay-zzim{display:none;opacity:0;position:fixed;top:50%;left:50%;margin:-118px 0 0 -118px;width:236px;height:176px;padding-top:60px;border-radius:50%;background-color:rgba(53, 197, 243, 0.9);text-align:center;color:#fff;line-height:18px;-webkit-transition:.3s all cubic-bezier(.47,1.64,.41,.8);-o-transition:.3s all cubic-bezier(.47,1.64,.41,.8);transition:.3s all cubic-bezier(.47,1.64,.41,.8);-webkit-transform:scale(.5) translateY(40px);-ms-transform:scale(.5) translateY(40px);transform:scale(.5) translateY(40px);z-index:-1}
.lay-zzim.is--off{background-color:rgba(51, 51, 51, 0.9);}
.lay-zzim .lay-zzim__icon{position:relative;margin:0 auto;width:56px;height:56px;background:url(//img.enuri.info/images/rev/subscription_sprite.png) no-repeat 0 0 / auto;text-indent:-9999em;}
.lay-zzim.is--off .lay-zzim__icon{background-position:-60px 0}
.lay-zzim .lay-zzim__tx--tit{margin-top:12px;letter-spacing:-1px;font-size:14px;font-weight:500}
.lay-zzim .lay-zzim__tx--tit.tx--off,
.lay-zzim.is--off .lay-zzim__tx--tit{display:none}
.lay-zzim.is--off .lay-zzim__tx--tit.tx--off{display:block;}
.lay-zzim .lay-zzim__btn{display:block;margin:16px auto 0;border:1px solid #fff;border-radius:2px;font-size:11px;color:#fff;background:transparent;letter-spacing:-1px;width:96px;height:24px;}
.lay-zzim.is--off .lay-zzim__btn{color:#ccc;border-color:#ccc}
.lay-zzim.is--show{opacity:1;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);z-index:2000}


/* ----------------------------------------------------------------
        popup-toast
-----------------------------------------------------------------*/
.popup-toast {opacity: 0;transform: translateY(100%);position: fixed;bottom: 0;z-index: 1;transition: all .5s ease-in-out;width: calc(100% - 32px);left: 16px;}
.popup-toast.is--visible {opacity: 1;transform: translateY(0);z-index: 1200;}
.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: url("//img.enuri.info/images/mobile_v2/common_sprite.png");vertical-align: top;margin-right: 4px;flex: none ;background-size: 360px;}
.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;box-sizing: content-box;}
.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: url("//img.enuri.info/images/mobile_v2/common_sprite.png") no-repeat -260px -530px;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: url("//img.enuri.info/images/mobile_v2/common_sprite.png") no-repeat -260px -510px;}
.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}

@media (min-width: 1025px) {
    .popup-toast {left: auto; right: 70px;width: 328px;}
    .popup-toast [class*="ico-msg--"]{ background-image:url("//img.enuri.info/images/rev/common_sprite.png");}
    .ico-msg--lowest {background-position: -200px -120px}
    .ico-msg--stock {background-position: -220px -100px}
    .ico-msg--emoney { background-position: -120px -160px;}
    .ico-msg--shopping {background-position: -100px -160px;}
    .ico-msg--card {background-position: -220px -120px}
}

@media (max-width: 1660px) {
    .popup-toast .toast__card {backdrop-filter: blur(2px)}
}