@charset "utf-8";
 
   
 .main_wrap{
	
		
		width:90%;
		margin:0 auto;
		position:relative;
		
	
}

    
 .wide_wrap{
	
		
		width:100%;
		margin:0 auto;
		position:relative;
		padding:0 0;
		
	
}
  
  /*mainimg slider/*/

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


  
   
   


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

	 
  

/**/

.main h2{
	
	font-family:'S-CoreDream','Noto Sans KR', sans-serif;
	font-size:60px;
	letter-spacing:-3px;
	font-weight:700;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	 
	 
	

}
.main h2 span{display:block;}
.main h2 strong{ font-weight:800;display:block;}

.main h3{
	font-family:'S-CoreDream','Noto Sans KR', sans-serif;
	font-size:250%;
	letter-spacing:-2px;
	font-weight:500;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
.main h4{
	 
	font-size:25px;
	letter-spacing:-2px;
	font-weight:500;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
 
 
 @media(max-width:1000px){
	.main h2{
		font-size:40px;
	}
	.main h3{
		font-size:200%;
	}
	.main h4{
		font-size:22px;
	}
}

 @media(max-width:780px){
	.main h2{
		font-size:35px;
	}
	.main span.ttile{
		font-size:17px;

	}
	.main h3{
		font-size:180%;
	}
	.main h4{
		font-size:20px;
	}
}

@media(max-width:640px){
	.main h2{
		font-size:30px;
	}

	.main h3{
		font-size:150%;
	}
	.main h4{
		font-size:18px;
	}
	
}

  .moreicon{
	display:block;
	margin-top:20px;
	font-size:200%;
	width:45px;
	height:45px;
	line-height:40px;
	text-align:center;
	border-radius:100% 100%;
	background:#fff;
	}

.proarea .inbox.slick-current  .moreicon{ 
	color:#fa6e1a;  
}

 
/*proarea link*/
.proarea{
	
	clear:both;
	background: url(../image/back_pro.jpg) no-repeat center center;
	padding:30px 0 80px 0;
	margin-top:0px;
	overflow:hidden;
	
}
.proarea .main_wrap{
	}

 
.proarea .ttile{
	position:relative;
	color:#fff;
	text-align:center;
	z-index:3;
	padding-bottom:0;
	margin-bottom:5px;
	
}
.proarea .s_info{
	text-align:center;
	color:#d6edf7;
	font-size:120%;
}

.proarea .proSlider{
	
 	padding:0px 0px;
	position:relative;	
	margin:0 auto;
	z-index:3;
	
	 
	}
 
.proarea .inbox{
 	position:relative;
	margin: 0 auto; 
	top:0; 
	z-index:2; 	 
	transform: scale(1);
	transition:top 0.5s ease;

	
	
	
}
.proarea .inbox a{
	
	display:block;  
	padding:0px 0 0 0;
	margin: 0 auto; 
	position:relative;
	height:450px;
	width:100%;
	
}
 

 
 
.proarea .inbox .imgare_box{
	height:100%;
	width:90%;
	left:5%;
	text-align:center; 
	position:absolute;
	z-index:3;
	margin-top:40px; 
	transform: scale(.9);
	transition: transform 0.5s, filter 0.5s, border-color 0.5s;
	
	}
.proarea .inbox .imgare_box img{
	position:relative;
	margin: 0 auto; 
	display:block;
	text-align:center;
	max-width:80%;
}

.proarea .inbox .infotxt{
		position:relative;
		display:none;
		z-index:1;
}
.proarea .inbox.slick-current,
.proarea .inbox.slick-center {
	 transform: scale(1.2); 
	 transition: transform 0.5s, filter 0.5s, border-color 0.5s;
	 padding: 0px 0px; 
 
   
}
.proarea .inbox.slick-current{
	/*background:yellow;*/
}

.proarea .inbox.slick-center{
	/*background:green;*/
}
.proarea .inbox.slick-current a,
.proarea .inbox.slick-center a{
	margin: 0 0px;
	padding:0;
	  


 

}
.proarea .inbox.slick-current a{
 

}

 

  
.proarea .inbox.slick-current .imgare_box{
	width:60%;
	left:0;
	margin-top:20px;
	
	text-align:left;
	transform: scale(1);
	transition: transform 0.5s, filter 0.5s, border-color 0.5s;
	
	
}
.proarea .inbox.slick-center .imgare_box img{
	max-width:100%;
	border-radius:0 50px;
	border:3px solid #fff;
	box-shadow:10px 30px 30px rgba(0,0,0,0.2);
	
	
}
 
.proarea .inbox.slick-current .infotxt {
	display:block;
	background:#fa6e1a;
	border-radius:0 50px;
	margin-left:20%;
	padding:30px 10px 20px 42%;
	min-height:380px;
	margin-top:60px;
	

	}

.proarea .inbox .numtt{
	font-size:120%;
	text-align:left;
	line-height:1.2;
	color:#faa61a;
	font-family:'S-CoreDream','Noto Sans KR', sans-serif;
	font-weight:800;
	margin-bottom:10px;
	
}
.proarea .inbox .txtA{
	
font-size:140%;
	
	text-align:left;
	line-height:1.2;
	padding:10px 0px 0px 0px;
	margin-bottom:10px;
	color:#fff;
	font-family:'S-CoreDream','Noto Sans KR', sans-serif;
	letter-spacing:-1px;
	
	}
 
.proarea .inbox .txtB{
	font-size:12px;
	text-align:left;
	line-height:1.2;
	color:#fdc09c;
}





 


/* Arrows */
.proSlider  .slick-prev,
.proSlider  .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -80px;	 
	border: none;
	overflow:hidden;
    display: block;
	
	left:50%;
    width:100px;
	height:20px;
	margin-top:-1px;
	
    padding: 0;
 

    cursor: pointer;
    background:none;
    color: transparent;
 
    outline: none;
	z-index:1000;
    
}
.proSlider .slick-prev
{
    margin-left: -300px;
	border-bottom:3px solid #000;
	 

	 }
 
 
.proSlider .slick-next
{
    margin-left: 200px;
	border-bottom:3px solid #000;
	 
	 
}
.proSlider .slick-prev:before{
		display:block;
		content:'';
		width:3px;
		height:33px;
		background:#000;
		margin-top:1px;
		margin-left:2px;
		transform:rotate(45deg);
			 

}
.proSlider .slick-next:after{
 display:block;
		content:'';
		width:3px;
		height:33px;
		margin-left:97px;
		 
		background:#000;
		margin-top:1px;
		transform:rotate(-45deg);
}



/*workarea*/

.workarea{
	background:#b9e7f4;
	padding: 50px 0px;

}


.workarea .ttile{
	position:relative;
	color:#333;
	text-align:center;
	z-index:3;
	padding-bottom:0;
	margin-bottom:5px;
	
}
.workarea .s_info{
	text-align:center;
	color:#555;
	font-size:120%;
}

.worklist{
	position:relative;
	margin-top:40px;
}
.worklist:after{
	 clear:both;
	display:block;
	content:'';
	position:relative;
}
.worklist .workbox{
	width:25%;
	float:left;
}
.worklist .workbox a{
	display:block;
	margin:0 auto;
	width:90%;
	border-radius:20px 0;
	background:#c7ecf6;
	border: 5px solid rgba(255,255,255,.3);
	padding:20px;
	box-shadow:10px 30px 30px rgba(0,0,0,0.2);
}
.worklist .workbox .imgarea{
		
	margin-bottom:15px;
}
.worklist .workbox .txtarea{
	font-size:120%;
	font-weight:500;
	letter-spacing:-1px;
	line-height:1.2;
	 
	margin-bottom:10px;

}

.worklist .workbox .wdataarea{
	font-size:90%;
	 
}

.workarea .linka{
	margin: 10px auto;
	position:relative;
	width:200px;

}
.workarea .linka a{
	display:block;
	text-align:center;
}
.workarea .linka .moreicon{
	display:inline-block;
	vertical-align:middle;
	color:#003882;
}
.workarea .linka span{
	display:inline-block;
	margin-top:13px;
	vertical-align:middle;
	color:#444444;
	margin-left:10px;
}

/**/
.quickarea{
	background:#fff;
	padding: 50px 0;
}
.quickarea .main_wrap:after{
	 clear:both;
	display:block;
	content:'';
	position:relative;
}
.quickarea .quickbox{
	width:50%;
	float:left;
	 
}

.quickarea .quickbox a{
	display:block;
	margin:0 auto;
	width:98%; 
	max-width:650px;
	padding:10% 15%;
	min-height:450px;
	 
}
.quickarea .quickbox.dataroom a{
	background-image: url(../image/back_data.jpg);
	background-repeat: no-repeat;
	background-position:center 0;
	background-size:100%;
	background-color:#dae2e5; 
}

.quickarea .quickbox.cominfo a{
	background-image: url(../image/back_com.jpg);
	background-repeat: no-repeat;
	background-position:center 0;
	background-size:100%;
	background-color:#c1d3dd; 
}


.quickarea .quickbox .txtinfo{
	text-align:left;
}
.quickarea .quickbox .txtinfo span.stxt{
	display:block;
	font-size:120%;
	font-weight:500;
	letter-spacing:-1px;
	line-height:1.2;
	color:#588b28;
	margin-bottom:15px;
}
.quickarea .quickbox .txtinfo .tit{
	font-family:'S-CoreDream','Noto Sans KR', sans-serif;
	font-size:200%;
	font-weight:700;
	letter-spacing:-1px;
	line-height:1.2;
	 
	margin-bottom:20px;
}
.quickarea .quickbox .txtinfo .infot{
	font-size:130%;
	font-weight:500;
	letter-spacing:-1px;
	line-height:1.2;
	color:#555;
	width:60%;
	margin-bottom:10px;
}

.quickarea .linka{
	margin: 10px 0;
	position:relative;
	width:200px;

}
.quickarea .linka{
	display:block;
	text-align:left;
}
.quickarea .linka .moreicon{
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	background:#588b28;
}
.quickarea .linka span{
	display:inline-block;
	margin-top:13px;
	vertical-align:middle;
	color:#588b28;
	margin-left:10px;

}

@media(max-width:1110px){
	
	 
	 
	 .proarea{
		background: url(../image/back_pro_m.jpg) repeat center center;
		background-size:100%;
	 }

	 .proarea .ttile{
		padding:0 10px;
		color:#000;
	 }

	 .proarea .s_info{
		font-size:100%;
		color:#333;
	 
	 }
	 .proarea .inbox{
		margin-bottom:20px;
		display:inline-block;
		width:49%;
		vertical-align:top;
	 }
	 .proarea .inbox a{
			height:100%;
	 }
	 .proarea .inbox .infotxt{
		display:block;
	 }
 


.proarea .inbox .imgare_box{
		width:50%;  
		 
		left:0;
		margin-top:20px; 

		text-align:left;
		transform: scale(1);
		transition: transform 0.5s, filter 0.5s, border-color 0.5s;
		
		
	}
	.proarea .inbox .imgare_box img{
		 display:block;
		 padding-left:20px;
		 margin:0;
		text-align:left;
		max-width:100%; 
		border-radius:0 00px;
		border:0px solid #fff;
		box-shadow:0px 0px 0px rgba(0,0,0,0.2);
		
		
	}
	 
	.proarea .inbox .infotxt {
		display:block;
		background:#fa6e1a;
		border-radius:0 50px;
		margin-left:15%;
		padding:30px 10px 20% 40%;
		min-height:100%;
		margin-top:20px;
		

		}

 
 }


@media(max-width:1000px){
	
	 .main_wrap{
		width:98%;
	 }

	  

	 .workarea .ttile{
		padding:0 10px;

	 }

	 .worklist .workbox{
			width:50%;
			margin-bottom:20px;
			float:none;
			display:inline-block;
			margin-left:-4px;
			vertical-align:top; 

		}
		.worklist .workbox a{
		  padding:10px;
		}

		.worklist .workbox .txtarea{
			font-size:110%;
		}
		.workarea .s_info{
			font-size:100%;
		}


	.quickarea .quickbox a{
		min-height:380px;
	}
	 .quickarea .quickbox .txtinfo .tit{
		font-size:170%;
	 }
	 .quickarea .quickbox .txtinfo .infot{
		font-size:110%;
	 }
 }

@media(max-width:780px){
	 .proarea .inbox{
		margin-bottom:30px;
		width:100%;
	 }

	 

}
 @media(max-width:640px){
	  .moreicon{
		width:35px;
		height:35px;
		line-height:30px;
	  }
	  .quickarea .quickbox{
			width:100%;
			float:none;
			 
	}
	.quickarea .quickbox a{
		padding:5% 5%;
		min-height:250px;
	}

	.proarea .inbox .infotxt {
		 
		padding:30px 10px 10% 40%;
		 

		}


	 .quickarea .quickbox .txtinfo .tit{
			font-size:150%;
		 }
		 .quickarea .quickbox .txtinfo .infot{
			font-size:100%;
		 }

 }

  @media(max-width:460px){
	.proarea .inbox .imgare_box{
		width:100%;  
		text-align:center;
		left:0;

	}
	.proarea .inbox .imgare_box img{
		max-width:100%; 
			text-align:center;
			margin:0 auto;
			left:0;
			padding:10px 20px 20px 20px;
	}

	.proarea .inbox .infotxt {
		margin-left:0;
		padding:100%  10px 10px 10px;
	}

	.proarea .moreicon{
		margin:10px auto;
	}

  }