:root{--brand:#c4352b;--brand-dark:#9f281f;--ink:#202124;--muted:#64676c;--line:#d9dadd;--soft:#f3f4f5;--paper:#fff;--side:#171717;--chart:#3b6fb6;--chart-2:#7298c7;--info:#285b91;--success:#2e6f4e;--warning:#8a5a00;--error:#b42318;--radius:10px;--side-width:224px}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#e9eaec;color:var(--ink);font:14px/1.55 Pretendard,"Noto Sans KR",system-ui,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}.workspace{display:grid;grid-template-columns:var(--side-width) minmax(0,1fr);min-height:100vh}.workspace-side{position:sticky;top:0;height:100vh;padding:22px 16px;background:var(--side);color:#fff}.workspace-logo{display:block;margin:0 8px 28px}.workspace-label{margin:0 10px 8px;color:#a7a7a7;font-size:11px;font-weight:800;letter-spacing:.12em}.workspace-nav{display:grid;gap:3px}.workspace-nav a{display:block;padding:10px 12px;border-radius:7px;color:#d4d4d4;text-decoration:none;font-weight:750}.workspace-nav a:hover,.workspace-nav a.active{background:#2b2b2b;color:#fff}.workspace-side-note{position:absolute;right:18px;bottom:18px;left:18px;padding-top:14px;border-top:1px solid #373737;color:#aaa;font-size:11px}.workspace-main{min-width:0}.workspace-top{min-height:64px;padding:0 26px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.workspace-top b{white-space:nowrap}.workspace-links{display:flex;align-items:center;gap:14px;font-size:12px}.workspace-links a{white-space:nowrap}.workspace-page{width:100%;padding:22px 26px 46px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.page-heading h1{margin:0;font-size:28px;line-height:1.25;letter-spacing:-.035em}.page-heading p{margin:4px 0 0;color:var(--muted)}.page-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.panel{margin-top:12px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:18px}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.panel-body{padding:16px}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.metric{padding:15px 16px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric span{color:var(--muted);font-size:11px}.metric strong{display:block;margin-top:3px;font-size:23px;letter-spacing:-.03em}.demo{display:inline-flex;align-items:center;margin-left:5px;padding:2px 6px;border:1px solid #d9b26a;border-radius:99px;color:#6f4900;background:#fff8e8;font-size:9px;font-weight:900}.context-line{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;padding:12px 14px;border-left:4px solid var(--info);background:#edf4fb}.context-line b{white-space:nowrap}.context-line[hidden]{display:none}.notice{padding:12px 14px;border-left:4px solid var(--warning);background:#fff8e8;color:#654716}.notice.info{border-color:var(--info);background:#edf4fb;color:#204d79}.notice.error{border-color:var(--error);background:#fff1f0;color:#7e1b14}.status{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:99px;background:#eceff1;color:#45484d;font-size:11px;font-weight:800}.status::before{content:"●";font-size:8px}.status.info{background:#e8f1fa;color:var(--info)}.status.success{background:#e8f3ed;color:var(--success)}.status.warning{background:#fff2cf;color:var(--warning)}.status.error{background:#fde9e7;color:var(--error)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid #b9bcc1;border-radius:7px;background:#fff;color:var(--ink);text-decoration:none;font-weight:800;cursor:pointer}.btn:hover{border-color:#73777d}.btn.primary{border-color:var(--brand);background:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-dark)}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8eb6e8;outline-offset:2px}.table-wrap{overflow:auto}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:11px 13px;border-bottom:1px solid #e7e8ea;text-align:left;vertical-align:top}th{background:#f6f7f8;color:#565a60;font-size:11px;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}.list-detail{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.6fr);min-height:360px}.detail-list{border-right:1px solid var(--line)}.detail-item{display:block;width:100%;padding:14px 16px;border:0;border-bottom:1px solid #e7e8ea;background:#fff;text-align:left}.detail-item.active{box-shadow:inset 3px 0 var(--info);background:#f2f6fb}.detail-item b,.detail-item span{display:block}.detail-item span{margin-top:3px;color:var(--muted);font-size:12px}.detail-pane{padding:18px}.detail-pane h3{margin:0 0 6px;font-size:20px}.detail-pane p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field.wide{grid-column:1/-1}.field label{display:block;margin-bottom:5px;font-size:12px;font-weight:800}.field input,.field select,.field textarea,.page-tools input,.page-tools select{width:100%;min-height:40px;padding:9px 10px;border:1px solid #bfc2c7;border-radius:7px;background:#fff;color:var(--ink)}.field textarea{min-height:96px;resize:vertical}.form-actions{display:flex;align-items:center;gap:10px;margin-top:14px}.comparison{min-width:920px}.comparison th:first-child,.comparison td:first-child{position:sticky;left:0;background:#fff;z-index:1}.comparison thead th:first-child{background:#f6f7f8}.price{font-size:21px;font-weight:900}.chart{height:170px;padding:18px 18px 25px;display:flex;align-items:flex-end;gap:12px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 41px,#e8eaed 42px)}.chart-bar{position:relative;flex:1;min-width:18px;height:var(--value);background:var(--chart)}.chart-bar:nth-child(even){background:var(--chart-2)}.chart-bar::after{content:attr(data-label);position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);color:var(--muted);font-size:9px}.empty-state{padding:24px}.empty-state h3{margin:0 0 7px;font-size:18px}.empty-state p{max-width:680px;margin:0 0 15px;color:var(--muted)}.legal-footer{padding:22px 26px;background:#202020;color:#bcbcbc;font-size:11px}.legal-footer a{color:#fff}.legal-links{display:flex;gap:14px;margin-bottom:8px}.legal-footer p{margin:2px 0}.step-list{margin:0;padding:0;list-style:none}.step-list li{display:grid;grid-template-columns:38px 170px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid #e7e8ea}.step-list li:last-child{border-bottom:0}.step-no{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#e9eef5;color:var(--info);font-weight:900}.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px}.subtle{color:var(--muted);font-size:12px}.delta{color:var(--info);font-weight:800}.delta.down{color:#5a4a77}.nowrap{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.workspace{display:block}.workspace-side{position:relative;height:auto;padding:12px}.workspace-logo{margin:0 2px 10px}.workspace-label,.workspace-side-note{display:none}.workspace-nav{display:flex;overflow-x:auto;scrollbar-width:none}.workspace-nav a{flex:0 0 auto;white-space:nowrap;padding:8px 10px}.workspace-top{min-height:52px;padding:9px 13px;align-items:flex-start}.workspace-links{max-width:70vw;gap:9px;overflow-x:auto}.workspace-page{padding:15px 12px 34px}.page-heading{display:block}.page-heading h1{font-size:23px}.page-tools{margin-top:10px}.metric-row{grid-template-columns:1fr 1fr}.metric{border-bottom:1px solid var(--line)}.metric:nth-child(2n){border-right:0}.metric:last-child{grid-column:1/-1;border-bottom:0}.list-detail{grid-template-columns:1fr}.detail-list{border-right:0;border-bottom:1px solid var(--line)}.detail-item:not(.active){display:none}.form-grid,.split-panels{grid-template-columns:1fr}.field.wide{grid-column:auto}.step-list li{grid-template-columns:34px 1fr}.step-list li span:last-child{grid-column:2}.legal-footer{padding:18px 14px}.panel-head{align-items:flex-start;flex-direction:column}.chart{gap:7px}}