@charset "utf-8";
/* --------------------------------------------------------------------------
   페이지 전용 토큰
   -------------------------------------------------------------------------- */
.fg-register {
  --c-placeholder: #7A828B;   /* 인풋 플레이스홀더 */
  --c-lime: #81CC36;          /* 모달 eyebrow "PRIVACY POLICY" */
  --c-terms: #0C0C0C;         /* 모달 리드 문단 */
  --c-error: #E24C4B;         /* 검증 실패 (시안에 없음 — 퍼블 추가) */
  --c-dim: rgba(0, 0, 0, .6); /* 모달 배경 딤 */
}

/* --------------------------------------------------------------------------
   공통 구조 (브레이크포인트 무관)
   -------------------------------------------------------------------------- */
.fg-register .reg { position: relative; }

/* ---- 좌측(PC) / 상단(MO) : 인트로 ---- */
.fg-register .reg-intro {
  position: relative;
  overflow: hidden;
  background: var(--c-white);
}

.fg-register .reg-intro::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: var(--c-green);
  opacity: .15;
  pointer-events: none;
}

.fg-register .reg-intro__shape {
  position: absolute;
  z-index: 0;
  max-width: none;
  pointer-events: none;
}

.fg-register .reg-intro__inner {
  position: relative;
  z-index: 1;
}

.fg-register .reg-intro__logo img { width: 100%; height: 100%; object-fit: contain; }

.fg-register .reg-intro__title {
  font-weight: 700;
  color: var(--c-ink);
}

.fg-register .reg-intro__desc p { color: var(--c-body); }

/* ---- 인포그래픽 + 말풍선 ---- */
.fg-register .reg-visual { position: relative; }

.fg-register .reg-visual__info {
  position: absolute;
  max-width: none;
}

.fg-register .reg-tip {
  position: absolute;
  border-style: solid;
  border-color: var(--c-green);
  background: rgba(255, 255, 255, .6);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: var(--c-green);
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}

/* ---- 우측(PC) / 하단(MO) : 폼 ---- */
.fg-register .reg-form {
  position: relative;
  overflow: hidden;
}

.fg-register .reg-form__deco {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.fg-register .reg-form__photo {
  position: absolute;
  max-width: none;
  object-fit: cover;
  opacity: .6;
  mix-blend-mode: multiply;
}

.fg-register .reg-form__inner {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

.fg-register .reg-form__title {
  color: var(--c-green);
  font-weight: 700;
  text-align: center;
}

.fg-register .reg-form__lead {
  color: var(--c-black);
  text-align: center;
}

/* ---- 입력 필드 ---- */
.fg-register .reg-row { display: grid; grid-template-columns: 1fr; }

.fg-register .reg-field {
  position: relative;
  min-width: 0;
}

.fg-register .reg-input {
  display: block;
  width: 100%;
  border-style: solid;
  border-color: var(--c-line);
  background: var(--c-white);
  color: var(--c-ink);
  font-weight: 500;
  text-align: center;
  outline: 0;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color .15s ease;
}

.fg-register .reg-input::placeholder { color: var(--c-placeholder); opacity: 1; }
.fg-register .reg-input:focus { border-color: var(--c-green); }
.fg-register .reg-input.is-error { border-color: var(--c-error); }

/* 검증 실패 메시지 — 시안에 없는 퍼블 추가 요소(레이아웃 밀림 방지용 absolute) */
.fg-register .reg-error {
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  color: var(--c-error);
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
}
.fg-register .reg-error:empty { display: none; }

/* ---- (휴대폰 인증 기능 제거됨) ---- */
.fg-register .reg-verify {
  display: block;
  width: 100%;
  background: var(--c-black);
  color: var(--c-white);
  font-weight: 700;
  text-align: center;
}
.fg-register .reg-verify:disabled { cursor: default; opacity: .5; }
.fg-register .reg-verify.is-done { background: #6EBE49; opacity: 1; cursor: default; }

/* ---- 휴대폰 본인인증 : 인증번호 입력 ---- */
.fg-register .reg-row--otp[hidden] { display: none; }

.fg-register .reg-otp { display: flex; }

.fg-register .reg-otp__field { position: relative; flex: 1 1 auto; min-width: 0; }

.fg-register .reg-otp__input { font-weight: 700; letter-spacing: .25em; }
.fg-register .reg-otp__input::placeholder { font-weight: 500; letter-spacing: 0; }

.fg-register .reg-otp__timer {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #C63A22;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}

.fg-register .reg-otp__confirm {
  flex: 0 0 auto;
  border: 0;
  background: #6EBE49;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}
.fg-register .reg-otp__confirm:disabled { cursor: default; opacity: .4; }

.fg-register .reg-otp__foot {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1em;
}
.fg-register .reg-otp__msg { color: #5B6672; line-height: 1.4; }
.fg-register .reg-otp__msg.is-error { color: #C63A22; }
.fg-register .reg-otp__msg.is-ok { color: #4C9A2E; font-weight: 700; }

.fg-register .reg-otp__resend {
  flex: 0 0 auto;
  border: 0;
  background: none;
  color: #5B6672;
  text-decoration: underline;
  text-underline-offset: .25em;
  white-space: nowrap;
  cursor: pointer;
}
.fg-register .reg-otp__resend:disabled { cursor: default; opacity: .4; text-decoration: none; }

/* 인증 완료 : 입력 영역 감춤 */
.fg-register .reg-row--otp.is-verified .reg-otp,
.fg-register .reg-row--otp.is-verified .reg-otp__resend { display: none; }

.fg-register .reg-input[readonly] { background: #EEF2F5; color: #5B6672; }

/* ---- 개인정보 동의 ---- */
.fg-register .reg-agree {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}

.fg-register .reg-agree__label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

/* 체크박스 — 시안의 순수 도형을 CSS로 구현 */
.fg-register .reg-agree__box {
  position: relative;
  flex: 0 0 auto;
  border: 1px solid var(--c-light);
  border-radius: 3px;
  background: var(--c-white);
  transition: background-color .15s ease, border-color .15s ease;
}

.fg-register .reg-agree__box::before {
  content: "";
  position: absolute;
  top: 46%;
  left: 50%;
  border-style: solid;
  border-color: var(--c-white);
  border-width: 0 2px 2px 0;
  opacity: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

.fg-register .reg-agree__input:checked + .reg-agree__label .reg-agree__box {
  border-color: var(--c-green);
  background: var(--c-green);
}
.fg-register .reg-agree__input:checked + .reg-agree__label .reg-agree__box::before { opacity: 1; }

.fg-register .reg-agree__input:focus-visible + .reg-agree__label .reg-agree__box {
  outline: 2px solid var(--c-green-dark);
  outline-offset: 2px;
}

.fg-register .reg-agree.is-error .reg-agree__box { border-color: var(--c-error); }

.fg-register .reg-agree__text { color: var(--c-body); white-space: nowrap; }

.fg-register .reg-agree__more {
  flex: 0 0 auto;
  color: var(--c-green);
  white-space: nowrap;
  text-decoration: underline;
  text-underline-position: from-font;
  cursor: pointer;
}

.fg-register .reg-error--agree {
  top: 100%;
  right: 0;
  left: 0;
  text-align: center;
}

/* ---- CTA ---- */
.fg-register .reg-cta {
  position: relative;
  display: flex;
  justify-content: center;
}


/* ==========================================================================
   MODAL — 개인정보 수집 및 이용 동의 pop up
   ========================================================================== */
.fg-register .reg-modal {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fg-register .reg-modal[hidden] { display: none; }

.fg-register .reg-modal__dim {
  position: absolute;
  inset: 0;
  background: var(--c-dim);
}

.fg-register .reg-modal__box {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  background: var(--c-white);
}

/* 닫기 — close_24dp 아이콘을 CSS 도형(X)으로 구현 */
.fg-register .reg-modal__close {
  position: absolute;
  z-index: 2;
  cursor: pointer;
}
.fg-register .reg-modal__close::before,
.fg-register .reg-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 58%;
  height: 2px;
  background: #1F1F1F;
  border-radius: 2px;
}
.fg-register .reg-modal__close::before { transform: translate(-50%, -50%) rotate(45deg); }
.fg-register .reg-modal__close::after { transform: translate(-50%, -50%) rotate(-45deg); }

.fg-register .reg-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--c-gray) transparent;
}
.fg-register .reg-modal__body::-webkit-scrollbar-track { background: transparent; }
.fg-register .reg-modal__body::-webkit-scrollbar-thumb {
  border-radius: 1000px;
  background: var(--c-gray);
}

.fg-register .reg-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.fg-register .reg-modal__heading { white-space: nowrap; }

.fg-register .reg-modal__eyebrow {
  color: var(--c-lime);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.fg-register .reg-modal__title {
  color: var(--c-black);
  font-weight: 700;
  line-height: 1.3;
}

.fg-register .reg-modal__logo { flex: 0 0 auto; }

.fg-register .reg-modal__line {
  height: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid var(--c-line);
}

/* ---- 약관 본문 ---- */
.fg-register .reg-terms__intro { color: var(--c-terms); line-height: 1.4; }

.fg-register .reg-terms__block { color: var(--c-body); }

.fg-register .reg-terms__st {
  display: block;
  font-weight: 700;
}

.fg-register .reg-terms__note { color: var(--c-body); }

.fg-register .reg-terms__table {
  width: 100%;
  table-layout: fixed;
  border-style: solid;
  border-color: var(--c-body);
  color: var(--c-body);
  text-align: left;
}

.fg-register .reg-terms__table th,
.fg-register .reg-terms__table td {
  border-style: solid;
  border-color: var(--c-body);
  border-width: 0;
  vertical-align: middle;
  font-weight: 400;
  text-align: left;
}

.fg-register .reg-terms__table th { font-weight: 700; }

.fg-register .reg-terms__table tr { border: 0 solid var(--c-body); }

.fg-register .reg-terms__table th + th,
.fg-register .reg-terms__table td + td { border-left-style: solid; border-left-color: var(--c-body); }

/* 모달 열림 시 body 스크롤 잠금 (JS 가 top 값 지정) */
.fg-register.is-modal-open {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
}


/* ==========================================================================
   DESKTOP (min-width: 751px) — 시안 1920 x 1080
   좌 806(인트로) / 우 1114(폼) 2단 + 하단 전폭 CTA
   ========================================================================== */
@media (min-width: 751px) {

  .fg-register .reg {
    display: grid;
    grid-template-columns: min(806px, 41.9792vw) 1fr;
    grid-template-rows: auto auto;
    background: var(--c-sea100);
  }

  /* ---------- 인트로 : 1열 / 1~2행 (CTA 뒤까지 배경 유지) ---------- */
  .fg-register .reg-intro {
    grid-column: 1;
    grid-row: 1 / 3;
    padding: 0 0 min(40px, 2.0833vw) min(120px, 6.25vw);
  }

  /* Vector : -128.31, 312.32 / 1192.61 x 1073.35 */
  .fg-register .reg-intro__shape {
    left: max(-128.31px, -6.6828vw);
    top: min(312.32px, 16.2667vw);
    width: min(1192.61px, 62.1152vw);
    height: min(1073.35px, 55.9036vw);
  }

  .fg-register .reg-intro__inner { width: min(686px, 35.7292vw); }

  /* 로고 : 120,100 / 220 x 53.33 */
  .fg-register .reg-intro__logo {
    margin-top: min(100px, 5.2083vw);
    width: min(220px, 11.4583vw);
    height: min(53.33px, 2.7776vw);
  }

  /* 타이틀 블록 시작 y=200 → 200-(100+53.33)=46.67 */
  .fg-register .reg-intro__head { margin-top: min(46.67px, 2.4306vw); }

  .fg-register .reg-intro__title {
    font-size: min(40px, 2.0833vw);
    line-height: 1.3;
    letter-spacing: max(-0.8px, -0.0417vw);
  }

  /* 본문 시작 y=344 → 344-304=40 */
  .fg-register .reg-intro__desc { margin-top: min(40px, 2.0833vw); }

  .fg-register .reg-intro__desc p {
    font-size: min(20px, 1.0417vw);
    line-height: 1.5;
    letter-spacing: max(-0.6px, -0.0313vw);
  }
  .fg-register .reg-intro__desc p + p { margin-top: min(20px, 1.0417vw); }

  /* ---------- 인포그래픽 : 기준 (120, 573) / 573 x 294 ---------- */
  .fg-register .reg-visual {
    margin-top: min(59px, 3.0729vw);
    width: min(573px, 29.8438vw);
    height: min(294px, 15.3125vw);
  }

  /* info : 287,590 → 기준 대비 167,17 / 241.9 x 240.2 */
  .fg-register .reg-visual__info {
    left: min(167px, 8.6979vw);
    top: min(17px, 0.8854vw);
    width: min(241.9px, 12.599vw);
    height: min(240.2px, 12.5104vw);
  }

  .fg-register .reg-tip {
    padding: min(18px, 0.9375vw) min(20px, 1.0417vw);
    border-width: 1px;
    border-radius: min(10px, 0.5208vw);
    font-size: min(16px, 0.8333vw);
    letter-spacing: max(-0.64px, -0.0333vw);
  }

  /* Frame 39 : 120,573 → 0,0 */
  .fg-register .reg-tip--1 { left: 0; top: 0; }
  /* Frame 38 : 468,765 → 348,192 */
  .fg-register .reg-tip--2 {
    left: min(348px, 18.125vw);
    top: min(192px, 10vw);
  }

  /* ---------- 폼 : 2열 / 1행 ---------- */
  .fg-register .reg-form {
    grid-column: 2;
    grid-row: 1;
    padding: min(200px, 10.4167vw) min(238px, 12.3958vw) min(82.3px, 4.2865vw) min(166px, 8.6458vw);
    background: var(--c-sea100);
  }

  .fg-register .reg-form__photo {
    left: max(-54.3px, -2.8281vw);
    top: max(-9.3px, -0.4844vw);
    width: min(1422.91px, 74.1099vw);
    height: min(578.6px, 30.1354vw);
  }

  .fg-register .reg-form__inner { width: min(710px, 36.9792vw); }

  .fg-register .reg-form__title {
    font-size: min(40px, 2.0833vw);
    line-height: 1.3;
    letter-spacing: max(-0.8px, -0.0417vw);
  }

  .fg-register .reg-form__lead {
    margin-top: min(8px, 0.4167vw);
    font-size: min(20px, 1.0417vw);
    line-height: 1.4;
    letter-spacing: max(-0.8px, -0.0417vw);
  }

  /* list : 710 x 380 (6행 x 50, gap 16) — y=326 → 288+38 */
  .fg-register .reg-fields { margin-top: min(38px, 1.9792vw); }

  .fg-register .reg-row + .reg-row { margin-top: min(16px, 0.8333vw); }

  .fg-register .reg-row--2 {
    grid-template-columns: repeat(2, 1fr);
    gap: min(5px, 0.2604vw);
  }

  .fg-register .reg-input,
  .fg-register .reg-verify {
    height: min(50px, 2.6042vw);
    padding: 0 min(20px, 1.0417vw);
    border-radius: min(10px, 0.5208vw);
    font-size: min(16px, 0.8333vw);
  }

  /* 인증번호 입력 */
  .fg-register .reg-row + .reg-row--otp { margin-top: min(8px, 0.4167vw); }
  .fg-register .reg-otp { gap: min(8px, 0.4167vw); }

  .fg-register .reg-otp__input { padding-right: min(72px, 3.75vw); }
  .fg-register .reg-otp__timer { right: min(16px, 0.8333vw); font-size: min(14px, 0.7292vw); }

  .fg-register .reg-otp__confirm {
    width: min(96px, 5vw);
    height: min(50px, 2.6042vw);
    border-radius: min(10px, 0.5208vw);
    font-size: min(16px, 0.8333vw);
  }

  .fg-register .reg-otp__foot {
    min-height: min(18px, 0.9375vw);
    margin-top: min(6px, 0.3125vw);
    padding: 0 min(4px, 0.2083vw);
    font-size: min(12px, 0.625vw);
  }

  .fg-register .reg-input { border-width: min(2px, 0.1042vw); }

  .fg-register .reg-error {
    margin-top: min(3px, 0.1563vw);
    padding-left: min(4px, 0.2083vw);
    font-size: min(12px, 0.625vw);
  }

  /* 동의 행 : list 하단(706) → 736.7 */
  .fg-register .reg-agree { margin-top: min(30.7px, 1.599vw); }

  .fg-register .reg-agree__box {
    margin-right: min(10px, 0.5208vw);
    width: min(18px, 0.9375vw);
    height: min(18px, 0.9375vw);
  }
  .fg-register .reg-agree__box::before {
    width: min(4px, 0.2083vw);
    height: min(8px, 0.4167vw);
    border-width: 0 min(2px, 0.1042vw) min(2px, 0.1042vw) 0;
  }

  .fg-register .reg-agree__text {
    font-size: min(16px, 0.8333vw);
    letter-spacing: max(-0.32px, -0.0167vw);
  }

  .fg-register .reg-agree__more {
    margin-left: min(12px, 0.625vw);
    font-size: min(14px, 0.7292vw);
    letter-spacing: max(-0.28px, -0.0146vw);
  }

  .fg-register .reg-error--agree {
    margin-top: min(6px, 0.3125vw);
    font-size: min(12px, 0.625vw);
  }

  /* ---------- CTA : 1~2열 / 2행 (1920 전체 기준 가운데) ---------- */
  .fg-register .reg-cta {
    z-index: 2;
    grid-column: 1 / -1;
    grid-row: 2;
    padding: min(50px, 2.6042vw) 0 min(42px, 2.1875vw);
  }

  /* ---------- MODAL : 1000 x 777 (top 150) ---------- */
  .fg-register .reg-modal { padding: min(60px, 3.125vw); }

  .fg-register .reg-modal__box {
    width: min(1000px, 52.0833vw);
    height: min(777px, 40.4688vw);
    max-height: 100%;
  }

  .fg-register .reg-modal__close {
    top: min(20px, 1.0417vw);
    right: min(20px, 1.0417vw);
    width: min(36px, 1.875vw);
    height: min(36px, 1.875vw);
  }

  .fg-register .reg-modal__body { padding: min(60px, 3.125vw); }

  .fg-register .reg-modal__body::-webkit-scrollbar { width: min(6px, 0.3125vw); }

  .fg-register .reg-modal__eyebrow { font-size: min(22px, 1.1458vw); }

  .fg-register .reg-modal__title {
    margin-top: min(10px, 0.5208vw);
    font-size: min(36px, 1.875vw);
    letter-spacing: max(-1.44px, -0.075vw);
  }

  .fg-register .reg-modal__logo {
    width: min(150px, 7.8125vw);
    height: min(36.36px, 1.8938vw);
  }

  .fg-register .reg-modal__line { margin: min(30px, 1.5625vw) 0; }

  .fg-register .reg-terms__intro {
    font-size: min(20px, 1.0417vw);
    letter-spacing: max(-0.6px, -0.0313vw);
  }

  .fg-register .reg-terms__block {
    margin-top: min(20px, 1.0417vw);
    font-size: min(20px, 1.0417vw);
    line-height: 1.45;
    letter-spacing: max(-0.6px, -0.0313vw);
  }

  .fg-register .reg-terms__note {
    margin-top: min(20px, 1.0417vw);
    font-size: min(16px, 0.8333vw);
    line-height: 1.45;
    letter-spacing: max(-0.6px, -0.0313vw);
  }

  /* 표 : 656 x 177 (열 296 / 360, 행 31 / 82 / 64) */
  .fg-register .reg-terms__table {
    margin-top: min(20px, 1.0417vw);
    width: min(656px, 34.1667vw);
    border-width: min(0.6px, 0.0313vw);
    font-size: min(16px, 0.8333vw);
    line-height: 1.45;
    letter-spacing: max(-0.48px, -0.025vw);
  }
  .fg-register .reg-terms__col1 { width: 45.122%; }
  .fg-register .reg-terms__col2 { width: 54.878%; }

  .fg-register .reg-terms__table th,
  .fg-register .reg-terms__table td { padding: min(4px, 0.2083vw) min(20px, 1.0417vw); }

  .fg-register .reg-terms__table thead tr { height: min(31px, 1.6146vw); border-bottom-width: min(0.6px, 0.0313vw); }
  .fg-register .reg-terms__table tbody tr:first-child { height: min(82px, 4.2708vw); }
  .fg-register .reg-terms__table tbody tr:last-child { height: min(64px, 3.3333vw); border-top-width: min(0.6px, 0.0313vw); }

  .fg-register .reg-terms__table th + th,
  .fg-register .reg-terms__table td + td { border-left-width: min(0.6px, 0.0313vw); }

  /* 표 다음 블록은 20 간격 (Figma mt 887 - 표 하단 867) */
  .fg-register .reg-terms__table + .reg-terms__block { margin-top: min(20px, 1.0417vw); }
}


/* ==========================================================================
   MOBILE (max-width: 750px) — 시안 375 x 1534
   상(인트로 730) / 하(폼 688) 스택 + 하단 116 푸터
   ========================================================================== */
@media (max-width: 750px) {

  .fg-register .reg { display: block; background: var(--c-white); }

  /* ---------- 인트로 : 375 x 730 ---------- */
  .fg-register .reg-intro { padding: 13.3333vw 8vw 13.3333vw; }

  .fg-register .reg-intro__inner { width: 83.8352vw; }

  /* 로고 : 30,50 / 150 x 36.363 */
  .fg-register .reg-intro__logo {
    margin-top: 0;
    width: 40vw;
    height: 9.6968vw;
  }

  /* 타이틀 블록 시작 y=119.09 → 119.09-(50+36.363)=32.727 */
  .fg-register .reg-intro__head { margin-top: 8.7272vw; }

  .fg-register .reg-intro__title {
    font-size: 7.4667vw;
    line-height: 1.3;
    letter-spacing: -0.1493vw;
  }

  .fg-register .reg-intro__desc { margin-top: 5.8421vw; }

  .fg-register .reg-intro__desc p {
    font-size: 3.7333vw;
    line-height: 1.4;
    letter-spacing: -0.1493vw;
  }
  .fg-register .reg-intro__desc p + p { margin-top: 2.6667vw; }

  /* ---------- 인포그래픽 : 기준 (30, 409) / 314 x 271 ---------- */
  .fg-register .reg-visual {
    margin-top: 8vw;
    width: 83.7333vw;
    height: 72.2667vw;
  }

  /* info : 87,430 → 기준 대비 57,21 / 201.5 x 200 */
  .fg-register .reg-visual__info {
    left: 15.2vw;
    top: 5.6vw;
    width: 53.7328vw;
    height: 53.3333vw;
  }

  .fg-register .reg-tip {
    border-width: 0.1984vw;
    border-radius: 1.984vw;
    font-size: 3.2vw;
    letter-spacing: -0.128vw;
  }

  /* Frame 39 : 30,409 → 0,0 / padding 10 12 */
  .fg-register .reg-tip--1 {
    left: 0;
    top: 0;
    padding: 2.6667vw 3.2vw;
  }
  /* Frame 40 : 209,592 → 179,183 / padding 10 14 */
  .fg-register .reg-tip--2 {
    left: 47.7333vw;
    top: 48.8vw;
    padding: 2.6667vw 3.7333vw;
  }

  /* ---------- 폼 : 375 x 688 (흰 배경) ---------- */
  .fg-register .reg-form {
    padding: 13.3333vw 8vw 0;
    background: var(--c-white);
  }

  .fg-register .reg-form__photo {
    left: -131.4667vw;
    top: -9.3333vw;
    width: 286.2291vw;
    height: 116.3907vw;
  }

  .fg-register .reg-form__inner { width: 83.8352vw; }

  .fg-register .reg-form__title {
    font-size: 7.4667vw;
    line-height: 1.3;
    letter-spacing: -0.1493vw;
  }

  .fg-register .reg-form__lead {
    margin-top: 3.7333vw;
    font-size: 4.2667vw;
    line-height: 1.5;
    letter-spacing: -0.1707vw;
  }

  /* list : 314 x 252 (5행 x 44, gap 8) */
  .fg-register .reg-fields {
    margin-top: 5.3333vw;
    width: 83.7333vw;
  }

  .fg-register .reg-row + .reg-row { margin-top: 2.1333vw; }

  .fg-register .reg-row--2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.0667vw;
  }

  /* 본인인증 : list 하단 대비 20 */
  .fg-register .reg-row + .reg-row--verify { margin-top: 5.3333vw; }

  .fg-register .reg-input,
  .fg-register .reg-verify {
    height: 11.7333vw;
    padding: 0 3.2vw;
    border-radius: 2.6667vw;
    font-size: 3.7333vw;
  }

  /* 인증번호 입력 */
  .fg-register .reg-row + .reg-row--otp { margin-top: 2.1333vw; }
  .fg-register .reg-otp { gap: 2.1333vw; }

  .fg-register .reg-otp__input { padding-right: 17.0667vw; }
  .fg-register .reg-otp__timer { right: 4vw; font-size: 3.2vw; }

  .fg-register .reg-otp__confirm {
    width: 22.4vw;
    height: 11.7333vw;
    border-radius: 2.6667vw;
    font-size: 3.7333vw;
  }

  .fg-register .reg-otp__foot {
    min-height: 4.2667vw;
    margin-top: 1.6vw;
    padding: 0 1.0667vw;
    font-size: 2.9333vw;
  }

  .fg-register .reg-input { border-width: 0.2667vw; }

  .fg-register .reg-error {
    margin-top: 0.5333vw;
    padding-left: 1.0667vw;
    font-size: 2.6667vw;
  }

  /* 동의 행 : 본인인증 하단 대비 20 */
  .fg-register .reg-agree { margin-top: 5.3333vw; }

  .fg-register .reg-agree__box {
    margin-right: 2.6667vw;
    width: 4.8vw;
    height: 4.8vw;
  }
  .fg-register .reg-agree__box::before {
    width: 1.0667vw;
    height: 2.1333vw;
    border-width: 0 0.5333vw 0.5333vw 0;
  }

  .fg-register .reg-agree__text {
    font-size: 3.7333vw;
    letter-spacing: -0.0747vw;
  }

  .fg-register .reg-agree__more {
    margin-left: 2.6667vw;
    font-size: 3.2vw;
    letter-spacing: -0.064vw;
  }

  .fg-register .reg-error--agree {
    margin-top: 1.3333vw;
    font-size: 2.6667vw;
  }

  /* ---------- CTA : 폼 하단(gap 30, 아래 여백 50) ---------- */
  .fg-register .reg-cta {
    padding: 8vw 8vw 13.3333vw;
    background: var(--c-white);
  }

  /* ---------- MODAL : 321 x 909 ---------- */
  .fg-register .reg-modal { padding: 8vw 0; }

  .fg-register .reg-modal__box {
    width: 85.6vw;
    height: 242.4vw;
    max-height: 100%;
  }

  .fg-register .reg-modal__close {
    top: 2.6667vw;
    right: 2.6667vw;
    width: 5.8667vw;
    height: 5.8667vw;
  }
  .fg-register .reg-modal__close::before,
  .fg-register .reg-modal__close::after { height: 0.4vw; }

  .fg-register .reg-modal__body { padding: 11.7333vw 5.6vw; }

  .fg-register .reg-modal__body::-webkit-scrollbar { width: 1.6vw; }

  .fg-register .reg-modal__eyebrow { font-size: 3.2vw; }

  .fg-register .reg-modal__title {
    margin-top: 1.3333vw;
    font-size: 4.8vw;
    letter-spacing: -0.192vw;
  }

  .fg-register .reg-modal__logo {
    width: 19.8005vw;
    height: 4.8vw;
  }

  .fg-register .reg-modal__line { margin: 5.3333vw 0; }

  .fg-register .reg-terms__intro {
    font-size: 3.2vw;
    letter-spacing: -0.128vw;
  }

  .fg-register .reg-terms__block {
    margin-top: 2.4vw;
    font-size: 3.2vw;
    line-height: 1.5;
    letter-spacing: -0.096vw;
  }
  .fg-register .reg-terms__block + .reg-terms__block { margin-top: 1.7067vw; }

  .fg-register .reg-terms__note {
    margin-top: 1.7067vw;
    font-size: 2.6667vw;
    line-height: 1.5;
    letter-spacing: -0.096vw;
  }

  /* 표 : 279.77 x 115 (열 169.24 / 110.53, 행 22.59 / 52.8 / 39.61) */
  .fg-register .reg-terms__table {
    margin-top: 2.4vw;
    width: 74.6051vw;
    border-width: 0.1333vw;
    font-size: 2.6667vw;
    line-height: 1.3;
    letter-spacing: -0.1333vw;
  }
  .fg-register .reg-terms__col1 { width: 60.492%; }
  .fg-register .reg-terms__col2 { width: 39.508%; }

  .fg-register .reg-terms__table th,
  .fg-register .reg-terms__table td { padding: 1.0667vw 2.2747vw; }

  .fg-register .reg-terms__table thead tr { height: 6.024vw; border-bottom-width: 0.1333vw; }
  .fg-register .reg-terms__table tbody tr:first-child { height: 14.08vw; }
  .fg-register .reg-terms__table tbody tr:last-child { height: 10.5627vw; border-top-width: 0.1333vw; }

  .fg-register .reg-terms__table th + th,
  .fg-register .reg-terms__table td + td { border-left-width: 0.1333vw; }

  .fg-register .reg-terms__table + .reg-terms__block { margin-top: 2.4vw; }
}