.ocpage{--bg:#f9fafb;--card:#fff;--g900:#191f28;--g700:#4e5968;--g600:#6b7684;--g500:#8b95a1;--g200:#e5e8eb;--g100:#f2f4f6;--blue:#3182f6;--up:#f04452;--dn:#3182f6;--base:#ff9500;--mint:#97fce4;background:var(--bg);min-height:100vh;color:var(--g900);font-variant-numeric:tabular-nums;word-break:keep-all;font-family:Pretendard Variable,Pretendard,-apple-system,system-ui,sans-serif}.ocwrap{max-width:1120px;margin:0 auto;padding:26px 18px 54px}.oc-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.oc-title{letter-spacing:-.02em;align-items:center;gap:8px;font-size:27px;font-weight:800;display:inline-flex}.oc-title b{font-weight:800;position:relative}.oc-title b:after{content:"";background:var(--mint);z-index:-1;border-radius:3px;height:9px;position:absolute;bottom:1px;left:-2px;right:-2px}.oc-title span{color:var(--g700);font-weight:700}.oc-drop{width:23px;height:23px}.oc-links{align-items:center;gap:7px;display:flex}.oc-hop,.oc-back{color:var(--g600);border:1px solid var(--g200);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;text-decoration:none}.oc-hop{color:var(--blue);background:#f4f8ff;border-color:#cfe0fb}.oc-lead{color:var(--g700);margin:12px 0 0;font-size:15px;line-height:1.55}.oc-head{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.oc-stat{background:var(--card);border:1px solid var(--g200);border-radius:18px;padding:15px 17px}.oc-stat span{color:var(--g600);font-size:12.5px;font-weight:600;display:block}.oc-stat b{letter-spacing:-.02em;margin-top:6px;font-size:23px;font-weight:800;display:block}.oc-stat em{color:var(--g500);margin-top:3px;font-size:12px;font-style:normal;display:block}.oc-open b{color:#0f9960}.oc-shut b{color:var(--g900)}.oc-tabs{flex-wrap:wrap;gap:6px;margin:22px 0 10px;display:flex}.oc-tab{border:1px solid var(--g200);color:var(--g700);cursor:pointer;background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}.oc-tab.on{background:var(--g900);border-color:var(--g900);color:#fff}.oc-tab i{opacity:.55;margin-left:5px;font-style:normal;font-weight:600}.octbl{background:var(--card);border:1px solid var(--g200);border-radius:20px;overflow:hidden}.octbl table{border-collapse:collapse;width:100%}.octbl th,.octbl td{text-align:right;white-space:nowrap;padding:13px 14px;font-size:14px}.octbl th{color:var(--g600);background:var(--g100);border-bottom:1px solid var(--g200);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12.5px;font-weight:700}.octbl th.l,.octbl td.l{text-align:left}.octbl th.on{color:var(--g900)}.octbl th.on:after{content:" ↓"}.octbl tbody tr+tr td{border-top:1px solid var(--g100)}.octbl tbody tr:hover td{background:#fbfcfd}.oc-nm{font-weight:700}.oc-tk{color:var(--g500);letter-spacing:.02em;margin-top:2px;font-size:11.5px;font-weight:600;display:block}.oc-px{font-weight:700}.up{color:var(--up)}.dn{color:var(--dn)}.flat,.oc-mut{color:var(--g500)}.oc-foot{color:var(--g500);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:14px;font-size:12.5px;display:flex}.ocpage.oc-embedpage{min-height:0}.oc-embedpage .ocwrap{padding:14px 14px 18px}.oc-embedpage .oc-top,.oc-embedpage .oc-lead{display:none}.oc-embedpage .oc-head{margin-top:0}@media (max-width:860px){.oc-head{grid-template-columns:repeat(2,1fr)}.oc-pick{grid-template-columns:1fr}.octbl th:nth-child(5),.octbl td:nth-child(5),.octbl th:nth-child(6),.octbl td:nth-child(6){display:none}.octbl th,.octbl td{padding:11px 10px;font-size:13.5px}.ocwrap{padding:18px 13px 40px}.oc-title{font-size:22px}}@media (prefers-color-scheme:dark){.ocpage{--bg:#0e1217;--card:#151a21;--g900:#eceff3;--g700:#aeb7c4;--g600:#8e99a8;--g500:#77828f;--g200:#252c36;--g100:#1b212a}.octbl tbody tr:hover td{background:#171d25}.oc-hop,.oc-back{background:#151a21}.oc-hop{background:#15213a;border-color:#27405f}.oc-tab{background:#151a21}.oc-tab.on{color:#0e1217;background:#eceff3;border-color:#eceff3}}.oc-pickhd{color:var(--g600);margin:18px 0 8px;font-size:13px;font-weight:700}.oc-more{background:var(--card);border:1px solid var(--g200);width:100%;color:var(--g700);cursor:pointer;border-radius:16px;margin-top:10px;padding:13px 0;font-size:13.5px;font-weight:700;display:block}.oc-more:hover{background:var(--g100)}.oc-embedpage .oc-head{grid-template-columns:1fr 1fr}.oc-embedpage .oc-pickhd{margin-top:12px}.oc-sec{margin-top:26px}.oc-sec.sm{margin-top:0}.oc-sech{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:800}.oc-secp{color:var(--g600);margin:5px 0 0;font-size:12.5px;line-height:1.5}.oc-sec>div,.oc-sec>button{margin-top:12px}.oc-gaps{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.oc-gap{background:var(--card);border:1px solid var(--g200);border-radius:18px;padding:16px 18px}.oc-gapnm{align-items:baseline;gap:7px;display:flex}.oc-gapnm b{font-size:16px;font-weight:700}.oc-gapnm span{color:var(--g500);letter-spacing:.02em;font-size:11.5px;font-weight:600}.oc-bar{background:var(--g100);border-radius:999px;height:10px;margin:12px 0 9px;display:block;position:relative;overflow:hidden}.oc-bar i{position:absolute;top:0;bottom:0}.oc-bar i.up{background:var(--up);border-radius:0 999px 999px 0}.oc-bar i.dn{background:var(--dn);border-radius:999px 0 0 999px}.oc-bar b{background:var(--base);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.oc-gapv{letter-spacing:-.025em;font-size:27px;font-weight:800}.oc-gapv em{margin-left:6px;font-size:13px;font-style:normal;font-weight:700}.oc-gapsub{color:var(--g500);margin-top:4px;font-size:12.5px}.oc-vol{background:var(--card);border:1px solid var(--g200);border-radius:18px;padding:8px 16px}.oc-volrow{grid-template-columns:170px 1fr 92px 78px;align-items:center;gap:12px;padding:11px 0;display:grid}.oc-volrow+.oc-volrow{border-top:1px solid var(--g100)}.oc-volnm b{font-size:14px;font-weight:700}.oc-volnm i{color:var(--g500);margin-top:2px;font-size:11px;font-style:normal;font-weight:600;display:block}.oc-volbar{background:var(--g100);border-radius:999px;height:9px;display:block;overflow:hidden}.oc-volbar i{background:var(--blue);border-radius:999px;height:100%;display:block}.oc-volv{text-align:right;font-size:14px;font-weight:700}.oc-volc{text-align:right;font-size:13.5px;font-weight:600}.oc-two{grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;display:grid}.oc-mv{background:var(--card);border:1px solid var(--g200);border-radius:18px;padding:6px 16px}.oc-mvrow{grid-template-columns:1fr 78px 72px;align-items:center;gap:8px;padding:10px 0;font-size:13.5px;font-weight:600;display:grid}.oc-mvrow+.oc-mvrow{border-top:1px solid var(--g100)}.oc-mvrow span:nth-child(2),.oc-mvrow span:nth-child(3){text-align:right}.oc-mvnm i{color:var(--g500);margin-left:6px;font-size:11px;font-style:normal;font-weight:600}.oc-cls{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.oc-clscard{background:var(--card);border:1px solid var(--g200);border-radius:18px;padding:14px 16px}.oc-clshd{border-bottom:1px solid var(--g100);justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:9px;display:flex}.oc-clshd b{font-size:14px;font-weight:800}.oc-clshd span{color:var(--g500);font-size:11.5px;font-weight:600}.oc-clsrow{justify-content:space-between;gap:8px;padding:8px 0;font-size:13px;font-weight:600;display:flex}.oc-clsrow+.oc-clsrow{border-top:1px solid var(--g100)}.oc-clsmore{width:100%;color:var(--g500);cursor:pointer;text-align:left;background:0 0;border:0;margin-top:6px;padding:6px 0 2px;font-size:12px;font-weight:700}.oc-clsmore:hover{color:var(--blue)}@media (max-width:860px){.oc-gaps{grid-template-columns:1fr}.oc-cls{grid-template-columns:1fr 1fr}.oc-two{grid-template-columns:1fr}.oc-volrow{grid-template-columns:1fr 86px 68px}.oc-volbar{display:none}}.oc-embedpage .oc-sec{margin-top:14px}.oc-embedpage .oc-sech{font-size:15px}.oc-embedpage .oc-gaps{grid-template-columns:1fr}.oc-embedpage .oc-stat{border-radius:14px;padding:11px 13px}.oc-embedpage .oc-stat b{letter-spacing:-.01em;font-size:17px}.oc-embedpage .oc-stat span{font-size:11.5px}.oc-embedpage .oc-stat em{font-size:11px}.oc-embedpage .oc-gap{border-radius:14px;padding:11px 13px}.oc-embedpage .oc-gapv{font-size:22px}.oc-embedpage .oc-gapsub{font-size:11.5px}.oc-embedpage .oc-gaps{gap:8px}.oc-embedpage .oc-vol{border-radius:14px;padding:4px 13px}.oc-embedpage .oc-volrow{grid-template-columns:1fr 74px 60px;gap:8px;padding:9px 0}.oc-embedpage .oc-volnm b{font-size:13px}.oc-embedpage .oc-foot{font-size:11px}
