@charset "utf-8";

/* 명조(세리프) : 현재 메인에서는 쓰지 않지만 --font-serif 변수로 언제든 쓸 수 있다.
   ※ Noto Serif KR 이 제공하는 두께는 200~900 입니다. (100 은 없음)
     여기서 안 불러온 두께를 CSS 에서 지정하면 그냥 무시되니,
     두께를 바꿀 때는 아래 wght 목록에도 같이 넣어주세요.
   ※ @import 는 @charset 다음, 다른 규칙보다 먼저 와야 합니다. */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;600&display=swap");

/* ============================================================
   웹폰트 : Pretendard Variable (weight 45~920)

   - 폰트 파일 자체는 head.sub.php 의 <link> 에서 불러온다.
     (여기서 @import 를 쓰면 fonts.css 를 다 받은 뒤에야 폰트 CSS 요청이
      시작돼서 로딩이 한 단계 늦어진다)
   - 이 파일은 "어떤 요소에 적용할지"만 관리한다.
   ============================================================ */

:root {
  --font-base: "Pretendard Variable", Pretendard, -apple-system,
    BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR",
    "Malgun Gothic", "Segoe UI", Roboto, "Helvetica Neue", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

  /* 쓰는 곳 : (현재 없음 - 서브페이지·게시판에서 자유롭게 사용) */
  --font-serif: "Noto Serif KR", "Nanum Myeongjo", "Apple SD Gothic Neo",
    "Batang", serif;
}

body {
  font-family: var(--font-base);
}

/* 그누보드 기본 css(default.css / default_shop.css / mobile.css)가
   제목과 폼 요소에 '맑은 고딕'을 따로 지정해 두었기 때문에,
   본문 폰트를 그대로 물려받도록 되돌린다.
   ※ 이 규칙이 없으면 h1~h6 와 입력폼에만 웹폰트가 적용되지 않는다. */
h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
select,
textarea,
optgroup {
  font-family: inherit;
}