.fm-oft {
  font-family: "Outfit", sans-serif;
}


/* 정렬 */
.text-center {
  text-align: center;
}


/* 대문자 */
.text-form-uppercase {
  text-transform: uppercase;
}


/* 두께 */
.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;
}


/* 사이즈 */
.fs-0 {
  font-size:0px;
}

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

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

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

.fs-38 {
  font-size: 3.8rem;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* 간격 */
.lh-1 {
  line-height: 1;
}


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

.color-gray01 {
  color:#7d7d7d;
}

.color-red01 {
  color:#f46e4b;
}

.color-orange01 {
  color:#ff9c01;
}

.color-orange02 {
  color:#fbb040;
}

.color-green01 {
  color:#73ce2a;
}

.color-blue {
  color:#19599e;
}

.color-lightblue {
  color:#227fc4;
}

.color-darkblue {
  color:#073567;
}