@charset "UTF-8";
/*=================================================
    컬러
=================================================*/
/*=================================================
    폰트
=================================================*/
/*=================================================
    미디어쿼리
=================================================*/
.subtop-wrap {
  background-image: url("../imgs/subtop_about.png");
}
@media screen and (max-width: 767.98px) {
  .subtop-wrap {
    background-image: url("../imgs/subtop_about_m.png");
  }
}

#section01 {
  padding: 232px 0 345px;
}
@media screen and (max-width: 1919.98px) {
  #section01 {
    padding: 12.0896300156vw 0 17.9781136008vw;
  }
}
@media screen and (max-width: 991.98px) {
  #section01 {
    padding: 41px 0 74px;
  }
}
#section01 * {
  letter-spacing: -0.02em;
}
#section01 img {
  display: block;
  margin: 0 auto;
  width: 100%;
  transition: all 0.3s;
}
@media screen and (max-width: 1499.98px) {
  #section01 img {
    max-width: 700px;
  }
}
@media screen and (max-width: 991.98px) {
  #section01 img {
    padding: 0 12px;
  }
}

#section02 {
  padding-bottom: 280px;
}
@media screen and (max-width: 1919.98px) {
  #section02 {
    padding-bottom: 14.5909327775vw;
  }
}
@media screen and (max-width: 991.98px) {
  #section02 {
    padding-bottom: 85px;
  }
}
#section02 * {
  letter-spacing: -0.02em;
}
@media screen and (min-width: 1500px) {
  #section02 .title-wrap .title {
    font-size: 60px;
  }
}