/* @AI:FRAGILE 이 파일을 «단독»으로 쓰는 법정 페이지는 style.css 를 안 불러온다.
   그래서 box-sizing 을 여기서 직접 선언한다 — 없으면 width:100% + padding 이 부모를 넘겨
   모바일에서 가로 스크롤이 생긴다 (2026-09-01 실측: 320px 화면에서 20px 넘침).
   전역 * 가 아니라 이 스코프에만 건다 — index.html 은 style.css 와 «함께» 로드되므로. */
.biz-footer, .biz-footer *, .legal-wrap, .legal-wrap * { box-sizing: border-box; }

/* 법정 표기 페이지 공용 스타일 (푸터 + 약관/환불/개인정보/요금)
   @AI:INTENT 기존 style.css 를 건드리지 않으려고 «따로» 둔다 —
   랜딩·자막·발표 화면이 그 파일을 공유하므로 거기 손대면 영향 범위가 통제 밖이다.
   모바일 우선: 단일 컬럼 기본, 본문 16px 이상, 링크 터치타깃 44px 이상. */

.biz-footer {
  width: 100%;
  max-width: 720px;
  margin: 40px auto 0;
  padding: 24px 20px 32px;
  border-top: 1px solid #262b45;
  color: #8790b0;
  font-size: 14px;
  line-height: 1.75;
  text-align: left;
}
.biz-links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  margin-bottom: 16px;
}
.biz-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px; /* 터치타깃 */
  color: #b9c2e0;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}
.biz-links a:hover { color: #7f9cff; text-decoration: underline; }

.biz-info { margin: 0; }
.biz-info > div { display: flex; flex-wrap: wrap; gap: 0 10px; }
.biz-info dt { min-width: 118px; color: #6d7696; }
.biz-info dd { margin: 0; color: #97a0bf; }
.biz-copy { margin: 16px 0 0; color: #6d7696; font-size: 14px; }

/* ---------- 법정 문서 본문 ---------- */
body.legal {
  background: #0f1220;
  color: #e8ecf5;
  margin: 0;
  min-height: 100vh;
  font-family: 'Pretendard', system-ui, 'Segoe UI', 'Malgun Gothic', sans-serif;
}
.legal-wrap {
  max-width: 720px;
  margin: 0 auto;
  padding: 32px 20px 8px;
}
.legal-wrap a.back {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #8f9ec9;
  font-size: 15px;
  text-decoration: none;
}
.legal-wrap h1 { font-size: 26px; line-height: 1.35; margin: 8px 0 6px; letter-spacing: -0.02em; }
.legal-wrap .updated { color: #6d7696; font-size: 14px; margin: 0 0 28px; }
.legal-wrap h2 {
  font-size: 18px;
  margin: 30px 0 10px;
  padding-top: 20px;
  border-top: 1px solid #1e2338;
  letter-spacing: -0.01em;
}
.legal-wrap h2:first-of-type { border-top: 0; padding-top: 0; }
.legal-wrap p, .legal-wrap li { font-size: 16px; line-height: 1.8; color: #ccd3e8; }
.legal-wrap ul, .legal-wrap ol { padding-left: 22px; margin: 8px 0 14px; }
.legal-wrap li { margin-bottom: 6px; }
.legal-wrap strong { color: #fff; }
.legal-wrap .note {
  margin: 18px 0;
  padding: 16px 18px;
  background: #161a2c;
  border-left: 4px solid #4a78f5;
  border-radius: 12px;
  font-size: 15px;
  line-height: 1.75;
  color: #c3cbe6;
}
/* 결제 진입 버튼 — pricing.html 에서 pay.html 로 넘어가는 자리.
   @AI:INTENT 터치타깃 48px 이상(고령 사용자 기준). 새 색을 만들지 않고 note 의 강조색을 쓴다. */
.pay-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 14px 24px;
  border-radius: 12px;
  background: #4a78f5;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
}
.pay-cta:hover { background: #3a68e5; }

.legal-table-wrap { overflow-x: auto; margin: 14px 0 18px; }
.legal-wrap table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 420px; }
.legal-wrap th, .legal-wrap td {
  padding: 12px 14px;
  border-bottom: 1px solid #232840;
  text-align: left;
  color: #ccd3e8;
  vertical-align: top;
}
.legal-wrap th { color: #97a0bf; font-weight: 700; background: #151930; white-space: nowrap; }

/* 요금표 — 열마다 부가세 기준이 다르다(개인 포함 / 기업 별도). 열을 보는 순간 알게 작게 붙인다. */
.legal-table-wrap th .vat { display: block; font-weight: 400; font-size: 13px; opacity: .7; margin-top: 2px; }