@charset "utf-8";

/* NB2024-13302 2026 멤버스윈터 사전 안내 페이지 CSS - PC (1920px 기준). 베이스(.members, Footer)는 mw_pre.css */
.members--noti .en { font-family: "ProximaNova", sans-serif; letter-spacing: 0; }
.members--noti button { border: 0; cursor: pointer; font-family: inherit; }

/* 공통 알림 버튼 :: S */
.members--noti .btn__alarm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(5 * var(--vw));
  width: calc(216 * var(--vw));
  height: calc(48 * var(--vw));
  border-radius: calc(5 * var(--vw));
  background: #151415;
  color: #fff;
  font-size: calc(15 * var(--vw));
  letter-spacing: -0.05em;
}
.members--noti .btn__alarm b { font-weight: 700; }
.members--noti .btn__alarm--sm { width: calc(130 * var(--vw)); height: calc(45 * var(--vw)); }
.members--noti .btn__alarm--white { background: #fff; color: #373B32; }
.members--noti .btn__alarm--all { width: calc(300 * var(--vw)); font-size: calc(16 * var(--vw)); gap: calc(16 * var(--vw)); }
.members--noti .launch__alert:disabled { color: #A1A1A1; }
.members--noti .launch__alert:disabled .ico__alarm { display: none; }
.members--noti .btn__alarm[disabled] { cursor: default; }
.members--noti .ico__alarm {
  display: block;
  width: calc(16 * var(--vw));
  height: calc(15 * var(--vw));
  background: url("https://image.nbkorea.com/NBRB_PC/event/mw2026_winter/icon/ico_alarm.png") no-repeat center / contain;
}
.members--noti .btn__alarm--white .ico__alarm { background-image: url("https://image.nbkorea.com/NBRB_PC/event/mw2026_winter/icon/ico_alarm_b.png"); }
.members--noti .ico__nb {
  display: block;
  width: calc(36 * var(--vw));
  height: calc(18 * var(--vw));
  background: url("https://image.nbkorea.com/NBRB_PC/event/mw2026_winter/icon/ico_nb.svg") no-repeat center / contain;
}
.members--noti .noti__btns { display: flex; justify-content: center; gap: calc(10 * var(--vw)); }
.members--noti .noti__note {
  margin-top: calc(16 * var(--vw));
  font-size: calc(16 * var(--vw));
  line-height: calc(26 * var(--vw));
  letter-spacing: -0.05em;
  color: #737273;
  text-align: center;
}
/* 공통 알림 버튼 :: E */

/* 공통 섹션 타이틀 :: S */
.noti__section { padding: calc(120 * var(--vw)) 0; text-align: center; }
.noti__head { margin-bottom: calc(60 * var(--vw)); }
.head__subtitle {
  font-family: "ProximaNova", sans-serif;
  font-weight: 700;
  font-size: calc(20 * var(--vw));
  line-height: calc(28 * var(--vw));
  color: #A20703;
}
.head__title {
  margin-top: calc(10 * var(--vw));
  font-size: calc(40 * var(--vw));
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: -0.05em;
}
.head__title .en { font-size: calc(42 * var(--vw)); font-weight: 800; letter-spacing: -0.05em; }
.head__desc {
  margin-top: calc(30 * var(--vw));
  font-size: calc(24 * var(--vw));
  line-height: calc(38 * var(--vw));
  letter-spacing: -0.05em;
}
.head__desc .en { font-size: calc(26 * var(--vw)); }
/* 공통 섹션 타이틀 :: E */

/* 02. 멤버스윈터 캘린더 :: S */
.noti__intro { background: #F3F2EE; padding: calc(100 * var(--vw)) 0 calc(20 * var(--vw)); text-align: center; }
.noti__intro--cal { padding: calc(20 * var(--vw)) 0 calc(100 * var(--vw)); }
.intro__lead {
  font-size: calc(28 * var(--vw));
  font-weight: 700;
  line-height: calc(44 * var(--vw));
  letter-spacing: -0.05em;
}
.intro__lead .en { font-size: calc(30 * var(--vw)); font-weight: 700; }
.intro__title {
  margin-top: calc(80 * var(--vw));
  font-size: calc(36 * var(--vw));
  font-weight: 900;
  line-height: calc(28 * var(--vw));
  letter-spacing: -0.05em;
}
/* 뉴발란스/키즈 스티키 탭 (megaweek202609 common.css .tabBar__container 규약: sticky, top 106px) */
.noti__tab {
  z-index: 11;
  position: sticky;
  top: 106px;
  display: flex;
  justify-content: center;
  gap: calc(10 * var(--vw));
  padding: calc(20 * var(--vw)) 0;
  background: #F3F2EE;
}
.noti__tab .tab__btn {
  width: calc(122 * var(--vw));
  height: calc(40 * var(--vw));
  border-radius: calc(20 * var(--vw));
  background: #A1A1A1;
  color: #fff;
  font-size: calc(16 * var(--vw));
  font-weight: 700;
  letter-spacing: -0.05em;
}
.noti__tab .tab__btn.on { background: #151415; }
.noti__panel { display: none; }
.noti__panel.on { display: block; }

/* 캘린더 차트 (시안 733x386 박스 기준 절대좌표) */
.schedule {
  position: relative;
  width: calc(733 * var(--vw));
  height: calc(386 * var(--vw));
  margin: 0 auto;
  border-radius: calc(10 * var(--vw));
  background: #fff;
  overflow: hidden;
}
.schedule__legend {
  position: absolute;
  top: calc(30 * var(--vw));
  left: calc(386 * var(--vw));
  display: flex;
  gap: calc(14 * var(--vw));
}
.schedule__legend li {
  display: flex;
  align-items: center;
  gap: calc(4 * var(--vw));
  font-size: calc(14 * var(--vw));
  line-height: calc(18 * var(--vw));
  color: #000;
}
.schedule__legend li::before {
  content: "";
  width: calc(14 * var(--vw));
  height: calc(14 * var(--vw));
  border-radius: 50%;
}
.schedule__legend .legend--launch::before { background: #A20703; }
.schedule__legend .legend--raffle::before { background: #CC6D42; }
.schedule__legend .legend--pre::before { background: #51100E; }
.schedule__legend .legend--all::before { background: #DBCBBD; }
.schedule__week,
.schedule__date {
  position: absolute;
  left: calc(43 * var(--vw));
  width: calc(660 * var(--vw));
  display: flex;
  justify-content: center;
  gap: calc(40 * var(--vw));
}
.schedule__week li,
.schedule__date li { width: calc(57 * var(--vw)); line-height: calc(28 * var(--vw)); color: #000; }
.schedule__week { top: calc(78 * var(--vw)); font-size: calc(16 * var(--vw)); font-weight: 700; opacity: 0.7; }
.schedule__date {
  font-family: "ProximaNova", sans-serif;
  font-size: calc(22 * var(--vw));
  font-weight: 700;
  white-space: nowrap;
}
.schedule__date::before {
  content: "";
  position: absolute;
  top: calc(-13 * var(--vw));
  left: calc(-13 * var(--vw));
  width: calc(673 * var(--vw));
  height: 1px;
  background: #D9D9D9;
}
.schedule__date--1 { top: calc(129 * var(--vw)); }
.schedule__date--2 { top: calc(274 * var(--vw)); }
.schedule__bar { position: absolute; height: calc(14 * var(--vw)); }
.bar--launch1 { top: calc(170 * var(--vw)); left: calc(36.5 * var(--vw)); width: calc(482 * var(--vw)); border-radius: calc(50 * var(--vw)) 0 0 calc(50 * var(--vw)); background: linear-gradient(to right, #A20703 20%, #fff); }
/* NB2024-13489 :: S */
/* .bar--raffle { top: calc(197 * var(--vw)); left: calc(36.5 * var(--vw)); width: calc(82 * var(--vw)); border-radius: 0 calc(50 * var(--vw)) calc(50 * var(--vw)) 0; background: linear-gradient(to right, #fff, #CC6D42 80%); } */
/* 래플 10/29(목) 칸: 열 간격 97 x 3 이동 */
.bar--raffle { top: calc(197 * var(--vw)); left: calc(327.5 * var(--vw)); width: calc(82 * var(--vw)); border-radius: 0 calc(50 * var(--vw)) calc(50 * var(--vw)) 0; background: linear-gradient(to right, #fff, #CC6D42 80%); }
/* NB2024-13489 :: E */
.bar--pre { top: calc(224 * var(--vw)); left: calc(430 * var(--vw)); width: calc(273 * var(--vw)); border-radius: calc(50 * var(--vw)) 0 0 calc(50 * var(--vw)); background: linear-gradient(to right, #51100E 20%, #fff); }
.bar--launch2 { top: calc(315 * var(--vw)); left: calc(36.5 * var(--vw)); width: calc(196 * var(--vw)); border-radius: 0 calc(50 * var(--vw)) calc(50 * var(--vw)) 0; background: linear-gradient(to right, #fff, #A20703 80%); }
.bar--all { top: calc(342 * var(--vw)); left: calc(43 * var(--vw)); width: calc(660 * var(--vw)); border-radius: calc(50 * var(--vw)); background: #B7987A; opacity: 0.5; }

/* 캘린더 차트 - 키즈 (시안 57:79) */
.schedule--kids .schedule__legend { left: auto; right: calc(30 * var(--vw)); }
.schedule--kids .schedule__week { top: calc(81 * var(--vw)); }
.schedule__legend .legend--secret::before { background: #CC6D42; }
.schedule__legend .legend--live::before { background: #E59421; }
.schedule--kids .bar--launch1 { border-radius: calc(50 * var(--vw)); }
.bar--secret { top: calc(197 * var(--vw)); left: calc(36.5 * var(--vw)); width: calc(82 * var(--vw)); border-radius: 0 calc(50 * var(--vw)) calc(50 * var(--vw)) 0; background: linear-gradient(to right, #fff, #CC6D42 80%); }
.bar--live { top: calc(197 * var(--vw)); left: calc(235.5 * var(--vw)); width: calc(82 * var(--vw)); border-radius: 0 calc(50 * var(--vw)) calc(50 * var(--vw)) 0; background: linear-gradient(to right, #fff, #E59421 80%); }

.intro__period { margin: calc(60 * var(--vw)) 0 calc(50 * var(--vw)); }
.intro__period dl + dl { margin-top: calc(15 * var(--vw)); }
.intro__period dt,
.intro__period dd {
  font-size: calc(24 * var(--vw));
  line-height: calc(38 * var(--vw));
  letter-spacing: -0.05em;
  color: #151415;
}
.intro__period dt { font-weight: 700; }
.intro__period dd { color: #373B32; }
.intro__period dt + dd { margin-top: 0; }
.intro__period dl + dl dt { margin-bottom: calc(3 * var(--vw)); }
.intro__period .en { font-size: calc(26 * var(--vw)); color: #151415; }
.intro__period .day { color: #373B32; }
/* 02. 멤버스윈터 캘린더 :: E */

/* 03. 프로모션 / 07. 이벤트 공용 카드 :: S */
.noti__promo,
.noti__event { background: #fff; }
.noti__event { padding-bottom: calc(100 * var(--vw)); }
.noti__event--kids { background: #F3F2EE; }
.card__list { display: flex; justify-content: center; gap: calc(20 * var(--vw)); text-align: left; }
.card__item { width: calc(340 * var(--vw)); }
.card__img { width: calc(340 * var(--vw)); height: calc(340 * var(--vw)); margin-bottom: calc(24 * var(--vw)); overflow: hidden; }
.card__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.card__tit {
  font-size: calc(26 * var(--vw));
  font-weight: 700;
  line-height: calc(34 * var(--vw));
  letter-spacing: -0.05em;
}
.card__tit .en { font-size: calc(28 * var(--vw)); font-weight: 700; }
.card__dsc {
  margin-top: calc(12 * var(--vw));
  font-size: calc(18 * var(--vw));
  line-height: calc(28 * var(--vw));
  letter-spacing: -0.05em;
  white-space: nowrap;
}
.card__dsc .en { font-size: calc(20 * var(--vw)); }
.card__dsc b { font-weight: 700; color: #A20703; }
.card__dsc--fix { min-height: calc(83 * var(--vw)); color: #17191A; }
.card__period {
  margin-top: calc(6 * var(--vw));
  font-size: calc(16 * var(--vw));
  line-height: calc(26 * var(--vw));
  letter-spacing: -0.05em;
  color: #8E8F8F;
  white-space: nowrap;
}
.card__period b { font-weight: 700; }
.card__period .en { font-size: calc(18 * var(--vw)); }
.card__link {
  display: inline-block;
  margin-top: calc(20 * var(--vw));
  font-size: calc(17 * var(--vw));
  letter-spacing: -0.05em;
  color: #8E8F8F;
  text-decoration: underline;
}
/* 03. 프로모션 / 07. 이벤트 공용 카드 :: E */

/* 04. 멤버스윈터 발매 :: S */
.noti__launch { background: #F3F2EE; }
.launch__swiper { width: 100%; text-align: left; }
.launch__group { width: calc(340 * var(--vw)); }
.launch__group--2 { width: calc(651 * var(--vw)); }
.launch__date {
  margin-bottom: calc(20 * var(--vw));
  font-size: calc(28 * var(--vw));
  font-weight: 700;
  line-height: calc(44 * var(--vw));
  letter-spacing: -0.05em;
}
.launch__date .en { font-size: calc(30 * var(--vw)); font-weight: 700; }
.launch__cards { display: flex; gap: calc(30 * var(--vw)); padding: calc(30 * var(--vw)); background: #fff; }
.launch__card { width: calc(280 * var(--vw)); }
.launch__img { width: calc(280 * var(--vw)); height: calc(280 * var(--vw)); background: #BCBFC1; overflow: hidden; }
.launch__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.launch__name {
  margin-top: calc(12 * var(--vw));
  font-size: calc(27 * var(--vw));
  font-weight: 800;
  white-space: nowrap;
}
.launch__name.en { font-weight: 800; }
.launch__name.launch__name--tight { letter-spacing: -0.05em; }
.launch__name .ko { font-size: calc(25 * var(--vw)); font-weight: 900; letter-spacing: -0.05em; }
.launch__name .en { font-weight: 800; }
/* NB2024-13440 :: S */
/* 시안 119:828: 자간 -1.62px/27px. .members--noti .en 의 letter-spacing:0 을 덮음 */
.launch__name--tight .ko,
.launch__name--tight .en { letter-spacing: -0.06em; }
/* NB2024-13440 :: E */
/* NB2024-13465 :: S */
/* 한글 span(.ko) 폰트 줄높이 때문에 한글 타이틀만 7px 높아져 아래 문구가 밀림. 영문 타이틀 높이(33)로 고정 */
.noti__launch:not(.noti__launch--kids) .launch__name { height: calc(33 * var(--vw)); line-height: calc(33 * var(--vw)); }
/* NB2024-13465 :: E */
.launch__txt {
  height: calc(56 * var(--vw));
  margin: calc(10 * var(--vw)) 0 calc(20 * var(--vw));
  font-size: calc(18 * var(--vw));
  line-height: calc(28 * var(--vw));
  letter-spacing: -0.05em;
  white-space: nowrap;
}
.launch__txt .en,
.launch__txt.en { font-size: calc(20 * var(--vw)); }
.launch__all { margin-bottom: calc(60 * var(--vw)); }

/* 키즈 발매 (시안 57:208): 날짜 탭, 카테고리 라벨, 전체 알림 버튼 하단 */
.noti__launch--kids .noti__head { margin-bottom: calc(30 * var(--vw)); }
.launch__chips { display: flex; justify-content: center; gap: calc(10 * var(--vw)); margin-bottom: calc(60 * var(--vw)); }
.launch__chips .chip__btn {
  height: calc(40 * var(--vw));
  padding: 0 calc(25 * var(--vw));
  border-radius: calc(20 * var(--vw));
  background: #A1A1A1;
  color: #fff;
  font-size: calc(16 * var(--vw));
  font-weight: 700;
  letter-spacing: -0.05em;
}
.launch__chips .chip__btn .en { font-size: calc(18 * var(--vw)); font-weight: 700; }
.launch__chips .chip__btn.on { background: #151415; }
/* NB2024-13442 :: S */
/* 날짜 탭 상단 고정: 헤더 106px + 브랜드 탭(20+40+20) 아래. 위아래 15 여백은 margin 으로 상쇄해 기존 간격 유지 */
.noti__launch--kids .launch__chips {
  z-index: 10;
  position: sticky;
  top: calc(106px + 80 * var(--vw));
  margin: calc(-15 * var(--vw)) 0 calc(45 * var(--vw));
  padding: calc(15 * var(--vw)) 0;
  background: #F3F2EE;
}
/* NB2024-13442 :: E */
.launch__group--3 { width: calc(960 * var(--vw)); }
.launch__cate {
  margin-top: calc(12 * var(--vw));
  font-size: calc(16 * var(--vw));
  font-weight: 700;
  color: #A20703;
}
.noti__launch--kids .launch__name { margin-top: 0; font-size: calc(26 * var(--vw)); letter-spacing: -0.03em; }
.noti__launch--kids .launch__name.launch__name--tight { letter-spacing: -0.05em; }
.noti__launch--kids .launch__txt .en { font-size: calc(19 * var(--vw)); }
.launch__txt.launch__txt--1line { height: calc(27 * var(--vw)); }
.noti__launch--kids .launch__all { margin: calc(60 * var(--vw)) 0 0; }
.members--noti .btn__alarm--nk { width: calc(335 * var(--vw)); }
.members--noti .ico__nk {
  display: block;
  width: calc(47 * var(--vw));
  height: calc(32 * var(--vw));
  background: url("https://image.nbkorea.com/NBRB_PC/event/mw2026_winter/icon/ico_nk.svg") no-repeat center / contain;
}
/* 04. 멤버스윈터 발매 :: E */

/* 05. VIP 래플 :: S */
.noti__raffle { background: #fff; }
.raffle__card {
  display: flex;
  align-items: center;
  gap: calc(40 * var(--vw));
  width: calc(1230 * var(--vw));
  height: calc(540 * var(--vw));
  margin: 0 auto;
  padding: calc(30 * var(--vw));
  border-radius: calc(10 * var(--vw));
  background: #F3F2EE;
  text-align: left;
}
.raffle__img { width: calc(700 * var(--vw)); height: calc(480 * var(--vw)); border-radius: calc(10 * var(--vw)); background: #9E9E9E; overflow: hidden; }
.raffle__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.raffle__info { width: calc(406 * var(--vw)); }
.raffle__date { font-size: calc(18 * var(--vw)); font-weight: 700; line-height: calc(28 * var(--vw)); letter-spacing: -0.05em; }
.raffle__date .en { font-size: calc(20 * var(--vw)); font-weight: 700; }
.raffle__name { margin-top: calc(4 * var(--vw)); font-size: calc(40 * var(--vw)); font-weight: 800; }
.raffle__txt { margin-top: calc(4 * var(--vw)); font-size: calc(20 * var(--vw)); line-height: calc(33 * var(--vw)); letter-spacing: -0.05em; }
.raffle__txt .en { font-size: calc(22 * var(--vw)); }
.raffle__btns { display: flex; gap: calc(10 * var(--vw)); margin-top: calc(30 * var(--vw)); }
.raffle__btns .btn__more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(130 * var(--vw));
  height: calc(45 * var(--vw));
  border-radius: calc(5 * var(--vw));
  background: #A20703;
  color: #fff;
  font-size: calc(15 * var(--vw));
  letter-spacing: -0.05em;
}
/* 05. VIP 래플 :: E */

/* 06. 세일 :: S */
.noti__sale { background: #F3F2EE; }
.sale__img { width: calc(940 * var(--vw)); height: calc(486 * var(--vw)); margin: 0 auto; border-radius: calc(12 * var(--vw)); overflow: hidden; }
.sale__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sale__period { margin: calc(60 * var(--vw)) 0; }
.sale__period p {
  font-size: calc(24 * var(--vw));
  line-height: calc(38 * var(--vw));
  letter-spacing: -0.05em;
  color: #373B32;
}
.sale__period b { font-weight: 700; }
.sale__period .en { font-size: calc(26 * var(--vw)); color: #151415; }
.sale__period b.en:first-child { color: #373B32; }
/* 06. 세일 :: E */

/* 05. 윈터 다운 라이브(키즈) :: S - 카드 틀은 05. VIP 래플 .raffle__card 재사용 */
.noti__live { background: #fff; }
.live__info { width: calc(430 * var(--vw)); }
.live__badge {
  display: inline-flex;
  align-items: center;
  gap: calc(9 * var(--vw));
  width: calc(327 * var(--vw));
  height: calc(45 * var(--vw));
  border: calc(3 * var(--vw)) solid #A20703;
  border-radius: calc(50 * var(--vw));
  background: #fff;
  overflow: hidden;
}
.live__badge .badge__live {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(6 * var(--vw));
  width: calc(91 * var(--vw));
  height: 100%;
  border-radius: calc(200 * var(--vw));
  background: #A20703;
  color: #fff;
}
.live__badge .badge__live .en { font-size: calc(20 * var(--vw)); font-weight: 800; text-transform: uppercase; }
.members--noti .ico__live {
  display: block;
  width: calc(16 * var(--vw));
  height: calc(16 * var(--vw));
  background: url("https://image.nbkorea.com/NBRB_PC/event/mw2026_winter/icon/ico_live.svg") no-repeat center / contain;
}
.live__badge .badge__date { font-size: calc(19 * var(--vw)); font-weight: 800; letter-spacing: -0.05em; color: #151415; white-space: nowrap; }
.live__badge .badge__date .en { font-size: calc(22 * var(--vw)); font-weight: 700; }
/* NB2024-13441 :: S */
/* 시안 57:465: LIVE 영역 91x41 이 테두리 위아래 1 을 덮음, 아이콘+LIVE 우측 여백 4, 날짜 띄어쓰기 확장 */
.live__badge { overflow: visible; }
.live__badge .badge__live { height: calc(41 * var(--vw)); margin: calc(-1 * var(--vw)) 0; padding-right: calc(4 * var(--vw)); }
.live__badge .badge__date { word-spacing: calc(1 * var(--vw)); }
/* 시안 숫자 자간 -1.1px(22px) - .members--noti .en 의 letter-spacing:0 덮어씀 */
.live__badge .badge__date .en { letter-spacing: -0.05em; word-spacing: normal; }
/* NB2024-13441 :: E */
.live__name { margin-top: calc(30 * var(--vw)); font-size: calc(40 * var(--vw)); font-weight: 800; }
.live__name .en { font-size: calc(42 * var(--vw)); font-weight: 800; }
.live__txt { margin-top: calc(16 * var(--vw)); font-size: calc(18 * var(--vw)); line-height: calc(28 * var(--vw)); letter-spacing: -0.05em; }
.live__txt .en { font-size: calc(19 * var(--vw)); }
.members--noti .btn__alarm--red { background: #A20703; }
.members--noti .btn__alarm--red:disabled { background: #151415; }
/* 05. 윈터 다운 라이브(키즈) :: E */

/* 07. 시크릿 프라이스 세일(키즈) :: S - 이미지·기간은 06. 세일 재사용 */
.noti__secret { background: #fff; }
.head__desc .desc__note { display: block; font-size: calc(16 * var(--vw)); line-height: calc(32 * var(--vw)); color: #737273; }
.members--noti .btn__alarm--secret { width: calc(230 * var(--vw)); }
/* 07. 시크릿 프라이스 세일(키즈) :: E */

/* 키즈 오픈알림 신청완료 (data-done 문구) */
.members--noti .btn__alarm[data-done]:disabled { color: #A1A1A1; }