:root{--ink:#343630;--muted:#85877f;--line:#d8dad3;--paper:#f7f8f4;--olive:#777a61;--header:76px;font-family:Arial,'Noto Sans KR',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #6b7451;outline-offset:4px}button{border:0;background:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}button,summary{touch-action:manipulation}.site-header{height:var(--header);position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#f8f9f5f2;border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.wordmark{font-size:21px;font-weight:700;letter-spacing:-1.3px;white-space:nowrap}.wordmark span{font-size:13px;font-weight:400;border-left:1px solid #a5a99a;margin-left:10px;padding-left:10px;letter-spacing:1px}.header-caption{font-size:10px;letter-spacing:2px;color:#85887e;display:flex;gap:13px;align-items:center}.header-caption i{width:4px;height:4px;border-radius:50%;background:#878e73}.header-map{font-size:12px;border-bottom:1px solid #969c8b;padding:8px 0}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:white;padding:15px}.skip-link:focus{top:10px}.wf-section{position:relative;min-height:740px;border-bottom:1px solid var(--line);scroll-margin-top:var(--header);background-color:#f7f8f4;background-image:linear-gradient(#69715704 1px,transparent 1px),linear-gradient(90deg,#69715704 1px,transparent 1px);background-size:32px 32px;display:flex;align-items:center;padding:90px 6% 90px 340px}.wf-section:nth-child(even){background-color:#eef0eb}.section-content{width:100%;max-width:1040px;margin:auto}.wf-label{position:absolute;left:24px;top:70px;width:250px;padding:18px 20px;background:#fffef9;z-index:2;border:1px solid #ceccc2;border-left:3px solid #7c7767;box-shadow:0 4px 18px #48463805;color:#35362e;font-size:11px;line-height:1.65}.label-page{display:block;font-size:11px;color:#8c897b}.label-number{display:block;font-size:9px;letter-spacing:2px;margin:9px 0 6px;color:#918d7d}.wf-label h3{font-size:17px;line-height:1.5;font-weight:600;word-break:keep-all}.label-notes{border-top:1px solid #e4e2d8;margin-top:16px;padding-top:13px}.label-notes>b{font-size:10px;font-weight:500;color:#8f8b7d}.label-notes dl{margin:9px 0 0}.label-notes dl>div{display:grid;grid-template-columns:26px 1fr;gap:8px;margin-top:8px}.label-notes dt{color:#9a9588}.label-notes dd{margin:0;word-break:keep-all}.labels-hidden .wf-label{display:none}.section-folio{position:absolute;bottom:25px;right:38px;font-size:9px;letter-spacing:2px;color:#989e91}.eyebrow{display:block;font-size:10px;letter-spacing:1.5px;color:#909585;margin-bottom:22px;line-height:1.8}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center}.hero-grid h1{font-size:clamp(30px,3.1vw,48px);line-height:1.45;letter-spacing:-2px;margin-bottom:25px}.copy-placeholder{color:#a0a699}.skeleton-lines{display:grid;gap:10px;width:100%;max-width:420px}.skeleton-lines i{height:6px;display:block;background:#dce0d6;border-radius:1px}.skeleton-lines i:nth-child(2){width:85%}.skeleton-lines i:last-child{width:68%}.action-placeholder{display:flex;gap:32px;align-items:center;justify-content:space-between;padding:17px 22px;background:#d9dfd1;border:1px solid #c1c9b6;color:#727b63;font-size:12px;max-width:190px;margin-top:35px}.image-placeholder{background:#e5e8e0;min-height:285px;position:relative;overflow:hidden;border:1px solid #ccd2c4;display:grid;place-items:center}.image-placeholder:before,.image-placeholder:after{content:'';position:absolute;width:150%;height:1px;top:50%;left:-25%;background:#cfd5c8;transform:rotate(32deg)}.image-placeholder:after{transform:rotate(-32deg)}.image-placeholder span{z-index:1;display:grid;gap:12px;text-align:center;font-size:11px;color:#929b86;background:#e5e8e0;padding:15px}.image-placeholder b{font-size:24px;font-weight:400}.hero-image{height:420px}.hero-baseline{margin-top:70px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#929987}.content-heading{margin-bottom:45px;max-width:600px}.content-heading h2{font-size:32px;letter-spacing:-1.4px;color:#92998b;line-height:1.5;margin-bottom:22px}.content-heading .eyebrow{margin-bottom:17px}.card-grid{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.wire-card{border:1px solid #d3d9cd;padding:25px;background:#f8f9f45c}.wire-card h3,.case-detail h3,.process-list h3,.footer-grid h3{font-size:13px;color:#929989;margin-bottom:20px}.tiny-index{display:block;font-size:9px;letter-spacing:1px;color:#a0a695;margin-bottom:38px}.client-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0;gap:15px;text-align:center;font-size:16px;color:#8b9380;font-weight:600}.placeholder-note{font-size:10px;color:#9a9f92;line-height:1.8;margin-top:18px}.review-placeholder{margin-top:45px;display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center;border-left:2px solid #b6bfaa;padding:25px;font-size:12px;color:#9ba28f}.split-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center}.case-detail>div+div{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.portrait-grid{grid-template-columns:.8fr 1fr}.portrait{min-height:430px}.source-tag{font-size:9px;color:#7f886f;letter-spacing:1px}.source-quote{font-size:22px;line-height:1.75;letter-spacing:-.8px;margin:16px 0 28px}.portrait-grid .wire-card+.wire-card{margin-top:14px}.source-statement{border-left:2px solid #a6b298;padding:10px 25px;margin-bottom:32px}.source-statement p{font-size:17px;line-height:1.7;margin-top:12px}.section-usp{padding-top:90px;padding-bottom:100px}.section-usp .card-grid{margin-bottom:22px}.support-card{margin-bottom:50px}.process-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c8d0bf}.process-list>div{padding:25px 16px 0 0}.process-list>div>span{display:block;font-size:11px;color:#909a82;margin-bottom:24px}.process-list h3{font-size:12px}.faq-list{border-top:1px solid #c5cdbd}.faq-list details{border-bottom:1px solid #cbd2c3}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:24px 8px;cursor:pointer;font-size:14px;color:#939c87}.faq-list summary::-webkit-details-marker{display:none}.faq-list small{margin-right:25px;color:#a1aa94;font-size:10px}.faq-list summary b{font-size:18px;font-weight:400}.faq-list details[open] summary b{transform:rotate(45deg)}.faq-answer{padding:0 20px 28px 48px;font-size:12px;color:#a1aa94}.faq-answer .skeleton-lines{margin-top:20px}.cta-panel{text-align:center;border:1px solid #cbd3c1;background:#e8ece2;padding:70px 50px}.cta-panel h2{font-size:30px;letter-spacing:-1px;color:#89957b;line-height:1.5;margin-bottom:25px}.cta-panel .skeleton-lines,.cta-panel .action-placeholder{margin-left:auto;margin-right:auto}.cta-panel .wire-card{max-width:420px;text-align:left;margin:35px auto 0}.section-footer{min-height:470px;padding-bottom:150px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;align-items:start}.footer-grid .wordmark{color:#929a87}.footer-bottom{margin-top:70px;border-top:1px solid var(--line);padding-top:22px;display:flex;gap:15px;justify-content:space-between;font-size:10px;color:#969e8b}.review-tools{position:fixed;z-index:20;bottom:18px;right:20px;width:330px;border:1px solid #d5d5c9;background:#fffef9f5;box-shadow:0 6px 30px #3d432018;padding:12px 14px;border-radius:7px;backdrop-filter:blur(12px);font-size:10px}.tool-row{display:flex;gap:12px;align-items:center}.tool-row label{color:#969386}.tool-row select{background:#f5f5ec;border:1px solid #deded0;border-radius:3px;font-size:11px;padding:5px 7px;flex:1;min-width:0}.tool-row>span{color:#8d927d}.tool-buttons{display:flex;gap:8px;border-top:1px solid #e8e8dd;padding-top:10px;margin-top:10px;justify-content:space-between}.tool-buttons button{font-size:10px;padding:4px 5px;color:#6d725e}.tool-buttons button:hover{background:#eeefe4}.map-launcher{position:fixed;right:20px;bottom:133px;z-index:20;display:flex;align-items:center;gap:10px;background:#70765e;color:white;border:1px solid #61694e;border-radius:5px;font-size:11px;padding:12px 17px;box-shadow:0 4px 20px #555b3220}.map-launcher span{font-size:16px}.map-open{overflow:hidden}dialog{width:min(1080px,calc(100% - 64px));max-height:calc(100dvh - 80px);padding:35px 40px;background:#fffef9;color:var(--ink);border:1px solid #c8cbbb;box-shadow:0 25px 100px #20241944;border-radius:9px;overscroll-behavior:contain}dialog::backdrop{background:#34392e77;backdrop-filter:blur(5px)}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.map-heading .eyebrow{font-size:9px;margin-bottom:8px}.map-heading h2{font-size:24px;letter-spacing:-1px}.map-close{border:1px solid #d5d6c9;border-radius:4px;padding:9px 12px;font-size:11px}.map-description{font-size:12px;line-height:1.8;color:#909480;margin:20px 0 28px}.map-root{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px 22px;border:1px solid #c2c9b6;background:#e9eddf;text-align:left;font-size:14px}.map-root span{font-size:9px;letter-spacing:1px;color:#899077}.map-branch{margin:0 0 0 24px;padding:22px 0 0 24px;border-left:1px solid #d6dbc9}.map-page{position:relative;display:flex;align-items:center;gap:20px;border:1px solid #d7dbc9;background:#f5f7ee;padding:14px 20px;text-align:left;width:100%}.map-page:before{content:'';position:absolute;left:-25px;top:50%;width:24px;height:1px;background:#d6dbc9}.map-page b{font-size:13px;font-weight:500}.map-page span{font-size:10px;color:#899077}[aria-current=page]{box-shadow:inset 3px 0 #7d8967}.map-sections{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 0 0;margin:0;gap:11px}.map-sections li{min-width:0}.map-sections button{display:flex;gap:14px;align-items:flex-start;width:100%;height:100%;text-align:left;padding:18px 14px;background:#fbfcf6;border:1px solid #e0e3d6}.map-sections button:hover{background:#eef2e3;border-color:#b9c5a6}.map-number{font-size:10px;color:#919b7d;padding-top:3px}.map-sections h3{font-size:13px;line-height:1.6;margin-bottom:10px;word-break:keep-all}.map-sections p{font-size:10px;line-height:1.7;color:#9a9f8c;margin-top:3px;word-break:keep-all}.map-sections p b{font-weight:400;color:#737e61;margin-right:5px}.map-sections button>span:last-child{font-size:11px;color:#9da88a;margin-left:auto}.map-foot{border-top:1px solid #e0e3d6;padding-top:18px;margin-top:25px;font-size:10px;line-height:1.8;color:#92977f}.overview{max-width:1000px;margin:auto;padding:75px 40px 190px}.overview h1{font-size:40px;letter-spacing:-2px}.overview>p{font-size:14px;color:#8e9681;margin-top:20px;line-height:1.8}.overview-top{margin-top:45px;padding:23px 0;display:flex;justify-content:space-between;border-top:1px solid #cfd6c5;border-bottom:1px solid #cfd6c5;align-items:center}.overview-top b{font-weight:500}.overview-top span{font-size:10px;letter-spacing:2px;color:#8f997e}.overview-list{list-style:none;margin:0;padding:0}.overview-list button{display:flex;gap:25px;text-align:left;align-items:center;width:100%;border-bottom:1px solid #d7ddcf;padding:25px 12px}.overview-list button:hover{background:#edf1e6}.overview-list button>span{font-size:11px;color:#9aa68b}.overview-list h2{font-size:17px;line-height:1.7}.overview-list p{font-size:12px;line-height:1.7;color:#98a08e;margin-top:7px}.overview-list button>b{font-weight:400;margin-left:auto;color:#96a185}.source-link{display:inline-block;font-size:11px;color:#89967b;margin-top:30px}
@media(min-width:1600px){.wf-section{padding-left:360px;padding-right:8%}.wf-label{width:272px}.hero-image{height:480px}}
@media(max-width:1100px) and (min-width:701px){.wf-section{padding-left:285px;padding-right:35px}.wf-label{width:220px;left:20px}.hero-grid{gap:24px}.hero-image{height:350px}.three{grid-template-columns:1fr}.tiny-index{margin-bottom:18px}.split-grid{gap:25px}.source-quote{font-size:18px}.process-list{grid-template-columns:1fr 1fr;gap:20px}.client-list{grid-template-columns:1fr 1fr}.footer-grid{gap:20px;grid-template-columns:1fr 1fr}.footer-grid>.wordmark{grid-column:1/-1}.cta-panel{padding:50px 25px}}
@media(max-width:700px){:root{--header:62px}.site-header{padding:0 20px}.wordmark{font-size:18px}.header-caption{display:none}.header-map{font-size:10px}.wf-section{min-height:780px;padding:355px 22px 70px;display:block}.wf-label{left:18px;right:18px;top:24px;width:auto;padding:13px 16px;font-size:10px;line-height:1.5}.label-page{display:inline;font-size:10px}.label-number{display:inline;margin:0 0 0 12px;font-size:8px}.wf-label h3{font-size:15px;margin-top:9px}.label-notes{margin-top:10px;padding-top:9px}.label-notes dl{margin-top:5px}.label-notes dl>div{margin-top:5px;grid-template-columns:24px 1fr}.label-notes>b{font-size:9px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-grid h1{font-size:33px;letter-spacing:-1.5px}.hero-grid .eyebrow{margin-bottom:18px}.hero-image{height:280px;min-height:280px}.hero-baseline{margin-top:35px;display:grid;gap:8px;font-size:9px;line-height:1.8}.section-folio{bottom:22px;right:22px}.content-heading{margin-bottom:30px}.content-heading h2{font-size:27px}.eyebrow{font-size:9px;letter-spacing:.8px}.three,.two,.split-grid,.portrait-grid{grid-template-columns:1fr}.card-grid{gap:14px}.wire-card{padding:22px}.tiny-index{margin-bottom:22px}.client-list{grid-template-columns:1fr 1fr;padding:28px 0;row-gap:30px;font-size:15px}.review-placeholder{grid-template-columns:1fr;gap:20px;padding:20px}.placeholder-note{font-size:9px}.split-grid{gap:25px}.portrait{min-height:340px}.source-quote{font-size:22px}.section-usp{padding-top:355px;padding-bottom:70px}.source-statement{padding:7px 18px}.source-statement p{font-size:16px}.process-list{grid-template-columns:1fr 1fr;gap:25px}.support-card{margin-bottom:35px}.faq-list summary{padding:23px 0;font-size:13px}.faq-list small{margin-right:15px}.faq-answer{padding-left:28px}.cta-panel{padding:40px 20px}.cta-panel h2{font-size:26px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-grid>.wordmark{grid-column:1/-1}.footer-bottom{display:grid;margin-top:40px;font-size:9px}.section-footer{padding-bottom:180px}.review-tools{right:12px;bottom:12px;width:300px;padding:10px 12px}.map-launcher{right:12px;bottom:119px;font-size:10px;padding:10px 13px}.tool-row{gap:9px}.tool-buttons{margin-top:8px;padding-top:7px}.tool-buttons button{font-size:10px}.overview{padding:45px 22px 180px}.overview h1{font-size:32px}.overview>p{font-size:12px}.overview-list button{gap:14px;padding:22px 2px}.overview-list h2{font-size:15px}.overview-list p{font-size:10px}.overview-top span{font-size:8px;letter-spacing:1px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 28px);padding:23px 18px}.map-heading h2{font-size:21px}.map-description{font-size:10px}.map-root{padding:15px;font-size:13px}.map-root span{font-size:8px;letter-spacing:0}.map-branch{margin-left:10px;padding-left:15px}.map-page:before{left:-16px;width:15px}.map-sections{grid-template-columns:1fr;gap:9px}.map-sections button{padding:15px 12px}.map-sections h3{font-size:12px}.map-sections p{font-size:10px}.map-foot{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Selected planning table: content structure and neutral media slots. */
.section-content,.hero-grid>*,.split-grid>*,.card-grid>*,.map-sections button>div,.overview-list button>div{min-width:0}
.wf-label h3,.label-notes dd,.map-sections h3,.map-sections p,.overview-list h2,.overview-list p{overflow-wrap:anywhere}
.map-number,.overview-list button>span{flex-shrink:0;min-width:27px}
.video-placeholder span b{font-size:0}
.video-placeholder span b:after{content:'▷';font-size:30px}
.portfolio-cards{margin-top:35px}
.metric-grid{margin-top:28px}
.metric-value{display:block;font-size:29px;letter-spacing:-1px;color:#9ca48f;margin-bottom:18px}
.metric-grid h3{margin-bottom:15px}
.impact-copy{font-size:clamp(30px,3.3vw,48px);line-height:1.5;letter-spacing:-1.5px;color:#909a83;margin-bottom:30px}
.solution-detail{margin-top:35px}
.usp-status{margin:0 0 25px}
.usp-content{min-height:220px;display:flex;flex-direction:column;justify-content:center}
.review-author{font-size:10px;color:#969e8b;margin-top:35px;padding-top:18px;border-top:1px solid var(--line)}
.footer-impact{font-size:clamp(30px,3.5vw,50px);letter-spacing:-1.8px;line-height:1.5;color:#929a87;margin-bottom:50px}
@media(max-width:700px){.metric-value{font-size:28px}.impact-copy{font-size:32px}.portfolio-cards{margin-top:26px}.metric-grid{margin-top:22px}.section-usp .wf-label h3{font-size:14px;line-height:1.6}.section-usp .eyebrow{margin-bottom:16px}.footer-impact{font-size:32px}.map-sections button{gap:11px}.overview-list button>span{min-width:27px}.hero-image span{max-width:100%;line-height:1.8}}

/* 페이지 지도: 랜딩 순서대로 한 열, 반영된 레퍼런스는 형광펜 표시 */
#page-map .map-sections{grid-template-columns:minmax(0,1fr)}
#page-map .map-item-completed h3{display:inline;background:linear-gradient(transparent 35%,#e9ff69 35%,#e9ff69 92%,transparent 92%);box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* 검토 라벨은 각 섹션의 왼쪽 중앙에 겹쳐 배치한다. */
.wf-section>.wf-label{position:absolute;left:24px;right:auto;top:50%;bottom:auto;transform:translateY(-50%);width:250px;margin:0}
@media(min-width:1600px){.wf-section>.wf-label{width:272px}}
@media(max-width:700px){.wf-section>.wf-label{left:18px;width:min(250px,calc(100% - 36px))}}

/* 모바일·태블릿에서는 검토 UI가 본문을 가리지 않도록 한다. */
@media (max-width: 1024px) {
  .wf-section > .wf-label,
  .review-tools,
  .map-launcher { display: none; }
}