.op-bar{background:color-mix(in srgb,var(--app) 80%,transparent);-webkit-backdrop-filter:saturate(180%)blur(18px);transition:box-shadow .2s;box-shadow:0 1px #0000}.op-bar[data-scrolled="1"]{box-shadow:0 1px 0 0 var(--line)}@media (prefers-reduced-transparency:reduce){.op-bar{background:var(--app);-webkit-backdrop-filter:none}}.op-stage{isolation:isolate;background:var(--grad-sns-bg);position:relative;overflow:hidden}[data-theme=dark] .op-stage{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 55%,color-mix(in srgb,var(--grad-accent-to) 20%,var(--bg)) 100%)}.op-root [data-preview] .sticky{top:0!important}.op-root [data-preview] .no-scrollbar{scrollbar-width:thin}.op-root [data-preview] .no-scrollbar::-webkit-scrollbar{height:6px;display:block}.op-canvas{background-color:var(--app);background-image:radial-gradient(color-mix(in srgb,var(--ink) 9%,transparent) 1px,transparent 1px);background-size:16px 16px}.op-press,.op-btn{transition:transform .14s var(--ease-out),background-color .13s ease,color .13s ease}.op-press:active,.op-btn:active{transform:scale(.98)}.op-card{transition:background-color .13s}@media (hover:hover) and (pointer:fine){.op-card:hover{background:var(--chip)}}.op-root :where(a,button,[tabindex],summary):focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion:reduce){.op-press,.op-btn,.op-card{transition:background-color .13s}.op-press:active,.op-btn:active{transform:none}}.op-ease-dot{animation-name:op-ease;animation-fill-mode:both}@keyframes op-ease{0%{transform:translate(0)}to{transform:translate(calc(100cqw - 2.25rem))}}@keyframes op-ease-fade{0%{opacity:.3}to{opacity:1}}@media (prefers-reduced-motion:reduce){.op-ease-dot{animation-name:op-ease-fade}}.op-sheet{animation:op-sheet-in .25s var(--ease-drawer) both}.op-fade{animation:.2s both op-fade-in}.op-sheet-root[data-leaving] .op-sheet{animation:op-sheet-out .15s var(--ease-out) both}.op-sheet-root[data-leaving] .op-fade{animation:.15s both op-fade-out}@keyframes op-sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes op-sheet-out{0%{transform:none}to{transform:translateY(100%)}}@keyframes op-fade-in{0%{opacity:0}to{opacity:1}}@keyframes op-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.op-sheet,.op-fade{animation:.15s both op-fade-in}.op-sheet-root[data-leaving] .op-sheet,.op-sheet-root[data-leaving] .op-fade{animation:.12s both op-fade-out}}.op-pop{transform-origin:100% 0;animation:op-pop-in .2s var(--ease-out) both}@keyframes op-pop-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.op-pop{animation:.12s both op-fade-in}}.op-head{transition:box-shadow .15s}.op-head[data-scrolled="1"]{box-shadow:0 6px 16px -12px color-mix(in srgb,var(--ink) 35%,transparent)}.op-root :where(h2,h3)[id]{scroll-margin-top:80px}@media (max-width:767px){.op-root :where(h2,h3)[id]{scroll-margin-top:116px}}@media (prefers-reduced-motion:no-preference){html:has(.op-root){scroll-behavior:smooth}}.op-print-head{display:none}@media print{@page{size:A4;margin:16mm 14mm}html,body{background:#fff!important}.op-root [data-op-head],.op-root aside,.op-root footer,.op-actions,.op-root nav[aria-label=현재\ 위치],.op-root nav[aria-label=이전·다음\ 페이지],.op-root button,.op-root iframe,.op-anchor,.op-root [data-md-skip] .op-canvas{display:none!important}.op-root main{padding:0!important}.op-root main>div{max-width:none!important}.op-print-head{color:#555;margin:0 0 10mm;font-size:9pt;display:block}.op-root a{color:inherit;text-decoration:underline}.op-root a[href^=http]:after{content:" (" attr(href) ")";color:#666;word-break:break-all;font-size:8pt}.op-root pre{white-space:pre-wrap;word-break:break-word;break-inside:avoid;border:1px solid #ddd}.op-root table,.op-root figure,.op-root [role=note]{break-inside:avoid}.op-root h2,.op-root h3{break-after:avoid}}.op-code{font-family:var(--font-mono,ui-monospace),ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--chip);color:var(--ink);border-radius:6px;padding:.1em .4em;font-size:.88em}.op-anchor{opacity:0;transition:opacity .15s,color .15s}.op-h:hover .op-anchor,.op-anchor:focus-visible{opacity:1}@media (hover:none){.op-anchor{opacity:.35}}@media (max-width:767px){.op-tap{min-height:44px;margin-block:calc((var(--h,24px) - 44px) / 2);align-items:center;display:inline-flex}.op-anchor{margin-block:-10px;margin-right:-24px;padding:10px 24px 10px 8px;line-height:24px;display:inline-block;margin-left:0!important}}.op-link{color:inherit;font-weight:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .13s,color .13s}.op-link:hover{color:var(--ink);-webkit-text-decoration-color:var(--sub);text-decoration-color:var(--sub)}.op-mark{color:inherit;background:0 0}.op-root #op-doc p{max-width:640px}.op-sec{margin-top:72px}@media (min-width:768px){.op-sec{margin-top:80px}}.op-sec:first-child{margin-top:0}.op-sec-head{margin-bottom:24px}.op-lead{margin-top:8px}.op-sub{margin-top:24px}.op-sub:first-child,.op-sec-head+.op-sub{margin-top:0}.op-sec :where(figure,.ai-soft-glow)+.op-sub{margin-top:56px}.op-sec .op-sub:has(>:where(figure,.ai-soft-glow,.op-canvas):last-child)+.op-sub{margin-top:56px}@media (min-width:768px){.op-sec :where(figure,.ai-soft-glow)+.op-sub{margin-top:64px}.op-sec .op-sub:has(>:where(figure,.ai-soft-glow,.op-canvas):last-child)+.op-sub{margin-top:64px}}.op-sub>h3{margin-bottom:12px}.op-prose :where(p,li){line-height:1.7}.op-ex{margin-top:56px}@media (min-width:768px){.op-ex{margin-top:64px}}.op-ex:first-child{margin-top:0}.op-root .op-ex>h3{margin-bottom:0}.op-ex-desc{margin-top:8px}.op-ex-body{margin-top:24px}@media (max-width:639px){.op-pv-bar [role=radio]{min-height:38px}}.op-root .op-prose :where(p,li,figcaption,blockquote,dd) :where(b,strong,mark,code,a,em,span:not([class*=bg-])){color:inherit}.op-root .op-prose :where(p,li,figcaption) :where(b,strong){font-weight:inherit}.op-root .op-prose .op-num{font-variant-numeric:tabular-nums;font-weight:600}.op-root .op-prose .op-code{color:inherit}.op-grid-4{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.op-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.op-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.op-flow{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:640px){.op-flow{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}}.op-flow-step{display:flex;position:relative}.op-flow-step+.op-flow-step:before{content:"↓";width:24px;height:24px;color:var(--dim);place-items:center;margin-left:-12px;font-size:13px;line-height:1;display:grid;position:absolute;top:-24px;left:50%}@media (min-width:640px){.op-flow-step+.op-flow-step:before{content:"→";margin-top:-12px;margin-left:0;top:50%;left:-24px}}.op-flow-box{background:var(--app);min-height:48px;color:var(--sub);border-radius:12px;flex:1;align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:flex}.op-flow-num{color:var(--dim);font-variant-numeric:tabular-nums}@media (min-width:640px) and (max-width:1023px){.op-flow-6{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row}.op-flow-6 .op-flow-step:nth-child(3n+1):before{content:"↓";margin-top:0;margin-left:-12px;top:-24px;left:50%}}.op-loop{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:640px){.op-loop{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.op-loop{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}}.op-loop .op-flow-step:before{content:none}.op-loop .op-flow-step+.op-flow-step:before{content:"↓";width:24px;height:24px;color:var(--dim);place-items:center;margin-left:-12px;font-size:13px;line-height:1;display:grid;position:absolute;top:-24px;left:50%}@media (min-width:640px){.op-loop .op-flow-step+.op-flow-step:before{content:"→";margin-top:-12px;margin-left:0;top:50%;left:-24px}}@media (min-width:640px) and (max-width:1023px){.op-loop .op-flow-step+.op-flow-step:nth-child(3n+1):before{content:"↓";margin-top:0;margin-left:-12px;top:-24px;left:50%}}@media (min-width:1024px){.op-loop .op-flow-step+.op-flow-step:before{width:20px;left:-20px}}.op-loop-card{background:var(--bg);border-radius:12px;flex-direction:column;flex:1;min-width:0;padding:16px;display:flex}.op-loop-back{display:none}.op-loop-back-text{text-align:center;margin-top:24px}@media (min-width:1024px){.op-loop-back{border:1.5px solid var(--dim);border-top:none;border-radius:0 0 12px 12px;height:28px;margin:12px calc(8.33333% - 8.33333px) 0;display:block;position:relative}.op-loop-back:before{content:"";border:6px solid #0000;border-top:none;border-bottom:7px solid var(--dim);position:absolute;top:-6px;left:-6.75px}.op-loop-back span{background:var(--app);color:var(--dim);white-space:nowrap;padding:0 8px;font-size:12px;line-height:16px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.op-loop-back-text{display:none}}.op-org{gap:40px;display:grid}.op-org-row{gap:16px;display:grid;position:relative}.op-org-row+.op-org-row:before{content:"↓";width:24px;height:24px;color:var(--dim);place-items:center;margin-left:-12px;font-size:13px;display:grid;position:absolute;top:-32px;left:50%}.op-org-row.op-org-tools:before{content:""}.op-org-one{grid-template-columns:minmax(0,280px);justify-content:center}.op-org-five{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:640px){.op-org-five{grid-template-columns:repeat(5,minmax(0,1fr))}}.op-org-three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:639px){.op-org-five>:last-child:nth-child(odd){grid-column:span 2}}.op-root .op-article>div>article{max-width:700px}.op-root .op-article .tb>*,.op-root .op-article .tb>ul>li,.op-root .op-article .tb>ol>li{margin-block:0}.op-root .op-article .tb>*+*{margin-top:24px}.op-root .op-article .tb>p,.op-root .op-article .tb>ul>li,.op-root .op-article .tb>ol>li{max-width:none;font-size:17px;line-height:27.2px}.op-root .op-article .tb>h2+*,.op-root .op-article .tb>h3+*{margin-top:16px!important}.op-root .op-article .tb>figure{margin-top:40px!important;margin-bottom:0!important}.op-root .op-article .tb>figure+*{margin-top:40px}.op-root .op-article .tb figcaption,.op-root .op-article .tb>ul>li+li,.op-root .op-article .tb>ol>li+li{margin-top:8px}.op-root .op-article .tb>h2+ul,.op-root .op-article .tb>h2+ol,.op-root .op-article .tb>h3+ul,.op-root .op-article .tb>h3+ol{margin-top:8px!important}.op-root .op-article .tb>blockquote{margin-top:24px;margin-bottom:0}.op-root .op-article p{max-width:none}.op-root .op-article .tb a{color:inherit;font-weight:inherit;text-decoration-line:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;text-decoration-thickness:1px}.op-root .op-article .tb a:hover{-webkit-text-decoration-color:var(--sub);text-decoration-color:var(--sub)}.op-root .op-article .tb mark{color:inherit;background:0 0!important}.op-root .op-article .tb strong{color:inherit}.op-root .op-article .tb figure>[class~=border-y]{border-top:0;border-bottom:0;padding-top:0;padding-bottom:0}.op-root .op-article .tb td[data-short]{white-space:nowrap}.op-root :where(p,li,figcaption,dd,blockquote,h1,h2,h3){word-break:keep-all}.op-root :where(p,li,figcaption,dd){text-wrap:pretty}.op-root :where(h1,h2,h3,blockquote){text-wrap:balance}.op-root :where(code,pre,a[href^=http]){overflow-wrap:anywhere}.op-root .op-article .tb{margin-top:32px}@media (max-width:767px){.op-root #op-doc figcaption:not(.sr-only){font-size:16px;line-height:1.7}.op-root #op-doc .op-loop-card p+span+p{font-size:16px;line-height:1.6}}