:root{--brand-50: #eef4ff;--brand-100: #dbe6ff;--brand-200: #bcd0ff;--brand-300: #8fb0ff;--brand-400: #5c86fb;--brand-500: #3b64f0;--brand-600: #2a4bd6;--brand-700: #233bad;--brand-900: #16265f;--accent-400: #ffb340;--accent-500: #f59300;--ink-900: #10131a;--ink-800: #1c2029;--ink-700: #2c3240;--ink-600: #454d5e;--ink-500: #5f6878;--ink-400: #858d9c;--ink-300: #b3b9c4;--ink-200: #d8dce3;--ink-100: #eceef2;--ink-50: #f6f7f9;--white: #fff;--ok-500: #12a065;--ok-50: #e7f7ef;--warn-500: #d98016;--warn-50: #fdf3e3;--danger-500: #d84a4a;--danger-50: #fdeded;--info-500: #2b7fd4;--info-50: #e9f3fc;--bg: var(--white);--bg-soft: var(--ink-50);--surface: var(--white);--border: var(--ink-200);--border-soft: var(--ink-100);--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-mono: "SFMono-Regular", ui-monospace, Menlo, Consolas, "D2Coding", monospace;--fs-hero: clamp(2.1rem, 6vw, 3.9rem);--fs-h1: clamp(1.7rem, 4vw, 2.6rem);--fs-h2: clamp(1.35rem, 2.6vw, 1.8rem);--fs-h3: 1.12rem;--fs-body: 1rem;--fs-sm: .9rem;--fs-xs: .8rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 26px;--r-full: 999px;--sh-sm: 0 1px 2px rgba(16, 19, 26, .06), 0 1px 3px rgba(16, 19, 26, .04);--sh-md: 0 4px 12px rgba(16, 19, 26, .07), 0 2px 4px rgba(16, 19, 26, .04);--sh-lg: 0 18px 40px rgba(16, 19, 26, .12), 0 4px 12px rgba(16, 19, 26, .06);--maxw: 1140px;--nav-h: 62px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:var(--fs-body);line-height:1.72;color:var(--ink-800);background:var(--bg);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.32;margin:0;font-weight:800;letter-spacing:-.02em;color:var(--ink-900)}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}ul,ol{margin:0;padding:0}code,pre{font-family:var(--font-mono)}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.wrap-narrow{max-width:860px}.section{padding:var(--sp-9) 0}.section--soft{background:var(--bg-soft)}.section--tight{padding:var(--sp-7) 0}.stack{display:flex;flex-direction:column}.stack-2{gap:var(--sp-2)}.stack-3{gap:var(--sp-3)}.stack-4{gap:var(--sp-4)}.stack-5{gap:var(--sp-5)}.stack-6{gap:var(--sp-6)}.stack-7{gap:var(--sp-7)}.row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.grid{display:grid;gap:var(--sp-4)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1000px){.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}.eyebrow{font-size:var(--fs-xs);font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-600)}.lede{font-size:1.06rem;color:var(--ink-600)}.muted{color:var(--ink-500)}.small{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.center{text-align:center}.mono{font-family:var(--font-mono);font-size:.92em}.hl{background:linear-gradient(transparent 62%,var(--brand-100) 62%);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--r-full);border:1px solid transparent;font-weight:700;font-size:.95rem;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--brand-600);color:#fff;box-shadow:var(--sh-md)}.btn-primary:hover{background:var(--brand-700);box-shadow:var(--sh-lg)}.btn-ghost{background:#ffffff1f;color:#fff;border-color:#ffffff57}.btn-ghost:hover{background:#ffffff38}.btn-outline{background:var(--white);color:var(--ink-800);border-color:var(--border)}.btn-outline:hover{border-color:var(--brand-400);color:var(--brand-700)}.btn-sm{padding:8px 15px;font-size:var(--fs-sm)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:800;line-height:1.6;background:var(--brand-50);color:var(--brand-700)}.badge--ok{background:var(--ok-50);color:var(--ok-500)}.badge--warn{background:var(--warn-50);color:var(--warn-500)}.badge--info{background:var(--info-50);color:var(--info-500)}.badge--ink{background:var(--ink-100);color:var(--ink-600)}.badge--solid{background:var(--brand-600);color:#fff}.badge--glass{background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.28)}.chip{padding:8px 16px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--white);color:var(--ink-600);font-size:var(--fs-sm);font-weight:700;transition:all .15s}.chip:hover{border-color:var(--brand-300);color:var(--brand-700)}.chip[aria-pressed=true]{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-sm);transition:box-shadow .18s,transform .18s,border-color .18s}.card--hover:hover{box-shadow:var(--sh-lg);transform:translateY(-3px);border-color:var(--brand-200)}.card--flat{box-shadow:none}.card--pad-sm{padding:var(--sp-4)}.callout{border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);border-left:4px solid var(--brand-400);background:var(--brand-50);font-size:.96rem;color:var(--ink-700)}.callout--tip{border-color:var(--ok-500);background:var(--ok-50)}.callout--warn{border-color:var(--warn-500);background:var(--warn-50)}.callout--danger{border-color:var(--danger-500);background:var(--danger-50)}.callout-title{font-weight:800;color:var(--ink-900);margin-bottom:4px;display:block}.codeblock{position:relative;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--ink-800)}.codeblock-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;background:var(--ink-800);color:var(--ink-200);font-size:var(--fs-xs);font-weight:700}.codeblock pre{margin:0;padding:16px;background:var(--ink-900);color:#e9edf5;font-size:.86rem;line-height:1.75;overflow-x:auto;white-space:pre}.copy-btn{padding:5px 12px;border-radius:var(--r-full);border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-size:var(--fs-xs);font-weight:700}.copy-btn:hover{background:#fff3}.copy-btn.is-done{background:var(--ok-500);border-color:var(--ok-500)}.table-wrap{overflow-x:auto;border:1px solid var(--border-soft);border-radius:var(--r-md)}table.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-sm);min-width:460px}.tbl th,.tbl td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border-soft)}.tbl th{background:var(--bg-soft);font-weight:800;color:var(--ink-700);white-space:nowrap}.tbl tr:last-child td{border-bottom:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--brand-400);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.site-header{position:sticky;top:0;z-index:60;background:#ffffffe0;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border-soft)}.nav{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.03em}.brand-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;font-size:.82rem;font-weight:900;flex:none}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-title{font-size:.95rem;color:var(--ink-900)}.brand-sub{font-size:.68rem;font-weight:700;color:var(--ink-400);letter-spacing:.02em}.nav-links{display:flex;align-items:center;gap:2px}.nav-link{padding:7px 11px;border-radius:var(--r-sm);font-size:.875rem;font-weight:700;color:var(--ink-600);white-space:nowrap;transition:all .14s}.nav-link:hover{background:var(--ink-50);color:var(--ink-900)}.nav-link.is-active{color:var(--brand-700);background:var(--brand-50)}.nav-actions{display:flex;align-items:center;gap:8px}.nav-toggle{display:none;width:40px;height:40px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--white);font-size:1.1rem}@media(max-width:1060px){.nav-links,.nav-actions .btn{display:none}.nav-toggle{display:grid;place-items:center}}.mobile-menu{border-bottom:1px solid var(--border-soft);background:var(--white)}.mobile-menu-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:14px 0 20px}@media(max-width:480px){.mobile-menu-inner{grid-template-columns:1fr}}.mobile-link{padding:12px 14px;border-radius:var(--r-md);font-weight:700;font-size:.92rem;background:var(--ink-50);color:var(--ink-700)}.mobile-link.is-active{background:var(--brand-600);color:#fff}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(1000px 460px at 12% -10%,rgba(255,255,255,.2),transparent 60%),radial-gradient(760px 420px at 92% 8%,rgba(255,255,255,.13),transparent 60%),linear-gradient(150deg,var(--brand-700) 0%,var(--brand-900) 58%,#0a1030 100%)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;opacity:.5}.hero-inner{position:relative;z-index:1;padding:clamp(56px,9vw,104px) 0 clamp(52px,8vw,92px)}.hero h1{font-size:var(--fs-hero);color:#fff;letter-spacing:-.045em;font-weight:900}.hero h1 em{font-style:normal;color:var(--accent-400)}.hero-sub{font-size:clamp(1rem,2.2vw,1.16rem);color:#ffffffdb;max-width:640px}.hero-meta{display:flex;flex-wrap:wrap;gap:10px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-top:var(--sp-7)}@media(max-width:720px){.hero-stats{grid-template-columns:repeat(2,1fr)}}.hero-stat{padding:18px;border-radius:var(--r-lg);background:#ffffff17;border:1px solid rgba(255,255,255,.16)}.hero-stat-num{font-size:1.65rem;font-weight:900;color:#fff;line-height:1.2}.hero-stat-label{font-size:var(--fs-xs);color:#ffffffb3;font-weight:700}.section-head{max-width:720px;margin-bottom:var(--sp-6)}.section-head h2{font-size:var(--fs-h1)}.section-head p{margin-top:10px;color:var(--ink-500);font-size:1.02rem}.section-head--center{margin-left:auto;margin-right:auto;text-align:center}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--brand-300),var(--border-soft))}.tl-item{position:relative;padding-bottom:var(--sp-5)}.tl-item:last-child{padding-bottom:0}.tl-dot{position:absolute;left:-30px;top:4px;width:20px;height:20px;border-radius:50%;background:var(--white);border:3px solid var(--brand-500);display:grid;place-items:center;font-size:.6rem;font-weight:900;color:var(--brand-700)}.tl-dot--break{border-color:var(--ink-300);color:var(--ink-400)}.tl-time{font-size:var(--fs-xs);font-weight:800;color:var(--brand-600);letter-spacing:.02em}.tl-title{font-weight:800;color:var(--ink-900);margin-top:2px}.tl-desc{font-size:var(--fs-sm);color:var(--ink-500);margin-top:3px}.checklist{display:flex;flex-direction:column;gap:8px}.check-item{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:13px 16px;border-radius:var(--r-md);border:1px solid var(--border-soft);background:var(--white);transition:all .15s;color:var(--ink-700);font-size:.95rem;line-height:1.6}.check-item:hover{border-color:var(--brand-300);background:var(--brand-50)}.check-item.is-done{background:var(--ok-50);border-color:#b6e3cd;color:var(--ink-500)}.check-item.is-done .check-label{text-decoration:line-through}.check-box{flex:none;width:22px;height:22px;border-radius:7px;margin-top:1px;border:2px solid var(--ink-300);display:grid;place-items:center;font-size:.74rem;color:#fff;font-weight:900}.check-item.is-done .check-box{background:var(--ok-500);border-color:var(--ok-500)}.check-label{flex:1}.progress-bar{height:9px;border-radius:var(--r-full);background:var(--ink-100);overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--brand-500),var(--brand-700));transition:width .4s cubic-bezier(.22,.8,.3,1)}.accordion{border:1px solid var(--border-soft);border-radius:var(--r-md);overflow:hidden;background:var(--white)}.acc-item+.acc-item{border-top:1px solid var(--border-soft)}.acc-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:none;border:none;text-align:left;font-weight:700;color:var(--ink-800);font-size:.97rem}.acc-head:hover{background:var(--ink-50)}.acc-icon{flex:none;color:var(--brand-600);font-size:1.15rem;transition:transform .2s}.acc-head[aria-expanded=true] .acc-icon{transform:rotate(45deg)}.acc-body{padding:0 18px 18px;color:var(--ink-600);font-size:.95rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}@media(max-width:940px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.gallery-grid{grid-template-columns:1fr}}.gal-card{display:flex;flex-direction:column;overflow:hidden;padding:0}.gal-thumb{aspect-ratio:16 / 10;display:grid;place-items:center;position:relative;font-size:2.6rem;color:#fff;border-bottom:1px solid var(--border-soft)}.gal-thumb-tag{position:absolute;top:10px;right:10px;padding:3px 10px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:800;background:#0006;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gal-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:8px;flex:1}.gal-title{font-weight:800;font-size:1rem;color:var(--ink-900)}.gal-desc{font-size:var(--fs-sm);color:var(--ink-500);flex:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a0e189e;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(920px,100%);max-height:88vh;overflow:auto;background:var(--white);border-radius:var(--r-xl);box-shadow:var(--sh-lg)}.modal-head{position:sticky;top:0;background:var(--white);z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 14px;border-bottom:1px solid var(--border-soft)}.modal-body{padding:22px 24px 26px}.modal-close{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--white);font-size:1.05rem;color:var(--ink-500)}.modal-close:hover{background:var(--ink-50);color:var(--ink-900)}.lesson-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:var(--r-md);border:1px solid var(--border-soft);background:var(--white);transition:all .15s}.lesson-row:hover{border-color:var(--brand-300);box-shadow:var(--sh-sm)}.lesson-no{flex:none;width:40px;height:40px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--brand-50);color:var(--brand-700);font-weight:900;font-size:.82rem}.lesson-main{flex:1;min-width:0}.lesson-title{font-weight:700;color:var(--ink-900);font-size:.95rem}.lesson-desc{font-size:var(--fs-xs);color:var(--ink-500)}.step-item{display:flex;gap:16px}.step-num{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--brand-600);color:#fff;font-weight:900;font-size:.95rem}.step-body{flex:1;padding-bottom:var(--sp-5)}.step-title{font-weight:800;color:var(--ink-900);font-size:1.05rem;margin-bottom:6px}.step-list{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:10px}.step-list li{position:relative;padding-left:20px;font-size:.95rem;color:var(--ink-600)}.step-list li:before{content:"›";position:absolute;left:6px;color:var(--brand-500);font-weight:900}.showcase-card{display:flex;flex-direction:column;gap:10px}.showcase-meta{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);color:var(--ink-400)}.vote-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--white);font-size:var(--fs-sm);font-weight:700;color:var(--ink-600)}.vote-btn:hover{border-color:var(--brand-400);color:var(--brand-700)}.vote-btn.is-voted{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:var(--fs-sm);font-weight:700;color:var(--ink-700)}.field input,.field textarea,.field select{width:100%;padding:11px 14px;border-radius:var(--r-md);border:1px solid var(--border);font:inherit;font-size:.95rem;color:var(--ink-800);background:var(--white)}.field input:focus,.field textarea:focus{border-color:var(--brand-400);outline:none;box-shadow:0 0 0 3px var(--brand-50)}.field textarea{min-height:90px;resize:vertical}.site-footer{background:var(--ink-900);color:var(--ink-300);padding:var(--sp-8) 0 var(--sp-6);margin-top:var(--sp-9)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:var(--sp-6)}@media(max-width:760px){.footer-grid{grid-template-columns:1fr}}.footer-col h4{color:#fff;font-size:.92rem;margin-bottom:12px}.footer-col a{display:block;padding:4px 0;font-size:var(--fs-sm);color:var(--ink-400)}.footer-col a:hover{color:#fff}.footer-bottom{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid rgba(255,255,255,.1);font-size:var(--fs-xs);color:var(--ink-500)}.page-head{padding:var(--sp-7) 0 var(--sp-5);border-bottom:1px solid var(--border-soft);background:var(--bg-soft)}.page-head h1{font-size:var(--fs-h1)}.page-head p{margin-top:8px;color:var(--ink-500)}.anchor-nav{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0}.anchor-nav a{padding:7px 14px;border-radius:var(--r-full);background:var(--white);border:1px solid var(--border);font-size:var(--fs-sm);font-weight:700;color:var(--ink-600)}.anchor-nav a:hover{border-color:var(--brand-400);color:var(--brand-700)}.kpi{display:flex;flex-direction:column;gap:2px}.kpi-num{font-size:1.5rem;font-weight:900;color:var(--brand-700);line-height:1.25}.kpi-label{font-size:var(--fs-xs);color:var(--ink-500);font-weight:700}.empty{padding:var(--sp-7) var(--sp-5);text-align:center;color:var(--ink-400);border:2px dashed var(--border);border-radius:var(--r-lg);background:var(--bg-soft)}:root{--brand-50: #eef3ff;--brand-100: #dde7ff;--brand-200: #bfd0ff;--brand-300: #93aeff;--brand-400: #6484f7;--brand-500: #4260ea;--brand-600: #2f47d0;--brand-700: #2637a6;--brand-900: #17205c;--accent-400: #ffc24d;--accent-500: #f5a200}