/* =========================
   Pretendard 폰트 로드
========================= */
@import url("https://cdn.jsdelivr.net/npm/pretendard/dist/web/static/pretendard.css");

/* =========================
   컬러 토큰 (PDF 기반)
========================= */
:root {
  --white: #fafafa;
  --gray-100: #c7c7c7;
  --gray-200: #b4b4b4;
  --gray-300: #a2a2a2;
  --gray-400: #909090;
  --gray-500: #7e7e7e;
  --gray-600: #6b6b6b;
  --gray-700: #595959;
  --gray-800: #474747;
  --gray-900: #343434;
  --black: #222222;
}

/* =========================
   기본 세팅
========================= */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: "Pretendard", sans-serif;
  color: var(--black);
  background: #ffffff;
  line-height: 1.3;
}

/* =========================
   KR 텍스트 스타일 (PDF 기반)
========================= */

/* Title / T01_B - 36px / 140% */
.t01-b {
  font-size: 36px;
  font-weight: 700;
  line-height: 140%;
}

/* Title / T02_B - 32px / 130% */
.t02-b {
  font-size: 32px;
  font-weight: 700;
  line-height: 130%;
}

/* Title / T03_B - 26px / 130% */
.t03-b {
  font-size: 26px;
  font-weight: 700;
  line-height: 130%;
}

/* Title / T03_SB - 26px / 130% */
.t03-sb {
  font-size: 26px;
  font-weight: 600;
  line-height: 130%;
}

/* Title / T04_B - 24px / 130% */
.t04-b {
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

/* Title / T04_SB - 24px / 130% */
.t04-sb {
  font-size: 24px;
  font-weight: 600;
  line-height: 130%;
}

/* Title / T05_SB - 20px / 130% */
.t05-sb {
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
}

/* Body / B01_B - 18px / 130% */
.b01-b {
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
}

/* Body / B01_SB - 18px / 130% */
.b01-sb {
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
}

/* Body / B01_M - 18px / 130% */
.b01-m {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

/* Body / B02_B - 16px / 130% */
.b02-b {
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
}

/* Body / B02_SB - 16px / 130% */
.b02-sb {
  font-size: 16px;
  font-weight: 600;
  line-height: 130%;
}

/* Body / B02_M - 16px / 130% */
.b02-m {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

/* Body / B03_B - 14px / 130% */
.b03-b {
  font-size: 14px;
  font-weight: 700;
  line-height: 130%;
}

/* Body / B03_SB - 14px / 130% */
.b03-sb {
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
}

/* Body / B03_M - 14px / 130% */
.b03-m {
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
}

/* Body / B03_R - 14px / 130% */
.b03-r {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}

/* Caption / C01_M - 12px / 130% */
.c01-m {
  font-size: 12px;
  font-weight: 500;
  line-height: 130%;
}

/* Caption / C01_R - 12px / 130% */
.c01-r {
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
}