@charset "utf-8";
 
   
 .main_wrap{
 		width:90%;
		max-width:1500px;
		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-size:75px;
	letter-spacing:-1px;
	font-weight:600;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	 
	 
	

}
.main h2 span{display:block;}
.main h2 strong{font-size:110%; font-weight:900;display:block;}

.main h3{
 	font-size:300%;
	letter-spacing:-2px;
	font-weight:600;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
.main h4{
	 
	font-size:200%;
	letter-spacing:-2px;
	font-weight:600;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
 
  @media(max-width:1400px){
	 .main_wrap{
			width:98%;
	 }

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

	  #mainimgContent{
		height:650px;
	  }
	.main h2{
		font-size:40px;
		letter-spacing:-1px;
	}
	.main h3{
		font-size:190%;
	}
	.main h4{
		font-size:150%;
	}

	 
}

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

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

 
}

@media(max-width:640px){
	.main h3{
		font-size:170%;
	}
	.main h4{
		font-size:120%;
	}
 
	
}



/*공통타이틀*/
	.ttitinfo{width:98%;position:relative;margin:0 auto;}
	.ttitinfo .s_txt{font-size:130%;position:relative;display:block;margin-bottom:10px;line-height:1.1;}
 
	 
	.ttitinfo h3{}
	
	.ttitinfo  h3 strong{display:inline;font-weight:500;}
	.ttitinfo .txt_dec{display:block;margin:15px 0;font-size:110%;max-width:400px;font-weight:400;}





  .link_more{
	text-align:center;
  }
  a .link_more div,
  .link_more div,
   .link_more a{
		display:inline-block;
		 margin:0 auto;
		font-size:80%;
		line-height:2;
		 background: rgba(0,0,0,.0);
		padding:3px 3px 3px 10px;
		border-radius:30px; 
		transition: 0.4s;
		border: 1px solid rgba(255,255,255,.6);
	    
		
  }
  a:hover .link_more div,
   .link_more div:hover,
   .link_more a:hover{
		 transition: 0.4s;
		 background: rgba(0,0,0,.1);
		 
	    
		
  }
  .icon_more span,
   .link_more div span,
   .link_more a span{
	 width:40px;
	height:40px;
	border-radius:50%;
	 vertical-align:middle;
	display:inline-block;
	background:#ff0000;
	margin-left:10px;
  }
   .icon_more span i,
   .link_more div span i,
   .link_more a span i{
		display:flex; 
	 justify-content:center;	 
	 align-items:center;
	 text-align:center;
	width:100%;
	height:100%;
	rotate: 135deg;
	font-size:18px;
	color:#fff;
	}



/**/
.productarea{				 
		
		position:relative;
		padding:90px 0 200px 0;
		background: linear-gradient(180deg,rgba(255,0,0,1) 60%, #fff 40%);
  
} 
 
.productarea .main_wrap{
	background: url(/image/bland_logo.png) no-repeat center 0;
	 
}
.productarea  .probox{
		padding-top:150px;

}
.productarea  .probox .imgarea{
	margin: 0 auto;
	text-align:center;	 
	
}
.productarea  .probox .imgarea span{
	display:inline-block;
	text-align:center;	 
	overflow:hidden;

	 
}
.productarea  .probox a .imgarea  img{
-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;

}
.productarea  .probox  a:hover .imgarea img{
	-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;
}
.productarea  .probox .business_part{
		text-align:center;	 
}
.productarea  .probox .business_part{
		text-align:center;	 
		font-size:150%;
		font-weight:700;
}

@media(max-width:1000px){
	
	.productarea{		
		padding:80px 0 80px 0;
	}
	.productarea .main_wrap{
			background-size:100%;
			 
		}
 }


 /**/
 .quickarea{				 
	 
	position:relative;
	background: url(/image/back_quick.jpg) no-repeat   center 0; 
	background-size:cover;
	background-color:#021133;
	padding-top:120px;
	padding-bottom:120px;
	z-index:1;
	margin:0;
		 
 
} 

.quickarea:after{
	clear:both;
	display:block;
	content:'';
}
.quickarea .ttitinfo .s_txt{
	color:#ff0000;
}
 .quickarea .ttitinfo h3{
		color:#fff;
 }
  .quickarea .ttitinfo h3 span{
	 
  }
 .quickarea .ttitinfo{
	width:400px;
	display:inline-block;
	vertical-align:top;
 }
 .quickarea .quickcon{
	width: calc(100% - 410px);
	display:inline-block;
	padding-left:80px;
	vertical-align:top;
	padding-top:80px;
	text-align:center;
 
 }
  .quickarea .quickcon .quickcon_box{
	margin:10px 2%;
	background: rgba(2,17,51,.1);
	-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
	min-height:500px;
	
	border:1px solid #fff;
	border-radius:10px;
	overflow:hidden;
	width:45%;
	max-width:400px;
	display:inline-block;
	vertical-align:top;
  }
  .quickarea .quickcon .quickcon_box.bgA{
	background: url(/image/back_quick1.jpg) no-repeat   center center; 
	background-size:cover;
  }
   .quickarea .quickcon .quickcon_box.bgB{
	background: url(/image/back_quick2.jpg) no-repeat   center center; 
	background-size:cover;
	margin-top:90px;
  }
   .quickarea .quickcon .quickcon_box a{
		width:100%;
		
		height:100%;
		position:relative;
   }
   .quickarea .quickcon .quickcon_box  .txtarea{
		position:relative;
		color:#fff;
		padding:60px;
		margin:0;
		 
   }
      .quickarea .quickcon .quickcon_box h4{
			text-align:left;
	  }

	   .quickarea .quickcon .quickcon_box .desc{
			opacity:.6;	 
			text-align:left;
	  }


@media(max-width:1300px){
	 .quickarea .ttitinfo{
			width:300px;
	 }
	  .quickarea .quickcon{
		width: calc(100% - 310px);
	}
	 .quickarea .quickcon .quickcon_box  .txtarea{
			padding:30px;
	 }
 }

 @media(max-width:1000px){
	 .quickarea .ttitinfo{
			width:100%;
			display:block;
			 
	 }
	 .quickarea .ttitinfo .s_txt{
		text-align:center;
	 }
	 .quickarea .ttitinfo h3{
		text-align:center;
	 }
	 .quickarea .ttitinfo h3 span{
		display:inline;
		text-align:center;
	 }
	  .quickarea .quickcon{
		width:100%;
		display:block;
		margin-top: 0px;
		padding-left:0px;
		padding-top:20px;
		
	}
	  .quickarea .quickcon .quickcon_box{
			min-height:350px;
	  }
	.quickarea .quickcon .quickcon_box.bgA,
	  .quickarea .quickcon .quickcon_box.bgB{
		margin-top:0px;
	 }
 }
@media(max-width:460px){
	 .quickarea .quickcon .quickcon_box{
			min-height:250px;
			width:90%;
			 margin:10px 5%;
	  }

	    .quickarea .quickcon .quickcon_box.bgA{
			background: url(/image/back_quick1.jpg) no-repeat   center 40%; 
			background-size:100%;
		  }
		   .quickarea .quickcon .quickcon_box.bgB{
			background: url(/image/back_quick2.jpg) no-repeat   center center; 
			background-size:cover;
			 
		  }

}


 /**/
 .aboutarea{				 
	 
	position:relative;
	background: url(/image/back_about.jpg) no-repeat   center 0; 
	background-size:cover; 
	padding-top:80px;
	padding-bottom:120px;
	
	z-index:1;
	margin:0;
	
		 
 
} 

.quickarea:after{
	clear:both;
	display:block;
	content:'';
}
 .aboutarea .ttitinfo{	
	color:#fff;
	text-align:center;
	margin:0 auto;
	min-height:400px;
	max-width:800px;
 }
  .aboutarea .ttitinfo h3 span{	
	display:block;
  }
  .aboutarea .ttitinfo .t_desc{
		font-size:120%;
		font-weight:400;
		opacity:.8;
		margin-top:30px;
  }
  .aboutarea .ttitinfo .t_desc span{
	display:block;
  }

 .aboutarea a{
		color:#fff;
		
 }
  .aboutarea a .link_more{
		margin-top:30px;
}


@media(max-width:1000px){

  .aboutarea .ttitinfo .t_desc span{
	display:inline-block;
  }

}



  
 #POPUPBOX{
	position:absolute;
	left:50px;
	top:110px;
	z-index:3;
	max-width:100%;
 }
 #divpop111{
	background:#fff;
	position:relative;
	display:inline-block;
	left:0;
	top:0px;
	z-index:3;
	visibility:hidden;
	border:0px solid #fff;
	max-width:100%;
	 
 }
  #divpop222{
	display:inline-block;
	margin-top:10px;
	background:#fff;
	position:relative;
	left:0;
	top:0px;
	z-index:3;
	visibility:hidden;
	border:0px solid #fff;
	max-width:100%;
	 
 }
 #divpop111 .popbox,
 #divpop111 .popbox{
	background:#fff;
	text-align:center;
	padding-bottom:0px;
	position:relative;
 }
 #divpop111 .popbox img,
 #divpop222 .popbox img{display:block;max-width:100%;}

.popuparea .pop-close{text-align:right;padding:5px;background:#333}
.popuparea .pop-close a{color:#f7f7f7;}
 
  
@media(max-width:900px){

	#POPUPBOX{
		position:absolute;
		left:0;
	 }
}