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

/* 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:130px;height:50px;
	background:url(../images/common/logo1.png) no-repeat center;
	background-size:100%;
	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/common/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 .nav_wrap_Right{
	position:relative;
	box-sizing:border-box;
	width:50px;height:100%;	
}
.head .nav_wrap_Right .nav{display:flex;justify-content:center;}
.head .nav_wrap_Right .nav>li{margin:0 4%;}
.head .nav_wrap_Right .nav>li>a{font-size:19px;color:#fff;line-height:85px;}
.head .nav_wrap_Right .nav>li.on{box-shadow:0 -2px 0 #03569f inset;}

.head .btn_menuwrap{
	display:flex;align-items:center;justify-content:flex-end;
	width:55px;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/common/logo2.png) no-repeat center;background-size:100%;}
#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.bl .head .nav_wrap_Right .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/common/logo2.png) no-repeat;
		background-size: 100%;
	}
#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.on .head .nav_wrap_Right .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/common/subnav_title_bg1.jpg) no-repeat;
	}

	.subnavwrap:nth-child(2) .title {
		background: url(../images/common/subnav_title_bg2.jpg) no-repeat;
	}

	.subnavwrap:nth-child(3) .title {
		background: url(../images/common/subnav_title_bg3.jpg) no-repeat;
	}

	.subnavwrap:nth-child(4) .title {
		background: url(../images/common/subnav_title_bg4.jpg) no-repeat;
	}

	.subnavwrap:nth-child(5) .title {
		background: url(../images/common/subnav_title_bg6.jpg) no-repeat;
	}

	.subnavwrap:nth-child(6) .title {
		background: url(../images/common/subnav_title_bg6.jpg) no-repeat;
	}

	.subnavwrap .subnav {
		display: flex;
		float: left;
		box-sizing: border-box;
		width: calc(100%);
		padding: 0 70px;
		justify-content: center;
	}
	.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 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;
	}



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

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

/* allmenu */
.m_allmenu {
	display: none !important
}

.pc_allmenu {
	position: absolute;
	left: 0;
	top: -100vh;
	z-index: 1000;
	width: 100%;
	height: 100vh;
	/*background:url(../images/common/aa.jpg) no-repeat center;*/
	background-size: cover;
	background-attachment: fixed;
	transition: all 1s cubic-bezier(.67,.34,.24,1);
	background-color: black;
}

.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: 20%;
	font-size: 26px;
	color: #fff;
	font-weight: 500;
	line-height: 90%;
	transform: translateX(40px);
	opacity: 0;
}

.allmenu .menuwrap .sub {
	width: 80%;
	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:last-child .sub .dep2:last-child {
	width: 25%;
}

.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: white;
		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%;
}





/* 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:2px solid #ffffff;
	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 */
#sec_intro{}
.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:50px;color:#fff;font-weight:bold;}
.visual .txtarea .tit span{display:block;transform:translateY(100px);opacity:0;}
.visual .txtarea p{font-size:30px;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;}


#sec_intro .scroll{
	display:inline-flex;justify-content:space-between;
	width:130px;
	position:absolute;right:-30px;bottom:100px;z-index:100;
	transform:rotate(90deg);
	cursor:pointer;
}
#sec_intro .scroll .txt{font-family:"Montserrat";font-size:13px;color:#fff;font-weight:500;}
#sec_intro .scroll .arr{position:relative;width:70px;margin:5px 0 0 0;border-top:1px solid #fff;animation:scroll 1s infinite alternate;}
#sec_intro .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);}
}




/* sec_tech */
#sec_tech {
	background: url(../images/main/main_tech.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
}
#sec_tech h2{margin-top:85px;font-family:"Roboto";font-size:36px;color:#fff;font-weight:400;}
#sec_tech h2 span{display:inline-block;line-height:100%;border-bottom:1px solid #fff;}
#sec_tech h3{margin:60px 0 15px;font-family:"Roboto";font-size:40px;color:#fff;font-weight:600;}
#sec_tech p{font-size:17px;color:rgba(255,255,255,1);}
#sec_tech .business_tabcon{
	box-sizing:border-box;
	position:relative;
	width:100%;height:305px;
	margin:60px auto 80px;
}
#sec_tech .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;
}
#sec_tech .business_tabcon:after{}
#sec_tech .business_tabcon .tabcon{position:relative;box-sizing:border-box;width:100%;margin:0 auto;padding:0 5%;}
#sec_tech .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;}
#sec_tech .business_tabcon .business .swiper-slide{
    width: calc(20% - 28.8px);
    outline: 0;
}
#sec_tech .business_tabcon .business>div + div{margin-left: 36px;}
#sec_tech .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;
}
#sec_tech .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;
}

#sec_tech .business_tabcon .business>div a{
    outline: 0;
    display: block;
    width: 100%;
    height: 100%;
}
#sec_tech .business_tabcon .swiper-slide .bg svg{width:100%;height:100%;}
#sec_tech .business_tabcon .boxwrap{
	position:relative;
	width: 100%;
	height:303px;
	margin:0 auto;
	perspective:1000px;
}
#sec_tech .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%);
}
#sec_tech .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;
}
#sec_tech .business_tabcon .swiper-slide:hover .boxwrap .bg svg{filter: drop-shadow(10px -3px 12px rgba(255,255,255,0.8) inset);}
#sec_tech .business_tabcon .swiper-slide:hover .boxwrap .bg svg polygon{stroke:#4ec3f4;stroke-opacity:1;}
#sec_tech .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);}
}
#sec_tech .business_tabcon .boxwrap .ico{
	box-sizing:border-box;height:50%;
	display:flex;align-items:center;justify-content:center;
	padding-top:35px;
}
#sec_tech .business_tabcon .boxwrap .ico img{margin-top:70px;}
#sec_tech .business_tabcon .boxwrap .sbj{
	box-sizing:border-box;height:50%;
	padding-top:25px;font-size:26px;color:#fff;font-weight:500;
}
#sec_tech .business_tabcon .swiper-slide:hover .boxwrap .sbj{color:#4ec3f4;}
#sec_tech .slick-list{width: 100%;}
#sec_tech .slick-arrow{display: none !important;}

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



#sec_tech .business_tabs{padding:0 5%;}
#sec_tech .business_tabs>div{display:none;}
#sec_tech .business_tabs>div:first-child{display:block;}
#sec_tech .business_tabs ul{display:flex;justify-content:space-between;align-items:center;}
#sec_tech .business_tabs ul li{overflow:hidden;width:15.5%;}
#sec_tech .business_tabs ul.list1 li{width:100%;}
#sec_tech .business_tabs ul.list2 li{width:49%;}
#sec_tech .business_tabs ul.list3 li{width:32.5%;}
#sec_tech .business_tabs ul.list4 li{width:24%;}
#sec_tech .business_tabs ul.list5 li{width:19%;}
#sec_tech .business_tabs ul.list6 li{width:16%;}
#sec_tech .business_tabs ul.list7 li{width:13%;}
#sec_tech .business_tabs ul li a{
	display:block;position:relative;
	padding-bottom:20px;
	font-size:26px;color:#fff;font-weight:500;text-align:left;
}
#sec_tech .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;
}
#sec_tech .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;
}
#sec_tech .business_tabs ul li.on a{}
#sec_tech .business_tabs ul li:hover a:after{width:100%;}





/* sec_promotion */
#sec_promotion{background:#f3f3f3;position:relative;;text-align:center;padding:0 5% 0; z-index: 10;}
	#sec_promotion h3 {
		margin: 60px 0 15px;
		font-family: "Roboto";
		font-size: 40px;
		color: #fff;
		font-weight: 600;
		position: absolute;
		top: 100px;
	}

	#sec_promotion p {
		font-size: 17px;
		color: rgba(255,255,255,1);
	}
#sec_promotion:before{
	display:block;content:"";
	width:1150px;height:1150px;
	background:url(../images/main/sec3_bg.png) no-repeat;background-size:cover;
	position:absolute;right:-20%;top:-40%;
}
#sec_promotion:after{
	display:block;content:"";
	width:1150px;height:1150px;
	background:url(../images/main/sec3_bg.png) no-repeat;background-size:cover;
	position:absolute;left:-20%;bottom:-40%;
}
#sec_promotion h2{margin-top:85px;font-family:"Roboto";font-size:36px;color:#131313;font-weight:600;}
#sec_promotion h2 span{display:inline-block;line-height:100%;border-bottom:1px solid #131313;}
#sec_promotion .project{margin:60px 0 0;}
#sec_promotion .project .swiper-slide{perspective:800px;}
#sec_promotion .project .swiper-slide>a{position:relative;display:block;transition:all 0.4s ;}
#sec_promotion .project .swiper-slide>a:hover{transform:translateZ(0px);box-shadow:3px 3px 5px rgba(0,0,0,0.4);}
#sec_promotion .project .swiper-slide .thumb{overflow:hidden;width:100%;}
#sec_promotion .project .swiper-slide .thumb img{width:100%;transform:scale(1);transition:all 0.6s;}
#sec_promotion .project .swiper-slide:hover .thumb img{transform:scale(1.05);}
#sec_promotion .project .swiper-slide .info{box-sizing:border-box;height:160px;background:#fff;padding:30px 30px;text-align:left;}
#sec_promotion .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;
}
#sec_promotion .project .swiper-slide .info .more{font-family:"Montserrat";font-size:11px;color:#444;font-weight:600;}
#sec_promotion .project .swiper-slide:hover .info .more{color:#03569f;}
#sec_promotion .project .swiper-slide:hover .info .more .arr{display:inline-block;animation:arr_ani1 0.4s linear infinite alternate;}
#sec_promotion .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;
}
#sec_promotion .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;
}
#sec_promotion .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;
}
#sec_promotion .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;
}
#sec_promotion .project .swiper-slide:hover .thumb:before{width:100%;transition:all 0.3s 0s ease-out;}
#sec_promotion .project .swiper-slide:hover .thumb:after{width:100%;transition:all 0.3s 0s ease-out;}
#sec_promotion .project .swiper-slide:hover .info:before{height:100%;transition:all 0.3s 0.3s ease-out;}
#sec_promotion .project .swiper-slide:hover .info:after{height:100%;transition:all 0.3s 0.3s ease-out;}


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


/* section3 */
#section3 {
	background: #f3f3f3;
	position: relative;
	z-index: 10;
}

#sec_busi .main_busi{}

#ul_busi li.main_busi {
	width: 33.2%;
	height: 50%;
	float: left;
	cursor: pointer;
	position: relative;
}
#ul_busi li:hover {
	transform: translateY(-4px);
	box-shadow: 0 4px 5px rgba(0,0,0,0.5);
}
	#ul_busi li:hover img {
		transform: scale(1.05);
	}
#ul_busi li:before { /*위*/
	display: block;
	content: "";
	width: 0;
	height: 5px;
	background: #1f4f6f;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	transition: all 0.4s;
}

#ul_busi li:after { /*아래*/
	display: block;
	content: "";
	width: 0;
	height: 5px;
	background: #f47920;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
	transition: all 0.4s;
}

#ul_busi li a:before { /*왼쪽*/
	display: block;
	content: "";
	width: 5px;
	height: 0;
	background: #1f4f6f;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	transition: all 0.4s 0.2s;
}

#ul_busi li a:after { /*오른쪽*/
	display: block;
	content: "";
	width: 5px;
	height: 0;
	background: #f47920;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
	transition: all 0.4s 0.2s;
}

#ul_busi li.main_busi:hover:before {
	width: 100%;
}
#ul_busi li.main_busi:hover:after {
	width: 100%;
}
#ul_busi li.main_busi:hover a:before {
	height: 100%;
}
#ul_busi li.main_busi:hover a:after {
	height: 100%;
}


#ul_busi li:nth-child(1) {
	background: url(../images/contents/main_busi1.jpg) no-repeat center;
}
#ul_busi li:nth-child(2) {
	background: url(../images/contents/main_busi2.jpg) no-repeat center;
}
#ul_busi li:nth-child(3) {
	background: url(../images/contents/main_busi3.jpg) no-repeat center;
}
#ul_busi li:nth-child(4) {
	background: url(../images/contents/main_busi4.jpg) no-repeat center;
}
#ul_busi li:nth-child(5) {
	background: url(../images/contents/main_busi5.jpg) no-repeat center;
}
#ul_busi li:nth-child(6) {
	background: url(../images/contents/main_busi6.jpg) no-repeat center;
}

#ul_busi li dl {
	position: relative;
	top: calc(50% - 30px);
	height: 30px;
}

	#ul_busi li dl dt {
		text-align: center;
		color: #ffffff;
		font-size: 25pt;
	}
	#ul_busi li dl dd {
		text-align: center;
		color: #ffffff;
		font-size: 12pt;
	}
/* section4 */
#sec_promotion {
	overflow: hidden;
	text-align: center;
	position: relative;
}

	#sec_promotion p{
		color:#ffffff;
	}
	#sec_promotion .bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url(../images/main/main_pr.jpg) no-repeat center;
		background-size: cover;
		transform: scale(1.1);
		transition: all 0.5s 1s;
	}
#sec_promotion.active .bg{transform:scale(1);transition:all 2s 1s;}
#sec_promotion h2{font-size:36px;color:#fff;font-weight:500;}
#sec_promotion h2 span{display:inline-block;line-height:100%;border-bottom:1px solid #fff;}
#sec_promotion .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);*/
}

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

#sec_promotion .conwrap .textwrap h3{font-size:49px;color:#fff;font-weight:600;}
#sec_promotion .conwrap .textwrap p{margin-top:20px;font-size:17px;color:rgba(255,255,255,1);}
#sec_promotion .conwrap .listwrap{display:flex;justify-content:space-between;}
#sec_promotion .conwrap .listwrap dl{width:25%;cursor:pointer;}
#sec_promotion .conwrap .listwrap dl dt{font-size:34px;color:#fff;font-weight:500;}
#sec_promotion .conwrap .listwrap dl dt .ico{height:53px;margin-bottom:30px;}
#sec_promotion .conwrap .listwrap dl dt .tit{}
#sec_promotion .conwrap .listwrap dl dd{margin-top:20px;font-size:17px;color:rgba(255,255,255,1);}




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


#sec_promotion.active .conwrap:before{transform:scaleY(1);transition:all 1s 1s;}

#sec_promotion.active .conwrap>div:before{transform:scaleY(1);transition:all 1s 1s;}
/*#sec_promotion.active .conwrap>div:after{transform:scaleY(1);transition:all 1s 1s;}*/
#sec_promotion.active .conwrap:before{transform:scaleY(1);transition:all 1s 1s;}





/* 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/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;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;}
}


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





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

#sec_recruit .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;
}
#sec_recruit .btn_top .txt{font-family:"Montserrat";font-size:13px;color:#fff;font-weight:500;}
#sec_recruit .btn_top .arr{position:relative;width:70px;margin:5px 0 0 0;border-top:1px solid #fff;animation:scroll 1s infinite alternate;}
#sec_recruit .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;
}
#sec_recruit a text{font-family:"Noto Sans KR","돋움",dotum,sans-serif;}
@keyframes scroll{
	0%{transform:translateX(10px);}
	100%{transform:translateX(0px);}
}




/* footer */
#footer{background:#e3e3e3;}
.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% - 20px);
	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:12px;color:black; font-weight:300;}
	.foot .foot_info address {
		margin: 5px 0;
		font-size: 12px;
		color: black;
		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: 12px;
		color: black;
		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
}




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




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



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

#sec_tech .business_tabcon .tab1-5:hover .ico .crain{
	transform-origin:90% 20px;
	animation:hover_ani5 1s infinite linear alternate;animation-fill-mode:forwards;	
}
#sec_tech .business_tabcon .tab1-5:hover .ico5 path,
#sec_tech .business_tabcon .tab1-5:hover .ico5 line,
#sec_tech .business_tabcon .tab1-5:hover .ico5 circle{stroke:#4ec3f4 !important;transition:all 0.4s 0s;}
#sec_tech .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);}
}




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

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






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


#sec_promotion.active h2{opacity:1;transform:translateY(0);transition:all 1s 2s}
#sec_promotion.active h3{opacity:1;transform:translateY(0);transition:all 1s 2.2s}
#sec_promotion.active p{opacity:1;transform:translateY(0);transition:all 1s 2.4s}

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


#sec_promotion .conwrap .listwrap dl dt .tit{transform:translateY(30px);opacity:0;}
#sec_promotion.active .conwrap .listwrap dl dt .tit{transform:translateY(0);opacity:1;transition:all 1s 3.2s;}


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

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




@media(max-width:1480px){

	.main_layer_popup{width:48% !important;}
	.main_layer_popup:nth-child(2){width:48% !important;left:50% !important;}

}