/* sec01 */
.sec01{
  height: 146.6667vw;
  padding-top: 14vw;
}
.visual-slider{
  width: 100%;
  height: 100%;
  object-fit: cover;

  animation: visual-scale 1.3s both;
  animation-delay: 0.2s;
}
@-webkit-keyframes visual-scale {
  0%{
  transform: scale(1.1);
    opacity: 0;
  }
  100%{
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes visual-scale {
  0%{
    transform: scale(1.1);
      opacity: 0;
    }
    100%{
      transform: scale(1);
      opacity: 1;
    }
}
.visual-slider img{
  width: 100%;
  height: 100%;
}

.visual-top-title{
  width: 89.8611vw;
  margin-top: 18.3333vw;

  animation: visual-top 2s both;
  animation-delay: 0.5s;
}

@-webkit-keyframes visual-top {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
@keyframes visual-top {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.visual-top-item{
  width: 89.8611vw;
  text-align: center;
  position: absolute;
  top: 40vw;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: 0.5s;
}
.visual-top-item img{
  width: 100%;
  transform: translateY(-50%);
  transition: 0.5s;
  opacity: 0;
  transition-delay: 0.3s;
}
.visual-top-item img:nth-child(2){
  width: 95%;
  transition-delay: 0.35s;
}
.visual-top-item.active{
  opacity: 1;

}
.visual-top-item.active img,
.visual-top-item.active img:nth-child(2){
  transform: translateY(0);
  opacity: 1;
}
.visual-top-item.active img:nth-child(2){
  transform: translateY(70%);
}

.visual-cont{
  width: 50%;
  height: 4vw;
  position: absolute;

  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;

  animation: visual-cont 1s both;
  animation-delay: 0.3s;
}
@-webkit-keyframes visual-cont {
  0%{
    opacity: 0;
    top: 57%;
  }
  100%{
    opacity: 1;
    top: 55%;
  }
}
@keyframes visual-cont {
  0%{
    opacity: 0;
    top: 57%;
  }
  100%{
    opacity: 1;
    top: 55%;
  }
}
.visual-cont span{
  display: block;
}
.visual-cont .count{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.visual-cont .count span{
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 700;
  font-size: 3vw;
  margin-top: 0.85vw;
  color: #2274ae;
  display: block;
}
.visual-cont .count .item{
  position: absolute;
  display: block;
}
.visual-cont .count .item span{
  opacity: 0;
  transition: 0.3s;
}
.visual-cont .count .item span.active{
  opacity: 1;
  /* animation: active 0.1s both; */
}
/* @keyframes active {

} */
.visual-cont .count span.itemV2-1{
}
.visual-cont .count span.itemV2-2{
}
.progressBarContainer {
  position: absolute;
  width: 70%;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);

  display: flex;
  justify-content: space-between;
  align-items: center;
}
.progressBarContainer div {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  cursor: pointer;
  float: left;
  position: absolute;
  /* color: white; */
}
.progressBarContainer div:last-child {
  margin-right: 0;
}
.progressBarContainer div span.progressBar {
  width: 100%;
  height: 0.5556vh;
  background-color: #72a6cb;
  display: block;
}
.progressBarContainer div span.progressBar .inProgress {
  background-color: rgb(255, 255, 255);
  width: 0%;
  height: 0.5556vh;
  position: relative;
  z-index: 10;
}

/* sec02 */
.sec02{
  height: 118vw;
  background: url("../image/business-bg.png") no-repeat center center;
  background-size: cover;
  margin-top: -5vw;
}
.business .inner{
  width: 79.8611vw;
  margin: 0 auto;
  text-align: center;
}
.business-title{
  width: 75vw;
  margin: 13.9vw auto 8.3vw;
}
.business-cont{
  position: relative;
  height: 61.2500vw;
}
.business-slider{
  width: 100%;
  height: 100%;
  background: #f1f1f1;
  border-radius: 10%;
  box-shadow: 2px 7px 20px 10px rgba(0, 0, 0, 0.12);
  /* padding-bottom: 13.9vw; */
}
.business-slider .item{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 4.5vw;
}
.business-slider .item img{
  width: 15.1389vw;
}
.business-slider .item img:nth-child(2){
  width: 56.2500vw;
  margin: 3.5vw 0;
}
.business-slider .item:last-child img:nth-child(1){
  width: 15vw;
}
/* .business-slider .item:last-child img:nth-child(2){
  width: 56.2500vw;
} */
.business-slider .item a{
  width: 15.1389vw;
}
.business-slider .item a img{
  width: 100%;
}

.business-arrow{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 115%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transform: translate(-50%, -50%);
}
.business-arrow img{
  width: 9.7222vw;
}
.business-p{
}
.business-n{
}

/* sec03 */
.sec03{
  height: 60vw;
  background: url("../image/data-bg.png") no-repeat center center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 13.8889vw;
}
.data img{
  width: 83.3333vw;
  margin-bottom: 5.5vw;
}
.data img:nth-child(2){
  width: 59.7222vw;
  margin-bottom: 0;
}

/* sec00 notice */

.wrapper .content .container {
  position: inherit;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(255, 255, 255);
  margin-bottom: 10vw;
}
.notice-title{
  width: 75vw;
  margin: 13.9vw auto 8.5vw;
}



/* sec04 */
.sec04{
  height: 99.4444vw;
}
.information{}
.information .item{
  height: 50%;
  background-size: cover;
}
.information .item01{
  background: url("../image/Information-itembg01.png") no-repeat center center;
}
.information .item02{
  background: url("../image/Information-itembg02.png") no-repeat center center;
}
.information .item a{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.information .item01 a img{
  width: 30.6944vw;
}
.information .item02 a img{
  width: 13.3333vw;
}