@charset "utf-8";

/*
* vw 단위 사용법
* 80px => calc(80 * var(--vw));
* --vw : 800px 기준
* --vw-400 : 400px 기준
*/
.members__section--sale { --vw: 0.125vw; --vw-400: 0.25vw; }
/* 공통 */
[class*="imc__section"] {
    position: relative;
}
.imc__roll .swiper-wrapper{align-items: center; transition-timing-function: linear}
.imc__roll .swiper-wrapper .swiper-slide {
    width:calc(391 * var(--vw-400));
}
/* smoothTabMotion :: S */
.tabBar__Container {
    background: #e8e8e8;
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: 54px;
    z-index: 11;
}

.tabBar__Container .tabBar__title {
    width: 25%;
    height: 45px;
    text-align: center;
    color: #8a8a8a;
    font-size: 14px;
    transition: 0.5s;
    letter-spacing: -0.05em;
    font-weight: 900;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.tabBar__Container .tabBar__title .EN {
    font-family: "ProximaNova", sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: 700;
    margin-top:2px;
    display: inline-block;
}

.tabBar__Container .tabBar__title.on {
    color: #000;
    background:#fa149e;
}

.tabBar__Container .line {
    width: 25%;
    height: calc(2 * var(--vw-400));
    background: #000;
    transition: 0.5s;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11;
}

/* smoothTabMotion :: E */

/* section01/주요 혜택 */
.members__section--benefit {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: calc(70 * var(--vw-400));
    margin-bottom: calc(70 * var(--vw-400));
}

/* Title Area */
.members__section--benefit .section__title-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(15 * var(--vw-400));
    text-align: center;
    margin: 0 calc(16 * var(--vw-400));
}

.members__section--benefit .section__title {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 900;
    font-size: calc(26 * var(--vw-400));
    line-height: 1.4;
    letter-spacing: -0.05em;
    color: #151414;
}

.members__section--benefit .section__title-area .title__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(368 * var(--vw-400));
    height: calc(50 * var(--vw-400));
    font-size: calc(18 * var(--vw-400));
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1;
    color: #3AFBCC;
    background: #151415;
    border-radius: calc(5 * var(--vw-400));
    margin-top: calc(15 * var(--vw-400));
}

.members__section--benefit .section__date {
    font-family: "ProximaNova", sans-serif;
    font-weight: 800;
    font-size: calc(20 * var(--vw-400));
    line-height: calc(28 * var(--vw-400));
    color: #FA149E;
}
.members__section--benefit .section__date .dash {
    letter-spacing: calc(-2.08 * var(--vw-400));
}

.members__section--benefit .section__desc {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 400;
    font-size: calc(18 * var(--vw-400));
    line-height: 1.5;
    letter-spacing: -0.05em;
    color: #151414;
}
.members__section--benefit .section__desc .en{
    font-family: "ProximaNova", sans-serif;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: calc(20 * var(--vw-400));
}

/* Benefit Card List */
.members__section--benefit .benefit__list {
    width: calc(368 * var(--vw-400));
    margin: calc(70 * var(--vw-400)) auto 0;
}
.members__section--benefit .benefit__list > li{
    position: relative;
}

.members__section--benefit .benefit__list > li + li{
    margin-top: calc(40 * var(--vw-400));
}

.members__section--benefit .benefit__list-right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(205 * var(--vw-400));
    height: calc(163 * var(--vw-400));
    box-sizing: border-box;
    padding-left: calc(14 * var(--vw-400));
    position: absolute;
    right: 0;
    top: 0;
}

/* Benefit Thumbnail / Image Area */
.members__section--benefit .benefit__thumb {
    border-radius: calc(10 * var(--vw-400));
    overflow: hidden;
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(ellipse at 66% 0%, #82FFE1 0%, #EEEEEE 100%);
}

.members__section--benefit .benefit__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.members__section--benefit .benefit__thumb .section01__copyBtn {
    position: absolute;
    top: calc(7 * var(--vw-400));
    left: calc(8 * var(--vw-400));
    width: calc(71 * var(--vw-400));
    height: calc(24 * var(--vw-400));
}

/* Benefit Label Badge */
.members__section--benefit .benefit__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #FA149E;
    color: #fff;
    font-weight: 800;
    font-size: calc(14 * var(--vw-400));
    line-height: calc(26 * var(--vw-400));
    padding: 0 calc(6 * var(--vw-400));
    margin-top: calc(24 * var(--vw-400));
}

/* Benefit Title */
.members__section--benefit .benefit__title {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 700;
    font-size: calc(17 * var(--vw-400));
    line-height: calc(22 * var(--vw-400));
    letter-spacing: -0.05em;
    color: #151414;
}

/* Benefit Description */
.members__section--benefit .benefit__desc {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 400;
    font-size: calc(14 * var(--vw-400));
    line-height: calc(22 * var(--vw-400));
    letter-spacing: -0.05em;
    color: #000;
    margin-top: calc(10 * var(--vw-400));
}
.members__section--benefit .benefit__desc .color{
    color: #FA149E;
    font-weight: 700;
    display: inline-block;
}
.members__section--benefit .benefit__desc .font--en {
    font-family: "ProximaNova", sans-serif;
}

.members__section--benefit .benefit__desc b.font--en {
    font-weight: 700;
    font-size: calc(16 * var(--vw-400));
}

.members__section--benefit .benefit__desc span.font--en {
    font-family: "ProximaNova", sans-serif;
    font-size: calc(16 * var(--vw-400));
}

/* Benefit More Button (Accordion Toggle) */
.members__section--benefit .benefit__more-btn {
    display: inline-flex;
    align-items: center;
    gap: calc(5 * var(--vw-400));
    margin: calc(16 * var(--vw-400)) 0 0 calc(6 * var(--vw-400)) ;
    font-weight: 700;
    font-size: calc(14 * var(--vw-400));
    color: #737B82;
    letter-spacing: -0.05em;
}

.members__section--benefit .benefit__more-btn::after {
    content: '';
    display: inline-block;
    width: calc(10 * var(--vw-400));
    height: calc(7 * var(--vw-400));
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M0.557495 5.75L5.0575 0.75L9.5575 5.75' stroke='%23737B82' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center / contain;
    transform: rotate(180deg);
}

.members__section--benefit .benefit__more-btn.on::after {
    transform: rotate(0deg);
}

.members__section--benefit .benefit__detail {
    max-height: 0;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 400;
    font-size: calc(14 * var(--vw-400));
    line-height: calc(20 * var(--vw-400));
    letter-spacing: calc(-0.7 * var(--vw-400));
    color: #737B82;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.members__section--benefit .benefit__detail.on {
    max-height: calc(1000 * var(--vw-400));
}
.members__section--benefit .benefit__detail .font--num {
    font-family: "Proxima Nova", sans-serif;
    font-size: calc(15 * var(--vw-400));
    letter-spacing: 0;
}
.members__section--benefit .benefit__detail .font--en {
    font-family: "Proxima Nova", sans-serif;
    font-size: calc(16 * var(--vw-400));
    letter-spacing: 0;
}
.members__section--benefit .benefit__detail b {
    font-weight: 700;
}
.members__section--benefit .benefit__detail .sub {
    padding-left: calc(62 * var(--vw-400));
}
.members__section--benefit .benefit__detail .point {
    color: #CF0A2C;
}
.members__section--benefit .benefit__detail .point .grey {
    color: #737B82;
}
.members__section--benefit .benefit__detail > p.noneDec{
    line-height: calc(26 * var(--vw-400));
    margin-top: calc(10 * var(--vw-400));
    letter-spacing: -0.05em;
    font-size: calc(14 * var(--vw-400));
    color: #5C5B5C;
}
.members__section--benefit .benefit__detail > p.noneDec span.btn{
    width: calc(61 * var(--vw-400));
    height: calc(21 * var(--vw-400));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Proxima Nova", sans-serif;
    font-weight: 800;
    font-size: calc(10 * var(--vw-400));
    letter-spacing: 0;
    background-color: #2D2C2D;
    color : #fff;
    border-radius: calc(2 * var(--vw-400));
    margin-right: calc(5 * var(--vw-400));
}

.members__section--benefit .benefit__notice {
    display: flex;
    flex-direction: column;
    gap: calc(6 * var(--vw-400));
    padding-top: calc(12 * var(--vw-400));
}
.members__section--benefit .benefit__notice > li {
    position: relative;
    padding-left: calc(14 * var(--vw-400));
    font-size: calc(14 * var(--vw-400));
    letter-spacing: -0.05em;
}
.members__section--benefit .benefit__notice > li:before {
    content: '-';
    position: absolute;
    left: calc(7 * var(--vw-400));
    top: 0;
}
.members__section--benefit .benefit__notice > li.noneDec {
    padding-left: calc(7 * var(--vw-400));
}
.members__section--benefit .benefit__notice > li.noneDec:before {
    display: none;
}

.members__section--benefit .benefit__detail .thumb {
    width: calc(368 * var(--vw-400));
    margin-top: calc(20 * var(--vw-400));
}
/* 20260105 #9001 수정 :: S */

.mega_banner {
}

.title {
    width: calc(552 * var(--vw-400)) !important;
    margin: 120px auto 60px !important;
}

.tab_bar.title {
    width: calc(301 * var(--vw-400)) !important;
    margin: 120px auto 60px;
}

.benefit_wrap {
    width: calc(1450 * var(--vw-400));
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    margin: 0 auto 120px;
}

.benefit_wrap .card {
    width: calc(470 * var(--vw-400));

}

.more {
    margin-top: 20px;
}

.img01more {
    width: 383px !important;
}
.img02more {
    width: 440px !important;
}
.img03more {
    width: 267px !important
}

/* section02/상품영역 */
.members__section--sale .sale__header {
    position: relative;
    text-align: center;
}
.members__section--sale .sale__header .sale__header-wrap {
    position: absolute;
    top: calc(200 * var(--vw-400));
    left: 50%;
    transform: translateX(-50%);
}
.members__section--sale .sale__title {
    font-size: calc(18 * var(--vw-400));
    font-weight: 700;
    line-height: calc(26 * var(--vw-400));
    font-family: "Proxima Nova", sans-serif;
    color: #FA149E;
}
.members__section--sale .sale__desc {
    margin-top: calc(8 * var(--vw-400));
    font-size: calc(20 * var(--vw-400));
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.05em;
}
.members__section--sale .section_desc .font--en {
    font-size: calc(22 * var(--vw-400));
    font-family: "Proxima Nova", sans-serif;
    letter-spacing: 0;
}
.members__section--sale .sale__category-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: calc(40 * var(--vw-400)) 0 calc(47 * var(--vw-400));
    gap: calc(10 * var(--vw-400));
}
.members__section--sale .sale__category-list li {}
.members__section--sale .sale__category-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(150 * var(--vw-400));
    height: calc(40 * var(--vw-400));
    background-color: #CBCBCB;
    border-radius: calc(30 * var(--vw-400));
    font-size: calc(15 * var(--vw-400));
    font-weight: 700;
    letter-spacing: calc(-0.75 * var(--vw-400));
    color: #fff;
}
.members__section--sale li.on .sale__category-btn {
    background-color: #151415;
}

.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 #E3E5E6;
    font-size: 16px;
    font-weight: 700;
    color: #CBCBCB;
    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 */