@charset "utf-8";
	
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 ******************************************************** */



 


 
 /*////////////////////////////////////////////////////////////////////product////////////////////*/

 #main_product{
	background: #ebebec url(../image/back_product.jpg) no-repeat 0 0;
	 position:relative;
 }

 #main_product:after{
	clear:both;
	content:'';
	
}

 #main_product h2{
	color:#fff;
	text-align:center;
	font-size:55px;
	padding:70px 0 10px 0;
	line-height:1;
	
}
@media(max-width:1000px){
	 #main_product h2{
		font-size:45px;
	 }
}

@media(max-width:640px){
	 #main_product h2{
		font-size:35px;
		padding:50px 0 10px 0;
	 }
}
 #main_product .infotxt{
	color:#fff;
	text-align:center;
	font-size:25px;
	padding:0px 0 30px 0;
	
}
@media(max-width:640px){
	 #main_product .infotxt{
		font-size:18px;
		 
	 }
}
 .main_product_box{
	width:90%;
	margin: 0 auto;
	text-align:center;
	
}

 .main_product_box:after{
	clear:both;
	content:'';
	
}
@media(max-width:1500px){

	 .main_product_box{
		width:100%;
	 }
	 
 }

.main_pro_content{
	display:inline-block;
	width:20%;
	margin-bottom:50px;
	vertical-align:top;
	position:relative;
	 }
@media(max-width:1600px){

	.main_pro_content{
		width:23%;
	 }
	 
 }

 @media(max-width:640px){
	.main_pro_content{
		width:31%;
		margin-bottom:20px;
	}

 }

 @media(max-width:480px){
	.main_pro_content{
		width:48%;
		 
	}

 }


.main_pro_content a{
	
	display:block;
	width:90%;
	margin:0 auto;
	background:#fff;
	border-radius:10px;
	padding:20px 0;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),0 5px 15px 0 rgba(0,0,0,0.08);
    -moz-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),0 5px 15px 0 rgba(0,0,0,0.08);
	box-shadow: 0 15px 30px 0 rgba(0,0,0,0.31),0 5px 15px 0 rgba(0,0,0,0.08);
	
}


.main_pro_content .pro_img{
	text-align:center;
	
}

.main_pro_content .pro_img img{
	width:100%;
	max-width:215px;
}

.main_pro_content p{
	text-align:center;
	font-size:17px;
	line-height:18px;
}

 .main_pro_content a:hover p{
	color:#e86a41;
	font-size:18px;
	
}

 
.moreview{
	
	position:absolute;
 	top:0px;
 	left:0px;
 	width:100%;
 	height:100%;
 	visibility:hidden;
 	opacity:0;
	filter:Alpha(opacity=0);	
 	z-index:1;	  
	box-sizing:border-box;
  	-webkit-transition:all 0.4s;	
	-moz-transition:all 0.4s;	
	-o-transition:all 0.4s;	
	-ms-transition:all 0.4s;	
	transition:all 0.4s;
}

 .moreview img{
	
	position:absolute;
	 top:50%;
	 left:50%;
	 margin:-42px 0 0 -42px;
	transform:rotate(-45deg) scale(0.7);
	-moz-transform:rotate(-45deg) scale(0.7);
	 opacity:0;
	filter:Alpha(opacity=0);
	-webkit-transition:all 0.4s 0.1s;
	-moz-transition:all 0.4s 0.1s;
	-o-transition:all 0.4s 0.1s;
	-ms-transition:all 0.4s 0.1s;
	transition:all 0.4s 0.1s;
	
}

@media(max-width:1000px){

 .moreview img{
	width:50px;
	 margin:-25px 0 0 -25px;
 }
 
 }


.main_pro_content a:hover .moreview{
	visibility:visible;
	 opacity:1.0;
	filter:Alpha(opacity=100);
	
}

.main_pro_content a:hover .moreview img{
	transform:rotate(0deg) scale(1.0);
	-moz-transform:rotate(0deg) scale(1.0);
	opacity:1.0;
	filter:Alpha(opacity=100);
	
}


 /*////////////////////////////////////////////////////////////////////customer////////////////////*/

 .customerarea{
	background: #fff;
	padding-bottom:50px;
	  }

 .customerarea:after{
	clear:both;
	content:'';
	
}

 .customerarea h2{
	color:#000;
	text-align:center;
	font-size:55px;
	padding:70px 0 10px 0;
	line-height:1;
	letter-spacing:-3px;
	
}


@media(max-width:1000px){
	  .customerarea h2{
		font-size:45px;
	 }
}

@media(max-width:640px){
	  .customerarea h2{
		font-size:35px;
		padding:50px 0 10px 0;
	 }
}



 .customerarea .infotxt{
	color:#898989;
	text-align:center;
	font-size:18px;
	padding:0px 0 50px 0;
	
}

 .customerarea_in{
	
	width:90%;
	margin: 0 auto;
	text-align:center;
	
}

@media(max-width:1600px){
	.customerarea_in{
		width:100%;
	}
}

 .customerarea_in:after{
	clear:both;
	content:'';
	
}


.main_customer_content{
	display:inline-block;
	width:20%;
	margin-bottom:50px;
	vertical-align:top;
	}


@media(max-width:1400px){
	.main_customer_content{
	width:23%;
	}
}

@media(max-width:640px){
	.main_customer_content{
	width:48%;
	}
}

@media(max-width:480px){
.main_customer_content{
	width:98%;
	margin-bottom:20px;
	}

}

.main_customer_content a{
	
	display:block;
	width:90%;
	margin:0 auto;
	background:#fff;
	border-radius:10px;
	padding:0px 0;
	overflow:hidden;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.21),0 5px 15px 0 rgba(0,0,0,0.08);
    -moz-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.21),0 5px 15px 0 rgba(0,0,0,0.08);
	box-shadow: 0 15px 30px 0 rgba(0,0,0,0.21),0 5px 15px 0 rgba(0,0,0,0.08);
	
}


.main_customer_content .customer_img{
	text-align:center;
	
}

.main_customer_content .customer_img img{
	width:100%;
	overflow:hidden;
	
}

@media(max-width:480px){
	.main_customer_content .customer_img{
	width:50%;
	float:left;
	}
}

.main_customer_content .txtarea{

}

@media(max-width:480px){
	.main_customer_content .txtarea{
		float:left;
		width:50%;
	}
}
.main_customer_content h3{
	font-size:25px;
	margin-top:20px;
	letter-spacing:-2px;
	font-family:'NanumSquareR', sans-serif;

}
@media(max-width:1000px){
	.main_customer_content h3{
		font-size:19px;
 
	}
 
 }
 @media(max-width:480px){
	 .main_customer_content h3{
 	margin-top:10px;
	}
}

.main_customer_content p{
	font-family:'NanumSquareR', sans-serif;
	text-align:center;
	font-size:16px;
	min-height:50px;
	padding:30px 40px;
	background: url(../image/icon_arrow.png) no-repeat center bottom;
	margin-bottom:30px
}

@media(max-width:1300px){

	.main_customer_content p{
		padding:20px 10px;
	}
 }

 @media(max-width:480px){
	.main_customer_content p{
		text-align:left;
		padding-top:10px;
		padding-bottom:15px;
		margin-bottom:0px
		 
	}
 }

  /*////////////////////////////////////////////////////////////////////goldrich////////////////////*/

 .goldrich{
	background: #fff url(../image/back_goldrich.jpg) no-repeat 0 0;
	 padding-bottom:80px;
 }
@media(max-width:600px){

	 .goldrich{
		padding-bottom:30px;
	 }
 
 }

 .goldrich_in{
	width:90%;
	margin: 20px auto;
	text-align:center;
	padding-top:70px;
	
}

@media(max-width:600px){

	  .goldrich_in{
		padding-top:30px;
	 }
 
 }


 .goldrich_in span{
	display:block;
	width:100px;
	 padding:5px 20px;
	background:#1c1c36;
	margin:30px auto 20px auto;
	color:#fff;
	
}

 .goldrich_in .tit_logo img{
	width:100%;
	max-width:489px;
}

@media(max-width:1000px){
	.goldrich_in .tit_logo img{
		width:70%;
 	}
 }

 .goldrich_in .b_tit{
	color:#fff;
	 max-width:600px;
	font-size:35px;
	margin:40px auto;
	line-height:1.3;
}

@media(max-width:1000px){

	 .goldrich_in .b_tit{
 		font-size:25px;
		 
	}
 
 }


 .goldrich_in .s_info{
	color:#fff;
	 max-width:500px;
	font-size:16px;
	margin:20px auto;
	line-height:1.3;
	padding-bottom:50px;
	
}


  
 
 /*////////////////////////////////////////////////////////////////////partner////////////////////*/

 .partner{
	background: #fff;
	padding-bottom:50px;
}

 .partner:after{
	clear:both;
	content:'';
	
}

 .partner h2{
	color:#000;
	text-align:center;
	font-size:50px;
	padding:70px 0 15px 0;
	line-height:1;
	letter-spacing:-2px;
	
}

@media(max-width:1000px){
	  .partner h2{
		font-size:45px;
	 }
}

@media(max-width:640px){
	  .partner h2{
		font-size:35px;
		padding:10px 0 10px 0;
	 }
}


 .partner span.line{
	display:block;
	width:100px;
	height:1px;
	background:#7f7f7f;
	margin:0 auto 50px auto;
}

 .partner_in{
	width:90%;
	margin: 20px auto;
	text-align:center;
	
}

 .partner_in:after{
	clear:both;
	content:'';
	
}

@media(max-width:1300px){
	
	 .partner_in{
		width:100%;
	 }
 
 }


.main_partner_content ul li{
	display:inline-block;
	width:13%;
	margin-bottom:30px;
	vertical-align:middle;
 }

@media(max-width:1200px){
	
	.main_partner_content ul li{
		width:18%;
	}
}

@media(max-width:480px){
	.main_partner_content ul li{
		width:23%;
		margin-bottom:10px;
	}
}

.main_partner_content ul li img{
	width:100%;
	max-width:140px;
-webkit-filter: grayscale(100%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%);
  -o-transition: .5s ease-in-out;
 }

.main_partner_content ul li img:hover{

	-webkit-filter: grayscale(0%);
   -webkit-transition: .5s ease-in-out;
   -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
   -o-filter: grayscale(0%);
   -o-transition: .5s ease-in-out;
}