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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* Text Break */
.lg {
  display: block
}

.md {
  display: block;
}

.sm {
  display: block;
}

.xs {
  display: block;
}

@media screen and (max-width:1200px) {
  .lg {
    display: none;
  }
}
@media screen and (max-width:1024px) {
  .md {
    display: none;
  }
}
@media screen and (max-width:768px) {
  .sm {
    display: none;
  }
}
@media screen and (max-width:576px) {
  .xs {
    display: none;
  }
}

/* Text Align */
.text-center {
  text-align: center;
}

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

@media screen and (max-width:1400px) {

}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {
  .text-sm-center {
    text-align: center;
  }
}
@media screen and (max-width:576px) {

}



/* Font Family */
.fm-raleway {
  font-family: "Raleway", sans-serif;
}

.fm-pretendard {
  font-family: "Pretendard", sans-serif;
}


/* Font Size */
.fs-0 {
  font-size: 0;
}

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

.fs-18 {
  font-size: 1.8rem;
}

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

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

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

.fs-30 {
  font-size: 3rem;
}

.fs-36 {
  font-size: 3.6rem;
}

.fs-42 {
  font-size: 4.2rem;
}

.fs-48 {
  font-size: 4.8rem;
}

.fs-58 {
  font-size: 5.8rem;
}

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

.fs-72 {
  font-size: 7.2rem;
}

.fs-92 {
  font-size: 9.2rem;
}

.fs-100 {
  font-size: 10rem;
}

@media screen and (max-width:1536px) {
  .fs-xxl-52 {
    font-size: 5.2rem;
  }
}
@media screen and (max-width:1366px) {
  .fs-xl-20 {
    font-size: 2rem;
  }

  .fs-xl-36 {
    font-size: 3.6rem;
  }
}
@media screen and (max-width:1200px) {
  .fs-16 {
    font-size: 1.4rem;
  }

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

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

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

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

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

  .fs-36 {
    font-size: 3rem;
  }

  .fs-42 {
    font-size: 3rem;
  }

  .fs-48 {
    font-size: 3.6rem;
  }

  .fs-58 {
    font-size: 3.6rem;
  }

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

  .fs-72 {
    font-size: 5.2rem;
  }

  .fs-92 {
    font-size: 7.2rem;
  }

  .fs-100 {
    font-size: 7.2rem;
  }

  .fs-lg-20 {
    font-size: 2rem;
  }
}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {
  .fs-16 {
    font-size: 1.3rem;
  }

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

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

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

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

  .fs-30 {
    font-size: 2.2rem; 
  }

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

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

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

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

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

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

  .fs-92 {
    font-size: 5.2rem;
  }

  .fs-100 {
    font-size: 5.2rem;
  }

  .fs-sm-18 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width:576px) {
  .fs-16 {
    font-size: 1.2rem;
  }

  .fs-18 {
    font-size: 1.3rem;
  }

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

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

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

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

  .fs-36 {
    font-size: 2.2rem;
  }

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

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

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

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

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

  .fs-92 {
    font-size: 3.2rem;
  }
  
  .fs-100 {
    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-18 {
    font-size: 1.8rem;
  }

  .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;
}


/* Line Height */
.lh-1 {
  line-height: 1;
}

.lh-14 {
  line-height: 1.4;
}

.lh-15 {
  line-height: 1.5;
}

.lh-16 {
  line-height: 1.6;
}

@media screen and (max-width:1400px) {

}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {

}


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

.color-gray {
  color:#58595C;
}

.color-lightblue {
  color:#69C6DB;
}

.color-darkblue {
  color:#315CA8
}

.color-red {
  color:#FF0000;
}