:root{--teal:#0b7d97;--teal2:#075f74;--sky:#2fa9d1;--ink:#2a2a2a;--sub:#6b6b6b;--line:#d9d9d9;--blue:#1b73c8;--red:#9b1c1c}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:"Noto Sans KR","Malgun Gothic",sans-serif;font-size:15px;line-height:1.7}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
.top{background:var(--teal);border-bottom:2px solid #333}
.top .in{max-width:1080px;margin:0 auto;padding:0 16px 0 0;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.logo{background:#fff;padding:6px 18px 6px 10px;font-family:Georgia,serif;font-style:italic;color:#c98a1b;font-size:1.05rem;line-height:1.25}
.logo b{font-size:1.9rem;color:#2d7fb0;font-weight:400}.logo small{display:block;font-style:normal;color:#333;font-family:"Noto Sans KR",sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.05em}
.aim{color:#fff;font-size:.9rem;max-width:380px;padding:10px 0}
nav{background:#fff;border-bottom:1px solid var(--line)}
nav .in{max-width:1080px;margin:0 auto;padding:0 16px;display:flex;flex-wrap:wrap}
nav a{display:block;padding:14px 38px 12px 8px;margin-right:26px;font-weight:700;font-size:.95rem;border-right:1px solid var(--line);min-width:110px}
nav a.on,nav a:hover{color:var(--teal);text-decoration:none;box-shadow:inset 0 -3px 0 var(--teal)}
.page{max-width:1080px;margin:0 auto;padding:18px 16px 50px;display:grid;grid-template-columns:200px 1fr 170px;gap:18px;background-image:radial-gradient(#d7d7d7 1px,transparent 1px);background-size:6px 6px}
.page>*{background:#fff}
.side{padding:6px 10px 14px;border-right:1px solid var(--line)}
.side .mj{font-size:.78rem;letter-spacing:.08em;color:#444;border-bottom:1px solid var(--line);padding-bottom:4px}
.side p{font-size:.88rem;margin:10px 0}.side .red{color:var(--red);font-weight:700}
.dl{display:block;margin:6px 0;border:2px solid #e0a47a;border-radius:10px;background:#fff;padding:7px 4px;text-align:center;color:#d4501a;font-weight:700;font-size:.82rem}
.dl small{display:block;color:#555;font-weight:400}.fmt{font-weight:700;font-size:.9rem;margin-top:12px}
.rule{background:#e9e9e9;border-top:1px solid #bbb;margin:14px -10px 0;padding:8px 10px;font-size:.86rem}
.rule2{border-bottom:1px solid #bbb;margin:0 -10px;padding:10px;font-size:.88rem;font-weight:700}
.pill{display:block;margin:10px 4px 0;border:1px solid #999;border-radius:12px;padding:3px 12px;font-size:.85rem;background:#fff}
.pill::after{content:"→";float:right;color:#fff;background:var(--blue);border-radius:50%;width:18px;height:18px;line-height:18px;text-align:center;font-size:.75rem;margin-top:2px}
.main{padding:0 4px 10px}
.banner{background:var(--sky);color:#fff;padding:70px 40px;font-size:1.45rem;line-height:1.7;margin-bottom:22px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.box h3{margin:0 0 8px;font-size:.98rem;display:flex;justify-content:space-between;align-items:center;font-weight:500}
.box h3 a{font-size:.72rem;border:1px solid #999;border-radius:11px;padding:1px 12px;background:#f3f3f3}
ul.list{list-style:none;margin:0;padding:0}
ul.list li{display:flex;justify-content:space-between;gap:10px;padding:5px 0 5px 12px;position:relative;font-size:.86rem;line-height:1.45}
ul.list li::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;background:#e0a42b}
ul.list li span{color:var(--blue);white-space:nowrap;font-size:.8rem}
.links{padding:0 4px}.links div{border:1px solid #bbb;background:#fff;padding:12px 6px;margin-bottom:6px;text-align:center;font-size:.8rem;font-weight:700;color:#0a4e8a;line-height:1.3}
.links small{display:block;color:#666;font-weight:400;font-size:.72rem}
h1{font-size:1.3rem;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid var(--teal);color:var(--teal2)}
h2{font-size:1.05rem;margin:22px 0 6px;color:var(--teal2)}
table{width:100%;border-collapse:collapse;font-size:.9rem;margin:8px 0}th,td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}th{background:#f1f6f8;font-size:.82rem}
.todo{background:#fff3c4;color:#6a4b00;padding:0 6px;border-radius:3px;font-size:.85em}
.chnav{font-size:.85rem;background:#f1f6f8;padding:10px 12px;border-radius:4px;line-height:2}.chnav a{color:var(--teal2)}.art{margin:16px 0 4px}.it{margin:2px 0 2px 1.2em}.it2{margin:2px 0 2px 2.6em}h3.bu{margin-top:30px}h3{font-size:1rem;margin:30px 0 4px;padding:6px 10px;background:#e8f1f4;color:var(--teal2)}.note{background:#f1f6f8;border-left:3px solid var(--teal);padding:10px 14px;font-size:.88rem;color:#444;margin:14px 0}
footer{background:#3a3a3a;color:#ccc;font-size:.82rem;padding:20px 16px;text-align:center}
@media(max-width:860px){.page{grid-template-columns:1fr}.side{border-right:0}.cols{grid-template-columns:1fr}.top{background:var(--teal)}.logo{background:#fff;padding:6px 10px}.banner{padding:40px 22px;font-size:1.15rem}.links{display:grid;grid-template-columns:1fr 1fr;gap:6px}.links div{margin:0}nav a{min-width:0;margin-right:6px;padding-right:14px}}