.main{ width:1690px; height:1060px; position: fixed; left: 50%; margin-left: -845px; z-index: 0;
transform: rotate(0) translate3d( 0, 0, 0 );
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 0, 0 );
-webkit-transition: transform .3s;
}
.main.active{ position: absolute; margin-top: 700px}
.main.nav-on{
transform: rotate(0) translate3d( 0, 30px, 0 );
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 30px, 0 );
-webkit-transition: transform .3s;
}
.main > .swiper-container{ min-height:430px; height: 1060px; margin-top: 100px!important;}
.main > .main-text{ position: absolute; z-index: 2; margin-top: 100px; width: 100%; }
.main > .main-text > .shell img#img-1{ position: absolute; left: 50%; top:200px; --margin-left: -482px; z-index: 2; transform: translateX(-50%);}
.main > .main-text > .shell img#img-2{ position: absolute; left: 50%; top:202px; --margin-left: -490px; z-index: 1; opacity: .5; transform: translateX(-50%)}
.main > .main-text > .shell img#img-3{ position: absolute; left: 50%; top:207px; --margin-left: -475px; z-index: 1; opacity: .5; transform: translateX(-50%)}

.main-wrap{ margin-top: 830px; z-index: 1;}
.section{ margin: 0 auto; background-color: #000; height: 730px;}

.banner-title{ position: absolute; top:50%; left:100px; margin-top: -40px;}
.banner-title .line{display: block; width: 1000px; height: 3px; background-color: rgba(0,0,0,.6); position: absolute; top:25px; z-index: 1;}
.banner-title .title{font-family: 'Nanum Square', sans-serif!important; font-size: 40px; font-weight: 100; color:#fff; letter-spacing: 8px; z-index: 2; position: absolute; width: 640px; margin-bottom: 0; line-height: 50px;}
.banner-title .summary{font-family: 'Nanum Square', sans-serif!important; font-size: 18px; font-weight: 600; color:rgba(255,255,255,.5); letter-spacing: 1px; position: absolute; top:110px; width: 640px; z-index: 1; }
.banner-title .arr{ position: absolute; top:285px; z-index: 1; color:rgba(255,255,255,.4);}
.banner-title .arr img{position:absolute; left:80px;top:5px;}

#section-1{background-image: url(../../resources/img/layout/main/banner-1-1-bg.png); background-size: cover; background-attachment: fixed; position: relative; background-position: 50% 50%;}
#section-1 > div > div{ padding:0; height:730px;}
#section-1 .swiper-banner-1 {width: 100%; height: 730px; margin-left: auto; margin-right: auto;overflow: hidden}
#section-1 .swiper-banner-1 > div{height:100%;}
#section-1 .swiper-banner-1 > div > div{height:100%; text-align: center; overflow: hidden}
#section-1 .swiper-banner-1 > div > div > div.title{ position: absolute; left: 0; height: 20px; margin-top: 90px; overflow: hidden}
#section-1 .swiper-banner-1 > div > div > div.title > span.line{width: 170px; height: 3px; display: block; background-color: rgba(0,0,0,.7); margin-top: 6px;
transform: rotate(0) translate3d( -170px, 0, 0 );
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( -170px, 0, 0 );
-webkit-transition: transform .3s;
transition-duration:.5s;
-webkit-transition-duration:.5s;
}
#section-1 .swiper-banner-1 > div > div.swiper-slide-active > div.title > span.line{
transform: rotate(0) translate3d( 0, 0, 0 );
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 0, 0 );
-webkit-transition: transform .3s;
transition-duration:1s;
-webkit-transition-duration:1s;
}
#section-1 .swiper-banner-1 > div > div > div.title > p{ position: absolute; line-height: 20px; margin-top: -8px; font-size: 18px; right:5px; color:#fff; font-weight: 500; letter-spacing: 7px;font-family: 'Nanum Square', sans-serif;
	z-index: 3;
transform: rotate(0) translate3d( 0, -30px, 0 );
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, -30px, 0 );
-webkit-transition: transform .3s;
transition-duration:.5s;
-webkit-transition-duration:.5s;
}
#section-1 .swiper-banner-1 > div > div.swiper-slide-active > div.title > p{
transform: rotate(0) translate3d( 0, 5px, 0 );
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 5px, 0 );
-webkit-transition: transform .3s;
transition-duration:2.5s;
-webkit-transition-duration:2.5s;
}



#section-1 .swiper-banner-1 > div.scroll{ position: absolute; bottom:60px; z-index: 3; height: 30px; left: 60px; width: 100px;}
#section-1 .swiper-banner-1 > div.scroll img{
transform: translate3d( 0, -5px, 0 );
transition: transform .3s;
-webkit-transform: translate3d( 0, -5px, 0 );
-webkit-transition: transform .3s;
}
#section-1 .swiper-banner-1 > div.scroll img.on{
transform: translate3d( 0, 5px, 0 );
transition: transform .3s;
-webkit-transform: translate3d( 0, 5px, 0 );
-webkit-transition: transform .3s;
}
#section-1 .swiper-banner-1 > div.scroll p{ color:#fff; font-family: 'Nanum Square', sans-serif; font-size: 12px; position: absolute; height: 30px; line-height: 30px; left: 30px; top:0; letter-spacing: 1px;}
#section-1 .swiper-container-vertical>.swiper-pagination-bullets{ right:60px;margin-top:270px; width: 40px;}
#section-1 .swiper-pagination-bullet{background: #fff; width:10px; height: 10px; border-radius: 100px; margin: 25px 0 25px 30px;}
#section-1 .swiper-pagination-bullet-active{ width: 40px; opacity: 1; margin-left: 0;}

#oksusu img.phone1{
transform: rotate(0) translate3d( 0, 600px, 0 );
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 600px, 0 );
-webkit-transition: transform .3s;
transition-duration:.5s;
-webkit-transition-duration:.5s;
}
#oksusu.swiper-slide-active img.phone1{
transform: rotate(0) translate3d( 0, 120px, 0 );
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 120px, 0 );
-webkit-transition: transform .3s;
transition-duration:1.5s;
-webkit-transition-duration:1.5s;
}

#section-1 .banner-title{ height: 400px; width: 600px;}
#section-1 .banner-title .line{
transform: rotate(0) translate3d( 900px, 0, 0 ) scale(1);
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 900px, 0, 0 ) scale(1);
-webkit-transition: transform .3s;
transition-duration:1.5s;
-webkit-transition-duration:1.5s;}
#section-1 .banner-title .title{
transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
-webkit-transition: transform .3s;
transition-duration:1.5s;
-webkit-transition-duration:1.5s;
}
#section-1 .banner-title .summary{
    word-break: keep-all;
	transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
-webkit-transition: transform .3s;
transition-duration:2s;
-webkit-transition-duration:2s;
}
#section-1 .banner-title .arr{ }
#section-1.active .banner-title .line,#section-1:hover .banner-title .line{
transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
-webkit-transition: transform .3s;
transition-duration:1.5s;
-webkit-transition-duration:1.5s;}
#section-1.active .banner-title .title,#section-1:hover .banner-title .title{
transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
-webkit-transition: transform .3s;
transition-duration:1s;
-webkit-transition-duration:1s;
}
#section-1.active .banner-title .summary,#section-1:hover .banner-title .summary{
    word-break: keep-all;
transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
-webkit-transition: transform .3s;
transition-duration:2s;
-webkit-transition-duration:2s;
}

.banner-1-right{position: relative; height: 730px; padding:0;}
.img-over{overflow: hidden; height:100%; width: 100%; position: absolute;}
.img-over img{
transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
-webkit-transition: transform .3s;
transition-duration:1.5s;
-webkit-transition-duration:1.5s;}
.section.active .img-over img,.section:hover .img-over img{
transform: rotate(0) translate3d( 0, 0, 0 ) scale(1.1);
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1.1);
-webkit-transition: transform .3s;
transition-duration:1.5s;
-webkit-transition-duration:1.5s;}


#section-2{background-image: url(../../resources/img/layout/main/banner-4-bg.jpg); background-attachment: fixed; position: relative; background-position: 50% 50%;}
#section-2 .banner-title { left: 50%; margin-left: -290px; width: 580px;}
#section-2 .banner-title .line{ margin-left: -220px;
transform: rotate(0) translate3d( 0, 0, 0 ) scaleX(.00001);
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scaleX(.01)
-webkit-transition: transform .3s;
transition-duration:1.5s;
-webkit-transition-duration:1.5s;
}
#section-2 .banner-title .title{ text-align: center;
transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
-webkit-transition: transform .3s;
transition-duration:.5s;
-webkit-transition-duration:.5s;}
#section-2 .banner-title .summary{ text-align: center;
transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
-webkit-transition: transform .3s;
transition-duration:1.5s;
-webkit-transition-duration:1.5s;}
#section-2 .banner-title .arr{left: 50%; margin-left: -23px;}

#section-2.active .banner-title .line,#section-2:hover .banner-title .line{
transform: rotate(0) translate3d( 0, 0, 0 ) scaleX(1);
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scaleX(1)
-webkit-transition: transform .3s;
transition-duration:2s;
-webkit-transition-duration:2s;}
#section-2.active .banner-title .title,#section-2:hover .banner-title .title{ text-align: center;
transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
-webkit-transition: transform .3s;
transition-duration:1.5s;
-webkit-transition-duration:1.5s;}
#section-2.active .banner-title .summary,#section-2:hover .banner-title .summary{ text-align: center;
transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
transition: transform .3s;
-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
-webkit-transition: transform .3s;
transition-duration:2s;
-webkit-transition-duration:2s;}




#section-5{background-image: url(../../resources/img/layout/main/banner-2.png); background-size:cover; background-attachment: fixed; position: relative; background-position: 50% 50%;}
#section-5 .banner-title { left: 50%; margin-left: -290px; width: 580px;}
#section-5 .banner-title .line{ margin-left: -220px;
	transform: rotate(0) translate3d( 0, 0, 0 ) scaleX(.00001);
	transition: transform .3s;
	transition-duration:1.5s;
	-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scaleX(.01);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:1.5s;
}
#section-5 .banner-title .title{ text-align: center;
	transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:.5s;
	-webkit-transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:.5s;}
#section-5 .banner-title .summary{ text-align: center;
	transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:1.5s;
	-webkit-transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:1.5s;}
#section-5 .banner-title .arr{left: 50%; margin-left: -23px;}

#section-5.active .banner-title .line,#section-2:hover .banner-title .line{
	transform: rotate(0) translate3d( 0, 0, 0 ) scaleX(1);
	transition: transform .3s;
	transition-duration:2s;
	-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scaleX(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:2s;}
#section-5.active .banner-title .title,#section-2:hover .banner-title .title{ text-align: center;
	transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:1.5s;
	-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:1.5s;}
#section-5.active .banner-title .summary,#section-2:hover .banner-title .summary{ text-align: center;
	transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:2s;
	-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:2s;
    word-break: keep-all;}



#section-6 .banner-title{ height: 400px; width: 600px;}
#section-6 .banner-title .line{
	transform: rotate(0) translate3d( -900px, 0, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:1.5s;
	-webkit-transform: rotate(0) translate3d( -900px, 0, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:1.5s;}
#section-6 .banner-title .title{
	transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:1.5s;
	-webkit-transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:1.5s;
}
#section-6 .banner-title .summary{
	transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:2s;
	-webkit-transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:2s;
}
#section-6 .banner-title .arr{ }
#section-6.active .banner-title .line,#section-6:hover .banner-title .line{
	transform: rotate(0) translate3d( -500px, 0, 0 ) scale(1);
	transition: transform .3s;
	-webkit-transform: rotate(0) translate3d( -500px, 0, 0 ) scale(1);
	-webkit-transition: transform .3s;
	transition-duration:1.5s;
	-webkit-transition-duration:1.5s;}
#section-6.active .banner-title .title,#section-6:hover .banner-title .title{
	transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:1s;
	-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:1s;
}
#section-6.active .banner-title .summary,#section-6:hover .banner-title .summary{
    word-break: keep-all;
	transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:2s;
	-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:2s;
}
#section-6  div.title{
	right:30px;
	width:200px;
	bottom:130px;
	position:absolute;
}
#section-6  div.title > p{ 
	position: absolute; line-height: 20px; margin-top: -8px; 
	font-size: 18px; right:5px; color:#fff; font-weight: 500; 
	letter-spacing: 7px;font-family: 'Nanum Square', sans-serif;
	z-index: 3;
	transform: rotate(0) translate3d( 0, -30px, 0 );
	transition: transform .3s;
	transition-duration:.5s;
	-webkit-transform: rotate(0) translate3d( 0, -30px, 0 );
	-webkit-transition: transform .3s;
	-webkit-transition-duration:.5s;
}
#section-6.active div.title > p{
	transform: rotate(0) translate3d( 0, 5px, 0 );
	transition: transform .3s;
	transition-duration:2.5s;
	-webkit-transform: rotate(0) translate3d( 0, 5px, 0 );
	-webkit-transition: transform .3s;
	-webkit-transition-duration:2.5s;
}

#section-6 div.title > span.line{
	width: 170px; height: 3px; display: block; background-color: rgba(0,0,0,.7); margin-top: 6px;
	transform: rotate(0) translate3d( 170px, 0, 0 );
	transition: transform .3s;
	transition-duration:.5s;
	-webkit-transform: rotate(0) translate3d( 170px, 0, 0 );
	-webkit-transition: transform .3s;
	-webkit-transition-duration:.5s;
	}
#section-6.active div.title > span.line{
	transform: rotate(0) translate3d( 100px, 0, 0 );
	transition: transform .3s;
	transition-duration:1s;
	-webkit-transform: rotate(0) translate3d( 100px, 0, 0 );
	-webkit-transition: transform .3s;
	-webkit-transition-duration:1s;
}

#section-3{ height: 730px; position: relative;background-image: url(../../resources/img/layout/main/banner-5-bg.jpg); background-attachment: fixed;}
#section-3 > div{overflow: hidden; height: 730px;}
#section-3 .swiper-container-vertical>.swiper-pagination-bullets{ right:60px;margin-top:270px;}
#section-3 .swiper-pagination-bullet{background: #fff; width:10px; height: 10px; border-radius: 100px; margin: 25px 0;}
#section-3 .swiper-pagination-bullet-active{ width: 40px; opacity: 1;}
#section-3 .banner-title { left:0; margin-left: 0px; width: 800px; z-index:100; text-align:left; padding-left:100px;}
#section-3 .banner-title .line{ margin-left: -420px;
	transform: rotate(0) translate3d( 0, 0, 0 ) scaleX(0.0001);
	transition: transform .3s;
	transition-duration:2s;
	-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(0.0001);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:2s;}
#section-3 .banner-title .title{text-align: left;
	transform: rotate(0) translate3d( 0, 100px, 0 ) scaleX(1);
	transition: transform .3s;
	transition-duration:1.5s;
	-webkit-transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:1.5s;}
#section-3 .banner-title .summary{ 
	padding-left:0px;
	transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:2s;
	-webkit-transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:2s;
	width:100%;
}
#section-3 .banner-title .summary{ color:rgba(255,255,255,.7);}



#section-3.active .banner-title .line,#section-3:hover .banner-title .line{
	transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:2s;
	-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:2s;
}
#section-3.active .banner-title .title,#section-3:hover .banner-title .title{
	transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:1.5s;
	-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:1.5s;
}
#section-3.active .banner-title .summary,#section-3:hover .banner-title .summary{
    word-break: keep-all;
	transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:2s;
	-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:2s;}

#section-3 .swiper-container-horizontal>.swiper-pagination-bullets{ right:60px;margin-top:270px; width: 40px; left: auto; bottom: auto; top:0px}
#section-3 .swiper-pagination-bullet{background: #fff; width:10px; height: 10px; border-radius: 100px; margin: 15px 0 15px 30px;}
#section-3 .swiper-pagination-bullet-active{ width: 40px; opacity: 1; margin-left: 0;}
#section-3 div.title{ position: absolute; right:0px; bottom: 100px; height: 60px; overflow: hidden;}
#section-3 div.title .line{width: 250px; height: 3px; display: block; background-color: rgba(0,0,0,.7); margin-top: 12px; z-index: 0;
	transform: scale(1) translate3d( 300px, 0, 0 );
	transform-origin: bottom left;
	transition: transform .3s;
	transition-duration:2s;
	-webkit-transform: scale(1) translate3d( 300px, 0, 0 );
	-webkit-transition: transform .3s;
	-webkit-transition-duration:2s;}
#section-3 div.title p{ position: absolute; font-size: 18px; font-weight: 600; color:#fff; letter-spacing: 10px; margin-left: 10px;z-index: 1;
	transform: scale(1) translate3d( 0, 100px, 0 );
	transform-origin: bottom left;
	transition: transform .3s;
	transition-duration:2s;
	-webkit-transform: scale(1) translate3d( 0, 100px, 0 );
	-webkit-transition: transform .3s;
	-webkit-transition-duration:2s;}


#section-3 div.swiper-slide-active div.title .line{
	transform: scale(1) translate3d( 0, 0, 0 );
	transform-origin: bottom left;
	transition: transform .3s;
	transition-duration:2s;
	-webkit-transform: scale(1) translate3d( 0, 0, 0 );
	-webkit-transition: transform .3s;
	-webkit-transition-duration:2s;
}
#section-3 div.swiper-slide-active div.title p{
	transform: scale(1) translate3d( 0, 0, 0 );
	transform-origin: bottom left;
	transition: transform .3s;
	transition-duration:1s;
	-webkit-transform: scale(1) translate3d( 0, 0, 0 );
	-webkit-transition: transform .3s;
	-webkit-transition-duration:1s;
}




#section-4{background-image: url(../../resources/img/layout/main/banner-6-bg.jpg); position: relative}
#section-4 .banner-title { left: 50%; margin-left: -290px; width: 580px;}

#section-4 .banner-title .line{ margin-left: -220px;
	transform: rotate(0) translate3d( 0, 0, 0 ) scaleX(.00001);
	transition: transform .3s;
	transition-duration:1.5s;
	-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scaleX(.01);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:1.5s;
}
#section-4 .banner-title .title{ text-align: center;
	transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:.5s;
	-webkit-transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:.5s;}
#section-4 .banner-title .summary{ text-align: center;
	transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:1.5s;
	-webkit-transform: rotate(0) translate3d( 0, 100px, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:1.5s;}
#section-4 .banner-title .arr{left: 50%; margin-left: -23px;}

#section-4.active .banner-title .line,#section-4:hover .banner-title .line{
	transform: rotate(0) translate3d( 0, 0, 0 ) scaleX(1);
	transition: transform .3s;
	transition-duration:2s;
	-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scaleX(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:2s;}
#section-4.active .banner-title .title,#section-4:hover .banner-title .title{ text-align: center;
	transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:1.5s;
	-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:1.5s;}
#section-4.active .banner-title .summary,#section-4:hover .banner-title .summary{ text-align: center;
	transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	transition: transform .3s;
	transition-duration:2s;
	-webkit-transform: rotate(0) translate3d( 0, 0, 0 ) scale(1);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:2s;}