@charset "UTF-8";
/* AEM에서 사용하는 Onemobile은 lineheight가 이상한 관계로 해당당 폰트로 대체함 */
@font-face {
  font-family: "OnemobileMCS";
  font-weight: 400;
  src: url("../fonts/ONE Mobile OTF light.otf");
  src: local("ONE Mobile Demilight"), url("../fonts/ONE Mobile OTF light.otf") format("opentype"), url("../fonts/ONE Mobile Demilight.ttf") format("truetype");
}
@font-face {
  font-family: "OnemobileMCS";
  font-weight: 500;
  src: url("../fonts/ONE Mobile OTF Regular.otf");
  src: local("ONE Mobile Regular"), url("../fonts/ONE Mobile OTF Regular.otf") format("opentype"), url("../fonts/ONE Mobile Medium.ttf") format("truetype");
}
@font-face {
  font-family: "OnemobileMCS";
  font-weight: 700;
  src: url("../fonts/ONE Mobile OTF Bold.otf");
  src: local("ONE Mobile Bold"), url("../fonts/ONE Mobile OTF Bold.otf") format("opentype"), url("../fonts/ONE Mobile Bold.ttf") format("truetype");
}
.main * {
  font-family: "Mont", "OnemobileMCS", sans-serif !important;
}

.slidetop {
  aspect-ratio: 1920/1008 !important;
  position: relative;
  overflow: hidden;
}
.slidetop .main__visual {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.875vw;
}
.slidetop .main__visual__ttl {
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  text-shadow: none !important;
  gap: 1.875vw;
}
.slidetop .main__visual__ttl .logo {
  width: 14.5833333333vw;
  margin-top: -5.2083333333vw;
}
.slidetop .main__visual__ttl .logo.absolute {
  margin-top: 0 !important;
  width: 10.15625vw;
  position: absolute;
  top: 2.6041666667vw;
  left: 4.0625vw;
}
.slidetop .main__visual__ttl h2 {
  font-size: 3.6458333333vw;
  line-height: 1.2;
}
.slidetop .main__visual__ttl .desc {
  margin: 0 !important;
  font-size: 2.3958333333vw;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01vw;
  font-family: "Onemobile", sans-serif !important;
}
.slidetop .main__visual__ttl .shadow {
  text-shadow: 0 0.2083333333vw 0.7291666667vw rgba(0, 0, 0, 0.35);
  line-height: 1.3;
}
.slidetop .main__visual__bg video, .slidetop .main__visual__bg image {
  object-fit: cover;
}

@media all and (max-width: 768px) {
  .slidetop {
    aspect-ratio: 375/600 !important;
  }
  .slidetop .mont {
    display: inline-block !important;
    margin: 0 !important;
  }
  .slidetop strong {
    font-size: 1em !important;
  }
  .slidetop .main__visual {
    align-items: center;
    text-align: center;
    justify-content: flex-start;
    gap: 5.3333333333vw;
    padding: 32vw 0 0;
  }
  .slidetop .main__visual__ttl {
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-shadow: none !important;
    gap: 3.4666666667vw;
  }
  .slidetop .main__visual__ttl .logo {
    width: 40vw;
    margin-top: -13.3333333333vw;
  }
  .slidetop .main__visual__ttl .logo.absolute {
    margin-top: 0 !important;
    width: 17.0666666667vw;
    top: 4.2666666667vw;
    left: 6.6666666667vw;
  }
  .slidetop .main__visual__ttl h2 {
    font-size: 7.4666666667vw;
  }
  .slidetop .main__visual__ttl .desc {
    margin: 0 !important;
    font-size: 4.8vw;
  }
  .slidetop .main__visual__ttl .shadow {
    text-shadow: 0 1.0666666667vw 3.7333333333vw rgba(0, 0, 0, 0.35);
    line-height: 1.3;
  }
  .slidetop .swiper-pagination {
    bottom: 3vw !important;
  }
}
/* 메인 슬라이드 상위 2개에서 공통으로 쓰는 컴포넌트 */
.main__visual .btn__box .btn__rec {
  padding: 0;
  min-width: 14.5833333333vw;
  height: 2.9166666667vw;
  font-family: "OnemobileMCS", sans-serif !important;
}
.main__visual .btn__box span {
  font-family: "OnemobileMCS", sans-serif !important;
}
.main__visual .btn__box .arrow {
  background: none !important;
  font-size: 0;
}
.main__visual .btn__box .arrow svg {
  width: 100% !important;
  height: 100% !important;
}
@media all and (max-width: 768px) {
  .main__visual .btn__box {
    position: absolute;
    bottom: 13.3333333333vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .main__visual .btn__box .btn__rec {
    min-width: 55.4666666667vw;
    height: 11.7333333333vw;
  }
  .main__visual .btn__box .arrow {
    height: 2.7vw;
  }
}