/* 기본값 (PC 기준) */
:root {
  --font-base: 17px;
}
/* 사용자 설정 없는 경우 반응형 적용 */
html:not(.font-default):not(.font-lg):not(.font-xl) {
  font-size: var(--font-base);
}

html.font-default {
  font-size: 17px;
}
html.font-lg {
  font-size: 19px;
}
html.font-xl {
  font-size: 21px;
}

@media (max-width: 768px) {
  :root {
    --font-base: 16px;
  }
  html.font-default {
    font-size: 16px;
  }
  html.font-lg {
    font-size: 18px;
  }
  html.font-xl {
    font-size: 20px;
  }
}




/* Spoqa Han Sans Neo */
@font-face {
  font-family: 'Spoqa Han Sans Neo';
  src: url('./SpoqaHanSansNeo-Thin.woff2') format('woff2');
  font-weight: 100;
}
@font-face {
  font-family: 'Spoqa Han Sans Neo';
  src: url('./SpoqaHanSansNeo-Light.woff2') format('woff2');
  font-weight: 300;
}
@font-face {
  font-family: 'Spoqa Han Sans Neo';
  src: url('./SpoqaHanSansNeo-Regular.woff2') format('woff2');
  font-weight: 400;
}
@font-face {
  font-family: 'Spoqa Han Sans Neo';
  src: url('./SpoqaHanSansNeo-Medium.woff2') format('woff2');
  font-weight: 500;
}
@font-face {
  font-family: 'Spoqa Han Sans Neo';
  src: url('./SpoqaHanSansNeo-Bold.woff2') format('woff2');
  font-weight: 700;
}