/* 이용약관 · 개인정보처리방침 · 환불 규정이 함께 쓰는 모양
   오래 읽는 글이라 사이트의 다른 곳보다 글자 간격과 줄 간격을 넉넉히 둔다. */

:root {
  /* 이름은 옛 것을 그대로 두고 값만 크림 바탕 · 먹색 글자로 바꿨다 */
  --black: #F6F0E4;       /* 바탕 */
  --black-soft: #FFFCF6;  /* 상자 */
  --beige: #1A1714;       /* 글자 */
  --beige-dim: #5E554A;   /* 보조 글 */
  --white: #1A1714;
  --line: rgba(26, 23, 20, 0.14);
  --warn: #8A5A12;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: var(--black);
  color: var(--beige);
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
               "Malgun Gothic", "Segoe UI", sans-serif;
  line-height: 1.85;
  word-break: keep-all;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
}

h1, h2 {
  font-family: "Nanum Myeongjo", "AppleMyungjo", "Batang", "바탕", Georgia, serif;
  font-weight: 700;
  letter-spacing: -.02em;
  word-spacing: .06em;
  /* 좁은 화면에서 '곳)'처럼 끝 글자만 다음 줄로 넘어가지 않게 줄 길이를 고르게 */
  text-wrap: balance;
}

.wrap { max-width: 760px; margin: 0 auto; padding: 56px 22px 40px; }

.back {
  display: inline-flex; align-items: center;
  min-height: 44px; margin-top: -10px;   /* 누르는 범위만 넓히고 자리는 그대로 */
  font-size: 13px;
  color: var(--beige-dim);
  text-decoration: none;
  margin-bottom: 22px;
}
.back:hover { color: var(--beige); }

.label {
  display: block;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--beige-dim);
  margin-bottom: 14px;
}

h1 { font-size: clamp(28px, 6vw, 38px); }
/* 글자를 크게 키운 폰에서 '개인정보처리방침' 한 낱말이 쪼개지지 않게 */
@media (max-width: 300px) { h1 { font-size: 24px; letter-spacing: 0; } }

.시행 {
  margin-top: 12px;
  font-size: 13px;
  color: var(--beige-dim);
}

/* 문서 사이 이동 */
.문서들 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 28px 0 8px;
}
.문서들 a {
  display: inline-flex; align-items: center; min-height: 44px;
  font-size: 13px;
  padding: 0 16px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--beige-dim);
  text-decoration: none;
}
.문서들 a[aria-current="page"] {
  border-color: var(--beige);
  color: var(--black);
  background: var(--beige);
  font-weight: 700;
}

/* 한눈에 보기 — 긴 조항을 읽기 전에 핵심만 */
.요약 {
  margin-top: 30px;
  border: 1px solid var(--line);
  background: var(--black-soft);
  border-radius: 6px;
  padding: 22px 24px;
}
.요약 h2 { font-size: 17px; margin-bottom: 12px; }
.요약 ul { padding-left: 1.2em; }
.요약 li { margin: 6px 0; font-size: 14.5px; }

/* 강조 상자 */
.주의 {
  margin: 22px 0;
  border-left: 2px solid var(--warn);
  background: rgba(217, 164, 65, 0.07);
  padding: 14px 18px;
  font-size: 14.5px;
  color: var(--beige);
}
.주의 b { color: var(--warn); }

/* 조항 */
.조 { margin-top: 42px; }
.조 h2 {
  font-size: 19px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}
.조 p { margin: 10px 0; font-size: 15px; }
.조 ol, .조 ul { margin: 10px 0; padding-left: 1.4em; }
.조 li { margin: 7px 0; font-size: 15px; }
.조 ol ol, .조 ul ul { margin: 6px 0; }

.흐림 { color: var(--beige-dim); }

/* 표 — 개인정보 항목, 보유 기간 */
.표감싸기 { overflow-x: auto; margin: 14px 0; }
table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  min-width: 520px;
}
th, td {
  border: 1px solid var(--line);
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
}
th {
  background: var(--black-soft);
  font-weight: 700;
  color: var(--beige);
  white-space: nowrap;
}

a { color: var(--beige); }
/* 글 속 링크는 줄 간격은 그대로 두고 누르는 범위만 위아래로 넓힌다 */
p a, li a, td a { padding: 13px 2px; margin: 0 -2px; }

@media (max-width: 520px) {
  .wrap { padding-top: 40px; }
  .조 p, .조 li { font-size: 14.5px; }
}