@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap");:root{--bg:#ffffff;--card:#fff;--line:#e9edf3;--text:#292b31;--muted:#777b83;--blue:#bf2032;--red:#ee4d67;--cyan:#39b5b6}body{background:#ffffff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,Noto Sans KR,sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app{min-height:100vh}.header{height:66px;background:#fff;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);gap:25px}.brand,.header{display:flex;align-items:center}.brand{gap:9px;font-size:19px;font-weight:800;letter-spacing:-.9px;white-space:nowrap}.mark{width:30px;height:30px;background:#777b83;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:900}.nav{display:flex;align-items:center;gap:27px;height:100%}.nav button{border:0;background:none;color:#8b94a4;font-weight:600;height:100%;white-space:nowrap}.nav button.active{color:#bf2032;border-bottom:2px solid #777b83}.headerRight{gap:16px}.headerRight,.searchTop{display:flex;align-items:center}.searchTop{background:#f5f7fb;border:1px solid #eef0f4;border-radius:10px;padding:10px 15px;color:#8290a3;min-width:240px;gap:10px}.avatar{width:31px;height:31px;background:#f5f5f6;color:#4e67ca;border-radius:50%;display:grid;place-items:center;font-weight:800}.wrap{max-width:1750px;margin:0 auto;padding:22px 25px}.banner{background:linear-gradient(110deg,#292b31,#bf2032);color:white;border-radius:12px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.banner span{opacity:.77}.topline{justify-content:space-between;gap:15px;margin-bottom:17px}.symbolInfo,.topline{display:flex;align-items:center}.symbolInfo{gap:12px}.symbolIcon{width:47px;height:47px;background:#bf2032;color:#fff;border-radius:13px;display:grid;place-items:center;font-size:10px;font-weight:800;letter-spacing:-.5px}.symbolTitle{font-size:19px;font-weight:800;letter-spacing:-.6px}.sub{font-size:12px;color:var(--muted);font-weight:500}.priceRow{display:flex;align-items:center;gap:12px;margin-top:3px}.bigPrice{font-size:24px;font-weight:800;letter-spacing:-.7px}.down{color:#4263eb}.up{color:#ec4f67}.stats{display:flex;gap:0}.stat{padding:0 20px;border-left:1px solid #e5e9f0}.stat div{font-size:11px;color:#8c96a7;margin-bottom:6px}.stat strong{font-size:13px;white-space:nowrap}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);height:44px;margin-bottom:16px}.tabs button{background:none;border:0;font-weight:700;color:#8a95a5;padding:0 6px 13px}.tabs button.selected{color:#777b83;border-bottom:2px solid #777b83}.gridMain{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(270px,.76fr) minmax(270px,.75fr);gap:13px;align-items:stretch}.leftColumn,.middleColumn,.rightColumn{min-width:0;display:flex;flex-direction:column;gap:13px}.panel{background:#fff;border:1px solid #edf0f5;border-radius:13px;box-shadow:0 3px 18px rgba(16,32,66,.025);overflow:hidden}.panelHeading{height:49px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;border-bottom:1px solid #f2f3f7;gap:8px}.panelHeading strong{font-size:14px}.toolbar{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.tool{background:transparent;border:0;border-radius:6px;color:#818b9c;padding:6px 8px;font-size:11px}.tool.chosen{background:#ffffff;color:#777b83;font-weight:800}.chartBody{height:350px;position:relative;padding:8px}.chartArea{height:100%;width:100%}.chartFoot{display:flex;padding:10px 17px;justify-content:space-between;border-top:1px solid #f2f3f7;color:#8d98a7;font-size:11px}.bottomPanels{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tableWrap{padding:13px 14px;min-height:277px}.smallSwitch{display:flex;background:#f2f4f8;padding:3px;border-radius:7px;margin-bottom:14px}.smallSwitch button{flex:1 1;border:0;background:none;border-radius:5px;padding:8px;color:#7c899a;font-size:11px}.smallSwitch button.on{background:#fff;color:#292b31;box-shadow:0 1px 5px #f5f5f6}.tbl{border-collapse:collapse;width:100%;text-align:left;font-size:11px}.tbl th{color:#99a4b1;font-weight:500;border-bottom:1px solid #edf0f4;padding:9px 5px}.tbl td{padding:12px 5px;border-bottom:1px solid #f2f4f7;color:#536176}.tbl td:first-child{color:#6c7689}.progress{height:5px;border-radius:10px;background:#e9edf4;overflow:hidden}.progress span{display:block;height:100%;background:#777b83}.orderbook{padding:6px 11px 15px}.bookMeta{display:flex;justify-content:space-between;color:#9ba6b4;font-size:10px;padding:12px 5px}.bookRow{display:grid;grid-template-columns:1fr 1.2fr 1fr;height:35px;align-items:center;text-align:center;position:relative;font-size:12px}.bookRow .qty{font-size:11px;color:#8e9bb1;position:relative;z-index:1}.bookRow .level{font-weight:800;position:relative;z-index:1}.bookRow .percent{font-size:10px;font-weight:500;margin-left:3px}.bookRow.ask .level{color:#4f72d9}.bookRow.bid .level{color:#e15d73}.bookRow:before{content:"";position:absolute;top:3px;bottom:3px;width:var(--bar);opacity:.43}.bookRow.ask:before{left:0;background:#ffffff}.bookRow.bid:before{right:0;background:#ffe5e9}.bookRow.current{border:1px solid #c6c7cc;background:#f5f7ff;border-radius:5px}.bookSummary{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;margin-top:15px;padding:16px 4px;border-top:1px solid #eef1f5}.bookSummary small{display:block;color:#9aa4b4;font-size:10px;margin-bottom:6px}.bookSummary strong{font-size:12px}.orderContent{padding:15px}.segmented{display:flex;background:#f2f4f8;border-radius:7px;padding:4px;margin-bottom:19px}.segmented button{flex:1 1;border:0;background:none;padding:9px 0;border-radius:5px;color:#8c97a7;font-weight:700}.segmented .buy.active{background:#fff;color:#e94b68;box-shadow:0 1px 6px #ddd}.segmented .sell.active{background:#fff;color:#777b83;box-shadow:0 1px 6px #ddd}.segmented .wait.active{background:#fff;color:#292b31;box-shadow:0 1px 6px #ddd}.fieldLabel{font-size:11px;font-weight:700;color:#58677c;margin:18px 0 8px;display:flex;justify-content:space-between}.fieldLabel span{color:#8b96a8;font-weight:500}.inputWrap{height:40px;border:1px solid #e6eaf1;border-radius:7px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.inputWrap input{min-width:0;width:100%;border:0;outline:0;font-weight:700;background:transparent;color:#28334a;text-align:right}.inputWrap button{background:none;border:0;color:#8593a8;font-size:18px}.percentage{display:flex;gap:6px;margin-top:9px}.percentage button{flex:1 1;background:white;border:1px solid #e9edf2;border-radius:6px;padding:7px 1px;color:#778398;font-size:11px}.percentage button:focus{border-color:#777b83;color:#777b83}.total{display:flex;justify-content:space-between;color:#8c97a5;border-top:1px solid #eef0f5;margin:22px 0 12px;padding-top:16px}.total strong{font-size:17px;color:#2c3750}.orderBtn{width:100%;height:45px;background:#ef4e69;border:0;color:#fff;font-weight:800;border-radius:8px}.orderBtn.sale{background:#777b83}.orderBtn.waiting{background:#bf2032}.disclaimer{font-size:10px;color:#a6afbb;text-align:center;margin:11px 0 2px;line-height:1.6}.portfolio{padding:18px 16px;min-height:207px}.balance{display:flex;justify-content:space-between;align-items:start}.balance h2{margin:7px 0 0;font-size:23px}.labelMuted{color:#9da7b6;font-size:11px}.portfolioStat{display:grid;grid-template-columns:1fr 1fr;margin-top:19px;padding-top:16px;border-top:1px solid #edf0f4}.portfolioStat strong{display:block;margin-top:5px;font-size:14px}.footTicker{margin-top:20px;display:flex;gap:45px;overflow:hidden;white-space:nowrap;padding:18px 7px;color:#788498;font-size:11px;border-top:1px solid #f5f5f6}.footTicker strong{color:#3b4961}.notice{padding:14px 18px;color:#6b778d;font-size:12px}.searchBox{position:relative;display:flex;align-items:center;gap:10px}.searchBox input{border:0;outline:0;background:transparent;width:100%;color:#3c4658}.searchResults{position:absolute;top:44px;right:0;left:0;background:white;box-shadow:0 15px 35px #292b3122;border:1px solid #f5f5f6;border-radius:10px;z-index:5;max-height:280px;overflow:auto}.searchResult{display:flex;justify-content:space-between;padding:12px 14px;border:0;width:100%;background:#fff;text-align:left;color:#34445e}.searchResult:hover{background:#f4f7ff}.modePill{background:#ffffff;padding:6px 10px;border-radius:7px;color:#4462c9;font-size:11px;font-weight:800}.desktopHide{display:none}@media(max-width:1250px){.stats .stat:nth-child(n+4){display:none}.gridMain{grid-template-columns:minmax(0,1.5fr) minmax(245px,.7fr)}.rightColumn{grid-column:1/-1;flex-direction:row}.rightColumn>.panel{flex:1 1}.nav{gap:15px}}@media(max-width:760px){.header{height:56px;padding:0 13px}.brand{font-size:16px}.nav{display:none}.headerRight{gap:8px}.searchTop{min-width:0;width:155px;padding:8px}.wrap{padding:13px}.banner{font-size:11px}.topline{display:block}.stats{margin-top:17px}.stat{padding:0 13px 0 0;margin-right:13px;border-left:0;border-right:1px solid #e5e9f0}.stats .stat:nth-child(n+3){display:none}.tabs{gap:14px;overflow:auto;white-space:nowrap}.gridMain{display:flex;flex-direction:column}.bottomPanels{grid-template-columns:1fr}.rightColumn{flex-direction:column}.chartBody{height:290px}.footTicker{gap:20px}.desktopHide{display:block}.hideMobile{display:none}}@media(min-width:761px){.header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:16px}.header>.brand{justify-self:start;min-width:0}.header>.nav{justify-self:center;display:flex;align-items:center;justify-content:center;gap:27px;white-space:nowrap}.header>.headerRight{justify-self:end;min-width:0}.header>.nav button{font-size:13px;padding:0 6px}}@media(min-width:761px) and (max-width:1100px){.header>.nav{gap:13px}.header>.nav button{font-size:12px;padding:0 3px}.header .searchTop{min-width:0;width:155px}.header .modePill{display:none}}@media(min-width:761px){.header>.nav button{font-family:DM Sans,Noto Sans KR,sans-serif;font-size:13px;font-weight:600;line-height:1.35;letter-spacing:0;color:#777b83;text-decoration:none;white-space:nowrap;box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:100%;padding:0 6px;border:0;border-bottom:2px solid transparent;background:transparent}.header>.nav button.active{color:#bf2032;border-bottom-color:#777b83;font-weight:700}}@media(min-width:761px) and (max-width:1100px){.header>.nav button{font-size:12px;padding:0 3px}}.stockSearchVisible{width:100%!important;min-width:0!important;padding:12px 16px!important;border:1px solid #e8e8ea!important;background:#fff!important;box-sizing:border-box}.stockSearchVisible input{font-size:14px!important}.stockSearchVisible .searchResults{z-index:110!important}@media(min-width:761px){.gridMain{grid-template-columns:minmax(0,1.85fr) minmax(320px,.77fr)}.rightColumn{grid-column:auto;flex-direction:column}.rightColumn>.panel{flex:initial}}@media(min-width:761px) and (max-width:1100px){.gridMain{grid-template-columns:minmax(0,1.4fr) minmax(285px,.8fr)}.rightColumn{grid-column:auto;flex-direction:column}}@media(max-width:760px){.gridMain{display:flex;flex-direction:column}.rightColumn{width:100%;flex-direction:column}}