/* 트랜지션 이름 */
.fade {
    opacity: 0;
    visibility: hidden;
}

.active .fade {
    opacity: 1;
    visibility: visible;
}

/* 애니메이션 이름 */
.active .slide-in-bottom {
    -webkit-animation: slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;
    animation: slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both
}

.active .slide-in-left {
    -webkit-animation: slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both;
    animation: slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both
}

.active .slide-in-right {
    -webkit-animation: slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both;
    animation: slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both
}

.active .slide-in-top {
    -webkit-animation: slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;
    animation: slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both
}

.active .bounce-in-bck {
    -webkit-animation: bounce-in-bck 1.1s both;
    animation: bounce-in-bck 1.1s both
}

.active .bounce-in-fwd {
    -webkit-animation: bounce-in-fwd 1.1s both;
    animation: bounce-in-fwd 1.1s both
}

.active .bounce-in-bottom {
    -webkit-animation: bounce-in-bottom 1.1s both;
    animation: bounce-in-bottom 1.1s both
}

.active .slide-in-elliptic-top-fwd {
    -webkit-animation: slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both;
    animation: slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both
}

.active .rotate-in-hor {
    -webkit-animation: rotate-in-hor .5s cubic-bezier(.25,.46,.45,.94) both;
    animation: rotate-in-hor .5s cubic-bezier(.25,.46,.45,.94) both
}

.active .puff-in-center {
    -webkit-animation: puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) both;
    animation: puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) both
}

.active .slide-in-blurred-left {
    -webkit-animation: slide-in-blurred-left .6s cubic-bezier(.23,1.000,.32,1.000) both;
    animation: slide-in-blurred-left .6s cubic-bezier(.23,1.000,.32,1.000) both
}

.active .slide-in-blurred-right {
    -webkit-animation: slide-in-blurred-right .6s cubic-bezier(.23,1.000,.32,1.000) both;
    animation: slide-in-blurred-right .6s cubic-bezier(.23,1.000,.32,1.000) both
}

.active .slide-in-blurred-bottom {
    -webkit-animation: slide-in-blurred-bottom .6s cubic-bezier(.23,1.000,.32,1.000) both;
    animation: slide-in-blurred-bottom .6s cubic-bezier(.23,1.000,.32,1.000) both
}

.active .blink-1 {
    -webkit-animation: blink-1 .6s both;
    animation: blink-1 .6s both
}

.active .pulsate-bck {
    -webkit-animation: pulsate-bck .5s ease-in-out infinite both;
    animation: pulsate-bck .5s ease-in-out infinite both
}

.active .ping {
    -webkit-animation: ping .8s ease-in-out infinite both;
    animation: ping .8s ease-in-out infinite both
}

/* 애니메이션 키프레임 */
@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes bounce-in-bck {
    0% {
        -webkit-transform: scale(7);
        transform: scale(7);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    38% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }

    55% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    72% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: scale(1.24);
        transform: scale(1.24);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    89% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    95% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes bounce-in-bck {
    0% {
        -webkit-transform: scale(7);
        transform: scale(7);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    38% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }

    55% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    72% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: scale(1.24);
        transform: scale(1.24);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    89% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    95% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes bounce-in-fwd {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    38% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }

    55% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    72% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: scale(.84);
        transform: scale(.84);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    89% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    95% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes bounce-in-fwd {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    38% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }

    55% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    72% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: scale(.84);
        transform: scale(.84);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    89% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    95% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes bounce-in-bottom {
    0% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }

    55% {
        -webkit-transform: translateY(65px);
        transform: translateY(65px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: translateY(28px);
        transform: translateY(28px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    95% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes bounce-in-bottom {
    0% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }

    55% {
        -webkit-transform: translateY(65px);
        transform: translateY(65px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: translateY(28px);
        transform: translateY(28px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    95% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes slide-in-elliptic-top-fwd {
    0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-top-fwd {
    0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-hor {
    0% {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes rotate-in-hor {
    0% {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes blink-1 {
    0%,50%,100% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

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

    25%,75% {
        opacity: 0
    }
}

@-webkit-keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes ping {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: .8
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0
    }
}

@keyframes ping {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: .8
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0
    }
}

/* 애니메이션 지연시간 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.infinite {
    -webkit-animation-iteration-count: infinite!important;
    animation-iteration-count: infinite!important;
}

.delay01s {
    -webkit-animation-delay: .1s!important;
    animation-delay: .1s!important;
}

.delay02s {
    -webkit-animation-delay: .2s!important;
    animation-delay: .2s!important;
}

.delay03s {
    -webkit-animation-delay: .3s!important;
    animation-delay: .3s!important;
}

.delay04s {
    -webkit-animation-delay: .4s!important;
    animation-delay: .4s!important;
}

.delay05s {
    -webkit-animation-delay: .5s!important;
    animation-delay: .5s!important;
}

.delay06s {
    -webkit-animation-delay: .6s!important;
    animation-delay: .6s!important;
}

.delay07s {
    -webkit-animation-delay: .7s!important;
    animation-delay: .7s!important;
}

.delay08s {
    -webkit-animation-delay: .8s!important;
    animation-delay: .8s!important;
}

.delay09s {
    -webkit-animation-delay: .9s!important;
    animation-delay: .9s!important;
}

.delay10s {
    -webkit-animation-delay: 1s!important;
    animation-delay: 1s!important;
}

.delay11s {
    -webkit-animation-delay: 1.1s!important;
    animation-delay: 1.1s!important;
}

.delay12s {
    -webkit-animation-delay: 1.2s!important;
    animation-delay: 1.2s!important;
}

.delay13s {
    -webkit-animation-delay: 1.3s!important;
    animation-delay: 1.3s!important;
}

.delay14s {
    -webkit-animation-delay: 1.4s!important;
    animation-delay: 1.4s!important;
}

.delay15s {
    -webkit-animation-delay: 1.5s!important;
    animation-delay: 1.5s!important;
}

.delay16s {
    -webkit-animation-delay: 1.6s!important;
    animation-delay: 1.6s!important;
}

.delay17s {
    -webkit-animation-delay: 1.7s!important;
    animation-delay: 1.7s!important;
}

.delay18s {
    -webkit-animation-delay: 1.8s!important;
    animation-delay: 1.8s!important;
}

.delay19s {
    -webkit-animation-delay: 1.9s!important;
    animation-delay: 1.9s!important;
}

.delay20s {
    -webkit-animation-delay: 2s!important;
    animation-delay: 2s!important;
}

.delay21s {
    -webkit-animation-delay: 2.1s!important;
    animation-delay: 2.1s!important;
}

.delay22s {
    -webkit-animation-delay: 2.2s!important;
    animation-delay: 2.2s!important;
}

.delay23s {
    -webkit-animation-delay: 2.3s!important;
    animation-delay: 2.3s!important;
}

.delay24s {
    -webkit-animation-delay: 2.4s!important;
    animation-delay: 2.4s!important;
}

.delay25s {
    -webkit-animation-delay: 2.5s!important;
    animation-delay: 2.5s!important;
}

.delay26s {
    -webkit-animation-delay: 2.6s!important;
    animation-delay: 2.6s!important;
}

.delay27s {
    -webkit-animation-delay: 2.7s!important;
    animation-delay: 2.7s!important;
}

.delay28s {
    -webkit-animation-delay: 2.8s!important;
    animation-delay: 2.8s!important;
}

.delay29s {
    -webkit-animation-delay: 2.9s!important;
    animation-delay: 2.9s!important;
}

.delay30s {
    -webkit-animation-delay: 3s!important;
    animation-delay: 3s!important;
}

.delay31s {
    -webkit-animation-delay: 3.1s!important;
    animation-delay: 3.1s!important;
}

.delay32s {
    -webkit-animation-delay: 3.2s!important;
    animation-delay: 3.2s!important;
}

.delay33s {
    -webkit-animation-delay: 3.3s!important;
    animation-delay: 3.3s!important;
}

.delay34s {
    -webkit-animation-delay: 3.4s!important;
    animation-delay: 3.4s!important;
}

.delay35s {
    -webkit-animation-delay: 3.5s!important;
    animation-delay: 3.5s!important;
}

.delay36s {
    -webkit-animation-delay: 3.6s!important;
    animation-delay: 3.6s!important;
}

.delay37s {
    -webkit-animation-delay: 3.7s!important;
    animation-delay: 3.7s!important;
}

.delay38s {
    -webkit-animation-delay: 3.8s!important;
    animation-delay: 3.8s!important;
}

.delay39s {
    -webkit-animation-delay: 3.9s!important;
    animation-delay: 3.9s!important;
}

.delay40s {
    -webkit-animation-delay: 4s!important;
    animation-delay: 4s!important;
}

.delay41s {
    -webkit-animation-delay: 4.1s!important;
    animation-delay: 4.1s!important;
}

.delay42s {
    -webkit-animation-delay: 4.2s!important;
    animation-delay: 4.2s!important;
}

.delay43s {
    -webkit-animation-delay: 4.3s!important;
    animation-delay: 4.3s!important;
}

.delay44s {
    -webkit-animation-delay: 4.4s!important;
    animation-delay: 4.4s!important;
}

.delay45s {
    -webkit-animation-delay: 4.5s!important;
    animation-delay: 4.5s!important;
}

.delay46s {
    -webkit-animation-delay: 4.6s!important;
    animation-delay: 4.6s!important;
}

.delay47s {
    -webkit-animation-delay: 4.7s!important;
    animation-delay: 4.7s!important;
}

.delay48s {
    -webkit-animation-delay: 4.8s!important;
    animation-delay: 4.8s!important;
}

.delay49s {
    -webkit-animation-delay: 4.9s!important;
    animation-delay: 4.9s!important;
}

.delay50s {
    -webkit-animation-delay: 5s!important;
    animation-delay: 5s!important;
}

.delay51s {
    -webkit-animation-delay: 5.1s!important;
    animation-delay: 5.1s!important;
}

.delay52s {
    -webkit-animation-delay: 5.2s!important;
    animation-delay: 5.2s!important;
}

.delay53s {
    -webkit-animation-delay: 5.3s!important;
    animation-delay: 5.3s!important;
}

.delay54s {
    -webkit-animation-delay: 5.4s!important;
    animation-delay: 5.4s!important;
}

.delay55s {
    -webkit-animation-delay: 5.5s!important;
    animation-delay: 5.5s!important;
}

.delay56s {
    -webkit-animation-delay: 5.6s!important;
    animation-delay: 5.6s!important;
}

.delay57s {
    -webkit-animation-delay: 5.7s!important;
    animation-delay: 5.7s!important;
}

.delay58s {
    -webkit-animation-delay: 5.8s!important;
    animation-delay: 5.8s!important;
}

.delay59s {
    -webkit-animation-delay: 5.9s!important;
    animation-delay: 5.9s!important;
}

.delay60s {
    -webkit-animation-delay: 6s!important;
    animation-delay: 6s!important;
}

.delay61s {
    -webkit-animation-delay: 6.1s!important;
    animation-delay: 6.1s!important;
}

.delay62s {
    -webkit-animation-delay: 6.2s!important;
    animation-delay: 6.2s!important;
}

.delay63s {
    -webkit-animation-delay: 6.3s!important;
    animation-delay: 6.3s!important;
}

.delay64s {
    -webkit-animation-delay: 6.4s!important;
    animation-delay: 6.4s!important;
}

.delay65s {
    -webkit-animation-delay: 6.5s!important;
    animation-delay: 6.5s!important;
}

.delay66s {
    -webkit-animation-delay: 6.6s!important;
    animation-delay: 6.6s!important;
}

.delay67s {
    -webkit-animation-delay: 6.7s!important;
    animation-delay: 6.7s!important;
}

.delay68s {
    -webkit-animation-delay: 6.8s!important;
    animation-delay: 6.8s!important;
}

.delay69s {
    -webkit-animation-delay: 6.9s!important;
    animation-delay: 6.9s!important;
}

.delay70s {
    -webkit-animation-delay: 7s!important;
    animation-delay: 7s!important;
}

.delay71s {
    -webkit-animation-delay: 7.1s!important;
    animation-delay: 7.1s!important;
}

.delay72s {
    -webkit-animation-delay: 7.2s!important;
    animation-delay: 7.2s!important;
}

.delay73s {
    -webkit-animation-delay: 7.3s!important;
    animation-delay: 7.3s!important;
}

.delay74s {
    -webkit-animation-delay: 7.4s!important;
    animation-delay: 7.4s!important;
}

.delay75s {
    -webkit-animation-delay: 7.5s!important;
    animation-delay: 7.5s!important;
}

.delay76s {
    -webkit-animation-delay: 7.6s!important;
    animation-delay: 7.6s!important;
}

.delay77s {
    -webkit-animation-delay: 7.7s!important;
    animation-delay: 7.7s!important;
}

.delay78s {
    -webkit-animation-delay: 7.8s!important;
    animation-delay: 7.8s!important;
}

.delay79s {
    -webkit-animation-delay: 7.9s!important;
    animation-delay: 7.9s!important;
}

.delay80s {
    -webkit-animation-delay: 8s!important;
    animation-delay: 8s!important;
}

.delay81s {
    -webkit-animation-delay: 8.1s!important;
    animation-delay: 8.1s!important;
}

.delay82s {
    -webkit-animation-delay: 8.2s!important;
    animation-delay: 8.2s!important;
}

.delay83s {
    -webkit-animation-delay: 8.3s!important;
    animation-delay: 8.3s!important;
}

.delay84s {
    -webkit-animation-delay: 8.4s!important;
    animation-delay: 8.4s!important;
}

.delay85s {
    -webkit-animation-delay: 8.5s!important;
    animation-delay: 8.5s!important;
}

.delay86s {
    -webkit-animation-delay: 8.6s!important;
    animation-delay: 8.6s!important;
}

.delay87s {
    -webkit-animation-delay: 8.7s!important;
    animation-delay: 8.7s!important;
}

.delay88s {
    -webkit-animation-delay: 8.8s!important;
    animation-delay: 8.8s!important;
}

.delay89s {
    -webkit-animation-delay: 8.9s!important;
    animation-delay: 8.9s!important;
}

.delay90s {
    -webkit-animation-delay: 9s!important;
    animation-delay: 9s!important;
}

.delay91s {
    -webkit-animation-delay: 9.1s!important;
    animation-delay: 9.1s!important;
}

.delay92s {
    -webkit-animation-delay: 9.2s!important;
    animation-delay: 9.2s!important;
}

.delay93s {
    -webkit-animation-delay: 9.3s!important;
    animation-delay: 9.3s!important;
}

.delay94s {
    -webkit-animation-delay: 9.4s!important;
    animation-delay: 9.4s!important;
}

.delay95s {
    -webkit-animation-delay: 4.5s!important;
    animation-delay: 9.5s!important;
}

.delay96s {
    -webkit-animation-delay: 9.6s!important;
    animation-delay: 9.6s!important;
}

.delay97s {
    -webkit-animation-delay: 9.7s!important;
    animation-delay: 9.7s!important;
}

.delay98s {
    -webkit-animation-delay: 9.8s!important;
    animation-delay: 9.8s!important;
}

.delay99s {
    -webkit-animation-delay: 9.9s!important;
    animation-delay: 9.9s!important;
}

.delay100s {
    -webkit-animation-delay: 10s!important;
    animation-delay: 10s!important;
}

/* 애니메이션 속도제어 */
.fast {
    -webkit-animation-duration: 800ms!important;
    animation-duration: 800ms!important;
}

.faster {
    -webkit-animation-duration: 500ms!important;
    animation-duration: 500ms!important;
}

.slow {
    -webkit-animation-duration: 2s!important;
    animation-duration: 2s!important;
}

.slower {
    -webkit-animation-duration: 3s!important;
    animation-duration: 3s!important;
}