/* 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-poppins {
  font-family: 'Poppins', sans-serif;
}

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


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

/* 1px 단위 추가 */
.fs-12 { font-size: 1.2rem; }
.fs-13 { font-size: 1.3rem; }
.fs-14 { font-size: 1.4rem; }
.fs-15 { font-size: 1.5rem; }

/* 기존 클래스 */
.fs-16 { font-size: 1.6rem; }
.fs-17 { font-size: 1.7rem; }
.fs-18 { font-size: 1.8rem; }
.fs-19 { font-size: 1.9rem; }
.fs-20 { font-size: 2rem; }

/* 2px, 4px 단위 추가 */
.fs-22 { font-size: 2.2rem; }
.fs-24 { font-size: 2.4rem; }
.fs-25 { font-size: 2.5rem; }
.fs-26 { font-size: 2.6rem; }
.fs-28 { font-size: 2.8rem; }
.fs-30 { font-size: 3rem; }
.fs-32 { font-size: 3.2rem; }
.fs-34 { font-size: 3.4rem; }
.fs-36 { font-size: 3.6rem; }
.fs-40 { font-size: 4rem; } /* fs-42 대신 fs-40, fs-44 등 규칙적인 간격으로 정리 */
.fs-44 { font-size: 4.4rem; }
.fs-48 { font-size: 4.8rem; }
.fs-52 { font-size: 5.2rem; }
.fs-56 { font-size: 5.6rem; }

/* 대형 크기 정리 */
.fs-60 { font-size: 6rem; }
.fs-64 { font-size: 6.4rem; }
.fs-72 { font-size: 7.2rem; }
.fs-80 { font-size: 8rem; }
.fs-92 { font-size: 9.2rem; }
.fs-100 { font-size: 10rem; }

@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-22 { font-size: 1.9rem; }
  .fs-24 { font-size: 2rem; }
  .fs-25 { font-size: 2.1rem; }
  .fs-26 { font-size: 2.2rem; }
  .fs-28 { font-size: 2.4rem; }
  .fs-30 { font-size: 2.4rem; }
  .fs-32 { font-size: 2.6rem; }
  .fs-36 { font-size: 3rem; }
  .fs-40 { font-size: 3rem; }
  .fs-44 { font-size: 3.4rem; }
  .fs-48 { font-size: 3.6rem; }
  .fs-52 { font-size: 3.6rem; } /* 신규 */
  .fs-56 { font-size: 4rem; } /* 신규 */
  .fs-60 { font-size: 4.4rem; } /* 신규 */
  .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-xl-20 { font-size: 2rem; }
  .fs-xl-36 { font-size: 3.6rem; }
  .fs-lg-20 { font-size: 2rem; }
}

@media screen and (max-width: 768px) {
  /* fs-16 (1.3rem)을 기준으로 조정 */
  .fs-16 { font-size: 1.3rem; }
  .fs-18 { font-size: 1.4rem; }
  .fs-20 { font-size: 1.6rem; }
  .fs-22 { font-size: 1.7rem; } /* 신규 */
  .fs-24 { font-size: 1.8rem; }
  .fs-25 { font-size: 1.9rem; }
  .fs-26 { font-size: 2rem; } /* 신규 */
  .fs-28 { font-size: 2.2rem; }
  .fs-30 { font-size: 2.2rem; } 
  .fs-32 { font-size: 2.3rem; } /* 신규 */
  .fs-36 { font-size: 2.4rem; }
  .fs-40 { font-size: 2.4rem; }
  .fs-44 { font-size: 2.6rem; } /* 신규 */
  .fs-48 { font-size: 2.8rem; }
  .fs-52 { font-size: 2.8rem; } /* 신규 */
  .fs-56 { font-size: 3rem; } /* 신규 */
  .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 (1.2rem)을 기준으로 조정 */
  .fs-16 { font-size: 1.2rem; }
  .fs-18 { font-size: 1.3rem; }
  .fs-20 { font-size: 1.4rem; }
  .fs-22 { font-size: 1.5rem; } /* 신규 */
  .fs-24 { font-size: 1.6rem; }
  .fs-25 { font-size: 1.9rem; } /* 신규 */
  .fs-26 { font-size: 1.8rem; } /* 신규 */
  .fs-28 { font-size: 2rem; }
  .fs-30 { font-size: 2rem; } 
  .fs-32 { font-size: 2.1rem; } /* 신규 */
  .fs-36 { font-size: 2.2rem; }
  .fs-40 { font-size: 2.4rem; }
  .fs-44 { font-size: 2.4rem; }
  .fs-48 { font-size: 2.4rem; }
  .fs-52 { font-size: 2.6rem; } /* 신규 */
  .fs-56 { font-size: 2.8rem; } /* 신규 */
  .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-blue {
  color:#195CA9;
}

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

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

.color-darkblue {
  color:#315CA8
}

.color-darkred {
  color:#E80000;
}
.color-red {
  color:#FF0000;
}