.mainVisual__sideImg.fade-in {
  opacity: 0;
  transform: translate(-18rem, 4rem);
  transition: all 1s 0.9s ease-out;
}
@media screen and (max-width: 480px) {
  .mainVisual__sideImg.fade-in {
    transform: translate(-8rem, 4rem);
  }
}
.mainVisual__sideImg.fade-in.show {
  opacity: 1;
  transform: translate(-18rem, -1.5rem);
}
@media screen and (max-width: 480px) {
  .mainVisual__sideImg.fade-in.show {
    transform: translate(-8rem, -1rem);
  }
}

.mainVisual__outerWrap.fade-in::after {
  transform: translateY(-28rem);
  opacity: 0;
  transition: all 1.2s ease;
}
@media screen and (max-width: 1440px) {
  .mainVisual__outerWrap.fade-in::after {
    transform: translateY(-10rem);
  }
}
@media screen and (max-width: 1024px) {
  .mainVisual__outerWrap.fade-in::after {
    transform: translateY(0);
  }
}
@media screen and (max-width: 768px) {
  .mainVisual__outerWrap.fade-in::after {
    transform: translate(1rem, 3rem);
  }
}
@media screen and (max-width: 480px) {
  .mainVisual__outerWrap.fade-in::after {
    transform: translate(5.5rem, -1.5rem);
  }
}
@media screen and (max-width: 370px) {
  .mainVisual__outerWrap.fade-in::after {
    transform: translate(6rem, -1.5rem);
  }
}

.mainVisual__outerWrap.fade-in.show::after {
  transform: translateY(-33rem);
  opacity: 1;
}
@media screen and (max-width: 1440px) {
  .mainVisual__outerWrap.fade-in.show::after {
    transform: translateY(-18rem);
  }
}
@media screen and (max-width: 1024px) {
  .mainVisual__outerWrap.fade-in.show::after {
    transform: translateY(-5rem);
  }
}
@media screen and (max-width: 768px) {
  .mainVisual__outerWrap.fade-in.show::after {
    transform: translate(1rem, -2rem);
  }
}
@media screen and (max-width: 480px) {
  .mainVisual__outerWrap.fade-in.show::after {
    transform: translate(5.5rem, 3rem);
  }
}
@media screen and (max-width: 370px) {
  .mainVisual__outerWrap.fade-in.show::after {
    transform: translate(6rem, 5rem);
  }
}

.pointsText__box::before, .pointsText__box::after {
  opacity: 0;
}
.pointsText__box::before {
  transform: translate(-13.5rem, 0rem);
  transition: all 1s 0.5s ease-out;
}
@media screen and (max-width: 1440px) {
  .pointsText__box::before {
    transform: translate(-16rem, -2rem);
  }
}
@media screen and (max-width: 1024px) {
  .pointsText__box::before {
    transform: translate(-14rem, 1rem);
  }
}
@media screen and (max-width: 768px) {
  .pointsText__box::before {
    transform: translate(10rem, 24rem);
  }
}
@media screen and (max-width: 480px) {
  .pointsText__box::before {
    transform: translate(7rem, 15rem);
  }
}
@media screen and (max-width: 370px) {
  .pointsText__box::before {
    transform: translate(7rem, 16rem);
  }
}
.pointsText__box::after {
  transform: translate(12.5rem, 13rem);
  transition: all 1s 1.2s ease-out;
}
@media screen and (max-width: 1440px) {
  .pointsText__box::after {
    transform: translate(12.5rem, 13rem);
  }
}
@media screen and (max-width: 1024px) {
  .pointsText__box::after {
    transform: translate(14.5rem, 24rem);
  }
}
@media screen and (max-width: 768px) {
  .pointsText__box::after {
    transform: translate(-10.5rem, 24rem);
  }
}
@media screen and (max-width: 480px) {
  .pointsText__box::after {
    transform: translate(-7.5rem, 21rem);
  }
}
@media screen and (max-width: 370px) {
  .pointsText__box::after {
    transform: translate(-8.5rem, 20rem);
  }
}

.pointsText__box:has(.show)::before {
  opacity: 1;
  transform: translate(-13.5rem, -4rem);
}
@media screen and (max-width: 1440px) {
  .pointsText__box:has(.show)::before {
    transform: translate(-16rem, -7rem);
  }
}
@media screen and (max-width: 1024px) {
  .pointsText__box:has(.show)::before {
    transform: translate(-14rem, -4rem);
  }
}
@media screen and (max-width: 768px) {
  .pointsText__box:has(.show)::before {
    transform: translate(10rem, 19rem);
  }
}
@media screen and (max-width: 480px) {
  .pointsText__box:has(.show)::before {
    transform: translate(7rem, 15rem);
  }
}
@media screen and (max-width: 370px) {
  .pointsText__box:has(.show)::before {
    transform: translate(7rem, 14rem);
  }
}
.pointsText__box:has(.show)::after {
  opacity: 1;
  transform: translate(12.5rem, 8rem);
}
@media screen and (max-width: 1440px) {
  .pointsText__box:has(.show)::after {
    transform: translate(12.5rem, 8rem);
  }
}
@media screen and (max-width: 1024px) {
  .pointsText__box:has(.show)::after {
    transform: translate(14.5rem, 19rem);
  }
}
@media screen and (max-width: 768px) {
  .pointsText__box:has(.show)::after {
    transform: translate(-10.5rem, 19rem);
  }
}
@media screen and (max-width: 480px) {
  .pointsText__box:has(.show)::after {
    transform: translate(-7.5rem, 19rem);
  }
}
@media screen and (max-width: 370px) {
  .pointsText__box:has(.show)::after {
    transform: translate(-8.5rem, 17rem);
  }
}

.featuresImg__flex .featuresImg__link.fade-in.show:nth-of-type(2) {
  transition: all 1s 0.3s ease-out;
}
.featuresImg__flex .featuresImg__link.fade-in.show:nth-of-type(3) {
  transition: all 1s 0.6s ease-out;
}
.featuresImg__flex .featuresImg__link.fade-in.show:nth-of-type(4) {
  transition: all 1s 0.9s ease-out;
}
.featuresImg__flex .featuresImg__link.fade-in.show:nth-of-type(5) {
  transition: all 1s 1.2s ease-out;
}

.learningText__wrap.fade-in {
  transition: all 1s 1s ease-out;
}
@media screen and (max-width: 768px) {
  .featuresImg__flex .featuresImg__link.fade-in.show,.featuresImg__flex .featuresImg__link.fade-in.show:nth-of-type(2),.featuresImg__flex .featuresImg__link.fade-in.show:nth-of-type(3),
  .featuresImg__flex .featuresImg__link.fade-in.show:nth-of-type(4),.featuresImg__flex .featuresImg__link.fade-in.show:nth-of-type(5){
  transition: all 0.8s 0.3s ease-out;
}
  .learningText__wrap.-culture.fade-in.show {
    transition: all 1s 1s ease-out;
  }
  .learningOuter__img.-culture.fade-in{
    transition: all 1s 1s ease-out;
  }
  .learningOuter__img.-culture.fade-in.show{
    transition: all 1s 1s ease-out;
  }
}

@media screen and (min-width: 768px) {
  .messageList li.fade-in.show:nth-of-type(2) {
    transition: all 1s 0.5s ease-out;
  }
}
@media screen and (min-width: 768px) {
  .messageList li.fade-in.show:nth-of-type(3) {
    transition: all 1s 1s ease-out;
  }
}
/*# sourceMappingURL=korean_culture_fadein.css.map */