@charset "utf-8";
/* 2026-10-27: 현재 홈페이지의 56px 메뉴·나눔스퀘어 네오·1180px 본문 폭과 붉은 포인트를 별도 시안에 맞춘다. */
:root{--ink:#26343b;--muted:#6f7f87;--red:#ec3c31;--line:#e3e7e5;--surface:#f7f8f5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:132px}body{margin:0;background:#fff;color:var(--ink);font-family:NanumSquareNeo,'Malgun Gothic',sans-serif;font-size:15px;line-height:1.85;word-break:keep-all;overflow-wrap:break-word}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{line-height:1.5;letter-spacing:-.045em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}[hidden]{display:none!important}.container{width:min(1180px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-90px;left:16px;padding:10px 20px;background:white;z-index:100001}.skip-link:focus{top:8px}section[id]{scroll-margin-top:12px}.breadcrumbs{display:flex;align-items:center;gap:11px;min-height:65px;font-size:11px;color:#8e989e}.breadcrumbs strong{font-weight:400;color:#45535c}.preview-label{margin-left:auto;font-size:10px;border:1px solid #e6e8e5;background:#f8f9f7;padding:3px 10px;border-radius:4px;color:#7c878b;white-space:nowrap}
.eyebrow{color:var(--red);font-size:11px;letter-spacing:.13em;font-weight:800;line-height:1.7;margin-bottom:15px}.hero{background:linear-gradient(105deg,#f8f9f7 0%,#f8f9f7 42%,#fff 85%);border-top:1px solid #eff0ed;border-bottom:1px solid var(--line);padding:58px 0 0}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:56px;align-items:center}.hero h1{font-size:48px;font-weight:900;line-height:1.3;margin-bottom:15px;letter-spacing:-.055em}.hero h2{font-size:28px;font-weight:800;line-height:1.55;margin-bottom:23px}.hero .lead{font-size:16px;line-height:1.95;color:#53636c}.hero-detail{font-size:13px;color:#849098;margin-top:13px;line-height:1.95}.actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;min-height:48px;padding:13px 20px;border-radius:7px;font-size:12px;font-weight:700;line-height:1.8}.primary{color:#fff;background:#26333b;border:1px solid #26333b;transition:background .2s}.primary:hover{background:#394b56}.secondary{color:#26333b;background:white;border:1px solid #d9dfdd}.text-link{font-size:11px;color:#57676f;display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid #b7bfc0;padding-bottom:3px}.hero-visual{min-width:0}.product-logo{display:block;width:215px;height:auto;margin:0 0 25px auto}.browser-window{background:#fff;border:1px solid #dce2df;border-radius:10px;overflow:hidden;box-shadow:0 16px 44px #263b4b0c;transform:perspective(1500px) rotateY(-4deg);transform-origin:right}.window-bar{padding:12px 15px;display:flex;align-items:center;gap:13px;font-size:9px;color:#819098;line-height:1.6;background:#f9faf8;border-bottom:1px solid #e4e7e4}.window-bar>span:last-child{margin-left:auto}.window-dots{font-size:7px;letter-spacing:3px;color:#c4cdca}.browser-window>img{display:block;width:100%;margin:0;padding:10px}.hero-visual figcaption{font-size:10px;color:#8d999e;text-align:right;margin-top:12px}.hero-tags{display:flex;gap:28px;border-top:1px solid #e6e9e4;padding-block:19px;margin-top:48px;color:#738088;font-size:11px}.hero-tags span{display:flex;align-items:center;gap:10px}.hero-tags span:before{content:'';width:4px;height:4px;background:var(--red);border-radius:50%}
.section-nav{position:sticky;top:56px;background:#fffffff5;backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--line)}.section-nav>.container{display:flex;gap:31px;overflow-x:auto;scrollbar-width:thin}.section-nav a{display:block;flex-shrink:0;font-size:12px;padding:16px 0 15px;color:#849098;border-bottom:2px solid transparent}.section-nav a.is-active{color:var(--ink);border-bottom-color:var(--red);font-weight:800}.section{padding:78px 0;border-bottom:1px solid #eef0ed}.tone{background:var(--surface)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:40px}.section-heading h2{font-size:32px;font-weight:800;line-height:1.5}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.95;margin-bottom:5px}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.benefits article{border-top:1px solid #cbd2cf;padding-top:23px}.item-number{font-size:11px;font-weight:800;color:var(--red)}.benefits h3{font-size:20px;margin:18px 0 13px}.benefits p{color:var(--muted);font-size:13px;line-height:1.95}.keyword{display:block;margin-top:24px;font-size:10px;color:#8c989c}.capability-strip{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:40px;padding:20px 24px;border:1px solid var(--line);border-radius:9px;justify-content:space-between;color:#738087;font-size:11px;background:#fbfcfa}
.technology-list article{display:grid;grid-template-columns:54px 260px 1fr;gap:24px;align-items:center;border-top:1px solid #dce2dd;padding:25px 0}.technology-list article:last-child{border-bottom:1px solid #dce2dd}.tech-symbol{display:flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:10px;background:white;color:#4c626a;border:1px solid #e1e6e1;font-size:20px;font-weight:700}.small-label{font-size:9px;color:#8c989c;letter-spacing:.06em;margin-bottom:5px}.technology-list h3{font-size:20px;letter-spacing:-.03em}.technology-list article>p{font-size:13px;color:var(--muted);line-height:1.95}.two-column-note{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:35px}.two-column-note h3{font-size:15px;margin-bottom:9px}.two-column-note p{font-size:12px;color:var(--muted);line-height:1.95}
.migration-intro{display:grid;grid-template-columns:1fr 50px 1fr;gap:20px;align-items:center;background:#f8f9f7;border:1px solid #e2e6e2;border-radius:12px;padding:26px 34px;margin-bottom:27px}.pill{display:inline-block;font-size:10px;font-weight:700;background:#e8ece8;color:#6f7e84;padding:3px 12px;border-radius:4px;margin-bottom:11px}.pill.accent{color:#c43b32;background:#fff0ed}.migration-intro h3{font-size:19px;margin-bottom:6px}.migration-intro p{font-size:11px;color:#849098}.migration-arrow{font-size:30px;color:#b7c2c3;text-align:center}.code-comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px;min-width:0}.code-comparison>div{border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0}.code-heading{display:flex;align-items:center;gap:16px;padding:13px 20px;border-bottom:1px solid var(--line);background:#fbfcfa;font-size:11px}.code-heading span{font-size:9px;color:#8d999d}.code-comparison>div:last-child .code-heading span{color:#d13e34}.code-heading strong{font-weight:700}pre{margin:0;padding:23px 20px;overflow-x:auto;line-height:2;font-size:11px;background:#fff;color:#48606c;tab-size:2}pre code{font-family:Consolas,monospace!important}.code-comment{color:#9aaba7;font-family:Consolas,monospace!important}.caption{font-size:10px;color:#8b969d;margin-top:14px;line-height:1.9}.subsection-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:37px 0 18px}.subsection-heading h3{font-size:19px}.subsection-heading p{font-size:11px;color:var(--muted)}.conversion-list{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;border-top:1px solid var(--line)}.conversion-list>div{display:grid;grid-template-columns:108px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.conversion-list dt{font-size:13px;font-weight:800;color:#455b65}.conversion-list dd{font-size:12px;color:var(--muted);line-height:1.9}.pilot-note{display:flex;gap:20px;background:#f7f8f5;border-radius:9px;padding:25px 28px;margin-top:30px}.note-mark{display:flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;color:#5d7771;border:1px solid #ced9d2;border-radius:50%;font-size:15px}.pilot-note h3{font-size:14px;margin-bottom:6px}.pilot-note p{font-size:12px;color:var(--muted);line-height:1.95}
.component-tabs{display:flex;gap:8px;border-bottom:1px solid #dce2dd;padding:0;margin-bottom:31px;overflow:auto}.component-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#8b969d;font-size:13px;font-weight:700;padding:15px 18px;white-space:nowrap;min-height:48px}.component-tabs button[aria-selected=true]{border-bottom-color:var(--red);color:var(--ink)}.component-panel{display:grid;grid-template-columns:330px 1fr;gap:45px;align-items:center;min-height:335px}.component-copy h3{font-size:24px;margin-bottom:17px}.component-copy>p{font-size:12px;color:var(--muted);line-height:1.95}.check-list{list-style:none;padding:0;margin:20px 0 0}.check-list li{position:relative;padding-left:16px;font-size:11px;color:#708088;line-height:1.95;margin:7px 0}.check-list li:before{content:'✓';position:absolute;left:0;color:#c65850;font-size:10px}.component-image{border:1px solid #dfe4e1;background:#fff;border-radius:10px;padding:19px;min-width:0}.component-image img{display:block;width:100%}.component-image figcaption{font-size:10px;color:#94a09f;margin-top:15px;text-align:center}.layout-preview{border:1px solid #dce3dd;border-radius:10px;background:white;padding:20px;font-size:11px;color:#72848b}.layout-top{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;background:#f4f6f3;border-radius:5px;border:1px solid #e3e8e2}.layout-top span{font-size:9px;color:#9aa5a2}.layout-body{display:grid;grid-template-columns:90px 1fr;gap:14px;margin-top:14px}.layout-tree{padding:15px 10px;border:1px solid #e2e6e1;border-radius:5px}.layout-tree span{display:block;font-size:9px;margin-top:14px;color:#9ba7a6}.layout-tab{border-bottom:1px solid #e1e6df;padding:9px 0}.layout-tab span{margin-left:16px;color:#a6b2af;font-size:9px}.layout-grid-label{font-size:12px;padding:16px 0 12px}.layout-rows i{display:block;height:22px;border:1px solid #e5e9e4;border-bottom:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 24%,#e5e9e4 24%,#e5e9e4 24.5%)}.layout-rows i:nth-child(even){background-color:#f9faf8}.layout-rows i:last-child{border-bottom:1px solid #e5e9e4}.layout-status{font-size:9px;margin-top:14px;color:#8b9a97}.layout-preview>p{font-size:10px;color:#99a4a1;text-align:center;margin-top:20px}
.architecture{display:grid;grid-template-columns:1fr 45px 1.2fr 45px 1fr;gap:12px;align-items:center;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:11px}.architecture>div{text-align:center;background:#fff;border:1px solid #dfe5df;border-radius:8px;padding:25px 12px}.architecture>div.architecture-center{border-color:#dcbcb4;background:#fffaf8}.architecture span{font-size:9px;font-weight:700;letter-spacing:.06em;color:#9aa59e}.architecture h3{font-size:19px;margin:10px 0}.architecture p{font-size:10px;color:#87958e}.architecture>b{text-align:center;font-weight:400;font-size:22px;color:#b5c0b7}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 50px;margin-top:37px}.detail-grid article{border-bottom:1px solid var(--line);padding-bottom:24px}.detail-grid h3{font-size:17px;margin-bottom:12px}.detail-grid p{font-size:12px;color:var(--muted);line-height:1.95}.next-section{padding:68px 0;background:var(--surface);border-bottom:1px solid var(--line)}.next-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.next-section h2{font-size:29px;line-height:1.55}.next-section p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:20px}.related-links>a{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #dce2db;padding:25px 5px}.related-links>a:last-child{border-bottom:1px solid #dce2db}.related-links small{font-size:9px;color:#9aa59c;letter-spacing:.08em;display:block}.related-links strong{font-size:20px;display:block;margin:6px 0}.related-links em{font-size:11px;font-style:normal;color:#8a978e}.related-links b{font-size:22px;font-weight:400;color:#86988f}.related-links a:hover strong{color:#ce3e34}.page-footer{padding:42px 0 28px;background:#fff}.page-footer img{display:block;width:170px;height:auto;margin-bottom:20px}.page-footer p{font-size:12px;color:#8d999e}.page-footer small{display:block;font-size:9px;color:#a4adb0;margin-top:14px;letter-spacing:-.01em}.preview-footer{display:flex;align-items:center;gap:20px;border-top:1px solid #edf0eb;padding-top:19px;margin-top:27px;font-size:10px;color:#84928a}.preview-footer span{color:#a1aaa5}.back-top{position:fixed;right:24px;bottom:23px;border:1px solid #d9dfda;border-radius:7px;background:#ffffffed;color:#708079;display:flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:17px;z-index:110;box-shadow:0 3px 10px #00000005}
/* 2026-10-27: 모바일에서 제목·탭·코드·다이어그램은 자연스럽게 줄바꿈하고 이미지 속 문구를 추가 설명으로 보완한다. */
@media(max-width:1100px){.hero-grid{gap:30px}.hero h1{font-size:40px}.hero h2{font-size:25px}.hero-detail .desktop-break{display:none}.actions{gap:20px}.technology-list article{grid-template-columns:48px 220px 1fr;gap:20px}.component-panel{grid-template-columns:290px 1fr;gap:30px}.hero .actions .text-link{font-size:10px}.architecture{padding:22px;gap:8px;grid-template-columns:1fr 24px 1.15fr 24px 1fr}}
@media(max-width:800px){.container{width:calc(100% - 44px)}.breadcrumbs{min-height:58px;gap:9px;font-size:10px}.preview-label{padding:2px 7px;font-size:9px}.hero{padding-top:35px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:38px}.hero h2{font-size:26px}.hero .lead{font-size:15px}.hero-detail{font-size:12px}.hero-visual{max-width:580px;width:100%;margin:0 auto}.product-logo{width:170px;margin:0 0 17px auto}.hero-visual figcaption{font-size:9px}.browser-window{transform:none}.hero-tags{gap:12px 24px;flex-wrap:wrap;margin-top:30px;padding-block:17px;font-size:10px}.section-nav>.container{gap:24px;width:calc(100% - 44px)}.section-nav a{font-size:11px;padding-block:14px}.section{padding:48px 0}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:28px}.section-heading>p{margin-top:20px;font-size:12px}.eyebrow{font-size:10px;margin-bottom:11px}.benefits{grid-template-columns:1fr;gap:27px}.benefits article{padding-top:17px}.benefits h3{font-size:20px;margin:10px 0 9px}.benefits p{font-size:12px}.keyword{margin-top:13px}.capability-strip{justify-content:flex-start;padding:17px;gap:11px 20px;margin-top:28px}.technology-list article{grid-template-columns:44px 1fr;gap:14px;padding:22px 0}.technology-list article>p{grid-column:2;font-size:12px;margin-top:-3px}.technology-list h3{font-size:20px}.tech-symbol{width:40px;height:40px;font-size:17px}.small-label{font-size:8px}.two-column-note{grid-template-columns:1fr;gap:25px;margin-top:27px}.migration-intro{grid-template-columns:1fr;gap:13px;padding:24px}.migration-arrow{transform:rotate(90deg);width:36px;font-size:23px}.migration-intro h3{font-size:18px}.migration-intro p{font-size:11px}.code-comparison{grid-template-columns:1fr;gap:16px}.code-comparison pre{font-size:10px;padding:20px 15px}.code-heading{padding-inline:15px}.caption{font-size:9px}.subsection-heading{display:block;margin-top:30px}.subsection-heading p{margin-top:8px}.conversion-list{grid-template-columns:1fr}.conversion-list>div{grid-template-columns:88px 1fr;gap:12px;padding:16px 0}.conversion-list dd{font-size:11px}.pilot-note{padding:21px 18px;gap:13px}.pilot-note h3{font-size:13px}.pilot-note p{font-size:11px}.note-mark{flex-basis:24px;height:24px;font-size:12px}.component-tabs{gap:5px;margin-bottom:24px}.component-tabs button{font-size:11px;padding:13px 11px}.component-panel{grid-template-columns:1fr;gap:25px;min-height:0}.component-copy h3{font-size:24px}.component-image{padding:12px}.component-image figcaption{font-size:9px;margin-top:12px}.check-list li{font-size:11px}.architecture{grid-template-columns:1fr;gap:10px;padding:20px}.architecture>b{transform:rotate(90deg);font-size:19px;line-height:1.2}.architecture>div{padding:18px 12px}.architecture h3{font-size:19px;margin-block:7px}.detail-grid{grid-template-columns:1fr;gap:24px;margin-top:30px}.detail-grid h3{font-size:16px}.detail-grid p{font-size:12px}.next-grid{grid-template-columns:1fr;gap:35px}.next-section{padding:47px 0}.next-section h2{font-size:27px}.next-section .actions{gap:12px}.next-section .button{gap:16px;padding:13px 16px;font-size:11px}.related-links>a{padding:21px 5px}.page-footer{padding-top:32px}.page-footer small{line-height:1.9}.page-footer img{width:155px}.back-top{right:12px;bottom:15px;width:34px;height:34px}.preview-footer{display:block;font-size:9px}.preview-footer span{display:block;margin-top:3px}.desktop-break{display:none}.button{min-height:46px;font-size:11px}.text-link{font-size:10px}}
@media(max-width:360px){.breadcrumbs{gap:7px;font-size:9px}.preview-label{font-size:8px;padding-inline:5px}.hero h1{font-size:33px}.hero h2{font-size:23px}.hero .lead{font-size:13px}.hero-detail{font-size:11px}.component-tabs button{font-size:10px;padding-inline:9px}.section-heading h2{font-size:25px}.next-section h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


/* 2026-10-27: PDF의 상세 내용과 코드·구조도를 생략하지 않고 현재 홈페이지 스타일의 연속된 본문으로 표시한다. */
.chapter-heading{display:flex;align-items:center;gap:16px;padding-block:32px;scroll-margin-top:0}.chapter-heading>span{font-size:11px;font-weight:800;color:var(--red)}.chapter-heading>p{font-size:16px;font-weight:800}.pdf-section{padding:52px 0}.pdf-heading{display:flex;gap:22px;align-items:flex-start;max-width:1000px;margin-bottom:22px}.pdf-section-number{color:#a7b1ab;font-size:10px;font-weight:800;padding-top:8px;min-width:22px}.pdf-kicker{font-size:12px;color:#839088;line-height:1.9;margin-bottom:7px}.pdf-heading h2{font-size:28px;line-height:1.6;letter-spacing:-.045em;font-weight:800}.pdf-intro{max-width:1040px;margin:0 0 28px 44px;color:#64767e;font-size:14px;line-height:1.95}.pdf-intro p+p{margin-top:9px}.pdf-details{display:grid;grid-template-columns:1fr 1fr;gap:0 38px;margin-top:25px;border-top:1px solid var(--line)}.pdf-details>div{padding:20px 0;border-bottom:1px solid var(--line);min-width:0}.pdf-details dt{font-size:15px;font-weight:800;line-height:1.7;margin-bottom:9px}.pdf-details dd{font-size:12px;line-height:2;color:var(--muted)}.pdf-tags{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:25px 0 0}.pdf-tags li{padding:7px 13px;background:#fff;border:1px solid #dfe5df;border-radius:6px;font-size:11px;color:#6d8179;line-height:1.8;overflow-wrap:anywhere}.pdf-flow{display:flex;gap:17px;list-style:none;margin:26px 0 30px;padding:0}.pdf-flow li{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 0;text-align:center;min-height:74px;padding:16px;border:1px solid #dbe3dd;background:white;border-radius:8px;color:#637970;font-size:12px}.pdf-flow li+li:before{content:'→';position:absolute;left:-17px;color:#a7b6ad;top:calc(50% - 12px)}.pdf-note{background:#f3f5f0;border-left:2px solid #c6d3c7;color:#7d8c81;padding:15px 20px;font-size:11px;line-height:1.95;margin-top:25px}.tone .pdf-note{background:white}.pdf-images{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:25px;margin-top:30px}.pdf-images figure{border:1px solid #dce4df;background:white;border-radius:10px;overflow:hidden;min-width:0}.pdf-images figcaption{padding:17px 21px;border-bottom:1px solid #e5eae5}.pdf-images figcaption strong{display:block;font-size:12px;color:#455d52}.pdf-images figcaption span{display:block;font-size:10px;color:#95a198;margin-top:5px}.pdf-images img{display:block;width:100%;height:auto}.pdf-images .image-detail{display:block;padding:18px}.image-detail-label{display:block;text-align:right;color:#91a295;font-size:9px;margin-top:12px}.pdf-images.single-image{grid-template-columns:minmax(0,1fr);max-width:980px;margin-inline:auto}.pdf-section .code-comparison{margin-block:26px}.pdf-section pre{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow-x:hidden}.pdf-section pre:focus-visible{outline:2px solid #8b9fa8;outline-offset:-3px;border-radius:5px}.system-diagram{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px}.system-diagram article{padding:23px;background:#fff;border:1px solid #dce3dd;border-radius:8px;min-width:0}.system-diagram h3{font-size:14px;margin-bottom:10px}.system-diagram p{font-size:11px;color:#7c8c82;line-height:2}.pdf-section-number{font-variant-numeric:tabular-nums}.pdf-heading+ .pdf-details{margin-top:29px}
@media(max-width:800px){.chapter-heading{padding-block:24px;gap:11px}.chapter-heading>p{font-size:14px}.pdf-section{padding:34px 0}.pdf-heading{gap:12px;margin-bottom:18px}.pdf-section-number{font-size:9px;min-width:17px;padding-top:7px}.pdf-heading h2{font-size:23px;line-height:1.65}.pdf-kicker{font-size:11px;line-height:1.9}.pdf-intro{font-size:12px;line-height:2;margin-left:29px;margin-bottom:23px}.pdf-details{grid-template-columns:1fr;margin-top:21px}.pdf-details>div{padding:17px 0}.pdf-details dt{font-size:14px;margin-bottom:7px}.pdf-details dd{font-size:12px}.pdf-tags{gap:7px;margin-top:21px}.pdf-tags li{font-size:10px;padding:6px 10px}.pdf-flow{flex-direction:column;gap:17px;margin:23px 0}.pdf-flow li{flex:auto;min-height:58px;padding:13px;font-size:12px}.pdf-flow li+li:before{transform:rotate(90deg);top:-22px;left:calc(50% - 5px)}.pdf-images{grid-template-columns:1fr;gap:20px;margin-top:24px}.pdf-images figcaption{padding:14px 16px}.pdf-images .image-detail{padding:12px}.pdf-section pre{font-size:10px;padding:19px 14px;line-height:2}.pdf-section .code-heading{font-size:10px}.pdf-note{padding:13px 16px;font-size:10px;line-height:1.95}.system-diagram{grid-template-columns:1fr;gap:12px}.system-diagram article{padding:20px}.system-diagram h3{font-size:13px}.system-diagram p{font-size:11px}.section-nav a{padding-block:16px}.hero h2{font-size:24px}.section-nav>.container{scrollbar-width:thin}.pdf-heading h2{overflow-wrap:anywhere}}
@media(max-width:360px){.pdf-heading h2{font-size:21px}.pdf-intro{margin-left:0}.hero h2{font-size:21px}.hero .lead{font-size:12px}}

/* 2026-10-27: 제품 소개에서 세부 페이지 탐색을 유지하며 전용 레이아웃은 해당 화면에서만 불러온다. */
.product-pages-nav{display:flex;gap:28px;border-bottom:1px solid var(--line);background:#fff}
.product-pages-nav a{display:block;padding:16px 0;font-size:12px;color:#849098;border-bottom:2px solid transparent}
.product-pages-nav a[aria-current=page]{font-weight:800;color:#26343b;border-bottom-color:#ec3c31}
body.gauce-intro-page{background:#fff;animation:none}
.gauce-intro-page #sub_contents{width:100%;min-width:0;margin:0;padding:0}
@media(max-width:800px){.product-pages-nav{gap:24px}.product-pages-nav a{font-size:11px}}