/* ------------------------------------------------------
 *  Google Fonts Import
 *  (Noto Sans KR)
 * ------------------------------------------------------ */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");

/* ------------------------------------------------------
  *  @font-face 선언
  * ------------------------------------------------------ */
@font-face {
  font-family: "S-CoreDream-2ExtraLight";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "S-CoreDream-3Light";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "S-CoreDream-4Regular";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "S-CoreDream-5Medium";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "S-CoreDream-6Bold";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GmarketSansLight";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GmarketSansMedium";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GmarketSansBold";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Yeongdo-Rg";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202-2@1.0/Yeongdo-Rg.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "BMJUA";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "NEXONFootballGothicLA1";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXONFootballGothicLA1.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Recipekorea";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Recipekorea.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "RixYeoljeongdo_Regular";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/RixYeoljeongdo_Regular.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GongGothicBold";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff")
    format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "ONE-Mobile-Title";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Pretendard-Regular";
  src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Tenada";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2")
    format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GangwonEduPowerExtraBoldA";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff")
    format("woff");
  font-weight: 100;
  font-style: normal;
}

/* ------------------------------------------------------
  *  폰트 패밀리별 단축 클래스
  * ------------------------------------------------------ */
.f-scd2 {
  font-family: "S-CoreDream-2ExtraLight";
}
.f-scd3 {
  font-family: "S-CoreDream-3Light";
}
.f-scd4 {
  font-family: "S-CoreDream-4Regular";
}
.f-scd5 {
  font-family: "S-CoreDream-5Medium";
}
.f-scd6 {
  font-family: "S-CoreDream-6Bold";
}
.f-gmarketL {
  font-family: "GmarketSansLight";
}
.f-gmarketM {
  font-family: "GmarketSansMedium";
}
.f-gmarketB {
  font-family: "GmarketSansBold";
}
.f-yeongdo {
  font-family: "Yeongdo-Rg";
}
.f-bmjua {
  font-family: "BMJUA";
}
.f-nxfoot {
  font-family: "NEXONFootballGothicLA1";
}
.f-reck {
  font-family: "Recipekorea";
}
.f-rix {
  font-family: "RixYeoljeongdo_Regular";
}
.f-ggb {
  font-family: "GongGothicBold";
}
.f-one {
  font-family: "ONE-Mobile-Title";
}
.f-tenada {
  font-family: "Tenada";
}

/* 공통 폰트 */
.f-notosans {
  font-family: "Noto Sans KR", sans-serif;
}
.f-aper {
  font-family: "GangwonEduPowerExtraBoldA";
}

/* ------------------------------------------------------
  *  Noto Sans KR 굵기(Weight) 별 클래스
  * ------------------------------------------------------ */
.f-notosans-Thin {
  font-weight: 100;
}
.f-notosans-Light {
  font-weight: 300;
}
.f-notosans-Regular {
  font-weight: 400;
}
.f-notosans-Medium {
  font-weight: 500;
}
.f-notosans-Bold {
  font-weight: 700 !important;
}
.f-notosans-Black {
  font-weight: 900;
}

/* ------------------------------------------------------
  *  컬러(색상) 클래스
  * ------------------------------------------------------ */
/* 흰색 (White) */
.f-color-white {
  color: #ffffff;
}

/* #333333 → 진한 회색( Dark Gray ) */
.f-color-dark-gray {
  color: #333333;
}

/* #36363a → 차콜( Charcoal ) */
.f-color-charcoal {
  color: #36363a;
}

/* #6c6eb8 → 퍼플블루( Indigo / Periwinkle ) */
.f-color-periwinkle {
  color: #6c6eb8;
}

/* #c94793 → 마젠타( Magenta / Pink ) */
.f-color-magenta {
  color: #c94793;
}

/* #4cbee3 → 라이트 블루( Sky Blue ) */
.f-color-skyblue {
  color: #4cbee3;
}

/* #142a9d → 네이비( Navy ) */
.f-color-navy {
  color: #142a9d;
}

/* #fdbf0f → 골드( Gold ) */
.f-color-gold {
  color: #fdbf0f;
}

/* #ec6789 → 핑크( Pink ) */
.f-color-pink {
  color: #ec6789;
}

/* #1a2a9d → 진한 네이비( Dark Navy ) */
.f-color-darknavy {
  color: #1a2a9d;
}

/* #61aadd → 연한 하늘색( Light Sky ) */
.f-color-lightsky {
  color: #61aadd;
}

/* #4a85a3 → 짙은 청록( Teal ) */
.f-color-teal {
  color: #4a85a3;
}

/* #61add4 → 파스텔 블루( Pastel Blue ) */
.f-color-pastelblue {
  color: #61add4;
}

/* #9ddb9a → 라이트 그린( Light Green ) */
.f-color-lightgreen {
  color: #9ddb9a;
}

/* #58cca7 → 민트( Mint ) */
.f-color-mint {
  color: #58cca7;
}

/* #4cae82 → 시폼( Seafoam ) */
.f-color-seafoam {
  color: #4cae82;
}

/* #db003e → 레드( Red ) */
.f-color-red {
  color: #db003e;
}

/* #2b2b2b → 진한 회색2 ( Dark Gray2 ) */
.f-color-darkgray2 {
  color: #2b2b2b;
}

/* #676767 → 중간 회색( Gray ) */
.f-color-gray {
  color: #676767;
}

/* #465390 → 블루그레이( Blue Gray ) */
.f-color-bluegray {
  color: #465390;
}

/* #f5c738 → 옐로 ( Yellow ) */
.f-color-yellow {
  color: #f5c738;
}

/* #868956 → 올리브( Olive ) */
.f-color-olive {
  color: #868956;
}

/* #ededed → 아주 밝은 회색 ( Light Gray ) */
.f-color-lightgray {
  color: #ededed;
}

/* #f9f9f9 → 거의 흰색 ( White Smoke )
     + text-shadow 포함 */
.f-color-whitesmoke {
  color: #f9f9f9;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* #6b6b6b → 다크그레이( Dim Gray ) */
.f-color-dimgray {
  color: #6b6b6b;
}

/* #8b8b8b → 연한 다크그레이 ( Gray2 ) */
.f-color-gray2 {
  color: #8b8b8b;
}

/* ------------------------------------------------------
  *  폰트 크기 클래스
  *   - 예: <p class="da-font-14">14px 폰트</p>
  * ------------------------------------------------------ */
.f-normal {
  font-weight: normal;
}

/* ------------------------------------------------------
  *  반응형 미디어쿼리 (현재 비어있음)
  *  필요한 내용이 생기면 내부에 추가
  * ------------------------------------------------------ */
@media (max-width: 768px) {
  /* 예: .some-class { font-size: 14px; } */
}

@media (max-width: 481px) {
  /* 예: .some-class { font-size: 12px; } */
}