/* 이용약관 · 개인정보처리방침. 로그인 없이 열려야 해서(구글이 주소로 들어와 본다) 앱과 따로 떨어진 정적 페이지다.
   글꼴은 기기 것을 쓴다 - 읽기만 하는 글이라 밖에서 받아 올 이유가 없다 */
:root {
  --cream: #f7efe0;
  --cream-lit: #fffaf0;
  --wood: #b98d5a;
  --wood-deep: #6f5130;
  --ink: #5a4433;
  --ink-soft: #92795e;
  --gilt: #c9a24c;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--cream); color: var(--ink);
  font: 16px/1.8 -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', 'Noto Sans KR', sans-serif;
  word-break: keep-all; overflow-wrap: anywhere;
}
main {
  max-width: 46rem; margin: 2rem auto; padding: 2rem 1.6rem 2.4rem;
  background: var(--cream-lit); border: 3px solid var(--wood); border-radius: 18px;
  box-shadow: 0 3px 0 rgba(122, 90, 50, 0.18), 0 14px 34px rgba(122, 90, 50, 0.16);
}
h1 { margin: 0 0 0.3rem; font-size: 1.6rem; color: var(--wood-deep); }
h2 { margin: 2rem 0 0.4rem; font-size: 1.1rem; color: var(--wood-deep); border-bottom: 2px solid var(--gilt); padding-bottom: 0.2rem; }
h3 { margin: 1.2rem 0 0.2rem; font-size: 1rem; color: var(--wood-deep); }
p, li { margin: 0.35rem 0; }
ul, ol { padding-left: 1.3rem; }
.meta { color: var(--ink-soft); font-size: 0.9rem; margin: 0; }
.note { background: var(--cream); border-radius: 10px; padding: 0.7rem 0.9rem; font-size: 0.93rem; }
table { border-collapse: collapse; width: 100%; font-size: 0.93rem; margin: 0.5rem 0; }
th, td { border: 1px solid #e4d5ba; padding: 0.45rem 0.55rem; text-align: left; vertical-align: top; }
th { background: var(--cream); color: var(--wood-deep); }
/* 칸 안에서는 낱말째 넘긴다. anywhere 를 물려받으면 좁은 칸이 한 글자 폭까지 줄어 글자마다 줄이 바뀐다.
   긴 주소(링크)만 아무 데서나 끊는다 */
th, td { overflow-wrap: break-word; }
td a { overflow-wrap: anywhere; }
a { color: var(--wood-deep); }
nav { margin-top: 2.2rem; padding-top: 1rem; border-top: 1px dashed var(--wood); font-size: 0.93rem; }
@media (max-width: 40rem) {
  main { margin: 0; border-radius: 0; border-left: 0; border-right: 0; padding: 1.4rem 1rem 2rem; }
}