/* /world 나라별 현황 (2026-10-25) — 머리글·.kpi·.brow·.btn 은 index 공통 CSS(head 복사)를 쓰고, 여기선 페이지 전용만 */
body.world-page{background:#081829;color:#eaf1fa}
body.world-page .sec-eyebrow{color:#5eead4}
.wpage .wrap{max-width:1180px}
.whero{position:relative;overflow:hidden;background:#0A1C33 url('/img/world-hero.webp') right center/cover no-repeat;border-bottom:1px solid rgba(255,255,255,.08)}
.whero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,28,51,.96) 0,rgba(10,28,51,.9) 42%,rgba(10,28,51,.35) 75%,rgba(10,28,51,.15) 100%)}
.whero .wrap{position:relative;padding:58px 20px 54px}
.whero h1{font-size:clamp(28px,4vw,46px);font-weight:900;letter-spacing:-.02em;line-height:1.18;margin:12px 0 0;color:#fff}
.whero .lead{max-width:62ch;color:#b9c7da;font-size:16.5px;margin:16px 0 0}
.wkpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;max-width:860px}
.wk{background:rgba(6,18,34,.62);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 16px 14px;backdrop-filter:blur(4px)}
.wk b{display:block;font-size:clamp(22px,2.6vw,32px);font-weight:900;letter-spacing:-.02em;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.wk.warn b{color:#ffb15a}.wk.ok b{color:#4fd6a0}.wk.sky b{color:#6ad4ff}
.wk span{display:block;font-size:12.5px;color:#cdd9ea;margin-top:8px;font-weight:700}
.wsrc{margin:18px 0 0;font-size:12.5px;color:#9fb6cc}.wsrc a{color:#9fe3d8}
.wsec{padding:34px 0 0}.wsec:last-child{padding-bottom:40px}
.wsec-h{margin-bottom:14px}.wsec-h h2{font-size:clamp(20px,2.6vw,26px);font-weight:900;color:#fff;margin:0}.wsec-h p{margin:6px 0 0;color:#9fb6cc;font-size:14px}
.wcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:22px}
.wcard h3{font-size:15px;color:#fff;margin:0}.wsub{margin:6px 0 14px;color:#9fb6cc;font-size:13px}
.wgrid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
/* 내 나라 패널 */
.mine{border-color:rgba(94,234,212,.32);background:linear-gradient(180deg,rgba(20,184,166,.09),rgba(255,255,255,.04))}
.mine-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.mflag img{width:64px;height:48px;border-radius:6px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.15);display:block}.mname h2{font-size:clamp(20px,2.4vw,26px);margin:0;color:#fff;font-weight:900}.msub{display:block;font-size:12.5px;color:#9fb6cc;margin-top:2px}.msub b{color:#eaf1fa}
.msel{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12.5px;color:#9fb6cc}
.msel select{background:rgba(6,18,34,.7);color:#eaf1fa;border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:8px 10px;font:700 13.5px 'NanumSquareNeo',sans-serif;max-width:240px}
.mkpis{margin-bottom:6px}.mkpis .kpi{background:rgba(7,24,46,.4)}
.mrate{margin-top:8px}.mrate .brow{grid-template-columns:110px minmax(0,1fr) 56px}
.mnote{margin:10px 0 0;font-size:13px;color:#9fb6cc}
.mcta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
/* 지도 */
.mapcard{position:relative;padding:14px 14px 10px}
.wmap{width:100%;aspect-ratio:1.9/1;min-height:220px}
.wmap svg{width:100%;height:100%;display:block}
.wmap path{stroke:#0b1f3a;stroke-width:.6;cursor:pointer;transition:opacity .12s}
.wmap path:hover{opacity:.78}
.wmap path.cur{stroke:#5eead4;stroke-width:1.6}
.wmap-wait{color:#9fb6cc;font-size:13px;text-align:center;padding:40px 0}
.legend{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:12px;color:#cdd9ea;padding:8px 6px 0}
.legend em{font-style:normal;display:inline-flex;align-items:center;gap:6px}.legend i{width:14px;height:10px;border-radius:3px;display:inline-block}
.mtip{position:absolute;pointer-events:none;background:rgba(6,18,34,.96);border:1px solid rgba(94,234,212,.35);border-radius:10px;padding:8px 11px;font-size:12.5px;color:#eaf1fa;white-space:nowrap;z-index:5;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.mtip b{display:block;font-size:13.5px;margin-bottom:2px}
/* 차트 */
.chart{position:relative;height:260px}
/* 순위표 */
.sorts{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.sorts button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#cdd9ea;border-radius:999px;padding:6px 12px;font:700 12.5px 'NanumSquareNeo',sans-serif;cursor:pointer}
.sorts button.on{background:rgba(94,234,212,.16);border-color:rgba(94,234,212,.55);color:#fff}
.tcard{padding:8px 10px 14px;overflow-x:auto}
.rtable{width:100%;border-collapse:collapse;font-size:13.5px}
.rtable th{text-align:right;font-size:11.5px;color:#9fb6cc;font-weight:700;padding:10px 10px 8px;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}
.rtable th:nth-child(2),.rtable td:nth-child(2){text-align:left}
.rtable td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.rtable tr{cursor:pointer}.rtable tbody tr:hover{background:rgba(255,255,255,.04)}
.rtable tr.me{background:rgba(94,234,212,.1)}.rtable tr.me td:nth-child(2){color:#5eead4}
.rtable .rk{color:#9fb6cc;width:34px}.rtable .cn{font-weight:800;color:#eaf1fa}.rtable .cn i{font-style:normal;margin-right:0}
.rtable .rate{min-width:150px}.rtable .rate .bt{display:inline-block;width:90px;height:9px;vertical-align:middle;margin-right:8px;background:rgba(255,255,255,.1);border-radius:5px;overflow:hidden}.rtable .rate .bf{height:100%;border-radius:5px}
.more{display:block;margin:12px auto 0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#cdd9ea;border-radius:10px;padding:9px 18px;font:800 13px 'NanumSquareNeo',sans-serif;cursor:pointer}
/* 네트워크 · 브랜치 */
.asnbars .brow,.adopt .brow{grid-template-columns:150px minmax(0,1fr) 74px}
.asnbars .bl,.adopt .bl{overflow:hidden;text-overflow:ellipsis}
.wcta{text-align:center;padding-top:40px}.wcta h2{font-size:clamp(22px,3vw,30px);color:#fff;margin:0}.wcta p{color:#b9c7da;margin:10px auto 0;max-width:60ch}.wcta .mcta{justify-content:center}
.wmeth{font-size:12px!important;color:#7f93ad!important;max-width:78ch!important;margin-top:28px!important;line-height:1.7}.wmeth a{color:#9fe3d8}
@media(max-width:860px){.wgrid2{grid-template-columns:1fr}.wkpis{grid-template-columns:repeat(2,minmax(0,1fr))}.whero::before{background:linear-gradient(180deg,rgba(10,28,51,.86),rgba(10,28,51,.96))}.whero{background-position:center}.msel{margin-left:0;flex-basis:100%}.rtable th:nth-child(5),.rtable td:nth-child(5){display:none}.mrate .brow{grid-template-columns:84px minmax(0,1fr) 48px}.asnbars .brow,.adopt .brow{grid-template-columns:110px minmax(0,1fr) 64px}}
@media(max-width:560px){.rtable th:nth-child(3),.rtable td:nth-child(3){display:none}.rtable .rate{min-width:0}.rtable .rate .bt{width:54px}.chart{height:220px}.whero .wrap{padding:36px 20px 40px}}

.fl{display:inline-block;width:20px;height:15px;border-radius:2px;object-fit:cover;vertical-align:-2px;margin-right:6px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.mtip .fl{margin-right:6px}

.cc-stack{display:flex;height:12px;border-radius:6px;overflow:hidden;background:rgba(255,255,255,.08);margin-top:12px}.cc-stack span{display:block;height:100%}.cc-leg{margin-top:8px;font-size:12.5px;color:#cdd9ea;display:flex;gap:6px 18px;flex-wrap:wrap;padding:0}.cc-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.cc-leg b{color:#fff;margin-left:4px}.mrate{margin-top:14px}

.mkpis.eq{gap:30px}.mkpis.eq .kpi{position:relative;padding:16px 15px}.mkpis.eq .kpi .v{font-size:clamp(19px,2.4vw,26px)}.mkpis.eq .kpi.op-eq::before,.mkpis.eq .kpi.op-plus::before{content:"+";position:absolute;left:-30px;top:50%;width:30px;margin-top:-15px;text-align:center;font-size:24px;font-weight:900;color:#5eead4;line-height:30px}.cc-leg .lg-total{color:#eaf1fa;font-weight:800}.mkpis.eq .kpi.op-eq::before{content:"="}
@media(max-width:720px){.mkpis.eq{gap:12px 26px}.mkpis.eq .kpi.warn.op-plus::before{display:none}.mkpis.eq .kpi.op-eq::before,.mkpis.eq .kpi.op-plus::before{left:-26px;width:26px}}

.mkpis.eq .vrow{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.mkpis.eq .kpi .k{margin-top:10px}.mkpis.eq .kpi.sky .pct{color:#6ad4ff;background:rgba(106,212,255,.12)}.mkpis.eq .pct{font-size:13px;font-weight:900;color:#cdd9ea;background:rgba(255,255,255,.08);border-radius:999px;padding:2px 8px;font-variant-numeric:tabular-nums}.mkpis.eq .kpi.warn .pct{color:#ffb15a;background:rgba(255,177,90,.12)}.mkpis.eq .kpi.low{background:rgba(79,214,160,.07);border:1px dashed rgba(79,214,160,.55)}.mkpis.eq .kpi.low .pct{color:#042f2a;background:#4fd6a0}.mkpis.eq .kpi.low .k{color:#7ee6bd}

.cc-rate-h{font-size:13px;font-weight:800;color:#eaf1fa;margin-bottom:4px}.cc-rate-h small{font-weight:500;color:#9fb6cc;font-size:12px}

.mrate .brow.rate2,.mrate .rate-hd{grid-template-columns:110px minmax(0,1fr) 62px 104px 104px;column-gap:14px}.mrate .rate-hd{display:grid;align-items:end;font-size:11px;color:#8ba0bb;font-weight:700;margin:6px 0 -4px}.mrate .rate-hd span{text-align:right;white-space:nowrap}.mrate .rate2 .bt{display:flex}.mrate .rate2 .br{height:100%;background:rgba(255,90,95,.55)}.mrate .bns{display:contents}.mrate .bns b{text-align:right;font-size:12.5px;color:#cdd9ea;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:860px){.mrate .brow.rate2{grid-template-columns:84px minmax(0,1fr) 48px}.mrate .rate-hd{display:none}.mrate .bns{display:block;grid-column:2/4;margin-top:-6px;font-size:12px;color:#9fb6cc}.mrate .bns b{font-size:12px}.mrate .bns b:first-child::after{content:" / "}.mrate .bns::before{content:"수정판 / 판정 가능 · ";color:#8ba0bb;font-weight:500}}