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

 /**/
.news_not{
	position:absolute;
	bottom:30px;
	right:20px;
	width:100%;
	max-width:600px; 
	
}
.news_not .boxing{
	float:left;
	width:100%;
	margin:0%;
	position:relative;
	background:rgba(255,255,255,.9);
	padding:20px 10px 10px 10px;
	
}



 ul.newslist {margin-top:10px;position:relative;width:100%;overflow:hidden;}
 ul.newslist li {position:relative;  line-height:2; font-size:15px; overflow:hidden;border-bottom: 1px solid #ececec;padding:3px 0 0px 25px; } 
 ul.newslist li:before {content:''; position:absolute; top:18px; left:10px; width:3px; height:3px; background:#333;border-radius:100% 100%; }
 ul.newslist li a {display:inline-block;width: calc(100% - 95px);vertical-align:middle;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

 ul.newslist li  span{display:inline-block;width:90px;vertical-align:middle; font-size:90%;color:#999}

 .noticeara{position:relative;}

 .noticeara .newmore{position:absolute;top:0px;right:10px; min-height:25px;}
 .noticeara .newmore a{
	display:block;
	color:#000;
	 
	text-align:center;
	width:30px;
	height:30px;
	font-size:200%;
	line-height:1.1;

	} 

.noticeara h4{ font-size:150%;padding-bottom:10px;  }

@media all and  (max-width:1000px){
	.news_not{
			position:relative;
			bottom:0;
			right:0px;
			width:100%;
			max-width:100%; 
			 
			
	}
}


@media all and  (max-width:640px){
	 .news_not .boxing{
			float:none;
			width:100%;
			margin:0%;

			
			
		}


}
  
  /*mainimg slider/*/

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

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


#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:35px;
	letter-spacing:-1px;
	font-weight:500;
	line-height:1.1;
	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; }

	
}

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


  

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



/* section0 Visual */
 


#section0 {
	position:relative;
	overflow: hidden;
	
	}
 
	
	
/* section1 */
#section1 {
	position:relative;
	overflow: hidden;
	background: url(../image/back01.jpg) no-repeat center 0;
	background-size:cover;
	}
.section1_wrap{
		margin: 0 auto;
		position:relative;
		max-width:1300px;
		min-height:700px;
	}

#section1 .photo{
		float:right;
		width:40%;
		padding-top:50px;

}
#section1 .b_txtbox{
		float:left;
		width:60%;
		padding-top:50px;
		padding-left:60px;
}

#section1 .b_txtbox .photo_mobile{display:none;}

#section1 .b_txtbox strong{
		position:relative;
		display:block;
		color:#000;
		font-family: 'Crimson Text', serif;
		font-size:90px;
		line-height:1.1;
		margin-top:50px;
		letter-spacing:-1px;
		 text-shadow:0px 0px 80px  rgba(0,198,255,1), 0px 0px 80px  rgba(0,198,255,0.91),0px 0px 20px  rgba(0,198,255,0.91);
		 z-index:2;
}
#section1 .b_txtbox strong span{
		 z-index:2;
		 position:relative;
		 display:inline-block;
}
	 
#section1 .b_txtbox strong span.logotxt.t_red{
	color:#ff0000;
}
#section1 .b_txtbox strong span.logotxt.t_green{
	color:#06da24;
}


#section1 .b_txtbox .bus_des{
		color:#fff;

}

#section1 .b_txtbox .morelink{
		background:#00c6ff;
		color:#000;
		width:150px;
		border-radius:20px;
		padding: 5px 5px 5px 30px;
		font-weight:500;
		margin-top:30px;
}

#section1 .b_txtbox .morelink span{
		display:inline-block;
		content:'';
		width:50px;;
		height:20px;
		vertical-align:top;
		background: url(../image/arrow_b.png) no-repeat center center;
}

#section1 .b_txtbox .simgarea{
		margin-top:30px;
}

#section1 .b_txtbox .simgarea span{
		display:inline-block;
		margin-right:10px;
		border:1px solid #fff;
		border-radius: 10px;
		overflow:hidden;
}
   

@media(max-width:1000px){
	#section1 .b_txtbox .simgarea span{width:40%;max-width:200px;}
}

@media(max-width:680px){
	#section1 .photo{display:none;}
	#section1 .b_txtbox{width:100%;padding:0px 20px;}
	#section1 .b_txtbox .photo_mobile{display:block; position:relative;text-align:center;max-width:300px;margin:0 auto}
	#section1 .b_txtbox .photo_mobile img{ position:relative;display:block;margin:0 auto;}
}
@media(max-width:460px){
 	#section1 .b_txtbox .photo_mobile{max-width:200px;}
	#section1 .b_txtbox .morelink{font-size:12px;width:110px;padding: 5px 3px 3px 10px;margin-top:10px;}
	#section1 .b_txtbox .morelink span{width:45px;height:15px;}
 }



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

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


.halfcontenta{
		position:relative; 
		width: 1100px;
		height:600px; 
}

.halfcontenta .imgareaB{
		position: absolute;
		background: url(../image/rnd.png) no-repeat right bottom;
		width: 100%;
		height: 100%;
		top:0;
		left: 0%; 
		 
	}

.halfcontenta .txtarea{
		position:absolute;
		top:30%;
		left:10%;
		max-width:600px;
}
	 
 
.halfcontenta .ttile strong{font-size:50px;}
 

	 
	 
#section2 .txtarea a{
		 
		display:block;
		position:relative;
		 border: 2px solid #fff;
		 color:#fff;
		 padding:10px;
		 margin-top:30px;
		text-align:left; 
		max-width:160px; 
}

#section2 .txtarea a span{
			background: url(../image/arrow.png) no-repeat right center;
			display:block;
			width:90%;
			margin: 0 auto;

}
 

 @media(max-width:1000px){
	.halfcontenta{width: 100%;height:430px; }
	.halfcontenta .imgareaB{background: url(../image/rnd.png) no-repeat 0 bottom;width: 50%;height: 50%;background-size:50%;}
	.halfcontenta .txtarea{top:10%;max-width:80%;}
 }

  @media(max-width:640px){
	#section2 {background: url(../image/back02.jpg) no-repeat 60% 0;background-size:180%;}
	 #section2 .txtarea a{ padding:3px; margin-top:10px;font-size:12px;}
	 	.halfcontenta .imgareaB{background: url(../image/rnd.png) no-repeat 0 bottom;width: 50%;height: 50%;background-size:80%;}

 }
   @media(max-width:400px){
		#section2 {background: url(../image/back02.jpg) no-repeat 0 0;background-size:cover;}
   }
  
/* section3 */
#section3 {
	position:relative;
	overflow: hidden;
	background: #f6f6f6;
	padding:0;
	margin:0;
	 
}
#section3 .section3_wrap{
	position: relative;
	width:100%;
	height:100%;
}
 

	    
/*pro*/
.prcenter{
	 position: relative;
	 width:100%;
	 height:100%;
}

.prcenter:after{
 position: relative;
 display:block;
 content:'';
 clear:both;
 }


.kwicks {
	display: block;
	list-style-type: none;
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
}

.kwicks > * {
	
	overflow: hidden;
	padding: 0;
	margin: 0;
}
 
 
.kwicks-horizontal > :first-child {
	margin-left: 0;
}
.kwicks-vertical > :first-child {
	margin-top: 0;
}

.kwicks {
	height: 100%;
				 
}


.kwicks > li {
				float:left;
				 height: 100%; 
 
			}

			#panel-1 {
				position:relative;
				background:url(../image/back_pr01.jpg) no-repeat center 0;
			}
			 
			#panel-2{
				background:url(../image/back_pr02.jpg) no-repeat center 0;
			}
			#panel-3{
				background:url(../image/back_pr03.jpg) no-repeat center 0;
			}
			 
 
.kwicks > li.kwicks-collapsed div.panel_box{   }/*마우스오버 제외*/
.kwicks > li.kwicks-expanded div.panel_box{ 
	 background: none;
}
.kwicks > li.kwicks-selected div.panel_box{   }/*선택*/

.kwicks > li .panel_box{
	background: rgba(0,0,0,.6);
	padding-top:70%;
	height:100%;
}
 
.kwicks > li .panel_box p{
	font-size:30px;
	color:#fff;
	font-weight:500;
	text-align:center;
	padding:10px;
	line-height:1;
	width:60%;
	margin:0 auto;
	font-family:'Montserrat','Roboto','Noto Sans KR', sans-serif;
	background:rgba(255,0,0,.5);
}

.kwicks > li .panel_infotxt .txtA{
	text-shadow:  0px 0px 5px #000;
}
.kwicks > li.kwicks-expanded .panel_box{
	padding-top:40%;
}
.kwicks > li.kwicks-expanded .panel_box p{
	color:#fff;	 
	background:rgba(255,0,0,.8);
}
.kwicks > li  .panel_infotxt{
	display:none;
}
.kwicks > li.kwicks-expanded .panel_infotxt{
	display:block;
	 
	padding-left:30px;
	padding-right:30px;
	color:#fff;
	max-width:400px;
	margin:30px auto; 
}
.kwicks > li.kwicks-expanded .panel_infotxt .txtA{
	color:#fff;
	font-size:23px;
	text-align:center;
	
}
.kwicks > li.kwicks-expanded  .panel_infotxt .moreicon{
	background: url(../image/icon_more.png) repeat 0 0; 
	width:40px;
	height:40px;
	background-size:cover;
	margin:30px auto;
}


@media (max-width:1000px) {
	.kwicks{ position:relative;overflow:hidden;}

	.kwicks > li {
		width:30%;
		 
		height:300px;
		overflow:hidden;
		 
	}
	
.kwicks > li .panel_box{padding-top:50%;}

 
	#panel-1 {
	
				
				background:url(../image/back_pr01.jpg) no-repeat 0 0;
				background-size:cover;
			}
			#panel-2{
						
				background:url(../image/back_pr02.jpg) no-repeat 0 0;
				background-size:cover;
			}
			#panel-3{
						

				background:url(../image/back_pr03.jpg) no-repeat 0 0;
				background-size:cover;
			}

			.kwicks > li .panel_box p{font-size:25px;}
			
			 
	 
}
@media (max-width:640px) {
	.kwicks > li .panel_box{padding-top:60%;}
	.kwicks > li .panel_box p{width:80%;}
	.kwicks > li .panel_box p{font-size:20px;}
}
@media (max-width:500px) {
	.kwicks{ position:relative;}

	.kwicks > li {
		width:100%;
		min-width:100%;
		height:150px;
		overflow:hidden;
		 
	}

	.kwicks > li .panel_box{padding-top:50px;}
	.kwicks > li.kwicks-expanded .panel_box{padding-top:50px;}
	.kwicks > li .panel_box p{font-size:18px;}

	#panel-1 {
	
				
				background:url(../image/back_pr01.jpg) no-repeat center center;
				background-size:100%;
			}
			#panel-2{
						
				background:url(../image/back_pr02.jpg) no-repeat center center;
				background-size:100%;
			}
			#panel-3{
						

				background:url(../image/back_pr03.jpg) no-repeat center center;
				background-size:100%;
			}
	 
	

	
			 
	 
}
 

 

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

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

  #divpop111 .popbox img{max-width:700px;}

.popuparea .pop-close{text-align:right;padding:5px;background:#333}
.popuparea .pop-close a{color:#f7f7f7;}
 
  
  @media(max-width:1200px){
		
		 #mainPopArea{
			position:absolute;
			left:5%;
			width:90%;
			z-index:101;
			top:95px;
		}	
		
		.Rightpop{
			position:relative;
			right:auto;
			text-align:center;
			top:0;
			z-index:101;
			max-width:600px;
		}

		.Bottompop{
		   position:relative;
			left:0;
			bottom:auto;
			max-width:600px;
			text-align:center;
			margin:0 auto;
			 

			 
		}


		 
 
 }
   @media(max-width:680px){

		.Rightpop{
			min-width:100px;
		}
		.Bottompop{
		  
			min-width:100px;
			 
		}

		 #divpop111,
		 #divpop222,
		  #divpop333{
			width:100%;
		 }

   }

    


/*동영상 보기*/
 .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%;
}