/* 이용약관·개인정보처리방침 — 사이트 본문과 같은 색·글꼴·버튼 크기. 모바일 우선 */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: #37322f; color: #fff;
  font-family: "IBM Plex Sans KR", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 300; font-size: 16px; line-height: 1.7;
  word-break: keep-all; overflow-wrap: anywhere;
}
a { color: inherit; }
:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.legal-head { padding: calc(12px + env(safe-area-inset-top)) 20px 0; }
.legal-home { display: inline-flex; align-items: center; min-height: 44px; opacity: 0.8; text-decoration: none; letter-spacing: 0.02em; }
.legal-home:hover, .legal-home:focus-visible { opacity: 1; text-decoration: underline; }
.legal { max-width: 760px; margin: 0 auto; padding: 24px 20px 48px; }
.legal h1 { margin: 0 0 24px; font-size: 28px; line-height: 1.3; font-weight: 300; letter-spacing: 0.01em; }
.legal h2 { margin: 32px 0 8px; font-size: 18px; line-height: 1.4; font-weight: 400; }
.legal p, .legal ul { margin: 0 0 12px; }
.legal ul { padding-left: 1.2em; }
.legal li { margin-bottom: 4px; }
.table-scroll { overflow-x: auto; margin: 0 0 12px; }
.legal table { border-collapse: collapse; min-width: 100%; }
.legal th, .legal td { padding: 8px 12px; border: 1px solid rgba(255, 255, 255, 0.12); text-align: left; vertical-align: top; }
.legal-foot {
  max-width: 760px; margin: 0 auto; padding: 14px 20px calc(24px + env(safe-area-inset-bottom));
  border-top: 1px solid rgba(255, 255, 255, 0.12); font-size: 16px;
}
.legal-foot p { margin: 0; padding-top: 8px; }
.legal-foot ul { display: flex; flex-wrap: wrap; column-gap: 24px; list-style: none; margin: 0; padding: 0; }
.legal-foot a { display: inline-flex; align-items: center; min-height: 44px; opacity: 0.8; }
.legal-foot a:hover, .legal-foot a:focus-visible { opacity: 1; }
@media (min-width: 768px) {
  .legal-head { padding-left: 48px; padding-right: 48px; }
  .legal { padding: 32px 48px 64px; }
  .legal h1 { font-size: 32px; }
  .legal-foot { padding-left: 48px; padding-right: 48px; }
}