@charset "utf-8";


#wrap{
	position: absolute;
	width:100%;
	height:100%;
	margin:0; 
	padding:0; 
	
	}

 

.wrap{
	margin:0 auto;
	padding:0;	 
	position:relative;
	max-width:1600px;
	}

.wide_wrap{
	margin:0 auto;
	padding:0; 
	position:relative;
	width:100%;
	}	

/*topmenu*/
#Header {
	position:absolute;
   background:none;
	z-index:20;
	width:100%;
 	 
}
.sub #Header,
.scroll-on #Header{
	position:fixed;
	top:0;
	box-shadow:  0px 0px 5px #000; 
}
#Header.topon {
	 background:rgba(255,255,255,1);   
	 border-bottom:1px solid #ccc;
	  
}
#Header .header_inner {
	position:relative;	 
	width:100%;
	height:100%;
	margin:30px auto 0 auto;
	  background:none;
	z-index:20;

	 
} 
.sub #Header .header_inner,
.scroll-on #Header .header_inner{
	margin-top:0;
	transition:.5s;
}
#Header.topon .header_inner {
	 
	
	height:100%;
	width:100%;
	top:0;
 
 
	 
}
#Header .header_inner .logo_inner{
	max-width:1400px;
	margin:0 auto;
	position:relative;
}
 .sub #Header .header_inner .logo_inner,
 .scroll-on #Header .header_inner .logo_inner{
	max-width:100%;
	transition:.5s;
 }
 
.header_inner h1.logo {
	position:absolute;
	left:50%;
	margin-left:-700px;
	top:0px;
	padding:10px 30px;
	background:#fff;
	z-index:100;
	font-size:26px;
	 
	}
 .sub .header_inner h1.logo,
 .scroll-on .header_inner h1.logo {
	left:10px;
	margin-left:0;
	transition:.5s;
 }
.header_inner h1 > a {
	display:block;
	overflow:hidden;
	width:100%;
	height:60px;
	padding-left:100px;
	background:url(../image/logo.png) 0 center no-repeat;
	padding-top:8px; 
	letter-spacing:0px;

	 
	 
	}



/* gnb */
 

#gnb {
	width:100%;	 
	position:relative;
	background:none;
	 
	 
 }
.topon #gnb{
	 
}


.gnb-wrap{
		 
 		text-align:center;
		box-sizing:border-box;
		translate:.3s;
 		margin:0 auto;
		max-width:1400px;
		 
	
		background:rgba(1,0,127,1);   
 
}
.sub .gnb-wrap,
.scroll-on .gnb-wrap,
.topon .gnb-wrap{
	background:#fff;
}
 .sub #gnb,
 .scroll-on #gnb {
	background:#fff; 
 }

#gnb ul.gnb_list {
   
	  margin: 0;
	  padding: 0 180px 0 330px;
}
#gnb > a {
	  display: block; 
	  width:100%;
	  height:100%; 
	  line-height:1.1;
	  
	  
}
 

 

#gnb ul > li {
	 
	  display:inline-block;
	  width:19%;
	  
	  text-align:center;
	  vertical-align:middle;
	  
	  
}

#gnb ul > li > a.depth01{
	font-size:20px;
	padding: 18px 25px;
	position:relative;
	display:block;
	color:#fff;
	z-index:2;
	 line-height:1.1;
	 
	
}
.sub #gnb ul > li > a.depth01,
.scroll-on #gnb ul > li > a.depth01,
.topon #gnb ul > li > a.depth01{
	font-weight:500;
	color:#333;
}
.sub #gnb ul > li > a.depth01:hover,
.scroll-on #gnb ul > li > a.depth01:hover,
.topon #gnb ul > li > a.depth01:hover{ 
	color:#3046b0;
}
 
/*#gnb ul > li > a.depth01:after{
	display:block;
	content:'';
	width:1px;
	height:15px;
	background: rgba(255,255,255,0.4);
	position:absolute;
	top:42%;
	right:0;

}*/
 
#gnb ul > li.last > a.depth01:after{
	background:none;
}
 
 

#gnb .depth02{
	display:none; 
	position:absolute; 
	left:0; 	
	width:100%; 
	padding-bottom:0px;	
	background:rgba(1,0,127,.5);
	transition:.3s;
	top:80px; 
	z-index:1;
	 
 
}



#gnb .depth02.subon{
	display:block;
	opacity:1; 
	background:rgba(1,0,127,.9);
	transition:.5s;	 
	 
	 
}
 
 #gnb ul > li .depth02 .depth02_box{
	position:relative; 
	width:100%; 
	max-width:1400px; 
	margin:0 auto; 	
	padding:30px 0 30px 0;
	opacity:0;
	top:0;
	/*background:url(../image/back_topmenulogo.png) no-repeat 0 center;*/
 }

  #gnb ul > li .depth02.subon .depth02_box{
	 opacity:1;
	 transition:.5s;
	 top:20px;
  }

 #gnb ul > li .depth02 .depth02_box strong{
	display:block;
	float:left;
	width:23%;
	font-size:45px;
	color:#fff;
	line-height:1.1;

 }
#gnb ul > li .gnb-depth_sub{
	display:block;
	float:left;
	width:77%;
}

#gnb ul > li .gnb-depth_sub >  li{ 
		float:left;
		width:25%;		
		text-align: left; 
		

 }
 #gnb ul > li .depth02 .depth02_box:after{
	clear:both;
	display:block;
	content:'';
	position:relative;
	padding-bottom:80px; 
 }
 #gnb ul > li .gnb-depth_sub li a{ 
	width:90%;
	margin:0 auto;
	font-size:17px;
	font-weight:400;
	display: block; 
	padding: 10px 0px;
	text-align:center;
	line-height:1.1;
	color:#fff;
	letter-spacing:0px;
	background:#1b1a8c;
	margin-bottom:20px;

	

	 
 }
 
  #gnb ul > li .gnb-depth_sub > li > a{ 
	border:1px solid #7d7d7d;
	 
	 
  }

  #gnb ul > li .gnb-depth_sub li a:hover{
		color:#87fff0;
  }

   #gnb ul > li .gnb-depth_sub li ul li{
	width:100%;
	 
   }
    #gnb ul > li .gnb-depth_sub li ul li a{
		background:none;
		border-bottom: 1px solid #343399;
		 background: url(../image/dot2.png) no-repeat 20px center;
		 text-align:left;
		 padding-left:50px;
	}

		  #gnb ul > li .gnb-depth_sub li ul li ol li a{
			border-bottom: 0px solid #343399;
			padding: 3px 0px 3px 80px;
			 font-size:15px;
			 color:#acacac;
			 text-align:left;
			 background: url(../image/dot3.png) no-repeat 50px center;
		  }
 

 
 
#gnb.is-visible {
    opacity: 1;
    visibility: visible;
  }



/*gnbback*/
/*
 .gnb_back {
	position:absolute;
	left:0;
	top:90px;
	width:100%;
	height:50px;	 
	background:rgba(255,255,255,1.0); 
 	z-index:1;
	display:none;

	}


 
 .gnb_back.active{
	 border-top:1px solid #ccc;
	top:90px;
	display:block;	 
	transition:.3s;
	z-index:2;
	background:rgba(255,255,255,1.0); 
}
.sub  .gnb_back.active{
	background:#f7f7f7; 
}  

 */

.Mgnb_back{
		display:none;
	}
 

/*lang*/
.header_utilarea {
	 
	position:absolute;  
	right:0;
	z-index:101; 
	height:80px;
	 
	
}

.langlink{
	position:relative;  
	right:100px;
	top:0;
	margin:0;
	padding-top:17px;
	
}
.langlink a{
	display:block; 
	position:relative;
font-size:13px;
 color:#acacac;
 padding:5px 10px 5px 10px;

 
 }
.langlink a.active{
	 color:#fff;	
 }
  .langlink a.active:before{
	display:block;
	content:'';
	background: url(../image/on.png) no-repeat 0 0;
	position:absolute;
	top:9px;
	left:0;
 
	width:4px;
	height:7px;
  }

.sub .langlink a.active:before,
.scroll-on .langlink  a.active:before,
.topon .langlink  a.active:before{
 	 
	background: url(../image/on2.png) no-repeat 0 0;
	 
  }

 .sub .langlink a,
 .scroll-on .langlink a,
 .topon .langlink a{
	color:#000;
 }
 .sub .langlink a.active,
 .scroll-on .langlink a.active,
 .topon .langlink a.active{
	color:#000;
	font-weight:bold;
 }
 .sub .langlink .dropdown-menu a, 
 .scroll-on .langlink .dropdown-menu a,
 .topon .langlink .dropdown-menu a{
	color:#fff;
 }
  .sub .langlink .dropdown-menu .active a,
  .scroll-on .langlink .dropdown-menu .active a,
 .topon .langlink .dropdown-menu .active  a{
	color:#eeb022;
 }
 
.langlink .caret{
	 
	 
	width:20px;
	height:23px;
	position:absolute;
	right:5px;
 }
 .langlink .caret:after{
	/*background:#fff;*/
	position:absolute;
	width:10px;
	height:2px;
	top:7px;
	left:7px;
	content:'';
	display:block;
	transform:rotate(-45deg);
 }
 .langlink .caret:before{
	/*background:#fff;*/
	position:absolute;
	width:10px;
	top:7px;
	height:2px;
	content:'';
	display:block;
	transform:rotate(45deg);
 }
.sub .langlink .caret:after,
.sub .langlink .caret:before,
.scroll-on .langlink .caret:after,
.scroll-on .langlink .caret:before,
.topon .langlink .caret:after,
.topon .langlink .caret:before{
	/*background:#000;*/
}


.allMenu{
	
	width:90px;
	height:100%;
	 
	top:0;
	right:0;
	margin:0;
	vertical-align:top;
	position:absolute;
	background:#007f01;
	 
	 
	
}
.allMenu .btn{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-16px;
	margin-top:-19px;
 	 background:none;
	 
	
}
.gnb_btn{
	position:relative;
	width:32px;
	height:38px;	 
	background:none;	 
	cursor:pointer;
	margin:0 auto;
	

}
.gnb_btn span{
	position:absolute;
	margin-left:0px;
	width:100%;
	height:2px;
	 
	background-color:#fff;
	 transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	left:0;

}
/*on*/
.sub .gnb_btn span{
	background-color:#fff;
}
.gnb_btn span.mgb_top{
	top:8px;

}
.gnb_btn span.mgb_mid{
	top:18px;

}
.gnb_btn span.mgb_bot{
	top:28px;

}
.gnb_btn:hover span.mgb_top {
	top:1px;

}
 

.gnb_btn:hover span.mgb_bot{
	top:36px;

}
 
/* Responsive gnb */
.btn_nav {
  display: none;
}


  
 @media ( max-width: 1420px ){
	.header_inner h1.logo {
		 
	 left:0px;
	margin-left:0;
	transition:.5s;
 	 
 	}
	#gnb ul > li > a.depth01{
		font-size:17px;
		padding: 20px 9px;
		 
		 
		 
	}
 }

 @media ( max-width: 1300px ){
	 
	  #gnb ul > li .gnb-depth_sub > li > a{ 
			 
			
			display:table;
			
		  }
		   #gnb ul > li .gnb-depth_sub > li > a span{ 
				display:table-cell;
				vertical-align:middle;
				min-height:40px;
		   }
 }
  @media ( max-width: 1200px ){
	#gnb ul > li > a.depth01{
			font-size:17px;
			padding: 21px 5px;
		}

  #gnb ul > li .depth02 .depth02_box strong{
	 
	 
	font-size:40px;
	 

 }
 


  }
 @media ( max-width: 1100px ){
		.header_inner h1.logo {
			padding:10px 10px;
		}
		#gnb ul.gnb_list {
   
			 
			  padding: 0 180px 0 290px;
		}
		
		#gnb ul > li > a.depth01{
			font-size:15px;
			padding: 22px 5px;
		}
		 #gnb ul > li .depth02 .depth02_box strong{
	 
	 
	font-size:35px;
	 

 }

 }
@media ( max-width: 1000px ){
	.allMenu{display:none;}
	#Header {
		position:fixed;
		background:rgba(255,255,255,1); 
 	 }
	#Header .header_inner {
 		height:70px;
		margin-top:0;
 	} 
	.header_inner h1.logo {
		width:260px;
		left:10px;
		font-size:20px;
		padding:10px 0 0 0;
	}
	.header_inner h1 > a {
	 
		background:url(../image/logo.png) 0 0 no-repeat;
		background-size:25%;
		padding-left:70px;
	}

  
	 #gnb {
		position: absolute;
		top: 70px;
		left: 0;
		padding: 0px;
		 
		width: 100%;
		max-width:100%;
		opacity: 0;
		margin:0;
		visibility: hidden;
		border-top:1px solid #ccc;
		-moz-transition: opacity 0.4s ease-in-out;
		-o-transition: opacity 0.4s ease-in-out;
		-webkit-transition: opacity 0.4s ease-in-out;
		transition: opacity 0.4s ease-in-out;
		 
	  }
 .sub .gnb-wrap,
.scroll-on .gnb-wrap,
.topon .gnb-wrap{
	background:rgba(1,0,127,1);   
}
 .sub #gnb,
 .scroll-on #gnb {
	background:rgba(1,0,127,1);   
 }


 


	   .gnb_back.active{
			border-top:0px solid #ccc;
			height:0px !important;
			display:none;	 
			transition:.3s;
			background:yellow; 
		}
			   
	  .gnb-wrap{
			max-width:100%;
		}

		#gnb ul.gnb_list {
			padding: 0 0 0 0;
		}

		 
 
	 .sub #gnb ul > li > a.depth01,
.scroll-on #gnb ul > li > a.depth01,
.topon #gnb ul > li > a.depth01{
 color:#fff;
}
	 .sub #gnb ul > li > a.depth01:hover,
.scroll-on #gnb ul > li > a.depth01:hover,
.topon #gnb ul > li > a.depth01:hover, 
	  #gnb ul > li > a.depth01:hover,
	  #gnb ul > li > a:hover,
	  #gnb ul > li > a.depth01.on{
			color:#fff;
			background:#36a0d7;
		}

	  #gnb ul > li {
		  position: relative;
		  display:block;
		  width:100%;
		  padding:0;
		  margin:0; 
		  border-bottom:1px solid #ccc;
	}
	#gnb ul > li > a.depth01{
		display:block;
		font-size:22px;
		padding: 10px 0 10px 10px;
		color:#fff;
		text-align:left;
	}
	


	 

	.sub #gnb ul > li > a.depth01:before, 
	#gnb ul > li > a.depth01:before, 
	.sub #gnb ul > li > a.depth01:after, 
	#gnb ul > li > a.depth01:after {
			content:"";
			position:absolute;
			right:20px;
			top:28px;
			left:95%;
			width:15px;
			height:1px;
			margin-top:-1px;
			background:#fff;
			transition:all .2s;
			}
	#gnb ul > li.last > a.depth01:after{
			background:#fff;
	}

	.sub #gnb ul > li > a.depth01:hover:before, 
	#gnb ul > li > a.depth01:hover:before, 
	.sub #gnb ul > li > a.depth01:hover:after, 
	#gnb ul > li > a.depth01:hover:after,
	#gnb ul > li.last > a.depth01:hover:after
	{
		background:#fff;
	}
	#gnb ul > li > a.depth01:after {
		transform:rotate(90deg);
		 
		}
	#gnb ul > li > a.depth01.on:after {
		transform:rotate(0deg);
		}

	#gnb ul > li > a:after{
		 
	}
	
	 

	 
 


	 #gnb .depth02{
		display:none;
		position: relative;
 		background:#ff0000;
		padding: 0px 0 0 0;
		border-top:1px solid #ccc;
		 top:0;
		opacity:1;
		-moz-transition: opacity 0.4s ease-in-out;
		-o-transition: opacity 0.4s ease-in-out;
		-webkit-transition: opacity 0.4s ease-in-out;
		transition: opacity 0.4s ease-in-out;
 

	}
	 #gnb .on .depth02{
		display:block;
	 }
	  #gnb ul > li .depth02 .depth02_box{
		background:green;
		opacity:1;
		padding:0px 0 0px 0;
	  }

	   #gnb ul > li .depth02 .depth02_box strong{
			display:none;
	   }

	   #gnb ul > li .gnb-depth_sub{
				display:block;
				float:none;
				width:100%;
			}


	 
	#gnb ul > li .gnb-depth_sub li{ 
		border-bottom: 0px;
		float:none;
		width:100%;		
		text-align: left; 
	}
 
 #gnb ul > li .depth02 .depth02_box:after{
	 
	padding-bottom:0px; 
 }

  #gnb ul > li .gnb-depth_sub li a{ 
	width:100%;
	margin-bottom:0px;
	text-align: left; 
	padding-left:30px;
	border-bottom:1px solid #42556d;
  }
   #gnb ul > li .gnb-depth_sub li.hassub{
	background:#1b1a8c;
	
   }

  #gnb ul > li .gnb-depth_sub li.hassub > a{
		background: url(../image/arrow_off.png) no-repeat right 5px;
   }
 
  #gnb ul > li .gnb-depth_sub li.hassub.on > a{
		background: url(../image/arrow_on.png) no-repeat right 5px;
   }
 #gnb ul > li .gnb-depth_sub li.hassub > ul{
	display:none;
 }
  #gnb ul > li .gnb-depth_sub li.hassub.on > ul{
	display:block;
 }
 #gnb ul > li .gnb-depth_sub li.hassub.on > ul li{
		background:#000051;
}
#gnb ul > li .gnb-depth_sub li ul li a{
	background: url(../image/dot2.png) no-repeat 30px center;
	padding-left:50px;
}
#gnb ul > li .gnb-depth_sub li ul li ol{
	border-bottom:1px solid #626262;
}
#gnb ul > li .gnb-depth_sub li ul li ol li a{
	padding: 3px 0px 3px 60px;
	background: url(../image/dot3.png) no-repeat 45px center;
}
	 

  .btn_nav {
    display: block;
	z-index:80;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-7px;
	 
 
  }
  .btn_nav span {
    background: #000;
    width: 25px;
    height: 3px;
    display: block; 
    transition: all .3s;
    margin: 0 auto;
    transform-origin: 0;
  }

 
  
  .btn_nav span + span {
    margin-top: 3px;
  }

  .btn_nav.opened span:nth-child(1) {
    transform: rotate(45deg);
	 margin-top:-1px;
	

  }
  .btn_nav.opened span:nth-child(2) {
    opacity: 0;
    visibility: hidden;
  }
  .btn_nav.opened span:nth-child(3) {
      transform: rotate(-45deg);
	  margin-top:8px;
	   
  }

  

	.header_utilarea {
		right:30px;
		margin-top:-15px;
	}
 
	.gnb_back{
		display:none;
		 border-top:0px;
		height:0px !important;
		 

	}
	.m_open .Mgnb_back{
		display:block;
		position:fixed;
		 
		top:70px;
		width:100%;
		height:100%;
		 background:rgba(0,0,0,0.8);   
	}
	 
	 .langlink{
		right:10px;
		padding-top:25px;
	 }
	  .langlink a{
		color:#555;
		
	 }


  .langlink a.active{
	 color:#555;	
 }

  .langlink a.active:before{
	 
	background: url(../image/on2.png) no-repeat 0 0;
	 
  }
 
 
 .langlink a.active,
 .sub .langlink a.active,
 .scroll-on .langlink a.active,
 .topon .langlink a.active{
	color:#000;
	font-weight:bold;
 }
	 .langlink .caret:after{
		/*background:#333;*/
	}
	 .langlink .caret:before{
		/*background:#333;*/

	}


}


@media ( max-width: 320px ){
	 .header_inner h1.logo {
		 
		left:5px;
		font-size:18px;
		 
	}
	.langlink{
		right:0px;
	}
 

 
}
 
 
/*footer*/
#footer{
	clear:both;
 	position:relative;
 	width:100%;
 	background:#192846;
 	letter-spacing:0;
	 
}
 

 
#footer:after{
	clear:both;
 	content:'';
 	display:block;
	
}


.bottom_wrap{
	position:relative;
 	margin:0 auto;
 	max-width:1200px;	 
	padding:5px 20px;
	
}

/**/
#footer .bottomlink {
  
  text-align:left;	 
  margin:0;
  border-bottom:1px solid #47536b;
  padding:5px 0px;
 
}

 
#footer .bottomlink ul{
	text-align:left;
	 margin:0;
	padding:0px 0px 0 130px;
 
}
#footer .bottomlink ul li{
	display:inline-block;
 	margin-right:10px;
 	padding:10px;
  
 	position:relative;
 	 
	
}

#footer .bottomlink ul li.first{
	
 	background:none;
	

}
#footer  .bottomlink ul li a:after{
	display: block;
 	content:' ';
 	width:1px;
 	height:15px;
 	background:#47536b;
 	position:absolute;
 	top:16px;
	

}

#footer .bottomlink ul li.first a:after{
	 
	width:0px;
 	background:none;
 	 

}
#footer .bottomlink ul li a {
 	padding-left:20px;
	
 }
#footer .bottomlink ul li.first a {
	 
	padding-left:0px;
	
 }

#footer .bottomlink ul li a,
#footer .bottomlink ul li a:hover{
	color:#a8acb5;
	text-decoration:none;	 
 	 
 } 


#footer .bottomlink ul li.pesornal a{
 	font-weight:bold;
	color:#5ca6ed;
 	}


/**/

#footer .bottomlogo{
	 
	padding-top:30px;
}
#footer .bottomlogo:after{
	clear:both;
	display:block;
	content:'';
	position:relative;
	padding-bottom:30px;
}
#footer .bottomlogo .imgara{
	float:left;
}

 

/**/

#footer .bottomlogo .companyinfo{
	float:left;
	max-width: calc(100% - 130px);
 	padding-left:50px;
 	padding-top:0px;
	letter-spacing:0px;
 	 
 	}
#footer .companyinfo span{
	margin-right:10px;
 	color:#a8acb5;
 	display:inline-block;
	letter-spacing:0px;
 	}
#footer .companyinfo strong{
 	font-weight:400;
 	}
 
#footer .companyinfo p.cpyright{
	color:#a8acb5;
 	font-size:12px;
 	 letter-spacing:0px;
	 padding-bottom:10px;
 	}
 
@media(max-width:780px){
	#footer  .bottomlogo .imgara{
 		width:100%;
		text-align:center;

	}
	#footer .bottomlogo .companyinfo{
		max-width:100%;
		padding-left:0px;
	}

	#footer .bottomlink ul{
	
		text-align:center;
		padding:0px 0px 0 0px;
	}

	#footer .bottomlink ul li{
		padding:10px 0;
	}

	#footer .customerarea{
		width:100%;
		text-align:center;
		padding-top:10px;
	}
	#footer  .bottomlink ul li a {

	}

}
@media(max-width:640px){
	
}
@media(max-width:400px){
	#footer .bottomlink ul li{margin-right:5px;}
	#footer  .bottomlink ul li a {
		padding-left:5px;
		font-size:14px;
		
	 }
}



/*allmenu*/
 
 
.sitebox{
	
	clear:both;
	border-bottom:1px solid #ccc;
	padding:20px;
	position:relative;
	width:100%;
	max-width:1100px;
	margin:0 auto;


}
.sitebox:after{
	clear:both;
	content:" ";
	display:block;
	height:35px;

}
.sitebox .titA{
	font-size:25px;
	 font-weight:700;
	letter-spacing:0px;
	position:absolute;
	width:200px;
	 
	

}
.sitebox .titA a{
	color:#fff;
	display:block;
	background:#01007f;
	padding: 20px 0px;
	text-align:center;
	width:100%;
	border-radius:5px;
	line-height:1.1;

}
.sitebox .sitelist{
	position:relative;
	padding-left:210px;

}
.sitebox .sitelist ul > li{
	width:20%;
	float:left;

}
.sitebox .sitelist ul > li.hassub{
	
	min-height:100%;

}
.sitebox .sitelist ul > li.largemenu{
	min-height:280px;
}
.sitebox .sitelist ul > li > a{
	font-size:18px;
	font-weight:500;
	padding:10px 10px;
	display:block;
	line-height:1.1;
	 
  }
.sitebox .sitelist ul > li.hassub ul li{
	float:none;
	background: url(../image/site_line.png) no-repeat 0 10px;
	padding-left:10px;
	width:100%;
 }
.sitebox .sitelist ul >  li.hassub ul li a{
	font-size:15px;
	font-weight:300;
	padding:2px 0;

}
.sitebox .sitelist ul > li.hassub ul ol li{
	background: url(../image/dot4.png) no-repeat 0 10px;

}
/*# sourceMappingURL=bootstrap.min.css.map */