/* Layout: 좌측 고정 사이드바(메뉴 4개) + 1120px 본문, 2열 차트 카드 그리드 */
:root{
  --bg:#f6f7fb; --surface:#ffffff; --line:#e3e8f1; --line-2:#dce4f0;
  --fg:#172033; --fg-2:#253653; --muted:#718099; --muted-2:#8791a4;
  --accent:#2463df; --accent-soft:#edf3ff; --accent-ink:#185adb; --on-accent:#ffffff;
  --s1:#2463df; --s2:#078151; --s3:#9c2ba0; --s4:#284c72; --ghost:#aebbd0; --teal:#71a99d;
  --pos:#d23b3b; --neg:#2463df; --grid:#eef1f6; --g-a:#e3f4ec; --g-a-ink:#0b6b43; --c-org:#eb6834; --c-aqua:#1baf7a; --surface-2:#f8faff; --p1:#2463df; --p2:#eb6834; --p3:#1baf7a; --p4:#eda100; --p5:#e87ba4; --p6:#008300; --p7:#4a3aa7; --p8:#e34948; --tip:rgba(20,34,57,.93);
  --shadow:0 10px 26px rgba(29,49,84,.05);
  --f-ui:"Pretendard","Apple SD Gothic Neo",-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;
  --f-num:"IBM Plex Sans","Pretendard",-apple-system,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0f1420; --surface:#161d2c; --line:#253048; --line-2:#2a3650;
  --fg:#e6ebf5; --fg-2:#dbe3f2; --muted:#8e9ab2; --muted-2:#7b88a2;
  --accent:#5b8cf0; --accent-soft:#1c2a47; --accent-ink:#8fb0ff; --on-accent:#0b1020;
  --s1:#6b98f5; --s2:#3fbf8a; --s3:#d075d4; --s4:#9fb4d6; --ghost:#4a5670; --teal:#5f9b8f;
  --pos:#ff7272; --neg:#6b98f5; --grid:#222b3e; --g-a:#143a2b; --g-a-ink:#6fdcaa; --c-org:#d95926; --c-aqua:#199e70; --surface-2:#1a2335; --p1:#3987e5; --p2:#d95926; --p3:#199e70; --p4:#c98500; --p5:#d55181; --p6:#2f9a2f; --p7:#9085e9; --p8:#e66767; --tip:rgba(6,10,18,.95); --shadow:none; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0f1420; --surface:#161d2c; --line:#253048; --line-2:#2a3650;
  --fg:#e6ebf5; --fg-2:#dbe3f2; --muted:#8e9ab2; --muted-2:#7b88a2;
  --accent:#5b8cf0; --accent-soft:#1c2a47; --accent-ink:#8fb0ff; --on-accent:#0b1020;
  --s1:#6b98f5; --s2:#3fbf8a; --s3:#d075d4; --s4:#9fb4d6; --ghost:#4a5670; --teal:#5f9b8f;
  --pos:#ff7272; --neg:#6b98f5; --grid:#222b3e; --g-a:#143a2b; --g-a-ink:#6fdcaa; --c-org:#d95926; --c-aqua:#199e70; --surface-2:#1a2335; --p1:#3987e5; --p2:#d95926; --p3:#199e70; --p4:#c98500; --p5:#d55181; --p6:#2f9a2f; --p7:#9085e9; --p8:#e66767; --tip:rgba(6,10,18,.95); --shadow:none; color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-ui)}
a{color:inherit}
.app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;align-self:start;height:100vh;padding:26px 16px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.brand{padding:0 10px 24px;font-weight:800;font-size:17px;letter-spacing:-.03em;color:var(--fg-2);display:flex;align-items:center;gap:8px;text-decoration:none}
.brand i{width:22px;height:22px;border-radius:6px;background:var(--accent);display:inline-grid;place-items:center;flex:0 0 auto}
.brand small{display:block;font-size:11px;color:var(--muted);font-weight:600;letter-spacing:0}
.side-label{margin:0 10px 6px;color:var(--muted-2);font-size:11px;font-weight:800;letter-spacing:.09em}
.nav{display:grid;gap:4px}
.nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;color:var(--muted);font-size:14px;font-weight:700;text-decoration:none}
.nav a:hover,.nav a.active{background:var(--accent-soft);color:var(--accent-ink)}
.nav a.off{opacity:.45;pointer-events:none}
.side-foot{margin-top:auto;padding:0 10px;font-size:11px;color:var(--muted-2);line-height:1.6}
.ico{width:20px;text-align:center;font-weight:400}
main{width:min(1120px,100%);margin:0 auto;padding:42px 40px}
h1{margin:0 0 8px;color:var(--fg-2);font-size:29px;letter-spacing:-.05em;text-wrap:balance}
.code{margin-left:8px;color:var(--muted);font-size:20px;font-weight:700;letter-spacing:0}
.lede{margin:0 0 24px;color:var(--muted);line-height:1.6}
.toolbar{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px;margin:0 0 20px}
.search{display:grid;gap:7px;color:var(--muted);font-size:14px;font-weight:700;position:relative}
.search-row{display:flex;gap:10px}
.search input{width:280px;min-width:0;flex:0 1 280px;padding:11px 12px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);color:var(--fg);font:inherit}
.btn{min-height:43px;border:0;border-radius:8px;padding:0 18px;background:var(--accent);color:var(--on-accent);cursor:pointer;font:inherit;font-weight:800}
.search-msg{font-size:12px;color:var(--muted);font-weight:500;min-height:1em}
.ac{position:absolute;z-index:30;top:72px;left:0;width:min(280px,100%);border:1px solid var(--line-2);border-radius:12px;background:var(--surface);box-shadow:0 12px 28px rgba(20,31,50,.18);overflow:hidden}
.ac button{display:block;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--fg);font:inherit;font-size:14px;font-weight:700;text-align:left;cursor:pointer}
.ac button:hover,.ac button.on{background:var(--accent-soft);color:var(--accent-ink)}
.seg{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--line-2);border-radius:8px;background:var(--bg)}
.seg button{border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:11px;font-weight:800;padding:6px 8px}
.seg button:hover{color:var(--accent-ink)}
.seg button.on{background:var(--accent);color:var(--on-accent)}
button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}
.kpi{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.kpi b{display:block;font-family:var(--f-num);font-size:20px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--fg-2)}
.kpi span{font-size:12px;color:var(--muted)}
.up{color:var(--pos)!important}.dn{color:var(--neg)!important}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.card{min-width:0;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column}
.card.wide{grid-column:1/-1}
.card-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.card h2{margin:0 0 6px;color:var(--fg-2);font-size:19px;letter-spacing:-.04em}
.card-h p{margin:0;color:var(--muted);font-size:13px}
.wrap{position:relative;height:270px;margin-top:16px}
.note{margin:14px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.divider{grid-column:1/-1;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:15px;font-weight:800}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line-2)}
.empty{grid-column:1/-1;padding:36px 24px;border:1px dashed var(--line-2);border-radius:18px;background:var(--surface);color:var(--muted);text-align:center;line-height:1.7}
.empty b{display:block;color:var(--fg-2);font-size:16px;margin-bottom:4px}
.prov{margin-top:28px;padding:14px 16px;border:1px dashed var(--line-2);border-radius:12px;color:var(--muted);font-size:12px;line-height:1.6}
.prov b{color:var(--fg-2)}
.tbl-wrap{overflow-x:auto;margin-top:12px}
table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
th{text-align:left;color:var(--muted);font-size:12px;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line-2);white-space:nowrap}
td{padding:11px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
td.n,th.n{text-align:right}
tr.link{cursor:pointer}tr.link:hover td{background:var(--accent-soft)}
.pill{display:inline-block;white-space:nowrap;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:800;background:var(--accent-soft);color:var(--accent-ink)}
.pill.gA{background:var(--g-a);color:var(--g-a-ink)}.pill.gB{background:var(--accent-soft);color:var(--accent-ink)}.pill.gC{background:transparent;border:1px solid var(--line-2);color:var(--muted)}
.th-sort{border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}.th-sort.on{color:var(--accent-ink)}.th-sort.on::after{content:" ▼";font-size:9px}
.link-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:0 0 20px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.link-card>div{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 320px}.link-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.link-card dl{display:flex;gap:22px;margin:0;flex-wrap:wrap}.link-card dt{font-size:11px;color:var(--muted)}.link-card dd{margin:2px 0 0;font-family:var(--f-num);font-weight:700;font-variant-numeric:tabular-nums;color:var(--fg-2)}
.pill.warn{background:transparent;border:1px solid var(--line-2);color:var(--muted)}
.hero{padding:10px 0 26px}
.hero h1{font-size:34px}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.fact{padding:16px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.6}
.fact b{display:block;color:var(--fg-2);font-size:14px;margin-bottom:2px}
.site-foot{margin-top:32px;color:var(--muted);font-size:12px;text-align:center;line-height:1.7}
@media (max-width:860px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.facts{grid-template-columns:1fr}}
@media (max-width:760px){
  .app{display:block}
  .side{position:static;height:auto;padding:12px 16px 0;border-right:0;border-bottom:1px solid var(--line)}
  .brand{padding:0 4px 10px}.side-label,.side-foot{display:none}
  .nav{display:flex;overflow-x:auto;padding-bottom:10px}.nav a{flex:0 0 auto;padding:8px 10px;font-size:12px}
  main{padding:24px 16px}
  h1,.hero h1{font-size:25px}.code{display:block;margin:4px 0 0;font-size:16px}
  .grid{grid-template-columns:1fr;gap:14px}
  .card{padding:18px}.card-h{flex-wrap:wrap}.wrap{height:236px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ── 개요·밸류에이션·재무 확장 ── */
.empty-in{flex:1;display:grid;place-items:center;min-height:140px;color:var(--muted);font-size:13px;text-align:center;line-height:1.6}
.big-num{text-align:right;flex:0 0 auto}.big-num b{display:block;font-family:var(--f-num);font-size:24px;color:var(--fg-2);font-variant-numeric:tabular-nums}.big-num span{font-size:12px;color:var(--muted)}
.facts-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:16px 0 0}
.facts-dl div{min-width:0}.facts-dl dt{font-size:12px;color:var(--muted)}.facts-dl dd{margin:2px 0 0;font-weight:700;color:var(--fg-2);font-variant-numeric:tabular-nums}
.facts-dl dd small{font-weight:500;color:var(--muted);font-size:11px;display:block}
.facts-dl.small{grid-template-columns:repeat(4,minmax(0,1fr))}.facts-dl.small dd{font-size:13px}
.chips-h{margin:18px 0 8px;font-size:12px;color:var(--muted);font-weight:700}.chips-h small{font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-block;padding:5px 10px;border:1px solid var(--line-2);border-radius:99px;font-size:12px;font-weight:700;color:var(--fg-2);text-decoration:none;background:var(--surface-2)}
.chip:hover{border-color:var(--accent);color:var(--accent-ink)}.chip.same{border-color:var(--c-org)}
.meter{height:8px;border-radius:99px;background:var(--grid);overflow:hidden;margin-top:14px}.meter span{display:block;height:100%;background:var(--accent);border-radius:99px}
.muted{color:var(--muted)}
.peer-tbl td,.peer-tbl th{padding:9px 10px}.peer-tbl tr.me td{background:var(--accent-soft)}.peer-tbl td:first-child{white-space:nowrap}
.dot-same{display:inline-block;width:8px;height:8px;border-radius:50%;border:2px solid var(--c-org);vertical-align:middle}
.strip{position:relative;height:74px;margin:22px 8px 6px}
.strip-rail{position:absolute;left:0;right:0;top:38px;height:2px;background:var(--grid)}
.strip-whisk{position:absolute;top:33px;height:12px;border-radius:6px;background:var(--accent-soft)}
.strip-iqr{position:absolute;top:31px;height:16px;border-radius:4px;background:var(--accent);opacity:.35;z-index:1}
.strip-med{position:absolute;top:26px;width:2px;height:26px;margin-left:-1px;background:var(--fg-2);z-index:2}
.strip-agg{position:absolute;top:33px;width:12px;height:12px;margin-left:-6px;transform:rotate(45deg);background:var(--c-org);border:2px solid var(--surface);z-index:3}
.strip-me{position:absolute;top:28px;width:3px;height:22px;margin-left:-1.5px;background:var(--s1);z-index:4}
.strip-me span{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:800;color:var(--fg-2);background:var(--surface);padding:0 4px}
.seg-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.fin-card{margin:0 0 20px}
.fin-tbl{font-size:13px}.fin-tbl th[scope=row]{position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:6px 0 6px -6px rgba(20,34,57,.25);min-width:96px;text-align:left;color:var(--fg-2);font-size:13px;white-space:nowrap}
.fin-tbl thead th:first-child{position:sticky;left:0;z-index:2;background:var(--surface)}
.fin-tbl td{white-space:nowrap;vertical-align:top}.fin-tbl td small{display:block;font-size:11px;line-height:1.3}.fin-tbl td small i{font-style:normal}
.fin-tbl td.loss{color:var(--pos)}
.card.pair .wrap.half{height:150px;margin-top:10px}.card.pair .wrap.half + .wrap.half{margin-top:2px}
@media (max-width:760px){.facts-dl.small{grid-template-columns:repeat(2,minmax(0,1fr))}.card.pair .wrap.half{height:130px}.big-num b{font-size:20px}}

.prod-track{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:14px 0 4px;padding:9px 12px;border-radius:10px;background:var(--surface-2);font-size:13px}
.prod-track span{color:var(--muted);font-size:12px}.prod-track b{color:var(--fg-2)}.prod-track a{margin-left:auto;font-size:12px;font-weight:700;color:var(--accent-ink);text-decoration:none}
.prod-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px}
.prod-list li{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(60px,1fr) 52px 64px;align-items:center;gap:10px;font-size:13px}
.prod-list .pn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}.prod-list li.lead .pn{font-weight:700;color:var(--fg-2)}
.prod-list .pb{height:10px;border-radius:99px;background:var(--grid);overflow:hidden}.prod-list .pb i{display:block;height:100%;border-radius:99px;background:var(--s1);opacity:.55}
.prod-list li.lead .pb i{opacity:1}
.prod-list .pp,.prod-list .pa{text-align:right;font-family:var(--f-num);font-variant-numeric:tabular-nums}.prod-list .pp{font-weight:700;color:var(--fg-2)}.prod-list .pa{color:var(--muted);font-size:12px}
@media (max-width:760px){.prod-list li{grid-template-columns:minmax(0,1fr) 52px 60px}.prod-list .pb{grid-column:1/-1;order:3}}

.wrap.tall{height:360px}
.peer-lg{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:12px}
.peer-lg .pl{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fg);text-decoration:none;padding:2px 0}
.peer-lg .pl i{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.peer-lg .pl.me{font-weight:800;color:var(--fg-2)}.peer-lg .pl.rest{color:var(--muted)}
.peer-lg .pl:hover{color:var(--accent-ink);text-decoration:underline}
@media (max-width:760px){.wrap.tall{height:300px}}

/* 홈 섹터 탭 */
.sec-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.sec-tabs button{font:inherit;font-size:13px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer}
.sec-tabs button span{color:var(--muted);margin-left:2px}
.sec-tabs button[aria-selected="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.sec-tabs button[aria-selected="true"] span{color:inherit;opacity:.7}
.sec-tag{font-size:11px;color:var(--muted);margin-top:1px}
.link-card dl div.lead dt{color:var(--accent)}
.link-card dl div.lead dd{color:var(--accent)}

/* 하단 저작권 */
.main-col{min-width:0;display:flex;flex-direction:column}
.site-foot{width:min(1120px,100%);margin:0 auto;padding:18px 40px 28px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.6}
.site-foot-src{display:block;color:var(--muted-2)}
@media (max-width:760px){.site-foot{padding:16px 16px 24px}}
tbody tr.hl td{background:var(--surface-2)}
.tbl-wrapfirst td:first-child{white-space:normal;min-width:140px}
.tbl-wrapfirst td,.tbl-wrapfirst th{padding-left:8px;padding-right:8px}