@charset "utf-8";

@import url(//cdn.jsdelivr.net/gh/xpressengine/xeicon@2.3.3/xeicon.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css);
@import url(swiper.min.css);

@import url(common2.css);

/* 임시 
@import url(minju.css);
@import url(nara.css);
@import url(hyesun.css);
@import url(sujin.css);
@import url(glee.css);
*/

@font-face {font-family: 'Pretendard';font-weight: 100;src: url(font/Pretendard-Thin.woff) format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 200;src: url(font/Pretendard-ExtraLight.woff) format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 300;src: url(font/Pretendard-Light.woff) format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 400;src: url(font/Pretendard-Regular.woff) format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 500;src: url(font/Pretendard-Medium.woff) format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 600;src: url(font/Pretendard-SemiBold.woff) format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 700;src: url(font/Pretendard-Bold.woff) format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 800;src: url(font/Pretendard-ExtraBold.woff) format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 900;src: url(font/Pretendard-Black.woff) format('woff');} 



/* 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}
}