@charset "utf-8";

/*
 * 26FW 메가위크 세일 (MO) - 260911 시안
 * 혜택 영역(.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: calc(60 * var(--vw-400)) 0 calc(70 * 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;
}
/* 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: #3afbcc;
    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;
}
.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: #fa149e;
}

/* 쿠폰 다운로드 버튼 */
.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;
}

/* 유의사항 토글 */
.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;
}
.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));
}

/* ===== 세일 전용 델타 (날짜 / 상호이동 버튼) ===== */
.members__section--benefit .benefit__date {
  font-family: "ProximaNova", sans-serif;
  font-weight: 800;
  font-size: calc(20 * var(--vw-400));
  line-height: calc(28 * var(--vw-400));
  letter-spacing: -0.05em;
  color: #fa149e;
}
.members__section--benefit .benefit__date .dash { letter-spacing: calc(-1.6 * var(--vw-400)); }
.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(56 * var(--vw-400)); height: calc(56 * 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: 800; line-height: 1.3; color: #151415; letter-spacing: -0.02em;}
.layer_wrap.bf__notice-pop .bf__notice-pop-close {position: fixed; bottom: calc(30 * var(--vw-400)); left: 50%; transform: translateX(-50%); width: calc(48 * var(--vw-400)); height: calc(48 * 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(28 * var(--vw-400));}
.bf__notice-step li {display: flex; flex-direction: column; gap: calc(8 * var(--vw-400)); font-size: calc(16 * var(--vw-400)); line-height: 1.45; color: #151415;}
.bf__notice-step-num {font-weight: 800; font-size: calc(20 * var(--vw-400));}
.bf__notice-step-num em {font-style: italic; font-weight: 800;}
.bf__notice-step-desc b {font-weight: 800;}
.bf__notice-promo {display: flex; flex-direction: column; overflow: hidden; margin-bottom: calc(16 * 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(16 * var(--vw-400)); font-weight: 700; color: #151415; margin-bottom: calc(10 * var(--vw-400));}
.bf__notice-promo-input {display: flex; gap: calc(6 * var(--vw-400)); margin-bottom: calc(16 * var(--vw-400));}
.bf__notice-promo-input input {flex: 1; min-width: 0; height: calc(40 * var(--vw-400)); padding: 0 calc(12 * var(--vw-400)); border: 1px solid #e0e0e2; background: #fff; font-size: calc(15 * var(--vw-400)); font-weight: 700; color: #FA149E; 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: #8a8a8e; color: #fff; font-size: calc(13 * var(--vw-400)); border: 0; cursor: pointer;}
.bf__notice-promo-bullets {font-size: calc(12 * var(--vw-400)); line-height: 1.55; color: #555;}
.bf__notice-promo-bullets li {position: relative; padding-left: calc(10 * var(--vw-400)); letter-spacing: -0.06em;}
.bf__notice-promo-bullets li::before {content: "·"; position: absolute; left: 0;}
.bf__notice-promo-caption {font-size: calc(12 * var(--vw-400)); line-height: 1.6; color: #555; margin-bottom: calc(24 * var(--vw-400));}
.bf__notice-promo-caption-copy {display: inline-block; padding: calc(2 * var(--vw-400)) calc(7 * var(--vw-400)); background: #151415; color: #fff; font-size: calc(11 * var(--vw-400)); font-weight: 700; border-radius: calc(4 * var(--vw-400));}
.bf__notice-divider {border: 0; border-top: 1px solid #e5e5e7; margin: 0 0 calc(20 * var(--vw-400));}
.bf__notice-summary {font-size: calc(13 * var(--vw-400)); line-height: 1.6;}
.bf__notice-summary dt {font-weight: 700; color: #151415; margin-bottom: calc(10 * 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-info {margin-bottom: calc(20 * var(--vw-400)); font-size: calc(14 * var(--vw-400)); line-height: 1.6;}
.bf__notice-info dt {font-weight: 700; color: #151415; margin-bottom: calc(8 * var(--vw-400));}
.bf__notice-info dd {color: #333;}
.bf__notice-info-list li {position: relative; padding-left: calc(12 * var(--vw-400)); margin-bottom: calc(6 * var(--vw-400));}
.bf__notice-info-list li::before {content: "·"; position: absolute; left: 0;}
.bf__notice-info-list b {font-weight: 800;}
.bf__notice-toggle-wrap {font-size: calc(14 * var(--vw-400));}
.bf__notice-toggle-wrap > dt {font-weight: 700; color: #151415; margin-bottom: calc(10 * var(--vw-400));}
.bf__notice-toggle-btn {display: flex; gap: calc(10 * var(--vw-400));align-items: center; width: 100%; padding: calc(15 * var(--vw-400)) 0; background: transparent; border: 0; font-size: calc(15 * var(--vw-400)); 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: 0 0 calc(16 * var(--vw-400)); font-size: calc(12 * var(--vw-400)); line-height: 1.6; color: #555;}
.bf__notice-toggle-cont li {position: relative; padding-left: calc(10 * var(--vw-400)); margin-bottom: calc(4 * var(--vw-400));}
.bf__notice-toggle-cont li::before {content: "-"; position: absolute; left: 0;}