@charset "utf-8";

/*
* vw 단위 사용법
* 80px => calc(80 * var(--vw));
--vw : 1920px 기준
*/
/* 하단 상품 영역 */
.imc .container > div {border-top: 1px solid #E3E5E6;}
.cart_tab{display: flex;}
.cart_tab li{width: 50%;}
.cart_tab li a{display: block;padding:12px 0;text-align: center;border-bottom: 6px solid #E3E5E6;font-size: 20px;font-weight: 700;color: #C7CACD;line-height: 1;letter-spacing: -0.05em;}
.cart_tab li.on a, .cart_tab li:hover a{border-color: #151415;color: #151415;}/* 20240508 #17238 수정 */

.members__section--sale {
  margin-top: calc(100 * var(--vw));
  padding: calc(90 * var(--vw)) 0;
  border-top: 1px solid #E3E5E6;
}
.members__section--sale .sale__header {
  text-align: center;
}
.members__section--sale .sale__title {
  font-size: calc(20 * var(--vw));
  font-weight: 700;
  line-height: calc(28 * var(--vw));
  font-family: "Proxima Nova", sans-serif;
  color: #FA149E;
}
.members__section--sale .sale__desc {
  margin-top: calc(14 * var(--vw));
  font-size: calc(24 * var(--vw));
  font-weight: 700;
  line-height: calc(38 * var(--vw));
  letter-spacing: calc(-1.2 * var(--vw));
}
.members__section--sale .section_desc .font--en {
  font-size: calc(26 * var(--vw));
  font-family: "Proxima Nova", sans-serif;
}
.members__section--sale .sale__category-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: calc(50 * var(--vw)) 0;
  gap: calc(10 * var(--vw));
}
.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));
  height: calc(40 * var(--vw));
  background-color: #CBCBCB;
  border-radius: calc(30 * var(--vw));
  font-size: calc(15 * var(--vw));
  font-weight: 700;
  letter-spacing: calc(-0.75 * var(--vw));
  color: #fff;
}
.members__section--sale li.on .sale__category-btn {
  background-color: #151415;
}
.members_wrap .productList{max-width: none;min-height: calc(100vh - 64px);} /* 20240529 #17238 추가 */
.members_wrap .productList.productList--empty {grid-template-columns: 1fr;}
.event_pd_con .productList .no_data{width: 100% !important;margin: 0;font-size: 20px;font-weight: 700;letter-spacing: -0.075em;text-align: center;margin: 50px 0 300px;}
.event_pd_con .productList .no_data .txt01{font-weight: 400;}
.event_pd_con .productList .no_data .txt02{font-size: 14px;font-weight: 400;margin-top: 10px;}

.search_wrap{padding: 30px 0;position: relative;}
/* 20231027 수정 :: S */
.srch_area.srch_area-mw{width: 720px;position: relative;margin: 0 auto;}
.srch_area.srch_area-mw .ip_text{width: 100%;height: 48px;padding: 0 70px 0 23px;box-sizing: border-box;background: #f5f5f5;border: none;border-radius: 6px;font-size: 18px;letter-spacing: -0.05em;color: #151415;font-family: 'ProximaNova', 'Noto Sans KR', Dotum, "돋움", sans-serif;}/* 20240508 #17238 수정 */
.srch_area.srch_area-mw .ip_text:hover{background: #dddddd;}
.srch_area.srch_area-mw .ip_text::placeholder{color: #B9B9B9;}
.srch_area.srch_area-mw .btn_srh{width: 26px;height: 26px;background: url(https://image.nbkorea.com/NBRB_PC/event/bf2025/adult/ico_search.png) no-repeat;position: absolute;right: 14px;top: 50%;margin-top: -12px;}
/* 20231027 수정 :: E */
.members_logo{width: 173px;height: 34px;position: absolute;left: 0;top: 50%;margin-top: -20px;}/* 20240508 #17238 수정 */
.members_logo img{width: 100%;vertical-align: middle;}
.search_wrap .fliterList{right: 0;margin-top: -10px;}
.fix_item{position: relative;}
.fix_wrap{background: #fff;z-index: 15;padding: 0 55px;box-sizing: border-box;}
.listContent .listLeft {padding-left: 55px;}
.listContent .listRight {padding-left: 22.136%; padding-right: 55px;}
.fix_item.fixed{overflow: hidden;}
.fix_item.fixed .fix_wrap{width: 100%;position: fixed;left: 0;top: 106px;transform: translateY(0);transition: .2s;min-width: 1200px;}
/* 260911: 공유 PC GNB가 .line_active에 안 숨어 바가 top:0에서 GNB 뒤로 깔림 → 항상 GNB 아래(top:106) 고정 */
.fix_item.fixed.line_active .fix_wrap{transform: translateY(0);top: 106px;}
.fix_item.fixed.ranking .fix_wrap{top: 0;z-index: 100;padding-top: 28px;}/*20231005 추가*/

.listContent.filterOff .listLeft {
  margin-left: calc(-423 * var(--vw));
}

.membersWeek__sale .srch_area.srch_area-mw .btn_reset {
  display: none;
  position: absolute;
  right: -110px;
  top: 50%;
  transform: translateY(-50%);
  width: 95px;
  padding: 13px 0 13px 24px;
  border: 1px solid #DBDBDB;
  border-radius: 6px;
  margin-left: 10px;
  background: url(https://image.nbkorea.com/NBRB_PC/common/icon_reset.png) no-repeat;
  background-position: 14px 51%;
  background-size: 20%;
}

/* 랭킹 */
/* 20230927 추가 :: S */
.event_pd_con.ranking{/*width: 1200px;*/max-width: 1440px;margin: 0 auto;}
.ranking_logo{text-align: center;padding: 90px 0 52px;}
.fix_item.fixed .ranking_logo{padding: 40px 0 20px;}
.fix_item.fixed.line_active .ranking_logo{display: none;}
/* 20231005 수정 :: S */
.sub_nav{position: relative;padding: 0 205px;}
.sub_nav ul{padding: 30px 0;} /* 20231030 #9717 수정 */ /* 20231031 #9717 수정 */
.sub_nav ul li{position: relative;padding: 0 2%;line-height: 34px;width: auto;} /* 20231030 #9717 수정 */
.sub_nav ul li::before{content: '';display: block;width: 1px;height: 18px;background: #bbbbbb;position: absolute;left: 0;top: 50%;margin-top: -9px;}
.sub_nav ul li:first-child::before{display: none;}
.sub_nav ul li a {display: block;font-size: 20px;font-family: 'Noto Sans KR', sans-serif;color: #bbbbbb;letter-spacing: -0.05em;line-height: 50px;}
.sub_nav ul li.on a {color: #151415;font-weight: 700;}/* 20240508 #17238 수정 */
/* 20231005 수정 :: E */
/* 20230927 추가 :: E */
.ranking_sub_nav{width: 1200px;} /* 20231030 #9717 추가 */

/* 20240508 #17238 수정 :: S */
.tt_txt{text-align: left;font-size: 18px;border-bottom: 2px solid #151415;padding-bottom: 10px;color: #141414;letter-spacing: -0.1px;font-family: 'Noto Sans KR',sans-serif}
.tt_txt span{font-family: 'ProximaNova',sans-serif;font-size: 20px;font-weight: bold;color: #151415;}
.tt2_txt{color: #777;margin-bottom: 90px;text-align: left;padding-top: 10px;font-family: 'Noto Sans KR',sans-serif;border-top: 2px solid #0d0d0d;} /*20210517-1 수정 */
.productList.rank .pro_area{padding-top: 26px;}
.productList.rank .rank_label{width: 100%;height: 17px;font-family: 'ProximaNova';font-weight: 700;font-size: 16px;line-height: 17px;position: absolute;top: 2px;z-index: 9;}/*20210607 수정*/
.productList.rank .rank_label span{font-family: 'Noto Sans KR';font-weight: 400;font-size: 13px;}
.productList.rank .rank_label strong{color: #151415;font-weight: bold;margin-left: 3%;}
/* 20240508 #17238 수정 :: E */


/* 검색 팝업 */
.dimm_search{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.75;z-index: 49;}
.dimm_search.active{display: block;}
.search_layer{display: none;position: fixed;top: 106px;left: 0;width: 100%;background: #fff;z-index: 49;box-sizing: border-box;padding: 0 2.86%;min-width: 1200px;}
.search_layer.active{display: block;}
.search_layer .srch_area .ip_text{border: 1px solid #151415;}/* 20240508 #17238 수정 */
.search_layer .srch_area.typing.focus .btn_srh{display: none;}
.search_layer .srch_area .btn_srh_del{display: none;width: 22px;height: 22px;background: url(https://image.nbkorea.com/NBRB_PC/event/mw2024_spring/ico_search_del.png) no-repeat;position: absolute;right: 20px;top: 50%;margin-top: -11px;animation: opacityDel .2s ease;}
.search_layer .srch_area.typing.focus .btn_srh_del{display: block;opacity: .3;}
.search_layer .srch_area.typing.focus .btn_srh_del:hover{opacity: 1;transition: .2s ease;}
.search_layer .search_wrap .seacrh_close{font-size: 18px;line-height: 1;position: absolute;right: 0;top: 50%;margin-top: -9px;}/* 20230925 수정*/

.search_result{width: 38%;margin: 0 auto;padding: 10px 0 40px;}
.search_result .search_inner{display: flex;gap: 0 24px;}
.search_result .search_con{width: calc(50% - 12px);}
.search_result .search_con .tit{font-size: 16px;letter-spacing: -0.05em;color: #9d9d9d;margin-bottom: 20px;}
.search_list{display: flex;flex-direction: column;}
.search_list li{position: relative;}
.search_list li a{display: block;font-size: 18px;padding: 10px 0;line-height: 1;color: #151415;}/* 20240508 #17238 수정 */
.search_list li::before{content: '';display: none;width: calc(100% + 18px);height: 100%;background: #f5f5f5;border-radius: 6px;position: absolute;left: -18px;top: 0;z-index: -1;animation: opacity .2s ease;}
.search_list li:hover::before{display: block;}
.search_con-rcm .search_list li{margin-left: 10px;}
.search_con-rcm .search_list li a{padding-left: 26px;position: relative;}
.search_con-rcm .search_list li a::before{content: '';display: block;width: 17px;height: 12px;background: url(https://image.nbkorea.com/NBRB_PC/event/mw2024_spring/ico_rcm.png) no-repeat;position: absolute;left: 0;top: 50%;margin-top: -6px;}
.search_con-rct .search_list li{display: flex;align-items: center;padding-right: 18px;}
.search_con-rct .search_list li a{flex: 1;}
.search_con-rct .search_list li .rct_close{width: 12px;height: 12px;background: url(https://image.nbkorea.com/NBRB_PC/event/mw2024_spring/ico_rct.png) no-repeat;opacity: 0.3;transition: .2s ease;}
.search_con-rct .search_list li .rct_close:hover{opacity: 1;}
.search_con-none{display: none;}

.mw_category .tit {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 34px;
  padding-bottom: 50px;
  padding-top: 20px;
  color: #151415;
}
.accordionList-size .ip_chk-boxBg:checked + label{background-color: #151415;border-color: #151415;color: #fff;}
.accordion .chk_ui_button + label{color: #151415;}
.accordion .chk_ui_button:checked + label{background-color: #151415;border-color: #151415;color: #fff;}
.flex_box{display: flex;flex-wrap: wrap;gap: 5px;}
.chk_ui_button{clip: rect(0,0,0,0)!important;height: 1px!important;margin: -1px!important;overflow: hidden!important;position: absolute!important;width: 1px!important;}
.chk_ui_button + label{display: block;padding: 10px;color: #000;font-size: 13px;line-height: 1;border: 1px solid #ddd;border-radius: 6px;box-sizing: border-box;cursor: pointer;}
.chk_ui_button:checked + label{background: #000;color: #fff;border-color: #000;}

.filter_price{margin-top: 40px;padding: 0;}
.filter_slider{height: 3px;background: #e5e5e5;padding-right: 0;box-shadow: none;padding: 0 6px;}
/* 20240508 #17238 수정 :: S */
.filter_slider .noUi-connect{background: #151415;}
.filter_slider .noUi-handle{top: -5px;width: 12px;height: 12px;border:none;background: #151415;right: -6px;}
.filter_price .price_range{font-size: 15px;margin-top: 0;margin-bottom: 24px;color: #151415;}

/* Section Layout */
.members__section--benefit {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: calc(60 * var(--vw));
  padding: calc(120 * var(--vw)) 0;
}

/* 헤더 */
.members__section--benefit .benefit__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(10 * var(--vw));
  text-align: center;
}
.members__section--benefit .benefit__eyebrow {
  font-family: "ProximaNova", sans-serif;
  font-weight: 700;
  font-size: calc(20 * var(--vw));
  line-height: calc(28 * var(--vw));
  color: #fa149e;
}
.members__section--benefit .benefit__headline {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 900;
  font-size: calc(40 * var(--vw));
  line-height: 1.4;
  letter-spacing: -0.05em;
  color: #151415;
}
.members__section--benefit .benefit__lead {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  font-size: calc(24 * var(--vw));
  line-height: calc(38 * var(--vw));
  letter-spacing: -0.05em;
  color: #151415;
  margin-top: calc(20 * var(--vw));
}

/* 카드 리스트 */
.members__section--benefit .benefit__list {
  display: flex;
  justify-content: center;
  gap: calc(20 * var(--vw));
}
.members__section--benefit .benefit__card {
  display: flex;
  flex-direction: column;
  gap: calc(20 * var(--vw));
  width: calc(340 * var(--vw));
  flex-shrink: 0;
}

/* 카드 이미지 */
.members__section--benefit .benefit__thumb {
  width: calc(340 * var(--vw));
  height: calc(340 * var(--vw));
  overflow: hidden;
  margin: 0;
  position: relative;
}
.members__section--benefit .benefit__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Copy code 버튼 */
.members__section--benefit .benefit__copyBtn {
  position: absolute;
  left: calc(19 * var(--vw));
  bottom: calc(20 * var(--vw));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: calc(34 * var(--vw));
  padding: 0 calc(12 * var(--vw));
  background: #151415;
  border: 1px solid #444344;
  border-radius: calc(5 * var(--vw));
  font-family: "ProximaNova", sans-serif;
  font-weight: 800;
  font-size: calc(14 * var(--vw));
  color: #3afbcc;
  text-transform: capitalize;
}

/* 카드 본문 */
.members__section--benefit .benefit__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.members__section--benefit .benefit__title {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 700;
  font-size: calc(26 * var(--vw));
  line-height: 1.3;
  letter-spacing: -0.05em;
  color: #151415;
}
.members__section--benefit .benefit__desc {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  font-size: calc(18 * var(--vw));
  line-height: calc(28 * var(--vw));
  letter-spacing: -0.05em;
  color: #151415;
  margin-top: calc(12 * var(--vw));
}
.members__section--benefit .benefit__desc .font--en {
  font-family: "ProximaNova", sans-serif;
  font-weight: 400;
  font-size: calc(20 * var(--vw));
  letter-spacing: 0;
}
.members__section--benefit .benefit__desc b.point {
  font-weight: 700;
  color: #fa149e;
}
/* 쿠폰 다운로드 버튼 */
.members__section--benefit .benefit__couponBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(120 * var(--vw));
  height: calc(45 * var(--vw));
  margin-top: calc(12 * var(--vw));
  background: #151415;
  border-radius: calc(5 * var(--vw));
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  font-size: calc(15 * var(--vw));
  letter-spacing: -0.05em;
  color: #fff;
}

/* 유의사항 토글 */
.members__section--benefit .benefit__more-btn {
  margin-top: calc(12 * var(--vw));
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 700;
  font-size: calc(16 * var(--vw));
  color: #8a8a8a;
  letter-spacing: -0.05em;
  text-decoration: underline;
  text-underline-position: under;
}

.members__section--benefit .benefit__detail {
  max-height: 0;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  font-size: calc(14 * var(--vw));
  line-height: calc(20 * var(--vw));
  letter-spacing: calc(-0.7 * var(--vw));
  color: #737B82;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.members__section--benefit .benefit__detail.on {
  max-height: calc(1000 * var(--vw));
}
.members__section--benefit .benefit__detail .font--num {
  font-family: "Proxima Nova";
  font-size: calc(15 * var(--vw));
  letter-spacing: 0;
}
.members__section--benefit .benefit__detail .font--en {
  font-family: "Proxima Nova";
  font-size: calc(16 * var(--vw));
  letter-spacing: 0;
}
.members__section--benefit .benefit__detail b {
  font-weight: 700;
}
.members__section--benefit .benefit__detail .sub {
  padding-left: calc(62 * var(--vw));
}
.members__section--benefit .benefit__detail .point {
  color: #CF0A2C;
}
.members__section--benefit .benefit__detail .point .grey {
  color: #737B82;
}
.members__section--benefit .benefit__notice {
  display: flex;
  flex-direction: column;
  gap: calc(6 * var(--vw));
  padding-top: calc(12 * var(--vw));
}
.members__section--benefit .benefit__notice > li {
  position: relative;
  padding-left: calc(7 * var(--vw));
}
.members__section--benefit .benefit__notice > li:before {
  content: '-';
  position: absolute;
  left: 0;
  top: 0;
}
.members__section--benefit .benefit__detail .thumb {
  width: calc(368 * var(--vw));
  margin-top: calc(20 * var(--vw));
}

/* ===== 세일 전용 델타 (날짜 / 상호이동 버튼) ===== */
.members__section--benefit .benefit__date {
  font-family: "ProximaNova", sans-serif;
  font-weight: 800;
  font-size: calc(26 * var(--vw));
  line-height: calc(38 * var(--vw));
  letter-spacing: -0.05em;
  color: #fa149e;
}
.members__section--benefit .benefit__date .dash { letter-spacing: calc(-2.08 * var(--vw)); }
.members__section--benefit .benefit__couponBtn.is-disabled { background: #B9B9B9; pointer-events: none; } /* NB2024-13039: font-size:0 제거 */
/* NB2024-13039: ::after 오버레이 방식 폐기, 버튼 텍스트를 직접 "발급완료"로 렌더(JSP/JS) */
/* .members__section--benefit .benefit__couponBtn.is-disabled::after { content: "발급완료"; font-size: calc(15 * var(--vw)); } */
.members__section--benefit .benefit__nav {
  display: flex;
  justify-content: center;
  gap: calc(10 * var(--vw));
  margin-top: calc(20 * var(--vw));
}
.members__section--benefit .benefit__navBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(8 * var(--vw));
  width: calc(300 * var(--vw));
  height: calc(48 * var(--vw));
  background: #151415;
  border-radius: calc(5 * var(--vw));
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  font-size: calc(16 * var(--vw));
  letter-spacing: -0.05em;
  color: #fff;
}
.members__section--benefit .benefit__navBtn b { font-weight: 700; }
.members__section--benefit .benefit__navBtn-logo { height: calc(24 * var(--vw)); width: auto; }
  /* 20260105 #9001 수정 :: S */

.mega_banner {
}

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

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

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

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

}

.more {
  margin-top: 20px;
}

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

@charset "utf-8";

/*
* vw 단위 사용법
* 80px => calc(80 * var(--vw));
*/

/* 공통 */
.imc .container > div {border-top: 1px solid #E3E5E6;}
.con__wrap{
  display: flex;
  width:calc(1450 * var(--vw));
  column-gap: calc(20 * var(--vw));
  margin: 0 auto;
}
.con__wrap .copyBtn{position: absolute; display: block; width: calc(90 * var(--vw)); height: calc(36 * var(--vw)); left: calc(18 * var(--vw)); top: calc(295 * var(--vw)); }
.imc__con{position: relative;}
.imc__con::after{
  display: block;
  content:"";
  clear: both;
}
.imc__con > img{width: auto; margin: calc(120 * var(--vw)) auto calc(60 * var(--vw));}
.imc__con.kv > img{margin: 0;}
.jsDetailInfoToggle {position: relative; width:calc(470 * var(--vw));}
.jsDetailInfoToggle > .jsDetailInfoToggleBtn{display:flex; width: calc(65 * var(--vw));height: calc(20 * var(--vw)); position: absolute;top: calc(550 * var(--vw)); left: 0;}

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

.jsDetailInfoToggle > .jsBenefitTxt{display: block; width: 100%; height: 0; margin-top: calc(20 * var(--vw)); transition:0.3s; overflow: hidden;  }
.jsDetailInfoToggle > .jsBenefitTxt img{width: initial;}
.jsDetailInfoToggle.benefit01 > .jsBenefitTxt.on{height:calc(135 * var(--vw)) ;}
.jsDetailInfoToggle.benefit02 > .jsBenefitTxt.on{height:calc(346 * var(--vw)) ;}
.jsDetailInfoToggle.benefit03 > .jsBenefitTxt.on{height:calc(42 * var(--vw)) ;}

.jsDetailInfoToggle.benefit01 > .jsBenefitTxt img{width:calc(383 * var(--vw)) ;}
.jsDetailInfoToggle.benefit02 > .jsBenefitTxt img{width:calc(439 * var(--vw)) ;}
.jsDetailInfoToggle.benefit03 > .jsBenefitTxt img{width:calc(266 * var(--vw)) ;}


.cart_tab{display: flex;}
.cart_tab li{width: 50%;}
.cart_tab li a{display: block;padding: calc(12 * var(--vw)) 0;text-align: center;border-bottom: 6px solid #CBCBCB;font-size: calc(20 * var(--vw));font-weight: 700;color: #CBCBCB;line-height: 1;letter-spacing: -0.05em;}
.cart_tab li.on a, .cart_tab li:hover a{border-color: #151415;color: #151415;}/* 20240508 #17238 수정 */
.members_wrap .productList{max-width: none;min-height: calc(100vh - 64px);} /* 20240529 #17238 추가 */
.event_pd_con .productList .no_data{width: 100% !important;margin: 0;font-size: 20px;font-weight: 700;letter-spacing: -0.075em;text-align: center;margin: 50px 0 300px;}
.event_pd_con .productList .no_data .txt01{font-weight: 400;}
.event_pd_con .productList .no_data .txt02{font-size: 14px;font-weight: 400;margin-top: 10px;}

.search_wrap{padding: 30px 0;position: relative;}
/* 20231027 수정 :: S */
.srch_area.srch_area-mw{width: 38%;position: relative;margin: 0 auto;}
.srch_area.srch_area-mw .ip_text{width: 100%;height: 50px;padding: 13px 70px 14px 20px;box-sizing: border-box;background: #f5f5f5;border: none;border-radius: 12px;font-size: 20px;letter-spacing: -0.05em;color: #151415;font-family: 'ProximaNova', 'Noto Sans KR', Dotum, "돋움", sans-serif;}/* 20240508 #17238 수정 */
.srch_area.srch_area-mw .ip_text:hover{background: #dddddd;}
.srch_area.srch_area-mw .ip_text::placeholder{color: rgba(0,0,0,.6);}
.srch_area.srch_area-mw .btn_srh{width: 29px;height: 29px;background: url(https://image.nbkorea.com/NBRB_PC/event/mw2024_spring/ico_search.png) no-repeat;position: absolute;right: 20px;top: 50%;margin-top: -14px;}
/* 20231027 수정 :: E */


.listContent.filterOff .listLeft {
  margin-left: calc(-423 * var(--vw));
}

.membersWeek__sale .srch_area.srch_area-mw .btn_reset {
  display: none;
  position: absolute;
  right: -110px;
  top: 50%;
  transform: translateY(-50%);
  width: 95px;
  padding: 13px 0 13px 24px;
  border: 1px solid #DBDBDB;
  border-radius: 6px;
  margin-left: 10px;
  background: url(https://image.nbkorea.com/NBRB_PC/common/icon_reset.png) no-repeat;
  background-position: 14px 51%;
  background-size: 20%;
}

/* 랭킹 */
/* 20230927 추가 :: S */
.event_pd_con.ranking{/*width: 1200px;*/max-width: 1440px;margin: 0 auto;}
.ranking_logo{text-align: center;padding: 90px 0 52px;}
.fix_item.fixed .ranking_logo{padding: 40px 0 20px;}
.fix_item.fixed.line_active .ranking_logo{display: none;}
/* 20231005 수정 :: S */
.sub_nav{position: relative;padding: 0 205px;}
.sub_nav ul{padding: 30px 0;} /* 20231030 #9717 수정 */ /* 20231031 #9717 수정 */
.sub_nav ul li{position: relative;padding: 0 2.4%;line-height: 34px;width: auto;} /* 20231030 #9717 수정 */
.sub_nav ul li::before{content: '';display: block;width: 1px;height: 18px;background: #bbbbbb;position: absolute;left: 0;top: 50%;margin-top: -9px;}
.sub_nav ul li:first-child::before{display: none;}
.sub_nav ul li a {display: block;font-size: 20px;font-family: 'Noto Sans KR', sans-serif;color: #bbbbbb;letter-spacing: -0.05em;line-height: 50px;}
.sub_nav ul li.on a {color: #151415;font-weight: 700;}/* 20240508 #17238 수정 */
/* 20231005 수정 :: E */
/* 20230927 추가 :: E */
.ranking_sub_nav{width: 1200px;} /* 20231030 #9717 추가 */

/* 20240508 #17238 수정 :: S */
.tt_txt{text-align: left;font-size: 18px;border-bottom: 2px solid #151415;padding-bottom: 10px;color: #141414;letter-spacing: -0.1px;font-family: 'Noto Sans KR',sans-serif}
.tt_txt span{font-family: 'ProximaNova',sans-serif;font-size: 20px;font-weight: bold;color: #151415;}
.tt2_txt{color: #777;margin-bottom: 90px;text-align: left;padding-top: 10px;font-family: 'Noto Sans KR',sans-serif;border-top: 2px solid #0d0d0d;} /*20210517-1 수정 */
.productList.rank .pro_area{padding-top: 26px;}
.productList.rank .rank_label{width: 100%;height: 17px;font-family: 'ProximaNova';font-weight: 700;font-size: 16px;line-height: 17px;position: absolute;top: 2px;z-index: 9;}/*20210607 수정*/
.productList.rank .rank_label span{font-family: 'Noto Sans KR';font-weight: 400;font-size: 13px;}
.productList.rank .rank_label strong{color: #151415;font-weight: bold;margin-left: 3%;}
/* 20240508 #17238 수정 :: E */


/* 검색 팝업 */
.dimm_search{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.75;z-index: 49;}
.dimm_search.active{display: block;}
.search_layer{display: none;position: fixed;top: 106px;left: 0;width: 100%;background: #fff;z-index: 49;box-sizing: border-box;padding: 0 2.86%;min-width: 1200px;}
.search_layer.active{display: block;}
.search_layer .srch_area .ip_text{border: 1px solid #151415;}/* 20240508 #17238 수정 */
.search_layer .srch_area.typing.focus .btn_srh{display: none;}
.search_layer .srch_area .btn_srh_del{display: none;width: 22px;height: 22px;background: url(https://image.nbkorea.com/NBRB_PC/event/mw2024_spring/ico_search_del.png) no-repeat;position: absolute;right: 20px;top: 50%;margin-top: -11px;animation: opacityDel .2s ease;}
.search_layer .srch_area.typing.focus .btn_srh_del{display: block;opacity: .3;}
.search_layer .srch_area.typing.focus .btn_srh_del:hover{opacity: 1;transition: .2s ease;}
.search_layer .search_wrap .seacrh_close{font-size: 18px;line-height: 1;position: absolute;right: 0;top: 50%;margin-top: -9px;}/* 20230925 수정*/

.search_result{width: 38%;margin: 0 auto;padding: 10px 0 40px;}
.search_result .search_inner{display: flex;gap: 0 24px;}
.search_result .search_con{width: calc(50% - 12px);}
.search_result .search_con .tit{font-size: 16px;letter-spacing: -0.05em;color: #9d9d9d;margin-bottom: 20px;}
.search_list{display: flex;flex-direction: column;}
.search_list li{position: relative;}
.search_list li a{display: block;font-size: 18px;padding: 10px 0;line-height: 1;color: #151415;}/* 20240508 #17238 수정 */
.search_list li::before{content: '';display: none;width: calc(100% + 18px);height: 100%;background: #f5f5f5;border-radius: 6px;position: absolute;left: -18px;top: 0;z-index: -1;animation: opacity .2s ease;}
.search_list li:hover::before{display: block;}
.search_con-rcm .search_list li{margin-left: 10px;}
.search_con-rcm .search_list li a{padding-left: 26px;position: relative;}
.search_con-rcm .search_list li a::before{content: '';display: block;width: 17px;height: 12px;background: url(https://image.nbkorea.com/NBRB_PC/event/mw2024_spring/ico_rcm.png) no-repeat;position: absolute;left: 0;top: 50%;margin-top: -6px;}
.search_con-rct .search_list li{display: flex;align-items: center;padding-right: 18px;}
.search_con-rct .search_list li a{flex: 1;}
.search_con-rct .search_list li .rct_close{width: 12px;height: 12px;background: url(https://image.nbkorea.com/NBRB_PC/event/mw2024_spring/ico_rct.png) no-repeat;opacity: 0.3;transition: .2s ease;}
.search_con-rct .search_list li .rct_close:hover{opacity: 1;}
.search_con-none{display: none;}

.mw_category .tit {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 34px;
  padding-bottom: 50px;
  padding-top: 20px;
  color: #151415;
}
.accordionList-size .ip_chk-boxBg:checked + label{background-color: #151415;border-color: #151415;color: #fff;}
.accordion .chk_ui_button + label{color: #151415;}
.accordion .chk_ui_button:checked + label{background-color: #151415;border-color: #151415;color: #fff;}
.flex_box{display: flex;flex-wrap: wrap;gap: 5px;}
.chk_ui_button{clip: rect(0,0,0,0)!important;height: 1px!important;margin: -1px!important;overflow: hidden!important;position: absolute!important;width: 1px!important;}
.chk_ui_button + label{display: block;padding: 10px;color: #000;font-size: 13px;line-height: 1;border: 1px solid #ddd;border-radius: 6px;box-sizing: border-box;cursor: pointer;}
.chk_ui_button:checked + label{background: #000;color: #fff;border-color: #000;}

.filter_price{margin-top: 40px;padding: 0;}
.filter_slider{height: 3px;background: #e5e5e5;padding-right: 0;box-shadow: none;padding: 0 6px;}
/* 20240508 #17238 수정 :: S */
.filter_slider .noUi-connect{background: #151415;}
.filter_slider .noUi-handle{top: -5px;width: 12px;height: 12px;border:none;background: #151415;right: -6px;}
.filter_price .price_range{font-size: 15px;margin-top: 0;margin-bottom: 24px;color: #151415;}

/* 상호이동 버튼 아이콘 (본행사 .ico--nb/.ico--nk 재활용, 인라인 SVG) */
.members__section--benefit .benefit__navBtn .ico--nb {
  flex: 0 0 auto;
  width: calc(32 * var(--vw));
  height: calc(16 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16' viewBox='0 0 32 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2212 5.64902L17.7067 2.96566L22.7382 2.63176L22.9133 2.30696L18.2612 1.97002L19.3498 0.00303555H27.9799C30.6328 0.00303555 32.5941 0.989565 31.8352 3.89148C31.6047 4.77177 30.5248 6.98463 27.3641 7.91045C28.0353 7.99545 29.7076 8.76342 29.4187 10.7608C28.908 14.3032 24.4981 15.9909 22.0436 15.9909L11.858 15.997L11.3531 13.945L16.691 13.5564L16.872 13.2316L11.0845 12.8644L10.46 10.436L18.6961 9.93512L18.8741 9.61336L4.08009 8.642L4.7893 7.36103L20.7157 6.28647L20.8937 5.96471L16.227 5.64902M22.8841 6.18023L24.3551 6.16809C25.3357 6.16202 26.3572 5.69759 26.7278 4.75052C27.0722 3.87327 26.6111 3.12654 25.9953 3.12958H24.571L22.8812 6.18023H22.8841ZM21.1914 9.23392L19.4199 12.4272H21.1068C21.8889 12.4272 23.2898 12.0205 23.7218 10.864C24.1216 9.78941 23.3861 9.23089 22.8754 9.23392H21.1914ZM8.34114 14.1666L7.31966 15.9909L0 16L0.709201 14.719L8.34114 14.1635V14.1666ZM8.85772 0L14.7415 0.00607095L15.1851 1.73933L8.14852 1.28097L8.85772 0ZM15.5236 3.11136L16.1657 5.64902L6.11431 4.96301L6.82351 3.68203L15.5236 3.11136ZM10.4016 10.436L9.12038 12.7338L2.03713 12.318L2.74633 11.037L10.4016 10.4329V10.436Z' fill='white'/%3E%3C/svg%3E") no-repeat center / contain;
}
.members__section--benefit .benefit__navBtn .ico--nk {
  flex: 0 0 auto;
  width: calc(47 * var(--vw));
  height: calc(24 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='24' viewBox='0 0 47 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1_514)'%3E%3Cpath d='M25.1314 11.0863C23.9999 12.7862 25.2908 14.162 25.2908 14.162C26.9481 15.7397 28.4886 14.1195 28.4886 14.1195L28.6905 11.0863C26.7463 9.2643 25.1314 11.0863 25.1314 11.0863Z' fill='white'/%3E%3Cpath d='M46.9057 4.32935C46.9057 4.32935 42.9004 2.58699 32.4197 1.90173L27.0757 0L26.8738 1.85923L21.6521 2.34263C21.6521 2.34263 20.6799 0.600266 18.9801 1.0093C18.1142 1.21647 17.6202 1.52457 17.3121 1.87517C16.494 2.05046 15.8619 2.55511 15.6335 3.21381L12.5525 3.92032L11.0544 3.07038L10.5392 4.12749L10.0452 3.90438L9.76361 4.36653L9.56706 4.68526L8.42497 4.97211L8.14343 2.09827L3.81408 2.58167L3.97344 3.69721L3.50066 3.75033L2.86853 3.8247L2.96414 4.45153L3.30412 6.73572L0 8.37716L3.39973 18.9801L5.0571 18.5817L5.11023 18.927L5.73174 18.8207L5.8008 18.8048L5.94422 19.83L10.1142 19.3041L9.99203 18.0876C9.99203 18.0876 11.0863 17.9283 12.7224 18.0345L13.3121 18.6401L13.7424 19.081L14.0717 18.757L14.842 19.4635L16.34 18.0452C16.34 18.0452 23.7875 19.0173 27.6282 20.1487C31.4741 21.2802 36.5312 23.1023 38.4754 23.9947L40.8659 18.4914C40.8659 18.4914 42.2417 18.008 42.6082 16.6693C42.9748 15.336 42.9748 14.8101 42.8101 13.7158L45.5617 12.4197C45.5617 12.4197 45.6042 11.3254 44.3453 10.1142L46.8951 4.32935H46.9057ZM14.0398 18.2098L7.88845 11.9363L8.69588 17.7211L5.90173 18.2098L3.83533 4.36653L6.62948 4.0425L7.5591 9.58831L10.5551 4.69057L13.9548 6.23107L10.6348 11.251L15.8141 16.4728L14.0345 18.2151L14.0398 18.2098ZM17.5246 14.162L16.919 6.51262L19.8353 6.39044L20.0372 13.9602L17.5299 14.162H17.5246ZM18.2311 5.13679C17.2377 5.13679 16.4303 4.53121 16.4303 3.7822C16.4303 3.0332 17.2377 2.42762 18.2311 2.42762C19.2244 2.42762 20.0319 3.0332 20.0319 3.7822C20.0319 4.53121 19.2244 5.13679 18.2311 5.13679ZM30.8367 17.8858L28.409 17.5246L28.4515 16.7968C28.4515 16.7968 25.2537 17.9283 23.3094 15.7822C21.3652 13.6361 21.8114 10.9641 23.4316 9.34927C25.0518 7.72908 27.5591 7.80876 28.7331 8.70119L29.0571 4.16999L32.255 5.0996L30.8367 17.8858ZM41.5193 12.0584C41.5193 12.0584 40.7118 10.9641 39.7769 10.4382C39.7769 10.4382 38.8473 9.91235 38.4436 10.5179C38.0398 11.1235 38.8048 11.8938 39.1288 12.1381C39.4529 12.3825 41.5989 14.0398 40.8287 15.7397C40.0584 17.4396 38.7623 18.0876 37.0252 17.5618C35.2829 17.0359 33.907 15.8194 33.3015 14.2417L34.9588 13.3493C34.9588 13.3493 36.0903 15.0491 37.3068 15.4157C37.3068 15.4157 37.9548 15.7769 38.4011 15.1341C38.8473 14.4861 38.077 13.9177 38.077 13.9177C38.077 13.9177 36.8659 12.8659 36.5418 12.3825C36.2178 11.8991 35.2457 11.0066 36.5843 9.06242C36.5843 9.06242 37.7583 7.48473 39.9841 8.41434C39.9841 8.41434 42.0451 9.26428 43.0598 11.0066L41.5246 12.0584H41.5193Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_514'%3E%3Crect width='46.9057' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center / contain;
}
/* ==========================================================================
   혜택 유의사항 레이어팝업 (NB2024-12727) - bf2026_common.css bf__notice-* 발췌 이식
   .bf 스코프가 자체 --vw 정의(페이지 --vw/--vw-400와 독립). dimm_pop/layer_pop 베이스는 전역(common/popup.css)
   ========================================================================== */
.bf { --vw: 0.625px; color: #151415; } /* 1920px 기준 */
@media screen and (min-width: 1200px) {
  .bf { --vw: 0.052083333vw; }
}
.layer_pop.bf__notice-pop {width: calc(1200 * var(--vw)); max-height: 90vh; padding: 0; box-sizing: border-box; background: #fff; border-radius: calc(16 * var(--vw)); overflow: hidden;}
.layer_pop.bf__notice-pop .pop_inner {position: relative; padding: calc(80 * var(--vw)) calc(80 * var(--vw)) calc(100 * var(--vw)); max-height: 90vh; overflow-y: auto; box-sizing: border-box;}
.bf__notice-pop-head {display: flex; flex-direction: column; gap: calc(20 * var(--vw)); margin-bottom: calc(50 * var(--vw));}
.bf__notice-pop-logo {display: inline-flex; width: calc(56 * var(--vw)); height: calc(56 * var(--vw));}
.bf__notice-pop-logo img {width: 100%; height: 100%; object-fit: contain;}
.bf__notice-pop-title {font-size: calc(40 * var(--vw)); font-weight: 800; line-height: 1; color: #151415; letter-spacing: -0.05em;}
.bf__notice-pop-close {position: absolute; top: calc(28 * var(--vw)); right: calc(28 * var(--vw)); width: calc(36 * var(--vw)); height: calc(36 * var(--vw)); background: #151415; border: 0; border-radius: 50%; cursor: pointer;}
.bf__notice-pop-close::before, .bf__notice-pop-close::after {content: ""; position: absolute; top: 50%; left: 50%; width: calc(14 * var(--vw)); height: calc(2 * var(--vw)); background: #fff; transform-origin: center;}
.bf__notice-pop-close::before {transform: translate(-50%, -50%) rotate(45deg);}
.bf__notice-pop-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.bf__notice-step {display: flex; flex-direction: column; gap: calc(8 * var(--vw)); margin-bottom: calc(40 * var(--vw));}
.bf__notice-step li {display: flex; align-items: flex-start; gap: calc(40 * var(--vw)); font-size: calc(22 * var(--vw)); line-height: calc(32 * var(--vw)); color: #151415;letter-spacing: -0.05em;}
.bf__notice-step li .en{font-size: calc(24 * var(--vw)); letter-spacing: 0;}
.bf__notice-step-num {flex: 0 0 calc(80 * var(--vw)); font-weight: 700; font-size: calc(24 * var(--vw));line-height: 1;}
.bf__notice-step-num em {font-style: italic; font-weight: 800;font-size: calc(34 * var(--vw));}
.bf__notice-step-desc {flex: 1;margin-top: calc(7 * var(--vw));}
.bf__notice-step-desc b {font-weight: 800;}
.bf__notice-promo {display: flex; align-items: stretch; overflow: hidden; margin-bottom: calc(30 * var(--vw));}
.bf__notice-promo-thumb {position: relative;width: calc(380 * var(--vw)); height: calc(252 * var(--vw));}
.bf__notice-promo-thumb img {width: 100%;}
.bf__notice-promo-copy {width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer;}
.bf__notice-promo-info {width: calc(620 * var(--vw));padding: 0 calc(28 * var(--vw)); background: #f5f5f7; display: flex; flex-direction: column; justify-content: center;}
.bf__notice-promo-label {font-size: calc(15 * var(--vw)); font-weight: 700; color: #151415; margin-bottom: calc(10 * var(--vw));}
.bf__notice-promo-input {display: flex; gap: calc(8 * var(--vw)); margin-bottom: calc(20 * var(--vw));}
.bf__notice-promo-input input {width: calc(385 * var(--vw)); height: calc(50 * var(--vw)); padding: 0 calc(14 * var(--vw)); border: 1px solid #e0e0e2; background: #fff; font-size: calc(22 * var(--vw)); font-weight: 700; color: #FA149E; box-sizing: border-box;}
.bf__notice-promo-input .bf__notice-promo-apply {flex: 0 0 calc(111 * var(--vw)); height: calc(50 * var(--vw)); background: #8a8a8e; color: #fff; font-size: calc(14 * var(--vw)); border: 0; cursor: default;}
.bf__notice-promo-bullets {font-size: calc(12 * var(--vw)); line-height: 1.6; color: #555;}
.bf__notice-promo-bullets li {position: relative; padding-left: calc(10 * var(--vw));}
.bf__notice-promo-bullets li::before {content: "·"; position: absolute; left: 0;}
.bf__notice-promo-caption {font-size: calc(18 * var(--vw)); line-height: 1.7; color: #555; margin-bottom: calc(32 * var(--vw));}
.bf__notice-promo-caption-copy {display: inline-flex;justify-content: center; align-items: center; width: calc(86 * var(--vw)); height: calc(26 * var(--vw)); background: #151415; color: #fff; font-size: calc(14 * var(--vw)); line-height: 1; font-weight: 700; border-radius: calc(4 * var(--vw));}
.bf__notice-divider {border: 0; border-top: 1px solid #e5e5e7; margin: 0 0 calc(28 * var(--vw));}
.bf__notice-summary {display: flex; gap: calc(85 * var(--vw)); font-size: calc(14 * var(--vw)); line-height: 1.7;}
.bf__notice-summary dt {flex: 0 0 calc(184 * var(--vw)); font-size: calc(20 * var(--vw)); letter-spacing: -0.05em; font-weight: 700; color: #151415;}
.bf__notice-summary dd {flex: 1;}
.bf__notice-summary li {position: relative; padding-left: calc(10 * var(--vw));font-size: calc(18 * var(--vw)); line-height: calc(26 * var(--vw)); color:#5C5B5C;}
.bf__notice-summary li + li {margin-top: calc(10 * var(--vw));}
.bf__notice-summary li::before {content: "-"; position: absolute; left: 0;}
.bf__notice-info {display: flex; margin-bottom: calc(20 * var(--vw)); font-size: calc(16 * var(--vw)); line-height: 1.7;}
.bf__notice-info dt {flex: 0 0 calc(192 * var(--vw)); font-size: calc(24 * var(--vw)); font-weight: 700; color: #151415;}
.bf__notice-info dd {flex: 1; color: #333;font-size: calc(24 * var(--vw));}
.bf__notice-info-list li {font-size: calc(24 * var(--vw)); margin-bottom: calc(6 * var(--vw)); letter-spacing: -0.05em;}
.bf__notice-info-list b {font-weight: 700;}
.bf__notice-toggle-wrap {display: flex; gap: calc(40 * var(--vw)); font-size: calc(14 * var(--vw));}
.bf__notice-toggle-wrap > dt {flex: 0 0 calc(140 * var(--vw)); font-size: calc(24 * var(--vw)); font-weight: 700; color: #151415;}
.bf__notice-toggle-wrap > dd {flex: 1;}
.bf__notice-toggle-list > li:first-child .bf__notice-toggle-btn {padding-top: calc(5 * var(--vw));}
.bf__notice-toggle-btn {display: flex; gap: calc(10 * var(--vw)); align-items: center; width: 100%; padding: calc(20 * var(--vw)) 0; background: transparent; border: 0; font-size: calc(18 * var(--vw)); font-weight: 700; color: #151415; cursor: pointer;}
.bf__notice-toggle-ico {position: relative; width: calc(14 * var(--vw)); height: calc(14 * var(--vw));}
.bf__notice-toggle-ico::before, .bf__notice-toggle-ico::after {content: ""; position: absolute; top: 50%; left: 50%; background: #151415;}
.bf__notice-toggle-ico::before {width: calc(14 * var(--vw)); height: calc(1.5 * var(--vw)); transform: translate(-50%, -50%);}
.bf__notice-toggle-ico::after {width: calc(1.5 * var(--vw)); height: calc(14 * var(--vw)); transform: translate(-50%, -50%); transition: opacity 0.2s;}
.bf__notice-toggle-list > li.on .bf__notice-toggle-ico::after {opacity: 0;}
.bf__notice-toggle-cont {display: none; padding: 0 0 calc(20 * var(--vw)); font-size: calc(14 * var(--vw)); color: #737273;}
.bf__notice-toggle-cont li {position: relative; padding-left: calc(10 * var(--vw)); line-height: calc(24 * var(--vw)); }
.bf__notice-toggle-cont li::before {content: "-"; position: absolute; left: 0;}