/* 글자 체계 — 이 파일이 글자 크기·굵기의 최종 규칙이다. 값은 type-scale.html 표와 같다.
   화면: PC ≥1200px · 태블릿 768–1199px · 모바일 ≤767px. 1px ≈ 0.75pt */
:root {
  --t1-size: 80px; --t1-lh: 1.1; --t1-ls: -0.03em;   /* T1 디스플레이 · Paperlogy ExtraBold */
  --t2-size: 52px; --t2-lh: 1.2; --t2-ls: -0.02em;   /* T2 페이지 제목 · Paperlogy ExtraBold */
  --t3-size: 34px; --t3-lh: 1.3; --t3-ls: -0.015em;   /* T3 섹션 제목 · Paperlogy Bold */
  --t4-size: 22px; --t4-lh: 1.4; --t4-ls: -0.01em;   /* T4 항목 제목 · Pretendard SemiBold */
  --t5-size: 18px; --t5-lh: 1.7; --t5-ls: 0em;   /* T5 리드 · Pretendard Regular */
  --t6-size: 16px; --t6-lh: 1.7; --t6-ls: 0em;   /* T6 본문 · Pretendard Regular */
  --t7-size: 14px; --t7-lh: 1.2; --t7-ls: 0em;   /* T7 메뉴·버튼 · Pretendard SemiBold */
  --t8-size: 12px; --t8-lh: 1.4; --t8-ls: 0.02em;   /* T8 라벨 · Pretendard SemiBold */
  --t9-size: 14px; --t9-lh: 1.6; --t9-ls: 0em;   /* T9 캡션 · Pretendard Regular */
  --t10-size: 12px; --t10-lh: 1.6; --t10-ls: 0.01em;   /* T10 마이크로 · Pretendard Regular */
}
@media (max-width: 1199px) { :root {
  --t1-size: 60px;
  --t2-size: 40px;
  --t3-size: 28px;
  --t4-size: 20px;
  --t5-size: 18px;
  --t6-size: 16px;
  --t7-size: 14px;
  --t8-size: 12px;
  --t9-size: 14px;
  --t10-size: 12px;
} }
@media (max-width: 767px) { :root {
  --t1-size: 36px;
  --t2-size: 30px;
  --t3-size: 24px;
  --t4-size: 20px;
  --t5-size: 18px;
  --t6-size: 16px;
  --t7-size: 14px;
  --t8-size: 12px;
  --t9-size: 14px;
  --t10-size: 12px;
} }
/* T1 디스플레이: 첫 화면 제목 (사이트에서 가장 큰 한 문장) */
.t-display, .hero3__h, .hero2__h, .mlab__h { font-family: var(--display); font-weight: 800; font-size: var(--t1-size); line-height: var(--t1-lh); letter-spacing: var(--t1-ls); }
/* T2 페이지 제목: 각 페이지 맨 위 제목 (h1) */
.t-title, .phead h1 { font-family: var(--display); font-weight: 800; font-size: var(--t2-size); line-height: var(--t2-lh); letter-spacing: var(--t2-ls); }
/* T3 섹션 제목: 섹션 제목 (h2), 사업 이름, 비전·미션 문장, 문의 띠 제목, 강조 숫자 */
.t-heading, .shead__h, .sec h2, .biz__head h2, .cta h2, .statement, .stats dt { font-family: var(--display); font-weight: 700; font-size: var(--t3-size); line-height: var(--t3-lh); letter-spacing: var(--t3-ls); }
/* T4 항목 제목: 목록·카드·표 안의 항목 이름 (h3), 사람 이름, 질문 */
.t-sub, .sec h3, .rows h3, .rows b, .person h3, .cols h3, .flow b, .stack b, .faq summary, .hero__biz a, .hero2__facts dd { font-family: var(--sans); font-weight: 600; font-size: var(--t4-size); line-height: var(--t4-lh); letter-spacing: var(--t4-ls); }
/* T5 리드: 제목 바로 아래 한두 문장 설명 */
.t-lead, .shead__p, .lead, .sec h2 + p, .phead p, .biz__head .lead, .cta p, .hero2__foot p { font-family: var(--sans); font-weight: 400; font-size: var(--t5-size); line-height: var(--t5-lh); letter-spacing: var(--t5-ls); }
/* T6 본문: 본문, 목록, 표, 자주 묻는 질문의 답, 입력칸 */
.t-body, body, .rows p, .cols p, .cols li, .person ul li, .tbl table, .faq details p, .facts dt, .facts dd, .flow p, .stack span, .field input, .field select, .field textarea { font-family: var(--sans); font-weight: 400; font-size: var(--t6-size); line-height: var(--t6-lh); letter-spacing: var(--t6-ls); }
/* T7 메뉴·버튼: 헤더 메뉴, 버튼, 링크형 버튼, 목차 */
.t-ui, .nav > a:not(.btn), .nav__btn, .nav__menu b, .btn, .more, .pill, .toc, .ftr__go { font-family: var(--sans); font-weight: 600; font-size: var(--t7-size); line-height: var(--t7-lh); letter-spacing: var(--t7-ls); }
/* T8 라벨: 섹션 이름, 번호, 작은 머리글, 표 머리, 입력칸 이름, 꼬리표 */
.t-label, .shead__k, .sec__label, .phead__k, .hero__k, .rows__n, .flow small, .stack small, .hero__biz a span, .hero2__facts dt, .faq-group h3, .field label, .tbl thead th, .tag, .biz__body > h3, .person__role { font-family: var(--sans); font-weight: 600; font-size: var(--t8-size); line-height: var(--t8-lh); letter-spacing: var(--t8-ls); }
/* T9 캡션: 출처, 안내, 각주, 사진 설명, 푸터 정보 */
.t-caption, .note, .person__q, .ftr__cols, .ftr__cta p { font-family: var(--sans); font-weight: 400; font-size: var(--t9-size); line-height: var(--t9-lh); letter-spacing: var(--t9-ls); }
/* T10 마이크로: 푸터 법인 정보·저작권, 푸터 칸 이름 */
.t-micro, .ftr__bot, .ftr__k { font-family: var(--sans); font-weight: 400; font-size: var(--t10-size); line-height: var(--t10-lh); letter-spacing: var(--t10-ls); }
/* 예외 (장식): 사업 번호 큰 숫자 .biz__no, 푸터 워드마크 .wm__t, 로고 글자 .brand 는 이 체계에서 뺀다 */