@charset "utf-8";

/* ============================================================================
 * 사용자화면과 같은 글꼴(Gmarket Sans)을 관리자에서도 쓰기 위한 정의.
 *
 * - 팝업 미리보기의 제목·본문이 사용자화면과 같은 글꼴로 보이게 하는 것이 목적이다.
 * - 사용자화면의 정의와 같은 내용이므로 한쪽을 고치면 다른 쪽도 함께 고쳐야 한다.
 *     Gmarket Sans : RegulationSandbox/.../resources/renewal/css/main.css
 *     Noto Sans KR : RegulationSandbox/.../resources/css/fonts.css
 * - 폰트 파일도 위 두 곳(renewal/fonts, css/fonts)에서 그대로 복사해 resources/fonts/ 에 두었다.
 * - 이 파일은 @font-face 정의만 있으므로, 실제로 해당 글꼴을 쓰는 화면에서만
 *   폰트 파일을 내려받는다. 다른 관리자 화면에는 부담이 없다.
 *
 * 글꼴 순서는 사용자화면과 같다.
 *   "Gmarket Sans", Pretendard, "Noto Sans KR", "Malgun Gothic", Arial, sans-serif
 * Gmarket Sans 에는 공백(스페이스) 등 일부 글리프가 없어 다음 순서의 글꼴이 대신 쓰인다.
 * 그래서 Noto Sans KR 이 없으면 공백 폭이 달라져(18.72px 기준 글자당 4.25px -> 5.24px)
 * 자간이 넓어 보인다. 사용자화면과 같게 보이려면 Noto Sans KR 도 함께 있어야 한다.
 *   사용자화면 정의 : RegulationSandbox/src/main/webapp/resources/css/fonts.css
 * ========================================================================== */

@font-face {
  font-family: "Gmarket Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/GmarketSansLight.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Gmarket Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/GmarketSansMedium.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Gmarket Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/GmarketSansMedium.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Gmarket Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/GmarketSansBold.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Gmarket Sans";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/GmarketSansBold.woff") format("woff");
  font-display: swap;
}


/* ---------------------------------------------------------------------------
 * Noto Sans KR - Gmarket Sans 에 없는 글리프(공백 등)를 사용자화면과 같은 글꼴로 채운다.
 * 사용자화면 fonts.css 와 같은 파일 · 같은 굵기 구성.
 * ------------------------------------------------------------------------ */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/NotoSansKR-Thin.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/NotoSansKR-Light.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/NotoSansKR-Regular.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/NotoSansKR-Medium.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/NotoSansKR-Bold.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/NotoSansKR-Black.otf') format('opentype');
  font-display: swap;
}