@charset "utf-8";

body .bat-wrapper { max-width: unset; }

.reg11__wrap {
  --reg11-unit: 0.0694444vw;      /* 1440px 디자인 기준 1px */
  --font-en: "Mont";
  --font-kr: "Onemobile";
  --orange: #fe5000;

  position: relative;
  width: 100%;
  overflow: hidden;
  background: #000000;
  font-family: var(--font-en), var(--font-kr), sans-serif;
  color: #ffffff;
  word-break: keep-all;
}
.reg11__wrap, .reg11__wrap * { box-sizing: border-box; }
.reg11__wrap img { max-width: 100%; display: block; }
.reg11__wrap p, .reg11__wrap h2, .reg11__wrap h3, .reg11__wrap ul, .reg11__wrap li { margin: 0; padding: 0; }
.reg11__wrap li { list-style: none; }
.reg11__wrap a { text-decoration: none; color: inherit; }

.reveal { --reveal-y: calc(60 * var(--reg11-unit, 0.0694444vw)); opacity: 0; transition: opacity 1.2s ease, transform 1.2s ease; will-change: opacity, transform; }
.reveal:not(.reg11__has-tf) { transform: translateY(var(--reveal-y, 0)); }
.reveal.is-visible { --reveal-y: 0px; opacity: 1; }
.fx__tran_05 { transition-delay: 0.05s; }
.fx__tran_10 { transition-delay: 0.10s; }
.fx__tran_15 { transition-delay: 0.15s; }

.reg11__main { position: relative; width: 100%; height: calc(3336 * var(--reg11-unit)); }

/* ---------- 배경: 상단 그레이 컨익 → 하단 블랙 ---------- */
.reg11__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: #000000; }
.reg11__bg::before {
  content: "";
  position: absolute;
  left: calc(-1280 * var(--reg11-unit));
  top: calc(-271.665 * var(--reg11-unit));
  width: calc(4000 * var(--reg11-unit));
  height: calc(3365.13 * var(--reg11-unit));
  transform: rotate(90deg);
  background: conic-gradient(from 90deg,
    #000000 0%, #070707 6.25%, #0e0e0e 12.5%, #1d1d1d 25%, #2b2b2b 37.5%,
    #393939 50%, #2b2b2b 62.5%, #1d1d1d 75%, #0e0e0e 87.5%, #070707 93.75%, #000000 100%);
}
.reg11__bg::after {
  content: "";
  position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 38%, rgba(0,0,0,0.85) 58%, #000000 70%);
}
/* 섹션 사이 스포트라이트 */
.reg11__spot {
  position: absolute;
  left: calc(570 * var(--reg11-unit));
  top: calc(1220 * var(--reg11-unit));
  width: calc(300 * var(--reg11-unit));
  height: calc(420 * var(--reg11-unit));
  background: radial-gradient(ellipse 50% 50% at 50% 45%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.05) 35%, rgba(255,255,255,0) 70%);
  pointer-events: none;
}

/* ---------- 버튼 ---------- */
.reg11__wrap .reg11__btn {
  position: absolute;
  display: flex; align-items: center; justify-content: center;
  gap: calc(12 * var(--reg11-unit));
  font-weight: 700;
  font-size: calc(30 * var(--reg11-unit));
  line-height: 1.1;
  white-space: nowrap;
}
.reg11__wrap .reg11__btn--top {
  left: calc(560 * var(--reg11-unit)); top: calc(728 * var(--reg11-unit));
  width: calc(321 * var(--reg11-unit)); height: calc(93 * var(--reg11-unit));
  border-radius: calc(120 * var(--reg11-unit));
  background: var(--orange); color: #ffffff;
}
.reg11__wrap .reg11__btn--bottom {
  left: calc(535 * var(--reg11-unit)); top: calc(3074 * var(--reg11-unit));
  width: calc(370 * var(--reg11-unit)); height: calc(90 * var(--reg11-unit));
  border-radius: calc(120 * var(--reg11-unit));
  background: #ffffff; color: #000000;
}
.reg11__chev { display: block; flex: none; width: calc(16 * var(--reg11-unit)); height: calc(25 * var(--reg11-unit)); }
.reg11__chev path { stroke: currentColor; }

/* ---------- 01. 메인 ---------- */
.reg11__logo { position: absolute; left: calc(117 * var(--reg11-unit)); top: calc(75 * var(--reg11-unit)); width: calc(295.071 * var(--reg11-unit)); }

.reg11__title {
  position: absolute; left: 0; top: calc(365 * var(--reg11-unit)); width: 100%;
  text-align: center; white-space: nowrap;
  font-weight: 700;
  font-size: calc(128 * var(--reg11-unit));
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #ffffff;
  text-shadow: 0 calc(4 * var(--reg11-unit)) calc(14 * var(--reg11-unit)) rgba(0, 0, 0, 0.25);
}
.reg11__title .reg11__en { font-family: var(--font-en), sans-serif; font-weight: 600; }

.reg11__meta { position: absolute; left: 0; top: calc(575 * var(--reg11-unit)); width: 100%; }
.reg11__meta-row { position: absolute; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; white-space: nowrap; transform: translateY(-50%); }
.reg11__meta-row--period { top: 0; }
.reg11__meta-row--target { top: calc(56 * var(--reg11-unit)); }
.reg11__meta-label { position: relative; top: calc(3 * var(--reg11-unit)); font-weight: 700; font-size: calc(33 * var(--reg11-unit)); line-height: 1; letter-spacing: -0.02em; color: #ffffff; }
.reg11__meta-bar { flex: none; width: calc(2.2 * var(--reg11-unit)); height: calc(29 * var(--reg11-unit)); background: #ffffff; margin-left: calc(16 * var(--reg11-unit)); margin-right: calc(17 * var(--reg11-unit)); }
.reg11__meta-value { position: relative; top: calc(3 * var(--reg11-unit)); font-weight: 700; font-size: calc(33 * var(--reg11-unit)); line-height: 1; color: #ffffff; }
.reg11__meta-date { font-family: var(--font-en), sans-serif; font-weight: 600; font-size: calc(37 * var(--reg11-unit)); letter-spacing: -0.02em; }

/* ---------- 혜택 블록 공통 (헤더 + 라인) ---------- */
.reg11__block { position: absolute; left: calc(182 * var(--reg11-unit)); width: calc(1076 * var(--reg11-unit)); }
.reg11__block--basic { top: calc(912 * var(--reg11-unit)); }
.reg11__block--month { top: calc(1404 * var(--reg11-unit)); }
.reg11__block-head {
  padding-bottom: calc(22 * var(--reg11-unit));
  border-bottom: calc(3 * var(--reg11-unit)) solid #ffffff;
  font-weight: 700; font-size: calc(40 * var(--reg11-unit)); line-height: 1.3; letter-spacing: -0.04em; color: #ffffff;
}
.reg11__block-head .reg11__en { font-family: var(--font-en), sans-serif; }
.reg11__block-text { font-weight: 400; font-size: calc(42 * var(--reg11-unit)); line-height: 1.4; letter-spacing: -0.04em; color: #ffffff; white-space: nowrap; }
.reg11__block--basic .reg11__block-text { position: absolute; left: 0; top: calc(188 * var(--reg11-unit)); }
.reg11__block--month .reg11__block-text { margin-top: calc(30 * var(--reg11-unit)); }
.reg11__block-text .reg11__en { font-family: var(--font-en), sans-serif; }

.reg11__warranty { position: absolute; left: calc(793 * var(--reg11-unit)); top: calc(1052 * var(--reg11-unit)); width: calc(466 * var(--reg11-unit)); }

/* ---------- 경품 이미지 ---------- */
.reg11__prize { position: absolute; left: calc(182 * var(--reg11-unit)); top: calc(1636 * var(--reg11-unit)); width: calc(1076 * var(--reg11-unit)); }

/* ---------- 02. 보증/리뷰 ---------- */
.reg11__device { position: absolute; left: calc(235 * var(--reg11-unit)); top: calc(2262 * var(--reg11-unit)); width: calc(239 * var(--reg11-unit)); z-index: 2; }
.reg11__sec-title {
  position: absolute; left: calc(491 * var(--reg11-unit)); top: calc(2410 * var(--reg11-unit));
  white-space: nowrap;
  font-weight: 700; font-size: calc(70 * var(--reg11-unit)); line-height: 1.3; letter-spacing: -0.04em; color: #ffffff;
}

.reg11__card {
  position: absolute;
  left: calc(122 * var(--reg11-unit));
  top: calc(2595 * var(--reg11-unit));
  width: calc(1196 * var(--reg11-unit));
  height: calc(380 * var(--reg11-unit));
  border-radius: calc(20 * var(--reg11-unit));
  background: rgba(48, 48, 48, 0.8);
}
.reg11__card-eyebrow { position: absolute; left: calc(60 * var(--reg11-unit)); top: calc(67.736 * var(--reg11-unit)); font-weight: 700; font-size: calc(42 * var(--reg11-unit)); line-height: 1.3; letter-spacing: -0.04em; color: var(--orange); white-space: nowrap; }
.reg11__card-head    { position: absolute; left: calc(60 * var(--reg11-unit)); top: calc(137.736 * var(--reg11-unit)); font-weight: 700; font-size: calc(46 * var(--reg11-unit)); line-height: 1.3; letter-spacing: -0.04em; color: #ffffff; white-space: nowrap; }
.reg11__card-body    { position: absolute; left: calc(60 * var(--reg11-unit)); top: calc(209.736 * var(--reg11-unit)); font-weight: 400; font-size: calc(32 * var(--reg11-unit)); line-height: 1.3; letter-spacing: -0.04em; color: #d9d9d9; white-space: nowrap; }
.reg11__card-body .reg11__en { font-family: var(--font-en), sans-serif; }
.reg11__wrap .reg11__more {
  position: absolute; left: calc(60 * var(--reg11-unit)); top: calc(283 * var(--reg11-unit));
  font-weight: 700; font-size: calc(26 * var(--reg11-unit)); line-height: 1.2; letter-spacing: -0.02em; color: var(--orange); white-space: nowrap;
}
.reg11__card-thumb { position: absolute; left: calc(746 * var(--reg11-unit)); top: calc(67.297 * var(--reg11-unit)); width: calc(390 * var(--reg11-unit)); }

.reg11__disc {
  position: absolute; left: calc(60 * var(--reg11-unit)); top: calc(3242 * var(--reg11-unit));
  font-family: var(--font-en), "NotoSans", sans-serif;
  font-weight: 400; font-size: calc(18 * var(--reg11-unit)); line-height: 1; letter-spacing: -0.03em; color: #ffffff; white-space: nowrap;
}

/* ===================== 유의사항 ===================== */
.gp-notice { position: relative; width: 100%; font-family: var(--font-en), "NotoSans", sans-serif; }
.gp-notice__top { position: relative; width: 100%; height: calc(192 * var(--reg11-unit)); background: #333333; }
.gp-notice__top-left { position: absolute; left: calc(91 * var(--reg11-unit)); top: calc(70.168 * var(--reg11-unit)); display: flex; align-items: center; }
.gp-notice__icon { width: calc(53 * var(--reg11-unit)); height: calc(53 * var(--reg11-unit)); }
.gp-notice__label { margin-left: calc(25 * var(--reg11-unit)); font-size: calc(46 * var(--reg11-unit)); font-weight: 700; line-height: 1.2; color: #ffffff; }
.gp-notice__arrow {
  position: absolute; left: calc(1259 * var(--reg11-unit)); top: calc(82.168 * var(--reg11-unit));
  width: calc(48 * var(--reg11-unit)); height: calc(28 * var(--reg11-unit));
  padding: 0; border: none; background: transparent; cursor: pointer;
}
.gp-notice__arrow::before {
  content: ""; position: absolute; left: 50%; top: 50%;
  width: calc(24 * var(--reg11-unit)); height: calc(24 * var(--reg11-unit));
  border-right: calc(3.4 * var(--reg11-unit)) solid #ffffff;
  border-bottom: calc(3.4 * var(--reg11-unit)) solid #ffffff;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: transform 0.3s ease;
}
.gp-notice.is-closed .gp-notice__arrow::before { transform: translate(-50%, -50%) rotate(-135deg); }
.gp-notice__bottom {
  width: 100%; max-height: 0; background: #262626; overflow: hidden;
  padding: 0 calc(124 * var(--reg11-unit)) 0 calc(74 * var(--reg11-unit));
  transition: max-height 0.8s cubic-bezier(0.65, 0, 0.35, 1), padding 0.8s cubic-bezier(0.65, 0, 0.35, 1);
}
.gp-notice:not(.is-closed) .gp-notice__bottom { padding: calc(60.168 * var(--reg11-unit)) calc(124 * var(--reg11-unit)) calc(36.832 * var(--reg11-unit)) calc(74 * var(--reg11-unit)); }
.gp-notice__title { font-size: calc(28 * var(--reg11-unit)); font-weight: 700; line-height: 1.2; letter-spacing: -0.05em; color: #ffffff; text-align: left; }
.reg11__wrap .gp-notice__list { margin-top: calc(23 * var(--reg11-unit)); }
.gp-notice__list li { position: relative; padding-left: calc(30 * var(--reg11-unit)); font-size: calc(26 * var(--reg11-unit)); font-weight: 400; line-height: calc(48 / 26); letter-spacing: -0.05em; color: #ffffff; text-align: left; }
.gp-notice__list li::before { content: ""; position: absolute; left: calc(10 * var(--reg11-unit)); top: calc(21 * var(--reg11-unit)); width: calc(6 * var(--reg11-unit)); height: calc(6 * var(--reg11-unit)); border-radius: 50%; background: #ffffff; }
.reg11__wrap .gp-notice__subtitle { margin-top: calc(23 * var(--reg11-unit)); font-size: calc(26 * var(--reg11-unit)); font-weight: 700; line-height: 1.4; letter-spacing: -0.05em; color: #ffffff; text-align: left; }
.gp-notice__subtitle .gp-notice__sm { font-size: calc(24 * var(--reg11-unit)); font-weight: 400; }
.reg11__wrap .gp-notice__list--sub { margin-top: calc(16 * var(--reg11-unit)); }

@media (max-width: 768px) {
  .reg11__wrap .gp-notice { --reg11-unit: 0.133333vw; }
  .gp-notice__top { height: calc(140 * var(--reg11-unit)); }
  .gp-notice__top-left { left: calc(48 * var(--reg11-unit)); top: calc(38 * var(--reg11-unit)); }
  .gp-notice__icon { width: calc(64 * var(--reg11-unit)); height: calc(64 * var(--reg11-unit)); }
  .gp-notice__label { margin-left: calc(20 * var(--reg11-unit)); font-size: calc(40 * var(--reg11-unit)); }
  .gp-notice__arrow { left: calc(626 * var(--reg11-unit)); top: calc(56 * var(--reg11-unit)); width: calc(48 * var(--reg11-unit)); height: calc(28 * var(--reg11-unit)); }
  .gp-notice__arrow::before { width: calc(24 * var(--reg11-unit)); height: calc(24 * var(--reg11-unit)); border-right-width: calc(3.4 * var(--reg11-unit)); border-bottom-width: calc(3.4 * var(--reg11-unit)); }
  .gp-notice__bottom { padding: 0 calc(36 * var(--reg11-unit)); }
  .gp-notice:not(.is-closed) .gp-notice__bottom { padding: calc(48 * var(--reg11-unit)) calc(36 * var(--reg11-unit)); }
  .gp-notice__title { font-size: calc(32 * var(--reg11-unit)); }
  .reg11__wrap .gp-notice__list { margin-top: calc(26 * var(--reg11-unit)); }
  .gp-notice__list li { padding-left: calc(33 * var(--reg11-unit)); font-size: calc(22 * var(--reg11-unit)); line-height: 1.7; }
  .gp-notice__list li::before { left: calc(11 * var(--reg11-unit)); top: calc(15 * var(--reg11-unit)); width: calc(7 * var(--reg11-unit)); height: calc(7 * var(--reg11-unit)); }
  .reg11__wrap .gp-notice__subtitle { margin-top: calc(30 * var(--reg11-unit)); font-size: calc(24 * var(--reg11-unit)); }
  .gp-notice__subtitle .gp-notice__sm { font-size: calc(22 * var(--reg11-unit)); }
  .reg11__wrap .gp-notice__list--sub { margin-top: calc(16 * var(--reg11-unit)); }
  .gp-notice__bottom br { display: none; }
}