@charset "utf-8";

@import url(font.css);
@import url(common.css);
/* @import url(web.css) only screen and (min-width:769px); 
@import url(mobile.css) only screen and (max-width:768px); */



/* Animate */
.ani { /* animate__animated 동일*/
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.ani-stop{visibility:hidden;animation-name:none !important}
.ani-delay01{animation-delay:.15s}
.ani-delay015{animation-delay:.15s}
.ani-delay025{animation-delay:.25s}
.ani-delay02{animation-delay:.2s !important}
.ani-delay03{animation-delay:.3s !important}
.ani-delay04{animation-delay:.4s !important}
.ani-delay05{animation-delay:.5s !important}
.ani-delay06{animation-delay:.6s !important}
.ani-delay07{animation-delay:.7s !important}
.ani-delay075{animation-delay:.75s !important}
.ani-delay08{animation-delay:.8s !important}
.ani-delay09{animation-delay:.9s !important}
.ani-delay10{animation-delay:1s !important}
.ani-delay11{animation-delay:1.1s !important}
.ani-delay12{animation-delay:1.2s !important}
.ani-delay125{animation-delay:1.25s !important}
.ani-delay13{animation-delay:1.3s !important}
.ani-delay14{animation-delay:1.4s !important}
.ani-delay15{animation-delay:1.5s !important}
.ani-delay175{animation-delay:1.75s !important}
.ani-delay20{animation-delay:2s !important}
.ani-delay30{animation-delay:3s !important}
.ani-delay40{animation-delay:4s !important}
.ani-duration03{animation-duration:.3s !important}
.ani-duration04{animation-duration:.4s !important}
.ani-duration05{animation-duration:.5s !important}
.ani-duration{animation-duration:1s !important}
.ani-duration15{animation-duration:1.5s !important}
.ani-duration2{animation-duration:2s !important}
.ani-duration3{animation-duration:3s !important}
@keyframes ani-{
0%{transform:scale(.9,1.1) translate(0,-100vh); filter: blur(3px)}
25%,100%{transform:none}
50%{transform:scale(1.2,.8);filter:none}
}
.ani-{animation:1s .2s both ani-;transform-origin: bottom} 
.btn-over:hover{animation: btn-over 0.5s 2 both}
@keyframes btn-over {
    0%,100%{opacity: 1}
    50%{opacity: 0.5}
}
@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30%,0);
        transform: translate3d(0,30%,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}