diff --git a/commitlint.config.js b/commitlint.config.js
index 5bdf4d19..a664aefd 100644
--- a/commitlint.config.js
+++ b/commitlint.config.js
@@ -20,6 +20,7 @@ module.exports = {
             "report",
             "moderation",
             "search",
+            "stats",
             "friend",
             "notify",
             "infra",
@@ -116,6 +117,9 @@ module.exports = {
                     search: {
                         description: '🔍 검색 도메인 (예: 질문/답변 검색, 최근 검색어)'
                     },
+                    stats: {
+                        description: '📊 통계 도메인 (예: 일간 통계 페이지)'
+                    },
                     friend: {
                         description: '👥 친구 도메인 (예: 친구 신청, 수락, 목록 관리)'
                     },
diff --git a/src/main/java/com/devkor/ifive/nadab/domain/stats/application/TotalStatsService.java b/src/main/java/com/devkor/ifive/nadab/domain/stats/application/TotalStatsService.java
index 4f52c7a1..da821983 100644
--- a/src/main/java/com/devkor/ifive/nadab/domain/stats/application/TotalStatsService.java
+++ b/src/main/java/com/devkor/ifive/nadab/domain/stats/application/TotalStatsService.java
@@ -35,7 +35,7 @@ public TotalStatsViewModel getTotalStats() {
         providerMap.put("NORMAL", normal);
 
         // 표시 순서 고정
-        List<String> providerLabels = List.of("GOOGLE", "KAKAO", "NAVER", "NORMAL");
+        List<String> providerLabels = List.of("APPLE", "GOOGLE", "KAKAO", "NAVER", "NORMAL");
         List<Long> providerCounts = providerLabels.stream()
                 .map(l -> providerMap.getOrDefault(l, 0L))
                 .toList();
diff --git a/src/main/java/com/devkor/ifive/nadab/domain/stats/application/TypeStatsService.java b/src/main/java/com/devkor/ifive/nadab/domain/stats/application/TypeStatsService.java
new file mode 100644
index 00000000..f88ee9d7
--- /dev/null
+++ b/src/main/java/com/devkor/ifive/nadab/domain/stats/application/TypeStatsService.java
@@ -0,0 +1,42 @@
+package com.devkor.ifive.nadab.domain.stats.application;
+
+import com.devkor.ifive.nadab.domain.stats.core.dto.total.LabelCountDto;
+import com.devkor.ifive.nadab.domain.stats.core.dto.type.TypeStatsViewModel;
+import com.devkor.ifive.nadab.domain.stats.core.repository.TypeStatsRepository;
+import lombok.RequiredArgsConstructor;
+import org.springframework.stereotype.Service;
+
+import java.time.OffsetDateTime;
+import java.time.ZoneId;
+import java.time.format.DateTimeFormatter;
+import java.util.List;
+
+@Service
+@RequiredArgsConstructor
+public class TypeStatsService {
+
+    private final TypeStatsRepository repo;
+
+    private static final ZoneId SEOUL = ZoneId.of("Asia/Seoul");
+    private static final DateTimeFormatter FMT =
+            DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss");
+
+    public TypeStatsViewModel getTypeStats() {
+        long inProgressTypeReportCount = repo.countInProgressTypeReportsNow();
+        List<LabelCountDto> completedByInterest = repo.countCompletedTypeReportsByInterest();
+
+        List<String> interestLabels = completedByInterest.stream()
+                .map(LabelCountDto::label)
+                .toList();
+        List<Long> completedTypeReportCounts = completedByInterest.stream()
+                .map(LabelCountDto::count)
+                .toList();
+
+        return new TypeStatsViewModel(
+                inProgressTypeReportCount,
+                interestLabels,
+                completedTypeReportCounts,
+                OffsetDateTime.now(SEOUL).format(FMT)
+        );
+    }
+}
diff --git a/src/main/java/com/devkor/ifive/nadab/domain/stats/controller/StatsController.java b/src/main/java/com/devkor/ifive/nadab/domain/stats/controller/StatsController.java
index da7d6e9d..b0650050 100644
--- a/src/main/java/com/devkor/ifive/nadab/domain/stats/controller/StatsController.java
+++ b/src/main/java/com/devkor/ifive/nadab/domain/stats/controller/StatsController.java
@@ -3,10 +3,12 @@
 import com.devkor.ifive.nadab.domain.stats.application.DailyStatsService;
 import com.devkor.ifive.nadab.domain.stats.application.MonthlyStatsService;
 import com.devkor.ifive.nadab.domain.stats.application.TotalStatsService;
+import com.devkor.ifive.nadab.domain.stats.application.TypeStatsService;
 import com.devkor.ifive.nadab.domain.stats.application.WeeklyStatsService;
 import com.devkor.ifive.nadab.domain.stats.core.dto.daily.DailyStatsViewModel;
 import com.devkor.ifive.nadab.domain.stats.core.dto.monthly.MonthlyStatsViewModel;
 import com.devkor.ifive.nadab.domain.stats.core.dto.total.TotalStatsViewModel;
+import com.devkor.ifive.nadab.domain.stats.core.dto.type.TypeStatsViewModel;
 import com.devkor.ifive.nadab.domain.stats.core.dto.weekly.WeeklyStatsViewModel;
 import lombok.RequiredArgsConstructor;
 import org.springframework.stereotype.Controller;
@@ -21,6 +23,7 @@ public class StatsController {
     private final WeeklyStatsService weeklyStatsService;
     private final MonthlyStatsService monthlyStatsService;
     private final TotalStatsService totalStatsService;
+    private final TypeStatsService typeStatsService;
 
 
     @GetMapping("stats/daily")
@@ -54,4 +57,12 @@ public String totalStats(Model model) {
         model.addAttribute("activeTab", "total");
         return "stats/total";
     }
+
+    @GetMapping("/stats/type")
+    public String typeStats(Model model) {
+        TypeStatsViewModel vm = typeStatsService.getTypeStats();
+        model.addAttribute("vm", vm);
+        model.addAttribute("activeTab", "type");
+        return "stats/type";
+    }
 }
diff --git a/src/main/java/com/devkor/ifive/nadab/domain/stats/core/dto/total/TotalStatsViewModel.java b/src/main/java/com/devkor/ifive/nadab/domain/stats/core/dto/total/TotalStatsViewModel.java
index e3cc362e..23e5187e 100644
--- a/src/main/java/com/devkor/ifive/nadab/domain/stats/core/dto/total/TotalStatsViewModel.java
+++ b/src/main/java/com/devkor/ifive/nadab/domain/stats/core/dto/total/TotalStatsViewModel.java
@@ -6,7 +6,7 @@ public record TotalStatsViewModel(
 
         long totalUserCount,
 
-        // provider labels: ["GOOGLE","KAKAO","NAVER","NORMAL"]
+        // provider labels: ["APPLE","GOOGLE","KAKAO","NAVER","NORMAL"]
         List<String> providerLabels,
         List<Long> providerCounts,
 
diff --git a/src/main/java/com/devkor/ifive/nadab/domain/stats/core/dto/type/TypeStatsViewModel.java b/src/main/java/com/devkor/ifive/nadab/domain/stats/core/dto/type/TypeStatsViewModel.java
new file mode 100644
index 00000000..c2e6042f
--- /dev/null
+++ b/src/main/java/com/devkor/ifive/nadab/domain/stats/core/dto/type/TypeStatsViewModel.java
@@ -0,0 +1,10 @@
+package com.devkor.ifive.nadab.domain.stats.core.dto.type;
+
+import java.util.List;
+
+public record TypeStatsViewModel(
+        long inProgressTypeReportCount,
+        List<String> interestLabels,
+        List<Long> completedTypeReportCounts,
+        String refreshedAt
+) {}
diff --git a/src/main/java/com/devkor/ifive/nadab/domain/stats/core/repository/TypeStatsRepository.java b/src/main/java/com/devkor/ifive/nadab/domain/stats/core/repository/TypeStatsRepository.java
new file mode 100644
index 00000000..22895953
--- /dev/null
+++ b/src/main/java/com/devkor/ifive/nadab/domain/stats/core/repository/TypeStatsRepository.java
@@ -0,0 +1,41 @@
+package com.devkor.ifive.nadab.domain.stats.core.repository;
+
+import com.devkor.ifive.nadab.domain.stats.core.dto.total.LabelCountDto;
+import jakarta.persistence.EntityManager;
+import lombok.RequiredArgsConstructor;
+import org.springframework.stereotype.Repository;
+
+import java.util.List;
+
+@Repository
+@RequiredArgsConstructor
+public class TypeStatsRepository {
+
+    private final EntityManager em;
+
+    public long countInProgressTypeReportsNow() {
+        return em.createQuery("""
+                select count(tr.id)
+                from TypeReport tr
+                where tr.status = com.devkor.ifive.nadab.domain.typereport.core.entity.TypeReportStatus.IN_PROGRESS
+                  and tr.deletedAt is null
+                """, Long.class)
+                .getSingleResult();
+    }
+
+    public List<LabelCountDto> countCompletedTypeReportsByInterest() {
+        return em.createQuery("""
+                select new com.devkor.ifive.nadab.domain.stats.core.dto.total.LabelCountDto(
+                    cast(i.code as string),
+                    count(tr.id)
+                )
+                from Interest i
+                left join TypeReport tr on tr.interestCode = i.code
+                                       and tr.status = com.devkor.ifive.nadab.domain.typereport.core.entity.TypeReportStatus.COMPLETED
+                                       and tr.deletedAt is null
+                group by i.code
+                order by i.code
+                """, LabelCountDto.class)
+                .getResultList();
+    }
+}
diff --git a/src/main/resources/templates/stats/daily.html b/src/main/resources/templates/stats/daily.html
index 96079224..ea79772a 100644
--- a/src/main/resources/templates/stats/daily.html
+++ b/src/main/resources/templates/stats/daily.html
@@ -277,6 +277,9 @@
   <a class="tab-link"
      th:classappend="${activeTab} == 'monthly' ? ' active' : ''"
      th:href="@{/stats/monthly}">월간</a>
+  <a class="tab-link"
+     th:classappend="${activeTab} == 'type' ? ' active' : ''"
+     th:href="@{/stats/type}">유형</a>
   <a class="tab-link"
      th:classappend="${activeTab} == 'total' ? ' active' : ''"
      th:href="@{/stats/total}">전체</a>
diff --git a/src/main/resources/templates/stats/monthly.html b/src/main/resources/templates/stats/monthly.html
index a59fb5d0..09ab5cd9 100644
--- a/src/main/resources/templates/stats/monthly.html
+++ b/src/main/resources/templates/stats/monthly.html
@@ -254,6 +254,9 @@
   <a class="tab-link"
      th:classappend="${activeTab} == 'monthly' ? ' active' : ''"
      th:href="@{/stats/monthly}">월간</a>
+  <a class="tab-link"
+     th:classappend="${activeTab} == 'type' ? ' active' : ''"
+     th:href="@{/stats/type}">유형</a>
   <a class="tab-link"
      th:classappend="${activeTab} == 'total' ? ' active' : ''"
      th:href="@{/stats/total}">전체</a>
diff --git a/src/main/resources/templates/stats/total.html b/src/main/resources/templates/stats/total.html
index b49ec5a2..f99411eb 100644
--- a/src/main/resources/templates/stats/total.html
+++ b/src/main/resources/templates/stats/total.html
@@ -286,6 +286,9 @@
   <a class="tab-link"
      th:classappend="${activeTab} == 'monthly' ? ' active' : ''"
      th:href="@{/stats/monthly}">월간</a>
+  <a class="tab-link"
+     th:classappend="${activeTab} == 'type' ? ' active' : ''"
+     th:href="@{/stats/type}">유형</a>
   <a class="tab-link"
      th:classappend="${activeTab} == 'total' ? ' active' : ''"
      th:href="@{/stats/total}">전체</a>
@@ -359,6 +362,17 @@
     'rgba(77,195,255,0.85)',
   ];
 
+  const providerPaletteByLabel = {
+    APPLE: 'rgba(180,120,255,0.85)',
+    GOOGLE: 'rgba(108,143,255,0.85)',
+    KAKAO: 'rgba(255,126,179,0.85)',
+    NAVER: 'rgba(77,232,194,0.85)',
+    NORMAL: 'rgba(255,196,77,0.85)',
+  };
+  const providerPalette = providerLabels.map(
+    (label, index) => providerPaletteByLabel[label] ?? PALETTE[index % PALETTE.length]
+  );
+
   const tooltipDefaults = {
     backgroundColor: '#1e2230',
     borderColor: 'rgba(255,255,255,0.1)',
@@ -378,7 +392,7 @@
       datasets: [{
         label: '유저 수',
         data: providerCounts,
-        backgroundColor: PALETTE,
+        backgroundColor: providerPalette,
         borderRadius: 6,
         borderSkipped: false,
       }]
diff --git a/src/main/resources/templates/stats/type.html b/src/main/resources/templates/stats/type.html
new file mode 100644
index 00000000..8396ed5f
--- /dev/null
+++ b/src/main/resources/templates/stats/type.html
@@ -0,0 +1,350 @@
+<!DOCTYPE html>
+<html lang="ko" xmlns:th="http://www.thymeleaf.org">
+<head>
+  <meta charset="UTF-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <title>NADAB - Type Stats</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com"/>
+  <link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Syne:wght@400;600;700;800&display=swap" rel="stylesheet"/>
+  <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
+  <style>
+    :root {
+      --bg: #0d0f14;
+      --surface: #161920;
+      --border: #2a2f3e;
+      --accent: #6c8fff;
+      --accent-2: #ff7eb3;
+      --text-1: #e8eaf2;
+      --text-2: #8b91a8;
+      --text-3: #4f556a;
+      --radius: 14px;
+    }
+
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+    body {
+      background: var(--bg);
+      color: var(--text-1);
+      font-family: 'Syne', sans-serif;
+      min-height: 100vh;
+      padding: 28px 24px;
+    }
+
+    .page-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 28px;
+    }
+
+    .page-title {
+      font-size: 1.1rem;
+      font-weight: 700;
+      letter-spacing: .04em;
+      color: var(--text-2);
+      text-transform: uppercase;
+    }
+
+    .header-right {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
+    .refreshed-at {
+      font-family: 'DM Mono', monospace;
+      font-size: .75rem;
+      color: var(--text-3);
+    }
+    .refreshed-at span { color: var(--text-2); }
+
+    .btn-refresh {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 7px 16px;
+      border-radius: 999px;
+      border: 1px solid var(--border);
+      background: var(--surface);
+      color: var(--text-2);
+      font-family: 'Syne', sans-serif;
+      font-size: .78rem;
+      font-weight: 600;
+      cursor: pointer;
+      transition: border-color .2s, color .2s, background .2s;
+    }
+    .btn-refresh:hover {
+      border-color: var(--accent);
+      color: var(--accent);
+      background: rgba(108,143,255,.08);
+    }
+    .btn-refresh svg { width: 14px; height: 14px; }
+
+    .health-bar {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 10px 18px;
+      border-radius: 999px;
+      border: 1px solid var(--border);
+      background: var(--surface);
+      font-family: 'DM Mono', monospace;
+      font-size: .75rem;
+      color: var(--text-2);
+      transition: border-color .3s;
+    }
+    .health-bar.ok { border-color: rgba(77,232,194,.45); }
+    .health-bar.error { border-color: rgba(255,126,179,.45); }
+
+    .health-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      flex-shrink: 0;
+      background: var(--text-3);
+      transition: background .3s, box-shadow .3s;
+    }
+    .health-bar.ok .health-dot { background: #4de8c2; box-shadow: 0 0 6px rgba(77,232,194,.7); }
+    .health-bar.error .health-dot { background: var(--accent-2); box-shadow: 0 0 6px rgba(255,126,179,.7); }
+
+    @keyframes pulse {
+      0%, 100% { opacity: 1; }
+      50% { opacity: .25; }
+    }
+    .health-bar.loading .health-dot { animation: pulse 1.1s ease infinite; }
+    .health-text { color: var(--text-1); font-weight: 500; }
+
+    .tabs {
+      display: flex;
+      gap: 4px;
+      padding: 4px;
+      background: var(--surface);
+      border: 1px solid var(--border);
+      border-radius: 999px;
+      width: fit-content;
+      margin-bottom: 28px;
+    }
+
+    .tab-link {
+      text-decoration: none;
+      padding: 7px 22px;
+      border-radius: 999px;
+      font-size: .82rem;
+      font-weight: 600;
+      color: var(--text-2);
+      transition: background .2s, color .2s;
+    }
+    .tab-link:hover { color: var(--text-1); }
+    .tab-link.active {
+      background: var(--accent);
+      color: #fff;
+    }
+
+    .kpi-card {
+      background: var(--surface);
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      padding: 24px 28px;
+      margin-bottom: 20px;
+      position: relative;
+      overflow: hidden;
+    }
+    .kpi-card::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      background: linear-gradient(135deg, rgba(108,143,255,.06) 0%, transparent 60%);
+      pointer-events: none;
+    }
+
+    .kpi-label {
+      font-size: .78rem;
+      color: var(--text-2);
+      margin-bottom: 8px;
+      font-weight: 600;
+      letter-spacing: .04em;
+      text-transform: uppercase;
+    }
+    .kpi-value {
+      font-family: 'DM Mono', monospace;
+      font-size: 2.8rem;
+      font-weight: 500;
+      line-height: 1;
+      color: var(--text-1);
+    }
+
+    .chart-card {
+      background: var(--surface);
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      overflow: hidden;
+    }
+
+    .chart-card-header {
+      padding: 18px 22px 14px;
+      border-bottom: 1px solid var(--border);
+    }
+    .chart-card-title {
+      font-size: .9rem;
+      font-weight: 700;
+      color: var(--text-1);
+    }
+    .chart-card-subtitle {
+      font-size: .8rem;
+      color: var(--text-2);
+      margin-top: 5px;
+    }
+    .chart-card-body { padding: 20px 20px 16px; }
+
+    .dot {
+      display: inline-block;
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      margin-right: 8px;
+      vertical-align: middle;
+      position: relative;
+      top: -1px;
+      background: var(--accent-2);
+    }
+  </style>
+</head>
+<body>
+
+<div class="page-header">
+  <div class="page-title">NADAB ·
+    Stats</div>
+  <div class="header-right">
+    <div id="healthBar" class="health-bar loading">
+      <span class="health-dot"></span>
+      <span id="healthText" class="health-text">서버 확인 중…</span>
+    </div>
+    <div class="refreshed-at">
+      마지막 갱신 <span th:text="${vm.refreshedAt}">-</span>
+    </div>
+    <button class="btn-refresh" onclick="location.reload()">
+      <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M13.5 8A5.5 5.5 0 1 1 9 2.6"/>
+        <polyline points="9 1 13.5 2.6 12 7"/>
+      </svg>
+      새로고침
+    </button>
+  </div>
+</div>
+
+<div class="tabs">
+  <a class="tab-link"
+     th:classappend="${activeTab} == 'daily' ? ' active' : ''"
+     th:href="@{/stats/daily}">일간</a>
+  <a class="tab-link"
+     th:classappend="${activeTab} == 'weekly' ? ' active' : ''"
+     th:href="@{/stats/weekly}">주간</a>
+  <a class="tab-link"
+     th:classappend="${activeTab} == 'monthly' ? ' active' : ''"
+     th:href="@{/stats/monthly}">월간</a>
+  <a class="tab-link"
+     th:classappend="${activeTab} == 'type' ? ' active' : ''"
+     th:href="@{/stats/type}">유형</a>
+  <a class="tab-link"
+     th:classappend="${activeTab} == 'total' ? ' active' : ''"
+     th:href="@{/stats/total}">전체</a>
+</div>
+
+<div class="kpi-card">
+  <div>
+    <div class="kpi-label">현재 생성 중 유형 리포트</div>
+    <div class="kpi-value" th:text="${vm.inProgressTypeReportCount}">0</div>
+  </div>
+</div>
+
+<div class="chart-card">
+  <div class="chart-card-header">
+    <div class="chart-card-title"><span class="dot"></span>관심 주제별 생성된 총 유형 리포트 수</div>
+    <div class="chart-card-subtitle">전체 누적 (COMPLETED 기준)</div>
+  </div>
+  <div class="chart-card-body">
+    <canvas id="typeByInterestChart" height="140"></canvas>
+  </div>
+</div>
+
+<script th:inline="javascript">
+  const interestLabels = [[${vm.interestLabels}]];
+  const completedTypeReportCounts = [[${vm.completedTypeReportCounts}]].map(v => parseInt(v, 10));
+
+  Chart.defaults.color = '#8b91a8';
+  Chart.defaults.font.family = "'DM Mono', monospace";
+  Chart.defaults.font.size = 11;
+
+  const gridColor = 'rgba(255,255,255,0.05)';
+  const borderColor = 'rgba(255,255,255,0.08)';
+  const barColors = [
+    'rgba(108,143,255,0.85)',
+    'rgba(255,126,179,0.85)',
+    'rgba(77,232,194,0.85)',
+    'rgba(255,196,77,0.85)',
+    'rgba(180,120,255,0.85)',
+    'rgba(77,195,255,0.85)',
+  ];
+
+  new Chart(document.getElementById('typeByInterestChart'), {
+    type: 'bar',
+    data: {
+      labels: interestLabels,
+      datasets: [{
+        label: '유형 리포트 수',
+        data: completedTypeReportCounts,
+        backgroundColor: interestLabels.map((_, index) => barColors[index % barColors.length]),
+        borderRadius: 6,
+        borderSkipped: false,
+      }]
+    },
+    options: {
+      responsive: true,
+      plugins: {
+        legend: { display: false },
+        tooltip: {
+          backgroundColor: '#1e2230',
+          borderColor: 'rgba(255,255,255,0.1)',
+          borderWidth: 1,
+          padding: 12,
+          titleColor: '#e8eaf2',
+          bodyColor: '#8b91a8',
+          titleFont: { family: "'Syne', sans-serif", weight: '700', size: 12 },
+          bodyFont: { family: "'DM Mono', monospace", size: 12 },
+        },
+      },
+      scales: {
+        x: { grid: { color: gridColor, borderColor } },
+        y: {
+          beginAtZero: true,
+          grid: { color: gridColor, borderColor },
+          ticks: { precision: 0, stepSize: 1 },
+        },
+      }
+    }
+  });
+
+  async function checkHealth() {
+    const bar = document.getElementById('healthBar');
+    const text = document.getElementById('healthText');
+    try {
+      const res = await fetch('/health', { cache: 'no-store' });
+      if (res.ok) {
+        bar.className = 'health-bar ok';
+        text.textContent = 'SERVER OK';
+      } else {
+        bar.className = 'health-bar error';
+        text.textContent = `ERROR ${res.status}`;
+      }
+    } catch {
+      bar.className = 'health-bar error';
+      text.textContent = 'UNREACHABLE';
+    }
+  }
+
+  checkHealth();
+  setInterval(checkHealth, 30_000);
+</script>
+
+</body>
+</html>
diff --git a/src/main/resources/templates/stats/weekly.html b/src/main/resources/templates/stats/weekly.html
index b3ecc92d..e57225fa 100644
--- a/src/main/resources/templates/stats/weekly.html
+++ b/src/main/resources/templates/stats/weekly.html
@@ -254,6 +254,9 @@
   <a class="tab-link"
      th:classappend="${activeTab} == 'monthly' ? ' active' : ''"
      th:href="@{/stats/monthly}">월간</a>
+  <a class="tab-link"
+     th:classappend="${activeTab} == 'type' ? ' active' : ''"
+     th:href="@{/stats/type}">유형</a>
   <a class="tab-link"
      th:classappend="${activeTab} == 'total' ? ' active' : ''"
      th:href="@{/stats/total}">전체</a>