/* 약관·정책 문서 페이지 «겉모양» 한 곳(2026-10-26 우연 님 «처리방침만 모양이 다르다» · 법돌이 전달)
   /terms · /privacy · /processors 가 같이 쓴다 — 머리·탭 줄·본문 폭·글꼴·글자 크기·줄 간격·표·제목.
   ds.css 다음에 싣는다(토큰 --bg·--ink·--line·--blue 를 쓴다). 탭 줄 내용은 legal-nav.js.
   ⚠ 표 서식은 «이 파일이» 들고 있어야 한다(2026-09-16) — richtext.js 의 표 서식(.rt-content table)은 관리자 편집기를
     붙일 때만 들어오고 공개 페이지에는 오지 않는다. */
body{margin:0;background:var(--bg,#f4f7fb);color:var(--ink,#1b2430);
  font-family:'Pretendard','Apple SD Gothic Neo',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;}
.wrap{max-width:860px;margin:0 auto;padding:0 20px;}
header{background:#fff;border-bottom:1px solid var(--line,#e4e8ee);padding:20px 0;}
header h1{margin:0;font-size:18px;font-weight:800;}
header p{margin:4px 0 0;font-size:13px;color:var(--muted,#5b6675);}
main{padding:22px 0 60px;}
.card{background:#fff;border:1px solid var(--line,#e4e8ee);border-radius:12px;padding:22px 24px;margin-bottom:14px;}
.card h2{margin:0 0 14px;font-size:16px;font-weight:800;}
.card h3{font-size:14.5px;font-weight:800;margin:18px 0 6px;}
.doc{font-size:13.5px;line-height:1.75;color:#39424f;}
.doc h1,.doc h2,.doc h3{font-size:14.5px;font-weight:800;color:var(--ink,#1b2430);margin:18px 0 6px;}
.doc ul,.doc ol{padding-left:20px;margin:6px 0;}
.doc li{margin:4px 0;}
/* 표 — 처리방침 v3 의 5열 표(2026-09-16 선이 안 보이던 것을 고친 모양)를 세 문서 공통으로 */
.doc table{border-collapse:collapse;width:100%;margin:10px 0;font-size:12.5px;border:1px solid #c9d2df;background:#fff;}
.doc th,.doc td{border:1px solid #c9d2df;padding:6px 9px;text-align:left;vertical-align:top;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;}
.doc th{background:#eef2fb;color:var(--navy,#0b1f44);font-weight:800;}
.doc tr:nth-child(even) td{background:#fafbfd;}   /* 줄이 길어 눈이 옆줄로 새는 것을 막는다 */
/* 폰 — ds.css 의 폰 규칙 table{min-width:520px}(업무 표용)을 문서 표에서는 푼다(카드 밖으로 밀려 화면 전체가 옆으로 움직였다 · 2026-10-26).
   열이 많은 표는 표 «안»에서만 옆으로 민다 */
.doc table{min-width:0;}
@media (max-width:760px){
  .doc table{display:block;overflow-x:auto;}
  /* 칸이 글자 하나씩 꺾일 만큼 눌리지 않게 — 처리방침 5열 표는 표 안에서 옆으로 밀어 읽는다(종전 /privacy 와 같은 읽기) */
  .doc th,.doc td{padding:6px 8px;min-width:96px;overflow-wrap:normal;}
}
/* 문서 탭 줄 — 어느 것을 보고 있는지 색으로 알린다 */
.docnav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;}
.docnav a{display:inline-flex;align-items:center;height:30px;padding:0 13px;font-size:12.5px;font-weight:700;
  border:1px solid var(--line,#e4e8ee);background:#fff;color:var(--ink,#1b2430);
  border-radius:var(--radius-sm,6px);text-decoration:none;}
.docnav a.on{border-color:var(--blue,#1C6FF2);background:var(--blue,#1C6FF2);color:#fff;}
.spin{display:inline-block;width:14px;height:14px;border:2px solid var(--line,#e4e8ee);border-top-color:var(--blue,#1C6FF2);
  border-radius:50%;animation:s .8s linear infinite;vertical-align:-2px;}
@keyframes s{to{transform:rotate(360deg)}}
footer{max-width:860px;margin:0 auto;padding:0 20px 40px;color:var(--muted,#5b6675);font-size:12.5px;}
footer a{color:var(--blue,#1C6FF2);}
/* «← 돌아가기» — 머리 왼쪽 위(legal-nav.js 가 넣는다 · 공용 .btn.g.sm) · 손가락 칸 40px */
.legal-back{display:inline-flex;align-items:center;min-height:40px;margin:0 0 10px;}
@media print{ header,.docnav,footer{display:none;} .card{border:none;padding:0;} }