/* 인쇄·PDF: 화면용 요소를 빼고 A4 흐름으로 정리한다. A4 폭이 좁아 화면용 모바일 배치가 걸리므로 데스크톱 배치를 다시 지정한다. */
@page{size:A4 portrait;margin:11mm 12mm 12mm}
html,body{background:var(--bg)!important}
body{font-size:9pt;line-height:1.55;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.nav,.progress,.skip,.sheet,.lb,.vid-ctl,.hero-act,.d-act,.hl .go,.foot,.screen,.screen-only,.menu-btn{display:none!important}
.print-only{display:block!important;margin-top:2mm;font-size:8.6pt;color:var(--ink-2)}
.js .rv,.node,.flow-note,.ev-row li,.steps li,.lane div,.hero-main *,.hero-stage,.hero-stage .phone,.hero-cap,.case-no{opacity:1!important;transform:none!important;translate:none!important}
.link i{transform:none!important}
.cmp-bar i.sx-0{transform:scaleX(0)!important}.cmp-bar i.sx-1{transform:scaleX(0.01)!important}.cmp-bar i.sx-2{transform:scaleX(0.02)!important}.cmp-bar i.sx-3{transform:scaleX(0.03)!important}.cmp-bar i.sx-4{transform:scaleX(0.04)!important}.cmp-bar i.sx-5{transform:scaleX(0.05)!important}.cmp-bar i.sx-6{transform:scaleX(0.06)!important}.cmp-bar i.sx-7{transform:scaleX(0.07)!important}.cmp-bar i.sx-8{transform:scaleX(0.08)!important}.cmp-bar i.sx-9{transform:scaleX(0.09)!important}.cmp-bar i.sx-10{transform:scaleX(0.1)!important}.cmp-bar i.sx-11{transform:scaleX(0.11)!important}.cmp-bar i.sx-12{transform:scaleX(0.12)!important}.cmp-bar i.sx-13{transform:scaleX(0.13)!important}.cmp-bar i.sx-14{transform:scaleX(0.14)!important}.cmp-bar i.sx-15{transform:scaleX(0.15)!important}.cmp-bar i.sx-16{transform:scaleX(0.16)!important}.cmp-bar i.sx-17{transform:scaleX(0.17)!important}.cmp-bar i.sx-18{transform:scaleX(0.18)!important}.cmp-bar i.sx-19{transform:scaleX(0.19)!important}.cmp-bar i.sx-20{transform:scaleX(0.2)!important}.cmp-bar i.sx-21{transform:scaleX(0.21)!important}.cmp-bar i.sx-22{transform:scaleX(0.22)!important}.cmp-bar i.sx-23{transform:scaleX(0.23)!important}.cmp-bar i.sx-24{transform:scaleX(0.24)!important}.cmp-bar i.sx-25{transform:scaleX(0.25)!important}.cmp-bar i.sx-26{transform:scaleX(0.26)!important}.cmp-bar i.sx-27{transform:scaleX(0.27)!important}.cmp-bar i.sx-28{transform:scaleX(0.28)!important}.cmp-bar i.sx-29{transform:scaleX(0.29)!important}.cmp-bar i.sx-30{transform:scaleX(0.3)!important}.cmp-bar i.sx-31{transform:scaleX(0.31)!important}.cmp-bar i.sx-32{transform:scaleX(0.32)!important}.cmp-bar i.sx-33{transform:scaleX(0.33)!important}.cmp-bar i.sx-34{transform:scaleX(0.34)!important}.cmp-bar i.sx-35{transform:scaleX(0.35)!important}.cmp-bar i.sx-36{transform:scaleX(0.36)!important}.cmp-bar i.sx-37{transform:scaleX(0.37)!important}.cmp-bar i.sx-38{transform:scaleX(0.38)!important}.cmp-bar i.sx-39{transform:scaleX(0.39)!important}.cmp-bar i.sx-40{transform:scaleX(0.4)!important}.cmp-bar i.sx-41{transform:scaleX(0.41)!important}.cmp-bar i.sx-42{transform:scaleX(0.42)!important}.cmp-bar i.sx-43{transform:scaleX(0.43)!important}.cmp-bar i.sx-44{transform:scaleX(0.44)!important}.cmp-bar i.sx-45{transform:scaleX(0.45)!important}.cmp-bar i.sx-46{transform:scaleX(0.46)!important}.cmp-bar i.sx-47{transform:scaleX(0.47)!important}.cmp-bar i.sx-48{transform:scaleX(0.48)!important}.cmp-bar i.sx-49{transform:scaleX(0.49)!important}.cmp-bar i.sx-50{transform:scaleX(0.5)!important}.cmp-bar i.sx-51{transform:scaleX(0.51)!important}.cmp-bar i.sx-52{transform:scaleX(0.52)!important}.cmp-bar i.sx-53{transform:scaleX(0.53)!important}.cmp-bar i.sx-54{transform:scaleX(0.54)!important}.cmp-bar i.sx-55{transform:scaleX(0.55)!important}.cmp-bar i.sx-56{transform:scaleX(0.56)!important}.cmp-bar i.sx-57{transform:scaleX(0.57)!important}.cmp-bar i.sx-58{transform:scaleX(0.58)!important}.cmp-bar i.sx-59{transform:scaleX(0.59)!important}.cmp-bar i.sx-60{transform:scaleX(0.6)!important}.cmp-bar i.sx-61{transform:scaleX(0.61)!important}.cmp-bar i.sx-62{transform:scaleX(0.62)!important}.cmp-bar i.sx-63{transform:scaleX(0.63)!important}.cmp-bar i.sx-64{transform:scaleX(0.64)!important}.cmp-bar i.sx-65{transform:scaleX(0.65)!important}.cmp-bar i.sx-66{transform:scaleX(0.66)!important}.cmp-bar i.sx-67{transform:scaleX(0.67)!important}.cmp-bar i.sx-68{transform:scaleX(0.68)!important}.cmp-bar i.sx-69{transform:scaleX(0.69)!important}.cmp-bar i.sx-70{transform:scaleX(0.7)!important}.cmp-bar i.sx-71{transform:scaleX(0.71)!important}.cmp-bar i.sx-72{transform:scaleX(0.72)!important}.cmp-bar i.sx-73{transform:scaleX(0.73)!important}.cmp-bar i.sx-74{transform:scaleX(0.74)!important}.cmp-bar i.sx-75{transform:scaleX(0.75)!important}.cmp-bar i.sx-76{transform:scaleX(0.76)!important}.cmp-bar i.sx-77{transform:scaleX(0.77)!important}.cmp-bar i.sx-78{transform:scaleX(0.78)!important}.cmp-bar i.sx-79{transform:scaleX(0.79)!important}.cmp-bar i.sx-80{transform:scaleX(0.8)!important}.cmp-bar i.sx-81{transform:scaleX(0.81)!important}.cmp-bar i.sx-82{transform:scaleX(0.82)!important}.cmp-bar i.sx-83{transform:scaleX(0.83)!important}.cmp-bar i.sx-84{transform:scaleX(0.84)!important}.cmp-bar i.sx-85{transform:scaleX(0.85)!important}.cmp-bar i.sx-86{transform:scaleX(0.86)!important}.cmp-bar i.sx-87{transform:scaleX(0.87)!important}.cmp-bar i.sx-88{transform:scaleX(0.88)!important}.cmp-bar i.sx-89{transform:scaleX(0.89)!important}.cmp-bar i.sx-90{transform:scaleX(0.9)!important}.cmp-bar i.sx-91{transform:scaleX(0.91)!important}.cmp-bar i.sx-92{transform:scaleX(0.92)!important}.cmp-bar i.sx-93{transform:scaleX(0.93)!important}.cmp-bar i.sx-94{transform:scaleX(0.94)!important}.cmp-bar i.sx-95{transform:scaleX(0.95)!important}.cmp-bar i.sx-96{transform:scaleX(0.96)!important}.cmp-bar i.sx-97{transform:scaleX(0.97)!important}.cmp-bar i.sx-98{transform:scaleX(0.98)!important}.cmp-bar i.sx-99{transform:scaleX(0.99)!important}.cmp-bar i.sx-100{transform:scaleX(1)!important}
.wrap{max-width:none!important;padding-inline:0!important}
.band,.contact{padding:6mm 0!important}
.band-2{background:var(--bg)!important}

/* 표지 */
.hero{padding:0 0 3mm!important;min-height:0!important;display:block!important}
.hero-grid{grid-template-columns:minmax(0,1fr) 40mm!important;gap:8mm!important;align-items:center!important}
.hero h1{font-size:25pt!important}
.hero-lede{font-size:10.5pt!important;margin-top:3mm!important}
.hero-who{margin-top:3mm!important;font-size:8.5pt!important}
.hero-stage{width:40mm!important}
.phone{box-shadow:none!important;border-radius:6.5mm!important;padding:1.4mm!important;transform:none!important}
.phone-scr{border-radius:5.2mm!important}
.hero-cap{font-size:6.8pt!important}
.metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.metric{padding:3mm 3mm 3mm 0!important;border-top:0!important;border-right:1px solid var(--line)!important}
.metric+.metric{padding-left:3mm!important}
.metric:last-child{border-right:0!important}
.metric-v{font-size:17pt!important}
.metric-l{font-size:8.4pt!important;margin-top:2mm!important}
.metric-d,.defs{font-size:7.4pt!important}
.defs{margin-top:3mm!important}

/* 구역 머리 */
.sec-h{grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;margin-bottom:5mm!important;gap:2mm 8mm!important}
.sec-h h2,.grp h2{font-size:16pt!important}
.sec-h p,.grp p{font-size:8.6pt!important}

/* 연결 흐름 */
.flows{gap:4mm!important}
.flow{padding:4mm 5mm!important;break-inside:avoid}
.flow-row{grid-template-columns:minmax(0,1fr) 12mm minmax(0,1.1fr) 12mm minmax(0,1fr)!important}
.link{height:2px!important;width:auto!important;margin:0 2mm!important}
.link::before,.link::after{display:block!important}
.node{text-align:left!important;padding:2mm 0!important}
.node.hub{text-align:center!important}
.node b{font-size:11pt!important}.node span{font-size:8pt!important}
.flow-note{font-size:8pt!important;margin-top:2mm!important;padding-top:2mm!important}

/* 대표 사례 목록 */
.hl{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:6mm!important}
.hl a{padding:3mm 3mm 3mm 0!important;border-top:0!important;border-right:1px solid var(--line)!important}
.hl a+a{padding-left:3mm!important}.hl a:last-child{border-right:0!important}
.hl .v{font-size:14pt!important;white-space:normal!important}
.hl .k,.hl .d{font-size:8pt!important}.hl .l{font-size:7.2pt!important}
.idx-h{font-size:8pt!important;padding-bottom:1.5mm!important}
.idx-h+.idx{margin-bottom:4mm!important}
.idx a{min-height:0!important;padding:1.6mm 0!important;grid-template-columns:9mm minmax(0,1.15fr) minmax(0,1fr) 28mm!important;gap:3mm!important}
.idx .r{grid-column:auto!important;grid-row:auto!important;font-size:8pt!important}
.idx .y{grid-column:auto!important;grid-row:auto!important;text-align:right!important;font-size:7.2pt!important}
.idx .y b{display:block!important;margin:0!important}
.idx .t{font-size:9.4pt!important}.idx .n{font-size:10pt!important}

/* 사례 */
#why,#contents,#case-r3,#case-r2,#case-r10,#case-r6,#case-r9,#more,#approach{break-before:page}
.case{padding:5mm 0!important;border-top:0!important}
.case.is-extra{padding:4mm 0 3mm!important;border-top:1px solid var(--line)!important}
.case-grid{grid-template-columns:minmax(0,3.4fr) minmax(0,8.6fr)!important;gap:3mm 7mm!important}
.case-side{position:static!important;break-inside:avoid}
.case-no{break-after:avoid}
.case-no{font-size:26pt!important;transform:none!important;margin-bottom:0!important}
.case-title{font-size:13.5pt!important;margin-top:2mm!important}
.case-meta{font-size:8pt!important;margin-top:1.5mm!important}
.case-kpis{grid-template-columns:minmax(0,1fr)!important;gap:2.5mm!important;margin-top:4mm!important}
.kpi{padding-top:1.5mm!important}
.kpi-v{font-size:14pt!important}
.kpi-l{font-size:8pt!important;margin-top:1mm!important}.kpi-d{font-size:7pt!important}
.cmp{margin-top:1.5mm!important}
.bs{padding:2mm 0!important;grid-template-columns:19mm minmax(0,1fr)!important;gap:3mm!important}
.bs-l{font-size:8pt!important}
.bs-c{font-size:8.5pt!important;line-height:1.55!important}
.bs-c ul{gap:1.2mm!important}
.bs-c dl{grid-template-columns:17mm minmax(0,1fr)!important;gap:1mm 3mm!important}
.bs-c dt{font-size:8pt!important}.bs-c dd{margin:0!important}
.bs-c p+p{margin-top:1.5mm!important}
.bs-c table{font-size:8pt!important}
.bs-c th,.bs-c td{padding:1mm 2mm 1mm 0!important}
.bs-c p,.bs-c li{orphans:2;widows:2}
.bs.is-result,.fig{break-inside:avoid}
.case-title,.case-meta{break-after:avoid}
.fig{margin-top:4mm!important;padding:3.5mm!important}
.fig-cap{font-size:8.4pt!important;margin-bottom:2.5mm!important}
.lane{grid-template-columns:12mm repeat(4,minmax(0,1fr))!important;gap:2mm!important}
.lane b{grid-column:auto!important}
.lane div{min-height:9mm!important;font-size:7.6pt!important;padding:1mm 2mm!important}
.handoff{flex-direction:row!important;padding-left:14mm!important;font-size:7pt!important}
.steps{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3mm!important}
.steps li{padding:2.5mm 1mm 1mm!important}
.steps li strong{font-size:9pt!important}.steps li p,.fig-note{font-size:7.6pt!important}
.ev{margin-top:4mm!important;break-inside:avoid}
.ev-h{font-size:8pt!important;margin-bottom:2mm!important}
.ev-row,.ev-row.n5,.ev-row.n6,.ev-row.n7,.ev-row.n8{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4mm!important}
.ev-row li:nth-child(n+5){display:none}
.ph-f{border-radius:4.5mm!important;padding:.9mm!important;transform:none!important}
.ph-s{border-radius:3.6mm!important;aspect-ratio:393/852!important}
.ph.wide .ph-f{border-radius:3mm!important;padding:1mm!important}
.ph.wide .ph-s{aspect-ratio:16/10!important;border-radius:2mm!important}
.ev-row.pc{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4mm 6mm!important}
.ph-cap{font-size:7.2pt!important;margin-top:1.5mm!important}
.ph-cap span{font-size:6.6pt!important}
.is-extra .ev,.is-extra .fig{display:none!important}
.grp{padding:2mm 0 1mm!important;border-top:2px solid var(--ink)!important}

/* 일하는 방식·사업계획·연락 */
.prin{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6mm!important}
.prin h3{font-size:11pt!important}.prin p{font-size:8.5pt!important}
.props li{grid-template-columns:18mm minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)!important;gap:3mm!important;padding:2.5mm 0!important}
.props .nm{font-size:11pt!important}
#proposals,#contact{break-inside:avoid}
.contact h2{font-size:18pt!important}
.contact p.lead{font-size:9.5pt!important}
.cdl{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:4mm!important}
.cdl dd{font-size:9pt!important}
#backlog{display:none!important}
a{text-decoration:none!important}

/* 이력서·경력기술서 */
.doc body,.doc{font-size:8.4pt}
.doc .doc-wrap{max-width:none!important}
.doc .d-hero{padding:0 0 3mm!important;grid-template-columns:minmax(0,1fr) 24mm!important;gap:6mm!important}
.doc .d-hero h1{font-size:20pt!important}
.doc .d-photo img{width:24mm!important}
.doc .d-want{font-size:10pt!important;margin-top:2mm!important}
.doc .d-sum{padding:2.5mm 0!important;gap:1mm!important;font-size:8.6pt!important}
.doc .d-contact{padding:2mm 0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.5mm 4mm!important}
.doc .d-contact dt{font-size:6.8pt!important}.doc .d-contact dd{font-size:8pt!important}
.doc .ds{grid-template-columns:26mm minmax(0,1fr)!important;padding:2.6mm 0!important;gap:4mm!important;break-inside:auto}
.doc .ds-h{position:static!important;font-size:10.5pt!important}
.doc .ds-c{font-size:8.1pt!important;line-height:1.5!important}
.doc .ds-c ul{gap:.8mm!important}
.doc .co-head{margin-bottom:2mm!important}
.doc .co-name{font-size:12pt!important}.doc .co-meta{font-size:8pt!important}
.doc .co-sum dl{grid-template-columns:16mm minmax(0,1fr)!important;gap:1mm 3mm!important}
.doc .co-sum dd{margin:0!important}
.doc .parts{gap:1mm!important}.doc .parts span{padding:.3mm 1.6mm!important;font-size:7pt!important}
.doc .nums{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3mm!important}
.doc .nums b{font-size:10.5pt!important}.doc .nums small{font-size:6.8pt!important}
.doc .role-block{margin-bottom:2mm!important}
.doc .role-period{margin:.5mm 0 1mm!important;font-size:7.2pt!important}
.doc .proj-list{gap:2.2mm!important;margin-top:2mm!important}
.doc .proj-item{break-inside:avoid}
.doc .proj-item h3{font-size:9pt!important;margin-bottom:.5mm!important}
.doc .kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3mm!important;margin-top:3mm!important}
.doc .kpi-cell .num{font-size:12pt!important}
.doc .kpi-cell .label{font-size:6.8pt!important}
.doc .codex-table-wrap{margin-top:2mm!important}
.doc .ds-c th,.doc .ds-c td{padding:1mm 2mm 1mm 0!important;font-size:7.8pt!important}