.d-flex {
  display: flex !important;
}

.ai-start {
  align-items: flex-start !important;
}

.ai-center {
  align-items: center !important;
}

.ai-end {
  align-items: flex-end !important;
}

.jc-between {
  justify-content: space-between !important;
}

.jc-center {
  justify-content: center !important;
}

.jc-end {
  justify-content: flex-end !important;
}

.fld-column {
  flex-direction: column !important;
}

.flex-1 {
  flex: 1 !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.text-center {
  text-align: center !important;
}

.g-0 {
  gap: 0 !important;
}
.g-4 {
  gap: 0.4rem !important;
}
.g-8 {
  gap: 0.8rem !important;
}
.g-10 {
  gap: 1rem !important;
}
.g-12 {
  gap: 1.2rem !important;
}
.g-16 {
  gap: 1.6rem !important;
}
.g-24 {
  gap: 2.4rem !important;
}
.g-32 {
  gap: 3.2rem !important;
}
.g-40 {
  gap: 4rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}
.mb-4 {
  margin-bottom: 0.4rem !important;
}
.mb-8 {
  margin-bottom: 0.8rem;
}
.mb-12 {
  margin-bottom: 1.2rem !important;
}
.mb-16 {
  margin-bottom: 1.6rem !important;
}
.mb-20 {
  margin-bottom: 2rem !important;
}
.mb-24 {
  margin-bottom: 2.4rem !important;
}
.mb-32 {
  margin-bottom: 3.2rem !important;
}
.mb-36 {
  margin-bottom: 3.6rem !important;
}
.mb-40 {
  margin-bottom: 4rem !important;
}
.mb-48 {
  margin-bottom: 4.8rem !important;
}
.mb-60 {
  margin-bottom: 6rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}
.mt-4 {
  margin-top: 0.4rem;
}
.mt-8 {
  margin-top: 0.8rem;
}
.mt-16 {
  margin-top: 1.6rem;
}
.mt-24 {
  margin-top: 2.4rem;
}
.mt-32 {
  margin-top: 3.2rem;
}
.mt-40 {
  margin-top: 4rem;
}
.mt-auto {
  margin-top: auto;
}

.ml-0 {
  margin-left: 0;
}
.ml-4 {
  margin-left: 0.4rem;
}
.ml-8 {
  margin-left: 0.8rem;
}
.ml-16 {
  margin-left: 1.6rem;
}
.ml-24 {
  margin-left: 2.4rem;
}
.ml-32 {
  margin-left: 3.2rem;
}
.ml-auto {
  margin-left: auto;
}

.mr-0 {
  margin-right: 0;
}
.mr-4 {
  margin-right: 0.4rem;
}
.mr-8 {
  margin-right: 0.8rem;
}
.mr-16 {
  margin-right: 1.6rem;
}
.mr-24 {
  margin-right: 2.4rem;
}
.mr-32 {
  margin-right: 3.2rem;
}
.mr-auto {
  margin-right: auto;
}

.m-auto {
  margin-left: auto;
  margin-right: auto;
}

.m-0 {
  margin: 0 !important;
}

.h-100 {
  height: 100%;
}

.p-0 {
  padding: 0;
}

body.no-scroll {
  overflow: hidden;
}

@font-face {
  font-family: "Pretendard GOV";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../../fonts/PretendardGOV-Regular.subset.woff2") format("woff2"), url("../../fonts/PretendardGOV-Regular.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../../fonts/PretendardGOV-Medium.subset.woff2") format("woff2"), url("../../fonts/PretendardGOV-Medium.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../../fonts/PretendardGOV-Bold.subset.woff2") format("woff2"), url("../../fonts/PretendardGOV-Bold.subset.woff") format("woff");
}
.content-statistics .paragraph-wrap .paragraph-box .paragraph-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .content-statistics .paragraph-wrap .paragraph-box .paragraph-header {
    margin-bottom: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.content-statistics .paragraph-wrap .paragraph-box .paragraph-header .paragraph-title {
  margin: 0;
}
.content-statistics .chart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.2rem;
}
.content-statistics .chart-header .count {
  font-size: 15px;
  font-weight: 400;
  color: #464C53;
  display: flex;
  align-items: center;
}
.content-statistics .chart-header .count .value {
  font-size: 19px;
  font-weight: 700;
  margin: 0 4px 0 8px;
}
.content-statistics .chart-wrap {
  padding: 2.4rem 4rem 4rem 4rem;
  border-radius: 12px;
  border: 1px solid #CDD1D5;
  background: #FFF;
  margin-bottom: 2.4rem;
}
@media (max-width: 768px) {
  .content-statistics .chart-wrap {
    padding: 0;
    border: none;
  }
}
.content-statistics .chart-wrap .chart-canvas-wrap {
  height: 480px;
  position: relative;
  margin-bottom: 3.2rem;
}
.content-statistics .chart-wrap .chart-canvas-wrap canvas {
  max-height: 100%;
  height: 100% !important;
}
.content-statistics .chart-wrap .chart-tooltip {
  position: absolute;
  background: #ffffff;
  border: 1px solid #B1B8BE;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: none;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  box-sizing: border-box;
}
.content-statistics .chart-wrap .chart-tooltip .tooltip-year {
  font-size: 15px;
  font-weight: 400;
  font-family: "Pretendard GOV", sans-serif;
  color: #464c53;
  line-height: 1.5;
  margin-bottom: 8px;
  width: 100%;
}
.content-statistics .chart-wrap .chart-tooltip .tooltip-items {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 8px;
  width: 100%;
  align-items: flex-end;
}
.content-statistics .chart-wrap .chart-tooltip .tooltip-item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  justify-content: flex-end;
}
.content-statistics .chart-wrap .chart-tooltip .tooltip-item .tooltip-color {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  flex-shrink: 0;
}
.content-statistics .chart-wrap .chart-tooltip .tooltip-item .tooltip-label {
  font-size: 15px;
  font-weight: 400;
  font-family: "Pretendard GOV", sans-serif;
  color: #464c53;
  line-height: 1.5;
  width: 170px;
  flex-shrink: 0;
}
.content-statistics .chart-wrap .chart-tooltip .tooltip-item .tooltip-value {
  font-size: 15px;
  font-weight: 700;
  font-family: "Pretendard GOV", sans-serif;
  color: #464c53;
  line-height: 1.5;
  text-align: right;
  width: 40px;
  flex-shrink: 0;
}
.content-statistics .chart-wrap .chart-tooltip .tooltip-divider {
  height: 1px;
  background-color: #CDD1D5;
  margin: 8px 0;
  width: 250px;
}
.content-statistics .chart-wrap .chart-tooltip .tooltip-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.content-statistics .chart-wrap .chart-tooltip .tooltip-total .tooltip-total-label {
  font-size: 15px;
  font-weight: 700;
  font-family: "Pretendard GOV", sans-serif;
  color: #464c53;
  line-height: 1.5;
  flex: 1;
}
.content-statistics .chart-wrap .chart-tooltip .tooltip-total .tooltip-total-value {
  font-size: 15px;
  font-weight: 700;
  font-family: "Pretendard GOV", sans-serif;
  color: #464c53;
  line-height: 1.5;
  text-align: right;
  width: 40px;
  flex-shrink: 0;
}
.content-statistics .label-wrap {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}
.content-statistics .label-wrap .label-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.content-statistics .label-wrap .color-box {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  flex-shrink: 0;
}
.content-statistics .label-wrap .label-text {
  color: #464C53;
  font-weight: 700;
}
.content-statistics .tbl tbody tr th {
  font-weight: 700 !important;
}
.content-statistics .stack-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 1279px) {
  .content-statistics .stack-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .content-statistics .stack-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.content-statistics .stack-wrap .stack-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  border-radius: 12px;
  border: 1px solid #D3DDE7;
}
.content-statistics .stack-wrap .stack-item.total {
  background: #E9EEF3;
}
.content-statistics .stack-wrap .stack-item.total .stack-value .value {
  color: #1E2124;
}
.content-statistics .stack-wrap .stack-item .stack-title {
  font-weight: 700;
}
.content-statistics .stack-wrap .stack-item .stack-value {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #464C53;
}
.content-statistics .stack-wrap .stack-item .stack-value .value {
  font-weight: 700;
  color: #2E5B81;
  font-size: 24px;
}
.content-statistics .tbl-border {
  border-collapse: collapse;
}
.content-statistics .tbl-border th, .content-statistics .tbl-border td {
  border-right: 1px solid #CDD1D5;
}
.content-statistics .tbl-border th:last-child, .content-statistics .tbl-border td:last-child {
  border-right: none;
}

/*# sourceMappingURL=data.css.map */