:root{color-scheme:light;--bg:#f7f8fb;--surface:#fff;--surface-2:#f0f3f8;--text:#16181d;--muted:#68707c;--line:#e5e8ee;--brand:#315efb;--brand-dark:#2146c7;--radius:18px;--shadow:0 10px 35px #121c2d12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1120px,100% - 36px);margin:0 auto}.site-header{z-index:30;backdrop-filter:blur(14px);background:#f7f8fbe6;border-bottom:1px solid #e5e8eee6;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:70px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;display:inline-flex}.brand-mark{background:var(--text);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;font-size:.8rem;font-weight:900;display:grid}nav{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}nav a{color:#454c57;border-radius:9px;padding:8px 10px;font-size:.88rem;font-weight:700}nav a:hover{background:var(--surface);color:var(--brand)}.hero{padding:86px 0 54px}.hero-grid{grid-template-columns:1.35fr .65fr;align-items:stretch;gap:32px;display:grid}.hero-main{color:#fff;min-height:380px;box-shadow:var(--shadow);background:linear-gradient(135deg,#111827,#243a6b 65%,#315efb);border-radius:28px;flex-direction:column;justify-content:flex-end;padding:42px;display:flex}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:#7d8da5;margin:0 0 12px;font-size:.77rem;font-weight:800}.hero-main .eyebrow{color:#bfcbff}h1,h2,h3{letter-spacing:-.04em;line-height:1.24}.hero-main h1{max-width:760px;margin:0;font-size:clamp(2.15rem,5vw,4.5rem)}.hero-main p{color:#d9e0ee;max-width:650px;margin:20px 0 0;font-size:1.04rem}.hero-side{gap:14px;display:grid}.hero-note{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:24px}.hero-note strong{margin-bottom:6px;font-size:1.04rem;display:block}.hero-note p{color:var(--muted);margin:0;font-size:.93rem}.section{padding:30px 0 66px}.section-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.section-header h2{margin:0;font-size:clamp(1.55rem,3vw,2.25rem)}.section-header p{color:var(--muted);margin:7px 0 0}.text-link{color:var(--brand);font-size:.9rem;font-weight:800}.category-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.category-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;transition:all .18s}.category-card:hover{box-shadow:var(--shadow);border-color:#cad2ee;transform:translateY(-3px)}.category-card span{color:var(--muted);font-size:.8rem;display:block}.category-card strong{margin-top:6px;font-size:1rem;display:block}.post-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.post-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;min-height:245px;padding:24px;display:flex;box-shadow:0 4px 20px #121c2d09}.post-card:hover{box-shadow:var(--shadow);border-color:#cdd5e6}.post-card .meta{color:var(--muted);align-items:center;gap:10px;font-size:.76rem;font-weight:700;display:flex}.pill{width:fit-content;color:var(--brand);background:#edf1ff;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:900;display:inline-flex}.post-card h3{margin:18px 0 10px;font-size:1.28rem}.post-card p{color:var(--muted);margin:0;font-size:.92rem}.post-card .card-bottom{color:var(--brand);margin-top:auto;padding-top:22px;font-size:.84rem;font-weight:800}.page-head{padding:72px 0 32px}.page-head h1{margin:4px 0 10px;font-size:clamp(2.1rem,5vw,4rem)}.page-head p{max-width:720px;color:var(--muted);margin:0}.article-wrap{width:min(780px,100% - 36px);margin:0 auto;padding:66px 0 90px}.article-head{margin-bottom:42px}.article-head h1{margin:14px 0 16px;font-size:clamp(2rem,5vw,3.65rem)}.article-head .desc{color:var(--muted);font-size:1.08rem}.article-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:.82rem;display:flex}.article-body{font-size:1.02rem}.article-body h2{margin-top:2.3em;font-size:1.6rem}.article-body h3{margin-top:1.9em;font-size:1.25rem}.article-body p,.article-body li{color:#343943}.article-body a{color:var(--brand);text-underline-offset:3px;text-decoration:underline}.article-body code{background:#eef1f6;border-radius:5px;padding:.15em .35em;font-size:.9em}.article-body pre{color:#e8edf5;background:#111827;border-radius:14px;padding:18px;overflow-x:auto}.article-body blockquote{border-left:3px solid var(--brand);color:var(--muted);margin-left:0;padding:2px 0 2px 18px}.content-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.content-box h2:first-child{margin-top:0}.content-box p:last-child{margin-bottom:0}.ad-slot{color:#9098a5;background:#f2f4f8;border:1px dashed #c8ced9;border-radius:14px;place-items:center;min-height:120px;margin:24px 0;font-size:.8rem;display:grid}.site-footer{border-top:1px solid var(--line);background:#fff;margin-top:30px;padding:48px 0 24px}.footer-grid{justify-content:space-between;gap:30px;display:flex}.footer-brand{margin-bottom:12px}.site-footer p{max-width:520px;color:var(--muted);margin:0;font-size:.9rem}.footer-links{color:#525a66;flex-wrap:wrap;align-content:flex-start;gap:16px;font-size:.84rem;font-weight:700;display:flex}.copyright{border-top:1px solid var(--line);color:#9198a3;margin-top:32px;padding-top:20px;font-size:.76rem}@media (width<=900px){.hero-grid{grid-template-columns:1fr}.category-grid,.post-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.header-inner{flex-direction:column;align-items:flex-start;padding:14px 0}nav{flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.hero{padding-top:38px}.hero-main{min-height:330px;padding:28px}.post-grid,.category-grid{grid-template-columns:1fr}.section-header,.footer-grid{flex-direction:column;align-items:flex-start}}