/**
 * 사이트 공통 타이포그래피 (mainNav에서 로드 → 메인·마이페이지 등 동일 폰트)
 * 각 페이지의 * { font-family: Noto... } 보다 뒤에 로드되며 inherit 로 통일합니다.
 */
@font-face {
  font-family: "Aggravo";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff")
    format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aggravo";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff")
    format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aggravo";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff")
    format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --wc-font-sans: "Aggravo", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
}

html {
  font-family: var(--wc-font-sans);
  font-size: 20px;
}

@media (max-width: 768px) {
  html {
    font-size: 18px;
  }
}

body {
  font-family: inherit;
  font-size: 1.06rem !important;
  line-height: 1.8;
  letter-spacing: -0.01em;
}

/* 페이지별 * { font-family: ... } 무력화 — 아이콘 폰트는 제외 */
body *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.bi):not([class*="fa-"]):not([class*="bi-"]):not(.material-icons) {
  font-family: inherit !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body strong,
body b {
  font-family: var(--wc-font-sans) !important;
  font-weight: 700 !important;
}

body p,
body li,
body label,
body td,
body th,
body input,
body textarea,
body select,
body button,
body .btn,
body .form-control,
body .form-select {
  font-size: 1.06rem !important;
}

body small,
body .small {
  font-size: 1rem !important;
}