:root{--ink:#14213b;--muted:#7f899a;--line:#e3e8f0}.hs{min-height:100vh;color:var(--ink);background:#f5f7fa;font-family:Arial,Noto Sans KR,sans-serif}.hs header{color:#fff;background:#101d36;align-items:center;gap:50px;height:66px;padding:0 max(24px,50vw - 640px);display:flex}.brand{font-weight:700}.brand span{background:#ef6048;border-radius:6px;place-items:center;width:30px;height:30px;margin-right:10px;display:inline-grid}.hs nav{color:#9eabc0;align-items:center;gap:28px;font-size:13px;display:flex}.hs nav b{color:#fff;border-bottom:2px solid #ef6048;align-items:center;height:66px;display:flex}.hero{justify-content:space-between;align-items:end;max-width:1280px;margin:auto;padding:50px 0 30px;display:flex}.hero>div>small,.panel small{color:#ef6048;letter-spacing:1.7px;font-weight:800}.hero h1{margin:10px 0;font-size:38px}.hero p,.hero aside span,.hero aside small{color:var(--muted)}.hero aside{text-align:right;border-right:3px solid #ef6048;padding-right:16px}.hero aside>*{display:block}.hero aside strong{margin:6px 0;font-size:24px}.kpis{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1280px;margin:0 auto 18px;display:grid}.kpis article,.panel,.chooser{border:1px solid var(--line);background:#fff;border-radius:11px}.kpis article{padding:18px 20px}.kpis article>*{display:block}.kpis strong{margin:6px 0;font-size:22px}.kpis small,.kpis span{color:var(--muted);font-size:11px}.panel{max-width:1280px;margin:0 auto 20px;padding:25px 28px}.head{justify-content:space-between;align-items:center;display:flex}.head h2{margin:6px 0}.head p{color:var(--muted);font-size:12px}.panel h3{margin:24px 0 0;font-size:15px}.chart{overflow:auto}.chart svg{width:100%;min-width:760px}.chart line{stroke:#e8edf3}.chart text{fill:#8792a5;font-size:9px}.legend{text-align:right;color:var(--muted);font-size:10px}.twocol{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.twocol>div{min-width:0}.twocol .chart{max-width:100%}.twocol .chart svg{min-width:560px}.chooser{align-items:center;gap:8px;max-width:1280px;margin:0 auto 20px;padding:14px 18px;display:flex}.chooser b{margin-right:auto}.chooser button{border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:8px 14px}.chooser button.active{color:#fff;background:#172746}.chooser span{margin-top:2px;font-size:8px;display:block}.hs footer{max-width:1280px;color:var(--muted);justify-content:space-between;margin:auto;padding:8px 0 35px;font-size:10px;display:flex}@media (max-width:900px){.hs header{padding:0 18px}.hs nav{display:none}.hero{padding:35px 18px 24px}.hero aside{display:none}.kpis{grid-template-columns:1fr 1fr;margin:0 14px 18px}.panel,.chooser{margin:0 14px 18px;padding:20px 16px}.head{display:block}.twocol{grid-template-columns:1fr}.chooser{flex-wrap:wrap}.chooser b{width:100%}.hs footer{margin:0 14px}.hero h1{font-size:30px}}@media (max-width:520px){.kpis{grid-template-columns:1fr}}
.search-wrap{max-width:1280px;margin:22px auto 0;position:relative}.search-wrap label{color:#718099;font-size:11px;font-weight:800;position:absolute;top:15px;left:17px}.search-wrap input{border:1px solid var(--line);width:100%;height:58px;color:var(--ink);background:#fff;border-radius:11px;padding:18px 20px 18px 92px;font-size:14px}.search-results{z-index:5;border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:8px;position:absolute;top:64px;box-shadow:0 12px 35px #15213d26}.search-results button{text-align:left;border-radius:7px;grid-template-columns:70px 1fr auto;width:100%;padding:12px;display:grid}.search-results button:hover{background:#f3f6fb}.search-results span,.search-results small{color:var(--muted)}.search-results p{color:var(--muted);padding:10px 12px}.company-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px;font-size:10px;display:flex}.company-legend i,.bar-key{border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.line-key{border-top:3px solid #ef6048;width:18px;margin:0 5px 3px 14px;display:inline-block}.axis-title{font-weight:700;fill:#667187!important}.op-axis{fill:#ef6048!important}@media (max-width:900px){.search-wrap{margin:14px}.search-results button{grid-template-columns:55px 1fr}.search-results small{display:none}}
.frequency-row{justify-content:flex-end;align-items:center;gap:8px;max-width:1280px;margin:0 auto 18px;display:flex}.frequency-row b{color:var(--muted);margin-right:auto;font-size:11px}.frequency-row>div{gap:5px;display:flex}.frequency-row button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:7px;padding:8px 13px}.frequency-row button.active{color:#fff;background:#172746;border-color:#172746}@media (max-width:900px){.frequency-row{flex-wrap:wrap;margin:0 14px 18px}.frequency-row b{width:100%}}.hs header .export{color:#fff;white-space:nowrap;background:#1428a0;border:1px solid #1428a0;border-radius:7px;align-self:center;margin-left:auto;padding:9px 15px;font-weight:700}.kpis button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:11px;padding:18px 20px}.kpis button>*{display:block}.kpis button.active{border-color:#1428a0;box-shadow:0 0 0 2px #dce2ff}.kpis button:hover{border-color:#8290ca}