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



/* 애니메이션 이름 */
.active .slide-in-bottom{-webkit-animation:slide-in-bottom 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom 1s cubic-bezier(.25,.46,.45,.94) both}
.active .slide-in-left{-webkit-animation:slide-in-left 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-left 1s cubic-bezier(.25,.46,.45,.94) both}
.active .slide-in-right{-webkit-animation:slide-in-right 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right 1s cubic-bezier(.25,.46,.45,.94) both}
.active .slide-in-top{-webkit-animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) both}
.active .bounce-in-bck{-webkit-animation:bounce-in-bck 1.5s both;animation:bounce-in-bck 1.5s both}
.active .bounce-in-fwd{-webkit-animation:bounce-in-fwd 1.5s both;animation:bounce-in-fwd 1.5s both}
.active .bounce-in-bottom{-webkit-animation:bounce-in-bottom 1.5s both;animation:bounce-in-bottom 1.5s both}
.active .slide-in-elliptic-top-fwd{-webkit-animation:slide-in-elliptic-top-fwd 1.5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-elliptic-top-fwd 1.5s 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 .slide-in-bck-center{-webkit-animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-center .7s 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-fwd-bottom{-webkit-animation:slide-in-fwd-bottom 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-fwd-bottom 1s cubic-bezier(.25,.46,.45,.94) 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 slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);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-fwd-bottom{0%{-webkit-transform:translateZ(-1400px) translateY(800px);transform:translateZ(-1400px) translateY(800px);opacity:0}100%{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}@keyframes slide-in-fwd-bottom{0%{-webkit-transform:translateZ(-1400px) translateY(800px);transform:translateZ(-1400px) translateY(800px);opacity:0}100%{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}

/* 애니메이션 지연시간 */
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.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;}