:root{color-scheme:light;--panel: #ffffff;--text: #1f2937;--muted: #6b7280;--line: #e5e7eb;--line-strong: #d1d5db;--accent: #0f766e;--accent-soft: #f0fdfa}*{box-sizing:border-box}body{margin:0;font-family:Noto Sans KR,DM Sans,sans-serif;color:var(--text);background:#fff}.wrap{max-width:1200px;margin:0 auto;padding:20px 18px 64px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:12px 0;border-bottom:1px solid var(--line)}.brand{color:var(--text);text-decoration:none;font-size:15px;font-weight:800;letter-spacing:.01em}.home-link{margin-left:auto;color:var(--muted);text-decoration:none;font-size:13px;font-weight:700}.home-link:hover{text-decoration:underline}.lang{display:inline-flex;gap:8px}.lang a{text-decoration:none;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.lang a.active{color:#0b5f58;border-color:#99d6cb;background:var(--accent-soft)}.grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.side{position:sticky;top:20px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:18px}.side h2{margin:0 0 9px;font-size:20px;font-weight:800;font-family:DM Sans,Noto Sans KR,sans-serif}.side p{margin:0 0 18px;font-size:13px;color:var(--muted)}.tool-list{display:grid;gap:10px}.tool-list a{display:block;text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--text);font-size:13px;font-weight:600;background:#fff}.tool-list a:hover{border-color:#9ed8ce;background:#fafafa}.tool-main{margin-top:16px;display:inline-flex;align-items:center;justify-content:center;width:100%;text-decoration:none;border-radius:8px;border:1px solid #9ed8ce;background:var(--accent-soft);color:#0f5b55;padding:11px 12px;font-size:13px;font-weight:700}.card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:22px}h1{margin:0 0 10px;font-size:clamp(28px,4vw,38px);line-height:1.2;font-family:DM Sans,Noto Sans KR,sans-serif;font-weight:800;letter-spacing:-.02em}.kicker{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#5f7a6f;font-weight:700}.desc{margin:0;color:var(--muted);font-size:15px;line-height:1.68;max-width:68ch}.list{margin-top:24px}.board{margin-top:18px;display:grid;gap:10px}.board-head,.board-row{display:grid;grid-template-columns:70px minmax(0,1fr) 110px;gap:12px;align-items:center;padding:12px 14px}.board-head{border:1px solid var(--line-strong);border-radius:10px;background:#f8fafc;font-size:12px;font-weight:700;color:#4b5563}.board-row{border:1px solid var(--line);border-radius:10px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.board-row:hover{border-color:#9ed8ce;box-shadow:0 4px 14px #0f766e14}.board-title{min-width:0}.board-title a{color:var(--text);text-decoration:none;font-size:16px;font-weight:700;line-height:1.45}.board-title a:hover{text-decoration:underline}.board-desc{margin-top:6px;font-size:13px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.board-num{justify-self:center;font-size:12px;color:#6b7280;font-weight:700;width:32px;height:32px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f9fafb}.board-date{justify-self:end;font-size:12px;color:#4b5563;font-weight:600}.pager{margin-top:16px;display:flex;gap:6px;align-items:center;justify-content:center}.pager a,.pager span{min-width:34px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;text-decoration:none;color:#374151;background:#fff}.pager a:hover{border-color:#9ed8ce;color:#0b5f58}.pager .active{border-color:#99d6cb;background:var(--accent-soft);color:#0b5f58;font-weight:700}.pager .disabled{color:#9ca3af;background:#f9fafb}.meta{margin-top:10px;font-size:12px;color:#6b7280}.badge{display:inline-block;margin-top:10px;padding:4px 10px;border-radius:999px;border:1px solid #d1fae5;background:#ecfdf5;color:#065f46;font-size:11px;font-weight:700}.thumb{margin-top:20px;width:100%;border:1px solid var(--line);border-radius:14px}article{margin-top:22px;line-height:1.9;font-size:16px}article p{margin:0 0 20px}article h2{margin:30px 0 12px}article h3{margin:24px 0 10px}article a{color:#0d685f}article a:hover{color:#084841}.faq{margin-top:34px;border-top:1px solid var(--line);padding-top:22px}.faq h2{margin:0 0 14px;font-size:20px;font-family:DM Sans,Noto Sans KR,sans-serif}.faq-item{margin:0 0 16px}.faq-item strong{display:block;margin-bottom:4px}footer{display:none}@media(max-width:980px){.wrap{padding:14px 12px 42px}.grid{grid-template-columns:1fr;gap:16px}.side{position:static;top:auto;padding:16px}.board-head{display:none}.board-row{grid-template-columns:1fr;gap:8px;padding:14px}.board-num,.board-date{justify-self:start}.pager{justify-content:flex-start;overflow-x:auto;padding-bottom:4px}}@media(prefers-reduced-motion:reduce){.tool-list a{transition:none}}