@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:700px;
 	background:#000;
	 
	}
  

 @media  (max-width: 600px) {
	  #mainimgContent{
		 
	  }

 }
  @media  (max-width: 340px) {
	  #mainimgContent{
		 
	  }

 }
   


#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_2026.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%;
}


 
 
 /**/
:root {
  --radius: 12;
  --width: 50;
  --height: 40;
  --border: 2;
  --blur: 10;
  --alpha: 0;
  --gradient: conic-gradient(from 180deg at 50% 70%,hsla(0,0%,98%,1) 0deg,#fff 72.0000010728836deg,#fff 144.0000021457672deg,#fff 216.00000858306885deg,#fff 288.0000042915344deg,hsla(0,0%,98%,1) 1turn);
  --x: 0,
  --y: 0,
}
 .scroll_ani{
	position:absolute;
	bottom:30px;
	left:50%;
	z-index: 3;
	 transform: translateY(0%);  
	  opacity: 0;
	 animation:scrolldown 1.2s ease-in-out infinite 0.15s;
	 border-radius:30px;
	 overflow:hidden;
	 
	background:rgba(255,255,255,.2);
		-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
 }
 
 .scroll_ani  .scroll_ani_in {
	position: relative;
	 border-radius: 30px;
	 padding: 0;
	  overflow:hidden;
	  font-size: 12px;
	  line-height:1;


}
 .scroll_ani  .scroll_ani_in:before {
  content:"";
  position: absolute;
  inset: 0;
  padding: .2em;  
  background: linear-gradient(-45deg,rgba(255,255,255,.1),rgba(255,255,255,.5));
  border-radius: inherit;
  --m:conic-gradient(#fff 0 0);
  mask: var(--m) content-box exclude,var(--m);
  pointer-events: none;
}
@supports (background: linear-gradient(in lch,red 0 0)) {
   .scroll_ani  .scroll_ani_in:before {
    background: linear-gradient(-45deg in lch,rgba(255,255,255,.1),rgba(255,255,255,.5));
  }
}
 

  .scroll_ani span{
 
	display:block;
	position:relative;
	padding:15px 6px;
	text-align:center;
		
  }
    .scroll_ani span img{width:80%;}
  
/**/
.mainyoutube{
	background: #000;
  position: relative;
  width: 100%;
  z-index: -99;
  overflow: hidden;
  height: 100%;
}


 .youtube-bg {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.youtube-bg::before {
    content: "";
    display: block;
    background: var(--primary_color);
    background: linear-gradient(45deg, var(--primary_color_alpha) 0%, var(--secondary_color_alpha) 100%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.youtube-bg #player {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%; /* Adjust this between 150% and 200% */
  min-height: 100%; /* Adjust this between 150% and 200% */
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
.youtube-bg h2#main_txtB {
    position: absolute;
	bottom: 25%;
   z-index: 2; 
   left:0%;
   opacity:0;
   width:100%;
}
.youtube-bg h2#main_txtB span{
	display:block;
	text-align:left;
	margin:0 auto;
	max-width:1280px;
	position:relative;
	color:#fff;
   letter-spacing:-3px;
   line-height:1.2;
   padding-left:40px;
}


.youtube-bg  #_buffering-backgroundB {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  background: #222;
   z-index: 1;
}
.youtube-bg  #_buffering-backgroundB span{
 display:block;
  position: absolute;
  width: 100%; 
  top: 0;
  bottom: 0;
  /*background:url(../image/mainimg01.jpg) no-repeat center 0;
  background-size:cover;*/
  z-index: 2;
}
 

  @media(max-width:1000px){
	.mainyoutube{
		padding-top:70px;
		height: auto;
	 
	}
	 .youtube-bg {
		height: auto;
		position: relative;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
padding-top: 0px;
	 }
 

	.youtube-bg #player {
			position: absolute;
width: 100%!important;
height: 100%!important;
			 top: 0;
			  left: 0; 
			  width: 100%;
 
		   -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
	}
  }

  /*mainimg slider/*/

 
 /*/////////////////////////////*/
.fullscreen-video-background {
	  background-color: #ff0000;
	   background-image:url(../image/mainimg01.jpg);
	  position: relative;
	  width: 100%;
	  z-index: -99;
	  overflow: hidden;
	  height: 100vh;
}
.fullscreen-video-background .main_txt{
	position: absolute;
   top: 0%;
   width: 100%;
   height:100%;
   z-index: 2;
 
   left:0;
   opacity:0;
 
   display: flex;
  justify-content: center;
  align-items: center;
  text-align:center;
}
.fullscreen-video-background .main_txt span{
	  color:#fff; 
}
.fullscreen-video-background .main_txt span p{
	max-width:600px;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:300%; 
   letter-spacing:-1px;
   line-height:1.2;
}
.fullscreen-video-background ._pattern-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0.0;
  bottom: 0;
  /*background-image: url(https://cdnjs.cloudflare.com/ajax/libs/vegas/2.3.1/overlays/03.png);*/
  z-index: 2;
}
.fullscreen-video-background #_buffering-background {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  background-color: #111;
  background-image:url(../image/mainimg01.jpg);
  background-size:cover;
  
  background-position:center center;
   z-index: 1;
}
.fullscreen-video-background #_buffering-background span{
 display:block;
  position: absolute;
  width: 100%;
 
  top: 0;
  bottom: 0;
  /*background:url(../image/mainimg01.jpg) no-repeat center 0;
  background-size:cover;*/
  z-index: 2;
}
.fullscreen-video-background #_youtube-iframe-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  height: 100%;
}
.fullscreen-video-background #_youtube-iframe-wrapper #_youtube-iframe {
position: absolute;
 top: 50%;
  left: 50%;
  height: 300vh;
  width: 120vw;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
 
 
@media (min-aspect-ratio: 16/9) {
.fullscreen-video-background #_youtube-iframe-wrapper #_youtube-iframe {
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
 .fullscreen-video-background #_youtube-iframe-wrapper #_youtube-iframe{
    width: 177.78vh;
  }
}

 @media  (max-width: 1000px) {
	.fullscreen-video-background {
	
	}
	.fullscreen-video-background .main_txt span p{
   
			
		   font-size:250%;
		  
		}

		 

	  .main_wrap{
	
			width:98%;
	 }
 }

 


  @media  (max-width: 640px) {
	
	 .fullscreen-video-background .main_txt span p{
   
			
		   font-size:200%;
		  
		}
 }
   @media  (max-width: 380px) {
	
	.fullscreen-video-background .main_txt span p{
   
			
		   font-size:150%;
		  
		}
 }