:root{--bg:#ffffff;--sidebar-bg:#fbfbfa;--surface:#ffffff;--surface2:#f0f0ee;--text:#2f3437;--muted:#908e89;--border:#ededec;--radius:6px;--accent:#3B6FE0;--headingFont:"Pretendard",sans-serif;--maxw:760px}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{margin:0;font-family:Pretendard,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.article{font-size:15px;line-height:1.75}.article h1{font-size:26px;line-height:1.3;font-weight:800;letter-spacing:-.02em;margin:0 0 14px}.article h2{font-size:20px;line-height:1.35;font-weight:700;letter-spacing:-.015em;margin:30px 0 12px}.article h3{font-size:16.5px;line-height:1.4;font-weight:700;margin:22px 0 8px}.article h4{font-size:15px;font-weight:700;margin:18px 0 6px}.article p{margin:0 0 13px}.article li{margin:4px 0}.article :is(h1,h2,h3,h4):first-child{margin-top:0}::placeholder{color:var(--muted);opacity:1}kbd{line-height:1}button{font-family:inherit}a{color:inherit}.nav-link:hover{background:var(--surface2);color:var(--text)!important}.submenu-link:hover{background:var(--surface2);color:var(--accent)!important}.rail-item:hover,.idx-link:hover{background:var(--surface2)}.icon-btn:hover,.pill-btn:hover{border-color:var(--accent)!important;color:var(--accent)!important}.primary-btn:hover{filter:brightness(.96)}.ghost-btn:hover{filter:brightness(.95)}.search-card:hover,.search-input:hover{border-color:var(--accent)!important}.search-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)!important}.home-card:hover{border-color:var(--card-accent,var(--accent))!important;transform:translateY(-4px);box-shadow:0 16px 34px color-mix(in srgb,var(--card-accent,var(--accent)) 18%,rgba(0,0,0,.06))}.home-card:hover .card-arrow{transform:translate(4px)}.hero3d{flex:none;width:340px;display:flex;align-items:center;justify-content:center;perspective:1200px;margin-right:18px}.hero3d-stage{position:relative;width:172px;height:222px;transform-style:preserve-3d;animation:heroFloat 6.5s ease-in-out infinite}.hero3d-stage:hover{animation-play-state:paused}.hero3d-fan .hero3d-doc{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:bottom center;transform:translate(var(--tx,0),var(--ty,0)) rotate(var(--rot,0deg)) translateZ(var(--tz,0))}.hero3d-doc{border-radius:6px;border:1px solid var(--border);background:#fff;box-shadow:0 14px 30px #00000026;padding:20px 18px 18px;display:flex;flex-direction:column;gap:11px;transition:transform .5s cubic-bezier(.3,.7,.3,1),box-shadow .3s ease;overflow:hidden}.hero3d-doc.is-live{cursor:pointer}.doc-corner{position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 20px 20px 0;border-color:transparent color-mix(in srgb,var(--accent) 22%,#eef0f4) transparent transparent}.hero3d-fan .hero3d-doc.is-live:hover{transform:translate(var(--tx,0),calc(var(--ty,0) - 16px)) rotate(var(--rot,0deg)) translateZ(120px) scale(1.06);box-shadow:0 30px 58px #00000047;z-index:60}.doc-bar{height:7px;width:50px;border-radius:3px;background:var(--accent)}.doc-name{font-size:14px;font-weight:800;color:var(--text);line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.doc-lines{display:flex;flex-direction:column;gap:7px;margin-top:2px}.doc-lines i{height:6px;border-radius:3px;background:var(--surface2);display:block}.doc-lines i.w90{width:90%}.doc-lines i.w85{width:85%}.doc-lines i.w80{width:80%}.doc-lines i.w75{width:75%}.doc-lines i.w65{width:65%}.doc-lines i.w55{width:55%}.doc-lines i.w40{width:40%}.doc-lines i.gap{height:4px;background:transparent}@keyframes heroFloat{0%,to{transform:translateY(0) rotateY(-5deg) rotateX(4deg)}50%{transform:translateY(-9px) rotateY(5deg) rotateX(1deg)}}@media(prefers-reduced-motion:reduce){.hero3d-stage{animation:none;transform:rotateY(-4deg) rotateX(3deg)}}@media(max-width:720px){.hero3d{display:none!important}.home-hero-card{display:block!important}}.tool-btn:hover{background:var(--surface2);border-color:var(--accent)!important;color:var(--accent)!important}.subbar-scroll{scrollbar-width:none;-ms-overflow-style:none}.subbar-scroll::-webkit-scrollbar{height:0;display:none}@keyframes contentFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.article>.view-fade{animation:contentFade .16s ease}@media(prefers-reduced-motion:reduce){.article>.view-fade{animation:none}}.hamburger{display:none}.nav-wrap{display:contents}@media(max-width:1080px){.rail{width:188px!important}.index{width:212px!important}}@media(max-width:860px){.nav-wrap{position:fixed;top:0;left:0;height:100%;width:300px;max-height:none;z-index:40;transform:translate(-100%);transition:transform .25s ease;box-shadow:0 0 40px #0003;overflow:auto;background:var(--bg);display:block}.root[data-nav=open] .nav-wrap{transform:translate(0)}.root[data-nav=open] .backdrop{display:block!important}.nav-wrap .rail,.nav-wrap .index{position:static!important;width:100%!important;max-height:none!important;border-right:none!important}.nav-wrap .index{border-top:1px solid var(--border)}.hamburger{display:flex!important}.sitenav{display:none!important}.article{padding:24px 18px 64px!important}.brand-logo{height:34px!important}.home-hero-text{padding:30px 22px!important}.home-body{padding:22px 16px 0!important}.header-top{flex-wrap:wrap!important}.header-left{flex:1 1 auto!important;order:1}.header-tools{order:2;flex:none!important}.header-search{order:3;width:100%!important;min-width:0!important;flex:1 1 100%!important}}.article img:not([src$=".svg"]){cursor:zoom-in}.imp-html{line-height:1.75;font-size:15px;color:var(--text);word-break:keep-all;overflow-wrap:anywhere}.imp-html img{max-width:100%;height:auto;border-radius:6px}.imp-html table{max-width:100%}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin .7s linear infinite}@media print{.print-hide{display:none!important}.body{display:block!important;max-width:none!important;padding:0!important}.article{padding:0!important}.article>div{max-width:none!important}.root,body{background:#fff!important}.embed-frame{border:1px solid #ddd!important}}