@charset "utf-8";

/* common */
.pcbr{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}
.dn{display:none;}
.section{width:100%;height:100%;height:100vh;overflow:hidden;box-sizing:border-box;}

#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;
}


/* header */
#header{position:fixed;left:0;top:0;z-index:1000;width:100%;}
.head{
	display:flex;align-items:center;justify-content:space-between;
	position:relative;z-index:1000;
	box-sizing:border-box;
	width:100%;height:85px;
	padding:0 5%;
	border-bottom:1px solid rgba(255,255,255,0.25);
}
.head h1{}
.head h1 a{
	display:block;
	width:200px;height:37px;
	background:url(/images/top_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:flex;justify-content:center;}
.head .nav_wrap .nav>li{margin:0 4%;}
.head .nav_wrap .nav>li>a{font-size:19px;color:#fff;line-height:85px;}
.head .nav_wrap .nav>li.on{box-shadow:0 -2px 0 #03569f inset;}

.head .nav_wrap .etc{position:absolute;right:5%;top:30px;}
.head .nav_wrap .etc>li{display:inline-block;position:relative;}
.head .nav_wrap .etc>li>a{display:block;width:26px;height:26px;}
.head .nav_wrap .etc>li.email a{background:url(/images/ico_email.png) no-repeat;background-size:cover;}
.head .nav_wrap .language{
	position:absolute;right:2%;top:34px;
	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{margin-left:15px;}
}
.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{
	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;position:relative;z-index:3000;}
.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;
}
.head .btn_menuwrap .btn_menu.openmenu .hamburger>div:nth-child(1){width:100%;transform: translateY(9.0px) rotate(45deg);}
.head .btn_menuwrap .btn_menu.openmenu .hamburger>div:nth-child(2){opacity:0;}
.head .btn_menuwrap .btn_menu.openmenu .hamburger>div:nth-child(3){width:100%;transform: translateY(-9.1px) rotate(-45deg);}



#header.on{}
#header.on .head{	border-bottom:1px solid rgba(0,0,0,0.25);}
#header.on .head h1 a{background:url(/images/top_logo2.png) no-repeat;background-size:cover;}
#header.on .head .nav_wrap{border-right:1px solid rgba(0,0,0,0.25);}
#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 .btn_menu .txt{color:#111;}
#header.on .head .btn_menuwrap .btn_menu .hamburger>div{background:#111;}
#header.on .head .nav_wrap .language li a{color:#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/top_logo2.png) no-repeat;background-size:cover;}
#header.bl .head .nav_wrap{border-right:1px solid rgba(0,0,0,0.25);}
#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 .btn_menu .txt{color:#111;}
#header.bl .head .btn_menuwrap .btn_menu .hamburger>div{background:#111;}
#header.bl .head .nav_wrap .language li a{color:#111;}

#header.all .head .btn_menuwrap .btn_menu .txt{color:#fff;}
#header.all .head .btn_menuwrap .btn_menu .hamburger>div{background:#fff;}

/**/
.pc_subnav{
	display:none;
	position:absolute;left:0;top:0;z-index:900;
	width:100%;
	background:#fff;
	padding:85px 0 0;
}
.pc_subnav>div{max-width:1330px;width:100%;margin:40px auto;}
.subnavwrap{overflow:hidden;display:none;}
.subnavwrap .title{
	float:left;
	width:316px;height:180px;
	display:flex;justify-content:center;align-items:center;
	font-size:22px;color:#fff;font-weight:500;
}
.subnavwrap:nth-child(1) .title{background:url(/images/subnav_title_bg1.jpg) no-repeat;}
.subnavwrap:nth-child(2) .title{background:url(/images/subnav_title_bg2.jpg) no-repeat;}
.subnavwrap:nth-child(3) .title{background:url(/images/subnav_title_bg3.jpg) no-repeat;}
.subnavwrap:nth-child(4) .title{background:url(/images/subnav_title_bg4.jpg) no-repeat;}
.subnavwrap:nth-child(5) .title{background:url(/images/subnav_title_bg5.jpg) no-repeat;}
.subnavwrap:nth-child(6) .title{background:url(/images/subnav_title_bg6.jpg) no-repeat;}
.subnavwrap .subnav{
	display:flex;
	float:left;
	box-sizing:border-box;
	width:calc(100% - 316px);
	padding:0 70px;
}
.subnavwrap .subnav .listwrap{width:20%;}
.subnavwrap .subnav.type1 .listwrap{width:50%}
.subnavwrap .subnav .listwrap:last-child{margin-right:0;}
.subnavwrap .subnav .listwrap h3{position:relative;padding-left:17px;}
.subnavwrap .subnav .listwrap h3:before{
	display:block;content:"";
	width:8px;height:2px;
	background:#000;
	position:absolute;left:0;top:13px;
}
.subnavwrap .subnav .listwrap h3 a{font-size:19px;color:#000;font-weight:400;}
.subnavwrap .subnav.type1 .listwrap h3{padding:0;font-size:22px;color:#000;}
.subnavwrap .subnav.type1 .listwrap h3:before{display:none;}
.subnavwrap .subnav .listwrap ul{padding-left:17px;margin-top:15px;}
.subnavwrap .subnav .listwrap ul li{margin-bottom:7px;}
.subnavwrap .subnav .listwrap ul li a{font-size:16px;color:#888;}
.subnavwrap .subnav .listwrap ul li a:hover{color:#03569f;}



/* allmenu */
.m_allmenu{display:none !important}
.pc_allmenu{
	position:absolute;left:0;top:-100vh;z-index:1000;
	width:100%;height:100vh;
	background:url(/images/bg_allmenu.jpg) no-repeat center;
	background-size:cover;background-attachment:fixed;
	transition:all 1s cubic-bezier(.67,.34,.24,1);
}
.allmenu{
	box-sizing:border-box;
	width:100%;height:100%;
	padding:60px 0 0;
}
.allmenu .menuwrap{
	display:flex;position:relative;
	box-sizing:border-box;
	height:20%;
	padding:38px 5% 0;
}
.allmenu .menuwrap:after{
	display:block;content:"";
	width:100%;height:1px;
	background:rgba(255,255,255,0.15);
	position:absolute;left:0;top:0;
	transform:scaleX(0);
}
.allmenu .menuwrap:nth-child(odd):after{transform-origin:left;transition:all 0.6s 1s linear;}
.allmenu .menuwrap:nth-child(even):after{transform-origin:right;transition:all 0.6s 1s linear;}
.on .allmenu .menuwrap:after{transform:scaleX(1);}
.allmenu .menuwrap h2{width:15%;font-size:26px;color:#fff;font-weight:500;line-height:90%;transform:translateX(40px);opacity:0;}
.allmenu .menuwrap .sub{width:85%;display:flex;transform:translateX(40px);opacity:0;}
.on .allmenu .menuwrap h2{transform:translateX(0px);opacity:1;transition:all 1s 1.6s}
.on .allmenu .menuwrap .sub{transform:translateX(0px);opacity:1;transition:all 1s 1.8s}
.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:0;}
.allmenu .menuwrap .sub .dep2{box-sizing:border-box;width:20%;padding-right:50px;}
.allmenu .menuwrap .sub .dep2 h3{font-size:19px;color:#50ccff;font-weight:500;line-height:90%;}
.allmenu .menuwrap .sub .dep2 h3 a{font-size:19px;color:#50ccff;font-weight:500;line-height:90%;}
.allmenu .menuwrap .sub .dep2 ul{margin-top:20px;}
.allmenu .menuwrap .sub .dep2 ul.cc2{column-count:2;}
.allmenu .menuwrap .sub .dep2 ul.cc3{column-count:3;}
.allmenu .menuwrap .sub .dep2 ul li{margin-bottom:5px;}
.allmenu .menuwrap .sub .dep2 ul li a{font-size:17px;color:rgba(255,255,255,0.6);font-weight:300;}
.allmenu .menuwrap .sub .dep2 ul li a:hover{border-bottom:1px solid rgba(255,255,255,0.6)}
.allmenu .menuwrap .sub a{font-size:17px;color:rgba(255,255,255,0.6);font-weight:300;line-height:90%;}

@media(max-width:1700px){
	.allmenu{
		box-sizing:border-box;
		width:100%;height:100%;
		padding:30px 0 0;
	}
	.allmenu .menuwrap:nth-child(2) .dep2:nth-child(1){width:25%;}
	.allmenu .menuwrap:nth-child(2) .dep2:nth-child(2){width:15%;}
	.allmenu .menuwrap:nth-child(2) .dep2:nth-child(3){width:25%;}
	.allmenu .menuwrap:nth-child(2) .dep2:nth-child(4){width:18%;}
	.allmenu .menuwrap:nth-child(2) .dep2:nth-child(5){width:15%;}
}


/* anchor */
#fp-nav.right{right:30px;opacity:0;animation:opacity 1s 1s;animation-fill-mode:forwards;}
#fp-nav ul li{
    display: block;
    width:11px;height:11px;
    margin:0 0 17px;
    position: relative;
}
#fp-nav ul li:last-child{display:none;margin:0;}
#fp-nav ul li a{display:block;position:relative;box-sizing:border-box;width:100%;height:100%;}
#fp-nav ul li a span{
	display:block;box-sizing:border-box;
	width:5px;height:5px;
	background:#a5a7a3;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	margin:0;
}
#fp-nav ul li a.active{}
#fp-nav ul li a.active span{
	display:block;
	position:relative;box-sizing:border-box;
	border:3px solid #03569f;
	background:0;border-radius:50%;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{width:11px;height:11px;margin:0;}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{margin:0;}

@keyframes opacity{
  0% {
	opacity:0;
  }
  100% {
    opacity:1;
  }
}




/* 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;transition:all 0.4s linear;}
.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/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:60px 0 15px;font-family:"Roboto";font-size:52px;color:#fff;font-weight:600;}
#section2 p{font-size:17px;color:rgba(255,255,255,1);}
#section2 .business_tabcon{
	box-sizing:border-box;
	position:relative;
	width:100%;height:305px;
	margin:60px auto 80px;
}
#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;box-sizing:border-box;width:100%;margin:0 auto;padding:0 5%;}
#section2 .business_tabcon .business{position: relative;width:100%;height:305px;margin:0 auto;display: flex;flex-wrap: wrap;align-items: center;padding: 0 30px;box-sizing: border-box;}
#section2 .business_tabcon .business .swiper-slide{
    width: calc(20% - 28.8px);
    outline: 0;
}
#section2 .business_tabcon .business>div + div{margin-left: 36px;}
#section2 .business_tabcon .swiper-button-prev{
	display:inline-block;
	cursor:pointer;
	width:22px;
	height:22px;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	background:0;
	outline:0;
	transform: rotate(45deg);
	left:-110px;
	top:50%;
	margin:-11px 0 0 0;
	display: none;
}
#section2 .business_tabcon .swiper-button-next{
	display:inline-block;cursor:pointer;
	width:22px;height:22px;
	border-left:1px solid #fff;border-bottom:1px solid #fff;
	background:0;outline:0;transform: rotate(-135deg);
	right:-110px;top:50%;margin:-11px 0 0 0;
}

#section2 .business_tabcon .business>div a{
    outline: 0;
    display: block;
    width: 100%;
    height: 100%;
}
#section2 .business_tabcon .swiper-slide .bg svg{width:100%;height:100%;}
#section2 .business_tabcon .boxwrap{
	position:relative;
	width: 100%;
	height:303px;
	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 .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:35px;
}
#section2 .business_tabcon .boxwrap .ico img{margin-top:70px;}
#section2 .business_tabcon .boxwrap .sbj{
	box-sizing:border-box;height:50%;
	padding-top:25px;font-size:26px;color:#fff;font-weight:500;
}
#section2 .business_tabcon .swiper-slide:hover .boxwrap .sbj{color:#4ec3f4;}
#section2 .slick-list{width: 100%;}
#section2 .slick-arrow{display: none !important;}

@media(max-width:1600px){
	#section2 .business_tabcon{height:240px;}
	#section2 .business_tabcon .business{}
	#section2 .business_tabcon .boxwrap{width:240px;height:240px;}
	#section2 .business_tabcon .boxwrap .bg svg{width:100%;height:100%;}
}



#section2 .business_tabs{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:block;position:relative;
	padding-bottom:20px;
	font-size:26px;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:hover a:after{width:100%;}





/* section3 */
#section3{background:#f3f3f3;position:relative;;text-align:center;padding:0 5% 0; z-index: 10;}
#section3:before{
	display:block;content:"";
	width:1150px;height:1150px;
	background:url(/images/sec3_bg.png) no-repeat;background-size:cover;
	position:absolute;right:-20%;top:-40%;
}
#section3:after{
	display:block;content:"";
	width:1150px;height:1150px;
	background:url(/images/sec3_bg.png) no-repeat;background-size:cover;
	position:absolute;left:-20%;bottom:-40%;
}
#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;width:100%;}
#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% - 320px);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:320px;
}
#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 .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;text-align:center;position:relative;}
#section4 .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/sec4_bg.jpg) no-repeat center;background-size:cover;
	transform:scale(1.1);transition:all 0.5s 1s;
}
#section4.active .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;
	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:49px;color:#fff;font-weight:600;}
#section4 .conwrap .textwrap p{margin-top:20px;font-size:17px;color:rgba(255,255,255,1);}
#section4 .conwrap .listwrap{display:flex;justify-content:space-between;}
#section4 .conwrap .listwrap dl{width:25%;cursor:pointer;}
#section4 .conwrap .listwrap dl dt{font-size:34px;color:#fff;font-weight:500;}
#section4 .conwrap .listwrap dl dt .ico{height:53px;margin-bottom:30px;}
#section4 .conwrap .listwrap dl dt .tit{}
#section4 .conwrap .listwrap dl dd{margin-top:20px;font-size:17px;color:rgba(255,255,255,1);}


#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:before{
	display:block;content:"";
	width:1px;height:100%;
	background:rgba(255,255,255,0.25);
	position:absolute;left:25%;top:0;
	transform:scaleY(0);transform-origin:top;
}
#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 .conwrap .textwrap:before{
	display:block;content:"";
	width:1px;height:100%;
	background:rgba(255,255,255,0.25);
	position:absolute;left:75%;top:0;
	transform:scaleY(0);transform-origin:top;
}


#section4.active .conwrap:before{transform:scaleY(1);transition:all 1s 1s;}
#section4.active .conwrap:after{transform:scaleY(1);transition:all 1s 1s;}
#section4.active .conwrap>div:before{transform:scaleY(1);transition:all 1s 1s;}
#section4.active .conwrap>div:after{transform:scaleY(1);transition:all 1s 1s;}
#section4.active .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:205px;text-align:left;padding:0;transition:all 0.3s ease-out}
#section5 .notice .swiper-slide:hover .info{padding:18px;}
#section5 .notice .swiper-slide .info .cate{margin-bottom:25px;}
#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:24px;color:#000;font-weight:600;word-break:keep-all;
	margin-bottom:20px;
}
#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;left:0;top:0;z-index:1;transition:all 0.3s 0s ease-out;
}
#section5 .notice .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.6s ease-out;
}
#section5 .notice .swiper-slide .info:before{
	display:block;content:"";
	width:2px;height:0;
	background:#03569f;
	position:absolute;right:0;top:0;z-index:1;transition:all 0.3s 0.3s ease-out;
}
#section5 .notice .swiper-slide .info:after{
	display:block;content:"";
	width:2px;height:0;
	background:#03569f;
	position:absolute;left:0;bottom:0;z-index:1;transition:all 0.3s 0.6s 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% - 320px);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:320px;
}
#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/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;transition:all 0.4s;}
#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 10% 0;perspective:1000px;
}
#section6 .conwrap .rightwrap .brochure>div{display:flex;align-items:center;}
#section6 .conwrap .rightwrap .brochure .img{transform-origin:center center;transition:all 1s;}
#section6 .conwrap .rightwrap .brochure .img.on{-webkit-transform:translate3d(0,0,30px);box-shadow:2px 2px 6px rgba(0,0,0,0.5)}
#section6 .conwrap .rightwrap .brochure .txts{padding:0 65px;}
#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:600; stroke-dasharray:600;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:-8px 0 0 -25px;}

@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 10%;
	background:url(/images/bg_ir.jpg) no-repeat center;background-size:cover;
}
#section6 .conwrap .rightwrap .ir>div{display:flex;align-items:center;}
#section6 .conwrap .rightwrap .ir .img{position:relative;}
#section6 .conwrap .rightwrap .ir .img .bg{opacity:0.5;transform-origin:center;transform}
#section6 .conwrap .rightwrap .ir:hover .img .bg{}
@keyframes spin{
	0%{transform:rotateZ(0deg);}
	100%{transform:rotateZ(360deg);}
}

#section6 .conwrap .rightwrap .ir .img .ico{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
#section6 .conwrap .rightwrap .ir .info{padding:0 95px;}
#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:110px;font-size:18px;color:rgba(255,255,255,1);}
#section6 .conwrap .rightwrap .ir .info .ir_info dl dd{
	width:calc(100% - 110px);
	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;}



#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%{}
}





/* section7 */
#section7{background:url(/images/sec7_bg.jpg) no-repeat center;background-size:cover;text-align:center;}
#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 0 15px;font-size:55px;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);}
}




/* footer */
#footer{background:#242424;}
.foot{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:40px 5%;}
.foot h1{width:282px;}
.foot .foot_info{
	box-sizing:border-box;
	width:calc(100% - 282px - 421px);
	padding:0 30px;
	border-left:1px solid #454545;
}
.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 .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:425px;}
.foot .core_links ul{display:flex;justify-content:flex-end;}
.foot .core_links ul li{margin-left:5px;width:100px;}
.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 .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 + 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;}
}




/* popup */
#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:90px;height:90px;
	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:38px;
	background:#1f4a97;
	transform:translateY(-50%);
}
.btn_x>div:nth-child(2){
	box-sizing:border-box;
	position:absolute;left:50%;top:0%;
	width:38px;height:100%;
	background:#1f4a97;
	transform:translateX(-50%);
}
.btn_x>div:nth-child(3){
	box-sizing:border-box;
	position:absolute;left:50%;top:0%;
	width:38px;height:100%;
	background:#1f4a97;
	transform:rotate(-45deg);
	margin-left:-19px;
}
.btn_x>div:nth-child(4){
	box-sizing:border-box;
	position:absolute;left:50%;top:0%;
	width:38px;height:100%;
	background:#1f4a97;
	transform:rotate(45deg);
	margin-left:-19px;
}
.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;
	display:flex;align-items:center;
	background:#fff;
	overflow-y:auto;
	width:100%;height:650px;
	padding:0 7%;
}
.pop_st1 .conwrap>div{width:100%;}
.pop_st1 .conwrap>div:nth-child(2){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:400px;
	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.active:before{transform:translate3d(0,0,0) rotate(0);transition:all 3s;}
#section3.active:after{transform:translate3d(0,0,0) rotate(0);transition:all 3s;}
#section3.active h2{opacity:1;transform:translateY(0px);transition:all 1s 1s;}
#section3.active .project .swiper-slide{transform:translateX(0);}
#section3.active .swiper-slide:nth-child(1){opacity:1;transform:translateX(0);transition:all 1s cubic-bezier(.08,1.01,.85,.98) 1s;}
#section3.active .swiper-slide:nth-child(2){opacity:1;transform:translateX(0);transition:all 1s cubic-bezier(.08,1.01,.85,.98) 1.1s;}
#section3.active .swiper-slide:nth-child(3){opacity:1;transform:translateX(0);transition:all 1.1s cubic-bezier(.08,1.01,.85,.98) 1.2s;}
#section3.active .swiper-slide:nth-child(4){opacity:1;transform:translateX(0);transition:all 1.2s cubic-bezier(.08,1.01,.85,.98) 1.3s;}
#section3.active .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.active h2{opacity:1;transform:translateY(0);transition:all 1s 2s}
#section4.active h3{opacity:1;transform:translateY(0);transition:all 1s 2.2s}
#section4.active p{opacity:1;transform:translateY(0);transition:all 1s 2.4s}

/*
#section4 .conwrap .listwrap dl:nth-child(1) .ico svg line{stroke-dashoffset:400; stroke-dasharray:400;}
#section4 .conwrap .listwrap dl:nth-child(1) .ico svg path{stroke-dashoffset:400; stroke-dasharray:400;}
#section4 .conwrap .listwrap dl:nth-child(1) .ico svg path.a1{stroke-dashoffset:400; stroke-dasharray:400;}
#section4 .conwrap .listwrap dl:nth-child(1) .ico svg circle{stroke-dashoffset:400; stroke-dasharray:400;}
#section4.active .conwrap .listwrap dl:nth-child(1) .ico svg line{stroke-dashoffset:0;transition:all 6s 2.8s;}
#section4.active .conwrap .listwrap dl:nth-child(1) .ico svg path{stroke-dashoffset:0;transition:all 6s 2.8s;}
#section4.active .conwrap .listwrap dl:nth-child(1) .ico svg path.a1{stroke-dashoffset:0;transition:all 6s 2.8s;}
#section4.active .conwrap .listwrap dl:nth-child(1) .ico svg circle{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.active .conwrap .listwrap dl:nth-child(2) .ico svg line,
#section4.active .conwrap .listwrap dl:nth-child(2) .ico svg path,
#section4.active .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.active .conwrap .listwrap dl:nth-child(3) .ico svg line,
#section4.active .conwrap .listwrap dl:nth-child(3) .ico svg path,
#section4.active .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.active .conwrap .listwrap dl:nth-child(4) .ico svg line,
#section4.active .conwrap .listwrap dl:nth-child(4) .ico svg path,
#section4.active .conwrap .listwrap dl:nth-child(4) .ico svg polyline,
#section4.active .conwrap .listwrap dl:nth-child(4) .ico svg polygon,
#section4.active .conwrap .listwrap dl:nth-child(4) .ico svg rect,
#section4.active .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.active .listwrap dl .ico{opacity:1; transition:2s 1.4s;}
#section4 .listwrap dl .ico svg *{stroke-dashoffset:400; stroke-dasharray:400;}
#section4.active .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.active .conwrap .listwrap dl dt .tit{transform:translateY(0);opacity:1;transition:all 1s 3.2s;}
#section4.active .conwrap .listwrap dl dd{transform:translateY(0);opacity:1;transition:all 1s 3.4s;}





#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;}