@layer pages{.editorial-surface{--font-display:"Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-body:"Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--weight-regular:400;--weight-medium:500;--weight-strong:600;background:linear-gradient(180deg, var(--blue-100) 0, color-mix(in oklch, var(--blue-100) 25%, var(--surface)) 24rem, var(--surface) 42rem)}.editorial-page{width:var(--shell);padding-bottom:var(--section-space);margin:0 auto}.editorial-sections{gap:.4rem;padding-top:clamp(2rem,4vw,3.5rem);display:flex}.editorial-sections a{color:var(--navy-600);font-size:var(--text-label);font-weight:var(--weight-medium);padding:.55rem .8rem}.editorial-sections a[aria-current=page]{background:var(--navy-950);color:var(--surface)}.editorial-hero{grid-template-columns:minmax(0,1.4fr) minmax(16rem,.6fr);align-items:end;gap:clamp(2rem,8vw,8rem);padding:clamp(4.5rem,9vw,8rem) 0 clamp(3.5rem,7vw,6rem);display:grid}.editorial-hero h1,.article-hero h1,.editorial-article h2{font-family:var(--font-display);letter-spacing:var(--tracking-tight)}.editorial-hero h1{max-width:12ch;margin-top:.75rem;font-size:clamp(3.4rem,9vw,7rem);line-height:.94}.editorial-hero>p:last-child{max-width:31rem;color:var(--navy-600);padding-bottom:.5rem;font-size:clamp(1.05rem,2vw,1.25rem)}.editorial-index{border-top:1px solid var(--line);list-style:none}.editorial-index li{border-bottom:1px solid var(--line)}.editorial-index a{min-height:11rem;transition:color .18s var(--ease-out), transform .18s var(--ease-out);grid-template-columns:4rem minmax(0,1fr) auto;align-items:center;gap:clamp(1rem,4vw,3rem);padding:2rem 0;display:grid}.editorial-index a:hover{color:var(--blue-700)}.editorial-index a:hover .editorial-index-action{transform:translate(.3rem)}.editorial-index-number{color:var(--neutral-500);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);align-self:start}.editorial-index-copy small,.editorial-index-copy strong,.editorial-index-copy>span{display:block}.editorial-index-copy small{color:var(--blue-700);font-weight:var(--weight-strong)}.editorial-index-copy strong{font-family:var(--font-display);letter-spacing:-.035em;margin-top:.35rem;font-size:clamp(1.45rem,3vw,2.35rem)}.editorial-index-copy>span{max-width:48rem;color:var(--navy-600);margin-top:.45rem}.editorial-index-action{font-weight:var(--weight-strong);transition:transform .18s var(--ease-out)}.guide-library-surface,.guide-article-surface{background:var(--surface)}.article-reading-progress{z-index:220;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.article-reading-progress>span{transform-origin:0;background:var(--blue-600);will-change:transform;width:100%;height:100%;display:block;transform:scaleX(0)}@media (width>=54.01rem){.guide-article-surface{--header-height:4.5rem}.guide-article-surface .header-shell{width:min(76.875rem,100vw - 3rem)}.guide-article-surface .brand img{width:2.25rem;height:2.25rem}}.guide-library{width:var(--shell);padding-bottom:var(--section-space);margin-inline:auto}.guide-library-nav{gap:.35rem;width:fit-content;margin-inline:auto;padding-top:1rem;display:flex}.guide-library-nav a{color:var(--navy-600);font-size:var(--text-label);font-weight:var(--weight-medium);padding:.55rem .85rem}.guide-library-nav a[aria-current=page]{background:var(--blue-100);color:var(--blue-700)}.guide-library-hero{text-align:center;max-width:36rem;margin-inline:auto;padding:clamp(1.4rem,2.5vw,2.1rem) 0 clamp(1.8rem,3vw,2.4rem)}.guide-library-hero h1{font-family:var(--font-display);letter-spacing:var(--tracking-tight);margin-top:0;font-size:clamp(1.85rem,2.8vw,2.45rem);line-height:1.05}.guide-library-hero>p:last-child{max-width:38rem;color:var(--navy-600);margin:.55rem auto 0;font-size:clamp(.9rem,1.4vw,1rem)}.guide-card-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.55rem,2vw,2rem) clamp(1rem,2vw,1.4rem);list-style:none;display:grid}.guide-card-item,.guide-card-item-1,.guide-card-item-2{grid-column:span 4}.guide-card{height:100%;display:block}.guide-card-visual{aspect-ratio:1.92;background:var(--neutral-100);isolation:isolate;border-radius:.65rem;min-height:0;display:grid;position:relative;overflow:hidden}.guide-card-item-2 .guide-card-visual{aspect-ratio:1.92}.guide-card-visual img{object-fit:cover;width:100%;height:100%;transition:transform .36s var(--ease-out)}.guide-card:hover .guide-card-visual img{transform:scale(1.025)}.guide-card-copy{padding:.55rem 0 0;display:block}.guide-card-copy>time,.guide-card-copy>strong,.guide-card-copy>span{display:block}.guide-card-date{color:var(--neutral-500);font-variant-numeric:tabular-nums;font-size:.65rem}.guide-card-copy>strong{max-width:26ch;font-family:var(--font-display);letter-spacing:-.025em;margin-top:.25rem;font-size:clamp(.94rem,1.25vw,1.1rem);line-height:1.3}.guide-card-copy>span:not(.guide-card-link){max-width:40rem;color:var(--navy-600);margin-top:.2rem;font-size:.67rem;line-height:1.45}.guide-card-link{font-size:var(--text-label);font-weight:var(--weight-strong);margin-top:1rem}.guide-card-link span{transition:transform .18s var(--ease-out);display:inline-block}.guide-card:hover .guide-card-link{color:var(--blue-700)}.guide-card:hover .guide-card-link span{transform:translate(.25rem)}.guide-article-page{width:min(72.5rem, calc(100vw - (var(--space-page-inline) * 2)));padding-bottom:var(--section-space);margin-inline:auto}.editorial-breadcrumb{width:min(45rem,100%);color:var(--navy-600);font-size:.78rem;font-weight:var(--weight-medium);margin-inline:auto;padding:4rem 1rem 0}.editorial-breadcrumb a:hover{color:var(--blue-700)}.guide-article-header{text-align:left;width:min(45rem,100%);margin-inline:auto;padding:1.875rem 1rem 3rem}.guide-article-header h1{width:calc(100% - 1.75rem);font-family:var(--font-display);font-size:2.75rem;font-weight:var(--weight-strong);letter-spacing:-.025em;margin-top:0;line-height:1.3}.article-answer{width:calc(100% - 1.75rem);max-width:none;color:var(--navy-600);margin:1.5rem 0 0;font-size:1.25rem;line-height:1.4}.guide-article-meta{width:100%;color:var(--navy-600);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.45rem 1.25rem;margin-top:2rem;font-size:.78rem;display:flex}.guide-article-meta span+span:before{color:var(--neutral-300);content:"·";margin-right:1.25rem}.guide-article-meta .guide-article-author{background:var(--blue-600);width:3rem;height:3rem;color:var(--surface);font-size:.7rem;font-weight:var(--weight-strong);border-radius:50%;place-items:center;display:grid}.guide-article-meta .guide-article-author:before,.guide-article-meta .guide-article-author+span:before{content:none}.guide-article-author-details{color:var(--navy-950);align-content:center;gap:.05rem;line-height:1.35;display:grid}.guide-article-author-details:before,.guide-article-reading-time:before{content:none!important}.guide-article-author-details strong{font-size:.8rem}.guide-article-author-details time{color:var(--navy-600);font-size:.72rem}.guide-article-reading-time{color:var(--navy-600);margin-left:.35rem;font-size:.74rem}.guide-article-grid{grid-template-columns:12.5rem minmax(0,42.5rem) 12.5rem;grid-template-areas:"toc content tool";align-items:start;gap:2.5rem;padding-top:0;display:grid}.guide-toc{color:var(--navy-600);border-top:0;grid-area:toc;gap:1rem;padding-top:.15rem;font-size:.875rem;line-height:1.43;display:grid;position:sticky;top:7rem}.guide-toc strong{color:var(--navy-950);margin-bottom:.25rem;font-size:1.125rem;line-height:1.55}.guide-toc a{transition:color .18s var(--ease-out), transform .18s var(--ease-out);position:relative}.guide-toc a:before{transform-origin:50%;background:var(--blue-600);content:"";width:2px;transition:transform .18s var(--ease-out);position:absolute;top:.12em;bottom:.12em;left:-.85rem;transform:scaleY(0)}.guide-toc a:hover,.guide-toc a.is-active{color:var(--blue-700)}.guide-toc a.is-active{font-weight:var(--weight-strong);transform:translate(.2rem)}.guide-toc a.is-active:before{transform:scaleY(1)}.guide-article-content{grid-area:content;min-width:0}.guide-article-cover{aspect-ratio:1.904;background:var(--blue-100);width:calc(100% + 5.5rem);margin:0 0 4rem -2.75rem;position:relative;overflow:hidden}.guide-article-cover img{object-fit:cover;width:100%;height:100%}.guide-article-prose{color:var(--navy-800);padding-bottom:3.75rem;font-size:1.1875rem;line-height:1.789}.guide-article-prose p+p{margin-top:1rem}.guide-content-section{padding-bottom:3.75rem;scroll-margin-top:7rem}.guide-content-section+.guide-content-section{border-top:0;padding-top:3.75rem}.guide-article h2{font-family:var(--font-display);font-size:2.125rem;font-weight:var(--weight-strong);letter-spacing:0;margin-top:0;line-height:1.5}.guide-tool-panel{border-top:0;grid-area:tool;gap:0;padding-top:.15rem;display:grid;position:sticky;top:7rem}.guide-tool-panel>p{color:var(--navy-950);font-size:1.125rem;line-height:1.55;font-weight:var(--weight-strong);margin-bottom:.45rem}.guide-tool-link{border-top:1px solid color-mix(in oklch, var(--line) 72%, transparent);grid-template-columns:minmax(0,1fr) 5rem;align-items:center;gap:.9rem;min-height:5.75rem;padding:.9rem 0;display:grid}.guide-tool-link strong{font-size:.9375rem;line-height:1.45;display:block}.guide-tool-link:hover strong{color:var(--blue-700)}.guide-tool-link-visual{aspect-ratio:1.9;background:var(--neutral-100);border-radius:.2rem;place-items:center;display:grid;overflow:hidden}.guide-tool-link-visual img{object-fit:cover;width:100%;height:100%}.guide-tool-visual{aspect-ratio:1.9;border-radius:.2rem;margin-bottom:1rem;display:block;overflow:hidden}.guide-tool-visual img{object-fit:cover;width:100%;height:100%}@media (width>=80rem){.guide-toc{z-index:2;width:13.75rem;max-height:calc(100vh - 10.3125rem);position:fixed;top:10.3125rem;left:calc(50% - 41.875rem);overflow-y:auto}.guide-tool-panel{z-index:2;width:14.375rem;max-height:calc(100vh - 10.3125rem);position:fixed;top:10.3125rem;left:calc(50% + 26.25rem);overflow-y:auto}}.article-primary-action{background:var(--blue-600);width:100%;min-height:3.1rem;color:var(--surface);font-size:.88rem;font-weight:var(--weight-strong);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.1rem;padding:.7rem .9rem;display:inline-flex}.article-primary-action:hover{background:var(--blue-700)}.article-steps{border-top:1px solid var(--line);margin-top:1.25rem;list-style:none}.article-steps li{border-bottom:1px solid var(--line);grid-template-columns:2.25rem 1fr;gap:.8rem;padding:1.1rem 0;display:grid}.article-steps li>span{color:var(--blue-700);font-size:.76rem;font-weight:var(--weight-strong);font-variant-numeric:tabular-nums;padding-top:.08rem}.article-steps li>span:before{content:"0"}.article-steps p{color:var(--navy-800);font-size:1.0625rem;line-height:1.75}.article-checks{color:var(--navy-950);background:oklch(97.3% .004 250);border:0;margin:0 0 3.75rem;padding:1.5rem 1.6rem}.article-checks h2{font-size:1.4rem;line-height:1.45}.article-checks ul{color:var(--navy-800);margin:1rem 0 0;padding:0;list-style:none}.article-checks li{padding-left:1.55rem;font-size:1rem;line-height:1.7;position:relative}.article-checks li:before{width:1rem;height:1rem;color:var(--surface);content:"✓";background:oklch(70% .17 150);border-radius:.15rem;place-items:center;font-size:.65rem;font-weight:800;display:grid;position:absolute;top:.16rem;left:0}.article-checks li+li{margin-top:.65rem}.article-faq,.benchmark-section,.blog-section{border-top:1px solid var(--line);padding:clamp(3.5rem,7vw,6rem) 0}.article-faq dl,.article-faq dl>div+div{margin-top:1.5rem}.article-faq dt{font-size:1.125rem;font-weight:var(--weight-strong);line-height:1.6}.article-faq dd{color:var(--navy-600);margin:.45rem 0 0;font-size:1.0625rem;line-height:1.75}.article-share{grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding:1rem 0 4.5rem;display:grid}.article-share h2{letter-spacing:-.025em;margin:0;font-size:1.25rem;line-height:1.4}.article-share-desktop{align-items:center;gap:.55rem;display:flex}.article-share-desktop a,.article-share-desktop button{border:1px solid var(--line);width:2.75rem;height:2.75rem;min-height:0;color:var(--navy-950);transition:border-color .16s var(--ease-out), background .16s var(--ease-out), color .16s var(--ease-out), transform .16s var(--ease-out);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.article-share-desktop svg{fill:currentColor;width:1.15rem;height:1.15rem}.article-share-desktop a:hover,.article-share-desktop button:hover{border-color:var(--navy-950);background:var(--navy-950);color:var(--surface);transform:translateY(-2px)}.article-share-mobile{display:none}.article-related>div{border-top:1px solid var(--navy-950);margin-top:1.5rem;display:grid}.article-related a{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:minmax(0,3fr) minmax(12rem,2fr);align-items:center;gap:1.5rem;min-height:8.75rem;padding:1rem 0;display:grid}.article-related strong,.article-related span{display:block}.article-related strong{font-family:var(--font-display);font-size:1.05rem;line-height:1.4}.article-related a:hover strong{color:var(--blue-700)}.article-related-visual{background:var(--neutral-100);border-radius:.2rem;place-items:center;height:7rem;display:grid;overflow:hidden}.article-related-visual img{object-fit:cover;width:100%;height:100%}.editorial-surface .site-footer{border-top:1px solid var(--line);color:var(--navy-600);background:0 0;margin-top:clamp(3rem,5vw,4rem);padding:1.25rem 0}.editorial-surface .footer-shell{min-height:0;padding-block:0}.editorial-surface .footer-brand,.editorial-surface .footer-shell>p{display:none}.editorial-surface .footer-shell nav{grid-area:1/1/auto/-1;justify-content:flex-start;gap:.35rem 1.1rem}.editorial-surface .footer-shell nav a{min-height:0;color:var(--navy-600);font-size:.68rem;font-weight:var(--weight-medium);padding:.25rem 0}.editorial-surface .footer-shell small{border-color:var(--line);color:var(--neutral-500);margin-top:.9rem;padding-top:.8rem}.benchmark-metrics{border-block:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2rem;display:grid}.benchmark-metrics div{padding:1.4rem 1rem 1.4rem 0}.benchmark-metrics dt{color:var(--navy-600);font-size:.78rem;font-weight:var(--weight-medium)}.benchmark-metrics dd{font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.7rem);font-weight:var(--weight-strong);margin:.25rem 0 0}.benchmark-copy{max-width:52rem;color:var(--navy-600);margin-top:1rem}.benchmark-table-wrap{margin-top:2rem;overflow-x:auto}.benchmark-table{border-collapse:collapse;width:100%;min-width:42rem}.benchmark-table th,.benchmark-table td{border-bottom:1px solid var(--line);text-align:left;padding:1rem}.benchmark-table th{color:var(--navy-600);font-size:.82rem}.benchmark-table td:not(:first-child){font-variant-numeric:tabular-nums}.benchmark-notes{color:var(--navy-600);margin:1.5rem 0 0;padding-left:1.2rem}.benchmark-notes li+li{margin-top:.65rem}.blog-section{max-width:52rem}.blog-section p,.blog-section li{color:var(--navy-600)}.blog-section>p{margin-top:1rem}.blog-section ol,.blog-section ul{margin:1.25rem 0 0;padding-left:1.25rem}.blog-section li+li{margin-top:.8rem}.blog-article-section>p,.blog-article-section li{color:var(--navy-800);font-size:1.1875rem;line-height:1.789}.blog-article-section>p{margin-top:1rem}.blog-article-section ul{margin:1.25rem 0 0;padding-left:1.25rem}.blog-article-section li+li{margin-top:.8rem}.inline-tool-link{color:var(--blue-700);font-weight:var(--weight-strong);text-underline-offset:.18em;text-decoration:underline}@media (width<=79.99rem){.guide-article-grid{grid-template-columns:minmax(0,42.5rem);grid-template-areas:"content";justify-content:center}.guide-toc,.guide-tool-panel{display:none}}@media (width<=64rem){.guide-card-item,.guide-card-item-1,.guide-card-item-2{grid-column:span 6}.guide-article-grid{grid-template-columns:minmax(0,42.5rem)}}@media (width<=48rem){.editorial-hero,.article-body{grid-template-columns:1fr}.editorial-hero{gap:1.5rem}.editorial-index a{grid-template-columns:2.25rem minmax(0,1fr)}.editorial-index-action{display:none}.article-related>div{grid-template-columns:1fr}.article-related a{grid-template-columns:1fr;gap:.3rem}.article-share{grid-template-columns:1fr auto;padding-bottom:3.75rem}.article-share-desktop{display:none}.article-share-mobile{display:block;position:relative}.article-share-mobile summary{border:1px solid var(--navy-950);min-width:5rem;color:var(--navy-950);font-size:.8rem;font-weight:var(--weight-strong);text-align:center;cursor:pointer;padding:.65rem 1rem;list-style:none}.article-share-mobile summary::-webkit-details-marker{display:none}.article-share-mobile[open] summary{background:var(--navy-950);color:var(--surface)}.article-share-mobile>div{z-index:4;border:1px solid var(--line);background:var(--surface);width:10.5rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 .75rem 2rem oklch(25% .03 255/.12)}.article-share-mobile a,.article-share-mobile button{border:0;border-bottom:1px solid var(--line);min-height:2.75rem;color:var(--navy-950);text-align:left;background:0 0;padding:.7rem .9rem;font-size:.8rem}.article-share-mobile button{border-bottom:0}.article-share-mobile a:hover,.article-share-mobile button:hover{background:var(--neutral-100)}.benchmark-metrics{grid-template-columns:1fr 1fr}.editorial-sections{white-space:nowrap;overflow-x:auto}.guide-library-hero{text-align:left}.guide-library-hero>p:last-child{margin-left:0}.guide-card-item,.guide-card-item-1,.guide-card-item-2{grid-column:1/-1}.guide-card-visual,.guide-card-item-2 .guide-card-visual{aspect-ratio:16/9;width:100%;min-height:0}.guide-card-copy>strong{font-size:clamp(1.55rem,7vw,2.05rem)}.guide-article-header{text-align:left;width:100%;margin-left:0}.guide-article-header h1,.article-answer,.guide-article-meta{width:100%}.article-answer{margin-left:0}.guide-article-header h1{font-size:clamp(2.15rem,10vw,2.75rem)}.article-answer{font-size:1.125rem;line-height:1.5}.guide-article h2{font-size:clamp(1.75rem,8vw,2.125rem)}.guide-article-meta{justify-content:flex-start}.guide-article-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"content""tool";gap:2rem}.guide-tool-panel{margin-top:1rem;display:grid;position:static}.guide-article-cover{aspect-ratio:1.55;width:100%;margin-left:0}}}@media (prefers-reduced-motion:reduce){.editorial-index a,.editorial-index-action,.guide-card-visual img,.guide-card-link span,.guide-toc a,.guide-toc a:before,.article-share-desktop a,.article-share-desktop button{transition:none}}
