.cs-page{--g900:#191f28;--g800:#333d4b;--g700:#4e5968;--g600:#6b7684;--g500:#8b95a1;--g400:#b0b8c1;--g300:#c9cfd6;--g200:#e5e8eb;--g100:#f2f4f6;--g50:#f9fafb;--blue:#3182f6;--up:#f04452;--dn:#3182f6;background:var(--g50);min-height:100vh;color:var(--g900);word-break:keep-all;font-variant-numeric:tabular-nums;padding:28px 16px 56px;font-family:Pretendard,Pretendard Variable,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}body:has(.cs-page){background:#f9fafb;padding:0}.cs-wrap{flex-direction:column;gap:12px;max-width:1120px;margin:0 auto;display:flex}.cs-top{padding:0 4px 4px}.cs-title{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.cs-lead{color:var(--g600);margin:6px 0 12px;font-size:15px;line-height:1.5}.cs-stats{flex-wrap:wrap;gap:8px;display:flex}.cs-stats span{border:1px solid var(--g200);color:var(--g600);background:#fff;border-radius:12px;align-items:baseline;gap:6px;padding:8px 12px;font-size:12.5px;display:inline-flex}.cs-stats b{color:var(--g900);font-size:16px;font-weight:800}.cs-card{border:1px solid var(--g200);box-sizing:border-box;background:#fff;border-radius:20px;min-width:0;padding:18px 18px 14px}.cs-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.cs-h h2{margin:0;font-size:18px;font-weight:700}.cs-badge{color:var(--g600);background:var(--g100);border-radius:999px;padding:4px 10px;font-size:12px}.cs-tabs{gap:6px;display:flex}.cs-tabs button,.cs-sort button,.cs-more{border:1px solid var(--g200);color:var(--g700);height:34px;font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:0 14px;font-size:14px;font-weight:700}.cs-tabs button.on{background:var(--g900);border-color:var(--g900);color:#fff}.cs-sort{gap:4px;display:flex}.cs-sort button{height:28px;padding:0 10px;font-size:12.5px;font-weight:600}.cs-sort button.on{border-color:var(--blue);color:var(--blue);background:#edf3fe}.cs-key{color:var(--g600);margin:4px 0 6px;font-size:12.5px;line-height:1.5}.cs-key b{color:var(--g900)}.cs-row{border:0;border-bottom:1px solid var(--g100);text-align:left;width:100%;min-height:50px;font:inherit;color:inherit;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1.2fr) 108px 118px 70px minmax(110px,1fr) 108px 52px;align-items:center;gap:10px;padding:6px 4px;display:grid}.cs-row:hover{background:var(--g50)}.cs-row.on{background:#f5f9ff}.cs-row.none{opacity:.55}.cs-hd{cursor:default;min-height:30px;color:var(--g500);font-size:11.5px}.cs-hd:hover{background:0 0}.cs-nm{flex-direction:column;min-width:0;display:flex}.cs-nm b{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.cs-nm small,.cs-now small,.cs-tg small{color:var(--g500);font-size:11.5px}.cs-now,.cs-tg{flex-direction:column;align-items:flex-end;display:flex}.cs-now b,.cs-tg b{font-size:14px;font-weight:700}.cs-tg b{color:var(--g800)}.cs-up{text-align:right;color:var(--g600);font-size:15px;font-weight:800}.cs-hd .cs-up{color:var(--g500);font-size:11.5px;font-weight:400}.up{color:var(--up)!important}.dn{color:var(--dn)!important}.cs-bar{height:22px;display:block;position:relative}.cs-bar:before{content:"";background:var(--g100);border-radius:1px;height:2px;position:absolute;top:10px;left:0;right:0}.cs-bar .rng{background:#d6e6fd;border-radius:4px;height:8px;position:absolute;top:7px}.cs-bar .avg{background:var(--blue);border-radius:2px;width:3px;height:14px;margin-left:-1.5px;position:absolute;top:4px}.cs-bar .now{background:var(--g900);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:6px;box-shadow:0 0 0 2px #fff}.cs-barhd{align-items:center;gap:4px;display:inline-flex}.cs-barhd .dot{background:var(--g900);border-radius:50%;width:8px;height:8px;margin-left:6px}.cs-op{color:var(--g600);flex-direction:column;gap:3px;font-size:11.5px;display:flex}.cs-op em{font-style:normal}.cs-op em.big{color:var(--g800);font-size:13px;font-weight:700}.cs-opbar{background:var(--g100);border-radius:3px;height:6px;display:flex;overflow:hidden}.cs-opbar .b{background:#f04452}.cs-opbar .h{background:var(--g300)}.cs-opbar .s{background:#3182f6}.cs-wk{justify-content:flex-end;gap:4px;font-size:12px;font-weight:700;display:flex}.cs-wk i{font-style:normal}.cs-detail{border-bottom:1px solid var(--g200);background:#fbfdff;padding:8px 6px 12px 14px}.cs-rep{border-bottom:1px dashed var(--g100);grid-template-columns:40px 104px 168px 76px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:32px;font-size:13px;display:grid}.cs-rep .d{color:var(--g500);font-size:12px}.cs-rep .f{color:var(--g700);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.cs-rep .t s,.cs-chg .t s{color:var(--g400)}.cs-rep .t b{font-weight:800}.cs-rep .o,.cs-trow .o{white-space:nowrap;border-radius:999px;justify-self:start;padding:2px 8px;font-size:11.5px;font-weight:700}.o.b{color:#e03131;background:#fdecee}.o.h{background:var(--g100);color:var(--g700)}.o.s{color:#1b64da;background:#e8f1fe}.cs-rep .s{color:var(--g700);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cs-pdf{color:var(--blue);white-space:nowrap;border:1px solid #c9dcfd;border-radius:8px;justify-self:end;padding:2px 8px;font-size:12px;font-weight:700;text-decoration:none}.cs-pdf:hover{background:#edf3fe}.cs-note,.cs-foot{color:var(--g500);margin:8px 0 0;font-size:12px;line-height:1.5}.cs-empty{color:var(--g500);margin:10px 0;font-size:13px}.cs-two{grid-template-columns:1fr;gap:12px;display:grid}.cs-chg{border-bottom:1px solid var(--g100);grid-template-columns:minmax(0,1fr) auto 64px 44px;align-items:center;gap:8px;min-height:44px;font-size:13.5px;display:grid}.cs-chg .nm{flex-direction:column;min-width:0;display:flex}.cs-chg .nm b{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.cs-chg .nm small{color:var(--g500);font-size:11.5px}.cs-chg .t b{font-weight:800}.cs-chg .p{text-align:right;font-weight:800}.cs-chg .p.up{color:var(--up)}.cs-chg .p.dn{color:var(--dn)}.cs-today{grid-template-columns:1fr;column-gap:28px;display:grid}.cs-trow{border-bottom:1px solid var(--g100);grid-template-columns:128px 92px 70px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:40px;font-size:13px;display:grid}.cs-trow .nm{flex-direction:column;min-width:0;display:flex}.cs-trow .nm b{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.cs-trow .nm small{color:var(--g500);font-size:11px}.cs-trow .tg{text-align:right;font-weight:700}.cs-trow .tg i{margin-right:3px;font-size:10px;font-style:normal}.cs-trow .tt{color:var(--g700);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cs-more{height:32px;margin-top:10px;font-size:13px}.cs-src{color:var(--g500);margin:4px 4px 0;font-size:12px;line-height:1.6}@media (min-width:900px){.cs-two{grid-template-columns:1fr 1fr}}@media (max-width:760px){.cs-title{font-size:24px}.cs-card{padding:16px 12px 12px}.cs-row{grid-template-columns:minmax(0,1fr) 84px 88px 56px;gap:6px}.cs-row .cs-bar,.cs-row .cs-op,.cs-row .cs-wk,.cs-hd .cs-barhd{display:none}.cs-now b,.cs-tg b{font-size:13px}.cs-up{font-size:13.5px}.cs-rep{grid-template-columns:34px minmax(0,1fr) auto 40px;row-gap:2px;padding:4px 0}.cs-rep .o{display:none}.cs-rep .s{white-space:normal;color:var(--g600);grid-column:1/-1;font-size:12.5px}.cs-trow{grid-template-columns:minmax(0,1fr) 84px 40px}.cs-trow .o{display:none}.cs-trow .tt{color:var(--g600);white-space:normal;grid-column:1/-1;margin-top:-6px;padding-bottom:6px;font-size:12.5px}.cs-sort{width:100%;overflow-x:auto}.cs-rep .s,.cs-trow .tt{order:9}.cs-stats{grid-template-columns:1fr 1fr;display:grid}}