/* Pretendard Font */
@font-face {
  font-family: 'Pretendard';
  font-weight: 100;
  font-style: normal;
  src: url('/asset/font/Pretendard-Thin.woff2') format('woff2'),
  url('/asset/font/Pretendard-Thin.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 200;
  font-style: normal;
  src: url('/asset/font/Pretendard-ExtraLight.woff2') format('woff2'),
  url('/asset/font/Pretendard-ExtraLight.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-style: normal;
  src: url('/asset/font/Pretendard-Light.woff2') format('woff2'),
  url('/asset/font/Pretendard-Light.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-style: normal;
  src: url('/asset/font/Pretendard-Regular.woff2') format('woff2'),
  url('/asset/font/Pretendard-Regular.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-style: normal;
  src: url('/asset/font/Pretendard-Medium.woff2') format('woff2'),
  url('/asset/font/Pretendard-Medium.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  font-style: normal;
  src: url('/asset/font/Pretendard-SemiBold.woff2') format('woff2'),
  url('/asset/font/Pretendard-SemiBold.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-style: normal;
  src: url('/asset/font/Pretendard-Bold.woff2') format('woff2'),
  url('/asset/font/Pretendard-Bold.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  font-style: normal;
  src: url('/asset/font/Pretendard-ExtraBold.woff2') format('woff2'),
  url('/asset/font/Pretendard-ExtraBold.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  font-style: normal;
  src: url('/asset/font/Pretendard-Black.woff2') format('woff2'),
  url('/asset/font/Pretendard-Black.woff') format('woff');
  font-display: swap;
}

/* Montserrat Font */
@font-face {
	font-family: 'Montserrat';
	src: url('/asset/font/Montserrat-Thin.woff2') format('font-woff2'),
      url('/asset/font/Montserrat-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/asset/font/Montserrat-ExtraLight.woff2') format('font-woff2'),
      url('/asset/font/Montserrat-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/asset/font/Montserrat-Light.woff2') format('font-woff2'),
      url('/asset/font/Montserrat-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/asset/font/Montserrat-Regular.woff2') format('font-woff2'),
      url('/asset/font/Montserrat-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

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

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

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

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

@font-face {
	font-family: 'Montserrat';
	src: url('/asset/font/Montserrat-Black.woff2') format('font-woff2'),
      url('/asset/font/Montserrat-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}


/* Font Family */
.fm-pretendard {
  font-family: 'Pretendard', sans-serif;
}


.fm-montserrat {
  font-family: 'Montserrat', sans-serif;
}


/* Font Align */
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

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


/* Font Size */
.fs-18 {
  font-size: 1.8rem;
}

.fs-20 {
  font-size: 2rem;
}

.fs-24 {
  font-size:2.4rem;
}

.fs-28 {
  font-size:2.8rem;
}

.fs-32 {
  font-size:3.2rem;
}

.fs-40 {
  font-size: 4.0rem;
}

.fs-44 {
  font-size: 4.4rem;
}

.fs-64 {
  font-size: 6.4rem;
}

@media(max-width:1200px) {
  .fs-18 {
    font-size: 1.5rem;
  }

  .fs-20 {
    font-size: 1.6rem;
  }

  .fs-24 {
    font-size:2rem;
  }
  
  .fs-28 {
    font-size:2.4rem;
  }

  .fs-32 {
    font-size:2.6rem;
  }

  .fs-40 {
    font-size: 3.6rem;
  }
  .fs-44 {
    font-size: 3.8rem;
  }

  .fs-64 {
    font-size: 4.8rem;
  }
}
@media(max-width:1024px) {

}
@media(max-width:768px) {
  .fs-18 {
    font-size: 1.4rem;
  }

  .fs-20 {
    font-size: 1.5rem;
  }

  .fs-24 {
    font-size:1.8rem;
  }
  
  .fs-28 {
    font-size:2rem;
  }

  .fs-32 {
    font-size:2.2rem;
  }
  .fs-40 {
    font-size: 2.8rem;
  }

  .fs-44 {
    font-size: 3.2rem;
  }

  .fs-64 {
    font-size: 4rem;
  }

  .fs-sm-22 {
    font-size: 2.2rem;
  }
}
@media(max-width:500px) {
  .fs-18 {
    font-size: 1.3rem;
  }

  .fs-20 {
    font-size: 1.4rem;
  }

  .fs-24 {
    font-size:1.5rem;
  }
  
  .fs-28 {
    font-size:1.8rem;
  }

  .fs-32 {
    font-size:2.2rem;
  }
  .fs-40 {
    font-size: 2.5rem;
  }

  .fs-44 {
    font-size: 2.6rem;
  }

  .fs-64 {
    font-size:3.2rem;
  }

  .fs-xs-12 {
    font-size: 1.2rem;
  }

  .fs-xs-14 {
    font-size: 1.4rem;
  }

  .fs-xs-16 {
    font-size: 1.6rem;
  }

  .fs-xs-20 {
    font-size: 2rem;
  }

  .fs-xs-24 {
    font-size: 2.4rem;
  }
}


/* Font Weight */
.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}


/* Color */
.color-white {
  color:#fff;
}

.color-dark4 {
  color:#444444;
}

.color-teal {
  color:#168cab;
}

.color-teal2 {
  color:#0a87a8;
}

.color-teal3 {
  color:#2293b1;
}

.color-red {
  color:#ff0000;
}