/* Font Face */
/* 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;
}

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

.text-bg-yellow{
  width: fit-content;
  margin: 0 auto;
  position: relative;
  padding: 5px 10px;
  display: inline-block;
}

.text-bg-yellow:before{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  content: '';
  width: 100%;
  height: 100%;
  background-color: #F5BF3F;
  z-index: -1;
  border-radius: 5px;
}

@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-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-26 {
  font-size: 2.6rem;
}

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

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

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

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

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

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

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

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

.fs-54 {
  font-size: 5.4rem;
}

.fs-56 {
  font-size: 5.6rem;
}

.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-26 {
    font-size: 2.2rem;
  }
  .fs-28 {
    font-size: 2.3rem;
  }

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

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

  .fs-38 {
    font-size: 2.8rem;
  }
  .fs-40 {
    font-size: 3.9rem;
  }

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

  .fs-48 {
    font-size: 3.4rem;
  }
  .fs-54 {
    font-size: 3.4rem;
  }
  .fs-56 {
    font-size: 3.5rem;
  }

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

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

  .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-26 {
    font-size: 2.0rem;
  }

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

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

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

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

  .fs-38 {
    font-size: 2.4rem;
  }
  .fs-40 {
    font-size: 2.4rem;
  }

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

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

  .fs-54 {
    font-size: 2.8rem;
  }
  .fs-56 {
    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-26 {
    font-size: 1.8rem;
  }

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

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

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

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

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

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

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

  .fs-56 {
    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;
  }

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


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

.lh-18 {
  line-height: 1.8;
}

.lh-2 {
  line-height: 2;
}

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

.text-underline-5{
  text-underline-offset: 5px;
}
.text-thickness-2{
  text-decoration-thickness:2px;
}

.list-style-decimal{
  padding-left: 20px;  
}

.list-style-decimal li{
  list-style-type: decimal;
}

.list-style-circle li{
  padding-left: 20px;
  position: relative;
}
.list-style-circle li:before{
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #191919;
  position: absolute;
  left: 6px;
  top: 14px;
}

.w-fit-content{
  width: fit-content;
  margin: 0 auto;
}

@media all and (max-width:768px){
  .list-style-circle li:before{top: 12px;}
}