/* ----------------------------------------------
 * Generated by Animista on 2021-7-7 11:15:25
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}





/* ----------------------------------------------
 * Generated by Animista on 2021-7-8 12:26:41
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}




/* ----------------------------------------------
 * Generated by Animista on 2021-7-8 17:35:47
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
 @-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}



/* ----------------------------------------------
 * Generated by Animista on 2021-7-8 17:36:49
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
 @-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}



/* ----------------------------------------------
 * Generated by Animista on 2023-5-13 15:35:30
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-vertical
 * ----------------------------------------
 */
@-webkit-keyframes shake-vertical {
    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    5%,
    15% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    10%,
    20% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    25% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes shake-vertical {
    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    5%,
    15% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    10%,
    20% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    25% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/* ----------------------------------------------
 * Generated by Animista on 2023-5-13 16:28:10
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
    }
    50% {
        -webkit-transform: scale(1.08) translate(-50%, -50%);
        transform: scale(1.08) translate(-50%, -50%);
    }
    100% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
    }
}
@keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
    }
    50% {
        -webkit-transform: scale(1.08) translate(-50%, -50%);
        transform: scale(1.08) translate(-50%, -50%);
    }
    100% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
    }
}





/* lading 관련 animation */
@keyframes rotating {
    from {
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -o-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes reverse-rotating {
    from {
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -o-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
    to {
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
}


/* bounce */
@-webkit-keyframes bounce {
    0% {-webkit-transform: translateY(0);}
    10% {-webkit-transform: translateY(0);}
    20% {-webkit-transform: translateY(-30px);}
    30% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-20px);}
    50% {-webkit-transform: translateY(0);}
    60% {-webkit-transform: translateY(0);}
    70% {-webkit-transform: translateY(0);}
    80% {-webkit-transform: translateY(0);}
    90% {-webkit-transform: translateY(0);}
    100% {-webkit-transform: translateY(0);}
}

@keyframes bounce {
    0% {transform: translateY(0);}
    10% {transform: translateY(0);}
    20% {transform: translateY(-30px);}
    30% {transform: translateY(0);}
    40% {transform: translateY(-20px);}
    50% {transform: translateY(0);}
    60% {transform: translateY(0);}
    70% {transform: translateY(0);}
    80% {transform: translateY(0);}
    90% {transform: translateY(0);}
    100% {transform: translateY(0);}
}




@keyframes move-waves {
    0% {
        transform: translate3d(-30px, 0, 0);
    }

    50% {
        transform: translate3d(30px, 0, 0);
    }

    100% {
        transform: translate3d(-30px, 0, 0);
    }
}


@keyframes waveBtn {

    0% {
        background-position-x: 0;
    }
    100% {
        background-position-x: 270px;
    }
}


@keyframes rotate-txt {

    from {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    to {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}