/* 하단 안내 페이지 공용 모양 (2026-10-26) */
:root { --ink:#1B2A4A; --sub:#5B6B88; --line:#E3EAF5; --blue:#245DDB; --bg:#F7F9FD; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.7 Pretendard, -apple-system, 'Malgun Gothic', sans-serif; word-break:keep-all; overflow-wrap:anywhere; }
.wrap { max-width:760px; margin:0 auto; padding:16px 16px 48px; }
header.top { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; padding:6px 0 12px; border-bottom:1px solid var(--line); }
header.top a.home { color:var(--blue); font-weight:700; text-decoration:none; }
.langs button { border:1px solid var(--line); background:#fff; border-radius:999px; padding:4px 10px; font:inherit; font-size:13px; cursor:pointer; }
h1 { font-size:24px; margin:20px 0 4px; }
h2 { font-size:18px; margin:28px 0 6px; }
p, li { color:var(--ink); }
.meta { color:var(--sub); font-size:14px; }
.box { background:#fff; border:1px solid var(--line); border-radius:12px; padding:12px 14px; margin:10px 0; }
table { width:100%; border-collapse:collapse; font-size:14px; background:#fff; }
th, td { border:1px solid var(--line); padding:6px 8px; text-align:left; vertical-align:top; }
th { background:#EEF3FC; }
.tbl { overflow-x:auto; }
a { color:var(--blue); }
nav.pages { display:flex; flex-wrap:wrap; gap:6px 14px; margin-top:32px; padding-top:12px; border-top:1px solid var(--line); font-size:14px; }
/* 휴대폰: 표를 칸마다 카드로 (제목은 info.js가 data-l에 넣음) */
@media (max-width:600px) {
  .tbl tr:first-child { display:none; }
  .tbl table, .tbl tbody, .tbl tr, .tbl td { display:block; width:auto; }
  .tbl table { background:none; }
  .tbl tr { background:#fff; border:1px solid var(--line); border-radius:12px; margin:10px 0; padding:6px 0; }
  .tbl td { border:0; padding:4px 12px; }
  .tbl td::before { content:attr(data-l); display:block; font-size:12px; font-weight:700; color:var(--sub); }
}