@charset "utf-8";
   
 .main_wrap{
	
		max-width:1300px;
		margin:0 auto;
		position:relative;
	
 }
  
  /*mainimg slider/*/

  #mainimgContent{
	
	position:relative;
	min-height:100%;
	width:100%;
	height:100%;
	overflow:hidden;
	min-height:1000px;
 	background:#fff;
	 
	}
  

 @media  (max-width: 600px) {
	  #mainimgContent{
		min-height:1200px;
	  }

 }
  @media  (max-width: 340px) {
	  #mainimgContent{
		min-height:1300px;
	  }

 }
   


#mainimgContent_in{
	
	margin: 0px 0;	 
   	position: absolute;	
	width:100%;
	height:100%;
	overflow: hidden;
	 
}

.mainContainer{
	
	padding-top:0px;
	position:relative;
	width:100%;	
	margin:0 auto;
	background:#000;
	
	}

.mainContainer_in{
	
	width:100%;
	overflow:hidden;

	
}

	 
  

/**/

  .intromain h2{
	
	text-align:left;
	font-size:45px;
	letter-spacing:-1px;
	font-weight:500;
	line-height:2;
	word-break:keep-all;
	margin-bottom:20px;
	padding-top:30px;
	color:#fff;
	font-family:'Montserrat','Roboto','Noto Sans KR', sans-serif;
	

}
 .intromain h2:after{
	display:block;
	content:'';
	margin-top:15px;
	width:150px;
	height:1px;
	background: rgba(0,191,243,1);
 }
 


.intromain .ttile{
	
	display:block;
	text-align:left;
	margin:10px auto 30px auto;
	font-size:18px; 
	line-height:1.2;
	letter-spacing:0px;
	color:#fff;
 	 
}


.intromain .ttile span{display:block;}

@media(max-width:1000px){
	.intromain .ttile{font-size:16px; text-align:center;}
	.intromain h2{ font-size:35px;text-align:center;}
	 .intromain h2:after{
		position:relative;
		margin: 15px auto 30px auto;
	 }

	
}

@media(max-width:780px){

	.intromain h2{ font-size:30px;}
	.intromain .ttile{font-size:14px; }
 
 }
  

@media(max-width:640px){
	
	 .intromain h2{ font-size:25px;}
	.intromain .ttile span{ display:inline; }
	.intromain .ttile{font-size:12px; }
 
 }	


  
/*공통타이틀*/
	 .titlebox{width:100%;position:relative;}
	 .titlebox .stx{display:block;margin-bottom:0px;font-size:120%;}
	.titlebox h2{display:block;font-weight:100;margin-bottom:30px;padding-top:20px;}
	.titlebox  h2 strong{display:inline;font-weight:500;}
	.titlebox .ttile{display:block;margin:15px 0;font-size:120%;}
@media  (max-width: 1000px) {
  .titlebox .stx{margin:20px auto 0 auto; text-align:center;}
  .titlebox h2{text-align:center;margin: 10px auto;}
  .titlebox  h2 strong{display:block;}

 }
@media  (max-width: 640px) {
		 
		.titlebox .ttile{ font-size:110%;}
	 

}
 



 
.section { overflow:hidden;  }
.btn_top { display:none; }
 



/* section0 Visual */
 


#section0 {
	position:relative;
	overflow: hidden;
	
	}
 
	
	
/* section1 */
#section1 {
	position:relative;
	overflow: hidden;
	 
	background-color:#0070c0;
	 
	}
	#section1:after{
		display:block;
			content:'';
			position:absolute;
			background-image: url(../image/back_about.jpg);
			background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
			height:100%;
			width:50%;
			left:0;
	}
.section1_wrap{
		margin: 0 auto;
		position:relative;
		max-width:1400px;
		min-height:700px;
	}


 
	.halfcontenta{
		position:relative;
		margin-left:55%;
		width:45%;
		padding:150px 0;
		height:100%;
		z-index:2;
		/*background: url(../image/back_car.png) no-repeat right bottom;;
		background-size:80%;*/

	}
	.section1_wrap:after{
			display:block;
			content:'';
			position:absolute;
			height:100%;
			width:100%;
		background: url(../image/back_car.png) no-repeat right bottom;;
		background-size:30%;
		bottom:0;
		right:0;
		z-index:1;
	}

	

 	.halfcontenta span.stx{color:#3ce1fa;}
	.halfcontenta h2{text-align:left;color:#fff;} 
	.halfcontenta .ttile{text-align:left;}
	.halfcontenta .ttile span{color:#fff;}

	
a.more_linke{
	display:block;
 	position:relative;
 	text-align:left;
	width:200px; 
	padding:15px;
	line-height:1.5;
	color:#fff;
	border:1px solid #fff;
	margin-top:30px;
	font-weight:400;
	 
 	 

}
a.more_linke span.arrow{
	position:absolute;
  top:25px;
  display: block;
   width: 15px;
	right:15px;
   height: 13px;
   border-left: 1px solid #fff;
  z-index:2;
  
  transform: rotate(135deg);
}

 
a.more_linke span.arrow:after {
	  content: "";
	  display: block;
	  width: 1px;
	  height: 40px;
	  background-color: #fff;
	  transform: rotate(-45deg) translate(13px, 5px);
	  left: 0;
	  top: 0;
}

@media(max-width:1000px){
	.section1_wrap{
		min-height:300px;
	}
	.halfcontenta{
		padding:50px 0;
	}
	.halfcontenta h2{text-align:center;} 
}

@media(max-width:640px){
	
	#section1:after{
		 
		 
			width:100%;
		 
	}
	.section1_wrap:after{
		display:none;
	}

	.halfcontenta{
		margin-left:auto;
		margin-right:auto;
		width:96%;
		max-width:400px;
		margin-top:100px;
		margin-bottom:60px;
		background: rgba(0,112,192,.7);
		padding:20px 20px;
	}

	a.more_linke{
	 
			width:150px; 
			padding: 5px; 
		}
		a.more_linke span.arrow{
			top:10px;
		}

}


/* section2 */
#section2 {
	position:relative;
	overflow: hidden;
	background: url(../image/back_pro.jpg) no-repeat 0 0;
	background-size:cover;
}

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

#section2 .tit_box{
	position:relative;
	margin: 0 auto;
	width:98%;
	max-width:1400px;
}


#section2 .tit_box span.stx{color:#3ce1fa;}
#section2 .tit_box h2{text-align:left;color:#fff;} 
#section2 .tit_box .ttile{text-align:left;}
#section2 .tit_box .ttile span{color:#fff;}
 
 
.pro_iconarea{
	width:98%;
	max-width:1400px;
	margin:50px auto 0 auto;
	font-size:0;
	text-align:center;
	padding-top:90px;
}
.pro_iconarea .iconbox{
	display:inline-block;
	width:25%;
	vertical-align:top;
	margin-bottom:20px;
}
.pro_iconarea .iconbox a{
	display:block;
	position:relative;
	margin: 0 auto;
	width:98%;
	max-width:300px;
	border: 1px solid rgba(255,255,255, .5);
	text-align:center;
	padding:30px;

}
.pro_iconarea .iconbox a:hover{
	  -webkit-backdrop-filter: blur(50px);
	 backdrop-filter: blur(50px);
	 
}
.pro_iconarea .iconbox a .imgarea{
	width:100%;
	max-width:100%;
}
.pro_iconarea .iconbox a .txta{
	color:#fff;
	font-size:19px;
	text-align:center;
	padding-top:10px;
}
.pro_iconarea .iconbox a:hover .txta{
	color:#ffca00;
}
 
 @media(max-width:1000px){
 
#section2 .tit_box h2{text-align:center; } 

}

@media(max-width:850px){
		
		.pro_iconarea{
 			padding-top:0px;
			margin-bottom:30px;
		}

		.pro_iconarea .iconbox{
				width:50%;
				margin-bottom:1%;
			 }
			 .pro_iconarea .iconbox a{
				max-width:100%;
			 }
}
@media(max-width:480px){
 
	.pro_iconarea .iconbox a{
		padding:15px;
		width:96%;
	}
	.pro_iconarea .iconbox a .txta{
		font-size:15px;
		line-height:1.1;
	}
	.pro_iconarea .iconbox a .imgarea{
		width:60%;
		margin:0 auto;
	}
}

@media(max-width:320px){
	 	.pro_iconarea .iconbox a{
		padding:5px;
	}
	.pro_iconarea .iconbox a .txta{
		font-size:13px;
	}
}

  
/* section3 */

#section3 {
	position:relative;
	overflow: hidden;
	background: linear-gradient(45deg, #4baec6, #212627);
	/*background: #4baec6;*/
	padding-top:110px;
}

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

 


#section3 .tit_box{
	position:relative;
	margin: 0 auto;
	width:98%;
	max-width:1400px;
}


#section3 .tit_box span.stx{color:#3ce1fa;}
#section3 .tit_box h2{text-align:left;color:#fff;} 
#section3 .tit_box .ttile{text-align:left;}
#section3 .tit_box .ttile span{display:inline-block;color:#fff;margin-right:20px;}

#section3 .tit_box .localt{
	 
	display:inline-block;
	vertical-align:top;
	color:#5ef9ff;
	margin-right:30px;
	padding-left:10px;
	position:relative;
}
#section3 .tit_box .localt:after{
	content:'';
	display:block;
	position:absolute;
	top:7px;
	left:0;
	width:3px;
	height:3px;
	background:#5ef9ff;
}
#section3 .tit_box .local_info{
	width: calc(100% - 200px);
	display:inline-block;
	vertical-align:top;
	padding-left:10px;
}
 
 .mapa{
	padding-top:30px;
 }
 

  @media(max-width:1000px){
	 #section3 {padding-top:40px;}
	#section3 .tit_box h2{text-align:center; } 
	#section3 .tit_box .ttile span{
		display:block;
	}
	 .mapa{
	padding-top:20px;
 }

}


 /* section5 */
#section5 {
	position:relative;
	overflow: hidden;
	}
#mainPopArea{

}
 

.Rightpop{
	position:absolute;
	right:50px;
	text-align:right;
	top:95px;
	z-index:101;
	min-width:500px;
}

.Bottompop{
   position:absolute;
	left:5%;
	bottom:20px;
	min-width:500px;
	z-index:100;
}

  #divpop111{
	background:#fff;
	
	visibility:hidden;
	
	vertical-align:top;
 	 
 }
 #divpop222{
	background:#fff; 
	visibility:hidden; 
 }

   #divpop333{
	background:#fff;
	 display:inline-block;
	z-index:101;
	visibility:hidden;
	 
	 
 }


 
 #divpop111 .popbox,
 #divpop222 .popbox,
 #divpop333 .popbox{
	background:#fff;
	text-align:center;
	padding-bottom:0px;
	position:relative;
 }
 #divpop111 .popbox img,
 #divpop222 .popbox img,
 #divpop333 .popbox img{max-width:100%;}

.popuparea .pop-close{text-align:right;padding:5px;background:#333}
.popuparea .pop-close a{color:#f7f7f7;}
 
  
   


/*동영상 보기*/
 .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.youtubearea{position:relative; height:100%;padding-top:0px;height:0;overflow:hidden;} 
.youtubearea iframe,
.youtubearea object,
.youtubearea embed,
.youtubearea video{
position:absolute;top:0;left:0;width:100%;height:100%;} 

 .youtubearea.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.youtubearea.embed-responsive-4by3 {
  padding-bottom: 75%;
}