/* ===== 통계 대시보드 ===== */
.stat-head { margin: 4px 0 12px; }
.stat-head h1 { font-size: 24px; font-weight: 800; margin: 0; }

/* 상단 탭 */
.detail-tab { position: sticky; top: 0; z-index: 20; background: #fff; border-bottom: 2px solid var(--primary); }
.detail-tab ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; max-width: 1200px; }
.detail-tab li a { display: block; padding: 14px 22px; font-size: 15px; font-weight: 700; color: var(--muted); }
.detail-tab li.active a { color: var(--primary); border-bottom: 3px solid var(--primary); margin-bottom: -2px; }
.detail-tab li a:hover { color: var(--primary); }

.stat-sec { padding-top: 20px; scroll-margin-top: 60px; }
.static-tit { font-size: 20px; font-weight: 800; margin: 10px 0 16px; padding-left: 12px; border-left: 5px solid var(--primary); }
.static-tit.tit02 { border-left-color: #03a8a6; }
.static-tit.tit03 { border-left-color: #d80d46; }
.static-tit.tit04 { border-left-color: #7d3ac0; }

.chart-box { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 16px; margin-bottom: 16px; }
.chart-box h2, .chart-box h3 { font-size: 15px; font-weight: 700; margin: 0 0 10px; display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; }
.chart-box h2 span:not(.table-head-right), .chart-box h3 span:not(.table-head-right) { font-size: 12px; color: var(--muted); font-weight: 400; margin-left: 6px; }
.table-head-right { font-size: 12px; color: var(--muted); font-weight: 400; }
.chart-wrap { position: relative; height: 320px; }
.chart-wrap.tall { height: 420px; }

/* 미니 연도 탭 */
.chart-tab01 ul { list-style: none; display: flex; gap: 6px; margin: 0 0 10px; padding: 0; }
.chart-tab01 li a { display: block; padding: 5px 12px; font-size: 12px; font-weight: 700; border: 1px solid var(--line); border-radius: 14px; color: var(--muted); }
.chart-tab01 li.current a { border-color: var(--primary); color: var(--primary); }

/* 표 */
.table-scroll { overflow-x: auto; margin-top: 10px; }
.stat-table { width: 100%; border-collapse: collapse; font-size: 13px; background: #fff; }
.stat-table th, .stat-table td { border: 1px solid var(--line); padding: 8px 10px; text-align: center; white-space: nowrap; }
.stat-table thead th { background: #f7f7f7; font-weight: 700; }
.stat-table td.rowh { background: #fafbfd; font-weight: 700; }

.stat-more { float: right; font-size: 13px; }
.stat-more a { color: var(--primary); font-weight: 600; }
.ta-right { text-align: right; font-size: 12px; color: var(--muted); margin: 6px 0 30px; }