@charset "utf-8";

@font-face {
  font-family: 'Gmarket Sans';
  font-weight: 300;
  font-style: normal;
  src: local('Gmarket Sans Light'), local('GmarketSans-Light');
  src: url('/fonts/GmarketSansLight.woff2') format('woff2'),
    url('/fonts/GmarketSansLight.woff') format('woff'),
    url('/fonts/GmarketSansLight.eot') format('embedded-opentype'),
    url('/fonts/GmarketSansLight.ttf') format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Gmarket Sans';
  font-weight: 500;
  font-style: normal;
  src: local('Gmarket Sans Medium'), local('GmarketSans-Medium');
  src: url('/fonts/GmarketSansMedium.woff2') format('woff2'),
    url('/fonts/GmarketSansMedium.woff') format('woff'),
    url('/fonts/GmarketSansMedium.eot') format('embedded-opentype'),
    url('/fonts/GmarketSansMedium.ttf') format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Gmarket Sans';
  font-weight: 700;
  font-style: normal;
  src: local('Gmarket Sans Bold'), local('GmarketSans-Bold');
  src: url('/fonts/GmarketSansBold.woff2') format('woff2'),
    url('/fonts/GmarketSansBold.woff') format('woff'),
    url('/fonts/GmarketSansBold.eot') format('embedded-opentype'),
    url('/fonts/GmarketSansBold.ttf') format("truetype");
  font-display: swap;
}

/* 
@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Medium';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-SemiBold';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Bold';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-ExtraBold';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.ttf') format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Black';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
} */

@font-face {
  font-family: 'Pretendard';
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
  src: url('./fonts/PretendardVariable.woff2') format('woff2-variations');
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');

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

/***** 로컬 폰트 경로 *****/
/*****  @font-face {
  font-family: 'Pretendard-Regular';
  src:url('/fonts/Pretendard-Regular.woff') format('woff'),
      url('/fonts/Pretendard-Regular.ttf') format('ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Medium';
  src: url('/fonts/Pretendard-Medium.woff') format('woff'),
      url('/fonts/Pretendard-Medium.ttf') format('ttf');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-SemiBold';
  src: url('/fonts/Pretendard-SemiBold.woff') format('woff'),
      url('/fonts/Pretendard-SemiBold.ttf') format('ttf');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Bold';
  src: url('/fonts/Pretendard-Bold.woff') format('woff'),
      url('/fonts/Pretendard-Bold.ttf') format('ttf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-ExtraBold';
  src: url('/fonts/Pretendard-ExtraBold.woff') format('woff'),
      url('/fonts/Pretendard-ExtraBold.ttf') format('ttf');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Black';
  src: url('/fonts/Pretendard-Black.woff') format('woff'),
      url('/fonts/Pretendard-Black.ttf') format('ttf');
  font-weight: 900;
  font-style: normal;
} *****/

.ff_kyobo {
  font-family: 'KyoboHandwriting2020A', 'serif'
}

/*
.fz12 {font-size: 12px;}
.fz14 {font-size: 14px;}
.fz16 {font-size: 16px;}
.fz18 {font-size: 18px;}
.fz20 {font-size: 20px;}
.fz22 {font-size: 22px;}
.fz24 {font-size: 24px;}
.fz30 {font-size: 30px;}
.fz40 {font-size: 40px;}
.fz45 {font-size: 45px;}
.fz55 {font-size: 55px;}
*/
.fz12 {
  font-size: 12px;
}

.fz14 {
  font-size: 14px;
}

.fz16 {
  font-size: 15px;
}

.fz18 {
  font-size: 17px;
}

.fz20 {
  font-size: 19px;
}

.fz22 {
  font-size: 21px;
}

.fz24 {
  font-size: 23px;
}

.fz30 {
  font-size: 28px;
}

.fz40 {
  font-size: 38px;
}

.fz45 {
  font-size: 43px;
}

.fz55 {
  font-size: 52px;
}

.fw300 {
  font-weight: 300;
}

.fw500 {
  font-weight: 500;
}

.fw700 {
  font-weight: 700;
  font-family: 'Gmarket Sans', 'Pretendard-Bold', 'Pretendard', sans-serif;
}

.fw900 {
  font-weight: 900;
}

.tx-cent {
  text-align: center;
}

@media (max-width:1750px) {
  .fz55 {
    font-size: 45px;
  }
}

@media (max-width: 580px) {
  .fz14 {
    font-size: 12px;
  }

  .fz16 {
    font-size: 14px;
  }

  .fz18 {
    font-size: 16px;
  }

  .fz20 {
    font-size: 18px;
  }

  .fz22 {
    font-size: 20px;
  }

  .fz24 {
    font-size: 22px;
  }

  .fz30 {
    font-size: 26px;
  }

  .fz40 {
    font-size: 36px;
  }

  .fz45 {
    font-size: 24px;
  }

  .fz55 {
    font-size: 45px;
  }
}