@charset "utf-8";

/* NB2024-13618 :: S */
/* 빠른도착 뱃지 숨김 해제: 메인 상품·랭킹 전 구좌 노출 (스타일은 메가위크 202609 MO 패턴) */
/* .mwMain .text_icon_delibox {display: none !important;} */
.mwMain .text_icon_delibox { align-self: flex-start; padding-left: calc(24 * var(--vw-400)); background: url("https://image.nbkorea.com/NBRB_Mobile/common/icon_nb_dbox_22px.svg") no-repeat 0 center; background-size: calc(19 * var(--vw-400)) auto; font-size: calc(12 * var(--vw-400)); font-weight: 700; line-height: calc(14 * var(--vw-400)); letter-spacing: calc(-0.6 * var(--vw-400)); color: #cf0a2c; white-space: nowrap; }
/* NB2024-13618 :: E */

/*
 * 2026 멤버스윈터 본행사 성인 (MO) - NB2024-13304
 * 시안 400 기준 px 를 calc(N * var(--vw-400)) 로 환산. --vw-400 은 .imc(imc_common.css) 에서 정의.
 * 루트 .mwMain 으로 스코프 한정. 혜택 유의사항 팝업(.bf__notice-*)만 .imc 바깥이라 전역.
 */

/* NB2024-13304 :: S */
/* ===== 공통 ===== */
.mwMain { background: #fff; color: #151415; font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.05em; }
.mwMain img { display: block; max-width: 100%; }
.mwMain a { color: inherit; text-decoration: none; }
.mwMain button { padding: 0; background: none; border: 0; font-family: inherit; letter-spacing: inherit; color: inherit; cursor: pointer; }
.mwMain ul, .mwMain li { margin: 0; padding: 0; list-style: none; }
.mwMain h2, .mwMain p, .mwMain figure { margin: 0; }
.mwMain .font--en { font-family: "ProximaNova", sans-serif; letter-spacing: 0; }

.mwMain .mwSec { position: relative; display: flex; flex-direction: column; align-items: center; }
.mwMain .mwHead { display: flex; flex-direction: column; align-items: center; gap: calc(6 * var(--vw-400)); text-align: center; }
.mwMain .mwHead__eyebrow { font-weight: 700; font-size: calc(16 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); color: #a20703; }
.mwMain .mwHead__eyebrow .font--en { font-size: calc(18 * var(--vw-400)); }
.mwMain .mwHead__eyebrow--en { font-family: "ProximaNova", sans-serif; font-size: calc(18 * var(--vw-400)); letter-spacing: 0; }
.mwMain .mwHead__title { font-weight: 900; font-size: calc(26 * var(--vw-400)); line-height: 1.4; }
.mwMain .mwHead__desc { font-weight: 400; font-size: calc(16 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); }
.mwMain .mwHead__desc .font--en { font-size: calc(17 * var(--vw-400)); letter-spacing: -0.05em; }
.mwMain .mwHead__desc .en18 { font-family: "ProximaNova", sans-serif; font-size: calc(18 * var(--vw-400)); letter-spacing: 0; }

.mwMain .mwBtn { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: calc(40 * var(--vw-400)); padding: 0 calc(14 * var(--vw-400)); border-radius: calc(5 * var(--vw-400)); background: #151415; font-weight: 400; font-size: calc(14 * var(--vw-400)); line-height: normal; color: #fff; }
.mwMain .mwBtn--dark { width: calc(120 * var(--vw-400)); }
.mwMain .mwBtn--red { width: calc(107 * var(--vw-400)); background: #a20703; }
.mwMain .mwBtn--wide { width: calc(310 * var(--vw-400)); height: calc(48 * var(--vw-400)); gap: calc(6 * var(--vw-400)); font-size: calc(16 * var(--vw-400)); }
.mwMain .mwBtn--wide b { font-weight: 700; }

/* 가로 스와이프 하단 인디케이터(Swiper scrollbar) */
.mwMain .mwScrollbar.swiper-scrollbar { position: relative; left: auto; bottom: auto; width: calc(368 * var(--vw-400)); height: calc(2 * var(--vw-400)); margin: 0 auto; border-radius: 0; background: #e3e5e6; }
.mwMain .mwScrollbar .swiper-scrollbar-drag { height: 100%; border-radius: 0; background: #151415; }
.mwMain .mwScrollbar--grey .swiper-scrollbar-drag { background: #373b32; }

/* ===== 01. KV + 스티키탭 ===== (헤더 55px 고정이라 탭 top/높이는 vw 환산 없이 고정 px) */
.mwMain .mwKv img { width: 100%; height: auto; }
.mwMain .mwKv video { width: 100%; aspect-ratio: 400 / 266; object-fit: cover; }
.mwMain .mwTab { position: sticky; top: 55px; z-index: 11; display: flex; background: #e8e8e8; }
.mwMain .mwTab__item { display: flex; flex: 1 0 0; align-items: center; justify-content: center; box-sizing: border-box; height: calc(45 * var(--vw-400)); border-bottom: calc(2 * var(--vw-400)) solid transparent; background: #e8e8e8; font-weight: 700; font-size: calc(14 * var(--vw-400)); line-height: 1.3; letter-spacing: -0.05em; color: #737273; white-space: nowrap; }
/* NB2024-13616 :: S */
/* 라벨을 span 으로 묶으면 & 글꼴 높이만큼 줄 박스가 커져 라벨 전체가 다른 탭보다 올라감 → & 줄 높이 0 */
/* .mwMain .mwTab__item .font--en { font-size: calc(15 * var(--vw-400)); } */
.mwMain .mwTab__item .font--en { font-size: calc(15 * var(--vw-400)); line-height: 0; }
/* NB2024-13616 :: E */
.mwMain .mwTab__item.on { border-bottom-color: #a20703; background: #fff; color: #a20703; }

/* ===== 01. 멤버스윈터 캘린더(주간 바 차트 + 기간) ===== */
.mwMain .mwSchedule { gap: calc(40 * var(--vw-400)); padding: calc(40 * var(--vw-400)) 0 calc(60 * var(--vw-400)); background: #f3f2ee; }
.mwMain .mwSchedule__chartWrap { display: flex; flex-direction: column; align-items: center; gap: calc(20 * var(--vw-400)); }
.mwMain .mwSchedule__title { font-weight: 900; font-size: calc(26 * var(--vw-400)); line-height: 1.4; }
/* 캘린더 차트·기간: 사전안내(mw_noti.css 캘린더 블록)와 동일하게 교체. 이전 규칙
.mwMain .mwChart { position: relative; box-sizing: content-box; width: calc(350 * var(--vw-400)); height: calc(274 * var(--vw-400)); border-left: calc(10 * var(--vw-400)) solid #fff; border-right: calc(10 * var(--vw-400)) solid #fff; border-radius: 1px; background: #fff; overflow: hidden; }
.mwMain .mwChart__legend { position: absolute; top: calc(20 * var(--vw-400)); left: calc(108 * var(--vw-400)); display: flex; align-items: center; gap: calc(10 * var(--vw-400)); white-space: nowrap; }
.mwMain .mwChart__legend li { display: flex; align-items: center; gap: calc(3 * var(--vw-400)); font-weight: 400; font-size: calc(11 * var(--vw-400)); line-height: calc(18 * var(--vw-400)); color: #000; }
.mwMain .mwChart__legend i { flex: none; width: calc(11 * var(--vw-400)); height: calc(11 * var(--vw-400)); border-radius: 50%; }
.mwMain .mwChart__legend .is-launch i { background: #a20703; }
.mwMain .mwChart__legend .is-raffle i { background: #cc6d42; }
.mwMain .mwChart__legend .is-pre i { width: calc(10 * var(--vw-400)); height: calc(10 * var(--vw-400)); background: #51100e; }
.mwMain .mwChart__legend .is-all i { background: #dbcbbd; }
.mwMain .mwChart__row { position: absolute; left: 0; display: flex; justify-content: center; gap: calc(18 * var(--vw-400)); width: calc(350 * var(--vw-400)); font-family: "ProximaNova", sans-serif; font-weight: 700; line-height: calc(28 * var(--vw-400)); letter-spacing: 0; text-align: center; color: #000; }
.mwMain .mwChart__row span { width: calc(34 * var(--vw-400)); }
.mwMain .mwChart__row--week { top: calc(55 * var(--vw-400)); font-size: calc(11 * var(--vw-400)); }
.mwMain .mwChart__row--week span { font-family: "Noto Sans KR", sans-serif; opacity: 0.7; }
.mwMain .mwChart__row--d1 { top: calc(85 * var(--vw-400)); font-size: calc(13 * var(--vw-400)); }
.mwMain .mwChart__row--d2 { top: calc(186 * var(--vw-400)); font-size: calc(13 * var(--vw-400)); }
.mwMain .mwChart__line { position: absolute; left: 0; width: calc(349 * var(--vw-400)); height: 0; border-top: 1px solid #000; }
.mwMain .mwChart__line--d1 { top: calc(84 * var(--vw-400)); }
.mwMain .mwChart__line--d2 { top: calc(185 * var(--vw-400)); }
.mwMain .mwChart__bar { position: absolute; height: calc(11 * var(--vw-400)); border-radius: calc(50 * var(--vw-400)); }
.mwMain .mwChart__bar--launch { top: calc(118 * var(--vw-400)); left: calc(4 * var(--vw-400)); width: calc(247 * var(--vw-400)); border-radius: calc(50 * var(--vw-400)) 0 0 calc(50 * var(--vw-400)); background: linear-gradient(90deg, #a20703 20.192%, #fff); }
.mwMain .mwChart__bar--raffle { top: calc(137 * var(--vw-400)); left: calc(156 * var(--vw-400)); width: calc(42 * var(--vw-400)); background: #cc6d42; }
.mwMain .mwChart__bar--pre { top: calc(156 * var(--vw-400)); left: calc(206 * var(--vw-400)); width: calc(140 * var(--vw-400)); border-radius: calc(50 * var(--vw-400)) 0 0 calc(50 * var(--vw-400)); background: linear-gradient(90deg, #51100e 20%, #fff); }
.mwMain .mwChart__bar--launch2 { top: calc(219 * var(--vw-400)); left: calc(4 * var(--vw-400)); width: calc(97 * var(--vw-400)); border-radius: 0 calc(50 * var(--vw-400)) calc(50 * var(--vw-400)) 0; background: linear-gradient(270deg, #a20703 20.192%, #fff); }
.mwMain .mwChart__bar--all { top: calc(238 * var(--vw-400)); left: calc(4 * var(--vw-400)); width: calc(342 * var(--vw-400)); background: #dbcbbd; }

.mwMain .mwSchedule__period { display: flex; flex-direction: column; align-items: center; gap: calc(20 * var(--vw-400)); width: calc(368 * var(--vw-400)); text-align: center; color: #151415; }
.mwMain .mwSchedule__group { display: flex; flex-direction: column; align-items: center; }
.mwMain .mwSchedule__group--sale { gap: calc(10 * var(--vw-400)); }
.mwMain .mwSchedule__sub { display: flex; flex-direction: column; align-items: center; }
.mwMain .mwSchedule__label { font-weight: 400; font-size: calc(18 * var(--vw-400)); line-height: calc(28 * var(--vw-400)); }
.mwMain .mwSchedule__label .font--en { font-size: calc(20 * var(--vw-400)); }
.mwMain .mwSchedule__label--strong { font-family: "ProximaNova", "Noto Sans KR", sans-serif; font-weight: 700; font-size: calc(20 * var(--vw-400)); letter-spacing: 0; }
.mwMain .mwSchedule__date { font-weight: 400; font-size: calc(20 * var(--vw-400)); line-height: calc(28 * var(--vw-400)); letter-spacing: -0.05em; }
.mwMain .mwSchedule__date .font--en { font-size: calc(20 * var(--vw-400)); }
.mwMain .mwSchedule__date .tilde { font-size: calc(18 * var(--vw-400)); }
*/
/* 캘린더 차트 (시안 350x274 박스, 좌우 10 여백 기준 절대좌표) */
.mwMain .schedule {
  width: calc(350 * var(--vw-400));
  height: calc(274 * var(--vw-400));
  margin: 0 auto;
  padding: 0 calc(10 * var(--vw-400));
  border-radius: 1px;
  background: #fff;
}
.mwMain .schedule__inner { position: relative; width: 100%; height: 100%; overflow: hidden; }
.mwMain .schedule__legend {
  position: absolute;
  top: calc(20 * var(--vw-400));
  right: 0;
  display: flex;
  gap: calc(10 * var(--vw-400));
}
.mwMain .schedule__legend li {
  display: flex;
  align-items: center;
  gap: calc(3 * var(--vw-400));
  font-size: calc(11 * var(--vw-400));
  line-height: calc(18 * var(--vw-400));
  color: #000;
  white-space: nowrap;
}
.mwMain .schedule__legend li::before {
  content: "";
  width: calc(11 * var(--vw-400));
  height: calc(11 * var(--vw-400));
  border-radius: 50%;
}
.mwMain .schedule__legend .legend--launch::before { background: #A20703; }
.mwMain .schedule__legend .legend--raffle::before { background: #CC6D42; }
.mwMain .schedule__legend .legend--pre::before { background: #51100E; }
.mwMain .schedule__legend .legend--all::before { background: #DBCBBD; }
.mwMain .schedule__week,
.mwMain .schedule__date {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: calc(18 * var(--vw-400));
  font-family: "ProximaNova", sans-serif;
  font-weight: 700;
  line-height: calc(28 * var(--vw-400));
  color: #000;
  white-space: nowrap;
}
.mwMain .schedule__week li,
.mwMain .schedule__date li { width: calc(34 * var(--vw-400)); text-align: center; }
.mwMain .schedule__week li:last-child,
.mwMain .schedule__date li:last-child { width: calc(30 * var(--vw-400)); }
.mwMain .schedule__week { top: calc(55 * var(--vw-400)); font-size: calc(11 * var(--vw-400)); }
.mwMain .schedule__week li { opacity: 0.7; }
.mwMain .schedule__date { font-size: calc(13 * var(--vw-400)); }
.mwMain .schedule__date--1 { top: calc(85 * var(--vw-400)); }
.mwMain .schedule__date--2 { top: calc(186 * var(--vw-400)); }
.mwMain .schedule__inner::before,
.mwMain .schedule__inner::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #D9D9D9;
}
.mwMain .schedule__inner::before { top: calc(84 * var(--vw-400)); }
.mwMain .schedule__inner::after { top: calc(185 * var(--vw-400)); }
.mwMain .schedule__bar { position: absolute; height: calc(11 * var(--vw-400)); }
.mwMain .bar--launch1 { top: calc(118 * var(--vw-400)); left: calc(4 * var(--vw-400)); width: calc(247 * var(--vw-400)); border-radius: calc(50 * var(--vw-400)) 0 0 calc(50 * var(--vw-400)); background: linear-gradient(to right, #A20703 20%, #fff); }
/* 래플 10/29(목) 칸: 열 간격 52 x 3 이동 */
/* NB2024-13562 :: S */
/* 시안은 그라데이션 없는 단색 + 양끝 라운드(PC .bar--raffle 과 동일) */
/* .mwMain .bar--raffle { top: calc(137 * var(--vw-400)); left: calc(160 * var(--vw-400)); width: calc(42 * var(--vw-400)); border-radius: 0 calc(50 * var(--vw-400)) calc(50 * var(--vw-400)) 0; background: linear-gradient(to right, #fff, #CC6D42 80%); } */
.mwMain .bar--raffle { top: calc(137 * var(--vw-400)); left: calc(160 * var(--vw-400)); width: calc(42 * var(--vw-400)); border-radius: calc(50 * var(--vw-400)); background: #CC6D42; }
/* NB2024-13562 :: E */
.mwMain .bar--pre { top: calc(156 * var(--vw-400)); left: calc(196 * var(--vw-400)); right: calc(4 * var(--vw-400)); border-radius: calc(50 * var(--vw-400)) 0 0 calc(50 * var(--vw-400)); background: linear-gradient(to right, #51100E 20%, #fff); }
.mwMain .bar--launch2 { top: calc(219 * var(--vw-400)); left: calc(4 * var(--vw-400)); width: calc(97 * var(--vw-400)); border-radius: 0 calc(50 * var(--vw-400)) calc(50 * var(--vw-400)) 0; background: linear-gradient(to left, #A20703 20%, #fff); }
.mwMain .bar--all { top: calc(238 * var(--vw-400)); left: calc(4 * var(--vw-400)); right: calc(4 * var(--vw-400)); border-radius: calc(50 * var(--vw-400)); background: #DBCBBD; }
/* 시안 119:24: 350 박스 + 좌우 흰 테두리 10(radius 1 → 바깥 11). 내부 350 확보로 10/26 잘림 해소 */
.mwMain .schedule { width: calc(368 * var(--vw-400)); padding: 0 calc(9 * var(--vw-400)); border-radius: calc(11 * var(--vw-400)); }
/* reset.css 의 li font-weight:normal 로 ul 의 700 이 상속되지 않음 */
.mwMain .schedule__week li,
.mwMain .schedule__date li { font-weight: 700; }
/* 내부 폭 350 기준 시안 좌표 206 */
.mwMain .bar--pre { left: calc(206 * var(--vw-400)); }

/* 캘린더 차트 - 키즈 (시안 57:1085) */
.mwMain .schedule--kids .schedule__legend { right: 50%; transform: translateX(50%); gap: calc(8 * var(--vw-400)); }
.mwMain .schedule--kids .schedule__legend li {gap:calc(1 * var(--vw-400));  letter-spacing: -0.04em;}
.mwMain .schedule__legend .legend--secret::before { background: #CC6D42; }
.mwMain .schedule__legend .legend--live::before { background: #E59421; }
.mwMain .bar--secret { top: calc(137 * var(--vw-400)); left: calc(4 * var(--vw-400)); width: calc(42 * var(--vw-400)); border-radius: 0 calc(50 * var(--vw-400)) calc(50 * var(--vw-400)) 0; background: linear-gradient(to right, #fff, #CC6D42 80%); }
.mwMain .bar--live { top: calc(137 * var(--vw-400)); left: calc(104 * var(--vw-400)); width: calc(42 * var(--vw-400)); border-radius: 0 calc(50 * var(--vw-400)) calc(50 * var(--vw-400)) 0; background: linear-gradient(to right, #fff, #E59421 80%); }
.mwMain .schedule--kids .bar--pre { left: calc(206 * var(--vw-400)); right: auto; width: calc(140 * var(--vw-400)); }
/* 시안 350 박스 + 좌우 흰 테두리 10(radius 1 → 바깥 11). 내부 350 확보로 10/26 잘림 해소 */
.mwMain .schedule--kids { width: calc(368 * var(--vw-400)); padding: 0 calc(9 * var(--vw-400)); border-radius: calc(11 * var(--vw-400)); }
/* reset.css 의 li font-weight:normal 로 ul 의 700 이 상속되지 않음 */
.mwMain .schedule--kids .schedule__week li,
.mwMain .schedule--kids .schedule__date li { font-weight: 700; }

.mwMain .intro__period { margin: calc(40 * var(--vw-400)) 0; }
.mwMain .intro__period dl + dl { margin-top: calc(20 * var(--vw-400)); }
.mwMain .intro__period dt,
.mwMain .intro__period dd {
  font-size: calc(18 * var(--vw-400));
  line-height: calc(28 * var(--vw-400));
  letter-spacing: -0.05em;
  color: #151415;
}
.mwMain .intro__period dt { font-size: calc(20 * var(--vw-400)); font-weight: 700; }
.mwMain .intro__period .dd--gap { margin-top: calc(10 * var(--vw-400)); }
.mwMain .intro__period .en { font-size: calc(20 * var(--vw-400)); }
/* 본행사 문맥 보정: 사전안내는 섹션 간격·가운데 정렬·영문 폰트(.members--noti .en)를 부모에서 받는다. 본행사는 .mwSchedule gap 40 이 간격을 맡는다 */
.mwMain .mwSchedule .intro__period { margin: 0; text-align: center; }
.mwMain .intro__period .en { font-family: "ProximaNova", sans-serif; letter-spacing: 0; }

/* ===== 02. 쿠폰 & 결제 혜택 ===== */
.mwMain .mwBenefit { gap: calc(40 * var(--vw-400)); padding: calc(60 * var(--vw-400)) 0 calc(70 * var(--vw-400)); background: #fff; }
.mwMain .mwBenefit__list { display: flex; flex-direction: column; gap: calc(16 * var(--vw-400)); width: calc(368 * var(--vw-400)); }
.mwMain .mwBenefit__card { display: flex; flex-direction: column; align-items: center; }
.mwMain .mwBenefit__card--coupon { gap: calc(24 * var(--vw-400)); padding-bottom: calc(40 * var(--vw-400)); }
.mwMain .mwBenefit__content { display: flex; align-items: center; gap: calc(14 * var(--vw-400)); width: 100%; background: #f5f5f5; overflow: hidden; }
.mwMain .mwBenefit__thumb { position: relative; flex: none; width: calc(163 * var(--vw-400)); height: calc(180 * var(--vw-400)); margin: 0; overflow: hidden; }
.mwMain .mwBenefit__thumb img { width: 100%; height: 100%; object-fit: cover; }
/* NB2024-13577 :: S */
/* 성인 혜택 카드 썸네일 이미지 → 영상, 이미지와 같은 채움 */
.mwMain .mwBenefit__thumb video { display: block; width: 100%; height: 100%; object-fit: cover; }
/* NB2024-13577 :: E */
.mwMain .mwBenefit__copy { position: absolute; top: calc(10 * var(--vw-400)); left: calc(10 * var(--vw-400)); display: inline-flex; align-items: center; justify-content: center; padding: calc(7 * var(--vw-400)) calc(6 * var(--vw-400)); border: 1px solid #444344; border-radius: calc(5 * var(--vw-400)); background: #151415; font-family: "ProximaNova", sans-serif; font-weight: 800; font-size: calc(11 * var(--vw-400)); line-height: 1.4; letter-spacing: 0; text-transform: capitalize; color: #fff; white-space: nowrap; }
.mwMain .mwBenefit__dim { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.7); }
.mwMain .mwBenefit__dimText { font-weight: 900; font-size: calc(17 * var(--vw-400)); line-height: normal; letter-spacing: -0.05em; color: #fff; text-align: center; }
.mwMain .mwBenefit__body { display: flex; flex-direction: column; align-items: flex-start; gap: calc(6 * var(--vw-400)); width: calc(179 * var(--vw-400)); }
.mwMain .mwBenefit__title { font-weight: 700; font-size: calc(18 * var(--vw-400)); line-height: calc(28 * var(--vw-400)); }
.mwMain .mwBenefit__desc { width: calc(175 * var(--vw-400)); font-weight: 400; font-size: calc(14 * var(--vw-400)); line-height: calc(22 * var(--vw-400)); letter-spacing: -0.05em; }
.mwMain .mwBenefit__desc .font--en { font-size: calc(15 * var(--vw-400)); }
.mwMain .mwBenefit__desc b { font-weight: 700; color: #a20703; }
.mwMain .mwBenefit__more { font-weight: 700; font-size: calc(12 * var(--vw-400)); line-height: calc(20 * var(--vw-400)); color: #8a8a8a; text-decoration: underline; text-underline-position: under; }
.mwMain .mwBenefit__couponBtn { display: inline-flex; align-items: center; justify-content: center; width: calc(120 * var(--vw-400)); height: calc(40 * var(--vw-400)); border-radius: calc(5 * var(--vw-400)); background: #151415; font-weight: 400; font-size: calc(14 * var(--vw-400)); color: #fff; }
.mwMain .mwBenefit__couponBtn.is-disabled { color: #a1a1a1; pointer-events: none; }

/* ===== 03. 오늘의 상품 ===== */
.mwMain .mwToday { gap: calc(40 * var(--vw-400)); padding: calc(60 * var(--vw-400)) 0; background: #f3f2ee; }
.mwMain .mwToday__top { display: flex; flex-direction: column; align-items: center; gap: calc(30 * var(--vw-400)); }
.mwMain .mwPills { display: flex; justify-content: center; gap: calc(8 * var(--vw-400)); width: calc(368 * var(--vw-400)); }
.mwMain .mwPills__item { display: flex; align-items: center; justify-content: center; gap: calc(4 * var(--vw-400)); box-sizing: border-box; height: calc(32 * var(--vw-400)); padding: 0 calc(15 * var(--vw-400)); border-radius: calc(20 * var(--vw-400)); background: #a1a1a1; font-family: "ProximaNova", "Noto Sans KR", sans-serif; font-weight: 700; font-size: calc(15 * var(--vw-400)); line-height: calc(22 * var(--vw-400)); letter-spacing: -0.05em; color: #fff; white-space: nowrap; }
.mwMain .mwPills__item.on { background: #151415; }
.mwMain .mwPills--scroll { position: relative; justify-content: flex-start; box-sizing: border-box; width: calc(400 * var(--vw-400)); padding: 0 calc(16 * var(--vw-400)); overflow-x: auto; scrollbar-width: none; }
.mwMain .mwPills--scroll::-webkit-scrollbar { display: none; }
.mwMain .mwPills--scroll .mwPills__item { flex: none; }
/* NB2024-13304 :: S */
/* 성인·키즈 공통: 탭이 화면 안에 다 들어가면 가운데 정렬, 넘치면 기존처럼 왼쪽부터 스크롤(margin auto 는 넘칠 때 0) */
.mwMain .mwPills--scroll .mwPills__item:first-child { margin-left: auto; }
.mwMain .mwPills--scroll .mwPills__item:last-child { margin-right: auto; }
/* NB2024-13304 :: E */
.mwMain .mwPills--kr .mwPills__item { font-family: "Noto Sans KR", sans-serif; font-size: calc(13 * var(--vw-400)); }
.mwMain .mwPills__item .kr { font-family: "Noto Sans KR", sans-serif; font-size: calc(13 * var(--vw-400)); }
/* 탭 제목(컬렉션 Title)이 길어 넘치면 가운데 정렬 대신 왼쪽부터 가로 스크롤. 들어가면 auto margin 으로 가운데 유지 */
.mwMain .mwPills--fit { justify-content: flex-start; box-sizing: border-box; width: calc(400 * var(--vw-400)); padding: 0 calc(16 * var(--vw-400)); overflow-x: auto; scrollbar-width: none; }
.mwMain .mwPills--fit::-webkit-scrollbar { display: none; }
.mwMain .mwPills--fit .mwPills__item { flex: none; }
.mwMain .mwPills--fit .mwPills__item:first-child { margin-left: auto; }
.mwMain .mwPills--fit .mwPills__item:last-child { margin-right: auto; }
.mwMain .mwToday__body { display: flex; flex-direction: column; align-items: center; gap: calc(30 * var(--vw-400)); }
.mwMain .mwToday__card { position: relative; display: block; width: calc(368 * var(--vw-400)); height: calc(342 * var(--vw-400)); border-radius: calc(5 * var(--vw-400)); background: #151415; overflow: hidden; }
.mwMain .mwToday__cardImg { position: absolute; top: calc(14 * var(--vw-400)); left: calc(14 * var(--vw-400)); width: calc(340 * var(--vw-400)); height: calc(260 * var(--vw-400)); border-radius: calc(5 * var(--vw-400)); background: #fff; overflow: hidden; }
.mwMain .mwToday__cardImg img { width: 100%; height: 100%; object-fit: cover; }
.mwMain .mwToday__name { position: absolute; left: calc(15 * var(--vw-400)); top: calc(294 * var(--vw-400)); font-family: "ProximaNova", "Noto Sans KR", sans-serif; font-weight: 800; font-size: calc(18 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); letter-spacing: 0; color: #fff; white-space: nowrap; }
.mwMain .mwToday__date { position: absolute; right: calc(15 * var(--vw-400)); top: calc(294 * var(--vw-400)); font-family: "ProximaNova", sans-serif; font-weight: 700; font-size: calc(18 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); letter-spacing: 0; color: #abb0b4; white-space: nowrap; }
.mwMain .mwToday__date .kr { font-family: "Noto Sans KR", sans-serif; font-size: calc(16 * var(--vw-400)); letter-spacing: -0.05em; }
.mwMain .mwToday__prod { width: calc(400 * var(--vw-400)); }

/* 상품 가로 스와이프(오늘의 상품·세일 프리뷰 공용) */
.mwMain .mwProdSwiper { width: 100%; overflow: hidden; }
.mwMain .mwProdSwiper .swiper-slide { width: calc(114 * var(--vw-400)); height: auto; }
/* NB2024-13616 :: S */
/* swiper.css 의 display:-webkit-box 가 남아 justify-content 가 무시되어 상품이 왼쪽에 붙음 → flex 지정 */
/* .mwMain .mwProdSwiper.is-center .swiper-wrapper { justify-content: center; transform: none !important; } */
.mwMain .mwProdSwiper.is-center .swiper-wrapper { display: flex; justify-content: center; transform: none !important; }
/* NB2024-13616 :: E */
.mwMain .mwProdSwiper.is-center .swiper-slide:last-child { margin-right: 0 !important; }
.mwMain .mwProd a { display: flex; flex-direction: column; gap: calc(14 * var(--vw-400)); }
.mwMain .mwProd__img { position: relative; width: calc(114 * var(--vw-400)); height: calc(114 * var(--vw-400)); background: #e0e2e3; overflow: hidden; }
.mwMain .mwProd__img img { width: 100%; height: 100%; object-fit: cover; }
.mwMain .mwProd__state { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.7); font-weight: 900; font-size: calc(15 * var(--vw-400)); line-height: 1.3; letter-spacing: -0.05em; color: #fff; text-align: center; }
.mwMain .mwProd__info { display: flex; flex-direction: column; gap: calc(10 * var(--vw-400)); width: calc(106 * var(--vw-400)); }
.mwMain .mwProd__name, .mwMain .mwProd__nor, .mwMain .mwProd__sale { margin: calc(-4 * var(--vw-400)) 0; line-height: calc(18 * var(--vw-400)); }
.mwMain .mwProd__name { overflow: hidden; font-weight: 400; font-size: calc(12 * var(--vw-400)); letter-spacing: -0.05em; text-overflow: ellipsis; white-space: nowrap; }
.mwMain .mwProd__price { display: flex; flex-direction: column; gap: calc(8 * var(--vw-400)); font-family: "ProximaNova", sans-serif; font-weight: 700; font-size: calc(14 * var(--vw-400)); letter-spacing: 0; }
.mwMain .mwProd__price .won { font-family: "Noto Sans KR", sans-serif; font-weight: 400; font-size: calc(12 * var(--vw-400)); letter-spacing: -0.05em; }
.mwMain .mwProd__nor { font-family: "ProximaNova", sans-serif; font-weight: 400; font-size: calc(13 * var(--vw-400)); color: #a1a1a1; text-decoration: line-through; }
.mwMain .mwProd__nor .won { font-family: "Noto Sans KR", sans-serif; font-size: calc(12 * var(--vw-400)); letter-spacing: -0.05em; }
.mwMain .mwProd__sale { display: flex; align-items: center; gap: calc(6 * var(--vw-400)); }
.mwMain .mwProd__rate { color: #cf0a2c; }

/* ===== 03. 발매 캘린더 ===== */
.mwMain .mwCal { gap: calc(40 * var(--vw-400)); padding: calc(60 * var(--vw-400)) 0; background: #fff; }
.mwMain .mwCal__all { gap: calc(6 * var(--vw-400)); }
.mwMain .mwCal__allLogo { width: calc(32 * var(--vw-400)); height: calc(16 * var(--vw-400)); background: url("data:image/svg+xml,%3Csvg%20width='32'%20height='16'%20viewBox='0%200%2032%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%20%3Cpath%20d='M16.2212%205.64902L17.7067%202.96566L22.7382%202.63176L22.9133%202.30696L18.2612%201.97002L19.3498%200.00303555H27.9799C30.6328%200.00303555%2032.5941%200.989565%2031.8352%203.89148C31.6047%204.77177%2030.5248%206.98463%2027.3641%207.91045C28.0353%207.99545%2029.7076%208.76342%2029.4187%2010.7608C28.908%2014.3032%2024.4981%2015.9909%2022.0436%2015.9909L11.858%2015.997L11.3531%2013.945L16.691%2013.5564L16.872%2013.2316L11.0845%2012.8644L10.46%2010.436L18.6961%209.93512L18.8741%209.61336L4.08009%208.642L4.7893%207.36103L20.7157%206.28647L20.8937%205.96471L16.227%205.64902M22.8841%206.18023L24.3551%206.16809C25.3357%206.16202%2026.3572%205.69759%2026.7278%204.75052C27.0722%203.87327%2026.6111%203.12654%2025.9953%203.12958H24.571L22.8812%206.18023H22.8841ZM21.1914%209.23392L19.4199%2012.4272H21.1068C21.8889%2012.4272%2023.2898%2012.0205%2023.7218%2010.864C24.1216%209.78941%2023.3861%209.23089%2022.8754%209.23392H21.1914ZM8.34114%2014.1666L7.31966%2015.9909L0%2016L0.709201%2014.719L8.34114%2014.1635V14.1666ZM8.85772%200L14.7415%200.00607095L15.1851%201.73933L8.14852%201.28097L8.85772%200ZM15.5236%203.11136L16.1657%205.64902L6.11431%204.96301L6.82351%203.68203L15.5236%203.11136ZM10.4016%2010.436L9.12038%2012.7338L2.03713%2012.318L2.74633%2011.037L10.4016%2010.4329V10.436Z'%20fill-rule='evenodd'%20clip-rule='evenodd'%20fill='white'/%3E%20%3C/svg%3E") no-repeat center / contain; }
.mwMain .mwCal__swiper { width: 100%; overflow: hidden; }
.mwMain .mwCal__slide { display: flex; flex-direction: column; gap: calc(40 * var(--vw-400)); box-sizing: border-box; }
.mwMain .mwCal__day { display: flex; flex-direction: column; gap: calc(10 * var(--vw-400)); }
.mwMain .mwCal__date { padding: 0 calc(16 * var(--vw-400)); font-weight: 700; font-size: calc(16 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); }
.mwMain .mwCal__date .font--en { font-size: calc(18 * var(--vw-400)); }
.mwMain .mwCal__item { display: flex; align-items: center; gap: calc(16 * var(--vw-400)); padding: calc(16 * var(--vw-400)); background: #f5f5f5; }
.mwMain .mwCal__item + .mwCal__item { border-top: 0.5px solid #a1a1a1; }
.mwMain .mwCal__img { flex: none; width: calc(82 * var(--vw-400)); height: calc(82 * var(--vw-400)); background: #a1a1a1; }
.mwMain .mwCal__img img { width: 100%; height: 100%; object-fit: cover; }
.mwMain .mwCal__text { display: flex; flex: none; flex-direction: column; gap: calc(6 * var(--vw-400)); width: calc(203 * var(--vw-400)); }
.mwMain .mwCal__name { font-family: "ProximaNova", "Noto Sans KR", sans-serif; font-weight: 700; font-size: calc(16 * var(--vw-400)); line-height: calc(22 * var(--vw-400)); letter-spacing: 0; }
.mwMain .mwCal__name .kr { font-family: "Noto Sans KR", sans-serif; font-size: calc(15 * var(--vw-400)); letter-spacing: -0.05em; }
.mwMain .mwCal__desc { margin-top: calc(-4 * var(--vw-400)); font-weight: 400; font-size: calc(13 * var(--vw-400)); line-height: calc(20 * var(--vw-400)); letter-spacing: -0.05em; }
.mwMain .mwCal__desc .en { font-family: "ProximaNova", sans-serif; font-size: calc(15 * var(--vw-400)); letter-spacing: 0; }
.mwMain .mwCal__more { display: inline-flex; align-items: center; gap: calc(6 * var(--vw-400)); align-self: flex-start; font-weight: 400; font-size: calc(11 * var(--vw-400)); line-height: calc(13 * var(--vw-400)); color: #8a8a8a; }
.mwMain .mwCal__more::after { content: ""; width: calc(4 * var(--vw-400)); height: calc(8 * var(--vw-400)); background: url("data:image/svg+xml,%3Csvg%20width='4.65533'%20height='8.25'%20viewBox='0%200%204.65533%208.25'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%20%3Cpath%20d='M0.375%200.375L4.125%204.125L0.375%207.875'%20stroke-width='0.75'%20stroke-linecap='round'%20stroke='%238A8A8A'/%3E%20%3C/svg%3E") no-repeat center / contain; }
.mwMain .mwCal__action { position: relative; display: flex; flex: none; align-items: center; justify-content: center; align-self: stretch; width: calc(51 * var(--vw-400)); }
.mwMain .mwCal__action::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(-16 * var(--vw-400)); border-left: 0.5px solid #a1a1a1; }
.mwMain .mwCal__alarm, .mwMain .mwCal__buy { display: flex; flex-direction: column; align-items: center; gap: calc(8 * var(--vw-400)); font-weight: 400; font-size: calc(12 * var(--vw-400)); line-height: calc(22 * var(--vw-400)); color: #151415; white-space: nowrap; }
.mwMain .mwCal__alarm { color: #373b32; }
.mwMain .mwCal__buy::before { content: ""; width: calc(9 * var(--vw-400)); height: calc(18 * var(--vw-400)); background: url("data:image/svg+xml,%3Csvg%20width='10.8107'%20height='19.5'%20viewBox='0%200%2010.8107%2019.5'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%20%3Cpath%20d='M0.75%200.75L9.75%209.75L0.75%2018.75'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke='%23373B32'/%3E%20%3C/svg%3E") no-repeat center / contain; }
.mwMain .mwCal__alarm .txt--on { display: none; }
.mwMain .mwCal__alarm.on .txt--off { display: none; }
.mwMain .mwCal__alarm.on .txt--on { display: inline; color: #151415; }
.mwMain .mwToggle { position: relative; display: block; width: calc(37 * var(--vw-400)); height: calc(20 * var(--vw-400)); border-radius: calc(32 * var(--vw-400)); background: #a20703; }
.mwMain .mwToggle::after { content: ""; position: absolute; top: calc(2 * var(--vw-400)); left: calc(2 * var(--vw-400)); width: calc(16 * var(--vw-400)); height: calc(16 * var(--vw-400)); background: url("data:image/svg+xml,%3Csvg%20width='15.7143'%20height='15.7143'%20viewBox='0%200%2015.7143%2015.7143'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%20%3Cg%3E%20%3Ccircle%20cx='7.85714'%20cy='7.85714'%20r='7.85714'%20fill='white'/%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat center / contain; transition: left 0.2s; }
.mwMain .mwCal__alarm.on .mwToggle { background: #151415; }
.mwMain .mwCal__alarm.on .mwToggle::after { left: calc(19 * var(--vw-400)); }

/* ===== 04. VIP 래플 ===== */
.mwMain .mwRaffle { gap: calc(30 * var(--vw-400)); padding: calc(60 * var(--vw-400)) 0 calc(43 * var(--vw-400)); background: #f3f2ee; }
.mwMain .mwRaffle__vip { font-family: "ProximaNova", "Noto Sans KR", sans-serif; font-weight: 800; font-size: calc(30 * var(--vw-400)); line-height: 1.3; letter-spacing: 0; }
.mwMain .mwRaffle__card { display: flex; flex-direction: column; align-items: center; width: calc(368 * var(--vw-400)); }
/* NB2024-13591 :: S */
/* 시안 카드(368) 안 이미지(340) 여백 14 중 상단만 빠져 타이틀↔이미지 간격이 좁던 것 보정 */
.mwMain .mwRaffle__card { padding-top: calc(14 * var(--vw-400)); }
/* NB2024-13591 :: E */
.mwMain .mwRaffle__img { position: relative; width: calc(340 * var(--vw-400)); height: calc(260 * var(--vw-400)); border-radius: calc(5 * var(--vw-400)); overflow: hidden; }
.mwMain .mwRaffle__img img { width: 100%; height: 100%; object-fit: cover; }
.mwMain .mwRaffle__dim { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.7); font-weight: 900; font-size: calc(22 * var(--vw-400)); line-height: normal; color: #fff; }
.mwMain .mwRaffle__name { margin-top: calc(21 * var(--vw-400)); font-family: "ProximaNova", sans-serif; font-weight: 800; font-size: calc(22 * var(--vw-400)); line-height: 1.3; letter-spacing: 0; color: #17191a; }
.mwMain .mwRaffle__sch { display: flex; flex-direction: column; margin-top: calc(7 * var(--vw-400)); color: #17191a; text-align: center; }
.mwMain .mwRaffle__sch p { font-weight: 400; font-size: calc(16 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); }
.mwMain .mwRaffle__sch b { font-weight: 700; }
.mwMain .mwRaffle__sch .font--en { font-size: calc(18 * var(--vw-400)); }
.mwMain .mwRaffle__btns { display: flex; justify-content: center; gap: calc(6 * var(--vw-400)); margin-top: calc(21 * var(--vw-400)); }
.mwMain .mwRaffle__alarm { gap: calc(4 * var(--vw-400)); padding: 0; }
.mwMain .mwRaffle__alarmIco { width: calc(12 * var(--vw-400))!important; height: auto; }
.mwMain .mwRaffle__more { width: calc(120 * var(--vw-400)); }

/* ===== 05. 베스트 랭킹 ===== */
.mwMain .mwRank { gap: calc(40 * var(--vw-400)); padding: calc(60 * var(--vw-400)) 0 calc(30 * var(--vw-400)); background: #fff; }
.mwMain .mwRank__top { display: flex; flex-direction: column; align-items: center; gap: calc(30 * var(--vw-400)); }
.mwMain .mwRank__swiper { width: 100%; overflow: hidden; }
.mwMain .mwRank__page { display: grid; grid-template-columns: calc(180 * var(--vw-400)) calc(180 * var(--vw-400)); column-gap: calc(10 * var(--vw-400)); box-sizing: border-box; width: calc(400 * var(--vw-400)); padding: 0 calc(16 * var(--vw-400)); }
.mwMain .mwRank__item { box-sizing: border-box; padding: calc(20 * var(--vw-400)) 0; }
.mwMain .mwRank__item:nth-child(n+3) { border-top: 1px solid #e8e8e8; }
.mwMain .mwRank__item a { display: flex; flex-direction: column; gap: calc(20 * var(--vw-400)); }
.mwMain .mwRank__thumb { position: relative; width: calc(180 * var(--vw-400)); height: calc(180 * var(--vw-400)); background: #e0e2e3; }
.mwMain .mwRank__thumb img { width: 100%; height: 100%; object-fit: cover; }
.mwMain .mwRank__no { position: absolute; top: calc(10 * var(--vw-400)); left: calc(10 * var(--vw-400)); display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: calc(29 * var(--vw-400)); height: calc(29 * var(--vw-400)); border-radius: calc(5 * var(--vw-400)); background: #151415; font-family: "ProximaNova", sans-serif; font-weight: 800; font-style: italic; font-size: calc(18 * var(--vw-400)); line-height: 1; letter-spacing: 0; color: #fff; }
.mwMain .mwRank__no--wide { font-size: calc(15 * var(--vw-400)); letter-spacing: -0.03em; }
/* NB2024-13553 :: S */
/* 이탤릭 숫자는 잉크가 오른쪽으로 치우침(PC 실측 약 2px, 글자 크기 비율로 MO 약 1.5px). 우측 패딩으로 시각 중앙 정렬 */
.mwMain .mwRank__no { padding-right: calc(3 * var(--vw-400)); }
/* NB2024-13553 :: E */
.mwMain .mwRank__info { display: flex; flex-direction: column; gap: calc(15 * var(--vw-400)); }
.mwMain .mwRank__name { margin: calc(-4 * var(--vw-400)) 0; overflow: hidden; font-weight: 400; font-size: calc(14 * var(--vw-400)); line-height: calc(19 * var(--vw-400)); text-overflow: ellipsis; white-space: nowrap; }
.mwMain .mwRank__price { display: flex; align-items: center; gap: calc(6 * var(--vw-400)); margin: calc(-4 * var(--vw-400)) 0; font-family: "ProximaNova", sans-serif; font-weight: 700; font-size: calc(15 * var(--vw-400)); line-height: calc(19 * var(--vw-400)); letter-spacing: 0; }
.mwMain .mwRank__price .rate { color: #cf0a2c; }
.mwMain .mwRank__price .won { font-size: calc(13 * var(--vw-400)); letter-spacing: -0.05em; }

/* ===== 06. 세일 COMING SOON ===== */
.mwMain .mwSale { gap: calc(40 * var(--vw-400)); padding: calc(60 * var(--vw-400)) 0 0; background: #f3f2ee; }
.mwMain .mwSale__banner { width: calc(400 * var(--vw-400)); }
.mwMain .mwSale__banner img { width: 100%; height: auto; }
.mwMain .mwSale__period { display: flex; flex-direction: column; align-items: center; gap: calc(10 * var(--vw-400)); text-align: center; }
.mwMain .mwSale__periodGroup { display: flex; flex-direction: column; align-items: center; }
.mwMain .mwSale__periodTit { font-weight: 700; font-size: calc(18 * var(--vw-400)); line-height: calc(28 * var(--vw-400)); }
.mwMain .mwSale__periodTit .font--en { font-size: calc(20 * var(--vw-400)); }
.mwMain .mwSale__periodDate { font-weight: 400; font-size: calc(20 * var(--vw-400)); line-height: calc(28 * var(--vw-400)); }
.mwMain .mwSale__periodDate .tilde { font-size: calc(18 * var(--vw-400)); }
.mwMain .mwSale__alarm { display: flex; flex-direction: column; align-items: center; gap: calc(20 * var(--vw-400)); }
/* NB2024-13596 :: S */
/* ③ 선입장 전: 기간 문구↔알림 신청 버튼 섹션 gap 40 → 시안 36 */
.mwMain .mwSale__alarm--soon { margin-top: calc(-4 * var(--vw-400)); }
/* NB2024-13596 :: E */
.mwMain .mwSale__alarmIco { width: calc(17 * var(--vw-400))!important; height: calc(16 * var(--vw-400)); }
.mwMain .mwSale__note { font-weight: 400; font-size: calc(15 * var(--vw-400)); line-height: calc(22 * var(--vw-400)); letter-spacing: -0.05em; color: #737273; text-align: center; }

/* ===== 07. 세일 프리뷰 ===== */
/* NB2024-13633 :: S */
/* 세일 선입장 전 VER 세일 프리뷰 배경 변경(시안 1285:1186) → 배경 이미지 + 제목·설명·알림·타이머·정상가 흰색, 상품명·판매가는 검정 유지. 배경색은 이미지 로딩 전 대비 */
/* .mwMain .mwPrev { gap: calc(40 * var(--vw-400)); padding: calc(60 * var(--vw-400)) 0; background: #f3f2ee; } */
.mwMain .mwPrev { gap: calc(40 * var(--vw-400)); padding: calc(60 * var(--vw-400)) 0; background: #8c181c url("https://image.nbkorea.com/NBRB_Mobile/event/mw2026_winter/main/sale_bg.jpg") no-repeat center top / cover; }
.mwMain .mwPrev .mwHead__title,
.mwMain .mwPrev .mwHead__desc,
.mwMain .mwPrev .mwAlarm,
.mwMain .mwPrev .mwAlarm.on .txt--on,
.mwMain .mwPrev .mwPrev__timer,
.mwMain .mwPrev .mwProd__nor { color: #fff; }
/* 다음 구좌가 배경 이미지일 때 세일 구좌 하단 여백(시안 40, 원데이 특가 앞 13635 도 사용) */
.mwMain .mwSale--gap { padding-bottom: calc(40 * var(--vw-400)); }
/* NB2024-13633 :: E */
.mwMain .mwPrev__top { display: flex; flex-direction: column; align-items: center; gap: calc(30 * var(--vw-400)); }
/* NB2024-13558 :: S */
/* 바 타이틀 삭제 후 368 폭이 남아 토글이 날짜 탭 오른쪽 끝보다 바깥으로 나감 → 탭과 한 래퍼로 묶어 래퍼 폭(= 탭 줄 폭)을 따르게 함 */
/* .mwMain .mwPrev__bar { display: flex; align-items: center; justify-content: flex-end; gap: calc(10 * var(--vw-400)); width: calc(368 * var(--vw-400)); } */
.mwMain .mwPrev__bar { display: flex; align-items: center; justify-content: flex-end; gap: calc(10 * var(--vw-400)); }
.mwMain .mwPrev__tabWrap { display: flex; flex-direction: column; gap: calc(20 * var(--vw-400)); }
/* 날짜 탭 4개라 넘칠 일이 없어 스크롤 폭(400)을 풀어 래퍼가 탭 줄 폭으로 줄어들게 함 */
.mwMain .mwPrev__tabWrap .mwPills--scroll { width: auto; padding: 0; overflow: visible; }
/* 토글 → 상품 간격 시안 20(섹션 gap 40 상쇄) */
.mwMain .mwPrev__top + .mwPrev__top { margin-top: calc(-20 * var(--vw-400)); }
/* NB2024-13558 :: E */
.mwMain .mwPrev__title { font-weight: 900; font-size: calc(18 * var(--vw-400)); line-height: 1.4; letter-spacing: -0.05em; }
.mwMain .mwPrev__title .font--en { font-weight: 700; font-size: calc(20 * var(--vw-400)); }
.mwMain .mwPrev__timer { flex: none; }
.mwMain .mwPrev__prod { width: calc(400 * var(--vw-400)); }

/* ===== 08. 이벤트 ===== */
.mwMain .mwEvent { gap: calc(40 * var(--vw-400)); padding: calc(60 * var(--vw-400)) 0; background: #fff; }
.mwMain .mwEvent__swiper { width: 100%; overflow: hidden; }
.mwMain .mwEvent__swiper .swiper-slide { width: calc(240 * var(--vw-400)); }
.mwMain .mwEvent__card { display: flex; flex-direction: column; align-items: flex-start; gap: calc(14 * var(--vw-400)); }
.mwMain .mwEvent__img { width: calc(240 * var(--vw-400)); height: calc(240 * var(--vw-400)); }
.mwMain .mwEvent__img img { width: 100%; height: 100%; }
.mwMain .mwEvent__text { display: flex; flex-direction: column; gap: calc(4 * var(--vw-400)); }
.mwMain .mwEvent__tit { width: calc(220 * var(--vw-400)); font-weight: 700; font-size: calc(18 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); }
.mwMain .mwEvent__tit .font--en { font-size: calc(20 * var(--vw-400)); }
.mwMain .mwEvent__dsc { width: calc(239 * var(--vw-400)); margin-top: calc(6 * var(--vw-400)); font-weight: 400; font-size: calc(15 * var(--vw-400)); line-height: calc(22 * var(--vw-400)); letter-spacing: -0.05em; }
.mwMain .mwEvent__dsc .font--en { font-size: calc(16 * var(--vw-400)); }
/* NB2024-13566 :: S */
/* 문단 전체 700 이라 font--en span 밖의 「(월)」「~」 가 굵게 남음 → 기본 굵기 + 「참여 기간」만 b 로 굵게(PC 와 동일 구조) */
/* .mwMain .mwEvent__period { font-weight: 700; font-size: calc(13 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); color: #151415; white-space: nowrap; } */
.mwMain .mwEvent__period { font-weight: 400; font-size: calc(13 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); color: #151415; white-space: nowrap; }
.mwMain .mwEvent__period b { font-weight: 700; }
/* NB2024-13566 :: E */
.mwMain .mwEvent__period .font--en { font-weight: 400; font-size: calc(15 * var(--vw-400)); }
.mwMain .mwEvent__period .font--en.bar { font-weight: 700; }
.mwMain .mwEvent__link { font-weight: 400; font-size: calc(13 * var(--vw-400)); line-height: normal; color: #b9b9b9; text-decoration: underline; white-space: nowrap; }
/* NB2024-13593 :: S */
/* 성인 이벤트 카드 높이 시안 보정: 타이틀↔설명 간격 10 → 6(text gap 4 + 2), 「자세히 보기」 줄박스 normal(약 19) → 10 */
.mwMain:not(.mwMain--nk) .mwEvent__dsc { margin-top: calc(2 * var(--vw-400)); }
.mwMain:not(.mwMain--nk) .mwEvent__link { line-height: calc(10 * var(--vw-400)); }
/* NB2024-13593 :: E */
/* NB2024-13304 :: S */
.mwMain .mwEvent__kidsBtn { display: flex; align-items: center; justify-content: center; gap: calc(6 * var(--vw-400)); box-sizing: border-box; width: calc(310 * var(--vw-400)); height: calc(48 * var(--vw-400)); padding: 0 calc(20 * var(--vw-400)); border-radius: calc(5 * var(--vw-400)); background: #151415; font-weight: 400; font-size: calc(16 * var(--vw-400)); line-height: normal; letter-spacing: -0.05em; white-space: nowrap; color: #fff; }
.mwMain .mwEvent__kidsBtn img { flex: none; width: calc(46.9 * var(--vw-400)) !important; height: calc(24 * var(--vw-400)); }
.mwMain .mwEvent__kidsBtn b { font-weight: 700; }
/* NB2024-13304 :: E */

/* ===== 09. 하단 로고 ===== */
.mwMain .mwFooterLogo { position: relative; display: flex; align-items: center; justify-content: center; height: calc(180 * var(--vw-400)); background: #000; overflow: hidden; }
.mwMain .mwFooterLogo__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mwMain .mwFooterLogo__logo { position: relative; width: calc(260 * var(--vw-400))!important; height: auto; }

/* ===== 발매 알림 팝업(.imc 바깥, 고정 px) ===== */
#bfLaunchAlarmPopup .close img { width: 20px; }
#bfLaunchAlarmPopup .launching_alarm .alarm_input { justify-content: center; }
/* NB2024-13304 :: E */

/* NB2024-13304 :: S */
/* ===== 버전 2~4 (선입장 / 전체입장 / 라스트찬스) ===== */
.mwMain [hidden] { display: none !important; }
.mwMain .mwBtn.is-done { color: #a1a1a1; pointer-events: none; }
.mwMain .mwBtn.is-done .mwSale__alarmIco, .mwMain .mwBtn.is-done .mwRaffle__alarmIco { display: none !important; }
.mwMain .mwBtn .en17 { font-family: "ProximaNova", sans-serif; font-size: calc(17 * var(--vw-400)); letter-spacing: 0; }

/* 세일 영역(선입장 버튼 2개 / 전체입장·라스트찬스) */
.mwMain .mwSale__btns { display: flex; flex-direction: column; gap: calc(10 * var(--vw-400)); }
/* NB2024-13592 :: S */
/* 성인 라스트찬스: 시안 배너 400x208·버튼 아래 여백 0. 배너 에셋(800x532)은 높이 고정 후 가운데 크롭 */
/* .mwMain .mwSale--lc { padding-bottom: calc(60 * var(--vw-400)); } */
.mwMain:not(.mwMain--nk) .mwSale--lc .mwSale__banner img { height: calc(208 * var(--vw-400)); object-fit: cover; }
/* NB2024-13592 :: E */

/* 오늘의 상품(전체입장), 발매 캘린더(전체입장) */
.mwMain .mwToday--all { background: #fff; }
.mwMain .mwCal--all { background: #f3f2ee; }
.mwMain .mwCal--all .mwCal__item { background: #fff; }

/* 베스트 랭킹 목록형(전체입장·라스트찬스): 4행 x 3열 가로 스와이프 */
.mwMain .mwRank--list { padding-bottom: calc(60 * var(--vw-400)); }
.mwMain .mwRank--list .mwScrollbar { display: none; }
.mwMain .mwRank--list .mwRank__page { display: flex; flex-direction: column; width: calc(281 * var(--vw-400)); padding: 0; }
.mwMain .mwRank__row { box-sizing: border-box; padding: calc(10 * var(--vw-400)) 0; }
.mwMain .mwRank__row + .mwRank__row { border-top: 1px solid #e8e8e8; }
.mwMain .mwRank__row a { display: flex; align-items: center; gap: calc(20 * var(--vw-400)); }
.mwMain .mwRank__rno { flex: none; width: calc(30 * var(--vw-400)); font-family: "ProximaNova", sans-serif; font-weight: 800; font-style: italic; font-size: calc(20 * var(--vw-400)); line-height: calc(28 * var(--vw-400)); letter-spacing: 0; color: #373b32; }
.mwMain .mwRank__rthumb { flex: none; width: calc(80 * var(--vw-400)); height: calc(80 * var(--vw-400)); background: #e0e2e3; }
.mwMain .mwRank__rthumb img { width: 100%; height: 100%; object-fit: cover; }
.mwMain .mwRank__rinfo { display: flex; flex: 1 1 0; flex-direction: column; gap: calc(14 * var(--vw-400)); min-width: 0; }
.mwMain .mwRank__rname { overflow: hidden; font-weight: 400; font-size: calc(14 * var(--vw-400)); line-height: calc(19 * var(--vw-400)); letter-spacing: -0.05em; text-overflow: ellipsis; white-space: nowrap; color: #373b32; }
.mwMain .mwRank__rprice { display: flex; align-items: flex-end; gap: calc(6 * var(--vw-400)); font-family: "ProximaNova", sans-serif; font-weight: 700; font-size: calc(15 * var(--vw-400)); line-height: calc(19 * var(--vw-400)); letter-spacing: 0; color: #373b32; }
.mwMain .mwRank__rprice .rate { color: #cf0a2c; }
.mwMain .mwRank__rprice .won { font-family: "Noto Sans KR", sans-serif; font-size: calc(13 * var(--vw-400)); letter-spacing: -0.05em; }

/* 알림 버튼(세일 하위 구좌·타임 이벤트). BE API 부재로 동작 미연결, 신청 완료(.on) 스타일만 */
.mwMain .mwAlarm { display: inline-flex; align-items: center; gap: calc(4 * var(--vw-400)); font-weight: 400; font-size: calc(13 * var(--vw-400)); line-height: calc(22 * var(--vw-400)); letter-spacing: -0.05em; color: #151415; white-space: nowrap; }
.mwMain .mwAlarm .txt--on { display: none; }
.mwMain .mwAlarm.on .txt--off { display: none; }
.mwMain .mwAlarm.on .txt--on { display: inline; font-size: calc(12 * var(--vw-400)); color: #373b32; }
.mwMain .mwAlarm.on .mwToggle { background: #373b32; }
.mwMain .mwAlarm.on .mwToggle::after { left: calc(19 * var(--vw-400)); }

/* 세일 하위 구좌: 원데이 특가 / 타임어택 10시·17시 / 심야특가 */
.mwMain .mwDeal { background: #fff; }
.mwMain .mwDeal--oneday { padding: calc(60 * var(--vw-400)) 0; background: #f3f2ee; }
/* NB2024-13635 :: S */
/* 성인 전체입장 VER 원데이 특가 배경 변경(시안 1292:1121) → 배경 이미지 + 제목·설명·날짜 라벨·알림·타이머·정상가 흰색, 상품명·판매가는 검정 유지. 키즈 데일리딜이 같은 클래스를 써서 성인만 지정, 배경색은 이미지 로딩 전 대비 */
.mwMain:not(.mwMain--nk) .mwDeal--oneday { background: #8c181c url("https://image.nbkorea.com/NBRB_Mobile/event/mw2026_winter/main/sale_bg.jpg") no-repeat center top / cover; }
.mwMain:not(.mwMain--nk) .mwDeal--oneday .mwHead__title,
.mwMain:not(.mwMain--nk) .mwDeal--oneday .mwHead__desc,
.mwMain:not(.mwMain--nk) .mwDeal--oneday .mwDeal__label,
.mwMain:not(.mwMain--nk) .mwDeal--oneday .mwAlarm,
.mwMain:not(.mwMain--nk) .mwDeal--oneday .mwAlarm.on .txt--on,
.mwMain:not(.mwMain--nk) .mwDeal--oneday .mwDeal__timer,
.mwMain:not(.mwMain--nk) .mwDeal--oneday .mwProd__nor { color: #fff; }
/* NB2024-13635 :: E */
.mwMain .mwDeal--taAm { padding: calc(60 * var(--vw-400)) 0 calc(80 * var(--vw-400)); }
.mwMain .mwDeal--taPm { padding: 0 0 calc(80 * var(--vw-400)); }
.mwMain .mwDeal--night { padding: 0 0 calc(60 * var(--vw-400)); }
.mwMain .mwDeal__top { display: flex; flex-direction: column; align-items: center; gap: calc(30 * var(--vw-400)); }
.mwMain .mwDeal__titles { display: flex; flex-direction: column; align-items: center; gap: calc(6 * var(--vw-400)); text-align: center; }
.mwMain .mwDeal__body { display: flex; flex-direction: column; align-items: center; gap: calc(14 * var(--vw-400)); margin-top: calc(30 * var(--vw-400)); }
.mwMain .mwDeal--oneday .mwDeal__body { gap: calc(10 * var(--vw-400)); margin-top: calc(10 * var(--vw-400)); }
/* NB2024-13596 :: S */
/* ④ 성인 타임어택 10시: 날짜 탭↔카운트다운 행 30 → 시안 25(Δ4.8) */
.mwMain:not(.mwMain--nk) .mwDeal--taAm .mwDeal__body { margin-top: calc(25 * var(--vw-400)); }
/* NB2024-13596 :: E */
.mwMain .mwDeal__bar { display: flex; align-items: center; justify-content: flex-end; width: calc(368 * var(--vw-400)); min-height: calc(22 * var(--vw-400)); }
.mwMain .mwDeal--oneday .mwDeal__bar { justify-content: space-between; }
/* NB2024-13304 :: S */
/* 선입장 VER 세일 하위 구좌(시안 990:2502·990:2579·990:2761): 원데이 카드 목록 + 타임어택·심야 회차 알림 슬롯 */
.mwMain .mwPreDeal { gap: calc(40 * var(--vw-400)); background: #fff; }
.mwMain .mwPreDeal--oneday { gap: calc(30 * var(--vw-400)); padding: calc(60 * var(--vw-400)) 0; background: #f3f2ee; }
.mwMain .mwPreDeal--ta { padding: calc(60 * var(--vw-400)) 0; }
.mwMain .mwPreDeal--night { gap: calc(30 * var(--vw-400)); padding: 0 0 calc(90 * var(--vw-400)); }
.mwMain .mwPreDeal__list { display: flex; flex-direction: column; gap: calc(5 * var(--vw-400)); width: 100%; }
.mwMain .mwPreDeal__list .mwCal__item { background: #fff; }
.mwMain .mwPreDeal__list .mwCal__item + .mwCal__item { border-top: 0; }
.mwMain .mwPreDeal__img { background: linear-gradient(180deg, #f4f4f4 38.929%, #dfdfdf 100%); }
.mwMain .mwPreDeal__day { display: flex; flex-direction: column; gap: calc(5 * var(--vw-400)); width: calc(368 * var(--vw-400)); }
.mwMain .mwPreDeal__slot { display: flex; align-items: center; gap: calc(32 * var(--vw-400)); box-sizing: border-box; height: calc(64 * var(--vw-400)); padding: 0 calc(17 * var(--vw-400)) 0 calc(30 * var(--vw-400)); background: #f5f5f5; }
.mwMain .mwPreDeal__slot .mwCal__action { align-self: auto; height: calc(48 * var(--vw-400)); }
/* 알림 토글: 토글 20 + 간격 8 + 문구 칸 14 = 42 를 구분선 높이 안에서 세로 가운데(시안 1003:7124·1006:563), 신청 완료 #373b32 */
.mwMain .mwPreDeal .mwCal__alarm .txt--off,
.mwMain .mwPreDeal .mwCal__alarm .txt--on { display: flex; align-items: center; justify-content: center; height: calc(14 * var(--vw-400)); }
.mwMain .mwPreDeal .mwCal__alarm .txt--on,
.mwMain .mwPreDeal .mwCal__alarm.on .txt--off { display: none; }
.mwMain .mwPreDeal .mwCal__alarm.on .txt--on { display: flex; color: #373b32; }
.mwMain .mwPreDeal .mwCal__alarm.on .mwToggle { background: #373b32; }
.mwMain .mwPreDeal__time { display: flex; flex: 1; align-items: center; gap: calc(8 * var(--vw-400)); font-family: "ProximaNova", sans-serif; font-weight: 800; font-size: calc(18 * var(--vw-400)); line-height: calc(22 * var(--vw-400)); letter-spacing: 0; color: #151415; white-space: nowrap; }
.mwMain .mwPreDeal__time::before { content: ""; flex: none; width: calc(18 * var(--vw-400)); height: calc(18 * var(--vw-400)); background: url("data:image/svg+xml,%3Csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M16.3125%209C16.3125%207.0606%2015.5421%205.20064%2014.1707%203.82928C12.7994%202.45792%2010.9394%201.6875%209%201.6875C7.0606%201.6875%205.20064%202.45792%203.82928%203.82928C2.45792%205.20064%201.6875%207.0606%201.6875%209C1.6875%2010.9394%202.45792%2012.7994%203.82928%2014.1707C5.20064%2015.5421%207.0606%2016.3125%209%2016.3125C10.9394%2016.3125%2012.7994%2015.5421%2014.1707%2014.1707C15.5421%2012.7994%2016.3125%2010.9394%2016.3125%209ZM0%209C0%206.61305%200.948212%204.32387%202.63604%202.63604C4.32387%200.948212%206.61305%200%209%200C11.3869%200%2013.6761%200.948212%2015.364%202.63604C17.0518%204.32387%2018%206.61305%2018%209C18%2011.3869%2017.0518%2013.6761%2015.364%2015.364C13.6761%2017.0518%2011.3869%2018%209%2018C6.61305%2018%204.32387%2017.0518%202.63604%2015.364C0.948212%2013.6761%200%2011.3869%200%209ZM9.84375%204.21875V7.425L11.9074%206.04688C12.2941%205.78672%2012.818%205.89219%2013.0781%206.28242C13.3383%206.67266%2013.2328%207.19297%2012.8426%207.45312L9.46758%209.70312C9.20742%209.87539%208.87695%209.89297%208.60273%209.74531C8.32852%209.59766%208.15625%209.31289%208.15625%209V4.21875C8.15625%203.75117%208.53242%203.375%209%203.375C9.46758%203.375%209.84375%203.75117%209.84375%204.21875Z'%20fill='black'/%3E%3C/svg%3E") no-repeat center / 100% 100%; }
/* NB2024-13304 :: E */
.mwMain .mwDeal__label { font-weight: 700; font-size: calc(13 * var(--vw-400)); line-height: calc(22 * var(--vw-400)); letter-spacing: -0.08em; color: #000; }
.mwMain .mwDeal__label .font--en { font-size: calc(15 * var(--vw-400)); letter-spacing: 0; }
.mwMain .mwDeal__timer, .mwMain .mwPrev__timer { font-weight: 700; font-size: calc(13 * var(--vw-400)); line-height: calc(22 * var(--vw-400)); letter-spacing: -0.05em; color: #a20703; text-align: right; }
.mwMain .mwDeal__timer .font--en, .mwMain .mwPrev__timer .font--en { font-size: calc(15 * var(--vw-400)); }
.mwMain .mwDeal__prod { width: calc(400 * var(--vw-400)); }

/* 타임 이벤트 */
.mwMain .mwTe { gap: calc(30 * var(--vw-400)); padding: calc(60 * var(--vw-400)) 0 calc(80 * var(--vw-400)); background: #f3f2ee; }
.mwMain .mwTe__top { display: flex; flex-direction: column; align-items: center; gap: calc(30 * var(--vw-400)); }
/* NB2024-13581 :: S */
/* 예시 2줄 줄간격 26 → 시안 18, 굵은 안내 줄 아래 간격은 margin 으로 유지 */
/* .mwMain .mwTe__notice { font-weight: 400; font-size: calc(14 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); letter-spacing: -0.05em; text-align: center; color: #727272; }
.mwMain .mwTe__notice b { font-weight: 700; line-height: normal; } */
.mwMain .mwTe__notice { font-weight: 400; font-size: calc(14 * var(--vw-400)); line-height: calc(18 * var(--vw-400)); letter-spacing: -0.05em; text-align: center; color: #727272; }
.mwMain .mwTe__notice b { display: inline-block; margin-bottom: calc(9 * var(--vw-400)); font-weight: 700; line-height: calc(18 * var(--vw-400)); }
/* NB2024-13581 :: E */
.mwMain .mwTe__notice .font--en { font-size: calc(16 * var(--vw-400)); }
.mwMain .mwTe__day { display: flex; flex-direction: column; gap: calc(30 * var(--vw-400)); width: calc(368 * var(--vw-400)); }
.mwMain .mwTe__slot { display: flex; flex-direction: column; gap: calc(10 * var(--vw-400)); }
.mwMain .mwTe__slot--h0 { --te-bg: #151415; }
.mwMain .mwTe__slot--h17 { --te-bg: #a1a1a1; }
.mwMain .mwTe__bar { display: flex; align-items: center; justify-content: space-between; min-height: calc(22 * var(--vw-400)); }
.mwMain .mwTe__time { font-weight: 700; font-size: calc(13 * var(--vw-400)); line-height: calc(22 * var(--vw-400)); letter-spacing: -0.08em; color: #000; }
.mwMain .mwTe__time .font--en { font-size: calc(15 * var(--vw-400)); letter-spacing: 0; }
.mwMain .mwTe__right { display: flex; justify-content: flex-end; }
.mwMain .mwTe__list { display: flex; flex-direction: column; gap: calc(20 * var(--vw-400)); }
.mwMain .mwTe__coupon { display: flex; gap: calc(1 * var(--vw-400)); height: calc(80 * var(--vw-400)); }
.mwMain .mwTe__info { display: flex; flex: 1 1 0; flex-direction: column; justify-content: center; box-sizing: border-box; padding: 0 calc(22 * var(--vw-400)); border-radius: calc(5 * var(--vw-400)); background: var(--te-bg, #2d2c2d); color: #fff; }
.mwMain .mwTe__rate { font-weight: 700; font-size: calc(18 * var(--vw-400)); line-height: calc(28 * var(--vw-400)); letter-spacing: -0.05em; }
.mwMain .mwTe__rate .font--en { font-size: calc(20 * var(--vw-400)); }
.mwMain .mwTe__cond { font-weight: 400; font-size: calc(13 * var(--vw-400)); line-height: calc(22 * var(--vw-400)); letter-spacing: -0.05em; }
.mwMain .mwTe__cond .font--en { font-size: calc(14 * var(--vw-400)); }
.mwMain .mwTe__dl { position: relative; display: flex; flex: none; align-items: center; justify-content: center; width: calc(88 * var(--vw-400)); border-radius: calc(5 * var(--vw-400)); background: var(--te-bg, #2d2c2d); font-weight: 400; font-size: calc(12 * var(--vw-400)); line-height: calc(22 * var(--vw-400)); letter-spacing: -0.05em; color: #fff; }
.mwMain .mwTe__dl::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(-1 * var(--vw-400)); width: calc(1 * var(--vw-400)); background: repeating-linear-gradient(to bottom, var(--te-bg, #2d2c2d) 0, var(--te-bg, #2d2c2d) calc(2.8 * var(--vw-400)), transparent calc(2.8 * var(--vw-400)), transparent calc(5.6 * var(--vw-400))); }
.mwMain .mwTe__st { display: none; }
.mwMain .mwTe__slot.is-before .mwTe__st--before, .mwMain .mwTe__slot.is-after .mwTe__st--after { display: block; color: #a1a1a1; }
.mwMain .mwTe__slot--h17.is-before .mwTe__st--before, .mwMain .mwTe__slot--h17.is-after .mwTe__st--after { color: #d4d4d4; }
.mwMain .mwTe__slot.is-open .mwTe__st--open { display: flex; flex-direction: column; align-items: center; gap: calc(12 * var(--vw-400)); }
/* 쿠폰별 상태: 소진은 종료와 같은 글자, 발급 완료는 #a1a1a1 글자(등급쿠폰 다운 완료와 동일) */
.mwMain .mwTe__slot:not(.is-before) .mwTe__coupon.is-soldout .mwTe__st,
.mwMain .mwTe__slot:not(.is-before) .mwTe__coupon.is-issued .mwTe__st { display: none; }
.mwMain .mwTe__slot:not(.is-before) .mwTe__coupon.is-soldout .mwTe__st--after,
.mwMain .mwTe__slot:not(.is-before) .mwTe__coupon.is-issued .mwTe__st--done { display: block; color: #a1a1a1; }
.mwMain .mwTe__slot--h17:not(.is-before) .mwTe__coupon.is-soldout .mwTe__st--after,
.mwMain .mwTe__slot--h17:not(.is-before) .mwTe__coupon.is-issued .mwTe__st--done { color: #d4d4d4; }
.mwMain .mwTe__ico { width: calc(24 * var(--vw-400)); height: calc(23 * var(--vw-400)); background: url("data:image/svg+xml,%3Csvg%20width='26'%20height='25'%20viewBox='0%200%2025.92%2024.8357'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%20%3Cpath%20d='M24.96%2016.2371V17.7648C24.96%2019.9038%2024.96%2020.9733%2024.524%2021.7903C24.1405%2022.509%2023.5286%2023.0932%2022.776%2023.4594C21.9203%2023.8757%2020.8002%2023.8757%2018.56%2023.8757H7.36C5.11979%2023.8757%203.99969%2023.8757%203.14404%2023.4594C2.39139%2023.0932%201.77947%2022.509%201.39597%2021.7903C0.960001%2020.9733%200.960001%2019.9038%200.960001%2017.7648V16.2371M6.29333%209.87165L12.96%2016.2371L19.6267%209.87165M12.96%2016.2371V0.96'%20stroke-width='1.92'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke='white'/%3E%20%3C/svg%3E") no-repeat center / contain; }
.mwMain .mwTe__noticeBtn { align-self: center; font-weight: 700; font-size: calc(14 * var(--vw-400)); line-height: normal; letter-spacing: -0.05em; color: #727272; text-decoration: underline; text-decoration-thickness: 1.5px; }

/* 라스트찬스 추천상품(카테고리별 NB’s PICK / 할인율 별) */
.mwMain .mwRec { gap: calc(40 * var(--vw-400)); background: #fff; }
.mwMain .mwRec--pick { padding: calc(50 * var(--vw-400)) 0 calc(30 * var(--vw-400)); }
.mwMain .mwRec--discount { padding: calc(50 * var(--vw-400)) 0 calc(70 * var(--vw-400)); }
.mwMain .mwRec__top { display: flex; flex-direction: column; align-items: center; gap: calc(30 * var(--vw-400)); }
.mwMain .mwRec__title { font-weight: 900; font-size: calc(24 * var(--vw-400)); line-height: 1.4; letter-spacing: -0.05em; }
.mwMain .mwRec__title .en26 { font-family: "ProximaNova", sans-serif; font-weight: 800; font-size: calc(26 * var(--vw-400)); line-height: 1.3; letter-spacing: 0; }
.mwMain .mwPills--rec .mwPills__item { box-sizing: border-box; flex: none; padding-right: 0; padding-left: 0; font-size: calc(13 * var(--vw-400)); letter-spacing: -0.03em; }
.mwMain .mwRec--pick .mwPills__item { width: calc(67 * var(--vw-400)); font-family: "Noto Sans KR", sans-serif; font-weight: 900; }
.mwMain .mwRec--discount .mwPills__item { width: calc(83 * var(--vw-400)); }
.mwMain .mwRec__prod { width: calc(400 * var(--vw-400)); }
.mwMain .mwRec .mwProd__nor { color: #737273; }
.mwMain .mwRec .mwProd__rate { color: #fa149e; }
/* NB2024-13304 :: E */

/* NB2024-13304 :: S */
/* 혜택 유의사항 레이어팝업: 팝업이 .imc 바깥이라 sale.css 블록을 그대로 이식 */
/* ==========================================================================
   혜택 유의사항 레이어팝업 (NB2024-12727) - bf2026_common.css(MO) bf__notice-* 발췌 이식
   .bf 스코프가 자체 --vw-400 정의. layer_wrap 풀스크린이 자체 fixed 포지셔닝(전역 의존 없음)
   토글 오픈 클래스는 팝업 JS(.on)에 맞춤
   ========================================================================== */
.bf { --vw-400: 0.25vw; color: #151415; }
.layer_wrap.bf__notice-pop {position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding: 0; box-sizing: border-box; background: #fff; overflow-y: auto; z-index: 100;}
.layer_wrap.bf__notice-pop .pop_inner {position: relative; padding: calc(90 * var(--vw-400)) calc(16 * var(--vw-400)) calc(140 * var(--vw-400)); box-sizing: border-box;}
.layer_wrap.bf__notice-pop::after {content: ""; position: fixed; left: 0; right: 0; bottom: 0; height: calc(140 * var(--vw-400)); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, #fff 100%); pointer-events: none; z-index: 105;}
.bf__notice-pop-head {display: flex; flex-direction: column; gap: calc(16 * var(--vw-400)); margin-bottom: calc(40 * var(--vw-400));}
.bf__notice-pop-logo {display: inline-flex; width: calc(70 * var(--vw-400)); height: calc(70 * var(--vw-400));}
.bf__notice-pop-logo img {width: 100%; height: 100%; object-fit: contain;}
.bf__notice-pop-title {font-size: calc(28 * var(--vw-400)); font-weight: 900; line-height: calc(35 * var(--vw-400)); color: #151415; letter-spacing: -0.05em;}
.layer_wrap.bf__notice-pop .bf__notice-pop-close {position: fixed; bottom: calc(30 * var(--vw-400)); left: 50%; transform: translateX(-50%); width: calc(44 * var(--vw-400)); height: calc(44 * var(--vw-400)); background: #151415; border: 0; border-radius: 50%; cursor: pointer; z-index: 110;}
.bf__notice-pop-close::before, .bf__notice-pop-close::after {content: ""; position: absolute; top: 50%; left: 50%; width: calc(16 * var(--vw-400)); height: calc(2 * var(--vw-400)); 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(20 * var(--vw-400)); margin-bottom: calc(30 * var(--vw-400));}
.bf__notice-step li {display: flex; flex-direction: column; gap: calc(10 * var(--vw-400)); font-size: calc(16 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); letter-spacing: -0.05em; color: #000;}
.bf__notice-step-num {font-weight: 800; font-size: calc(26 * var(--vw-400)); line-height: normal; letter-spacing: 0;}
.bf__notice-step-num em {font-style: italic; font-weight: 800; font-size: calc(30 * var(--vw-400));}
.bf__notice-step-desc b {font-weight: 700; font-size: calc(18 * var(--vw-400)); letter-spacing: 0;}
.bf__notice-promo {display: flex; flex-direction: column; overflow: hidden; margin-bottom: calc(30 * var(--vw-400));}
.bf__notice-promo-thumb {position: relative; width: 100%; max-height: calc(368 * var(--vw-400));}
.bf__notice-promo-thumb img {width: 100%; object-fit: cover;}
.bf__notice-promo-copy {width: calc(110 * var(--vw-400)); height: calc(32 * var(--vw-400)); position: absolute; top: 56%; left: 50%; transform: translateX(-50%); cursor: pointer;}
.bf__notice-promo-info {padding: calc(24 * var(--vw-400)) calc(14 * var(--vw-400)); background: #FBFCFC; border: calc(1 * var(--vw-400)) solid #E3E5E6;}
.bf__notice-promo-label {font-size: calc(15 * var(--vw-400)); font-weight: 700; color: #000; letter-spacing: -0.05em; margin-bottom: calc(14 * var(--vw-400));}
.bf__notice-promo-input {display: flex; gap: calc(6 * var(--vw-400)); margin-bottom: calc(14 * var(--vw-400));}
.bf__notice-promo-input input {flex: 1; min-width: 0; height: calc(40 * var(--vw-400)); padding: 0 calc(10 * var(--vw-400)); border: 1px solid #e3e5e6; background: #fff; font-size: calc(15 * var(--vw-400)); font-weight: 700; color: #a20703; box-sizing: border-box;}
.bf__notice-promo-input .bf__notice-promo-apply {flex: 0 0 calc(84 * var(--vw-400)); height: calc(40 * var(--vw-400)); background: #737b82; color: #fff; font-size: calc(14 * var(--vw-400)); letter-spacing: -0.05em; border: 0; cursor: pointer;}
.bf__notice-promo-bullets {font-size: calc(12 * var(--vw-400)); line-height: calc(20 * var(--vw-400)); color: #737b82;}
.bf__notice-promo-bullets li {position: relative; padding-left: calc(18 * var(--vw-400)); letter-spacing: -0.05em;}
.bf__notice-promo-bullets li + li {margin-top: calc(10 * var(--vw-400));}
.bf__notice-promo-bullets li::before {content: "•"; position: absolute; left: calc(6 * var(--vw-400));}
.bf__notice-promo-caption {font-size: calc(16 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); letter-spacing: -0.05em; color: #5c5b5c; margin-bottom: calc(40 * var(--vw-400));}
.bf__notice-promo-caption-copy {display: inline-flex; align-items: center; height: calc(20 * var(--vw-400)); padding: 0 calc(4 * var(--vw-400)); vertical-align: middle; background: #000; color: #fff; font-size: calc(12 * var(--vw-400)); font-weight: 800; letter-spacing: 0; border-radius: calc(2 * var(--vw-400));}
.bf__notice-divider {border: 0; border-top: 1px solid #b9b9b9; margin: 0 0 calc(40 * var(--vw-400));}
.bf__notice-info + .bf__notice-divider {margin-top: calc(20 * var(--vw-400));}
.bf__notice-summary {font-size: calc(15 * var(--vw-400)); line-height: calc(22 * var(--vw-400)); letter-spacing: -0.05em; color: #5c5b5c;}
.bf__notice-summary dt {font-size: calc(18 * var(--vw-400)); line-height: calc(28 * var(--vw-400)); font-weight: 700; color: #000; margin-bottom: calc(20 * var(--vw-400));}
.bf__notice-summary--grade {font-size: calc(13 * var(--vw-400)); line-height: calc(21 * var(--vw-400)); color: #737273;}
.bf__notice-summary--grade dt {margin-bottom: calc(30 * var(--vw-400));}
.bf__notice-summary li {position: relative; padding-left: calc(10 * var(--vw-400));}
.bf__notice-summary li::before {content: "-"; position: absolute; left: 0;}
.bf__notice-pop .ko {font-family: 'Noto Sans KR', sans-serif;}
.bf__notice-info {margin-bottom: calc(20 * var(--vw-400)); font-size: calc(16 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); letter-spacing: -0.05em;}
.bf__notice-info dt {font-size: calc(20 * var(--vw-400)); line-height: normal; font-weight: 900; color: #000; margin-bottom: calc(10 * var(--vw-400));}
.bf__notice-info dd {color: #000;}
.bf__notice-pop-body > .bf__notice-info:first-child dd {font-size: calc(20 * var(--vw-400)); line-height: calc(28 * var(--vw-400));}
.bf__notice-info-list li {position: relative;}
.bf__notice-info-list b {font-weight: 700;}
.bf__notice-toggle-wrap {font-size: calc(14 * var(--vw-400));}
.bf__notice-toggle-wrap > dt {font-size: calc(18 * var(--vw-400)); line-height: calc(28 * var(--vw-400)); letter-spacing: -0.05em; font-weight: 700; color: #000; margin-bottom: calc(30 * var(--vw-400));}
.bf__notice-toggle-btn {display: flex; gap: calc(10 * var(--vw-400));align-items: center; width: 100%; padding: 0; background: transparent; border: 0; font-size: calc(16 * var(--vw-400)); letter-spacing: -0.05em; font-weight: 700; color: #151415; cursor: pointer;}
.bf__notice-toggle-ico {position: relative; width: calc(14 * var(--vw-400)); height: calc(14 * var(--vw-400));}
.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-400)); height: calc(1.5 * var(--vw-400)); transform: translate(-50%, -50%);}
.bf__notice-toggle-ico::after {width: calc(1.5 * var(--vw-400)); height: calc(14 * var(--vw-400)); transform: translate(-50%, -50%);}
.bf__notice-toggle-list > li.on .bf__notice-toggle-ico::after {display: none;}
.bf__notice-toggle-cont {display: none; padding: calc(20 * var(--vw-400)) 0 0; font-size: calc(13 * var(--vw-400)); line-height: calc(21 * var(--vw-400)); letter-spacing: -0.05em; color: #737273;}
.bf__notice-toggle-cont li {position: relative; padding-left: calc(10 * var(--vw-400));}
.bf__notice-toggle-cont li::before {content: "-"; position: absolute; left: 0;}
/* NB2024-13304 :: E */