:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--bg-subtle:#f5f6f8;--surface:#fff;--line:#e4e7ec;--text:#0e1116;--text-2:#475066;--text-3:#5f6779;--accent:#4650f0;--accent-hover:#3640d6;--accent-soft:#eef0ff;--on-accent:#fff;--brand-navy:#0f1433;--on-navy:#fff;--on-navy-2:#c4c9e6;--line-navy:#ffffff24;--signal:#ffd21e;--danger:#c4321c;--success:#0f7b4f;--kakao:#fee500;--kakao-text:#000000d9;--shadow-overlay:0 12px 32px #0f14331f;--fs-display:clamp(2.25rem,1.4rem + 3.2vw,3.75rem);--fs-h1:clamp(1.875rem,1.4rem + 1.8vw,2.75rem);--fs-h2:clamp(1.5rem,1.25rem + 1vw,2rem);--fs-h3:1.25rem;--fs-body:1.0625rem;--fs-small:.9375rem;--fs-caption:.8125rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--container:1120px;--read:680px;--gutter:clamp(16px,4vw,40px);--section:clamp(64px,8vw,128px);--r-sm:6px;--r-md:10px;--r-lg:16px;--header-h:64px;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--ease:cubic-bezier(.2,0,0,1);--paper:var(--bg);--stone:var(--bg-subtle);--ink:var(--text);--soft:var(--text-2);--muted:var(--accent);--tint:var(--accent-soft);--night:var(--brand-navy);--night-2:var(--brand-navy);--brand:var(--accent);--hot:var(--danger);--step-small:var(--fs-small);--step-body:var(--fs-body);--step-lead:var(--fs-h3);--step-head:var(--fs-h1);--step-hero:var(--fs-display);--m:var(--gutter);--gap:var(--section);--r:var(--r-md)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b0d12;--bg-subtle:#11141b;--surface:#161a22;--line:#262b36;--text:#eceef2;--text-2:#a9b0be;--text-3:#8a92a3;--accent:#8c96ff;--accent-hover:#a3abff;--accent-soft:#1b2040;--on-accent:#0b0d12;--danger:#ff8a75;--success:#4cd39a;--shadow-overlay:0 12px 32px #00000080}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}.wf body{visibility:hidden}body{font-family:Pretendard Variable,Pretendard,system-ui,sans-serif;font-size:var(--fs-body);letter-spacing:-.005em;color:var(--text);background:var(--bg);word-break:keep-all;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.75;overflow-x:clip}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:3px}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}h1,h2,h3{text-wrap:balance}h1{font-size:var(--fs-h1);letter-spacing:-.025em;font-weight:700;line-height:1.2}h2{font-size:var(--fs-h2);letter-spacing:-.02em;font-weight:700;line-height:1.3}h3{font-size:var(--fs-h3);letter-spacing:-.015em;font-weight:600;line-height:1.4}h1.display{font-size:var(--fs-display);letter-spacing:-.03em;line-height:1.15}p{text-wrap:pretty}b,strong{font-weight:600}table{font-variant-numeric:tabular-nums}.wrap{padding-inline:var(--gutter);max-width:calc(var(--container) + var(--gutter) * 2);margin-inline:auto}.sec{padding-block:var(--section)}.sec-sm{padding-block:calc(var(--section) / 2)}.alt{background:var(--bg-subtle)}.lead{font-size:var(--fs-h3);max-width:38ch;color:var(--text-2);line-height:1.6}.small{font-size:var(--fs-small);line-height:1.6}.caption{font-size:var(--fs-caption);color:var(--text-3);font-weight:500;line-height:1.5}.skip{position:absolute;left:-999px}.skip:focus{left:var(--gutter);background:var(--text);color:var(--bg);z-index:99;border-radius:var(--r-sm);padding:8px 12px;top:8px}.nowrap{white-space:nowrap}.bite{border-radius:var(--r-lg)}.sig-bite{--bite:56px;-webkit-mask:radial-gradient(circle at 100% 0,transparent var(--bite),#000 calc(var(--bite) + .5px));-webkit-mask:radial-gradient(circle at 100% 0,transparent var(--bite),#000 calc(var(--bite) + .5px));mask:radial-gradient(circle at 100% 0,transparent var(--bite),#000 calc(var(--bite) + .5px))}.dot{background:var(--accent);border-radius:50%;flex:none;width:.5em;height:.5em;display:inline-block}.chip{border:1px solid var(--line);color:var(--text-2);font-size:var(--fs-caption);border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-weight:500;display:inline-flex}.badge{background:var(--accent-soft);color:var(--accent);font-size:var(--fs-caption);border-radius:var(--r-sm);align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.btn{border-radius:var(--r-md);background:var(--accent);min-height:48px;color:var(--on-accent);font:inherit;font-size:var(--fs-body);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);border:0;justify-content:center;align-items:center;gap:.5em;padding:0 24px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-hover)}.btn.secondary,.btn.light{color:var(--text);box-shadow:inset 0 0 0 1px var(--text-3);background:0 0}.btn.secondary:hover,.btn.light:hover{background:var(--bg-subtle);box-shadow:inset 0 0 0 1px var(--text)}.btn.kakao{background:var(--kakao);color:var(--kakao-text)}.btn.kakao:hover{background:var(--kakao);box-shadow:inset 0 0 0 999px #0000000f}.btn.block{width:100%}.btn.sm{min-height:44px;font-size:var(--fs-small);padding:0 18px}.navy-zone{background:var(--brand-navy);color:var(--on-navy)}.navy-zone .lead,.navy-zone p,.cta-band .lead,.cta-band p{color:var(--on-navy-2)}.navy-zone .btn.secondary,.navy-zone .btn.light,.cta-band .btn.secondary,.cta-band .btn.light{color:var(--on-navy);box-shadow:inset 0 0 0 1px #fff6}.navy-zone .btn.secondary:hover,.navy-zone .btn.light:hover,.cta-band .btn.secondary:hover,.cta-band .btn.light:hover{background:#ffffff14;box-shadow:inset 0 0 0 1px #fff}.navy-zone .btn:not(.secondary):not(.light):not(.kakao),.cta-band .btn:not(.secondary):not(.light):not(.kakao){color:var(--brand-navy);background:#fff}.navy-zone .btn:not(.secondary):not(.light):not(.kakao):hover,.cta-band .btn:not(.secondary):not(.light):not(.kakao):hover{background:#e4e7f5}.link-more{color:var(--accent);font-weight:600;text-decoration:none}.link-more:hover{text-decoration:underline}.link-more:after{content:" →"}.more{color:var(--accent);font-weight:600;text-decoration:none}.more:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--dur-fast) var(--ease);padding:24px}a.card{text-decoration:none;display:block}a.card:hover{border-color:var(--text-3)}.sec-head{margin-bottom:var(--s-6);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;display:flex}.sec-head p{max-width:46ch}.cta-band{background:var(--brand-navy);color:var(--on-navy);padding-block:var(--s-8)}.cta-band .sig-bite{background:var(--brand-navy)}.cta-band .actions{gap:var(--s-3);margin-top:var(--s-5);flex-wrap:wrap;display:flex}.split{grid-template-columns:4fr 8fr;gap:clamp(32px,5vw,80px);display:grid}.split>*{min-width:0}@media (width<=820px){.split{grid-template-columns:1fr}}.top{z-index:40;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.top .wrap{align-items:center;gap:var(--s-5);min-height:var(--header-h);display:flex}.brand{flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{width:26px;height:auto}.brand b{letter-spacing:-.03em;font-size:1.25rem;font-weight:700}.menu{margin-left:var(--s-5);font-size:var(--fs-small);align-self:stretch;gap:2px;font-weight:500;display:flex}.nav-item{align-items:center;display:flex;position:relative}.nav-item>a{min-height:44px;color:var(--text-2);border-radius:var(--r-md);transition:color var(--dur-fast) var(--ease);align-items:center;gap:4px;padding:0 12px;text-decoration:none;display:flex}.nav-item>a:hover,.nav-item:focus-within>a{color:var(--text)}.nav-item>a[aria-current=page]{color:var(--text);font-weight:600}.nav-item.has-dd>a:after{content:"";border:1.5px solid;border-width:0 1.5px 1.5px 0;width:6px;height:6px;margin-left:2px;transform:translateY(-2px)rotate(45deg)}.dd{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);min-width:260px;box-shadow:var(--shadow-overlay);padding:var(--s-2);opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease),visibility 0s linear var(--dur-base);display:grid;position:absolute;top:100%;left:0;transform:translateY(4px)}.nav-item:hover>.dd,.nav-item:focus-within>.dd{opacity:1;visibility:visible;transition-delay:0s;transform:none}.dd a{color:var(--text);font-size:var(--fs-small);border-radius:var(--r-sm);transition:background-color var(--dur-fast) var(--ease);padding:10px 12px;font-weight:500;text-decoration:none;display:block}.dd a:hover{background:var(--bg-subtle)}.dd a[aria-current=page]{color:var(--accent);font-weight:600}.top-actions{align-items:center;gap:var(--s-2);margin-left:auto;display:flex}.menu-open{border:1px solid var(--line);color:var(--text);border-radius:var(--r-md);min-height:44px;font:inherit;font-size:var(--fs-small);cursor:pointer;transition:border-color var(--dur-fast) var(--ease);background:0 0;align-items:center;gap:10px;padding:0 16px;font-weight:600;display:flex}.menu-open:hover{border-color:var(--text-3)}.menu-open i{gap:4px;display:grid}.menu-open i:before,.menu-open i:after{content:"";background:currentColor;border-radius:2px;width:15px;height:1.5px}@media (width<=1099px){.menu{display:none}}@media (width<=759px){.top-actions .btn{display:none}}.overlay{z-index:80;background:var(--brand-navy);color:var(--on-navy);visibility:hidden;opacity:0;transition:opacity var(--dur-slow) var(--ease),visibility 0s linear var(--dur-slow);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0;overflow-y:auto}.overlay.on{visibility:visible;opacity:1;transition:opacity var(--dur-slow) var(--ease)}.overlay>.wrap{width:100%}.ov-head{min-height:var(--header-h);justify-content:space-between;align-items:center;display:flex}.ov-close{color:var(--on-navy);border-radius:var(--r-md);min-height:44px;font:inherit;font-size:var(--fs-small);cursor:pointer;background:0 0;border:1px solid #ffffff4d;padding:0 18px;font-weight:600}.ov-close:hover{background:#ffffff14}.ov-body{padding-block:var(--s-6);grid-template-columns:7fr 5fr;align-items:start;gap:clamp(32px,6vw,96px);display:grid}.ov-links{gap:var(--s-4);list-style:none;display:grid}.ov-links>li>a{color:var(--on-navy);letter-spacing:-.025em;padding-block:2px;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.25rem);font-weight:700;line-height:1.3;text-decoration:none;display:block}.ov-links>li>a:hover{text-underline-offset:6px;text-decoration:underline}.ov-sub{gap:2px var(--s-4);margin:var(--s-1) 0 0 var(--s-4);flex-wrap:wrap;list-style:none;display:flex}.ov-sub a{color:var(--on-navy-2);font-size:var(--fs-small);padding-block:6px;text-decoration:none;display:block}.ov-sub a:hover{color:#fff;text-decoration:underline}.ov-more{margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--line-navy);gap:0 var(--s-5);flex-wrap:wrap;list-style:none;display:flex}.ov-more a{color:var(--on-navy-2);font-size:var(--fs-small);padding-block:8px;text-decoration:none;display:block}.ov-more a:hover{color:#fff}.ov-cta{border-radius:var(--r-lg);padding:var(--s-6);--bite:48px;background:#ffffff0f}.ov-cta h2{font-size:var(--fs-h3);color:var(--on-navy);font-weight:600;line-height:1.4}.ov-cta p{color:var(--on-navy-2);margin-top:var(--s-3);font-size:var(--fs-small)}.ov-cta .actions{gap:var(--s-3);margin-top:var(--s-5);display:grid}.ov-foot{padding-block:var(--s-4);border-top:1px solid var(--line-navy);font-size:var(--fs-small);color:var(--on-navy-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ov-foot a{margin-right:var(--s-4);text-decoration:none}.ov-foot a:hover{color:#fff}@media (width<=820px){.ov-body{grid-template-columns:1fr}}.post-list{gap:var(--s-3);list-style:none;display:grid}.post-row{padding:var(--s-4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);transition:border-color var(--dur-fast) var(--ease);grid-template-columns:104px 1fr;align-items:center;gap:clamp(16px,2vw,24px);text-decoration:none;display:grid}.post-row:hover{border-color:var(--text-3)}.post-row img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-sm);width:104px}.post-row .meta{font-size:var(--fs-caption);color:var(--text-3);font-weight:500}.post-row h3{margin-top:2px}.post-row p{max-width:58ch;color:var(--text-2);font-size:var(--fs-small);margin-top:6px}.article{max-width:var(--read)}.article h2{margin-top:2.2em;margin-bottom:.6em}.article h3{margin-top:1.8em;margin-bottom:.4em}.article p,.article ul,.article ol,.article table,.article pre{margin-top:1em}.article ul,.article ol{padding-left:1.3em}.article li+li{margin-top:.35em}.article table{border-collapse:collapse;width:100%;font-size:var(--fs-small)}.article th,.article td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.article th{color:var(--text-2);font-weight:600}.article pre{background:var(--bg-subtle);border:1px solid var(--line);color:var(--text);border-radius:var(--r-md);padding:16px 18px;font-size:.9rem;line-height:1.6;overflow-x:auto}.article code{font-family:ui-monospace,Consolas,monospace;font-size:.92em}.article :not(pre)>code{background:var(--bg-subtle);border-radius:var(--r-sm);padding:1px 6px}.article blockquote{background:var(--bg-subtle);border-left:2px solid var(--accent);border-radius:var(--r-sm);margin-top:1em;padding:12px 18px}.article a:not(.btn){color:var(--accent);font-weight:500}.table-scroll{overflow-x:auto}.field{gap:var(--s-2);display:grid}.field label{font-size:var(--fs-small);font-weight:600}.field input,.field select,.field textarea{width:100%;min-height:48px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--text-3);border-radius:var(--r-sm);padding:10px 14px;font-size:1rem}.field textarea{resize:vertical;min-height:120px}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field .err{color:var(--danger);font-size:var(--fs-small)}footer{background:var(--brand-navy);color:var(--on-navy)}main>:last-child:not(.cta-band){margin-bottom:0}.f-top{gap:var(--s-6) var(--s-8);padding-block:var(--s-8) var(--s-6);grid-template-columns:auto 1fr;display:grid}.f-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.f-brand img{width:26px}.f-brand b{letter-spacing:-.03em;font-size:1.25rem;font-weight:700}.f-cols{gap:var(--s-5) var(--s-8);flex-wrap:wrap;display:flex}.f-cols ul{font-size:var(--fs-small);gap:2px;list-style:none;display:grid}.f-cols li:first-child{font-size:var(--fs-caption);color:var(--on-navy-2);margin-bottom:var(--s-2);font-weight:600}.f-cols a{color:var(--on-navy-2);padding-block:5px;text-decoration:none;display:inline-block}.f-cols a:hover{color:#fff;text-decoration:underline}.last{padding-block:var(--s-5);font-size:var(--fs-caption);color:var(--on-navy-2);border-top:1px solid var(--line-navy);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;display:flex}.last a{color:var(--on-navy-2);text-decoration:none}.last a:hover{color:#fff;text-decoration:underline}@media (width<=760px){.f-top{grid-template-columns:1fr}}.dock{display:none}@media (width<=759px){.post-row{grid-template-columns:80px 1fr}.post-row img{width:80px}.dock{gap:var(--s-2);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);z-index:30;grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0}.dock .btn{min-height:52px;padding:0 12px;font-size:1rem}body{padding-bottom:76px}}@view-transition{navigation:auto}::view-transition-group(root){animation-duration:var(--dur-base)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}html{scroll-behavior:auto}@view-transition{navigation:none}}.auth-slot[data-astro-cid-hkbrpulz]{min-height:44px;padding:0 var(--s-2);font-size:var(--fs-small);color:var(--text);align-items:center;text-decoration:none;display:inline-flex}.auth-slot[data-astro-cid-hkbrpulz][hidden]{display:none}.auth-slot[data-astro-cid-hkbrpulz]:hover{text-decoration:underline}
