@charset "utf-8";

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

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

   ※ 서체 통일 : 기존에 큰 제목용으로 쓰던 명조(고운바탕)를 걷어내고
     사이트 전체를 프리텐다드 하나로 통일했다.
     .st 유틸은 각 섹션에서 계속 쓰이므로 클래스는 그대로 두고
     서체만 프리텐다드로 바꿔 두었다. (별도 웹폰트 요청이 하나 줄어든다)
   ============================================================ */

: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";

  /* 영문 디스플레이 : Jost (폰트 파일은 head.sub.php 의 <link> 에서 불러온다)
     자간을 넓게 벌린 큰 영문 라벨(.title em) · 카운터 · 버튼 글자가 이 서체를 쓴다 */
  --font-disp: "Jost", "Pretendard Variable", Pretendard, sans-serif;

  /* 예전 명조 자리 : 지금은 명조를 쓰지 않으므로 본문 서체를 물려받는다
     (각 섹션의 큰 국문 제목이 이 변수를 쓰고 있어 이름은 남겨 둔다) */
  --font-serif: var(--font-base);
}

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

/* 큰 제목 유틸 : 얇은 산세리프 · 자간 넓게 */
.st {
  font-family: var(--font-disp);
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.2em;
}

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