@charset "UTF-8";
/**************************************** present 시작*/
.pre__title {
  padding: 80px 0;
}

.pre__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 100px;
}

.pre__con_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 100px;
  display: none;
}

.pre__con .con_wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 20px;
  margin-bottom: 50px;
}
.pre__con .con_wrap .con {
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.pre__con .con_wrap .con figure {
  width: 100%;
  height: 100%;
}
.pre__con .con_wrap .con figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/**************************************** present 끝*/
/**************************************** present_view 시작*/
.pre_v__title {
  padding: 80px 0;
}

/**************************************** present_view 끝*/
@media screen and (max-width: 1240px) {
  .pre__title {
    padding: 60px 0;
  }
}
@media screen and (max-width: 1024px) {
  .pre__con_wrap {
    row-gap: 80px;
  }
  .pre__con .con_wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .pre__con .con_wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 540px) {
  .pre__con_wrap {
    row-gap: 60px;
  }
  .pre__title {
    padding: 50px 0;
  }
  .pre__con .con_wrap {
    grid-template-columns: 1fr;
    margin-bottom: 30px;
  }
  .pre__con .con_wrap .con {
    height: 200px;
  }
}/*# sourceMappingURL=sub03.css.map */