@charset "utf-8";

/*
 * 2026 멤버스윈터 세일 (MO) - NB2024-13306, megaweek202609/sale.css 복사본
 * 혜택 영역(.members__section--benefit)은 본행사 megaweek202609/main.css 를 통째 이식.
 * (사용자 지시: 본행사 benefit 디자인 그대로 사용) + 세일 전용 델타(날짜/상호이동 버튼)만 추가.
 * 상품/필터 하단부는 imc2025/megaWeek2026SSProduct.css 유지.
 * --vw-400 은 .imc(imc_common.css)에서 정의됨.
 */

.members__section--benefit {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: calc(40 * var(--vw-400));
    padding-top: calc(60 * var(--vw-400));
}

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

/* 카드 리스트 */
.members__section--benefit .benefit__list {
    display: flex;
    flex-direction: column;
    gap: calc(16 * var(--vw-400));
    width: calc(368 * var(--vw-400));
    margin: 0 auto;
}
.members__section--benefit .benefit__card {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* 카드 콘텐츠(이미지 좌 + 텍스트 우) */
.members__section--benefit .benefit__content {
    display: flex;
    align-items: center;
    gap: calc(14 * var(--vw-400));
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
}
/* 카드 이미지 */
.members__section--benefit .benefit__thumb {
    flex-shrink: 0;
    width: calc(163 * var(--vw-400));
    height: calc(180 * var(--vw-400));
    overflow: hidden;
    margin: 0;
    position: relative;
    border-radius: 0;
}
.members__section--benefit .benefit__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* NB2024-13127: 네이버페이 프로모션 종료(naverPayPromotionYn=N) 딤 처리 */
.members__section--benefit .benefit__dim {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
}
.members__section--benefit .benefit__dimText {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 900;
    font-size: calc(18 * var(--vw-400));
    line-height: calc(21.6 * var(--vw-400));
    color: #fff;
    text-align: center;
}
/* Copy Code 버튼 */
.members__section--benefit .benefit__copyBtn {
    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));
    background: #151415;
    border: 1px solid #444344;
    border-radius: calc(5 * var(--vw-400));
    font-family: "ProximaNova", sans-serif;
    font-weight: 800;
    font-size: calc(11 * var(--vw-400));
    line-height: 1.4;
    color: #fff;
    text-transform: capitalize;
}

/* 카드 본문 */
.members__section--benefit .benefit__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(6 * var(--vw-400));
}
.members__section--benefit .benefit__title {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 700;
    font-size: calc(18 * var(--vw-400));
    line-height: calc(28 * var(--vw-400));
    letter-spacing: -0.05em;
    color: #151415;
}
.members__section--benefit .benefit__desc {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 400;
    font-size: calc(14 * var(--vw-400));
    line-height: calc(22 * var(--vw-400));
    letter-spacing: -0.05em;
    color: #151415;
    margin-top: 0; /* NB2024-13502: 공용 CSS 상 10px 상속 해제 */
}
.members__section--benefit .benefit__desc .font--en {
    font-family: "ProximaNova", sans-serif;
    font-weight: 400;
    font-size: calc(15 * var(--vw-400));
    letter-spacing: 0;
}
.members__section--benefit .benefit__desc b.point {
    font-weight: 700;
    color: #A20703;
}

/* 쿠폰 다운로드 버튼 */
.members__section--benefit .benefit__couponBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(120 * var(--vw-400));
    height: calc(40 * var(--vw-400));
    margin-top: calc(24 * var(--vw-400));
    background: #151415;
    border-radius: calc(5 * var(--vw-400));
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 400;
    font-size: calc(14 * var(--vw-400));
    letter-spacing: -0.05em;
    color: #fff;
}
/* NB2024-13502 :: S */
/* 카드 간격: 시안 16px(list gap). 공용 CSS li+li 40px 상속 해제, 쿠폰 버튼 카드만 하단 40px */
.members__section--benefit .benefit__list > li + li { margin-top: 0; }
.members__section--benefit .benefit__couponBtn { margin-bottom: calc(40 * var(--vw-400)); }
/* NB2024-13502 :: E */

/* 유의사항 토글 */
.members__section--benefit .benefit__more-btn {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 700;
    font-size: calc(12 * var(--vw-400));
    color: #8a8a8a;
    letter-spacing: -0.05em;
    text-decoration: underline;
    text-underline-position: under;
    /* NB2024-13502 :: S */
    /* margin-left: 0; */
    margin: 0; /* 공용 megaWeek2026SSProduct.css 상 16px·좌 6px 상속 해제, 시안 간격은 body gap 6px */
    height: calc(28 * var(--vw-400));
    line-height: calc(20 * var(--vw-400));
    /* NB2024-13502 :: E */
}
.members__section--benefit .benefit__more-btn::after{
    display: none;
}

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

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

.members__section--benefit .benefit__detail .thumb {
    width: calc(368 * var(--vw-400));
    margin-top: calc(20 * var(--vw-400));
}

/* ===== 세일 전용 델타 (날짜 / 상호이동 버튼) ===== */
/* NB2024-13306 :: S */
.members__section--benefit .benefit__head { gap: calc(15 * var(--vw-400)); }
.members__section--benefit .benefit__dateGroup {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--vw-400));
}
.members__section--benefit .benefit__date {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  font-size: calc(18 * var(--vw-400));
  line-height: calc(28 * var(--vw-400));
  letter-spacing: -0.05em;
  color: #A20703;
}
.members__section--benefit .benefit__date .font--en {
  font-family: "ProximaNova", sans-serif;
  font-size: calc(20 * var(--vw-400));
}
.members__section--benefit .benefit__date b { font-weight: 900; }
.members__section--benefit .benefit__date b .font--en { font-weight: 800; }
.members__section--benefit .benefit__date .dash { letter-spacing: calc(-1.6 * var(--vw-400)); }
/* 라스트찬스 (isLastChanceShow) */
.members__section--benefit .benefit__headline .font--en {
  font-family: "ProximaNova", sans-serif;
  font-weight: 800;
  font-size: calc(28 * var(--vw-400));
}
.members__section--benefit .benefit__date--lc { margin-top: calc(9 * var(--vw-400)); font-weight: 700; }
.members__section--benefit .benefit__date--lc .font--en { font-weight: 700; }
.members__section--benefit .benefit__lcCouponBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(310 * var(--vw-400));
  height: calc(48 * var(--vw-400));
  margin-top: calc(9 * var(--vw-400));
  background: #151415;
  border-radius: calc(5 * var(--vw-400));
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  font-size: calc(16 * var(--vw-400));
  letter-spacing: -0.05em;
  color: #fff;
}
.members__section--benefit .benefit__lcCouponBtn.is-disabled { color: #A1A1A1; pointer-events: none; }
.members__banner img { display: block; width: 100%; }
/* 정사각 영상(340x340)을 163x180 박스에 가운데 크롭. 공유 CSS의 민트 배경 제거 */
.members__section--benefit .benefit__thumb { background: none; }
.members__section--benefit .benefit__thumb video { width: 100%; height: 100%; object-fit: cover; }
/* NB2024-13306 :: E */
/* NB2024-13307 :: S */
/* 키즈 라스트찬스 안내문: 헤드 gap 15 를 시안 간격 8 로 당김 */
.members__section--benefit .benefit__lcNote {
  margin-top: calc(-7 * var(--vw-400));
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 700;
  font-size: calc(12 * var(--vw-400));
  line-height: 1.4;
  letter-spacing: -0.05em;
  color: #151415;
  opacity: 0.5;
}
.members__section--benefit .benefit__lcNote .font--en { font-size: calc(13 * var(--vw-400)); font-weight: 700; }
/* NB2024-13307 :: E */
.members__section--benefit .benefit__couponBtn.is-disabled { background: #B9B9B9; pointer-events: none; } /* NB2024-13039: font-size:0 제거 */
/* NB2024-13039: ::after 오버레이 방식 폐기, 버튼 텍스트를 직접 "발급완료"로 렌더(JSP/JS) */
/* .members__section--benefit .benefit__couponBtn.is-disabled::after { content: "발급완료"; font-size: calc(14 * var(--vw-400)); } */
.members__section--benefit .benefit__nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(10 * var(--vw-400));
}
.members__section--benefit .benefit__navBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(6 * var(--vw-400));
  width: calc(310 * var(--vw-400));
  height: calc(48 * var(--vw-400));
  background: #151415;
  border-radius: calc(5 * var(--vw-400));
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  font-size: calc(16 * var(--vw-400));
  letter-spacing: -0.05em;
  color: #fff;
}
.members__section--benefit .benefit__navBtn b { font-weight: 700; }
.members__section--benefit .benefit__navBtn-logo { height: calc(24 * var(--vw-400)); width: auto; }

/* 상호이동 버튼 아이콘 (본행사 .ico--nb/.ico--nk 재활용, 인라인 SVG) */
.members__section--benefit .benefit__navBtn .ico--nb {
  flex: 0 0 auto;
  width: calc(32 * var(--vw-400));
  height: calc(16 * var(--vw-400));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16' viewBox='0 0 32 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2212 5.64902L17.7067 2.96566L22.7382 2.63176L22.9133 2.30696L18.2612 1.97002L19.3498 0.00303555H27.9799C30.6328 0.00303555 32.5941 0.989565 31.8352 3.89148C31.6047 4.77177 30.5248 6.98463 27.3641 7.91045C28.0353 7.99545 29.7076 8.76342 29.4187 10.7608C28.908 14.3032 24.4981 15.9909 22.0436 15.9909L11.858 15.997L11.3531 13.945L16.691 13.5564L16.872 13.2316L11.0845 12.8644L10.46 10.436L18.6961 9.93512L18.8741 9.61336L4.08009 8.642L4.7893 7.36103L20.7157 6.28647L20.8937 5.96471L16.227 5.64902M22.8841 6.18023L24.3551 6.16809C25.3357 6.16202 26.3572 5.69759 26.7278 4.75052C27.0722 3.87327 26.6111 3.12654 25.9953 3.12958H24.571L22.8812 6.18023H22.8841ZM21.1914 9.23392L19.4199 12.4272H21.1068C21.8889 12.4272 23.2898 12.0205 23.7218 10.864C24.1216 9.78941 23.3861 9.23089 22.8754 9.23392H21.1914ZM8.34114 14.1666L7.31966 15.9909L0 16L0.709201 14.719L8.34114 14.1635V14.1666ZM8.85772 0L14.7415 0.00607095L15.1851 1.73933L8.14852 1.28097L8.85772 0ZM15.5236 3.11136L16.1657 5.64902L6.11431 4.96301L6.82351 3.68203L15.5236 3.11136ZM10.4016 10.436L9.12038 12.7338L2.03713 12.318L2.74633 11.037L10.4016 10.4329V10.436Z' fill='white'/%3E%3C/svg%3E") no-repeat center / contain;
}
.members__section--benefit .benefit__navBtn .ico--nk {
  flex: 0 0 auto;
  width: calc(47 * var(--vw-400));
  height: calc(24 * var(--vw-400));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='24' viewBox='0 0 47 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1_514)'%3E%3Cpath d='M25.1314 11.0863C23.9999 12.7862 25.2908 14.162 25.2908 14.162C26.9481 15.7397 28.4886 14.1195 28.4886 14.1195L28.6905 11.0863C26.7463 9.2643 25.1314 11.0863 25.1314 11.0863Z' fill='white'/%3E%3Cpath d='M46.9057 4.32935C46.9057 4.32935 42.9004 2.58699 32.4197 1.90173L27.0757 0L26.8738 1.85923L21.6521 2.34263C21.6521 2.34263 20.6799 0.600266 18.9801 1.0093C18.1142 1.21647 17.6202 1.52457 17.3121 1.87517C16.494 2.05046 15.8619 2.55511 15.6335 3.21381L12.5525 3.92032L11.0544 3.07038L10.5392 4.12749L10.0452 3.90438L9.76361 4.36653L9.56706 4.68526L8.42497 4.97211L8.14343 2.09827L3.81408 2.58167L3.97344 3.69721L3.50066 3.75033L2.86853 3.8247L2.96414 4.45153L3.30412 6.73572L0 8.37716L3.39973 18.9801L5.0571 18.5817L5.11023 18.927L5.73174 18.8207L5.8008 18.8048L5.94422 19.83L10.1142 19.3041L9.99203 18.0876C9.99203 18.0876 11.0863 17.9283 12.7224 18.0345L13.3121 18.6401L13.7424 19.081L14.0717 18.757L14.842 19.4635L16.34 18.0452C16.34 18.0452 23.7875 19.0173 27.6282 20.1487C31.4741 21.2802 36.5312 23.1023 38.4754 23.9947L40.8659 18.4914C40.8659 18.4914 42.2417 18.008 42.6082 16.6693C42.9748 15.336 42.9748 14.8101 42.8101 13.7158L45.5617 12.4197C45.5617 12.4197 45.6042 11.3254 44.3453 10.1142L46.8951 4.32935H46.9057ZM14.0398 18.2098L7.88845 11.9363L8.69588 17.7211L5.90173 18.2098L3.83533 4.36653L6.62948 4.0425L7.5591 9.58831L10.5551 4.69057L13.9548 6.23107L10.6348 11.251L15.8141 16.4728L14.0345 18.2151L14.0398 18.2098ZM17.5246 14.162L16.919 6.51262L19.8353 6.39044L20.0372 13.9602L17.5299 14.162H17.5246ZM18.2311 5.13679C17.2377 5.13679 16.4303 4.53121 16.4303 3.7822C16.4303 3.0332 17.2377 2.42762 18.2311 2.42762C19.2244 2.42762 20.0319 3.0332 20.0319 3.7822C20.0319 4.53121 19.2244 5.13679 18.2311 5.13679ZM30.8367 17.8858L28.409 17.5246L28.4515 16.7968C28.4515 16.7968 25.2537 17.9283 23.3094 15.7822C21.3652 13.6361 21.8114 10.9641 23.4316 9.34927C25.0518 7.72908 27.5591 7.80876 28.7331 8.70119L29.0571 4.16999L32.255 5.0996L30.8367 17.8858ZM41.5193 12.0584C41.5193 12.0584 40.7118 10.9641 39.7769 10.4382C39.7769 10.4382 38.8473 9.91235 38.4436 10.5179C38.0398 11.1235 38.8048 11.8938 39.1288 12.1381C39.4529 12.3825 41.5989 14.0398 40.8287 15.7397C40.0584 17.4396 38.7623 18.0876 37.0252 17.5618C35.2829 17.0359 33.907 15.8194 33.3015 14.2417L34.9588 13.3493C34.9588 13.3493 36.0903 15.0491 37.3068 15.4157C37.3068 15.4157 37.9548 15.7769 38.4011 15.1341C38.8473 14.4861 38.077 13.9177 38.077 13.9177C38.077 13.9177 36.8659 12.8659 36.5418 12.3825C36.2178 11.8991 35.2457 11.0066 36.5843 9.06242C36.5843 9.06242 37.7583 7.48473 39.9841 8.41434C39.9841 8.41434 42.0451 9.26428 43.0598 11.0066L41.5246 12.0584H41.5193Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_514'%3E%3Crect width='46.9057' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center / contain;
}
/* ==========================================================================
   혜택 유의사항 레이어팝업 (NB2024-12727) - bf2026_common.css(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-13652 :: S */
/* 세일 선입장 시안 수정본(1425:588): 프로모션 헤더 + 카드 240 가로 스와이프 + 첫구매·웰컴백 블록. 성인 마크업에만 붙는 클래스라 키즈 세일 영향 없음 */
/* 날짜→프로모션 헤더 60(섹션 gap 40 + 20), 마지막 인디케이터→하단 버튼 70(40 + 30) */
.members__section--benefit .benefit__promoHead { display: flex; flex-direction: column; align-items: center; gap: calc(6 * var(--vw-400)); margin-top: calc(20 * var(--vw-400)); text-align: center; }
.members__section--benefit .benefit__promoEyebrow { font-family: "ProximaNova", sans-serif; font-weight: 700; font-size: calc(18 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); color: #a20703; }
.members__section--benefit .benefit__promoTitle { font-family: "Noto Sans KR", sans-serif; font-weight: 900; font-size: calc(26 * var(--vw-400)); line-height: 1.4; letter-spacing: -0.05em; color: #151415; }
.members__section--benefit .benefit__promoDesc { font-family: "Noto Sans KR", sans-serif; font-size: calc(16 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); letter-spacing: -0.05em; color: #151415; }
.members__section--benefit .benefit__promoDesc .font--en { font-family: "ProximaNova", sans-serif; font-size: calc(17 * var(--vw-400)); }
.members__section--benefit .benefit__swiper { width: 100%; overflow: hidden; }
.members__section--benefit .benefit__slide { width: calc(240 * var(--vw-400)); }
.members__section--benefit .benefit__slide .benefit__thumb { width: calc(240 * var(--vw-400)); height: calc(240 * var(--vw-400)); }
.members__section--benefit .benefit__slide .benefit__body { width: calc(220 * var(--vw-400)); margin-top: calc(14 * var(--vw-400)); }
.members__section--benefit .benefit__slide .benefit__desc { width: auto; }
.members__section--benefit .benefit__slide .benefit__couponBtn { width: calc(90 * var(--vw-400)); height: calc(35 * var(--vw-400)); margin: calc(2 * var(--vw-400)) 0; font-size: calc(13 * var(--vw-400)); }
.members__section--benefit .benefit__slide .benefit__copyBtn { top: auto; bottom: calc(11 * var(--vw-400)); left: calc(16 * var(--vw-400)); }
.members__section--benefit .benefit__scrollbar.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; }
.members__section--benefit .benefit__scrollbar .swiper-scrollbar-drag { height: 100%; border-radius: 0; background: #151415; }
.members__section--benefit .benefit__welcome { display: flex; flex-direction: column; align-items: center; gap: calc(40 * var(--vw-400)); width: 100%; margin-bottom: calc(30 * var(--vw-400)); }
.members__section--benefit .benefit__welcome .benefit__promoHead { margin-top: 0; }
/* NB2024-13652 :: E */
/* NB2024-13671 :: S */
/* 블랙위크 전체입장 세일 테마(.is-bw), 상품목록 영역은 흰 배경 유지 */
.imc.is-bw .members__section--benefit { padding: calc(70 * var(--vw-400)) 0; background: #000; }
.imc.is-bw .members__section--benefit .benefit__headline,
.imc.is-bw .members__section--benefit .benefit__promoTitle,
.imc.is-bw .members__section--benefit .benefit__promoDesc,
.imc.is-bw .members__section--benefit .benefit__title,
.imc.is-bw .members__section--benefit .benefit__desc { color: #fff; }
.imc.is-bw .members__section--benefit .benefit__date,
.imc.is-bw .members__section--benefit .benefit__promoEyebrow,
.imc.is-bw .members__section--benefit .benefit__desc b.point { color: #134AFD; }
/* 이미지에 구워진 Copy Code 버튼 위 투명 클릭 영역 */
.imc.is-bw .members__section--benefit .benefit__slide .benefit__copyBtn {
  left: calc(16 * var(--vw-400));
  bottom: calc(11 * var(--vw-400));
  width: calc(79 * var(--vw-400));
  height: calc(28 * var(--vw-400));
  padding: 0;
  border: 0;
  background: transparent;
  color: transparent;
}
.imc.is-bw .members__section--benefit .benefit__couponBtn { background: #fff; color: #151415; }
.imc.is-bw .members__section--benefit .benefit__couponBtn.is-disabled { background: #333; color: #999; }
.imc.is-bw .members__section--benefit .benefit__more-btn { color: #999; }
.imc.is-bw .members__section--benefit .benefit__scrollbar.swiper-scrollbar { background: #333; }
.imc.is-bw .members__section--benefit .benefit__scrollbar .swiper-scrollbar-drag { background: #fff; }
.imc.is-bw .members__section--benefit .benefit__welcome { margin-top: calc(20 * var(--vw-400)); margin-bottom: calc(50 * var(--vw-400)); }
.imc.is-bw .members__section--benefit .benefit__navBtn { background: #fff; color: #151415; }
.imc.is-bw .members__section--benefit .benefit__navBtn .ico--nb { background: url(https://image.nbkorea.com/NBRB_Mobile/event/mw2026_winter/sale/nav_nb_mo.png) no-repeat center / contain; }
.imc.is-bw .members__section--benefit .benefit__navBtn .ico--nk { background: url(https://image.nbkorea.com/NBRB_Mobile/event/mw2026_winter/sale/nav_nk_mo.png) no-repeat center / contain; }
/* NB2024-13671 :: E */