.title {
  font-family: 'Montserrat-ExtraBold';
}


/* about */
.about {
  padding-top: 30px;
}

.about .title {
  margin-bottom: 30px;
}

.about .lt {
  margin-bottom: 20px;
}

.about .lt img {
  width: 100%;
  border-radius: 10px;
}

.about .info {
  color: #CDCDCE;
  max-height: 324px;
}

@media (min-width: 992px) {
  .about .item-wrap {
    display: flex;
    align-items: center;
  }

  .about .lt {
    flex: 0 0 calc((640 / 1440) * 100%);
    max-width: calc((640 / 1440) * 100%);
    margin-bottom: 0;
  }

  .about .rt {
    flex: 1;
    padding-left: 30px;
  }
}

@media (min-width: 1200px) {
  .about {
    padding-top: 60px;
  }

  .about .title {
    margin-bottom: 60px;
  }

  .about .rt {
    padding-left: 40px;
  }

  .about .info {
    max-height: 390px;
  }
}

@media (min-width: 1440px) {
  .about {
    padding-top: 100px;
  }

  .about .info {
    max-height: 510px;
  }
}


/* advantage */
.advantage {
  padding-top: 30px;
  overflow: hidden;
}

.advantage .title {
  margin-bottom: 30px;
}

.advantage .row {
  margin-bottom: -30px;
}

.advantage .row>div {
  margin-bottom: 30px;
}

.advantage .title {
  margin-bottom: 30px;
}

.advantage .block {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.advantage .block::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #0086E3 100%);
  opacity: 0.7;
}

.advantage .block img {
  width: 100%;
  aspect-ratio: 690 / 420;
}

.advantage .tit {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
  font-family: 'Montserrat-Bold';
}

@media (min-width: 1200px) {
  .advantage {
    padding-top: 60px;
  }

  .advantage .title {
    margin-bottom: 60px;
  }

  .advantage .row {
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -60px;
  }

  .advantage .row>div {
    padding: 0 30px;
    margin-bottom: 60px;
  }

  .advantage .tit {
    left: 40px;
    right: 40px;
    bottom: 36px;
  }
}

@media (min-width: 1440px) {
  .advantage {
    padding-top: 100px;
  }

  .advantage .tit {
    right: 60px;
  }
}


/* certificate */
.certificate {
  padding: 30px 0;
}

.certificate .title {
  margin-bottom: 30px;
}

.certificate .swiper-slide img {
  width: 100%;
  aspect-ratio: 332 / 468;
}

.certificate .swiper-pagination {
  margin-top: 20px;
}

@media (min-width: 1200px) {
  .certificate {
    padding: 60px 0;
  }

  .certificate .title {
    margin-bottom: 60px;
  }

  .certificate .swiper-pagination {
    margin-top: 45px;
    display: flex;
  }
}

@media(min-width: 1440px) {
  .certificate {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}