﻿      @import url("common.css");

/** 메인 비주얼 **/	
#visual{ height:500px;  width:100%; background:url(../../images/main01.jpg);  }
.mainVisual{position:relative;  height:500px; width:1200px; margin:0 auto;  background:url(../../images/main001.png) }

.move_img2{position:absolute;top:30px;left:0px}
.move_img{opacity:0;position:absolute;top:30px;left:0px}

.move_txt{opacity:0;margin-left:-125px;position:absolute;top:100px;left:500px}
      .move_txt  p.stit{display:block; font-size:25px; font-weight:700;  letter-spacing:-1.0pt; color:#FFF; letter-spacing:0.2pt; line-height:100%; padding:10px 20px;left:-2px; background:#000}
      .move_txt  p.tit{color:#333; font-size:22px; ;    background:url('images/txt_bar.png') bottom left no-repeat;   padding-left:25px;   padding-top:25px; font-weight:700; letter-spacing:-0.5pt;}
      .move_txt span {display:block; font-size:18px; line-height:23px;  font-weight:700;  color:#004790; padding-top:10px;  padding-left:25px;  letter-spacing:-0.5pt;}


	.mainVisual .visualBg .text p.stit {color:#f5f4f4; font-size:26px; line-height:26px; padding-bottom:25px; font-weight:700;  letter-spacing:-0.5pt;}
	.mainVisual .visualBg .text p.tit {color:#fff; font-size:60px; line-height:60px; height:60px;   background:url('/../../images/txt_bar.png') bottom left no-repeat;     padding-bottom:25px; font-weight:700; letter-spacing:-0.5pt;}

	.mainVisual .visualBg .text span {display:block; font-size:23px; line-height:23px;  font-weight:700;  color:#fff; padding-top:20px; letter-spacing:-0.5pt;}



#contents{position:relative; overflow:hidden; width:1200px; margin:30px auto; background:#fff;}
	


.product_area {position:relative; border:1px solid #ddd; overflow:hidden;  float:left; width:640px; height:202px; background:#f5f5f5; border:1px solid #ddd; padding:20px 5px; margin-right:15px; margin-bottom:20px } 
.product_area h2{color:#333; padding-bottom:15px; font-weight:600; letter-spacing:-0.5pt;  padding-left:15px; font-size:17px; font-family:'Nanum Gothic', 나눔고딕, NG, Tahoma, Geneva, sans-serif;}







  .customer_area  {position:relative; overflow:hidden;  float:left; width:220px; margin-right:15px;  height:202px; background:#f5f5f5;padding:20px 10px; border:1px solid #ddd;} 
.customer_area h2 {color:#333; padding-bottom:5px; font-weight:600; letter-spacing:-0.5pt;  font-size:17px; font-family:'Nanum Gothic', 나눔고딕, NG, Tahoma, Geneva, sans-serif;}
.customer_area span{}
   .cont3_center .cs_in{ padding:5px 0 0px 0px}
 .cs_in{ padding:5px 0 0px 0px}
	    	.cs_in p.number{font-size:30px; color:#004790; line-height:35px; font-weight:700; padding:10px 0 5px 0px;  letter-spacing:-0.5pt;}
			.cs_in .cs_info{position:relative; overflow:hidden ; letter-spacing:-0.5pt; }
			.cs_in .point_txt01{color:#333; font-weight:600; font-size:22px; letter-spacing:-0.25pt;}
			.cs_in .point_txt02{color:#333; font-weight:600; font-size:14px; letter-spacing:0.5pt; padding-top:5px}
			.cs_in p{color:#777;  font-size:12px; color:#333; font-weight:400;}






			

.company_area {font-size:12px;}
.company_area .comIn{float:left; border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px dashed #ddd; 
	width:116px; height:190px; background:#fff;padding:25px 10px; background:url('../../images/about_icon.gif') 10px 150px no-repeat;}
.company_area .comIn h2{padding-bottom:3px; color:#333; padding-bottom:10px; font-weight:600; letter-spacing:-0.5pt;  font-size:17px;}
.company_area .comIn span.more{position:relative; top:15px; padding-right:10px; background:url('../../images/more.gif') right 5px no-repeat; font-size:12px;}

.company_area .onIn{float:left; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; 
	width:116px; height:190px; background:#fff;padding:25px 10px;  background:url('../../images/online_icon.gif') 10px 150px no-repeat;}
.company_area .onIn h2{padding-bottom:3px; color:#333; padding-bottom:10px; font-weight:600; letter-spacing:-0.5pt;  font-size:17px;}
.company_area .onIn span.more{position:relative; top:15px; padding-right:10px; background:url('../../images/more.gif') right 5px no-repeat; font-size:12px;}



 
