header nav{gap:30px;font-size:15px}header nav a{font-weight:600}.market-strip{max-width:1200px;margin:17px auto 0}.market-ticker{display:flex;align-items:center;gap:16px;width:100%;min-height:49px;padding:12px 18px;background:#0b0b0b;border:1px solid #302c28;border-radius:7px;color:#eee;font:12px Manrope,'Noto Sans KR',sans-serif;cursor:pointer;text-align:left}.market-indicator{height:6px;width:6px;background:#fc7a14;border-radius:50%;flex-shrink:0}.market-ticker-name{color:#b3a69a;min-width:100px;font-size:11px}.market-ticker-price{font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.3px}.market-ticker-sub{font-size:11px;color:#b5b5b5}.market-more{margin-left:auto;font-size:10px;color:#d8a171;white-space:nowrap}.market-ticker:hover{border-color:#87522c}.market-dialog{padding:0;border:1px solid #634326;border-radius:15px;background:#0e0e0e;color:#f2f2f2;width:500px;max-width:calc(100vw - 32px);max-height:85dvh;overflow:auto;box-shadow:0 20px 90px #000a}.market-dialog::backdrop{background:#0009}.market-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px;border-bottom:1px solid #302820}.market-dialog-head>div>span{font-size:9px;color:#c8986e;letter-spacing:2px}.market-dialog-head h2{font-size:23px;line-height:1.5;margin:9px 0 0;letter-spacing:-1px}.market-close{width:36px;height:36px;border:1px solid #5d4735;border-radius:50%;color:#ddd;background:none;font-size:25px;cursor:pointer;flex-shrink:0}.market-dialog-body{padding:23px}.market-quotes{display:grid;gap:12px}.market-quote{padding:18px;border:1px solid #333;border-radius:8px;background:#141414;display:flex;justify-content:space-between;align-items:center;gap:20px}.market-quote-label{font-size:12px;color:#e3d0bf}.market-quote-label small{display:block;font-size:9px;color:#8f8f8f;margin-top:8px}.market-quote-values{text-align:right;min-width:0}.market-quote-values strong{display:block;font-size:23px;color:#ffb77b;font-variant-numeric:tabular-nums;line-height:1.6}.market-quote-values>span{display:block;font-size:12px;color:#c7c7c7;line-height:1.8}.market-quote-values>small{display:block;font-size:9px;color:#888;margin-top:7px}.market-refresh-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.market-fetch-status{font-size:10px;line-height:1.8;color:#aaa}.market-refresh{background:#fc7a140c;border:1px solid #6d492c;border-radius:5px;color:#eabb93;font:11px/1.7 Manrope,'Noto Sans KR',sans-serif;padding:9px 12px;cursor:pointer;flex-shrink:0}.market-refresh:disabled{opacity:.5}.market-source{font-size:10px;line-height:1.9;color:#868686;margin:17px 0 0}.market-panel-open{overflow:hidden}.market-ticker:focus-visible,.market-dialog button:focus-visible{outline:2px solid #fc9e50;outline-offset:3px}@media(max-width:1250px){.market-strip{margin-left:40px;margin-right:40px}}@media(max-width:800px){header nav{font-size:13px;gap:22px}.market-strip{margin:14px 16px 0}.market-ticker{gap:10px;padding:12px;flex-wrap:wrap;min-height:62px}.market-ticker-name{min-width:0;font-size:10px}.market-ticker-price{font-size:14px;margin-left:auto}.market-ticker-sub{font-size:10px;flex-basis:64%;padding-left:16px}.market-more{font-size:9px}.market-dialog{max-width:calc(100vw - 24px)}.market-dialog-head{padding:20px}.market-dialog-head h2{font-size:21px}.market-dialog-body{padding:17px}.market-quote{padding:15px;gap:12px}.market-quote-values strong{font-size:20px}.market-quote-label{font-size:11px}.market-quote-values>span{font-size:11px}.market-refresh-row{gap:10px}.market-fetch-status{font-size:9px}.market-source{font-size:9px}}@media(max-width:359px){header nav{font-size:12px;gap:16px}.market-quote{padding:12px}.market-quote-values strong{font-size:18px}.market-quote-label{font-size:10px}.market-refresh{font-size:10px}}

.market-strip{--market-row-height:82px}.market-ticker{padding:0 16px;flex-wrap:nowrap;gap:12px;overflow:hidden}.market-vertical-viewport{height:var(--market-row-height);overflow:hidden;flex:1;min-width:0}.market-vertical-track{transition:transform .4s ease;will-change:transform}.market-vertical-row{height:var(--market-row-height);display:flex;align-items:center;gap:14px;min-width:0}.market-nasdaq-widget{width:100%;min-width:0;pointer-events:none}.market-nasdaq-widget iframe{pointer-events:none}.market-nasdaq-widget .tradingview-widget-container{height:72px}.market-ticker .market-more{flex-shrink:0}.market-tv-credit{display:block;text-align:right;color:#777;font-size:8px;margin-top:5px}.market-nasdaq-quote{display:block}.market-panel-nasdaq{min-height:72px;margin-top:8px}.market-nasdaq-quote .tradingview-widget-container{min-height:72px}.market-dialog{max-height:90dvh}.market-vertical-row .market-ticker-sub{font-size:10px}@media(max-width:800px){.market-strip{--market-row-height:92px}.market-ticker{padding:0 10px;gap:8px}.market-vertical-row{flex-wrap:wrap;align-content:center;column-gap:8px;row-gap:6px}.market-vertical-row .market-ticker-price{font-size:13px;margin-left:auto}.market-vertical-row .market-ticker-name{font-size:10px}.market-vertical-row .market-ticker-sub{flex-basis:100%;padding-left:14px;font-size:9px}.market-more{font-size:8px}.market-dialog{max-height:90dvh}.market-vertical-row .market-nasdaq-widget{width:100%}}@media(prefers-reduced-motion:reduce){.market-vertical-track{transition:none}}
.market-strip{--market-row-height:44px;margin-top:10px}.market-ticker{min-height:0;padding:0 14px}.market-vertical-row{gap:12px}.market-details[hidden]{display:none}.market-details{margin-top:8px;border:1px solid #453426;border-radius:8px;background:#0e0e0e;color:#eee;overflow:hidden}.market-details .market-dialog-head{padding:14px 18px}.market-details .market-dialog-head h2{font-size:17px;margin:3px 0 0}.market-details .market-dialog-head>div>span{font-size:8px}.market-details .market-close{width:auto;height:auto;border-radius:5px;padding:7px 10px;font-size:11px;white-space:nowrap}.market-details .market-dialog-body{padding:16px}.market-details .market-quotes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.market-details .market-quote{padding:14px;gap:10px;min-width:0}.market-details .market-quote-values strong{font-size:20px}.market-details .market-quote-values{overflow-wrap:anywhere}.market-details .market-refresh-row{margin-top:14px}.market-details .market-source{margin-top:10px}.market-nasdaq-widget{height:40px;overflow:hidden;position:relative}.market-nasdaq-widget .tradingview-widget-container{height:72px;transform:translateY(-15px)}.market-details button:focus-visible{outline:2px solid #fc9e50;outline-offset:2px}.market-tv-credit{font-size:8px;margin-top:3px}.market-details .market-nasdaq-quote{grid-column:1/-1}@media(max-width:800px){.market-strip{--market-row-height:54px;margin-top:9px}.market-vertical-row{row-gap:3px;column-gap:7px}.market-ticker{padding:0 10px;gap:8px}.market-vertical-row .market-ticker-name{font-size:10px}.market-vertical-row .market-ticker-sub{font-size:9px}.market-more{font-size:9px}.market-details .market-quotes{grid-template-columns:1fr}.market-details .market-dialog-head{padding:12px}.market-details .market-dialog-body{padding:12px}.market-details .market-quote{padding:12px}.market-details .market-quote-values strong{font-size:18px}.market-nasdaq-widget{height:48px}.market-nasdaq-widget .tradingview-widget-container{transform:translateY(-12px)}}
/* Compact inline quote list inside the original strip. */
.market-strip{position:relative;background:#0b0b0b;border:1px solid #302c28;border-radius:7px;margin-bottom:17px}.market-ticker{border:0;background:transparent}.market-tv-credit{position:absolute;right:0;top:100%;margin-top:3px}.market-details{border:0;border-radius:0;background:transparent;margin:0}.market-details .market-dialog-head{display:none}.market-details .market-dialog-body{padding:0 14px 10px}.market-details .market-quotes{display:flex;flex-direction:column;gap:0}.market-details .market-quote{border:0;border-top:1px solid #27231f;border-radius:0;background:transparent;padding:10px 0;display:flex;align-items:center;gap:16px}.market-details .market-quote[hidden],.market-vertical-row[hidden]{display:none}.market-quote-label{min-width:115px;font-size:11px}.market-details .market-quote-label small{display:none}.market-details .market-quote-values{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex:1}.market-details .market-quote-values strong{font-size:14px;line-height:1.5;color:#eee}.market-details .market-quote-values>span{font-size:10px}.market-details .market-quote-values>small{display:none}.market-details .market-nasdaq-quote{order:10;padding:0;min-height:64px}.market-details .market-nasdaq-quote>.market-quote-label{display:none}.market-panel-nasdaq{margin:0;width:100%;min-height:64px}.market-details .market-refresh-row{margin-top:4px}.market-details .market-refresh{padding:3px 7px;font-size:9px}.market-details .market-fetch-status{font-size:9px}.market-details .market-source{font-size:8px;line-height:1.6;margin-top:7px}.market-expanded .market-vertical-viewport{display:none}.market-expanded .market-ticker{height:32px}.market-expanded .market-ticker:before{content:'전체 시세';font-size:10px;color:#b3a69a}.market-expanded .market-more{margin-left:auto}@media(max-width:800px){.market-details .market-dialog-body{padding:0 10px 8px}.market-details .market-quote{padding:9px 0;gap:8px}.market-quote-label{min-width:88px;font-size:10px}.market-details .market-quote-values{flex-wrap:wrap;column-gap:7px;row-gap:1px}.market-details .market-quote-values strong{font-size:12px}.market-details .market-quote-values>span{font-size:9px}.market-details .market-quote:first-child .market-quote-values>span{flex-basis:100%;text-align:right}.market-details .market-source{font-size:8px}.market-strip{margin-bottom:18px}}
.market-details .market-nasdaq-quote>.market-quote-label{display:block;min-width:100px;font-size:10px}.market-details .market-panel-nasdaq{flex:1;min-width:0;height:72px;min-height:72px;overflow:hidden}.market-details .market-nasdaq-quote{min-height:72px}.market-details .market-panel-nasdaq .tradingview-widget-container{height:72px!important;min-height:72px}.market-details .market-source{max-width:100%}
/* The tape format keeps the Nasdaq price and percentage on one line. */
.market-details .market-nasdaq-quote{height:46px;min-height:46px;padding:0;gap:8px}.market-details .market-panel-nasdaq{height:46px;min-height:46px;flex:1;overflow:hidden}.market-details .market-panel-nasdaq .tradingview-widget-container{height:46px!important;min-height:46px;transform:none}.market-nasdaq-widget{height:44px}.market-nasdaq-widget .tradingview-widget-container{height:46px;transform:none}.market-details .market-nasdaq-quote>.market-quote-label{display:none}.market-details .market-panel-nasdaq{width:100%}@media(max-width:800px){.market-nasdaq-widget{height:46px}.market-nasdaq-widget .tradingview-widget-container{transform:none}}
.market-panel-nasdaq tv-ticker-tape,.market-nasdaq-widget tv-ticker-tape{display:block;width:100%;height:46px;color-scheme:dark}
.market-details .market-nasdaq-quote>.market-quote-label{display:block;min-width:110px}.market-details .market-panel-nasdaq{display:flex;justify-content:flex-end;align-items:center}.market-details .market-panel-nasdaq tv-ticker-tape{max-width:310px;flex:1}.market-nasdaq-widget tv-ticker-tape{max-width:400px}@media(max-width:800px){.market-details .market-nasdaq-quote>.market-quote-label{display:none}.market-details .market-panel-nasdaq tv-ticker-tape{max-width:100%}}
.market-change{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.5}.market-change[hidden]{display:none}.market-change[data-direction=up]{color:#00c99b}.market-change[data-direction=down]{color:#ff3d54}.market-change[data-direction=flat]{color:#999}.market-details .market-quote-values>.market-change{font-size:12px}.market-vertical-row .market-change{flex-shrink:0}.market-details .market-quote-values{column-gap:10px}@media(max-width:800px){.market-change,.market-details .market-quote-values>.market-change{font-size:11px}.market-vertical-row .market-ticker-price{margin-left:auto}.market-vertical-row .market-change{font-size:10px}.market-details .market-quote-values>span{flex-basis:100%;text-align:right}.market-details .market-quote-values{column-gap:6px}.market-details .market-quote-values strong{font-size:12px}}
/* Blend the Nasdaq provider component with the native quote typography. */
.market-strip{--tv-widget-font-family:Manrope,'Noto Sans KR',sans-serif;--tv-widget-background-color:transparent;--tv-widget-border-color:transparent;--tv-widget-price-text-color:#eee;--tv-widget-text-color:#eee;--tv-widget-text-secondary-color:#b5b5b5;--tv-widget-positive-color:#00c99b;--tv-widget-negative-color:#ff3d54;--tv-widget-hover-background-color:transparent}.market-details .market-nasdaq-quote{height:42px;min-height:42px}.market-details .market-panel-nasdaq{height:42px;min-height:42px;overflow:visible}.market-details .market-panel-nasdaq tv-ticker-tape{zoom:.78;max-width:360px;height:48px}.market-details .market-nasdaq-quote>.market-quote-label{font:11px Manrope,'Noto Sans KR',sans-serif;min-width:115px;color:#e3d0bf}.market-nasdaq-widget tv-ticker-tape{zoom:.78;height:48px;max-width:450px}@media(max-width:800px){.market-details .market-nasdaq-quote>.market-quote-label{display:block;min-width:82px;font-size:10px}.market-details .market-panel-nasdaq tv-ticker-tape{max-width:100%;zoom:.7}.market-details .market-nasdaq-quote{gap:0}.market-nasdaq-widget tv-ticker-tape{zoom:.72}}
.market-strip{--tv-widget-attribution-border-color:transparent}.market-panel-nasdaq tv-ticker-tape,.market-nasdaq-widget tv-ticker-tape{--tv-widget-attribution-border-color:transparent;--tv-widget-background-color:transparent;--tv-widget-border-color:transparent}
/* Use the same row grid and reserve the provider credit inside its row. */
.market-details .market-quote{min-height:48px;box-sizing:border-box}.market-details .market-nasdaq-quote{height:48px;min-height:48px;align-items:center;gap:8px}.market-details .market-nasdaq-quote>.market-quote-label{min-width:115px;flex-shrink:0}.market-details .market-panel-nasdaq{height:48px;min-height:0;min-width:0;width:auto;margin:0;flex:1;display:flex;align-items:center;justify-content:flex-end;overflow:visible}.market-details .market-panel-nasdaq tv-ticker-tape{flex:0 0 330px;width:330px;max-width:330px;height:60px;zoom:.72}.market-details .market-refresh-row{margin-top:10px}.market-details .market-quote-label{line-height:1.5}.market-details .market-nasdaq-quote>.market-quote-label{line-height:1.5}@media(max-width:800px){.market-details .market-quote{min-height:54px}.market-details .market-nasdaq-quote{height:54px;min-height:54px;gap:2px}.market-details .market-nasdaq-quote>.market-quote-label{min-width:88px;flex-basis:88px;line-height:1.5}.market-details .market-panel-nasdaq{height:54px}.market-details .market-panel-nasdaq tv-ticker-tape{flex:0 1 330px;width:330px;max-width:100%;height:68px;zoom:.68}.market-details .market-refresh-row{margin-top:7px}}@media(max-width:359px){.market-details .market-nasdaq-quote>.market-quote-label{min-width:76px;flex-basis:76px;font-size:9px}.market-details .market-panel-nasdaq tv-ticker-tape{zoom:.62}}
/* Size the single-symbol component to its content, then align it with quote values. */
.market-details .market-panel-nasdaq{justify-content:flex-end;flex:1;min-width:0;overflow:visible}.market-details .market-panel-nasdaq tv-ticker-tape{flex:none;width:236px;max-width:none;height:64px;zoom:.76}.market-details .market-nasdaq-quote{height:54px;min-height:54px;gap:8px}.market-details .market-nasdaq-quote>.market-quote-label{flex:0 0 115px;min-width:0}.market-details .market-refresh-row{margin-top:12px}@media(max-width:800px){.market-details .market-panel-nasdaq tv-ticker-tape{flex:none;width:236px;max-width:none;height:68px;zoom:.72}.market-details .market-nasdaq-quote{gap:4px}.market-details .market-nasdaq-quote>.market-quote-label{flex:0 0 88px;min-width:0}.market-details .market-refresh-row{margin-top:9px}}@media(max-width:359px){.market-details .market-nasdaq-quote>.market-quote-label{flex-basis:76px}.market-details .market-panel-nasdaq tv-ticker-tape{zoom:.68}}
.market-details .market-panel-nasdaq tv-ticker-tape{width:292px;zoom:.76}@media(max-width:800px){.market-details .market-panel-nasdaq tv-ticker-tape{width:292px;zoom:.7}}@media(max-width:359px){.market-details .market-panel-nasdaq tv-ticker-tape{zoom:.6}}

.market-nasdaq-ticker{flex-wrap:nowrap}
.market-nasdaq-ticker .market-ticker-name{flex-shrink:0}
.market-nasdaq-widget{flex:1;width:auto;display:flex;align-items:center}
.market-vertical-row .market-change{min-width:6ch;text-align:right}
@media(min-width:801px){
  .market-vertical-row .market-ticker-price{min-width:110px}
}
@media(max-width:800px){
  .market-vertical-row.market-nasdaq-ticker .market-nasdaq-widget{width:auto}
}
.market-ticker-value{display:inline-flex;align-items:baseline;gap:12px;white-space:nowrap}
@media(max-width:800px){
  .market-ticker-value{margin-left:auto;gap:7px}
}
@media(max-width:800px){
}
@media(max-width:800px){
  .market-vertical-row:not(.market-nasdaq-ticker){position:relative;flex-wrap:nowrap}
  .market-vertical-row:not(.market-nasdaq-ticker) .market-ticker-sub{position:absolute;left:14px;bottom:2px;padding:0}
}
.market-ticker-label{display:contents}
@media(min-width:801px){.market-ticker-label .market-ticker-sub{order:1}}
@media(max-width:800px){
  .market-ticker-label{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;line-height:1.2}
  .market-vertical-row:not(.market-nasdaq-ticker) .market-ticker-sub{position:static;flex-basis:auto;padding:0;overflow-wrap:anywhere}
  .market-ticker-value{flex:none}
}