:root{--navy:#12355B;--teal:#16A0A0;--teal-ink:#0B7373;--ink:#16212D;--ink-2:#4A5868;--ink-3:#6E7C8B;--paper:#F3F6F8;--line:#DCE3E9;--line-2:#E8EDF1}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:'Pretendard Variable',Pretendard,-apple-system,'Malgun Gothic',sans-serif;font-size:16.5px;line-height:1.8;-webkit-font-smoothing:antialiased;word-break:keep-all}
a{color:var(--teal-ink)}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}
.top{border-bottom:1px solid var(--line-2);background:#fff}
.top .in{max-width:860px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:20px}
.top img{height:32px;width:auto;display:block}
.top nav{margin-left:auto;display:flex;gap:20px;font-size:15px}
.top nav a{color:var(--ink-2);text-decoration:none}
.top nav a[aria-current]{color:var(--navy);font-weight:600}
main{max-width:860px;margin:0 auto;padding:56px 24px 88px}
h1{font-family:'IBM Plex Sans KR','Pretendard Variable',sans-serif;color:var(--navy);font-size:clamp(28px,4vw,36px);line-height:1.3;margin:0 0 10px}
.meta{color:var(--ink-3);font-size:14.5px;margin:0 0 28px}
.lead{background:var(--paper);border:1px solid var(--line-2);border-radius:12px;padding:18px 22px;margin:0 0 36px;color:var(--ink-2)}
h2{font-family:'IBM Plex Sans KR','Pretendard Variable',sans-serif;color:var(--navy);font-size:20px;margin:40px 0 10px;padding-top:4px}
p{margin:0 0 12px}
ol,ul{margin:0 0 12px;padding-left:1.4em}
li{margin:4px 0}
table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:15px}
th,td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
th{background:var(--paper);color:var(--ink-2);font-weight:600}
.todo{color:#B54708;font-style:normal}
footer{background:#0B2036;color:#9FB2C5;font-size:14px;padding:36px 0 44px}
footer .in{max-width:860px;margin:0 auto;padding:0 24px;line-height:1.9}
footer a{color:#E3ECF4;text-decoration:none;font-weight:600;margin-right:18px}
footer .todo{color:#F2B36B}
@media (max-width:600px){.top nav{display:none}main{padding:40px 16px 64px}.top .in,footer .in{padding:0 16px}th,td{padding:8px}}
footer p:last-child a{margin-right:0}

/* 2026-10-26 줄바꿈 (진형 "줄 바꿈 확실하게"): 낱말 중간에서 안 끊음 · 의미 덩어리 x-c · 제목 줄 고르게 · 문단 끝 한 단어 방지 */
body{word-break:keep-all;overflow-wrap:break-word}
x-c{display:inline-block}
h1,h2,h3{text-wrap:balance}
p,li,dd,td,th{text-wrap:pretty}
th,td:first-child{white-space:nowrap}
/* 휴대폰: 표는 칸 폭을 지키고 옆으로 밀어서 보기 (좁은 칸에 글자가 한두 자씩 꺾이지 않게) */
@media (max-width:700px){
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  th,td{min-width:7.5em}
  td{min-width:11em}
  th:first-child,td:first-child{min-width:6.5em}
  th,td:first-child{white-space:nowrap}   /* 항목 이름 칸은 한 줄로 */
}