@charset "utf-8";

/* common */
.pcbr{display:none;}
.tbbr{display:block;}
.mbbr{display:none;}
.dn{display:none;}
.section{width:100%;overflow:hidden;box-sizing:border-box;}
#fp-nav{opacity:0;}

#ie_alert{display:none;}
.ie #ie_alert{
	display:block;
	position:relative;z-index:5000;
	width:100%;height:80px;
	background:#fff;text-align:center;line-height:80px;font-size:17px;color:#222;
}
.ie #ie_alert img{margin-right:5px;}
.ie #ie_alert .btn_close{
	width:30px;height:30px;
	position:absolute;right:4.5%;top:50%;margin:-7px 14px 0 0;
	transform:rotate(45deg) translateY(-50%);
}
.ie #ie_alert .btn_close:before{
	display:block;content:"";
	width:100%;height:2px;
	background:#ccc;
	position:absolute;left:0;top:50%;margin-top:-1px;
}
.ie #ie_alert .btn_close:after{
	display:block;content:"";
	width:2px;height:100%;
	background:#ccc;
	position:absolute;left:50%;top:0%;margin-left:-1px;
}

#video_popup .thumbnail .play{width: 120px;}
#video_popup .thumbnail .play svg{width:100%; height: auto;}

/* header */
#header{position:fixed;left:0;top:0;z-index:1000;width:100%;}
.head{
	display:flex;align-items:center;justify-content:space-between;
	box-sizing:border-box;position:relative;z-index:2000;
	width:100%;height:85px;
	padding:0 5%;
	border-bottom:1px solid rgba(255,255,255,0.25);
}
.head h1{position:relative;z-index:2000;}
.head h1 a{
	display:block;
	width:160px;height:50px;
	background:url(/images/common/logo1.png) no-repeat;background-size:cover;
	text-indent:-9999px;
}


.head .nav_wrap{
	position:relative;
	box-sizing:border-box;
	width:calc(100% - 160px - 194px);height:100%;
	border-right:1px solid rgba(255,255,255,0.25);
}
.head .nav_wrap .nav{display:none;}
.head .nav_wrap .nav>li{margin:0 3%;}
.head .nav_wrap .nav>li>a{font-size:17px;color:#fff;line-height:85px;}

.head .nav_wrap .etc{position:absolute;right:5%;top:30px;z-index:2000;}
.head .nav_wrap .etc>li{display:inline-block;}
.head .nav_wrap .etc>li>a{display:block;width:26px;height:26px;}
.head .nav_wrap .etc>li.email a{background:url(/images/common/ico_email.png) no-repeat;background-size:cover;}

.head .nav_wrap .language{
	position:absolute;right:2%;top:30px;
	display:flex;
}
.head .nav_wrap .language li{margin-left:10px;text-align:center;}
.head .nav_wrap .language li a{color:#fff;}
.head .nav_wrap .language li a>div{opacity:0;}
.head .nav_wrap .language li:hover a>div{opacity:1;}


@media(max-width:1600px){
	.head .nav_wrap .nav>li{margin:0 2.5%;}
	.head .nav_wrap .etc>li.language{}
}
.head .nav_wrap .etc>li.language>ul{
	display:none;
	position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:10px;
	border:1px solid rgba(255,255,255,0.25);
	background:rgba(0,0,0,0.8);
}
.head .nav_wrap .etc>li.language>ul>li{border-bottom:1px solid rgba(255,255,255,0.25);}
.head .nav_wrap .etc>li.language>ul>li:last-child{border-bottom:0;}
.head .nav_wrap .etc>li.language>ul>li>a{
	display:block;
	width:88px;height:38px;
	font-family:"Montserrat";font-size:12px;color:rgba(255,255,255,0.5);font-weight:600;line-height:38px;text-align:center;
}
.head .nav_wrap .etc>li.language>ul>li>a:hover{color:#50ccff;}

.head .btn_menuwrap{
	position:relative;z-index:2000;
	display:flex;align-items:center;justify-content:flex-end;
	width:105px;height:100%;
	padding-left:5%;
	cursor:pointer;
}
.head .btn_menuwrap .btn_menu{display:inline-flex;align-items:center;cursor:pointer;}
.head .btn_menuwrap .btn_menu .txt{font-family:"Roboto";font-size:13px;color:#fff;font-weight:500;}
.head .btn_menuwrap .btn_menu .hamburger{	
	position:relative;z-index:1100;
	width:27px;height:20px;
	margin-left:13px;
}
.head .btn_menuwrap .btn_menu .hamburger>div{
	width:100%;height:2px;
	margin-bottom:7px;
	background:#fff;
}



#header.on{}
#header.on .head{	border-bottom:1px solid rgba(0,0,0,0.25);}
#header.on .head h1 a{background:url(/images/common/logo2.png) no-repeat;background-size:cover;}
#header.on .head .nav_wrap{}
#header.on .head .nav_wrap .nav>li>a{color:#111;}
#header.on .head .nav_wrap .etc>li.language svg line,
#header.on .head .nav_wrap .etc>li.language svg circle,
#header.on .head .nav_wrap .etc>li.language svg ellipse{stroke:#111;}
#header.on .head .btn_menuwrap{border-left:1px solid rgba(0,0,0,0.25);}
#header.on .head .btn_menuwrap .btn_menu .txt{color:#111;}
#header.on .head .btn_menuwrap .btn_menu .hamburger>div{background:#111;}

#header.bl{}
#header.bl .head{background:#fff;border-bottom:1px solid rgba(0,0,0,0.25);}
#header.bl .head h1 a{background:url(/images/common/logo2.png) no-repeat;background-size:cover;}
#header.bl .head .nav_wrap{}
#header.bl .head .nav_wrap .nav>li>a{color:#111;}
#header.bl .head .nav_wrap .etc>li.language svg line,
#header.bl .head .nav_wrap .etc>li.language svg circle,
#header.bl .head .nav_wrap .etc>li.language svg ellipse{stroke:#111;}
#header.bl .head .btn_menuwrap{border-left:1px solid rgba(0,0,0,0.25);}
#header.bl .head .btn_menuwrap .btn_menu .txt{color:#111;}
#header.bl .head .btn_menuwrap .btn_menu .hamburger>div{background:#111;}

#header.all .head{position:relative;z-index:2000;border-bottom:1px solid rgba(0,0,0,0.25);}
#header.all .head h1 a{background:url(/images/common/logo2.png) no-repeat;background-size:cover;}
#header.all .head .btn_menuwrap .btn_menu .txt{color:#111;}
#header.all .head .btn_menuwrap .btn_menu .hamburger>div{background:#111;}
#header.all .head .nav_wrap{position:relative;z-index:2000;border-right: 1px solid #ddd}
#header.all .head .nav_wrap .etc>li.language svg line,
#header.all .head .nav_wrap .etc>li.language svg circle,
#header.all .head .nav_wrap .etc>li.language svg ellipse{stroke:#111;}
#header.all .head .nav_wrap .language li a{color:#111;}


.pc_subnav{display:none !important}
/* allmenu */
.pc_allmenu{display:none !important}
.m_allmenu{
	overflow:hidden;
	position:absolute;left:0;top:-100vh;z-index:1000;
	width:100%;height:100vh;
	background:#f2f2f2;
	background-size:cover;background-attachment:fixed;
	transition:all 1s cubic-bezier(.67,.34,.24,1);
}
.allmenu{
	box-sizing:border-box;
	width:100%;height:100%;
	margin:85px 0 0;border-top:1px solid #ddd;
}
.allmenu:before{
	display:block;content:"";
	width:1px;height:calc(100% - 85px);
	background:#ddd;
	position:absolute;left:50%;top:85px;
}
.allmenu .menuwrap{padding:0;}
.allmenu .menuwrap h2{
	box-sizing:border-box;
	width:50%;
	padding:20px;
	font-size:22px;color:#111;font-weight:500;text-align:center;
	border-bottom:1px solid #ddd;
}
.allmenu .menuwrap.on h2{background:#045c9e;color:#fff;}
.allmenu .menuwrap .sub{
	display:none;
	overflow-y:auto;
	position:absolute;left:50%;top:110px;width:50%;height:calc(100vh - 130px);box-sizing:border-box;padding:0 5%;word-break:keep-all;
}
.allmenu .menuwrap.on .sub{display:block;}
.allmenu .menuwrap .sub>div.btns{display:flex;flex-wrap:wrap;}
.allmenu .menuwrap .sub>div.btns>a:nth-child(1){width:100%;}
.allmenu .menuwrap .sub>div.btns>a:nth-child(2){margin-top:20px;}
.allmenu .menuwrap .sub>div.btns>a:nth-child(2).btn_st1{display:inline-block;margin-top:20px;}
.allmenu .menuwrap .sub>div.btns>a:nth-child(2).btn_st1 .btn_line1{stroke:#045c9e;transform-origin:left;}
.allmenu .menuwrap .sub>div.btns>a:nth-child(2).btn_st1:hover .btn_line1{animation:btn2 1s linear;animation-fill-mode:forwards;}
.allmenu .menuwrap .sub>div.btns>a:nth-child(2).btn_st1 text{fill:#045c9e;transition:all 0.4s linear;}
.allmenu .menuwrap .sub>div.btns>a:nth-child(2).btn_st1:hover text{fill:#045c9e;}

.allmenu .menuwrap .sub .dep2{box-sizing:border-box;width:100%;margin-bottom:20px;}
.allmenu .menuwrap .sub .dep2 h3{font-size:19px;color:#111;font-weight:500;}
.allmenu .menuwrap .sub .dep2 h3 a{font-size:19px;color:#111;font-weight:500;}
.allmenu .menuwrap .sub .dep2 ul{margin-top:5px;}
.allmenu .menuwrap .sub .dep2 ul.cc2{column-count:2;}
.allmenu .menuwrap .sub .dep2 ul.cc3{column-count:2;}
.allmenu .menuwrap .sub .dep2 ul li{margin-bottom:5px;}
.allmenu .menuwrap .sub .dep2 ul li a{font-size:16px;color:rgba(0,0,0,0.6);font-weight:400;}
.allmenu .menuwrap .sub .dep2 ul li a:hover{border-bottom:1px solid rgba(0,0,0,0.6)}
.allmenu .menuwrap .sub a{font-size:16px;color:rgba(0,0,0,0.6);font-weight:400;}



/* visual */
#section1{}
.visual{position:relative;width:100%;height:100%;box-sizing:border-box;}
.visual .swiper-wrapper,
.visual .swiper-container{width:100%;height:100%;}
.visual .swiper-slide{position:relative;overflow:hidden;}
.visual .swiper-slide .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;transform:scale(1.0);
}
.visual .swiper-slide-active .bg{transform:scale(1);}
.visual .txtarea{
	position:absolute;left:5%;top:50%;z-index:100;
	transform:translateY(-50%);	
	width:90%;text-align:center;word-break:keep-all;
}
.visual .txtarea .tit{overflow:hidden;font-family:"Roboto";font-size:66px;color:#fff;font-weight:bold;}
.visual .txtarea .tit span{display:block;transform:translateY(100px);opacity:0;}
.visual .txtarea p{font-size:17px;color:#fff;line-height:170%;margin-top:30px;opacity:0;transform:translateY(40px);}
.visual .txtarea a{opacity:0;transform:translateY(20px);}
.btn_st1{display:inline-block;margin-top:45px;}
.btn_st1 .btn_line1{stroke:#fff;transform-origin:left;}
.btn_st1:hover .btn_line1{animation:btn1 2s linear;animation-fill-mode:forwards;}
.btn_st1 text{transition:all 0.4s linear;}
.btn_st1:hover text{fill:#fff;}

.btn_st2{display:inline-block;margin-top:20px;}
.btn_st2 .btn_line1{stroke:#045c9e;transform-origin:left;}
.btn_st2:hover .btn_line1{animation:btn2 2s linear;animation-fill-mode:forwards;}
.btn_st2 text{transition:all 0.4s linear;}
.btn_st2:hover text{fill:#045c9e;}

@keyframes btn1{
	0%{stroke:#fff;stroke-dashoffset:1600; stroke-dasharray:1600;}
	100%{stroke:#fff;stroke-dashoffset:0;}
}
@keyframes btn2{
	0%{stroke:#045c9e;stroke-dashoffset:1600; stroke-dasharray:1600;}
	100%{stroke:#045c9e;stroke-dashoffset:0;}
}

.in-view .visual .txtarea .tit span{transform:translateY(0);opacity:1;transition:all 1s 0.2s;}
.in-view .visual .txtarea p{transform:translateY(0);opacity:1;transition:all 1s 0.4s ;}
.in-view .visual .txtarea a{transform:translateY(0);opacity:1;transition:all 1s 0.6s ;}




.visual .ctr{
	display:flex;justify-content:center;align-items:center;
	position:absolute;left:0;bottom:50px;z-index:100;
	width:100%;
	text-align:center;
}
.visual .ctr .vprev{
	display:inline-block;cursor:pointer;
	width:8px;height:8px;
	border-left:1px solid #fff;border-bottom:1px solid #fff;
	background:0;margin:0;outline:0;transform: rotate(45deg) skew(-5deg , -5deg);
}
.visual .ctr .vnext{
	display:inline-block;cursor:pointer;
	width:8px;height:8px;
	border-right:1px solid #fff;border-bottom:1px solid #fff;
	background:0;margin:0;outline:0;transform: rotate(-45deg) skew(5deg , 5deg);
}
.visual .swiper-pagination{position:relative;margin:0 40px;text-align:center;}
.visual .swiper-pagination span{
	display:inline-block;
	position:relative;
	width:11px;height:11px;
	margin:0 7px 0;
	border:1px solid #fff;background:0;	border-radius:50%;
	opacity:1;
}
.visual .swiper-pagination span:first-child:before{display:none;}
.visual .swiper-pagination .swiper-pagination-bullet-active{width:30px;background:#fff;border-radius:10px;}


#section1 .scroll{
	display:inline-flex;justify-content:space-between;
	width:130px;
	position:absolute;right:-30px;bottom:100px;z-index:100;
	transform:rotate(90deg);
	cursor:pointer;
}
#section1 .scroll .txt{font-family:"Montserrat";font-size:13px;color:#fff;font-weight:500;}
#section1 .scroll .arr{position:relative;width:70px;margin:5px 0 0 0;border-top:1px solid #fff;animation:scroll 1s infinite alternate;}
#section1 .scroll .arr:after{
	display:block;content:"";
	width:6px;height:1px;
	border-bottom:1px solid #fff;transform:rotate(-45deg);
	position:absolute;right:0;top:0;
}
@keyframes scroll{
	0%{transform:translateX(10px);}
	100%{transform:translateX(0px);}
}




/* section2 */
#section2{background:url(/images/main/sec2_bg.jpg) no-repeat center;background-size:cover;text-align:center;}
#section2 h2{margin-top:85px;font-family:"Roboto";font-size:36px;color:#fff;font-weight:400;}
#section2 h2 span{display:inline-block;line-height:100%;border-bottom:1px solid #fff;}
#section2 h3{margin:40px 4% 15px;font-family:"Roboto";font-size:52px;color:#fff;font-weight:600;}
#section2 p{padding:0 4%;font-size:17px;color:rgba(255,255,255,1);}
#section2 .business_tabcon{
	box-sizing:border-box;
	position:relative;
	width:100%;height:280px;
	margin:60px auto;
}
#section2 .business_tabcon:before{
	display:block;content:"";
	width:100%;height:2px;
	background:rgba(255,255,255,0.6);
	position:absolute;left:0;top:50%;margin-top:-1px;
}
#section2 .business_tabcon:after{}
#section2 .business_tabcon .tabcon{position:relative;width:100%;margin:0 auto;}
#section2 .business_tabcon .business{width:100%;height:280px;margin:0 auto;padding: 0 5%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;}
#section2 .business_tabcon .business .swiper-slide{
    width: 20%;
    outline: 0;
}
#section2 .business_tabcon .b_indicator{position: absolute;top: 0;left: 0;width: 100%;z-index: 10;box-sizing: border-box;}
#section2 .business_tabcon .slick-prev{
	display:inline-block;
	position: absolute;
	cursor:pointer;
	width:22px;
	height:22px;
	border: 0;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	background:0;
	outline:0;
	transform: rotate(45deg);
	left: 3%;
	top: 50%;
	margin:-11px 0 0 0;
	outline: 0;
	font-size: 0;
	z-index: 100;
}
#section2 .business_tabcon .slick-next{
	font-size: 0;
	display:inline-block;
	position: absolute;
	cursor:pointer;
	width:22px;
	height:22px;
	border: 0;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	background:0;
	outline:0;
	transform: rotate(-135deg);
	right: 3%;
	top:50%;
	margin:-11px 0 0 0;
}

#section2 .business_tabcon .swiper-slide,#section2 .business_tabcon .swiper-slide a{
    outline: 0;
    display: block;
    width: 100%;
}
.business_tabcon .swiper-slide a{padding: 0 10px;box-sizing:border-box;}
#section2 .business_tabcon .boxwrap{
	position:relative;
	width: 100%;
	height:280px;
	margin:0 auto;
	perspective:1000px;
}
#section2 .business_tabcon .boxwrap:before{
	display:block;content:"";
	width:9px;height:9px;
	background:#fff;border-radius:50%;
	position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
}
#section2 .business_tabcon .boxwrap .bg{
	position:absolute;left:0;top:0;width:100%;height:100%;
	/*background:url(/images/main/sec2_guide_bg.png) no-repeat;*/
	transform:rotate(0);transition:all 3s ease-out;
}
#section2 .business_tabcon .boxwrap .bg svg{width:100%;height:100%;}
#section2 .business_tabcon .swiper-slide:hover .boxwrap .bg svg{filter: drop-shadow(10px -3px 12px rgba(255,255,255,0.8) inset);}
#section2 .business_tabcon .swiper-slide:hover .boxwrap .bg svg polygon{stroke:#4ec3f4;stroke-opacity:1;}
#section2 .business_tabcon .swiper-slide:hover .boxwrap .bg{animation:business_ani 5s linear infinite;}
@keyframes business_ani{
	0%{transform:rotate(0);}
	100%{transform:rotate(360deg);}
}
@keyframes business_ani2{
	0%{transform:rotate(360deg);}
	100%{transform:rotate(0deg);}
}
#section2 .business_tabcon .boxwrap .ico{
	box-sizing:border-box;height:50%;
	display:flex;align-items:center;justify-content:center;
	padding-top:55px;
}
#section2 .business_tabcon .boxwrap .ico img{margin-top:70px;}
#section2 .business_tabcon .boxwrap .sbj{
	box-sizing:border-box;
	height:50%;
	padding-top: 9%;
	font-size:24px;
	color:#fff;
	font-weight:500;
}
#section2 .business_tabcon .swiper-slide:hover .boxwrap .sbj{color:#4ec3f4;}


#section2 .business_tabs{display:none;padding:0 5%;}
#section2 .business_tabs>div{display:none;}
#section2 .business_tabs>div:first-child{display:block;}
#section2 .business_tabs ul{display:flex;justify-content:space-between;align-items:center;}
#section2 .business_tabs ul li{overflow:hidden;width:15.5%;}
#section2 .business_tabs ul.list1 li{width:100%;}
#section2 .business_tabs ul.list2 li{width:49%;}
#section2 .business_tabs ul.list3 li{width:32.5%;}
#section2 .business_tabs ul.list4 li{width:24%;}
#section2 .business_tabs ul.list5 li{width:19%;}
#section2 .business_tabs ul.list6 li{width:16%;}
#section2 .business_tabs ul.list7 li{width:13%;}
#section2 .business_tabs ul li a{
	display:flex;align-items:flex-end;position:relative;height:66px;
	padding-bottom:20px;
	font-size:18px;color:#fff;font-weight:500;text-align:left;
}
#section2 .business_tabs ul li a:before{
	display:block;content:"";
	width:100%;height:3px;
	border-bottom:3px solid rgba(255,255,255,0.3);
	position:absolute;left:0;bottom:0;
}
#section2 .business_tabs ul li a:after{
	display:block;content:"";
	width:0;height:3px;	
	border-bottom:3px solid rgba(255,255,255,1);
	position:absolute;left:0;bottom:0;transition:all 0.6s;
}
#section2 .business_tabs ul li.on a{}
#section2 .business_tabs ul li.on a:after{width:100%;}


@media(max-width:1279px){
	#section2 .business_tabcon .boxwrap .sbj{font-size: 20px;}
}
@media(max-width:1100px){
	#section2 .business_tabcon .business{max-width:800px; padding: 0 7%;}
}
@media(max-width:900px){
	.business_tabcon .swiper-slide a{padding: 0 10px;}
}



/* section3 */
#section3{background:#f3f3f3;position:relative;;text-align:center;padding:0 5% 0; z-index: 10;}
#section3:before{
	display:block;content:"";
	width:600px;height:600px;
	background:url(/images/main/sec3_bg.png) no-repeat;background-size:cover;
	position:absolute;right:-20%;top:-20%;
}
#section3:after{
	display:block;content:"";
	width:600px;height:600px;
	background:url(/images/main/sec3_bg.png) no-repeat;background-size:cover;
	position:absolute;left:-20%;bottom:-20%;
}
#section3 h2{margin-top:85px;font-family:"Roboto";font-size:36px;color:#131313;font-weight:600;}
#section3 h2 span{display:inline-block;line-height:100%;border-bottom:1px solid #131313;}
#section3 .project{margin:60px 0 0;}
#section3 .project .swiper-slide{perspective:800px;}
#section3 .project .swiper-slide>a{position:relative;display:block;transition:all 0.4s ;}
#section3 .project .swiper-slide>a:hover{transform:translateZ(0px);box-shadow:3px 3px 5px rgba(0,0,0,0.4);}
#section3 .project .swiper-slide .thumb{overflow:hidden;}
#section3 .project .swiper-slide .thumb img{width:100%;transform:scale(1);transition:all 0.6s;}
#section3 .project .swiper-slide:hover .thumb img{transform:scale(1.05);}
#section3 .project .swiper-slide .info{box-sizing:border-box;height:160px;background:#fff;padding:30px 30px;text-align:left;}
#section3 .project .swiper-slide .info .sbj{
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
	-webkit-line-clamp:2; /* 라인수 */
	-webkit-box-orient: vertical;
	line-height: 1.5em;height:3.0em;	
	font-size:19px;color:#444;font-weight:500;word-break:keep-all;
	margin-bottom:20px;
}
#section3 .project .swiper-slide .info .more{font-family:"Montserrat";font-size:11px;color:#444;font-weight:600;}
#section3 .project .swiper-slide:hover .info .more{color:#03569f;}
#section3 .project .swiper-slide:hover .info .more .arr{display:inline-block;animation:arr_ani1 0.4s linear infinite alternate;}
#section3 .project .swiper-slide .thumb:before{
	display:block;content:"";
	width:0;height:2px;
	background:#03569f;
	position:absolute;left:0;top:0;z-index:1;transition:all 0.3s 0.3s ease-out;
}
#section3 .project .swiper-slide .thumb:after{
	display:block;content:"";
	width:0;height:2px;
	background:#03569f;
	position:absolute;right:0;bottom:0;z-index:1;transition:all 0.3s 0.3s ease-out;
}
#section3 .project .swiper-slide .info:before{
	display:block;content:"";
	width:2px;height:0;
	background:#03569f;
	position:absolute;left:0;bottom:0;z-index:1;transition:all 0.3s 0.0s ease-out;
}
#section3 .project .swiper-slide .info:after{
	display:block;content:"";
	width:2px;height:0;
	background:#03569f;
	position:absolute;right:0;top:0;z-index:1;transition:all 0.3s  ease-out;
}
#section3 .project .swiper-slide:hover .thumb:before{width:100%;transition:all 0.3s 0s ease-out;}
#section3 .project .swiper-slide:hover .thumb:after{width:100%;transition:all 0.3s 0s ease-out;}
#section3 .project .swiper-slide:hover .info:before{height:100%;transition:all 0.3s 0.3s ease-out;}
#section3 .project .swiper-slide:hover .info:after{height:100%;transition:all 0.3s 0.3s ease-out;}


#section3 .project .ctr{margin-top:35px;display:flex;justify-content:space-between;align-items:flex-end;}
#section3 .project .ctr .swiper-scrollbar1{
	width:calc(100% - 155px);height:4px;
	box-shadow:0 -1px 0 #c6c6c6 inset;
}
#section3 .project .ctr .swiper-scrollbar1 .swiper-scrollbar-drag{background:#03569f;border-radius:0;}
#section3 .project .ctr .paging{
	box-sizing:border-box;
	width:125px;
}
#section3 .project .ctr .paging>div{
	display:inline-block;position:relative;outline:0;
	box-sizing:border-box;
	width:60px;height:60px;
	cursor:pointer;
}
#section3 .project .ctr .paging>div .arr{}
#section3 .project .ctr .paging>div.project-prev{}
#section3 .project .ctr .paging>div.project-next{}
#section3 .project .ctr .paging>div.project-prev .line_prev{transition:all 0.6s;transform-origin:center;}
#section3 .project .ctr .paging>div.project-next .line_next{transition:all 0.6s;transform-origin:center;}
#section3 .project .ctr .paging>div.project-prev:hover .line_prev{transform:rotateZ(-23deg);}
#section3 .project .ctr .paging>div.project-next:hover .line_next{transform:rotateZ(23deg);}


@keyframes arr_ani1{
	0%{transform:translateX(0px);}
	100%{transform:translateX(3px);}
}



/* section4 */
#section4{overflow:hidden;height:auto;text-align:center;position:relative;}
#section4 .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/main/sec4_bg.jpg) no-repeat center;background-size:cover;
	transform:scale(1.1);transition:all 0.5s 1s;
}
#section4.in-view .bg{transform:scale(1);transition:all 2s 1s;}
#section4 h2{font-size:36px;color:#fff;font-weight:500;}
#section4 h2 span{display:inline-block;line-height:100%;border-bottom:1px solid #fff;}
#section4 .conwrap{
	overflow:hidden;box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	position:relative;z-index:100;
	width:90%;height:calc(100% - 85px);
	margin:85px 5% 0;
	/*border-left:1px solid rgba(255,255,255,0.25);border-right:1px solid rgba(255,255,255,0.25);*/
}

#section4 .conwrap>div{width:100%;}
#section4 .conwrap .textwrap{margin:45px 0 70px;}

#section4 .conwrap .textwrap h3{font-size:40px;color:#fff;font-weight:600;line-height:130%;}
#section4 .conwrap .textwrap p{margin-top:20px;font-size:17px;color:rgba(255,255,255,1);}
#section4 .conwrap .listwrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
#section4 .conwrap .listwrap dl{width:25%;cursor:pointer;}
#section4 .conwrap .listwrap dl dt{font-size:24px;color:#fff;font-weight:500;line-height:130%;}
#section4 .conwrap .listwrap dl dt .ico{height:53px;margin-bottom:15px;}
#section4 .conwrap .listwrap dl dt .tit{}
#section4 .conwrap .listwrap dl dd{
	display:none;
	box-sizing:border-box;
	margin-top:20px;padding:0 15px;
	font-size:17px;color:rgba(255,255,255,1);word-break:keep-all;
}

@media(max-width:960px){
	#section4 .conwrap .textwrap{margin:45px 0;}
	#section4 .conwrap .listwrap dl{width:50%;margin:20px 0;}
	#section4 .conwrap .listwrap dl dt{font-size:24px;}
	#section4 .conwrap .listwrap dl dd{}
	#section4 .conwrap .textwrap p{display:none;}
}



#section4 .conwrap:before{
	display:block;content:"";
	width:1px;height:100%;
	background:rgba(255,255,255,0.25);
	position:absolute;left:0px;bottom:0;
	transform:scaleY(0);transform-origin:bottom;
}
#section4 .conwrap:after{
	display:block;content:"";
	width:1px;height:100%;
	background:rgba(255,255,255,0.25);
	position:absolute;right:0px;bottom:0;
	transform:scaleY(0);transform-origin:bottom;
}
#section4 .conwrap>div:after{
	display:block;content:"";
	width:1px;height:100%;
	background:rgba(255,255,255,0.25);
	position:absolute;left:50%;top:0;
	transform:scaleY(0);transform-origin:bottom;
}



#section4.in-view .conwrap:before{transform:scaleY(1);transition:all 1s 1s;}
#section4.in-view .conwrap:after{transform:scaleY(1);transition:all 1s 1s;}
#section4.in-view .conwrap>div:before{transform:scaleY(1);transition:all 1s 1s;}
#section4.in-view .conwrap>div:after{transform:scaleY(1);transition:all 1s 1s;}
#section4.in-view .conwrap .textwrap:before{transform:scaleY(1);transition:all 1s 1s;}


/*
#section4 .conwrap:before{
	display:block;content:"";
	width:2px;height:0;
	background:rgba(255,255,255,1);
	border-radius:50%;
	position:absolute;left:0px;bottom:-100%;transform:translate(-1.5px,-1.5px) scaleY(0.3);opacity:0;	
}
#section4 .conwrap:after{
	display:block;content:"";
	width:2px;height:0;
	background:rgba(255,255,255,1);
	border-radius:50%;
	position:absolute;right:0px;bottom:-100%;transform:translate(1.5px,-1.5px) scaleY(0.3);opacity:0;
}
#section4 .conwrap .textwrap:after{
	display:block;content:"";
	width:1px;height:0;
	background:rgba(255,255,255,1);
	border-radius:50%;
	position:absolute;left:25%;bottom:-100%;transform:translate(-25%,-1.5px) scaleY(0.3);opacity:0;	
}
#section4 .conwrap .listwrap:before{
	display:block;content:"";
	width:1px;height:0;
	background:rgba(255,255,255,1);
	border-radius:50%;
	position:absolute;left:50%;bottom:-100%;transform:translate(-50%,-1.5px) scaleY(0.3);opacity:0;margin:0 0 0 1px;
}
#section4 .conwrap .listwrap:after{
	display:block;content:"";
	width:1px;height:0;
	background:rgba(255,255,255,1);
	border-radius:50%;
	position:absolute;left:75%;bottom:-100%;transform:translate(-75%,-1.5px) scaleY(0.3);opacity:0;margin:0 0 0 1px;
}


#section4.in-view .conwrap:before{height:100%;bottom:100%;opacity:1;transform:translate(-1.5px,-1.5px) scaleY(1);transition:all 1.4s 1s ease-in;}
#section4.in-view .conwrap:after{height:100%;bottom:100%;opacity:1;transform:translate(1.5px,-1.5px) scaleY(1);transition:all 1.4s 1.6s ease-in;}
#section4.in-view .conwrap .textwrap:after{height:100%;bottom:100%;opacity:1;transform:translate(-25%,-1.5px) scaleY(1);transition:all 1.4s 1.4s ease-in;}
#section4.in-view .conwrap .listwrap:before{height:100%;bottom:100%;opacity:1;transform:translate(-50%,-1.5px) scaleY(1);transition:all 1.4s 1.2s ease-in}
#section4.in-view .conwrap .listwrap:after{height:100%;bottom:100%;opacity:1;transform:translate(-75%,-1.5px) scaleY(1);transition:all 1.4s 1.6s ease-in;}
*/








/* section5 */
#section5{background:#f9f9f9;position:relative;;text-align:center;padding:0 5% 0;}
#section5 h2{margin-top:85px;font-family:"Roboto";font-size:36px;color:#131313;font-weight:600;}
#section5 h2 span{display:inline-block;line-height:100%;border-bottom:1px solid #131313;}

#section5 .notice{margin:60px 0 0;}
#section5 .notice .swiper-slide{perspective:800px;}
#section5 .notice .swiper-slide>a{position:relative;display:block;transition:all 0.6s 0.4s;}
#section5 .notice .swiper-slide>a:hover{transform:translateZ(0px);box-shadow:3px 3px 5px rgba(0,0,0,0.4);}
#section5 .notice .swiper-slide .info{box-sizing:border-box;height:180px;text-align:left;transition:all 0.3s ease-out}
#section5 .notice .swiper-slide:hover .info{padding:15px;}
#section5 .notice .swiper-slide .info .cate{margin-bottom:20px;}
#section5 .notice .swiper-slide .info .cate span{
	display:inline-block;box-sizing:border-box;
	padding:0 15px;
	font-family:"Roboto";font-size:14px;text-align:center;line-height:32px;
}
#section5 .notice .swiper-slide .info .cate span.cate_notice{border:1px solid #ed722f;color:#ed722f;}
#section5 .notice .swiper-slide .info .cate span.cate_news{border:1px solid #00a1e4;color:#00a1e4;}
#section5 .notice .swiper-slide .info .sbj{
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
	-webkit-line-clamp:2; /* 라인수 */
	-webkit-box-orient: vertical;
	line-height: 1.5em;height:3.0em;	
	font-size:18px;color:#000;font-weight:600;word-break:keep-all;
	margin-bottom:15px;
}
#section5 .notice .swiper-slide .info .date{font-family:"Roboto";font-size:17px;color:rgba(0,0,0,0.7);}
#section5 .notice .swiper-slide .thumb{overflow:hidden;}
#section5 .notice .swiper-slide .thumb img{transform:scale(1);width:100%;transition:all 0.6s;}
#section5 .notice .swiper-slide:hover .thumb img{transform:scale(1.05);}

#section5 .notice .swiper-slide .thumb:before{
	display:block;content:"";
	width:0;height:2px;
	background:#03569f;
	position:absolute;right:0;top:0;z-index:1;transition:all 0.3s 0.3s ease-out;
}
#section5 .notice .swiper-slide .thumb:after{
	display:block;content:"";
	width:0;height:2px;
	background:#03569f;
	position:absolute;left:0;bottom:0;z-index:1;transition:all 0.3s 0.3s ease-out;
}
#section5 .notice .swiper-slide .info:before{
	display:block;content:"";
	width:2px;height:0;
	background:#03569f;
	position:absolute;left:0;top:0;z-index:1;transition:all 0.3s 0.0s ease-out;
}
#section5 .notice .swiper-slide .info:after{
	display:block;content:"";
	width:2px;height:0;
	background:#03569f;
	position:absolute;right:0;bottom:0;z-index:1;transition:all 0.3s  ease-out;
}
#section5 .notice .swiper-slide:hover .thumb:before{width:100%;transition:all 0.3s 0s ease-out;}
#section5 .notice .swiper-slide:hover .thumb:after{width:100%;transition:all 0.3s 0s ease-out;}
#section5 .notice .swiper-slide:hover .info:before{height:100%;transition:all 0.3s 0.3s ease-out;}
#section5 .notice .swiper-slide:hover .info:after{height:100%;transition:all 0.3s 0.3s ease-out;}


#section5 .notice .ctr{margin-top:35px;display:flex;justify-content:space-between;align-items:flex-end;}
#section5 .notice .ctr .swiper-scrollbar2{
	width:calc(100% - 155px);height:4px;
	box-shadow:0 -1px 0 #c6c6c6 inset;
}
#section5 .notice .ctr .swiper-scrollbar2 .swiper-scrollbar-drag{background:#03569f;border-radius:0;}
#section5 .notice .ctr .paging{
	box-sizing:border-box;
	width:125px;
}
#section5 .notice .ctr .paging>div{
	display:inline-block;position:relative;outline:0;
	box-sizing:border-box;
	width:60px;height:60px;
	cursor:pointer;
}
#section5 .notice .ctr .paging>div .arr{}
#section5 .notice .ctr .paging>div.nn-next{}
#section5 .notice .ctr .paging>div.nn-prev .line_prev{transition:all 0.6s;transform-origin:center;}
#section5 .notice .ctr .paging>div.nn-next .line_next{transition:all 0.6s;transform-origin:center;}
#section5 .notice .ctr .paging>div.nn-prev:hover .line_prev{transform:rotateZ(-23deg);}
#section5 .notice .ctr .paging>div.nn-next:hover .line_next{transform:rotateZ(23deg);}




/* section6 */
#section6{}
#section6 h2{font-family:"Roboto";font-size:36px;color:#fff;font-weight:600;}
#section6 .conwrap{display:flex;width:100%;height:100%;}
#section6 .conwrap .media{
	display:flex;align-items:center;justify-content:center;
	width:50%;height:100%;
	background:url(/images/main/bg_media.jpg) no-repeat center;background-size:cover;
	text-align:center;
}
#section6 .conwrap .media p{font-size:17px;color:rgba(255,255,255,1);line-height:170%;margin:15px 0 25px;text-shadow:1px 1px 2px rgba(0,0,0,0.4);}
#section6 .conwrap .media .btn_play{display:block;margin-bottom:35px;}
#section6 .conwrap .media .btn_play .act1{transform:rotate(0);transform-origin:center;transition:all 0.4s;}
#section6 .conwrap .media .btn_play:hover .act1{transform:rotateZ(23deg);box-shadow:2px 2px 12px rgba(0,0,0,0.4);}
#section6 .conwrap .media .btn_play .act2{transform:translate3d(0,0,0,0);transform-origin:center;transition:all 0.4s;}
#section6 .conwrap .media .btn_play:hover .act2{animation:arr_ani 1s infinite alternate;}
#section6 .conwrap .media .btn_more{display:block;font-family:"Montserrat";font-size:11px;color:#fff;font-weight:500;}
#section6 .conwrap .media .btn_more:hover{color:#50ccff;}
#section6 .conwrap .media .btn_more:hover span{display:inline-block;animation:more_ani 1s infinite alternate;animation-fill-mode:forwards;}


@keyframes arr_ani{
	0%{stroke-width:2;}
	100%{stroke-width:4;}
}
@keyframes more_ani{
	0%{transform:translateX(0px);}
	100%{transform:translateX(5px);}
}

#section6 .conwrap .rightwrap{width:50%;height:100%;}
#section6 .conwrap .rightwrap .brochure{
	display:flex;align-items:center;
	box-sizing:border-box;
	height:53%;background:#1f2c5c;
	padding:85px 7% 0;perspective:1000px;
}
#section6 .conwrap .rightwrap .brochure>div{display:flex;align-items:center;}
#section6 .conwrap .rightwrap .brochure .img{width:45%;transform-origin:center center;transition:all 1s;}
#section6 .conwrap .rightwrap .brochure .img img{transition:all 1s;}
#section6 .conwrap .rightwrap .brochure .img.on img{-webkit-transform:translate3d(0,0,30px);box-shadow:2px 2px 6px rgba(0,0,0,0.5);}
#section6 .conwrap .rightwrap .brochure .txts{box-sizing:border-box;width:55%;padding:0 0 0 5%;}
#section6 .conwrap .rightwrap .brochure h2{font-family:"Noto Sans KR";font-size:34px;color:#fff;font-weight:600;}
#section6 .conwrap .rightwrap .brochure p{font-size:17px;color:rgba(255,255,255,1);line-height:170%;margin:15px 0 25px;}
#section6 .conwrap .rightwrap .brochure .btn_down{position:relative;perspective:1000px;display:block;}
#section6 .conwrap .rightwrap .brochure .btn_down{
    width: 184px;
}
#section6 .conwrap .rightwrap .brochure .btn_down .bg{
	position:relative;
	stroke-dashoffset:500; stroke-dasharray:500;transition:all 0.4s linear 0.4s;
}
#section6 .conwrap .rightwrap .brochure .btn_down:hover .bg{stroke-dashoffset:0;transition:all 0.4s linear 0.4s;}
#section6 .conwrap .rightwrap .brochure .btn_down .line1{stroke:#fff;transform-origin:left;transition:all 0.4s linear;}
#section6 .conwrap .rightwrap .brochure .btn_down:hover .line1{animation:btndown 2s linear;animation-fill-mode:forwards;}
#section6 .conwrap .rightwrap .brochure .btn_down .line2{stroke:#1f2c5c;transform-origin:left;stroke-dashoffset:0; stroke-dasharray:500;transition:all 0.4s linear}
#section6 .conwrap .rightwrap .brochure .btn_down:hover .line2{stroke:#fff;stroke-dashoffset:500;stroke-dasharray:500;transition:all 0.4s linear;opacity:0;}
#section6 .conwrap .rightwrap .brochure .btn_down .line3{stroke-dashoffset:500; stroke-dasharray:500;transition:all 0.4s linear}
#section6 .conwrap .rightwrap .brochure .btn_down:hover .line3{stroke:#fff;stroke-dashoffset:0;transition:all 0.4s linear;}
#section6 .conwrap .rightwrap .brochure .btn_down .line4{stroke-dashoffset:500; stroke-dasharray:500;transition:all 0.4s linear}
#section6 .conwrap .rightwrap .brochure .btn_down:hover .line4{stroke:#fff;stroke-dashoffset:0;transition:all 0.4s linear;}
#section6 .conwrap .rightwrap .brochure .btn_down .down_arr{position:absolute;right: 30px;top:50%;margin: -9px 0 0 0;}

@keyframes btndown{
	0%{stroke:#fff;stroke-dashoffset:1600; stroke-dasharray:1600;}
	100%{stroke:#fff;stroke-dashoffset:0;}
}

#section6 .conwrap .rightwrap .ir{
	display:flex;align-items:center;
	box-sizing:border-box;
	height:47%;
	padding:85px 7%;
	background:url(/images/main/bg_ir.jpg) no-repeat center;background-size:cover;
}
#section6 .conwrap .rightwrap .ir>div{display:flex;align-items:center;width: 100%;}
#section6 .conwrap .rightwrap .ir .img{position:relative;width: 152px;}
#section6 .conwrap .rightwrap .ir .img .bg{opacity:0.5;}
#section6 .conwrap .rightwrap .ir .img .ico{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
#section6 .conwrap .rightwrap .ir .info{box-sizing:border-box;padding:0 0 0 10%;width: calc(100% - 152px);}
#section6 .conwrap .rightwrap .ir .info .ir_info{}
#section6 .conwrap .rightwrap .ir .info .ir_info dl{display:flex;align-items:flex-end;margin:5px 0;}
#section6 .conwrap .rightwrap .ir .info .ir_info dl dt{width:200px;font-size:18px;color:rgba(255,255,255,1);}
#section6 .conwrap .rightwrap .ir .info .ir_info dl dd{
	width:calc(100% - 200px);
	font-family:"Montserrat";font-size:18px;color:rgba(255,255,255,0.9);font-weight:500;
}
#section6 .conwrap .rightwrap .ir .info .ir_info dl dd.today{font-size:40px;}
#section6 .conwrap .rightwrap .ir .info .ir_info .up{color:#ff0000;}
#section6 .conwrap .rightwrap .ir .info .ir_info .down{color:#00a1e4;}
#section6 .conwrap .rightwrap .ir .info .ir_info dl dd.today .counter{transition:all 1s;}
#section6 .conwrap .rightwrap .ir .info .btn_more{
	display:block;
	margin-top:30px;
	font-family:"Montserrat";font-size:11px;color:#fff;font-weight:500;
}
#section6 .conwrap .rightwrap .ir .info .btn_more:hover{color:#50ccff;}
#section6 .conwrap .rightwrap .ir .info .btn_more:hover span{display:inline-block;animation:more_ani 1s infinite alternate;animation-fill-mode:forwards;}


@media(max-width:1200px){
	#section6 .conwrap .rightwrap .ir .info .ir_info dl dt{width:160px;font-size:16px;color:rgba(255,255,255,1);}
	#section6 .conwrap .rightwrap .ir .info .ir_info dl dd{
		width:calc(100% - 160px);
		font-family:"Montserrat";font-size:16px;color:rgba(255,255,255,0.9);font-weight:500;
	}	
	#section6 .conwrap .rightwrap .ir .info .ir_info dl dd.today{font-size:36px;}
}




#section6 .conwrap .rightwrap .ir .c1{stroke-dashoffset:50; stroke-dasharray:50;}
#section6 .conwrap .rightwrap .ir .c2{stroke-dashoffset:50; stroke-dasharray:50;}
#section6 .conwrap .rightwrap .ir .c3{stroke-dashoffset:50; stroke-dasharray:50;}
#section6 .conwrap .rightwrap .ir .c4{stroke-dashoffset:50; stroke-dasharray:50;}

#section6 .conwrap .rightwrap .ir .line0{stroke-dashoffset:250; stroke-dasharray:250;}
#section6 .conwrap .rightwrap .ir .line1{stroke-dashoffset:50; stroke-dasharray:50;}
#section6 .conwrap .rightwrap .ir .line2{stroke-dashoffset:50; stroke-dasharray:50;}
#section6 .conwrap .rightwrap .ir .line3{stroke-dashoffset:50; stroke-dasharray:50;}


#section6.active .conwrap .rightwrap .ir .c1{stroke-dashoffset:0;transition:all 0.6s linear 1.5s;}
#section6.active .conwrap .rightwrap .ir .c2{stroke-dashoffset:0;transition:all 0.6s linear 2.0s;}
#section6.active .conwrap .rightwrap .ir .c3{stroke-dashoffset:0;transition:all 0.6s linear 2.6s;}
#section6.active .conwrap .rightwrap .ir .c4{stroke-dashoffset:0;transition:all 0.6s linear 3.3s;}
#section6.active .conwrap .rightwrap .ir .line0{stroke-dashoffset:0;transition:all 1s linear 1s;}
#section6.active .conwrap .rightwrap .ir .line1{stroke-dashoffset:0;transition:all 0.6s linear 1.7s;}
#section6.active .conwrap .rightwrap .ir .line2{stroke-dashoffset:0;transition:all 0.6s linear 2.3s;}
#section6.active .conwrap .rightwrap .ir .line3{stroke-dashoffset:0;transition:all 0.6s linear 2.9s;}


@keyframes updown1{
	0%{cy:35.571;}
	100%{cy:32.571;}
}
@keyframes updown1_1{
	0%{}
	100%{}
}

@media(max-width:1000px){
	#section6{}
	#section6 .conwrap{display:block;width:100%;height:100%;}
	#section6 .conwrap .media{
		display:flex;align-items:center;justify-content:center;
		width:100%;height:calc(100% - 405px);
		box-sizing:border-box;
	}
	#section6 .conwrap .rightwrap{display:flex;width:100%;height:405px;}
	#section6 .conwrap .rightwrap .brochure{
		display:flex;align-items:center;box-sizing:border-box;
		width:50%;height:100%;
		padding:85px 4%;perspective:1000px;
	}
	#section6 .conwrap .rightwrap .brochure>div{display:flex;align-items:center;}
	#section6 .conwrap .rightwrap .brochure .img{display:none;}
	#section6 .conwrap .rightwrap .brochure .img.on img{-webkit-transform:translate3d(0,0,30px);box-shadow:2px 2px 6px rgba(0,0,0,0.5)}
	#section6 .conwrap .rightwrap .brochure .txts{box-sizing:border-box;width:100%;padding:0 5%;}
	#section6 .conwrap .rightwrap .brochure h2{font-family:"Noto Sans KR";font-size:34px;color:#fff;font-weight:600;}
	#section6 .conwrap .rightwrap .brochure p{font-size:17px;color:rgba(255,255,255,0.8);line-height:170%;margin:15px 0 25px;}

	#section6 .conwrap .rightwrap .ir{
		display:flex;align-items:center;
		box-sizing:border-box;
		width:50%;height:100%;
		padding:85px 4%;
		background:url(/images/main/bg_ir.jpg) no-repeat center;background-size:cover;
	}
	#section6 .conwrap .rightwrap .ir>div{display:flex;align-items:center;}
	#section6 .conwrap .rightwrap .ir .img{display:none;}
	#section6 .conwrap .rightwrap .ir .img svg{width:100%;}
	#section6 .conwrap .rightwrap .ir .info{width:100%;}
	#section6 .conwrap .rightwrap .ir .info .ir_info dl{display:flex;align-items:flex-end;margin:10px 0;}
	#section6 .conwrap .rightwrap .ir .info .ir_info dl dt{width: 45%;font-size:16px;}
	#section6 .conwrap .rightwrap .ir .info .ir_info dl dd{
		width: 55%;
		font-family:"Montserrat";
		font-size:16px;
		color:rgba(255,255,255,0.9);
		font-weight:500;
	}
	#section6 .conwrap .rightwrap .ir .info .ir_info dl dd.today{font-size:36px;color:#ce0000;}
	#section6 .conwrap .rightwrap .ir .info .btn_more{
		display:block;
		margin-top:30px;
		font-family:"Montserrat";font-size:11px;color:#fff;font-weight:500;
	}
	#section6 .conwrap .rightwrap .ir .info{padding: 85px 3%;}
	#section6 .conwrap .rightwrap .ir .info{padding-left: 8%;}
}





/* section7 */
#section7{background:url(/images/main/sec7_bg.jpg) no-repeat center;background-size:cover;text-align:center;word-break:keep-all;}
#section7 h2{font-size:36px;color:#fff;font-weight:400;}
#section7 h2 span{display:inline-block;line-height:100%;border-bottom:1px solid #fff;}
#section7 h3{margin:25px 4% 15px;font-size:50px;color:#fff;font-weight:600;}
#section7 p{font-size:17px;color:#fff;}
#section7 a{display:inline-block;}

#section7 .btn_top{
	display:inline-flex;justify-content:space-between;
	width:110px;
	position:absolute;right:-20px;bottom:100px;z-index:100;
	transform:rotate(90deg);
	cursor:pointer;
}
#section7 .btn_top .txt{font-family:"Montserrat";font-size:13px;color:#fff;font-weight:500;}
#section7 .btn_top .arr{position:relative;width:70px;margin:5px 0 0 0;border-top:1px solid #fff;animation:scroll 1s infinite alternate;}
#section7 .btn_top .arr:after{
	display:block;content:"";
	width:6px;height:1px;
	border-top:1px solid #fff;transform:rotate(45deg);
	position:absolute;left:0;top:0;
}
#section7 a text{font-family:"Noto Sans KR","돋움",dotum,sans-serif;}
@keyframes scroll{
	0%{transform:translateX(10px);}
	100%{transform:translateX(0px);}
}


@media(max-width:900px){
	#section7 h3{margin:25px 0 15px;font-size:45px;color:#fff;font-weight:600;}
}




/* footer */
#footer{background:#242424;}
.foot{position:relative;;box-sizing:border-box;padding:140px 5% 60px;}
.foot h1{width:230px;margin-bottom:40px;}
.foot .foot_info{box-sizing:border-box;}
.foot .foot_info ul{display:flex;}
.foot .foot_info ul li{position:relative;padding-right:10px;margin-right:11px;}
.foot .foot_info ul li:after{
	display:block;content:"";
	width:1px;height:11px;
	background:#454545;
	position:absolute;right:0;top:8px;
}
.foot .foot_info ul li:last-child:after{display:none;}
.foot .foot_info ul li a{font-size:16px;color:rgba(255,255,255,0.5);font-weight:300;}
.foot .foot_info address{margin:10px 0;font-size:16px;color:rgba(255,255,255,0.5);font-weight:300;}
.foot .foot_info address dl{display:flex;}
.foot .foot_info address dl dt{
	position:relative;
	width:50px;
	font-size:16px;color:rgba(255,255,255,0.5);line-height:1.7em;
	font-weight: 300;
}
.foot .foot_info address dl dt:after{
		display: block;
		content: "";
		width: 1px;
		height: 50%;
		background: rgba(255, 255, 255, 0.4);
		position: absolute;
		right: 0;
		top: 7px;
}
.foot .foot_info address dl:first-child dt:after{
	height: 80%;
}
.foot .foot_info address dl dd{
	box-sizing:border-box;
	width:calc(100% - 50px);
	padding-left:15px;
	font-size:16px;color:rgba(255,255,255,0.5);line-height:1.8em;
	font-weight: 300;
}
.foot .foot_info address .nbsp{display:inline-block;width:1px;height:12px;background:#454545;margin:0 10px;}
.foot .foot_info .copy{font-size:16px;color:rgba(255,255,255,0.4);font-weight:300;}

.foot .core_links{width:100%;position:absolute;right:0%;top:40px;}
.foot .core_links ul{display:flex;justify-content:center;flex-wrap:wrap;}
.foot .core_links ul li{margin:0 5px;}
.foot .core_links ul li:nth-child(1){width:125px;}
.foot .core_links ul li:nth-child(2){width:100px;}
.foot .core_links ul li:nth-child(3){width:155px;}
.foot .core_links ul li:nth-child(4){width:225px;}
.foot .core_links ul li a{
	display:block;position:relative;
	box-sizing:border-box;
	padding:0 0 18px;
	text-align:center;
}
.foot .core_links ul li a:before{
	display:block;content:"";box-sizing:border-box;
	width:100%;height:4px;
	border:1px solid rgba(255,255,255,0.2);
	position:absolute;left:0;bottom:0;
}
.foot .core_links ul li a:after{
	display:block;content:"";box-sizing:border-box;
	width:0%;height:4px;
	background:#50ccff;
	position:absolute;left:50%;bottom:0;transition:all 0.4s;transform:translateX(-50%);transform-origin:center;
}
.foot .core_links ul li:hover a:after{width:100%;}
.foot .core_links ul li a .ico{box-sizing:border-box;height:27px;margin-bottom:10px;}
.foot .core_links ul li:nth-child(2) a .ico{padding-top:3px;}
.foot .core_links ul li:nth-child(4) a .ico{padding-top:3px;}
.foot .core_links ul li a .sbj{font-size:16px;color:rgba(255,255,255,0.8);font-weight:300;transition:all 0.4s;}


.foot .core_links ul li:hover a{}
.foot .core_links ul li:hover a .sbj{color:#50ccff;}

/*
.foot .core_links ul li:nth-child(1):hover .ico circle{animation:footer_hover_ani1 1s linear;animation-fill-mode:forwards;stroke:#50ccff}
.foot .core_links ul li:nth-child(1):hover .ico line{animation:footer_hover_ani1 1s linear;animation-fill-mode:forwards;stroke:#50ccff}
@keyframes footer_hover_ani1{
	0%{stroke-dashoffset:40;stroke-dasharray:40;}
	100%{stroke-dashoffset:0;stroke-dasharray:40;}
}
*/
.foot .core_links ul li:nth-child(1):hover .ico{
	transform-origin:center;
	animation:footer_hover_ani1-1 1s linear;animation-fill-mode:forwards;stroke:#50ccff
}
.foot .core_links ul li:nth-child(1):hover .ico circle{stroke:#50ccff}
.foot .core_links ul li:nth-child(1):hover .ico line{stroke:#50ccff}
@keyframes footer_hover_ani1-1{
	0%{transform:rotateZ(360deg);}
	100%{transform:rotateZ(0);}
}
/*
.foot .core_links ul li:nth-child(2):hover .ico path{stroke-dashoffset:140;stroke-dasharray:140;animation:footer_hover_ani2 1s linear;animation-fill-mode:forwards;stroke:#50ccff}
.foot .core_links ul li:nth-child(2):hover .ico line{stroke-dashoffset:40;stroke-dasharray:40;animation:footer_hover_ani2 1s linear;animation-fill-mode:forwards;stroke:#50ccff}
.foot .core_links ul li:nth-child(2):hover .ico polygon{stroke-dashoffset:30;stroke-dasharray:30;animation:footer_hover_ani2 1s linear;animation-fill-mode:forwards;stroke:#50ccff}
@keyframes footer_hover_ani2{
	0%{}
	100%{stroke-dashoffset:0;}
}

.foot .core_links ul li:nth-child(3):hover .ico path{stroke-dashoffset:140;stroke-dasharray:140;animation:footer_hover_ani2 1s linear;animation-fill-mode:forwards;stroke:#50ccff}
.foot .core_links ul li:nth-child(3):hover .ico rect{stroke-dashoffset:80;stroke-dasharray:80;animation:footer_hover_ani2 1s linear;animation-fill-mode:forwards;stroke:#50ccff}
.foot .core_links ul li:nth-child(3):hover .ico circle{stroke-dashoffset:10;stroke-dasharray:10;animation:footer_hover_ani2 1s linear;animation-fill-mode:forwards;stroke:#50ccff}

.foot .core_links ul li:nth-child(4):hover .ico path{stroke-dashoffset:140;stroke-dasharray:140;animation:footer_hover_ani2 1s linear;animation-fill-mode:forwards;stroke:#50ccff}
.foot .core_links ul li:nth-child(4):hover .ico line{stroke-dashoffset:100;stroke-dasharray:100;animation:footer_hover_ani2 1s linear;animation-fill-mode:forwards;stroke:#50ccff}

*/
.foot .core_links ul li + li:hover .ico *{stroke-dashoffset:200; stroke-dasharray:200;animation:footer_hover_ani2 1.8s linear;animation-fill-mode:forwards; stroke:#50ccff}
@keyframes footer_hover_ani2{
	0%{}
	100%{stroke-dashoffset:0;}
}



@media(max-width:900px){
	.foot{padding-top:150px;text-align:center;}
	.foot h1{width:100%;}
	.foot .foot_info ul{display:inline-flex;}
	.foot .core_links{right:50%;transform:translateX(50%);}
}


#bgblack{
	display:none;
	position:fixed;left:0;top:0;z-index:2000;
	width:100vw;height:100vh;
	background:rgba(0,0,0,0.7);
}
.btn_x{
	overflow:hidden;
	position:relative;
	width:60px;height:60px;
	cursor:pointer;
	float:right;margin-bottom:20px;
}
.btn_x>div:nth-child(1){
	box-sizing:border-box;
	position:absolute;left:0;top:50%;
	width:100%;height:28px;
	background:#1f4a97;
	transform:translateY(-50%);
}
.btn_x>div:nth-child(2){
	box-sizing:border-box;
	position:absolute;left:50%;top:0%;
	width:28px;height:100%;
	background:#1f4a97;
	transform:translateX(-50%);
}
.btn_x>div:nth-child(3){
	box-sizing:border-box;
	position:absolute;left:50%;top:0%;
	width:28px;height:100%;
	background:#1f4a97;
	transform:rotate(-45deg);
	margin-left:-14px;
}
.btn_x>div:nth-child(4){
	box-sizing:border-box;
	position:absolute;left:50%;top:0%;
	width:28px;height:100%;
	background:#1f4a97;
	transform:rotate(45deg);
	margin-left:-14px;
}
.pop_st1{
	display:none;
	position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3000;
	max-width:1320px;width:94%;
}
.pop_st1 .conwrap{
	box-sizing:border-box;
	background:#fff;
	overflow-y:auto;
	width:100%;height:540px;
	padding:0 7%;
}
.pop_st1 .conwrap>div{width:100%;padding:70px 0;}
.pop_st1 .conwrap>div:nth-child(1){display:none;}
.pop_st1 .conwrap .tit{font-family:"NanumSquare_acEB";color:#000;font-size:36px;text-align:center;margin-bottom:50px;}
.pop_st1 .conwrap .textwrap{}
.pop_st1 .conwrap .textwrap textarea{
	box-sizing:border-box;
	width:100%;height:320px;
	background:#f8f8f8;
	font-size:17px;color:#555;word-break:keep-all;line-height:170%;
	border:0;outline:0;resize:none;
	padding:30px
}








/**/
#section2 h2{opacity:0;transform:translateY(60px);}
#section2 h2 span{}
#section2 h3{opacity:0;transform:translateY(60px);}
#section2 p{opacity:0;transform:translateY(40px);}
#section2 .business_tabs{transform:translateY(100px);opacity:0;}
#section2 .business_tabcon:before{transform:scaleX(0);transform-origin:left;}
#section2 .business_tabcon .tabcon{opacity:0;}
#section2 .business_tabcon .ico1 circle{stroke-dashoffset:10;stroke-dasharray:40;}
#section2 .business_tabcon .ico1 line.line0{stroke-dashoffset:70;stroke-dasharray:70;}
#section2 .business_tabcon .ico1 line.line1{stroke-dashoffset:70;}
#section2 .business_tabcon .ico2 .bd{transform:translateY(100%);}
#section2 .business_tabcon .ico2 .bd line,
#section2 .business_tabcon .ico2 .bd path,
#section2 .business_tabcon .ico2 .bd polyline{}
#section2 .business_tabcon .ico3 path{stroke-dashoffset:80;stroke-dasharray:80;}
#section2 .business_tabcon .ico3 line{stroke-dashoffset:80;stroke-dasharray:80;}
#section2 .business_tabcon .ico3 polyline{stroke-dashoffset:70;stroke-dasharray:70;}
#section2 .business_tabcon .ico4 path{stroke-dashoffset:50;stroke-dasharray:50;}
#section2 .business_tabcon .ico4 line{stroke-dashoffset:50;stroke-dasharray:50;}
#section2 .business_tabcon .ico4 .wings{position:relative;}
#section2 .business_tabcon .ico4 .move{position:absolute;left:0;top:0;transform-origin:center 1px;}
#section2 .business_tabcon .ico5 path{stroke-dashoffset:80;stroke-dasharray:80;}
#section2 .business_tabcon .ico5 line{stroke-dashoffset:80;stroke-dasharray:80;}
#section2 .business_tabcon .ico5 polyline{stroke-dashoffset:70;stroke-dasharray:70;}
#section2 .business_tabcon .ico5 circle{stroke-dashoffset:70;stroke-dasharray:70;}
#section2 .business_tabcon .ico5 svg{perspective:800px;}




#section2.active h2{opacity:1;transform:translateY(0px);transition:all 1s;}
#section2.active h3{opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}
#section2.active p{opacity:1;transform:translateY(0px);transition:all 1s 0.4s;}
#section2.active .business_tabcon:before{transform:scaleX(1);transition:all 1.6s 0.6s;}
#section2.active .business_tabcon .tabcon{opacity:1;transition:all 1s 2s;}
#section2.active .business_tabs{opacity:1;transform:translateY(0px);transition:all 1.4s 2s;}
#section2.active .business_tabcon .ico1 circle{stroke-dashoffset:0;transition:all 1.4s 2.2s;}
#section2.active .business_tabcon .ico1 line.line1{stroke-dashoffset:0;}
#section2.active .business_tabcon .ico2 .bd{transform:translateY(0);transition:all 1.4s 2.2s}
#section2.active .business_tabcon .ico3  path{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s 2.2s;}
#section2.active .business_tabcon .ico3  line{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s 2.2s;}
#section2.active .business_tabcon .ico3  polyline{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s 2.2s;}
#section2.active .business_tabcon .ico4  path{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s 2.2s;}
#section2.active .business_tabcon .ico4  line{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s 2.2s;}
#section2.active .business_tabcon .ico5 path{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s 2.2s;}
#section2.active .business_tabcon .ico5 line{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s 2.2s;}
#section2.active .business_tabcon .ico5 polyline{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s 2.2s;}
#section2.active .business_tabcon .ico5 circle{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s 2.2s;}



#section2 .business_tabcon .tab1-1:hover .ico circle{animation:hover_ani1 2s infinite 1s;animation-fill-mode:forwards;}
#section2 .business_tabcon .tab1-1:hover .ico line{
	animation:hover_ani1 2s infinite linear;animation-fill-mode:forwards;
	stroke:#4ec3f4;
}
#section2 .business_tabcon .tab1-1:hover .ico path{stroke:#4ec3f4;}
#section2 .business_tabcon .tab1-1:hover .ico polyline{stroke:#4ec3f4;}
#section2 .business_tabcon .tab1-2:hover .ico svg .bd line,
#section2 .business_tabcon .tab1-2:hover .ico svg .bd path,
#section2 .business_tabcon .tab1-2:hover .ico svg .bd polyline{animation:hover_ani2 2.5s infinite 1s;animation-fill-mode:forwards;}
#section2 .business_tabcon .tab1-2:hover .ico svg .bd line.window{animation:hover_ani22 2.5s infinite 1s;animation-fill-mode:forwards;}
#section2 .business_tabcon .tab1-2:hover .ico line,
#section2 .business_tabcon .tab1-2:hover .ico path,
#section2 .business_tabcon .tab1-2:hover .ico polyline{stroke:#4ec3f4;}
#section2 .business_tabcon .tab1-3:hover .ico svg .water{animation:hover_ani3 1s infinite linear;animation-fill-mode:both;}
#section2 .business_tabcon .tab1-3:hover .ico  path,
#section2 .business_tabcon .tab1-3:hover .ico  line,
#section2 .business_tabcon .tab1-3:hover .ico  polyline{stroke:#4ec3f4;transition:all 0.4s 0s;}
#section2 .business_tabcon .tab1-4:hover .ico svg.move{
	transform-origin:center;
	animation:hover_ani4 1s infinite linear;animation-fill-mode:forwards;	
}
#section2 .business_tabcon .tab1-4:hover .ico  path,
#section2 .business_tabcon .tab1-4:hover .ico  line{stroke:#4ec3f4;transition:all 0.4s 0s;}

#section2 .business_tabcon .tab1-5:hover .ico .crain{
	transform-origin:90% 20px;
	animation:hover_ani5 1s infinite linear alternate;animation-fill-mode:forwards;	
}
#section2 .business_tabcon .tab1-5:hover .ico5 path,
#section2 .business_tabcon .tab1-5:hover .ico5 line,
#section2 .business_tabcon .tab1-5:hover .ico5 circle{stroke:#4ec3f4 !important;transition:all 0.4s 0s;}
#section2 .business_tabcon .tab1-5:hover .ico5 polyline{stroke:#4ec3f4 !important;transition:all 0.4s 0s;}


@keyframes hover_ani1{
	0%{stroke-dashoffset:70;}
	100%{stroke-dashoffset:0;}
}
@keyframes hover_ani2{
	0%{stroke-dashoffset:100;stroke-dasharray:100;}
	100%{stroke-dashoffset:0;}
}
@keyframes hover_ani22{
	0%{stroke-dashoffset:-5;stroke-dasharray:-5;}
	100%{stroke-dashoffset:0;}
}
@keyframes hover_ani3{
	0%{stroke-dashoffset:80}
	100%{stroke-dashoffset:0;}
}
@keyframes hover_ani4{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@keyframes hover_ani5{
	0%{transform:rotateY(0deg);}
	100%{transform:rotateY(45deg);}
}



#section3:before{transform:translate3d(30%,30%,100px) rotate(45deg);}
#section3:after{transform:translate3d(-30%,-30%,100px) rotate(45deg);}
#section3 h2{opacity:0;transform:translateY(60px);}
#section3 .swiper-wrapper{perspective:800px;}
#section3 .project .swiper-slide{transform:translateX(450%);transform-origin:center;perspective:800px;}
#section3 .project .ctr{opacity:0;}

#section3.in-view:before{transform:translate3d(0,0,0) rotate(0);transition:all 3s;}
#section3.in-view:after{transform:translate3d(0,0,0) rotate(0);transition:all 3s;}
#section3.in-view h2{opacity:1;transform:translateY(0px);transition:all 1s 1s;}
#section3.in-view .project .swiper-slide{transform:translateX(0);}
#section3.in-view .swiper-slide:nth-child(1){opacity:1;transform:translateX(0);transition:all 1s cubic-bezier(.08,1.01,.85,.98) 1s;}
#section3.in-view .swiper-slide:nth-child(2){opacity:1;transform:translateX(0);transition:all 1s cubic-bezier(.08,1.01,.85,.98) 1.1s;}
#section3.in-view .swiper-slide:nth-child(3){opacity:1;transform:translateX(0);transition:all 1.1s cubic-bezier(.08,1.01,.85,.98) 1.2s;}
#section3.in-view .swiper-slide:nth-child(4){opacity:1;transform:translateX(0);transition:all 1.2s cubic-bezier(.08,1.01,.85,.98) 1.3s;}
#section3.in-view .project .ctr{opacity:1;transition:all 1s 2.8s;}






#section4 h2{opacity:0;transform:translateY(60px);}
#section4 h3{opacity:0;transform:translateY(60px);}
#section4 p{opacity:0;transform:translateY(40px);}


#section4.in-view h2{opacity:1;transform:translateY(0);transition:all 1s 2s}
#section4.in-view h3{opacity:1;transform:translateY(0);transition:all 1s 2.2s}
#section4.in-view p{opacity:1;transform:translateY(0);transition:all 1s 2.4s}

/*
#section4 .conwrap .listwrap dl:nth-child(1) .ico svg line,
#section4 .conwrap .listwrap dl:nth-child(1) .ico svg path{stroke-dashoffset:500; stroke-dasharray:500;}
#section4.in-view .conwrap .listwrap dl:nth-child(1) .ico svg line,
#section4.in-view .conwrap .listwrap dl:nth-child(1) .ico svg path{stroke-dashoffset:0;transition:all 6s 2.8s;}

#section4 .conwrap .listwrap dl:nth-child(2) .ico svg line,
#section4 .conwrap .listwrap dl:nth-child(2) .ico svg path,
#section4 .conwrap .listwrap dl:nth-child(2) .ico svg polyline{stroke-dashoffset:500; stroke-dasharray:500;}
#section4.in-view .conwrap .listwrap dl:nth-child(2) .ico svg line,
#section4.in-view .conwrap .listwrap dl:nth-child(2) .ico svg path,
#section4.in-view .conwrap .listwrap dl:nth-child(2) .ico svg polyline{stroke-dashoffset:0;transition:all 6s 2.8s;}

#section4 .conwrap .listwrap dl:nth-child(3) .ico svg line,
#section4 .conwrap .listwrap dl:nth-child(3) .ico svg path,
#section4 .conwrap .listwrap dl:nth-child(3) .ico svg polyline{stroke-dashoffset:500; stroke-dasharray:500;}
#section4.in-view .conwrap .listwrap dl:nth-child(3) .ico svg line,
#section4.in-view .conwrap .listwrap dl:nth-child(3) .ico svg path,
#section4.in-view .conwrap .listwrap dl:nth-child(3) .ico svg polyline{stroke-dashoffset:0;transition:all 6s 2.8s;}

#section4 .conwrap .listwrap dl:nth-child(4) .ico svg line,
#section4 .conwrap .listwrap dl:nth-child(4) .ico svg path,
#section4 .conwrap .listwrap dl:nth-child(4) .ico svg polyline,
#section4 .conwrap .listwrap dl:nth-child(4) .ico svg polygon,
#section4 .conwrap .listwrap dl:nth-child(4) .ico svg rect,
#section4 .conwrap .listwrap dl:nth-child(4) .ico svg circle{stroke-dashoffset:600; stroke-dasharray:600;}
#section4.in-view .conwrap .listwrap dl:nth-child(4) .ico svg line,
#section4.in-view .conwrap .listwrap dl:nth-child(4) .ico svg path,
#section4.in-view .conwrap .listwrap dl:nth-child(4) .ico svg polyline,
#section4.in-view .conwrap .listwrap dl:nth-child(4) .ico svg polygon,
#section4.in-view .conwrap .listwrap dl:nth-child(4) .ico svg rect,
#section4.in-view .conwrap .listwrap dl:nth-child(4) .ico svg circle{stroke-dashoffset:0;transition:all 5s 2.8s;}

*/
#section4 .listwrap dl .ico{opacity:0;transition:0.5s;}
#section4.in-view .listwrap dl .ico{opacity:1; transition:2s 1.4s;}
#section4 .listwrap dl .ico svg *{stroke-dashoffset:400; stroke-dasharray:400;}
#section4.in-view .listwrap dl .ico svg *{stroke-dashoffset:0; stroke-dasharray:400;}


#section4 .conwrap .listwrap dl dt .tit{transform:translateY(30px);opacity:0;}
#section4 .conwrap .listwrap dl dd{transform:translateY(30px);opacity:0;}
#section4.in-view .conwrap .listwrap dl dt .tit{transform:translateY(0);opacity:1;transition:all 1s 3s;}
#section4.in-view .conwrap .listwrap dl dd{transform:translateY(0);opacity:1;transition:all 1s 3.2s;}





#section5:before{transform:translate3d(30%,30%,100px) rotate(45deg);}
#section5:after{transform:translate3d(-30%,-30%,100px) rotate(45deg);}
#section5 h2{opacity:0;transform:translateY(60px);}
#section5 .swiper-wrapper{perspective:800px;}
#section5 .swiper-slide{transform:translateY(150%);transform-origin:center;perspective:800px;}
#section5 .ctr{opacity:0;}

#section5.active:before{transform:translate3d(0,0,0) rotate(0);transition:all 3s;}
#section5.active:after{transform:translate3d(0,0,0) rotate(0);transition:all 3s;}
#section5.active h2{opacity:1;transform:translateY(0px);transition:all 1s 1s;}
#section5.active .swiper-slide{opacity:1;transform:translateY(0);}
#section5.active .swiper-slide:nth-child(1){opacity:1;transform:translateY(0);transition:all 1s cubic-bezier(.08,1.01,.85,.98) 1s;}
#section5.active .swiper-slide:nth-child(2){opacity:1;transform:translateY(0);transition:all 1s cubic-bezier(.08,1.01,.85,.98) 1.1s;}
#section5.active .swiper-slide:nth-child(3){opacity:1;transform:translateY(0);transition:all 1.1s cubic-bezier(.08,1.01,.85,.98) 1.2s;}
#section5.active .swiper-slide:nth-child(4){opacity:1;transform:translateY(0);transition:all 1.2s cubic-bezier(.08,1.01,.85,.98) 1.3s;}
#section5.active .ctr{opacity:1;transition:all 1s 2.8s;}



#section6.active .conwrap{perspective:1000px;}
#section6 .conwrap .media{transform-origin:center;}
#section6 .conwrap .rightwrap{perspective:1000px;}
#section6 .conwrap .rightwrap .brochure{transform:translateX(0);}
#section6 .conwrap .rightwrap .ir{transform:translateX(0);}

#section6 .conwrap .media>div{opacity:0;}
#section6 .conwrap .rightwrap .brochure>div{opacity:0;}
#section6 .conwrap .rightwrap .ir>div{opacity:0;}



#section6.in-view .conwrap .media{transform:translateZ(0);transition:all 0.5s;}
#section6.in-view .conwrap .rightwrap{}
#section6.in-view .conwrap .rightwrap .brochure{transform:translateX(0);transition:all 1s 0.2s;}
#section6.in-view .conwrap .rightwrap .ir{transform:translateX(0);;transition:all 1s 0.4s;}

#section6.in-view .conwrap .media>div{opacity:1;transition:all 1s 0.5s;}
#section6.in-view .conwrap .rightwrap .brochure>div{opacity:1;transition:all 1s 0.5s;}
#section6.in-view .conwrap .rightwrap .ir>div{opacity:1;transition:all 1s 0.5s;}




#section7 h2{opacity:0;transform:translateY(60px);}
#section7 h3{opacity:0;transform:translateY(60px);}
#section7 p{opacity:0;transform:translateY(60px);}
#section7 a{opacity:0;transform:translateY(60px);}

#section7.in-view h2{opacity:1;transform:translateY(0);transition:all 1.0s ;}
#section7.in-view h3{opacity:1;transform:translateY(0);transition:all 1.0s 0.2s;}
#section7.in-view p{opacity:1;transform:translateY(0);transition:all 1.0s 0.4s;}
#section7.in-view a{opacity:1;transform:translateY(0);transition:all 1.0s 0.6s;}