:root{--ink:#1d1d1f;--muted:#4a4a4f;--line:#d2d2d7;--hair:#e5e5ea;--bg:#f5f5f7;--card:#fff;--accent:#06c;--accent-hover:#0058b0;--accent-soft:#e8f1fb;--warn:#b3261e;--focus:#0071e3;--radius:18px;--shadow:0 2px 6px #0000000a, 0 8px 24px #0000000f;--maxw:68rem}*{box-sizing:border-box}html,body{overflow-x:clip}html{-webkit-text-size-adjust:100%;font-size:112.5%}body{letter-spacing:-.01em;color:var(--ink);background:var(--bg);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Apple SD Gothic Neo,Pretendard,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;font-size:1rem;line-height:1.65}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:.18em;text-decoration:underline}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.4rem}.skip{position:absolute;left:-999px}.skip:focus{z-index:100;background:#fff;border-radius:10px;padding:.5rem 1rem;top:1rem;left:1rem}.site-header{z-index:50;backdrop-filter:saturate(180%)blur(20px);background:#fbfbfdd1;border-bottom:1px solid #00000014;position:sticky;top:0}.header-row{flex-wrap:wrap;align-items:center;gap:.4rem 1.2rem;padding-top:.6rem;padding-bottom:.35rem;display:flex}.brand{color:var(--ink);align-items:center;gap:.8rem;display:flex}.brand-logo{width:auto;height:3.1rem;display:block}.brand:hover{text-decoration:none}.brand-mark{color:#fff;letter-spacing:0;background:linear-gradient(145deg,#1d1d1f,#3a3a3c);border-radius:10px;place-items:center;width:2.1rem;height:2.1rem;font-size:.85rem;font-weight:700;display:grid}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-en{letter-spacing:-.02em;font-size:1.02rem;font-weight:700}.brand-ko{color:var(--muted);border-left:1px solid var(--line);padding-left:.8rem;font-size:.78rem;font-weight:600;line-height:1.3}.mainnav{scrollbar-width:none;flex-wrap:nowrap;flex-basis:100%;order:3;justify-content:safe center;gap:.1rem .2rem;padding-bottom:.15rem;font-size:.95rem;display:flex;overflow-x:auto}.mainnav::-webkit-scrollbar{display:none}:lang(en) .mainnav{font-size:.9rem}:lang(en) .mainnav a{padding:.35rem .55rem}#boardnav{display:contents}.mainnav a{color:var(--ink);white-space:nowrap;border-radius:999px;padding:.35rem .7rem;font-weight:500}.mainnav a:hover{background:#0000000d;text-decoration:none}.mainnav a[aria-current]{background:var(--ink);color:#fff}.lock{opacity:.7;margin-left:.15rem;font-size:.72em}.tools{align-items:center;gap:.8rem;margin-left:auto;display:flex}.langbtn{font:inherit;border:1px solid var(--line);min-height:2.2rem;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:0 .9rem;font-size:.85rem;font-weight:600}.langbtn:hover{border-color:var(--ink)}html.i18n-wait body{visibility:hidden}.fontsize{background:#0000000f;border-radius:999px;padding:3px;display:inline-flex}.fontsize button{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:2.4rem;min-height:2.2rem;padding:0 .55rem;font-size:.85rem;font-weight:600}.fontsize button:hover{background:#fff;box-shadow:0 1px 3px #0000001f}.fontsize sub,.fontsize sup{font-size:.7em}.userbox{white-space:nowrap;align-items:center;gap:.8rem;font-size:.9rem;font-weight:500;display:flex}.who{color:var(--ink)}.pill-link{background:var(--accent);color:#fff;border-radius:999px;padding:.4rem 1rem;font-weight:600}.pill-link:hover{background:var(--accent-hover);text-decoration:none}.linklike{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.linklike:hover{text-decoration:underline}.banner{background:#fff8e1;border-bottom:1px solid #f0d78c;padding:.7rem 0;font-size:.95rem;font-weight:500}main.wrap{min-height:60vh;padding-top:2.5rem;padding-bottom:4rem}h1{letter-spacing:-.025em;margin:0 0 .6rem;font-size:2.4rem;font-weight:700;line-height:1.15}h2{letter-spacing:-.02em;margin:2.8rem 0 1rem;font-size:1.55rem;font-weight:700;line-height:1.25}.muted{color:var(--muted)}.panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem 1.8rem}.site-footer{border-top:1px solid var(--line);background:var(--bg);color:var(--muted);padding:2rem 0 2.4rem;font-size:.85rem}.site-footer p{margin:.15rem 0}.foot-title{color:var(--ink);font-weight:600}.btn{white-space:nowrap;font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;min-height:2.75rem;padding:.6rem 1.35rem;font-size:.95rem;font-weight:600;transition:background .15s;display:inline-flex}.btn:hover{background:var(--accent-hover);text-decoration:none}.btn.secondary{background:var(--accent-soft);color:var(--accent)}.btn.secondary:hover{background:#d9e8f8}.btn.danger{color:var(--warn);background:#fdecea}.btn.danger:hover{background:#fadad6}.btn:disabled{opacity:.45;cursor:not-allowed}label{margin-bottom:.35rem;font-size:.95rem;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=search],select,textarea{font:inherit;width:100%;color:var(--ink);background:#fff;border:1px solid #a1a1a6;border-radius:12px;min-height:2.9rem;padding:.7rem .95rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--focus);outline:none;box-shadow:0 0 0 4px #0071e32e}input[type=file]{font:inherit;font-size:.95rem}input[type=file]::file-selector-button{font:inherit;background:var(--accent-soft);color:var(--accent);cursor:pointer;border:0;border-radius:999px;margin-right:.8rem;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600}.field{margin-bottom:1.2rem}.form-narrow{max-width:28rem}.msg{border-radius:14px;margin:1rem 0;padding:.9rem 1.1rem;font-weight:500}.msg.err{color:#8c1d18;background:#fdecea}.msg.ok{color:#1b5e20;background:#e6f4ea}.msg.info{color:var(--ink);box-shadow:var(--shadow);background:#fff}.content{font-size:1.06rem;line-height:1.8}.content img{border-radius:12px;max-width:100%;height:auto}.content table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.content td,.content th{border:1px solid var(--line);padding:.4rem .7rem}.content blockquote{border-left:3px solid var(--line);color:var(--muted);margin:1rem 0;padding:.2rem 1.1rem}@media (width<=860px){.mainnav{justify-content:flex-start}.brand-ko{display:none}.brand-logo{height:2.5rem}.tools{gap:.5rem}.fontsize button{min-width:2rem;min-height:2rem;padding:0 .4rem;font-size:.8rem}.pill-link{padding:.35rem .8rem}h1{font-size:2rem}}
