:root{--ink:#182c43;--text:#30445a;--accent:#285e9c;--line:#d6e1ec;--soft:#f3f6fa}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:"Noto Sans CJK KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--text);background:#e8edf3;-webkit-font-smoothing:antialiased;font-size:10pt;line-height:1.63;word-break:keep-all;overflow-wrap:break-word}h1,h2,p{margin:0}a{color:var(--accent);text-decoration:none}code{font-family:"Noto Sans Mono CJK KR","DejaVu Sans Mono",monospace;font-size:.91em;color:var(--ink)}
.page{position:relative;background:white;width:210mm;height:297mm;margin:9mm auto;padding:13mm 16mm 17mm;break-after:page}.page:last-child{break-after:auto}.topline{display:flex;justify-content:space-between;gap:6mm;align-items:baseline;padding-bottom:3mm;border-bottom:.4mm solid var(--accent);font-size:8pt;font-weight:600;color:var(--accent);letter-spacing:.04em}.contact{font-size:7.6pt;font-weight:400;display:flex;gap:3mm;letter-spacing:0}.case-header{padding:5mm 0 3mm;border-bottom:.25mm solid var(--line);margin-bottom:3mm}.case-tag{font-size:8.5pt;font-weight:600;color:var(--accent);margin-bottom:1.4mm}.case-header h1{font-size:18pt;line-height:1.45;letter-spacing:-.035em;color:var(--ink);font-weight:700;margin-bottom:2.6mm}.meta{font-size:8.8pt;line-height:1.6;color:var(--text)}.meta+p{margin-top:1.2mm}.role-label{font-weight:600;margin-right:2.3mm}.section{margin-top:3.1mm;break-inside:avoid}.section h2{font-size:11pt;color:var(--ink);line-height:1.5;letter-spacing:-.025em;margin-bottom:1.1mm}.section p{font-size:10pt;line-height:1.64;letter-spacing:-.014em}.section p+p{margin-top:1.6mm}table{width:100%;border-collapse:collapse;margin:1.6mm 0 1.6mm;font-size:9pt;line-height:1.6;table-layout:fixed}th,td{text-align:left;vertical-align:top;padding:1.9mm 2.5mm;border-bottom:.25mm solid var(--line);overflow-wrap:break-word}th{background:var(--soft);font-weight:600;color:var(--ink)}td:first-child{font-weight:500;color:var(--ink)}table.choices th:nth-child(1){width:26%}table.choices th:nth-child(2){width:37%}table.choices th:nth-child(3){width:37%}table.measure th:first-child{width:54%}table.measure th:nth-child(2),table.measure th:nth-child(3){width:23%}table.measure td:not(:first-child){font-variant-numeric:tabular-nums}.after{color:var(--accent);font-weight:600}footer{position:absolute;left:16mm;right:16mm;bottom:8mm;display:flex;justify-content:space-between;border-top:.2mm solid var(--line);padding-top:2mm;color:var(--text);font-size:7.5pt}strong{font-weight:600;color:var(--ink)}
@page{size:A4;margin:0}@media print{body{background:white}.page{margin:0;box-shadow:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@media screen and (max-width:800px){body{background:white}.page{width:100%;height:auto;min-height:0;margin:0;padding:7mm 6mm}.topline{flex-wrap:wrap;gap:2mm}.case-header h1{font-size:17pt}.contact{flex-wrap:wrap}footer{position:static;margin-top:8mm}.section{break-inside:auto}th,td{padding:2mm 1.5mm;font-size:8.5pt}}

.design-case .section{margin-top:3mm}
.design-case .section p+p{margin-top:1.4mm}

.scope-table th:first-child{width:27%}.scope-table th:nth-child(2){width:73%}
.company-case .section{margin-top:4mm}.company-case .section p+p{margin-top:2mm}
.company-case table{margin:2.4mm 0}.company-case th,.company-case td{padding:2.5mm 3mm}
.earlier-company{border-top:.25mm solid var(--line);margin-top:7mm;padding-top:4mm;break-inside:avoid}
.earlier-top{display:flex;justify-content:space-between;align-items:baseline;gap:4mm;margin-bottom:2.5mm}
.earlier-top h2{font-size:13pt;color:var(--ink)}.earlier-top span{font-size:8.6pt;line-height:1.6}
.earlier-company h3{font-size:11pt;color:var(--ink);margin:0 0 1.8mm}
.earlier-company .meta{margin-bottom:2mm}.earlier-company>p:last-child{font-size:10pt;line-height:1.68}

.online-nav{width:min(1040px,calc(100% - 64px));margin:24px auto 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px}.online-nav>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.online-nav>a{font-weight:650}.online-nav button{font:inherit;border:1px solid var(--line);border-radius:5px;background:white;color:var(--accent);padding:7px 11px;cursor:pointer}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #83acd8;outline-offset:4px}html{scroll-behavior:smooth;scroll-padding-top:24px}
@media screen{.page{width:min(1040px,calc(100% - 64px));height:auto;min-height:0;margin:22px auto 30px;padding:38px 60px 28px;border:1px solid var(--line)}.section p{font-size:15px;line-height:1.9}.section,.company-case .section{margin-top:22px}.design-case .section{margin-top:22px}.section h2{font-size:18px}.case-header h1{font-size:30px}.case-header{padding-top:24px;padding-bottom:20px}.meta{font-size:13px}.topline{font-size:12px}.contact{font-size:12px}.case-tag{font-size:12px}.section table{font-size:14px}.section th,.section td{padding:11px 12px}.page footer{position:static;margin-top:26px;font-size:11px;padding-top:12px}.page footer span:last-child{display:none}.earlier-top h2{font-size:20px}.earlier-top span{font-size:13px}.earlier-company h3{font-size:18px}.earlier-company>p:last-child{font-size:15px;line-height:1.9}}
@media screen and (max-width:760px){.online-nav{width:calc(100% - 32px);align-items:flex-start;flex-direction:column;margin-top:18px}.online-nav>div{gap:10px 16px;font-size:12px}.page{width:calc(100% - 24px);margin:16px auto;padding:25px 22px}.topline{align-items:flex-start;gap:10px;flex-direction:column}.case-header h1{font-size:25px}.case-header h1 br{display:none}.section p{font-size:14px;line-height:1.9}.section h2{font-size:17px}.section th,.section td{padding:9px 6px;font-size:12px}.contact{flex-wrap:wrap;gap:12px}.meta{font-size:12px}.earlier-top{flex-wrap:wrap;gap:6px}.earlier-top span{font-size:12px}.earlier-company h3{font-size:17px}.earlier-company>p:last-child{font-size:14px}}
@media print{.online-nav{display:none}html{scroll-behavior:auto}}