@charset "UTF-8";
/* viewport size */
/* vw 변환 function */
.main-header .inner1920 {
  justify-content: flex-end;
}
.main-header .icon-box-left {
  display: none;
}

.main-contents .kv {
  position: relative;
}
.main-contents .kv .vdo-box {
  width: 100%;
  height: 100vh;
  height: 100dvh;
}
.main-contents .kv .vdo-box video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-contents .kv .scroll {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #00b3e3;
}
.main-contents .kv .scroll::before {
  background: #00b3e3;
}
.main-contents .program.gray {
  background: #ececec;
}
.main-contents .program-list {
  display: flex;
  flex-direction: column;
}
.main-contents .program-item a {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.main-contents .program-item_left a {
  justify-content: flex-start;
}
.main-contents .program-item_left .program-txt {
  text-align: left;
}
.main-contents .program-txt {
  text-align: right;
}
.main-contents .program-txt .desc {
  color: #000;
  line-height: 1.3;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

/*** 테스크탑 ***/
@media screen and (min-width: 1920px) {
  .main-contents .kv .scroll {
    bottom: 65px;
  }
  .main-contents .program .inner1920 {
    padding: 250px 207px;
  }
  .main-contents .program-list {
    gap: 140px 0;
  }
  .main-contents .program-item a {
    gap: 0 30px;
  }
  .main-contents .program-txt .desc {
    font-size: 42px;
  }
  .main-contents .program-img {
    width: 1066px;
  }
}
/*** 태블릿 ***/
@media screen and (min-width: 841px) and (max-width: 1919px) {
  .main-contents .kv .scroll {
    bottom: 3.3854166667vw;
  }
  .main-contents .program .inner1920 {
    padding: 13.0208333333vw 10.78125vw;
  }
  .main-contents .program-list {
    gap: 7.2916666667vw 0vw;
  }
  .main-contents .program-item a {
    gap: 0vw 1.5625vw;
  }
  .main-contents .program-txt .desc {
    font-size: 2.1875vw;
  }
  .main-contents .program-img {
    width: 55.5208333333vw;
  }
}
/*** 모바일 > 디자인은 720 기준으로 작업함 ***/
@media screen and (max-width: 840px), (orientation: portrait) {
  .main-contents .kv .scroll {
    bottom: 15.2777777778vw;
  }
  .main-contents .program.gray .inner1920 {
    padding: 27.7777777778vw 0vw 13.8888888889vw;
  }
  .main-contents .program.white .inner1920 {
    padding: 13.8888888889vw 0vw;
  }
  .main-contents .program-list {
    gap: 9.7222222222vw 0vw;
  }
  .main-contents .program-item a {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.9444444444vw 0vw;
    padding-left: 10.1388888889vw;
  }
  .main-contents .program-item .program-txt {
    order: 2;
  }
  .main-contents .program-item .program-img {
    order: 1;
  }
  .main-contents .program-item_left a {
    padding-left: 0;
  }
  .main-contents .program-item_left .program-txt {
    text-align: right;
  }
  .main-contents .program-txt {
    width: 89.8611111111vw;
    text-align: left;
  }
  .main-contents .program-txt .desc {
    font-size: 4.7222222222vw;
  }
  .main-contents .program-img {
    width: 89.8611111111vw;
  }
}
/*** 폴드 ***/
@media screen and (min-width: 680px) and (max-width: 850px) {
  .main-contents .kv .scroll {
    bottom: 6.6722268557vw;
  }
}/*# sourceMappingURL=main.css.map */