/* 개인정보처리방침·이용약관 같은 문서 페이지. 앱 화면과 떨어져 혼자 열리므로 스타일도 따로 둔다. */

:root {
  --text: #0f172a;
  --text-2: #4b5563;
  --text-3: #6b7280;
  --line: #e5e7eb;
  --primary: #2563eb;
  --soft: #f4f6fa;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: #fff;
  color: var(--text);
  font-family: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.75;
  word-break: keep-all;
}

.doc { max-width: 760px; margin: 0 auto; padding: 40px 20px 80px; }

h1 { font-size: 28px; font-weight: 800; letter-spacing: -0.03em; margin: 8px 0 12px; }
h2 { font-size: 18px; font-weight: 700; letter-spacing: -0.02em; margin: 36px 0 10px; }
p { margin: 10px 0; color: var(--text-2); }
.lead { font-size: 16px; color: var(--text-2); }
.date { margin-top: 36px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 13.5px; color: var(--text-3); }
.back { font-size: 15.5px; font-weight: 600; }
.back a, p a, li a { color: var(--primary); }

ul { margin: 10px 0; padding-left: 20px; color: var(--text-2); }
li { margin: 6px 0; }
b { color: var(--text); }

table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 14px; }
th, td { border: 1px solid var(--line); padding: 10px 12px; text-align: left; vertical-align: top; color: var(--text-2); }
th { background: var(--soft); color: var(--text); font-weight: 700; white-space: nowrap; }

@media (max-width: 520px) {
  .doc { padding: 24px 16px 64px; }
  h1 { font-size: 24px; }
  th { white-space: normal; }
}