@charset "utf-8";


/* 애니메이션  */
.aniBox {position: relative; }


.aniBox.gogo2 {transition:all 0.5s ease-in-out ;-webkit-transition:all 0.5s ease-in-out}
.aniBox.gogo {transition:all 1s ease-in-out ;-webkit-transition:all 1s ease-in-out}

.aniBox.type_fade {opacity: 0;}
.aniBox.type_fade.gogo {opacity: 1;}


.aniBox.type_right {opacity: 0;transform:translate(50px);-webkit-transform:translate(50px);}
.aniBox.type_right.gogo {opacity: 1;transform:translate(0);-webkit-transform:translate(0);}

.aniBox.type_left {opacity: 0;transform:translateX(-50px);-webkit-transform:translateX(-50px);}
.aniBox.type_left.gogo {opacity: 1;transform:translateX(0);-webkit-transform:translateX(0);}

.aniBox.type_bot {opacity: 0;transform:translateY(50px);-webkit-transform:translateY(50px);}
.aniBox.type_bot.gogo {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}

.aniBox.type_bot2 { opacity: 0;transform:translateY(50px);-webkit-transform:translateY(50px); transition:all 0.5s ease-in-out ;-webkit-transition:all 0.5s ease-in-out }
.aniBox.type_bot2.gogo3 { opacity: 1;transform:translateY(0);-webkit-transform:translateY(0); }

.aniBox.type_top {opacity: 0;transform:translateY(-50px);-webkit-transform:translateY(-50px);}
.aniBox.type_top.gogo {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}



.aniBox.type_width {opacity: 0; width:0; }
.aniBox.type_width.gogo {opacity: 1;width:auto;}

.aniBox.delay01 {transition-delay:.1s;-webkit-transition-delay:.1s;}
.aniBox.delay02 {transition-delay:.2s;-webkit-transition-delay:.2s;}
.aniBox.delay03 {transition-delay:.3s;-webkit-transition-delay:.3s;}
.aniBox.delay04 {transition-delay:.4s;-webkit-transition-delay:.4s;}
.aniBox.delay05 {transition-delay:.5s;-webkit-transition-delay:.5s;}
.aniBox.delay06 {transition-delay:.6s;-webkit-transition-delay:.6s;}
.aniBox.delay07 {transition-delay:.7s;-webkit-transition-delay:.7s;}
.aniBox.delay08 {transition-delay:.8s;-webkit-transition-delay:.8s;}
.aniBox.delay09 {transition-delay:.9s;-webkit-transition-delay:.9s;}
.aniBox.delay1 {transition-delay:1s;-webkit-transition-delay:1s;}

.aniBox.type_width_before:before {position: absolute; content:''; right:0; top:0; bottom:0; top:0; left:0; background:#fff;
-webkit-transition: all 2s .8s ease-in-out; /* older webkit */
-webkit-transition: all 2s .8s ease-in-out;
-moz-transition: all 2s .8s ease-in-out;
-o-transition: all 2s .8s ease-in-out;
transition: all 2s .8s ease-in-out; /* easeInOutBack */ transition-delay:.2s;-webkit-transition-delay:.2s;}
.aniBox.type_width_before.gogo:before {left:100%;}

.aniBox.type_img_scale {overflow: hidden;}
.aniBox.type_img_scale.reverse img {transform:scale(0.8);-webkit-transform:scale(0.8);}
.aniBox.type_img_scale img {opacity: 0;transform:scale(1.2);-webkit-transform:scale(1.2);transition:all 1s ease-in-out ;-webkit-transition:all 1s ease-in-out }
.aniBox.type_img_scale.gogo img  {opacity: 1;transform:scale(1);-webkit-transform:scale(1);}

.aniBox.type_img_scale2 {overflow: hidden;}
.aniBox.type_img_scale2 img {opacity: 0;transform:scale(0.5);-webkit-transform:scale(0.5);transition:all 1s ease-in-out ;-webkit-transition:all 1s ease-in-out }
.aniBox.type_img_scale2.gogo img  {opacity: 1;transform:scale(1);-webkit-transform:scale(1);}

.aniBox.type_cv.bottop:after {bottom: auto;top: 0;}
.aniBox.type_cv.leftright:after {} 
.aniBox.type_cv.rightleft:after {right: 0;left: auto;}
.aniBox.type_cv.rightleft.gogo:after , .aniBox.type_cv.leftright.gogo:after {width: 0;height: 100%;}
.aniBox.type_cv:after {content:'';position: absolute;left: 0;bottom:-1px;width: 100%;height: 101%;background-color: #fff;transition:all 1s ease-in-out ;-webkit-transition:all 1s ease-in-out }
.aniBox.type_cv.ty_yellow:after {background-color: #ffbc27;}
.aniBox.type_cv.gogo:after {height: 0;}
.aniBox.type_cv.delay01:after {transition-delay:.1s;-webkit-transition-delay:.1s;}
.aniBox.type_cv.delay02:after {transition-delay:.2s;-webkit-transition-delay:.2s;}
.aniBox.type_cv.delay03:after {transition-delay:.3s;-webkit-transition-delay:.3s;}
.aniBox.type_cv.delay04:after {transition-delay:.4s;-webkit-transition-delay:.4s;}
.aniBox.type_cv.delay05:after {transition-delay:.5s;-webkit-transition-delay:.5s;}
.aniBox.type_cv.delay06:after {transition-delay:.6s;-webkit-transition-delay:.6s;}
.aniBox.type_cv.delay07:after {transition-delay:.7s;-webkit-transition-delay:.7s;}
.aniBox.type_cv.delay08:after {transition-delay:.8s;-webkit-transition-delay:.8s;}
.aniBox.type_cv.delay09:after {transition-delay:.9s;-webkit-transition-delay:.9s;}
.aniBox.type_cv.delay1:after {transition-delay:1s;-webkit-transition-delay:1s;}

/* rotate 추가 */

.rotate.aniBox.type_right {opacity: 0;transform:translateX(80px) translateY(80px);-webkit-transform:translateX(80px) translateY(80px);}
.rotate.aniBox.type_right.gogo {opacity: 1;transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0);}

.rotate.aniBox.type_left {opacity: 0;transform:translateX(-80px) translateY(-80px);-webkit-transform:translateX(-80px) translateY(-80px);}
.rotate.aniBox.type_left.gogo {opacity: 1;transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0);}

.rotate.aniBox.type_bot {opacity: 0;transform:translateX(-80px) translateY(80px);-webkit-transform:translateX(-80px) translateY(80px);}
.rotate.aniBox.type_bot.gogo {opacity: 1;transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0);}


@media all and (max-width:768px) { 

	.rotate.aniBox.type_right {opacity: 0;transform:scale(1.2);-webkit-transform:scale(1.2);transition:all 1s ease-in-out ;-webkit-transition:all 1s ease-in-out}
	.rotate.aniBox.type_right.gogo {opacity: 1;transform:scale(1);-webkit-transform:scale(1);}

	.rotate.aniBox.type_left {opacity: 0;transform:scale(1.2);-webkit-transform:scale(1.2);transition:all 1s ease-in-out ;-webkit-transition:all 1s ease-in-out}
	.rotate.aniBox.type_left.gogo {opacity: 1;transform:scale(1);-webkit-transform:scale(1);}

	.rotate.aniBox.type_fade {opacity: 0;transform:scale(1.2);-webkit-transform:scale(1.2);transition:all 1s ease-in-out ;-webkit-transition:all 1s ease-in-out}
	.rotate.aniBox.type_fade.gogo {opacity: 1;transform:scale(1);-webkit-transform:scale(1);}


}

/* title 추가 */

.aniBox.type_lts { letter-spacing: 20px; -webkit-filter: blur(10px); filter: blur(10px); opacity: 0; }
.aniBox.type_lts.gogo { letter-spacing: 0; -webkit-filter: blur(0); filter: blur(0); opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; }