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

/* Roboto Condensed
   - Regular(400), Medium(500), SemiBold(600)
   - + 600 italic (호버용에서도 쓸 수 있게)
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,500;0,600;1,600&display=swap");


/* =========================
   컬러 토큰 (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%;
}


/* =========================
   ENG 텍스트 스타일 (PDF 기반)
   Font: Roboto Condensed
========================= */

/* Title / T01_SB - 48px / 150% */
.eng-t01-sb {
  font-family: "Roboto Condensed", "Pretendard", sans-serif;
  font-size: 48px;
  font-weight: 600;   /* SemiBold */
  font-style: normal;
  line-height: 150%;
}

/* Title / T02_R - 26px / 150% */
.eng-t02-r {
  font-family: "Roboto Condensed", "Pretendard", sans-serif;
  font-size: 26px;
  font-weight: 400;   /* Regular */
  font-style: normal;
  line-height: 150%;
}

/* Title / T02_M - 26px / 150% */
.eng-t02-m {
  font-family: "Roboto Condensed", "Pretendard", sans-serif;
  font-size: 26px;
  font-weight: 500;   /* Medium */
  font-style: normal;
  line-height: 150%;
}

/* Title / T03_R - 20px / 150% */
.eng-t03-r {
  font-family: "Roboto Condensed", "Pretendard", sans-serif;
  font-size: 20px;
  font-weight: 400;   /* Regular */
  font-style: normal;
  line-height: 150%;
}

/* Title / T04_M - 24px / 150% */
.eng-t04-m {
  font-family: "Roboto Condensed", "Pretendard", sans-serif;
  font-size: 24px;
  font-weight: 500;   /* Medium */
  font-style: normal;
  line-height: 150%;
}