:root{--bg-primary:light-dark(#f6f7f9,#16181d);--bg-default-button:light-dark(#fff,#2e3138);--bg-accent-button:#0e3177;--fg-accent-button:#05132e;--bg-switch-thumb:#406abf;--bg-accent:light-dark(#e5eaf3,#293856);--bg-focused:light-dark(color-mix(in srgb,#000,transparent 90%),color-mix(in srgb,#fff,transparent 10%));--bg-secondary:light-dark(#fff,#1c1f26);--bg-tab:light-dark(#fff,#1b1f28);--bg-tab-selected:light-dark(#fff,#212836);--bg-expanded-section:light-dark(#eff1f5,#1d2330);--fg-accent:light-dark(#0e3177,#9bb8f3);--fg-current:light-dark(#ea487e,#9bb8f3);--fg-heavy:light-dark(#000,#fff);--fg-bolder:light-dark(#0b0f0f,#f8fafa);--fg-normal:light-dark(#212c2c,#d3dede);--fg-light:light-dark(#2b3b3b,#c4d4d4);--fg-lighter:light-dark(#8aa8a8,#999)}@supports (color:hsl(0 0% 0%/0)){:root{--fg-bolder:light-dark(#161d1d,#e2e9e9)}}@font-face{font-family:나눔스퀘어 네오;src:url(/_next/static/media/NanumSquare_Variable.fbaa11b0.woff2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}*{transition:background-color .1s,color .1s;box-sizing:border-box;padding:0;margin:0}:root{font-size:18px;letter-spacing:.15mm;--color-logo:url(/logo-color-light.svg);--gray-logo:url(/logo-light.svg);line-height:1.6;--default-padding:2rem;font-family:나눔스퀘어 네오;&:has(:not(body.force-dark,body.force-light)){color-scheme:light dark}&:has(body.fontSize-l){font-size:20px}&:has(body.fontSize-xl){font-size:22px}&:has(body.forced-scheme){--color-logo:url(/logo-color-dark.svg);--gray-logo:url(/logo-dark.svg);color-scheme:dark}}:lang(ko){word-wrap:break-word;word-break:keep-all}body,html{position:relative;width:100%;min-height:100vh;overflow-x:hidden;color:var(--fg-normal);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.root{width:100%;min-height:100%;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none;background-color:inherit}.accent{color:var(--fg-accent)}strong{font-weight:800}.flex,.inline-flex{display:flex;&.gap-1{gap:.2rem}&.gap-2{gap:.4rem}&.gap-3{gap:.6rem}&.gap-4{gap:.8rem}&.gap-5{gap:1rem}&.inline-flex{display:inline-flex}&.v-center{align-items:center}&.h-center{justify-content:center}&.vertical{flex-direction:column;&.v-center{justify-content:center}&.h-center{align-items:center}}}.self-center{place-self:center}p{padding-block:.2em;margin-block:.1em}blockquote{width:-moz-fit-content;width:fit-content;margin:1rem auto;text-align:center;position:relative;padding:1em;&:before{border-left:.2em solid;border-top:.2em solid;left:0;top:0}&:after,&:before{content:"";width:1em;height:1.5rem;position:absolute}&:after{right:0;bottom:0;border-right:.2em solid;border-bottom:.2em solid}}q{&:before{content:"\2018"}&:after,&:before{font-family:Arial}&:after{content:"\2019"}}.blind{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}:not(h1,h2,h3,h4,h5,h6).size-s{font-size:.8em}:not(h1,h2,h3,h4,h5,h6).size-m{font-size:1em}:not(h1,h2,h3,h4,h5,h6).size-l{font-size:1.2em}:not(h1,h2,h3,h4,h5,h6).size-xl{font-size:1.4em}:not(h1,h2,h3,h4,h5,h6).size-xxl{font-size:1.6em}:not(h1,h2,h3,h4,h5,h6).size-xxxl{font-size:1.8em}.txt-left{text-align:left}.txt-center{text-align:center}.txt-right{text-align:right}.representative{margin-top:2em}h1{font-size:2.5em;font-weight:1000}h1,h2{margin-block:.5rem;color:var(--fg-heavy)}h2{font-size:2.25em;font-weight:800}h3{font-size:1.9em;font-weight:800}h3,h4{margin-block:.5rem;color:var(--fg-bolder)}h4{font-size:1.75em;font-weight:600}h5{font-size:1.5em}h5,h6{margin-block:.5rem;font-weight:600;color:var(--fg-bold)}h6{font-size:1.25em}h1,h2,h3,h4,h5,h6{&.size-xl{font-size:1.5em}&.size-xxl{font-size:2em;font-weight:1000}&.size-xxxl{font-size:2.5em;font-weight:1000}button{font-size:inherit;font-weight:inherit;color:inherit;background-color:transparent;border:none}}.icon-button{&.circle{border-radius:50%;aspect-ratio:1/1;background-color:var(--bg-accent)}}.introduce-box{display:flex;flex-direction:column;align-items:center;gap:1rem;justify-content:center;.paragraph{font-size:1.5em;text-align:center}}main.home{width:95%;margin:0 auto;font-weight:600}button{width:-moz-fit-content;width:fit-content;padding:.5em;font-size:1.1em;border-radius:.5em;background-color:var(--bg-default-button);color:var(--fg-default-button);border:none}.toast-wrapper{position:fixed;z-index:999;bottom:0;display:flex;width:100%;.toast{font-size:1rem;position:fixed;transition:bottom .5s;border-radius:.5em;padding:.5em 1em;bottom:calc(0px - var(--height));left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff}.toast.show{bottom:1.5em}}@media (prefers-color-scheme:dark){:root{--color-logo:url(/logo-color-dark.svg);--gray-logo:url(/logo-dark.svg);&:has(body.forced-scheme){--color-logo:url(/logo-color-light.svg);--gray-logo:url(/logo-light.svg);color-scheme:light}}}@media (max-width:768px){:root{font-size:.95em;--default-padding:1.5rem}h1{font-size:1.8em}h1,h2{margin-block:.5rem}h2{font-size:1.6em}h3{font-size:1.4em}h3,h4{margin-block:.5rem}h4{font-size:1.2em}h5{font-size:1.1em}h5,h6{margin-block:.5rem}h6{font-size:1em}.toast{min-width:80%;display:flex;flex-direction:column;align-items:center}}.skip-nav{position:absolute;z-index:99;left:50%;transform:translateX(-50%) translateY(-100%);font-size:1.2rem;padding:.5em;transition:transform .3s;background-color:color-mix(in srgb,var(--bg-primary),transparent 50%);border:.2rem dotted color-mix(in srgb,transparent 30%,var(--fg-normal));border-radius:.5em;&:focus-within{left:50%;transform:translateX(-50%) translateY(20%)}}.header{padding:1rem var(--default-padding);background-color:var(--bg-secondary);display:flex;align-items:center;>h1{.logo{display:block;width:8rem;padding:.25rem;margin-right:2rem;aspect-ratio:16/9;background-image:var(--color-logo);background-size:95%;background-position:50%;background-repeat:no-repeat}}}.open-gnb{display:none;color:var(--fg-normal)}.gnb-container{margin:0 auto}.gnb-list{display:flex;list-style:none;gap:1rem;align-items:center;li{display:flex;a{display:block;padding:.5rem;font-size:1.2rem;font-weight:600}a[aria-current=false]{color:var(--fg-normal)}a[aria-current=page]{color:var(--fg-current)}}}main{width:100%;min-height:65vh;padding:var(--default-padding);padding-bottom:3em;flex:1 1;doublequote,p{min-width:80%;max-width:100%;margin-block:.3em}section{margin-block:5vh;position:relative}}button.open-settings{position:fixed;bottom:5%;right:1em;box-shadow:0 .1em .2em rgba(0,0,0,.4);z-index:100}.footer{font-size:1rem;background-color:var(--bg-secondary);position:-webkit-sticky;position:sticky;display:flex;flex-direction:column;align-items:center;justify-content:center;bottom:0;left:0;width:100%;padding:1rem var(--default-padding);&.mobile{display:none}.flex{flex-wrap:wrap}.foot-logo{background-image:var(--gray-logo);background-size:65%;opacity:.2}.foot-logo,.social-logo{background-repeat:no-repeat;background-position:50%;width:10em;aspect-ratio:16/9;filter:grayscale(1)}.social-logo{background-image:url(/social.png);background-size:contain;opacity:.5}.info{display:inline-flex;align-items:center;padding-inline:.5rem;position:relative;font-size:.85em;color:color-mix(in srgb,var(--fg-normal),transparent 50%)}.info:not(:last-child):after{position:absolute;right:0;content:"";display:inline-block;height:1rem;background-color:color-mix(in srgb,var(--fg-normal),transparent 50%);width:.05rem}}.sub-page-top{display:flex;flex-direction:column;ul[role=tablist]{margin-block:1rem;display:flex;list-style:none;align-items:center;gap:.5rem;>li>a[role=tab]{display:flex;padding:.5rem 1.5rem;font-size:1rem;border-radius:.5em;background-color:var(--bg-tab);&[aria-selected=true]{background-color:var(--bg-tab-selected);font-size:1.4em;font-weight:bolder}&[aria-selected=false]{font-weight:400;color:var(--fg-light)}}}}.shortcut-list{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;margin:0 auto;padding-block:.5em;h2{align-self:start}ul{display:grid;list-style:none;grid-gap:auto;gap:auto;flex-wrap:wrap;align-items:center;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;>li>a{display:flex;flex-direction:column;align-items:center;padding:.5em;border-radius:.75rem;&:focus{background-color:var(--bg-focused);outline:none}.img{width:5rem;height:5rem;background-size:100%;background-position:50%;background-repeat:no-repeat;&.youtube{background-image:url(/youtube.png)}}}}}article.post{img{max-width:600px;min-width:150px}}@media (max-width:767px){.open-gnb{display:inline-block;background-color:transparent;border:none;font-size:1.2rem;margin-left:auto;padding:.2rem}:not(dialog) .gnb-container{display:none}.gnb-modal{max-height:100%;max-width:100%;width:100%;height:100%;background-color:transparent;border:none}.mobile-gnb-container{background-color:color-mix(in srgb,var(--bg-primary),transparent 10%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr;height:100%;min-width:-moz-fit-content;min-width:fit-content;margin-left:auto;padding:1rem;.gnb-list{flex-direction:column;padding:1rem;justify-content:center;grid-row:2}.closeGNB{justify-self:right;padding:.25rem;font-weight:700;font-size:1.3rem;background-color:transparent;border:none;transition:transform .7s ease-out;&:focus{transform:rotate(180deg)}}}.footer{&.pc{display:none}&.mobile{display:flex}}}