@charset "utf-8";

/* NB2024-13618 :: S */
/* 빠른도착 뱃지 숨김 해제: 메인 상품·랭킹 전 구좌 노출 */
/* .mwMain .text_icon_delibox {display: none !important;} */
/* NB2024-13618 :: E */

/*
 * 2026 멤버스윈터 본행사 키즈 (MO) - NB2024-13305
 * 성인 main.css(.mwMain) 위에 얹는 키즈 전용 규칙. 시안 400 기준 px 를 calc(N * var(--vw-400)) 로 환산.
 * 루트 .mwMain--nk 로 스코프 한정, 성인 규칙과 같은 우선순위에서 뒤에 로드되어 덮어쓴다.
 */

/* NB2024-13305 :: S */
/* ===== 01. 멤버스윈터 캘린더: 사전안내 캘린더(main.css .schedule--kids)로 교체. 이전 규칙
.mwMain--nk .mwChart__legend { left: 50%; transform: translateX(-50%); }
.mwMain--nk .mwChart__legend .is-live i { background: #cc6d42; }
.mwMain--nk .mwChart__bar--live { top: calc(137 * var(--vw-400)); left: calc(102 * 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(90deg, #fff, #cc6d42 80.288%); }
.mwMain--nk .mwChart__bar--launch2 { left: 0; }
===== */
/* 키즈 시안(335:1517 범례 506:153 x85 w265)은 시크릿 세일을 숨긴 4개 범례를 오른쪽 끝에 붙인다. 사전안내 키즈의 가운데 정렬(5개 기준)을 되돌림 */
.mwMain--nk .schedule--kids .schedule__legend { right: 0; transform: none; }

/* NB2024-13577 :: S */
/* 02. 쿠폰&결제 혜택: 썸네일 이미지 → 영상, 이미지와 같은 채움 */
.mwMain--nk .mwBenefit__thumb video { display: block; width: 100%; height: 100%; object-fit: cover; }
/* NB2024-13577 :: E */

/* ===== 03. 오늘의 상품: 카드 상단 키즈 행사명(eyebrow) 추가로 카드 높이 358 ===== */
/* .mwMain--nk .mwToday .mwPills__item { font-family: "Noto Sans KR", sans-serif; font-size: calc(14 * var(--vw-400)); } */
/* 키즈 MO 탭 공통(시안 335:1643·344:21978·344:27072·409:220·344:27423·410:189): 높이 32, 좌우 15, 글자 12. 공용 .mwPills__item(padding 11·font 15·line-height 22, 높이 44)보다 얇다 */
.mwMain--nk .mwPills__item { box-sizing: border-box; height: calc(32 * var(--vw-400)); padding: 0 calc(15 * var(--vw-400)); font-size: calc(12 * var(--vw-400)); line-height: 1; }
.mwMain--nk .mwPills__item .kr { font-size: calc(12 * var(--vw-400)); }
.mwMain--nk .mwToday .mwPills__item { font-family: "Noto Sans KR", sans-serif; font-size: calc(12 * var(--vw-400)); }
.mwMain--nk .mwToday__card { height: calc(358 * var(--vw-400)); }
.mwMain--nk .mwToday__tag { position: absolute; left: calc(15 * var(--vw-400)); top: calc(291 * var(--vw-400)); font-family: "ProximaNova", sans-serif; font-weight: 800; font-size: calc(14 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); letter-spacing: 0; color: #fff; white-space: nowrap; }
.mwMain--nk .mwToday__name { top: calc(313 * var(--vw-400)); }
.mwMain--nk .mwToday__date { top: calc(302 * var(--vw-400)); }

/* ===== 04. 발매 캘린더: 키즈 로고 버튼, 날짜 탭, 카드 eyebrow, 썸네일 크롭 ===== */
/* NB2024-13594 :: S */
/* 시안 버튼 320x48 고정(신청 완료로 문구만 남아도 같은 크기) */
/* .mwMain--nk .mwCal__all { width: auto; padding: 0 calc(20 * var(--vw-400)); } */
.mwMain--nk .mwCal__all { width: calc(320 * var(--vw-400)); height: calc(48 * var(--vw-400)); padding: 0 calc(20 * var(--vw-400)); }
/* NB2024-13594 :: E */
/* NB2024-13586 :: S */
/* ico_nk.svg(37x23) 상단 워드마크를 빼고 Kids 배지(x 3.65~31.35, y 7.75~22.05)만 1.4배로 표시 */
/* .mwMain--nk .mwCal__allLogo { width: calc(39 * var(--vw-400))!important; height: calc(20 * var(--vw-400)); background: none; } */
.mwMain--nk .mwCal__allLogo { flex-shrink: 0; width: calc(39 * var(--vw-400))!important; height: calc(20 * var(--vw-400)); background: url("https://image.nbkorea.com/NBRB_Mobile/event/mw2026_winter/icon/ico_nk.svg") no-repeat calc(-5 * var(--vw-400)) calc(-10.85 * var(--vw-400)) / calc(51.8 * var(--vw-400)) calc(32.2 * var(--vw-400)); }
/* NB2024-13586 :: E */
.mwMain--nk .mwCal .mwPills { gap: calc(7 * var(--vw-400)); }
/* 날짜 탭 sticky: 헤더 55px + 메인 탭(.mwTab, 시안 비율 45 * vw-400) 아래 고정, 상하 여백은 음수 margin 으로 상쇄해 고정 전 배치 유지 */
.mwMain--nk .mwCal__tabs { position: sticky; top: calc(55px + 45 * var(--vw-400)); z-index: 10; margin-top: calc(-10 * var(--vw-400)); margin-bottom: calc(-10 * var(--vw-400)); padding-top: calc(10 * var(--vw-400)); padding-bottom: calc(10 * var(--vw-400)); background: #fff; }
/* NB2024-13570 :: S */
/* 날짜 탭 좌우 패딩 17.5 → 시안 13 */
/* .mwMain--nk .mwCal__tabs .mwPills__item { box-sizing: border-box; gap: calc(4 * var(--vw-400)); height: calc(30 * var(--vw-400)); padding: calc(3.5 * var(--vw-400)) calc(17.5 * var(--vw-400)); border-radius: calc(25 * var(--vw-400)); font-family: "Noto Sans KR", sans-serif; font-size: calc(11 * var(--vw-400)); line-height: calc(18.2 * var(--vw-400)); letter-spacing: -0.05em; } */
.mwMain--nk .mwCal__tabs .mwPills__item { box-sizing: border-box; gap: calc(4 * var(--vw-400)); height: calc(30 * var(--vw-400)); padding: calc(3.5 * var(--vw-400)) calc(13 * var(--vw-400)); border-radius: calc(25 * var(--vw-400)); font-family: "Noto Sans KR", sans-serif; font-size: calc(11 * var(--vw-400)); line-height: calc(18.2 * var(--vw-400)); letter-spacing: -0.05em; }
.mwMain--nk .mwCal__tabs .mwPills__item .en { font-family: "ProximaNova", sans-serif; font-size: calc(12.5 * var(--vw-400)); letter-spacing: 0; }
.mwMain--nk .mwCal__text { gap: calc(2 * var(--vw-400)); }
.mwMain--nk .mwCal__tag { height: calc(15 * var(--vw-400)); font-family: "ProximaNova", sans-serif; font-weight: 700; font-size: calc(11.5 * var(--vw-400)); line-height: calc(15 * var(--vw-400)); letter-spacing: 0; color: #a20703; }
.mwMain--nk .mwCal__name { height: calc(21 * var(--vw-400)); line-height: calc(21 * var(--vw-400)); white-space: nowrap; }
.mwMain--nk .mwCal__name--tight { letter-spacing: -0.03em; }
.mwMain--nk .mwCal__desc { margin-top: 0; }
.mwMain--nk .mwCal__desc .en { font-size: calc(14 * var(--vw-400)); }
.mwMain--nk .mwCal__more { margin-top: calc(4 * var(--vw-400)); }

/* ===== 05. 윈터 다운 라이브 ===== */
.mwMain--nk .mwLive { gap: calc(30 * var(--vw-400)); padding: calc(60 * var(--vw-400)) 0; background: #f3f2ee; }
.mwMain--nk .mwLive__card { display: flex; flex-direction: column; align-items: center; box-sizing: border-box; width: calc(368 * var(--vw-400)); height: calc(560 * var(--vw-400)); padding: calc(14 * var(--vw-400)) 0 0; border-radius: calc(5 * var(--vw-400)); background: #fff; overflow: hidden; }
.mwMain--nk .mwLive__img { position: relative; flex: none; width: calc(340 * var(--vw-400)); height: calc(260 * var(--vw-400)); border-radius: calc(5 * var(--vw-400)); background: #a1a1a1; overflow: hidden; }
.mwMain--nk .mwLive__img img { width: 100%; height: 100%; object-fit: cover; }
.mwMain--nk .mwLive__badge { display: flex; flex: none; align-items: center; box-sizing: border-box; width: calc(280 * var(--vw-400)); height: calc(37 * var(--vw-400)); margin-top: calc(21 * var(--vw-400)); border: calc(2 * var(--vw-400)) solid #a20703; border-radius: calc(200 * var(--vw-400)); background: #fff; overflow: hidden; }
.mwMain--nk .mwLive__tag { display: flex; flex: none; align-items: center; gap: calc(1 * var(--vw-400)); box-sizing: border-box; width: calc(80.6 * var(--vw-400)); height: calc(37 * var(--vw-400)); margin: 0 0 0 calc(-2 * var(--vw-400)); padding-left: calc(10 * var(--vw-400)); background: #a20703; font-family: "ProximaNova", sans-serif; font-weight: 800; font-size: calc(18 * var(--vw-400)); line-height: 1; letter-spacing: -0.011em; text-transform: uppercase; color: #fff; }
.mwMain--nk .mwLive__tag img { flex: none; width: calc(16 * var(--vw-400)) !important; height: calc(16 * var(--vw-400)); margin-right: calc(3 * var(--vw-400)); }
.mwMain--nk .mwLive__date { flex: 1 1 0; font-weight: 800; font-size: calc(16 * var(--vw-400)); line-height: 1.56; letter-spacing: -0.04em; text-align: center; color: #151415; white-space: nowrap; }
.mwMain--nk .mwLive__date .font--en { font-weight: 700; font-size: calc(18 * var(--vw-400)); }
.mwMain--nk .mwLive__info { display: flex; flex: none; flex-direction: column; align-items: center; gap: calc(7 * var(--vw-400)); width: calc(255 * var(--vw-400)); margin-top: calc(15 * var(--vw-400)); text-align: center; color: #151415; }
.mwMain--nk .mwLive__title { font-family: "ProximaNova", "Noto Sans KR", sans-serif; font-weight: 800; font-size: calc(22 * var(--vw-400)); line-height: 1.3; letter-spacing: 0; }
.mwMain--nk .mwLive__title .en { font-size: calc(24 * var(--vw-400)); }
.mwMain--nk .mwLive__desc { font-weight: 400; font-size: calc(16 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); letter-spacing: -0.05em; }
.mwMain--nk .mwLive__desc .font--en { font-size: calc(18 * var(--vw-400)); letter-spacing: -0.05em; }
.mwMain--nk .mwLive__alarm { display: inline-flex; flex: none; align-items: center; justify-content: center; box-sizing: border-box; gap: calc(6 * var(--vw-400)); width: calc(133 * var(--vw-400)); height: calc(40 * var(--vw-400)); margin-top: calc(33 * var(--vw-400)); padding: 0 calc(14 * var(--vw-400)); border-radius: calc(5 * var(--vw-400)); background: #a20703; font-weight: 400; font-size: calc(14 * var(--vw-400)); line-height: normal; color: #fff; white-space: nowrap; }
.mwMain--nk .mwLive__alarm img { flex: none; width: calc(14.2 * var(--vw-400)) !important; height: calc(13.3 * var(--vw-400)); }
.mwMain--nk .mwLive__alarm .txt--on { display: none; }
.mwMain--nk .mwLive__alarm.on { background: #151415; pointer-events: none; }
.mwMain--nk .mwLive__alarm.on .txt--off { display: none; }
.mwMain--nk .mwLive__alarm.on img { display: none !important; }
.mwMain--nk .mwLive__alarm.on .txt--on { display: inline; letter-spacing: -0.05em; color: rgba(255, 255, 255, 0.5); }

/* ===== 06. 베스트 랭킹: 5탭 ===== */
.mwMain--nk .mwRank .mwPills { gap: calc(6 * var(--vw-400)); }
/* .mwMain--nk .mwRank .mwPills__item { padding: calc(11 * var(--vw-400)) calc(13 * var(--vw-400)); font-size: calc(13 * var(--vw-400)); } */
/* 시안 410:189: 탭 높이 32, 좌우 13, 글자 12 */
.mwMain--nk .mwRank .mwPills__item { box-sizing: border-box; height: calc(32 * var(--vw-400)); padding: 0 calc(13 * var(--vw-400)); font-size: calc(12 * var(--vw-400)); line-height: 1; }

/* ===== 07. 세일 Coming Soon: 다음 섹션이 흰 배경이라 하단 여백 필요 ===== */
.mwMain--nk .mwSale { padding-bottom: calc(60 * var(--vw-400)); }
/* NB2024-13305 :: E */

/* NB2024-13305 :: S */
/* ===== 버전 2~4 (선입장 / 전체입장 / 라스트찬스) ===== */
/* 세일: 뒤따르는 데일리 딜이 같은 #f3f2ee 배경에 위 여백 60 을 가져 하단 여백 없음(위 07 규칙·성인 .mwSale--lc 여백 해제) */
.mwMain--nk .mwSale--flow { padding-bottom: 0; }

/* 데일리 딜은 성인 .mwDeal--oneday 재사용. 타임어택 10시: 시안은 #f3f2ee 배경에 데일리 딜 하단 여백에 이어 붙어 위 여백 없음 */
.mwMain--nk .mwDeal--taAm { padding: 0 0 calc(80 * var(--vw-400)); background: #f3f2ee; }

/* 베스트 랭킹 목록형(전체입장·라스트찬스): 시안 배경 #f3f2ee, 상하 여백 60 */
.mwMain--nk .mwRank--list { padding: calc(60 * var(--vw-400)) 0; background: #f3f2ee; }

/* ===== 08. 컬렉션 구좌: Black Spotlight / 세일 컬렉션 / 26 WINTER COLLECTION ===== */
.mwMain--nk .mwHead__title--en { font-family: "ProximaNova", sans-serif; font-weight: 900; font-size: calc(28 * var(--vw-400)); line-height: 1.4; letter-spacing: -0.05em; text-transform: uppercase; }
.mwMain--nk .mwCol { gap: calc(40 * var(--vw-400)); padding: calc(60 * var(--vw-400)) 0 calc(40 * var(--vw-400)); background: #fff; }
/* .mwMain--nk .mwCol .mwPills__item { font-family: "Noto Sans KR", sans-serif; font-size: calc(14 * var(--vw-400)); } */
.mwMain--nk .mwCol .mwPills__item { font-family: "Noto Sans KR", sans-serif; font-size: calc(12 * var(--vw-400)); }
.mwMain--nk .mwCol--wc .mwPills__item { padding-right: calc(13 * var(--vw-400)); padding-left: calc(13 * var(--vw-400)); }
.mwMain--nk .mwCol__body { display: flex; flex-direction: column; align-items: center; gap: calc(30 * var(--vw-400)); }
.mwMain--nk .mwCol__card { position: relative; width: calc(368 * var(--vw-400)); height: calc(342 * var(--vw-400)); border-radius: calc(5 * var(--vw-400)); background: #151415; overflow: hidden; }
.mwMain--nk .mwCol--wc .mwCol__card { height: calc(358 * var(--vw-400)); }
.mwMain--nk .mwCol__img { 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--nk .mwCol__img img { position: absolute; max-width: none; object-fit: cover; }
.mwMain--nk .mwCol__name { position: absolute; top: calc(294 * var(--vw-400)); left: calc(15 * var(--vw-400)); font-family: "ProximaNova", 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--nk .mwCol__tag { position: absolute; top: calc(289.19 * var(--vw-400)); left: calc(15 * var(--vw-400)); font-family: "ProximaNova", sans-serif; font-weight: 800; font-size: calc(14 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); letter-spacing: 0; color: #abb0b4; white-space: nowrap; }
.mwMain--nk .mwCol--wc .mwCol__name { top: calc(311.19 * var(--vw-400)); font-family: "Noto Sans KR", sans-serif; font-weight: 900; font-size: calc(17 * var(--vw-400)); letter-spacing: -0.03em; }
.mwMain--nk .mwCol__prod { width: calc(400 * var(--vw-400)); }
/* Black Spotlight(시안 344:22501): 카드 364, 영문 타이틀 아래 국문 부제(top 317.19), 대표 이미지는 340x260 박스를 채움 */
.mwMain--nk .mwCol--bs .mwCol__card { height: calc(364 * var(--vw-400)); }
.mwMain--nk .mwCol__sub { position: absolute; top: calc(317.19 * var(--vw-400)); left: calc(15 * var(--vw-400)); font-family: "Noto Sans KR", sans-serif; font-weight: 500; font-size: calc(12 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); letter-spacing: -0.05em; color: #fff; white-space: nowrap; }
.mwMain--nk .mwCol--bs .mwCol__img img { top: 0; left: 0; width: 100%; height: 100%; }
/* 26 WINTER Collection: 박스 크기(340x260 @2x)로 자른 이미지를 채움, 탭 data-img-style 은 비움 */
.mwMain--nk .mwCol--wc .mwCol__img img, .mwMain--nk .mwCol--sc .mwCol__img img { top: 0; left: 0; width: 100%; height: 100%; }

/* ===== 09. 이벤트: 성인 본행사 이동 버튼(시안 없음, 성인 .mwEvent__kidsBtn 기준, 로고는 NB 32x16) ===== */
.mwMain--nk .mwEvent__nbBtn { 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--nk .mwEvent__nbBtn img { flex: none; width: calc(32 * var(--vw-400)) !important; height: calc(16 * var(--vw-400)); }
.mwMain--nk .mwEvent__nbBtn b { font-weight: 700; }
/* NB2024-13305 :: E */