/* ===================== 약관·방침 페이지 =====================
   이용약관과 개인정보처리방침이 함께 씁니다. 두 페이지 모두 "읽히는 것"이
   목적이라, 본문 폭을 좁게 잡고 줄간격을 넉넉히 둡니다. 법정 고지 문서는
   글자가 빽빽하면 아무도 안 읽고, 안 읽히면 고지한 의미가 없습니다. */

.legal-page {
  max-width: 780px;
  margin: 0 auto;
  padding: 40px 20px 80px;
}

.legal-page h1 {
  font-size: 1.6rem;
  font-weight: 900;
  color: var(--navy);
  margin: 0 0 8px;
}

/* 시행일자. 방침이 바뀌면 언제부터 적용되는지 밝혀야 합니다. */
.legal-effective {
  font-size: 0.85rem;
  color: var(--text-mid);
  margin: 0 0 32px;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--navy);
}

.legal-page h2 {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--navy);
  margin: 36px 0 12px;
}

.legal-page h3 {
  font-size: 0.95rem;
  font-weight: 700;
  margin: 20px 0 8px;
}

.legal-page p,
.legal-page li {
  font-size: 0.92rem;
  line-height: 1.85;
  color: var(--text-mid);
}

.legal-page ul,
.legal-page ol {
  margin: 8px 0 8px 20px;
}

.legal-page li { margin-bottom: 6px; }

.legal-page strong { color: var(--text-dark); }

/* 표. 무엇을 왜 얼마나 갖고 있는지는 줄글보다 표가 훨씬 잘 읽힙니다. */
.legal-table-wrap { overflow-x: auto; margin: 12px 0; }

.legal-table {
  width: 100%;
  min-width: 480px;
  border-collapse: collapse;
  font-size: 0.88rem;
}

.legal-table th,
.legal-table td {
  border: 1px solid #e5e7eb;
  padding: 10px 12px;
  text-align: left;
  line-height: 1.7;
  vertical-align: top;
}

.legal-table th {
  background: #f8fafc;
  font-weight: 700;
  color: var(--text-dark);
  white-space: nowrap;
}

/* 특히 눈여겨봐야 할 안내(문의처, 파기 시점 등) */
.legal-callout {
  background: #f8fafc;
  border-left: 3px solid var(--navy);
  padding: 16px 18px;
  margin: 16px 0;
  border-radius: 0 8px 8px 0;
}

.legal-callout p { margin: 0 0 6px; }
.legal-callout p:last-child { margin-bottom: 0; }

/* 목록으로 돌아가는 길 */
.legal-back {
  display: inline-block;
  margin-bottom: 24px;
  font-size: 0.88rem;
  color: var(--navy);
  text-decoration: none;
  font-weight: 500;
}
.legal-back:hover { text-decoration: underline; }