.mp-page{display:grid;gap:20px;min-width:0}.mp-intro{display:flex;justify-content:space-between;align-items:center;gap:28px;background:linear-gradient(112deg,#17364e,#0b535a);color:#fff;border-radius:16px;padding:28px}.mp-intro h2{font-size:24px;line-height:1.5;margin:8px 0}.mp-intro p{color:#b7d1de;margin:0;font-size:13px}.mp-intro .eyebrow{color:#73d3c4}.mp-start{flex:0 0 212px;display:grid;gap:9px;border-left:1px solid #ffffff24;padding-left:26px;font-size:13px}.mp-start small{color:#b7d1de}.mp-live-dot{width:7px;height:7px;border-radius:50%;background:#6ed9bc;box-shadow:0 0 0 5px #6ed9bc1c}.mp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mp-stats article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px 22px}.mp-stats small{color:var(--muted);display:block;font-size:12px}.mp-stats strong{display:block;font-size:27px;margin:7px 0;color:var(--navy)}.mp-stats strong span{font-size:14px;font-weight:500;color:var(--muted);margin-left:5px}.mp-stats p{font-size:12px;color:var(--muted);margin:0}.mp-tabs{display:flex;flex-wrap:wrap;gap:6px;background:#eaf0f5;padding:7px;border-radius:12px}.mp-tabs a{padding:11px 13px;border-radius:8px;font-size:12px;color:#516b80;white-space:nowrap}.mp-tabs a.active{background:#fff;color:#087f8c;box-shadow:0 2px 5px #17364e0d;font-weight:700}.mp-tabs span{font-size:10px;background:#dce7ee;border-radius:12px;padding:2px 5px;margin-left:3px}.mp-tabs .active span{background:#e4f3f0}.mp-filters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.4fr auto;gap:12px;align-items:end}.mp-filters label{display:grid;gap:7px;font-size:11px;font-weight:600;color:#526b80;min-width:0}.mp-filters select,.mp-filters input{width:100%;min-width:0;background:#fff}.mp-filters button{min-height:41px}.mp-chart-panel{padding:24px;min-width:0;overflow:hidden}.mp-chart-heading,.mp-table-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.mp-chart-heading h2,.mp-table-heading h2{font-size:18px;margin:7px 0}.mp-chart-heading p,.mp-table-heading p{font-size:12px;color:var(--muted);margin:0}.mp-chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 16px}.mp-chart-toolbar [role=group]{display:flex;background:#edf2f6;border-radius:9px;padding:4px}.mp-chart-toolbar button{border:0;background:transparent;color:#526b80;font-size:11px;border-radius:6px;padding:9px 13px;cursor:pointer}.mp-chart-toolbar button.selected{background:#fff;color:#087f8c;box-shadow:0 1px 4px #18314b14;font-weight:700}.mp-legend{display:flex;gap:8px;flex-wrap:wrap;min-height:24px}.mp-legend span{background:#f1f6f8;border:1px solid #e4ecf0;border-radius:6px;padding:6px 9px;display:inline-flex;gap:7px;align-items:center;font-size:11px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}.mp-legend i{flex:0 0 7px;width:7px;height:7px;border-radius:50%}.mp-plot{position:relative;padding-top:8px}.mp-plot svg{display:block;width:100%;height:auto;min-height:230px}.mp-plot svg text{font-family:inherit;font-size:10px;fill:#6d8192}.mp-line{fill:none;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}.mp-range{opacity:.08}.mp-tooltip{position:absolute;top:20px;right:12px;max-width:min(380px,85%);padding:12px;background:#18364ef5;color:#fff;border-radius:10px;pointer-events:none;font-size:11px;line-height:1.8;box-shadow:0 8px 24px #17364e24;overflow-wrap:anywhere}.mp-tooltip strong{display:block;margin-bottom:5px}.mp-chart-caption{font-size:12px;color:#365b72;margin:9px 0;line-height:1.7}.mp-chart-note{color:var(--muted);font-size:11px;line-height:1.8;margin:0}.mp-plot #mp-chart-empty{position:absolute;inset:70px 20px auto;text-align:center;color:#7890a0;font-size:13px}.mp-table-panel{overflow:hidden}.mp-table-heading{padding:22px 24px 13px}.mp-selection-message{font-size:12px;color:#b35f2c;padding:0 24px;margin:0}.mp-selection-message:empty{display:none}.mp-table{font-size:12px;min-width:1060px}.mp-table th{font-size:10px;white-space:nowrap;background:#f4f7fa;color:#657e90}.mp-table td{vertical-align:middle;padding:16px 14px;border-bottom:1px solid #edf1f5}.mp-table tr.selected td{background:#f1faf8}.mp-table td:nth-child(2){max-width:290px;min-width:225px}.mp-table td:nth-child(2)>strong{display:block;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.mp-table small{display:block;color:#7a8e9f;font-size:10px;line-height:1.7;margin-top:3px}.mp-table input[type=checkbox]{width:15px;height:15px;accent-color:#087f8c}.mp-table input:disabled{opacity:.35}.mp-source-link{font-size:10px;display:block;margin-top:4px;color:#16848b}.mp-kind{display:inline-flex;padding:4px 8px;border-radius:5px;font-size:10px;background:#eaf5f2;color:#168474;white-space:nowrap}.mp-kind.contract{background:#f0ecfa;color:#7961a7}.mp-kind.retail{background:#fff2df;color:#a27737}.mp-average>strong{font-size:16px;font-variant-numeric:tabular-nums;color:#24465c;white-space:nowrap}.mp-unavailable{color:#a48557!important}.mp-table .positive{color:#b05547}.mp-table .negative{color:#3978a5}.mp-table-empty{text-align:center;color:var(--muted);padding:45px!important}.mp-history{border:1px solid var(--line);border-radius:10px;background:#fff;padding:16px 20px;font-size:12px;min-width:0}.mp-history summary{cursor:pointer;font-weight:600;color:#546e82}.mp-history p{color:var(--muted);font-size:12px}.mp-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mp-bottom-grid h3{font-size:16px;margin:9px 0}.mp-bottom-grid p{font-size:12px;color:#597286;line-height:1.9}.mp-bottom-grid small{font-size:11px;color:var(--muted);line-height:1.8}.mp-sources{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mp-sources article{border:1px solid var(--line);background:#f6f9fb;padding:17px 20px;border-radius:10px;font-size:11px}.mp-sources article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.mp-sources p{color:#758b9c;font-size:11px}.mp-sources a{color:#178388;font-size:11px}.mp-sources .warning{overflow-wrap:anywhere}.mp-page [hidden]{display:none!important}
@media(max-width:1200px){.mp-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.mp-search{grid-column:span 3}.mp-tabs a{padding:9px}.mp-intro h2{font-size:21px}}
@media(max-width:700px){.mp-page{gap:14px}.mp-intro{padding:22px;display:block}.mp-intro h2{font-size:20px}.mp-start{margin-top:19px;border-left:0;border-top:1px solid #ffffff24;padding:17px 0 0;gap:7px}.mp-start .mp-live-dot{display:none}.mp-stats{gap:8px}.mp-stats article{padding:13px 10px}.mp-stats strong{font-size:20px}.mp-stats strong span{font-size:11px}.mp-stats p{font-size:10px;line-height:1.7}.mp-stats small{font-size:10px}.mp-tabs{gap:4px}.mp-tabs a{flex:1 1 28%;text-align:center;font-size:10px;padding:10px 5px}.mp-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mp-search{grid-column:span 2}.mp-filters button{grid-column:span 2}.mp-chart-panel{padding:18px 13px}.mp-chart-heading,.mp-table-heading{display:block}.mp-chart-actions{margin-top:14px}.mp-chart-heading h2,.mp-table-heading h2{font-size:16px}.mp-chart-toolbar{align-items:flex-start;flex-direction:column;gap:9px;margin-top:16px}.mp-chart-toolbar button{font-size:10px}.mp-legend span{font-size:10px}.mp-table-heading{padding:18px 16px}.mp-table-heading>a{margin-top:12px}.mp-selection-message{padding:0 16px 10px}.mp-bottom-grid,.mp-sources{grid-template-columns:1fr}.mp-bottom-grid .padded{padding:19px}.mp-sources article>div{flex-wrap:wrap}.mp-history{padding:15px}.mp-table td{padding:12px}.mp-chart-note{font-size:10px}}
@media(max-width:700px){.mp-table{min-width:0;width:100%;table-layout:auto}.mp-table thead{display:none}.mp-table tbody{display:block}.mp-table tr{display:grid;grid-template-columns:20px minmax(0,1fr) 102px;grid-template-areas:"select name price" "select kind price" ". range change" ". date history";gap:6px 5px;padding:17px 13px;border-bottom:1px solid var(--line)}.mp-table td{display:block;border:0;padding:0;min-width:0}.mp-table td:nth-child(1){grid-area:select;padding-top:4px}.mp-table td:nth-child(2){grid-area:name;min-width:0;max-width:none}.mp-table td:nth-child(3){grid-area:kind}.mp-table td:nth-child(4){grid-area:price;text-align:right}.mp-table td:nth-child(5){grid-area:range;font-size:10px}.mp-table td:nth-child(6){grid-area:change;text-align:right}.mp-table td:nth-child(7){grid-area:date}.mp-table td:nth-child(8){grid-area:history;text-align:right}.mp-table td:nth-child(5)::before{content:"최저 — 최고";display:block;font-size:9px;color:#8495a3;margin:5px 0 3px}.mp-table td:nth-child(6)::before{content:"원본 변동";display:block;font-size:9px;color:#8495a3;margin:5px 0 3px}.mp-table tr.selected{background:#f1faf8}.mp-table td:nth-child(2)>strong{font-size:11px}.mp-table td:nth-child(7)>span{font-size:11px}.mp-average>strong{font-size:15px}.mp-table small{font-size:9px}.mp-table-empty{grid-column:1/-1!important;padding:16px!important}}
@media print{.mp-filters,.mp-chart-toolbar,.mp-chart-actions,.mp-tabs,.mp-selection-message{display:none}.mp-intro{background:#fff;color:#17364e;border:1px solid #ccd9df}.mp-intro p,.mp-intro .eyebrow,.mp-start small{color:#527184}.mp-start{border-color:#ccd9df}.mp-stats,.mp-chart-panel,.mp-bottom-grid section{break-inside:avoid}.mp-table{min-width:0;width:100%;font-size:8px}.mp-table td:nth-child(2){min-width:0}.mp-table td{padding:7px}.mp-table small{font-size:7px}.mp-table th{font-size:7px;white-space:normal}.mp-average>strong{font-size:10px}.mp-table td:nth-child(1),.mp-table th:nth-child(1){display:none}.mp-table-panel .table-wrap{overflow:visible}}