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

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

 

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

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


#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{
	
	text-align:center;
	font-size:55px;
	letter-spacing:-1px;
	font-weight:500;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:30px;
	

}
 .main h2.proti{
	font-size:60px;
	font-family:"GmarketSans",sans-serif;
 }

.main h2 span{
	display:block;
}
  .main h3{
	text-align:center;
	font-size:30px;
	letter-spacing:-1px;

  }

  .main h4{
	text-align:center;
	font-size:23px;
	letter-spacing:-1px;

  }


@media(max-width:1000px){
	

	.main h2{font-size:40px;}
	.main h2.proti{font-size:45px;}
	.main h3{font-size:30px;}
	.main h4{font-size:20px;}

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

	.main h2{font-size:35px;}
	.main h2.proti{font-size:40px;}
	.main h3{font-size:25px;}
 
 }

 @media(max-width:640px){
	

	.main h2{ font-size:25px; }
	.main h2.proti{font-size:30px;}
	.main h3{font-size:21px;}
	.main h4{font-size:18px;}

	 
	 
 }

  @media(max-width:480px){

	.main h2 span{display:inline}
	.main h3{font-size:18px;}
	.main h4{font-size:15px;}
	 
 }


 
 


 
/*proarea link*/
.proarea{
	
	clear:both;
	background:#fff;
	padding:50px 0 20px 0;
	margin-top:0px;
	overflow:hidden;
	
}
.proarea .main_wrap{
	}
.proarea h2{
	color:#000;
	position:relative;
	z-index:3;
	}
 
.proarea .ttile{
	position:relative;
	color:#de732b;
	z-index:3;
	padding-bottom:0;
	margin-bottom:5px;
	
}
.proarea .proSlider{
	
 	padding:0px 50px;
	position:relative;
	 max-width:1600px;
	margin:0 auto;
	z-index:3;
	
	 
	}
.proarea .proSlider:after{
	
	 
	}
.proarea .inbox{
	
	
	position:relative;
	margin-left:0px;
	margin-right:0px;
	 
	transform: scale(.9);
	 
	top:0;
	margin-bottom:30px;
	margin-top:50px;
	transition:top 0.5s ease;
	
	 
	
	
}
.proarea .inbox a{
	
	display:block;
	padding:10px 0 0 0;
	margin: 0 3px;
	text-align:center;
	position:relative;
	height:530px;
	background:#e4e4e4;
	
	 
	overflow:hidden;
	 
	
}
.proarea .inbox:hover {
	 

	
	 
}
.proarea .inbox:hover a{
	
	
}

 
 
.proarea .inbox .imgare_box{
	 height:100%;
	 width:100%;
	  

	 margin:0 auto;
	position:absolute;
	z-index:1;
	
	}
.proarea .inbox .imgare_box.imgA{
	background:url(../image/main_pro01_off.png) no-repeat center bottom;
	background-size:100%;
}
.proarea .inbox .imgare_box.imgB{
	background:url(../image/main_pro02_off.png) no-repeat center bottom;
	background-size:100%;
}
.proarea .inbox .imgare_box.imgC{
	background:url(../image/main_pro03_off.png) no-repeat center bottom;
	background-size:100%;
}
.proarea .inbox .imgare_box.imgD{
	background:url(../image/main_pro04_off.png) no-repeat center bottom;
	background-size:100%;
}
.proarea .inbox .imgare_box.imgE{
	background:url(../image/main_pro05_off.png) no-repeat center bottom;
	background-size:100%;

}
.proarea .inbox .imgare_box.imgF{
	background:url(../image/main_pro06_off.png) no-repeat center bottom;
		background-size:100%;
}

.proarea .inbox .imgare_box.imgG{
	background:url(../image/main_pro07_off.png) no-repeat center bottom;
		background-size:100%;
}


.proarea .inbox .infotxt{
		position:relative;
		z-index:2;
}
.proarea .inbox .txtA{
	
	font-size:33px;
	text-align:center;
	line-height:1.2;
	padding:20px 20px 0 20px;
	color:#000;
	font-family:"GmarketSans",sans-serif;
	
	}
	
.proarea .inbox .moreicon{
	display:none;

	}
 

 /*slick*/
.proSlider  .slick-prev,
.proSlider  .slick-next
{
	
   font-size: 0px;
    
    position: absolute;
    top: 50%;	 

    display: block;
	margin-top:0px;
    width:50px;
    height: 50px;
    padding: 0;

 
    cursor: pointer;
    
    color: transparent;
    border: none;
   outline:none !important;
	z-index:1000;
	
	border-radius:100%;
	
}
 
 
.proSlider .slick-prev
{
     
	 left: 5px;
	 background:url(../image/prev2.png) no-repeat center center;
	 

  }
 
 
.proSlider .slick-next
{
	
   
   right: 5px;
   background:url(../image/next2.png) no-repeat center center;
 	
 	 
}
.proSlider .slick-prev:hover,
.proSlider .slick-prev:focus,
.proSlider .slick-next:hover,
.proSlider .slick-next:focus
{
    color: transparent;
    outline:none !important;
    
}
.proSlider .slick-prev:hover:before,
.proSlider .slick-prev:focus:before,
.proSlider .slick-next:hover:before,
.proSlider  .slick-next:focus:before
{
    opacity: 1;
}
.proSlider  .slick-prev.slick-disabled:before,
.proSlider  .slick-next.slick-disabled:before
{
    opacity: .25;
}

.proSlider .slick-prev:before,
.proSlider  .slick-next:before
{
    
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;
 

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 
.proSlider  .slick-slider *:focus{outline:none !important;} 



 
.proarea .proSlider .inbox.slick-current,
.proarea .proSlider .inbox.slick-center {
  /*background: linear-gradient(45deg, #f69259, #f16975);*/
  padding: 0px 0px;
 
   
transform: scale(1);
transition: transform 0.5s, filter 0.5s, border-color 0.5s;
  
}
.proarea .proSlider .inbox.slick-current a,
.proarea .proSlider .inbox.slick-center a{
margin: 0 10px;
padding:0;
 border:3px solid #0b45ab;

}
.proarea .inbox.slick-current .txtA{color:#0b45ab}


 .proarea .inbox .imgare_box.imgA:hover,
.proarea .inbox.slick-current .imgare_box.imgA{
	background:url(../image/main_pro01_on.png) no-repeat center bottom;
	background-size:100%;
}
 .proarea .inbox .imgare_box.imgB:hover,
.proarea .inbox.slick-current .imgare_box.imgB{
	background:url(../image/main_pro02_on.png) no-repeat center bottom;
	background-size:100%;
}
 .proarea .inbox .imgare_box.imgC:hover,
.proarea .inbox.slick-current .imgare_box.imgC{
	background:url(../image/main_pro03_on.png) no-repeat center bottom;
	background-size:100%;
}
 .proarea .inbox .imgare_box.imgD:hover,
.proarea .inbox.slick-current .imgare_box.imgD{
	background:url(../image/main_pro04_on.png) no-repeat center bottom;
	background-size:100%;
}
 .proarea .inbox .imgare_box.imgE:hover,
.proarea .inbox.slick-current .imgare_box.imgE{
	background:url(../image/main_pro05_on.png) no-repeat center bottom;
	background-size:100%;
}
 .proarea .inbox .imgare_box.imgF:hover,
.proarea .inbox.slick-current .imgare_box.imgF{
	background:url(../image/main_pro06_on.png) no-repeat center bottom;
	background-size:100%;
}
 .proarea .inbox .imgare_box.imgG:hover,
.proarea .inbox.slick-current .imgare_box.imgG{
	background:url(../image/main_pro07_on.png) no-repeat center bottom;
	background-size:100%;
}
 


 .proarea .inbox.slick-current  .moreicon{
	display:block;
	font-size:0;
	text-indent:-9999px;
	width:100%;
	height:25px;
	background:url(../image/arrow.png) no-repeat center 10px;
	}


@media(max-width:1000px){
	.proarea .inbox a{height:450px;}
	.proarea .inbox .txtA{font-size:25px;}


}


@media(max-width:780px){
	.proarea .inbox a{height:500px;}
 
}
@media(max-width:640px){
	.proarea .inbox a{height:450px;}
 
}
@media(max-width:560px){
	.proarea .inbox a{height:400px;}
 
}
@media(max-width:480px){
	.proarea .inbox .txtA{font-size:20px;}
	.proarea .inbox a{height:480px;}
 
}
@media(max-width:400px){

	.proarea .inbox a{height:400px;}
 
}

@media(max-width:340px){

	.proarea .inbox a{height:320px;}
	.proSlider .slick-prev{background-size:40%;}
	.proSlider .slick-next{background-size:40%;}
 
 
}



/*quick*/

.quickare{
	background: url(../image/back_quick0.jpg) no-repeat center center;
	padding:50px 0 120px 0;
}
 .quickbox{
	margin-top:40px;
	background:rgba(13,93,164,.8);
	border-radius:20px 0 20px 0;
	padding:30px 10px;
}
.quickbox:after{
	clear:both;
	content:'';
	display:block;
	position:relative;
	 
}
.quickare h2{color:#fff;text-shadow:  0px 0px 6px #000;}

.quickbox_in{
	width:31%;
	float:left;
	margin-right:1%;
	margin-left:1%;
	position:relative;
	overflow:hidden;
	
	
	}
.quickbox_in:before{
	display:block;
	content:' ';
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:100%;
	background:rgba(255,255,255,.3);
}
.quickbox_in.first:before{background:none;}
.quickbox_in .imgare{
	 position:relative;
	margin-bottom:30px;
	text-align:center;
	 
	
}
.quickbox_in .imgare img{
	max-width:100%;
	 
}
 
.quickbox_in h3{
	color:#fff;
	font-size:24px;
	line-height:1.3;
	margin-top:20px;
	text-align:center;
	font-weight:400;
	letter-spacing:-1px;
}

.quickbox_in .infotxt{
	color:#9ba1b2;
	font-size:16px;
	line-height:1.3;
	margin:10px auto;
	text-align:center;
	max-width:250px;
	padding: 0 5px 0 5px;
	
}


 @media(max-width:1000px){
		.quickbox_in h3{
			font-size:21px;
		}

		.quickbox_in .imgare {
				width:50%;
				margin: 0 auto 20px auto
		}

 }

  @media(max-width:780px){
		.quickbox_in h3{
			font-size:19px;
		}

 }

  @media(max-width:640px){
		.quickare{background: url(../image/back_quick0.jpg) no-repeat center 0;padding:10px 0 60px 0;}
		.quickbox_in{width:98%;}
		.quickbox_in:before{width:100%;height:1px;top:auto;bottom:0; }
		.quickbox_in.first:before{background:rgba(255,255,255,.3);}
		.quickbox_in.last:before{background:none;}
		.quickbox_in .imgare{width:30%;display:inline-block;margin-right:0;}
		.quickbox_in .txtbox{width:68%;display:inline-block;}

		 
		.quickbox_in h3{
			font-size:20px;
			text-align:left;
		}
		.quickbox_in .infotxt{
			font-size:14px;
			max-width:100%;
			text-align:left;
			
		}
		.quickbox_in.last .imgare{padding-top:20px;}

 }

  @media(max-width:420px){
		
 
		 
		.quickbox_in .imgare{
			float:left;
			width:26%;
			margin: 0 2%;
		}
		.quickbox_in .txtbox{
			width:68%;
			margin-left:2%;
			float:left;
		}
		.quickbox_in h3{
			 
			margin-top:10px;
		}
	 

  }
 



.workarea{
	background: #fff;
	padding:50px 0 50px 0;
}  
.workarea .ttitinfo{
	width:20%;
	 position:absolute;
	
}
.workarea .ttitinfo h2{
	color:#000;
	letter-spacing:-1px;
	 
	 
	text-align:center;

}
.workarea .ttitinfo .txt_dec{
	color:#333;
}
.photogalllery{
 width:100%;
 
 position:relative;
}
 


 .listboxB{
	 
	padding-left:20%;
 }

.gallbox{
	float:left;
}
 

 .gallbox a{
	display:block;
	width:95%;
	margin:0 auto 10px auto;
	position:relative;
	background:#fff;	 
	padding:15px;
	
 }
 

.gallbox .photoarea img{width:100%;border:1px solid #ccc;}
.gallbox h4{
	padding:15px 0 5px 0;
	text-align:center;
	line-height:1.3;
	color:#333;
	
	 
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis;

}
 
 .gallbox .work_dec{
	
	text-align:center;
	padding-left:20px;
	color:#7f7f7f;
 }
 

@media(max-width:1000px){
	.workarea .ttitinfo{width:100%;position:relative;}
	.listboxB{padding-left:0%;}

}





.customerlist{
	background: url(../image/back_quick1.jpg) no-repeat center center;
	padding:50px 0 60px 0;
}
 .customerlist_wrap{
	 
}
.customerlist_wrap:after{
	clear:both;
	content:'';
	display:block;
	position:relative;
	 
}
.customerlist_box{
	margin:40px 1%;
	background:rgba(3,167,238,1);
	 
	padding:30px 20px;
	width:23%;
	float:left;
	box-shadow:2px 5px 5px 0px rgba(0, 0, 0, 0.15);
}
.customerlist_box h3{text-align:center;color:#fff;padding:0px 0 20px 0;}
.customerlist_box h3:after{
	display:block;
	content:'';
	position:relative;
	background: #fff;
	height:2px;
	margin-top:10px;
	width:100%;
}

.customerlist_box .dec_txt{
		padding: 5px;
		color:#fff;
		min-height:60px;
		text-align:center;
		line-height:1.1;
}

.customerlist_box .imgarea{
	max-width:100%;
}


@media(max-width:780px){

	.customerlist{padding:30px 0 30px 0;}
	.customerlist_box{padding:10px 10px;}
	.customerlist_box h3{padding:0px 0 10px 0;}

	.customerlist_box .dec_txt{padding: 0px;}
}
@media(max-width:640px){
	.customerlist_box{width:48%;margin:10px 1%;}
}



  #divpop111{
	background:#fff;
	position:absolute;
	right:50px;
	top:95px;
	z-index:101;
	visibility:hidden;
	border:0px solid #fff;
	 
 }
  #divpop222{
	background:#fff;
	position:absolute;
	left:610px;
	top:95px;
	z-index:100;
	visibility:hidden;
	border:0px solid #fff;
	 
 }
 #divpop111 .popbox,
 #divpop111 .popbox{
	background:#fff;
	text-align:center;
	padding-bottom:0px;
	position:relative;
 }
 #divpop111 .popbox img,
 #divpop222 .popbox img{max-width:100%;}

.popuparea .pop-close{text-align:right;padding:5px;background:#333}
.popuparea .pop-close a{color:#f7f7f7;}
 
  
  @media(max-width:1200px){
		.popuparea{	
			position:absolute;
			z-index:100;
		}
		
		#divpop111,
		#divpop222{
				 
				
				margin: 0 auto 30px auto;
				max-width:90%;
				
				
				
				 
		 }
		 #divpop111{
			left:0;
		 }
		  #divpop222{
			left:10%;
			 
		 }
 
 }