@charset "utf-8";

/*
* vw 단위 사용법
* 80px => calc(80 * var(--vw));
* --vw : 800px 기준
* --vw-400 : 400px 기준
*/
/* 공통 */
.imc__con > img.imgWd{
    width: calc(368 * var(--vw-400)) !important;
    margin: 0 auto;}
.imc__tab {margin-top: calc(50 * var(--vw-400)); margin-bottom: calc(20 * var(--vw-400)); }
.imc__tab ul{display: flex; column-gap: calc(8 * var(--vw-400)); }
.imc__tab li{flex: 1;
    flex: 1;
    border: 1px solid #ABB0B4;
    /* padding: calc(18 * var(--vw-400)); */
    font-size: calc(14 * var(--vw-400));
    border-radius: calc(5 * var(--vw-400));
    text-align: center;
    color: #737B82;
    font-family: "ProximaNova", 'Noto Sans KR', sans-serif;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(45 * var(--vw-400));
}
.imc__tab li.on{color: #fff; border: none; background-color: #FA149E;}
.imc__tab__cont .tab__cont{display: none; position: relative;}
.imc__tab__cont div .copyBtn {
    position: absolute;
    top: 2%;
    right: 3.7%;
    display: block;
    width: calc(75 * var(--vw-400));
    height: calc(35 * var(--vw-400));
}
.imc__tab__cont .tab__cont.on{display: block;}
.imc__tab__cont div .jsDetailInfoToggleBtn{position: absolute;left: 0; display: block; width: calc(65 * var(--vw-400)); height: calc(20 * var(--vw-400));}
.imc__tab__cont div .benefit01_detail{ width: calc(315 * var(--vw-400)) !important; }
.imc__tab__cont div .benefit02_detail{ width: calc(353 * var(--vw-400)) !important; }
.imc__tab__cont div .benefit03_detail{ width: calc(267 * var(--vw-400)) !important; }
.imc__tab__cont div:first-child .jsDetailInfoToggleBtn{top: calc(453 * var(--vw-400));}
.imc__tab__cont div:nth-child(2) .jsDetailInfoToggleBtn{top: calc(399 * var(--vw-400));}
.imc__tab__cont div:nth-child(3) .jsDetailInfoToggleBtn{top: calc(421 * var(--vw-400));}
.imc__tab__cont div .jsDetailInfoToggle {height: calc(0 * var(--vw-400)); transition:0.3s; overflow: hidden; padding-top: calc(20 * var(--vw-400))}
.imc__tab__cont .tab__cont:nth-child(1) .jsDetailInfoToggle.on {height: calc(151 * var(--vw-400));}
.imc__tab__cont .tab__cont:nth-child(2) .jsDetailInfoToggle.on {height: calc(471 * var(--vw-400));}
.imc__tab__cont .tab__cont:nth-child(3) .jsDetailInfoToggle.on {height: calc(63 * var(--vw-400));}
.imc__tab__cont div ul {margin-top: calc(10 * var(--vw-400));}
.imc__tab__cont div ul li {position: relative; font-size: calc(14 * var(--vw-400)); letter-spacing: -5%; line-height: calc(28 * var(--vw-400)); font-weight: 400; color: #737B82; margin-left: calc(7 * var(--vw-400)); }
.imc__tab__cont div ul li::before{position: absolute; left: calc(-7 * var(--vw-400)); content: '-';}
.imc__tab__cont div ul li.decoNon {margin-left: 0; font-weight: 700; }
.imc__tab__cont div ul li.decoNon::before{content: '';}

.imc__tab__cont .tab__cont > .jsDetailInfoToggleBtn .right{position:relative; width: 100%; height: inherit;}
.imc__tab__cont .tab__cont > .jsDetailInfoToggleBtn .right img{ position: absolute; top:50%; right: 0; width: calc(10 * var(--vw-400)) !important; transition:0.3s; transform: translateY(-50%);}
.imc__tab__cont .tab__cont > .jsDetailInfoToggleBtn .right img:last-child{opacity: 0;}

.imc > div:nth-child(2){padding-top:calc(70 * var(--vw-400)); }
.imc > div:nth-child(3){padding:calc(16 * var(--vw-400)); padding-top:0;}
.imc > div:nth-child(4){margin-top:calc(50 * var(--vw-400)); }

.fix_item{position: relative;overflow: hidden;}
.fix_wrap{background: #fff;z-index: 50;box-sizing: border-box;}
.fix_item.fixed .fix_wrap{width: 100%;position: fixed;left: 0;top: 55px;transform: translateY(0);transition: .2s;}
.fix_item.fixed.line_active .fix_wrap{transform: translateY(-110px);}/*20230925 수정*/

.cart_tab{display: flex;}
.cart_tab li{width: 50%;}
.cart_tab li a{
    display: block;
    padding: 15px 0;
    text-align: center;
    border-bottom: 4px solid #e5e5e5;
    font-size: 16px;
    font-weight: 700;
    color: #b8b8b8;
    line-height: 1;
    letter-spacing: -0.05em;
}
.cart_tab li.on a{border-color: #151415;color: #151415;}/*20240508 #17238 수정*/

.search_wrap{padding: 16px 0;}
.srch_area{margin: 0 4.16%;position: relative;}
/*20230927 수정 :: S */
.srch_area .ip_text{width: 100%;height: 40px;padding: 13px 15px;box-sizing: border-box;background: #f5f5f5;border: none;border-radius: 6px;font-size: 13px;letter-spacing: -0.05em;color: #151415;font-family: 'ProximaNova', 'Noto Sans KR', Dotum, "돋움", sans-serif;}/*20240508 #17238 수정*/
.srch_area .ip_text::placeholder{color: #aeb2b5;font-size: 14px;}
/*20230927 수정 :: E */


.search_wrap{padding: 16px 0;}
.srch_area{margin: 0 4.16%;position: relative;}
/*20230927 수정 :: S */
.srch_area .ip_text{width: 100%;height: 40px;padding: 13px 15px;box-sizing: border-box;background: #f5f5f5;border: none;border-radius: 6px;font-size: 13px;letter-spacing: -0.05em;color: #151415;font-family: 'ProximaNova', 'Noto Sans KR', Dotum, "돋움", sans-serif;}/*20240508 #17238 수정*/
.srch_area .ip_text::placeholder{color: #aeb2b5;font-size: 14px;}
/*20230927 수정 :: E */

.pd_nav_area{border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 8px 0;display: flex;align-items: center;}
.pd_nav_area .check_nav_wrap{flex: 1;overflow: hidden;}
.check_nav{display: flex;overflow-x: scroll;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;padding: 0 4.16%;}
.check_nav::-webkit-scrollbar{display: none;}
.check_nav .nav_item{margin-right: 11px;}
.check_nav .nav_item:last-child{margin-right: 0;}
.check_nav .nav_item input{clip: rect(0,0,0,0)!important;height: 1px!important;margin: -1px!important;overflow: hidden!important;position: absolute!important;width: 1px!important;left: 0;}
/* 20240508 #17238 수정 :: S */
.check_nav .nav_item input+label{
    height: 36px;
    padding: 14px 20px 12.5px;
    border-radius: 32px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    letter-spacing: -0.05em;
    line-height: 1;
    box-sizing: border-box;
    color: #151415;
    display: flex;
    align-items: center;
    justify-content: center;
}
.check_nav .nav_item input:checked+label{border-color: #151415;background: #151415;color: #fff;}
.pd_btn_area{display: flex;margin: 0 4.16%;padding: 18px 0;}
.pd_btn_area .right_area{display: flex;justify-content: flex-end;flex: 1;gap: 0 15px;}
.btn_mw_filter{width: 16px;height: 16px;background: url(https://image.nbkorea.com/NBRB_Mobile/event/mw2024_spring/ico_filter.png) no-repeat center;background-size: 16px;cursor: pointer;}
.btn_mw_col{width: 16px;height: 16px;background-repeat: no-repeat;background-size: 16px;cursor: pointer;}
.btn_mw_col.col_2{background-image: url(https://image.nbkorea.com/NBRB_Mobile/event/mw2024_spring/ico_col_2.png);}
.btn_mw_col.col_3{background-image: url(https://image.nbkorea.com/NBRB_Mobile/event/mw2024_spring/ico_col_3.png);}
.btn_mw_col.col_2.active{background-image: url(https://image.nbkorea.com/NBRB_Mobile/event/mw2024_spring/ico_col_2_on.png);}
.btn_mw_col.col_3.active{background-image: url(https://image.nbkorea.com/NBRB_Mobile/event/mw2024_spring/ico_col_3_on.png);}
/* 20240508 #17238 수정 :: E */

.event_pd .mw_category .tit{font-size: 17px;font-weight: 700;text-align: center;line-height: 25px;padding-bottom: 25px;padding-top: 8px;color:#151415;}/* 20240508 #17238 수정*/

/* 상품 */
.event_pd_con{padding-top: 17px;}
.bf_like .icon_bg{background: url(https://image.nbkorea.com/NBRB_Mobile/event/mw2024_spring/icon_bg.png) no-repeat center center;width: 36px;height: 15px;background-size: 100%;font-size: 1.2rem;font-weight: bold;color:#fff;text-align: center;display: inline-block;vertical-align: middle;line-height: 15px;}/* 20211108 수정 */
.like_btn{width: 18px;height: 21px;background: url(https://image.nbkorea.com/NBRB_Mobile/event/mw2024_spring/btn_like.png) no-repeat center;background-size: contain;}
.bf_like label {padding-left: 5px; color:#919191;vertical-align: middle;}
.like_btn.like_on {width: 18px;height: 21px;   background: url('https://image.nbkorea.com/NBRB_Mobile/event/mw2024_spring/btn_like_on.png') no-repeat center; background-size: contain; }
.txt_soldout{color:#919191;font-size: 1.1rem;display: inline-block; vertical-align: middle;}

/* 20240502 #17238 수정 :: S */
.event_pd .productList{font-size: 0;display: flex;flex-flow: row wrap;width: 100%;}
.event_pd .productList li{width: 49%;}
.event_pd .productList li:nth-child(2n){margin-left: 2%;}
.event_pd .productList li:nth-child(2n) .pro_info{padding-left: 0;padding-right: 20px;}

.event_pd .productList.col_3 li{width: 32.36%;}
.event_pd .productList.col_3 li:nth-child(2n){margin-left: 0;}
.event_pd .productList.col_3 li:nth-child(3n+2){margin: 0 1.46%;}
.event_pd .productList.col_3 li .pro_info{padding-left: 0px;padding-right: 20px;}
.event_pd .productList.col_3 li:nth-child(3n+1) .pro_info{padding-left: 10px;padding-right: 10px;}

/* .event_pd .productList .pro_info{padding: 22px 0 0;margin:12px 10px 30px;min-height: 160px;} */
.event_pd .productList .bf_like{position: absolute;bottom: auto;top: 0;border-bottom: 0;}/*20211102-1 추가*/
/* .event_pd .productList .prdName_name{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 32px;overflow: hidden;}
.event_pd .productList .prdDetail{line-height: 14px;max-height: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} */
/* 20240502 #17238 수정 :: E */
.event_pd .grp_list_wrap li div.thumb .down_per{background: #CF0A2C;}/*20211018 추가*/
.event_pd .productList .select_area{padding-top: 7px;}
.event_pd .productList .crema-product-reviews-score{height: 14px;line-height: 14px;}
.event_pd .productList .crema_product_reviews_score_star_wrapper{width:16px;height:14px;}
.event_pd .productList .crema_product_reviews_score_star_wrapper svg{fill:#000000 !important;}
.event_pd .productList .star_score .num{vertical-align:middle;}
.event_pd .productList .no_data{width: 100% !important;padding: 50px 0 100px;}
.event_pd .productList .no_data .txt2{margin-top: 15px;}
.productList.rank{margin-top: 9%;} /* 20240521 #17230 추가 */
/* 20231031 #9729 추가 :: S */
.btn_reinit{display: block;width: 65px;padding-top: 72px;background: url(https://image.nbkorea.com/NBRB_Mobile/event/mw2024_spring/ico_reinit.png) no-repeat;background-size: 100%;margin: 40px auto 0;}
.btn_reinit span{font-size: 12px;border-bottom: 1px solid #000000;}
/* 20231031 #9729 추가 :: E */

/* 20240508 #17238 추가 :: S */
.prdName_name{color: #151415;}
.prdName_price .reduced_price{color: #151415;}
/* 20240508 #17238 추가 :: E */

/* 랭킹 */
/* 20230927 추가 :: S */
.event_pd_con.ranking{padding-top: 0;}
.tab_swiper{overflow: hidden;padding: 0 4%;}
.tab_swiper .pd_group_tab{padding: 25px 0 15px;}
.fix_item.fixed .tab_swiper .pd_group_tab{padding: 10px 0;}
.tab_swiper .pd_group_tab li {width: auto;padding: 0 0.9%;}
.tab_swiper .pd_group_tab li a {display: block;padding: 0 20px;height: 32px;line-height: 32px;background-color: #fff;border: 1px solid #d0d0d0;border-radius: 0.3em;font-size: 14px;font-weight: 400;box-sizing: border-box;color: rgba(20,20,20,0.4);}
.tab_swiper .pd_group_tab li.on a {background-color: #000; color: #fff; border-color: #000;}
.tab_swiper.swiper-no-swiping .swiper-wrapper {display: flex;justify-content: center;}
.tab_swiper.swiper-no-swiping .swiper-slide {float: none;}
/* 20230927 추가 :: E */

/* 20240508 #17238 수정 :: S */
.tt_txt{font-family: 'Noto Sans KR' , sans-serif;font-size: 15px;color: #141414;width: 94%;border-bottom:1px solid #ccc;margin: 0 auto;padding-bottom: 2%; text-align: left;}
.tt_txt span{color: #151415;font-weight: bold;font-size: 17px;font-family: 'ProximaNova' ,sans-serif;}/* 20231005 수정 */
.tt_txt2 {width: 98%; margin: 3% 0 9%; padding: 2% 1% 0; font-family: 'Noto Sans KR' , sans-serif; font-size: 11px; color: #777; letter-spacing: -0.025em; text-align: left;}/* 20210517-1 수정*//* 20231005 수정 */
.rank_label{width: 100%;min-height: 20px;font-family: 'ProximaNova';font-weight: 700; font-size: 1.3rem;line-height: 17px;padding-left: 2%;box-sizing: border-box;}
.rank_label span{font-family: 'Noto Sans KR';font-weight: 400;font-size: 1.2rem;}
.rank_label strong{color: #151415;font-weight: bold;margin-left: 3%;}/* 20231005 수정 :: S */
/* 20240508 #17238 수정 :: E */

/* 검색 */
.scroll_fix{overflow: hidden;}
.search_layer{display: none;width: 100%;height: 100%;background: #fff;position: fixed;left: 0;top: 0;z-index: 55;overflow-y: auto;}
.search_layer.active{display: block;}
.search_layer .search_wrap{display: flex;padding: 16px 0 0;position: relative;}
.search_layer .srch_area{flex: 1;margin:0 0 0 4.16%;position: relative;}
.search_layer .srch_area .ip_text{border: 1px solid #151415;}/*20240508 #17238 수정*/
.search_layer .srch_area .btn_srh{display: block;width: 45px;height: 100%;background: url(https://image.nbkorea.com/NBRB_Mobile/event/mw2024_spring/ico_search.png) no-repeat center;background-size: 16px;position: absolute;right: 0;top: 0;}
.search_layer .srch_area.typing.focus .btn_srh{display: none;}
.search_layer .srch_area .btn_srh_del{display: none;width:  45px;height: 100%;background: url(https://image.nbkorea.com/NBRB_Mobile/event/mw2024_spring/ico_search_del.png) no-repeat center;background-size: 15px;position: absolute;right: 0;top: 0;}
.search_layer .srch_area.typing.focus .btn_srh_del{display: block;opacity: .3;}
.search_layer .srch_area.typing.focus .btn_srh_del.active{opacity: 1;}
.search_layer .search_wrap .seacrh_close{font-size: 14px;line-height: 1;padding: 0 4.16%;}



.search_result .search_con{margin: 30px 0;}
.search_result .search_con .tit{font-size: 12px;letter-spacing: -0.05em;color: #9d9d9d;margin-bottom: 12px;padding: 0 4.16%;}
.search_list{display: flex;padding: 0 4.16%;}
.search_list a{display: block;}

.search_con-rcm .search_list{overflow-x: scroll;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;gap: 0 6px;}
.search_con-rcm .search_list::-webkit-scrollbar{display: none;}
.search_con-rcm .search_list a{font-size: 13px;line-height: 1;padding: 10px 15px;letter-spacing: -0.05em;background: #f5f5f5;border-radius: 6px;}/*20230927 수정*/
.search_con-rct .search_list{flex-direction: column;gap: 8px 0;}
.search_con-rct .search_list li{position: relative;display: flex;}
.search_con-rct .search_list li::before{content: '';display: none;width: 100%;height: 100%;background: #f5f5f5;border-radius: 6px;position: absolute;left: 0;top: 0;z-index: -1;}
.search_con-rct .search_list li.active::before{display: block;}
.search_con-rct .search_list li a{padding: 8px 10px;flex: 1;font-size: 14px;color: #151415;}/* 20240508 #17238 수정*/
.search_con-rct .search_list li .rct_close{width: 30px;background: url(https://image.nbkorea.com/NBRB_Mobile/event/mw2024_spring/ico_rct.png) no-repeat center;background-size: 10px;opacity: 0.3;}
.search_con-rct .search_list li .rct_close.active{opacity: 1;}
.search_con-none{display: none;}

/* 20231016 추가 :: S */
.sale_con{position: relative;}
.sale_con.isPadding{padding-bottom: 30.2%;}
.sale_btn_area{display: flex;padding-left: 4.16%;}
.sale_btn{display: flex;align-items: center;justify-content: center;height: 40px;font-size: 14px;color: #fff;letter-spacing: -0.05em;background: #151415;border-radius: 3px;padding: 0 24px;box-sizing: border-box;} /* 20240520 #17238 수정 */
.sale_btn:hover, .sale_btn:active{background: #151415;color: #fff;} /* 20240520 #17238 수정 */
.sale_slider{padding: 0 4.16%;margin-bottom: 26px;}
.sale_prd_img{position: relative;}
.sale_prd_info{padding-top: 14px;}
.sale_prd_info .info_name{font-size: 13px;}
/* 20240523 #17238 수정 및 추가 :: S */
.sale_prd_info .info_price{display: flex;flex-wrap: wrap;gap: 0 5px;font-size: 12px;font-weight: 700;margin-top: 6px;}
.sale_prd_info .info_price strong{font-size: 14px;font-weight: 700;}
.sale_prd_info .sale_price{position: relative;color: #999;}
.sale_prd_info .sale_price::before{content: '';width: 100%;height: 1px;background: #999;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
/* 20240523 #17238 수정 및 추가 :: E */
/* 20231016 추가 :: E */


/* 20240520 #17238 추가 :: S */
.members_con{position: relative;}
.members_con img{display: block;width: 100%;}

.mw_sale_btn{display: block;position: absolute;}
.mw_sale_btn1{width: 31%;padding-top: 11.2%;left: 4%;bottom: 0;}
.mw_sale_btn2{width: 31%;padding-top: 11.2%;left: 4%;bottom: 0;}

.fade_in{width: 100%;position: absolute;left: 0;top: 0;}
.fade_in1{top: 0;}
.fade_in2{top: 15.7%;}
.fade_in3{top: 15.2%;}

.sale_coupon{position: relative;}
/* 20240520 #17238 추가 :: E */

/* 20240520 #17238 키즈 추가 :: S */
.members.kids .mw_sale_btn3{width: 31%;padding-top: 11.2%;left: 4%;bottom: 0;}
/* 20240520 #17238 키즈 추가 :: E */

.hidingMenu_item.point_r {color: #cf0a2c !important;} /* 20240528 #17663 추가 */

/* 20240603 #17795 추가 :: S */
.members_con .category_list {display: flex;align-items: center;justify-content: center;gap: 9px;padding: 0 6.9% 18.4%;}
.members_con .category_list li{flex: 1;}
.members_con .category_list a{display: block;display: block;height: 40px;line-height: 40px;border-radius: 29px;background: #e5e5e5;color: #151415;font-size: 15px;letter-spacing: -0.05em;font-weight: 700;text-align: center;}
.members_con .category_list li.on a{background: #151415;color: #fff;}
/* 20240603 #17795 추가 :: E */

/* 20240607 #18013 추가 :: S */
.mw_scroll_slider .swiper-container {padding: 0 4.16%;}
.mw_scroll_slider .swiper-scrollbar-drag {border-radius: 0;background: #000;}
.mw_scroll_slider .mw_scrollbar {width: 100%;height: 2px;background: rgba(0, 0, 0, .1);margin-top: 40px;}
.members_con .btn_area{display: flex;}
.main_btn{display: flex;align-items: center;justify-content: center;height: 40px;font-size: 14px;letter-spacing: -0.05em;border-radius: 3px;border: 1px solid #a1a5a8;background: #fff;padding: 0 20px;box-sizing: border-box; color: #151415;text-align: center;}
.main_btn.dark{background-color: #151415; color: #fff;}
.main_btn:first-child{margin-right: 10px;}
/* 20240607 #18013 추가 :: E */
#divSearchWrap .btn_srh {display: block;width: 45px;height: 100%;background: url(https://image.nbkorea.com/NBRB_Mobile/event/mw2024_spring/ico_search.png) no-repeat center;background-size: 18px;position: absolute;right: 0;top: 0;}

/* 검색 초기화 버튼 */
.members .srch_area .btn_reset {
    display: none;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 22%;
    padding: 12px 10px 11px 25px;
    border: 1px solid #DBDBDB;
    border-radius: 6px;
    margin-left: 10px;
    background: url(https://image.nbkorea.com/NBRB_Mobile/common/icon_reset2.png) no-repeat;
    background-position: 19% 48%;
    background-size: 14px;
    font-size: 1.2rem;
    line-height: 1.25;
    letter-spacing: -0.05em;
    color: #151415;
}

.members .main_nav .srch_area .ip_text.active {
    width:74.62%;
}
.members .main_nav #divSearchWrap .btn_srh.active {
    right:25.38%;
}

/* 서브 네비게이션 :: S */
.members_nav_wrap {
    z-index: 10;
    position: sticky;
    top: 55px;
    left: 0;
    width: 100%;
    height: calc(70 * var(--vw-400));
}
.members_nav_wrap.off {
    top: 0;
}
.members_nav_wrap .members_nav img { width: 100%; }
.members_nav_wrap .members_nav .nav_back {
    z-index: 100;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 14%;
    font-size: 0;
}
/* 서브 네비게이션 :: E */