@font-face{font-family:pretendard;src:url(/Superwork_KTNasmedia/_next/static/media/ff840cfebfb63b0c-s.p.woff2) format("woff2");font-display:swap;font-weight:45 920}@font-face{font-family:pretendard Fallback;src:local("Arial");ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.00%;size-adjust:101.55%}.__className_81314a{font-family:pretendard,pretendard Fallback}.__variable_81314a{--font-pretendard:"pretendard","pretendard Fallback"}

/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:var(--font-pretendard),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-void:#09090b;--color-dark:#18181b;--color-surface:#27272a;--color-outline:#3f3f46;--color-ember:#f97316;--color-aurora:#bf7fff;--color-snow:#fafafa;--color-muted:#a1a1aa;--sidebar-width:260px;--sidebar-bg:#111113;--sidebar-border:#2d2d30;--sidebar-item-active-bg:#f9731614;--sidebar-item-active-border:#f97316;--sidebar-item-hover-bg:#ffffff0a;--sidebar-section-label-color:#a1a1aa}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.border-outline{border-color:var(--color-outline)}.bg-ember{background-color:var(--color-ember)}.text-aurora{color:var(--color-aurora)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}html{color-scheme:dark;scroll-behavior:smooth}body{color:#fafafa;font-family:var(--font-pretendard),system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#09090b}@keyframes heroGlow{0%,to{opacity:.18;transform:scale(1)translateY(0)}33%{opacity:.28;transform:scale(1.04)translateY(-3%)}66%{opacity:.22;transform:scale(.98)translateY(2%)}}:focus-visible{outline-offset:2px;outline:2px solid #f97316}.section-full{padding-top:96px;padding-bottom:96px}@media (max-width:639px){.section-full{padding-top:48px;padding-bottom:48px}}.grid-2col{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:1024px){.grid-2col{grid-template-columns:1fr 1fr}}.skip-link{width:1px;height:1px;position:absolute;top:-9999px;left:-9999px;overflow:hidden}.skip-link:focus{color:#fafafa;z-index:9999;background-color:#27272a;border-radius:6px;width:auto;height:auto;padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none;position:fixed;top:16px;left:16px;overflow:visible}.sidebar-nav{height:100vh;width:var(--sidebar-width);z-index:60;background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);scrollbar-width:thin;scrollbar-color:var(--color-outline) transparent;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.content-area{flex:1;min-width:0}@media (min-width:1024px){.content-area{margin-left:var(--sidebar-width)}.header-brand-mobile,.header-main,.sidebar-hamburger{display:none!important}.sidebar-nav{visibility:visible!important;transform:none!important}}.sidebar-item{color:var(--color-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border-left:2px solid #0000;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:.875rem;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out,border-left-color .15s ease-out;display:flex;overflow:hidden}.sidebar-item:hover{background-color:var(--sidebar-item-hover-bg);color:var(--color-snow)}.sidebar-item[aria-current=location],.sidebar-item[aria-current=page]{border-left-color:var(--sidebar-item-active-border);background-color:var(--sidebar-item-active-bg);color:var(--color-snow)}.workflow-cta-btn{background-color:var(--color-ember);color:var(--color-void);border-radius:8px;align-items:center;gap:6px;padding:10px 22px;font-size:.875rem;font-weight:600;text-decoration:none;transition:opacity .15s ease-out,transform .15s ease-out;display:inline-flex}.workflow-cta-btn:hover{opacity:.88;transform:translateY(-1px)}.workflow-cta-btn:active{opacity:.75;transform:translateY(0)scale(.97)}.project-cta-primary{transition:opacity .15s ease-out,transform .15s ease-out}.project-cta-primary:hover{opacity:.85;transform:translateY(-1px)}.project-cta-primary:active{opacity:.75;transform:translateY(0)scale(.98)}.project-cta-primary:focus-visible,.workflow-cta-btn:focus-visible{outline-color:var(--color-void)}.project-cta-secondary{transition:opacity .15s ease-out,transform .15s ease-out,background-color .15s ease-out}.project-cta-secondary:hover{opacity:.9;background-color:#ffffff0a;transform:translateY(-1px)}.project-cta-secondary:active{opacity:.75;transform:translateY(0)scale(.98)}.workflow-layout{flex-direction:column;max-width:1400px;margin:0 auto;display:flex}.workflow-sidebar-col{padding:24px 20px 0}.workflow-content-col{flex:1;min-width:0;padding:clamp(20px,3vw,32px) clamp(20px,2vw,32px) clamp(48px,6vw,80px)}.workflow-toc-col{display:none}@media (min-width:1024px){.workflow-layout{flex-direction:row;gap:clamp(32px,3vw,48px);margin-left:auto;margin-right:auto;padding-left:clamp(20px,2vw,32px);padding-right:clamp(20px,2vw,32px)}.workflow-sidebar-col{flex-shrink:0;padding:40px 0}.workflow-content-col{max-width:none;padding:clamp(36px,3vw,56px) 0 clamp(64px,6vw,96px)}.workflow-toc-col{flex-shrink:0;padding-top:clamp(36px,3vw,56px);display:block}}.workflow-card-grid{grid-template-columns:1fr;gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}@media (min-width:640px){.workflow-card-grid--dense,.workflow-card-grid--roomy{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.workflow-card-grid--dense{grid-template-columns:repeat(3,minmax(0,1fr))}}.workflow-leaf-card{border:1px solid var(--color-outline);background-color:#111114;border-radius:12px;padding:18px 20px 16px;scroll-margin-top:80px;transition:border-color .18s,box-shadow .18s,transform .18s}.workflow-leaf-card:hover{border-color:var(--color-ember);transform:translateY(-2px);box-shadow:0 6px 24px #00000059}.workflow-leaf-card:focus-within{border-color:var(--color-ember);outline:none}.workflow-leaf-card__dot{background-color:var(--color-ember);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.workflow-leaf-card__hook{color:var(--color-snow);letter-spacing:-.005em;margin:0 0 12px;font-size:.9375rem;font-weight:500;line-height:1.65}.workflow-leaf-card__badge{color:#fb923c;letter-spacing:.02em;background-color:#f973161f;border-radius:9999px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:600;line-height:1.5;display:inline-flex}.workflow-leaf-card--image{flex-direction:column;padding:0;display:flex;overflow:hidden}.workflow-leaf-card--image>.workflow-leaf-card__hook,.workflow-leaf-card--image>h4{padding-left:18px;padding-right:18px}.workflow-leaf-card--image>h4{margin-top:14px}.workflow-leaf-card--image>.workflow-leaf-card__hook{margin:0;padding-bottom:16px}.workflow-leaf-card__image-frame{aspect-ratio:4/3;border-bottom:1px solid var(--color-outline);background-color:#0d0d0f;width:100%;position:relative;overflow:hidden}.workflow-leaf-card__image{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.workflow-slider--solo .workflow-slider__track>.workflow-leaf-card--image{width:auto;min-width:280px;max-width:min(720px,88%)}.workflow-leaf-card--image .workflow-leaf-card__image-frame{width:auto;max-width:100%;height:clamp(320px,48vh,480px);margin-left:auto;margin-right:auto}@media (prefers-reduced-motion:reduce){.workflow-leaf-card,.workflow-leaf-card:hover{transition:none;transform:none}}.workflow-slider{outline:none;flex-direction:column;gap:14px;margin-top:20px;display:flex}.workflow-slider:focus-visible{outline:none}.workflow-slider:focus-visible .workflow-slider__viewport{box-shadow:0 0 0 2px var(--color-ember);border-radius:14px}.workflow-slider__controls{justify-content:flex-end;align-items:center;gap:10px;display:flex}.workflow-slider__counter{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--color-muted);align-items:baseline;gap:3px;margin-right:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;display:inline-flex}.workflow-slider__counter-current{color:var(--color-snow);font-weight:600}.workflow-slider__counter-sep{opacity:.4;padding:0 2px}.workflow-slider__btn{border:1px solid var(--color-outline);width:32px;height:32px;color:var(--color-muted);cursor:pointer;background-color:#111114;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background-color .15s,transform .12s;display:inline-flex}.workflow-slider__btn:hover:not(:disabled){color:var(--color-ember);border-color:var(--color-ember);background-color:#f973160f}.workflow-slider__btn:active:not(:disabled){transform:scale(.94)}.workflow-slider__btn:disabled{opacity:.3;cursor:not-allowed}.workflow-slider__viewport{margin:-4px -8px;padding:4px 8px;position:relative}.workflow-slider__track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:16px;margin:0;padding:14px 0;list-style:none;display:flex;overflow:auto hidden}.workflow-slider__track::-webkit-scrollbar{display:none}.workflow-slider__track>.workflow-leaf-card{scroll-snap-align:start;flex-shrink:0;width:clamp(300px,84%,492px);margin:0}.workflow-slider__fade{pointer-events:none;opacity:0;width:56px;transition:opacity .2s;position:absolute;top:4px;bottom:4px}.workflow-slider__fade--right{background:linear-gradient(270deg,#09090b 10%,#09090b00);right:8px}.workflow-slider[data-can-next=true] .workflow-slider__fade--right{opacity:1}.workflow-slider__progress{background-color:#ffffff0f;border-radius:999px;height:2px;position:relative;overflow:hidden}.workflow-slider__progress-fill{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#f97316,#fb923c);border-radius:999px;transition:transform .22s ease-out;display:block;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.workflow-slider__track{scroll-behavior:auto}.workflow-slider__btn,.workflow-slider__fade,.workflow-slider__progress-fill{transition:none}}.sidebar-subtree{margin-top:2px;margin-bottom:4px}.sidebar-subitem{color:var(--color-muted);box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #0000;border-radius:4px;align-items:center;width:100%;padding:8px 10px 8px 20px;font-size:.8125rem;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out,border-left-color .15s ease-out;display:flex;overflow:hidden}.sidebar-subitem:hover{background-color:var(--sidebar-item-hover-bg);color:var(--color-snow)}.sidebar-subitem[aria-current=location]{border-left-color:var(--sidebar-item-active-border);background-color:var(--sidebar-item-active-bg);color:var(--color-snow)}.sidebar-subsubitem{color:var(--color-muted);box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #0000;border-radius:4px;align-items:center;width:100%;padding:6px 10px 6px 32px;font-size:.75rem;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out,border-left-color .15s ease-out;display:flex;overflow:hidden}.sidebar-subsubitem:hover{background-color:var(--sidebar-item-hover-bg);color:var(--color-snow)}.sidebar-subsubitem[aria-current=location]{border-left-color:var(--sidebar-item-active-border);background-color:var(--sidebar-item-active-bg);color:var(--color-snow)}.sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-section-label-color);pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;padding:16px 12px 4px;font-size:.6875rem;font-weight:600}.breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.breadcrumb-link{color:var(--color-muted);text-decoration:none;transition:color .15s ease-out}.breadcrumb-link:hover{color:var(--color-snow)}.breadcrumb-sep{color:var(--color-outline);-webkit-user-select:none;user-select:none}.breadcrumb-current{color:var(--color-snow);font-weight:500}.footer-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:640px){.footer-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-col-heading{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin:0 0 12px;font-size:.75rem;font-weight:600}.footer-link{color:var(--color-muted);font-size:.875rem;text-decoration:none;transition:color .15s ease-out}.footer-link:hover{color:var(--color-snow)}.workflow-repo-link:focus-visible,.workflow-repo-link:hover{color:var(--color-snow)!important;border-color:var(--color-ember)!important}.workflow-repo-link:focus-visible{outline:2px solid var(--color-ember);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}