/* =====================================================================
   예얍 YEY~AP! 약관·정책 문서(terms / privacy / refund) 공용 모양.
   WHY: 세 문서가 같은 틀을 쓴다. 색·글꼴은 홈페이지(index.html)와 같은 값(흰 바탕, 아이보리 상자, Pretendard) —
        노랑은 면으로만, 글자는 차콜/브라운. 홈페이지 CSS와는 따로 둔다(홈페이지는 한 파일로 독립).
   ===================================================================== */
:root{
  --bg:#FFFFFF; --surface:#FFF9E8; --ink:#2E2A22; --muted:#6F675A;
  --accent:#FFD51F; --accent-soft:#FFF3A8; --line:#E9DFC8; --focus:#2E2A22;
  /* 글꼴은 홈페이지와 같은 Pretendard를 우리 서버(fonts/)에서 준다(각 문서의 head에서 연결) — 외부 글꼴 서버로 나가는 요청은 없다
     (개인정보처리방침과 실제 동작을 맞춘다). 내려받기 전·실패 때는 기기 글꼴로 보인다. */
  --font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#17140E; --surface:#221E16; --ink:#F7F1E3; --muted:#BFB4A0;
    --accent:#FFD51F; --accent-soft:#3A3115; --line:#3A3326; --focus:#FFD51F;
    color-scheme:dark;
  }
}
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--font); font-size:16px; line-height:1.75;
  word-break:keep-all; overflow-wrap:break-word; -webkit-font-smoothing:antialiased;
}
a{ color:inherit; text-underline-offset:3px; }
:focus-visible{ outline:3px solid var(--focus); outline-offset:2px; }
.l-wrap{ width:100%; max-width:820px; margin-inline:auto; padding-inline:20px; }

/* 맨 위: 로고(홈으로) + 세 문서 사이 이동 */
.l-top{ border-bottom:1px solid var(--line); background:var(--bg); }
.l-top-in{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; padding-block:10px; }
.l-logo{ display:inline-flex; align-items:center; min-height:48px; text-decoration:none; }
/* 확정 로고(크림빛 흰색 워드마크)는 원본 그대로, 노란 알약 위에 얹는다. 높이만 정해 비율을 지킨다 */
.l-pill{ display:inline-flex; align-items:center; padding:5px 14px; border-radius:999px; background:var(--accent); }
.l-pill img{ display:block; height:26px; width:auto; }
.l-nav{ display:flex; flex-wrap:wrap; gap:4px; margin-left:auto; }
.l-nav a{
  display:inline-flex; align-items:center; min-height:44px; padding:0 12px; border-radius:10px;
  font-size:15px; font-weight:500; text-decoration:none; color:var(--ink);
}
.l-nav a:hover{ background:rgba(46,42,34,.06); }
.l-nav a[aria-current="page"]{ background:var(--accent-soft); font-weight:700; }

/* 본문 */
.l-doc{ padding-block:32px 56px; }
.l-doc h1{ margin:0; font-size:28px; line-height:1.35; }
.l-meta{ margin:8px 0 0; font-size:14px; color:var(--muted); }
.l-lead{ margin:20px 0 0; }
.l-doc h2{ margin:36px 0 0; padding-top:20px; border-top:1px solid var(--line); font-size:19px; line-height:1.45; }
.l-doc h3{ margin:20px 0 0; font-size:16px; line-height:1.5; }
.l-doc p{ margin:10px 0 0; }
.l-doc ol,.l-doc ul{ margin:10px 0 0; padding-left:1.4em; }
.l-doc li{ margin-top:6px; }
.l-doc li > ul,.l-doc li > ol{ margin-top:4px; }
.l-box{ margin:16px 0 0; padding:16px 18px; border-radius:16px; background:var(--surface); border:1px solid var(--line); }
.l-box p:first-child{ margin-top:0; }
.l-key{ margin:16px 0 0; padding:14px 18px; border-radius:16px; background:var(--accent-soft); color:var(--ink); font-weight:500; }
.l-key p{ margin:0; }
.l-key p + p{ margin-top:6px; }
/* 표: 좁은 화면에서는 표만 옆으로 민다(페이지는 넘치지 않게) */
.l-table{ margin:12px 0 0; overflow-x:auto; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.l-table:focus-visible{ outline:3px solid var(--focus); outline-offset:2px; }
.l-table table{ width:100%; border-collapse:collapse; font-size:15px; line-height:1.6; }
/* 칸이 많은 표(국외 이전)만 좁은 화면에서 옆으로 민다 */
.l-table.l-wide table{ min-width:700px; }
.l-table th,.l-table td{ padding:10px 12px; text-align:left; vertical-align:top; border-top:1px solid var(--line); }
.l-table thead th{ border-top:0; background:var(--accent-soft); font-weight:700; white-space:nowrap; }
.l-small{ font-size:14px; color:var(--muted); }

/* 바닥: 사업자 정보(홈페이지 바닥글과 같은 글자 — 바꾸면 네 곳 함께) */
.l-foot{ border-top:1px solid var(--line); padding-block:24px 40px; font-size:14px; line-height:1.7; color:var(--muted); }
.l-foot p{ margin:0; }
.l-foot p + p{ margin-top:4px; }
.l-foot a{ color:var(--ink); }
.l-foot .l-links{ margin-top:8px; display:flex; flex-wrap:wrap; column-gap:16px; }
.l-foot .l-links a{ display:inline-flex; align-items:center; min-height:44px; }

@media (min-width:768px){
  .l-wrap{ padding-inline:32px; }
  .l-doc{ padding-block:48px 72px; }
  .l-doc h1{ font-size:34px; }
  .l-doc h2{ font-size:21px; }
  body{ font-size:17px; }
}
@media print{
  .l-top,.l-foot .l-links{ display:none; }
  body{ background:#fff; color:#000; }
}