@charset "utf-8";
/* animation: fadeIn 0.5s ease-in-out 0s 1 forwards running; */


.main .banner-arti .inner{ opacity: 0; }
.main .banner-arti.on .inner{ animation: fadeIn 0.5s ease-in-out 0s 1 forwards running; }

.main .vision-arti .item-list > li{ opacity: 0; }
.main .vision-arti.on .item-list > li:nth-child(1){ animation: fadeIn 0.5s ease-in-out 0s 1 forwards running; }
.main .vision-arti.on .item-list > li:nth-child(2){ animation: fadeIn 0.5s ease-in-out 0.1s 1 forwards running; }
.main .vision-arti.on .item-list > li:nth-child(3){ animation: fadeIn 0.5s ease-in-out 0.2s 1 forwards running; }
.main .vision-arti.on .item-list > li:nth-child(4){ animation: fadeIn 0.5s ease-in-out 0.2s 1 forwards running; }

.main .wave-arti .item-list > li{ opacity: 0; }
.main .wave-arti.on .item-list > li:nth-child(1){ animation: fadeIn 0.5s ease-in-out 0s 1 forwards running; }
.main .wave-arti.on .item-list > li:nth-child(2){ animation: fadeIn 0.5s ease-in-out 0.1s 1 forwards running; }
.main .wave-arti.on .item-list > li:nth-child(3){ animation: fadeIn 0.5s ease-in-out 0.2s 1 forwards running; }

.main .coin-arti .left-box .coin{ transform: scale(0); }
.main .coin-arti.on .left-box .coin{  animation: pulse 600ms ease-in-out forwards, float 3s ease-in-out infinite;; }

@keyframes pulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(0.85); } /* 가운데에서 가장 작음 */
    100% { transform: scale(1); }
}

.main .partnership-arti .title1{ opacity: 0; }
.main .partnership-arti.on .title1{ animation: fadeIn 0.5s ease-in-out 0s 1 forwards running; }

.main .partnership-arti .content{ opacity: 0; }
.main .partnership-arti.on .content{ animation: fadeIn 0.5s ease-in-out 0.1s 1 forwards running; }

.main .partnership-arti .img-list{ opacity: 0; }
.main .partnership-arti.on .img-list{ animation: fadeIn 0.5s ease-in-out 0.2s 1 forwards running; }

.main .partnership-arti .blue-bg{ opacity: 0; }
.main .partnership-arti.on .blue-bg{ animation: fadeIn 0.5s ease-in-out 0.3s 1 forwards running; }

@keyframes fadeIn {
    0% {transform: translate3d(0px, 30px, 0px); }
    100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInDown {
    0% {transform: translate3d(0px, -30px, 0px); }
    100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInRight {
    0% { opacity: 0; transform: translate3d(30px, 0, 0px); }
    100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInLeft {
    0% { opacity: 0; transform: translate3d(-30px, 0, 0px); }
    100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}

@keyframes float {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}

.main .banner-arti .title{  animation: blink 3s infinite;  }

@keyframes blink {
    0%   { opacity: 0; }
    50%  { opacity: 1; }
    100% { opacity: 0; }
  }