@charset "utf-8";
 
  
  .mainContainer{
	 position:relative;width:100%;height:100%;margin:0 auto;
	padding-top:0px; 
	}
   .mainContainer img{width:100%;} 

/**/

  .main h2{
	
	font-size:36px;
	letter-spacing:-2px;
	font-weight:600;
	line-height:1.2;
	position:relative;
	margin-bottom:10px;

}
  .main h2 span{
	display:block;
	font-size:22px; 
	letter-spacing:0px;
	position:relative;
	 
}

.main .ttile{
	display:block;
	text-align:center;
	font-size:18px;
	line-height:1.2;
	margin-bottom:20px;
	 
}
 

/*제품바로가기*/

 .proarea{
	clear:both;	
	background:#fff;
	padding:20px 0px; 
}
 .proarea h2{
		color:#163c9f;	
		line-height:1.2;
		margin-bottom:30px;
		text-align:center;
		font-weight:900;
 }
 .proarea h2 span{color:#000;font-weight:400;}
 

.proarea .listbox{
	padding: 0 0px;

 }

 
.probox{
  	margin:0 0 50px 0;
	padding-top:30%;

 }
.probox.bgA{background:url(/mobile/image/back_pro01.jpg) no-repeat 0 0;background-size:100%;}
.probox.bgB{background:url(/mobile/image/back_pro03.jpg) no-repeat 0 0;background-size:100%;}
.probox.bgC{background:url(/mobile/image/back_pro02.jpg) no-repeat 0 0;background-size:100%;}
.probox.bgD{background:url(/mobile/image/back_pro04.jpg) no-repeat 0 0;background-size:100%;}
.probox.bgE{background:url(/mobile/image/back_pro05.jpg) no-repeat 0 0;background-size:100%;}
.probox.bgF{background:url(/mobile/image/back_pro06.jpg) no-repeat 0 0;background-size:100%;}




.probox  .probox_in{
    	background:#fff; 
		position:relative;
		display:block;
		margin:0px auto;
		width:90%;
	    padding:5px 10px 30px 10px;
		border-radius:10px;
		box-shadow:0px 0px 15px  rgba(0,0,0,.2);
		max-width:400px;
 	 
 }
   
 .probox  .probox_in .numtxt{
	display:block;
	text-align:center;
	margin-bottom:10px;

 }
  .probox  .probox_in .numtxt:after{
		display:block;
		content:'';
		position:relative;
		margin:0 auto;
		background:#1fc9d4;
		width:25px;
		height:2px;
  }

  .probox  .probox_in h3{
		text-align:center;
		font-size:25px;
		margin-bottom:15px;
		letter-spacing:-1px;
		line-height:1.2;
		font-weight:600;
  }
 
   .probox .prolist{
		display:inline-block;
		width:100%;
		vertical-align:middle;
		line-height:1.3;
		text-align:center;
		margin-bottom:20px;
   }
   .probox .photoarea{
		display:inline-block;
		width:100%;
		text-align:center;
		vertical-align:middle;
   }

   .probox .linkarea{
		text-align:center;
		position:relative;
   }
  

	   .linkarea a{
	display:inline-block;
	margin: 10px auto 0 auto;
	padding:5px 0px 5px 25px;
	 border-radius:20px;
	 border: 1px solid #1064ff;
	 color:#fff;
	 font-size:100%;
	 width:140px;  
	 text-align:left;
	 background:rgba(16,100,255,1);
	 background-image: linear-gradient(to left,
    transparent,
    transparent 50%,
    rgba(16,100,255,.3) 50%,
    rgba(16,100,255,.3));
  background-position: 100% 0px;
    background-size: 200% 100%;
	 transition: all .25s ease-in;
}
 .linkarea a:hover{
	 border: 1px solid #fb3b4e;
	 background-position: 0 0;
	  background-image: linear-gradient(to left,
		transparent,
		transparent 50%,
		rgba(251,59,78,1) 50%,
		rgba(251,59,78,1));

}

a.more_linke{
  	 position:relative;

}
a.more_linke span.arrow{
 position:absolute;
  top:20px;
  display: block;
   width: 15px;
	right:15px;
   height: 13px;
   border-left: 1px solid #fff;
  z-index:2;
   transform: rotate(135deg);
}

 
a.more_linke span.arrow:after {
	  content: "";
	  display: block;
	  width: 1px;
	  height: 30px;
	  background-color: #fff;
	  transform: rotate(-45deg) translate(9px, 5px);
	  left: 0;
	  top: 0;
}


/**/
.quickarea{
	background:#f2f2f2;
	padding:20px;
}

.customercenter{
	position:relative;
	width:100%;
	margin: 0 auto;
	background:#163c9f;
	border-radius:10px;
	overflow:hidden;
	box-shadow:0px 0px 10px  rgba(0,0,0,.1);

}
.customercenter h2{
	color:#fff;
	text-align:center;
	padding:10px 0 0 0;
	font-size:25px;
	line-height:1.2;
}

.customercenter_in{
	background:#fff;
	width:100%;

}


.customercenter_in .bon_info{
	padding:10px 10px 30px 10px;
	margin:0 auto 0px auto;
	position:relative;
	display:block;
	width:98%;
	 
}

.customercenter_in .bon_info dl{
 	margin:0 auto 10px auto;
	position:relative;
	display:block;
	width:100%;
	

}
.customercenter_in .bon_info dl:after{
	clear:both;
	content:'';
	 
	display:block;
	position:relative;
}

.customercenter_in .bon_info dl dt{
	display:inline-block;
	width:90px;
	vertical-align:middle;

}
.customercenter_in .bon_info dl dt img{max-width:30px;margin-right:10px;vertical-align:middle;}
.customercenter_in .bon_info dl dd{
	display:inline-block;
	vertical-align:middle;
	width: calc(100% - 100px);
	line-height:1.2; 
	font-size:110%;
	color:#163c9f;
	letter-spacing:0px; 
	font-weight:500;
}
.customercenter_in .bon_info dl dd a{color:#163c9f;font-family:'Roboto',sans-serif;font-weight:500;}

.customercenter_in .bon_info dl dd span{
	display:block;
	font-family:'Roboto',sans-serif;
	font-weight:500;
	font-size:140%;
	

}


/**/
.quickpart{
	margin-top:20px;
}

.quickpart:after{
	clear:both;
	display:block;
	content:'';
	position:relative;
}
.quickpart .quickbox{
	float:left;
	width:50%;
	margin-bottom:2%;
}
.quickpart .quickbox a{
	position:relative;
	width:97%;
	margin: 0 auto;
	display:block;
	padding:10px;
	text-align:center;
	border-radius:5px;
	box-shadow:0px 0px 5px  rgba(0,0,0,.1);

}
.quickpart .quickbox.bg_b a{
	background:#44adf1;
	color:#fff;
}
.quickpart .quickbox.bg_w a{
	background:#fff;
	color:#000;
}

.quickpart .quickbox a img{
	vertical-align:middle;
	display:inline-block;
	width:30%;
	max-width:100%;
}
.quickpart .quickbox a span{
	display:inline-block;
	width:69%;
	line-height:1.2;
}