﻿
/* 레이아웃 */
#wrap {width:100%; height:100%; min-width:1200px}

/* 메뉴 */




.menubg {width: 100%; height: 85px;  border-top:#0076e4 4px solid;  border-bottom:#ccc 1px solid;}
.menu {width: 1050px; margin: 0 auto;height: 85px; min-width:1150px}


/* 메뉴 */






.maintop {width: 100%; 	height: 450px;  border-bottom:#CCC solid  2px; background:#000 url(../images/mbg.jpg)top center repeat-x }
.mainfla{position:relative;  height:450px; width:1200px; margin:0 auto;  background:url(../images/main.png) 0 bottom repeat-x;}
.move_img{opacity:0;margin-left:-25px;position:absolute;top:50px;left:630px}


.move_txt{opacity:0;margin-left:-25px;position:absolute;top:80px;left:0px; z-index:999}


.mainfla .tel{position:absolute;bottom:0px;right:0px}



#contents_m{ width:1200px;  padding:10px 0 10px 0; margin:0 auto;  overflow:hidden; position:relative; }
#contents{ width:1200px;  padding:0px 0 10px 0; margin:0 auto;  overflow:hidden; position:relative; background: url(../../images/leftline.jpg) repeat-y}
.contents1{position:relative;  width:1200px; height:180px; margin:20px auto 30px  auto;  }
	

	
	                           
	
	.product{position:relative;float:left;width:1200px;height:225px; }
	 .product h1{ position:relative; font-size:18px; height:30px; color:#333; background:url(../images/bar.png) top left  no-repeat;  font-weight:600; letter-spacing:-0.7pt; padding:5px 0px 5px 0px;}
	 
	 
	 

	

/* #contents_m{position:relative;  width:100%;  padding:30px 0 30px 0;  } */
.contents2{position:relative;  width:1200px; height:155px; margin:30px auto;  }	
 
 
 .noticemain{position:relative;float:left;width:340px;height:135px; padding:10px 0 0px 0px;  background:url(../images/bar.png) top left  no-repeat; margin-right:5px   }
 .noticemain h1{ position:relative; font-size:18px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:0px 0px 5px 0px;}
 
 
 

 
 
 .setmain3{position:relative;float:left;width:170px;height:135px; padding:10px 0 0px 10px; border:#CCC solid 1px; margin-right:5px; background:url(../images/ic01.jpg) right  bottom  no-repeat;  }
 .setmain3 h1{ position:relative; font-size:18px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 5px 0px;}
 .setmain3 p{display:block; font-size:11px;}
 .setmain3 p.cs_i {float:left; height:110px;  padding-top:5px;}
 .setmain3 p.cs_n {padding-bottom:10px;}	
 .setmain3 .imgab{position:absolute; right:10px; bottom:20px;}
 .setmain3 .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:30px;margin-top:15px;}
 .setmain3 .mT20{margin-top:20px;}
 
 
 .setmain2{position:relative;float:left;width:170px;height:135px; padding:10px 0 0px 10px; border:#CCC solid 1px; margin-right:5px; background:url(../images/ic02.jpg) right  bottom  no-repeat;  }
 .setmain2 h1{ position:relative; font-size:18px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 5px 0px;}
 .setmain2 p{display:block; font-size:11px;}
 .setmain2 p.cs_i {float:left; height:110px;  padding-top:5px;}
 .setmain2 p.cs_n {padding-bottom:10px;}	
 .setmain2 .imgab{position:absolute; right:10px; bottom:20px;}
 .setmain2 .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:30px;margin-top:15px;}
 .setmain2 .mT20{margin-top:20px;}
 
  .setmain4{position:relative;float:left;width:175px;height:135px; padding:10px 0 0px 10px; border:#CCC solid 1px; margin-right:5px; background:url(../images/ic03.jpg) right  bottom  no-repeat;  }
 .setmain4 h1{ position:relative; font-size:18px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 5px 0px;}
 .setmain4 p{display:block; font-size:11px;}
 .setmain4 p.cs_i {float:left; height:110px;  padding-top:5px;}
 .setmain4 p.cs_n {padding-bottom:10px;}	
 .setmain4 .imgab{position:absolute; right:10px; bottom:20px;}
 .setmain4 .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:30px;margin-top:15px;}
 .setmain4 .mT20{margin-top:20px;}
 
 
  
 .setmain5{position:relative;float:left;width:270px;height:135px; padding:10px 0 0px 10px; border:#CCC solid 1px;  background:url(../images/ic04.jpg)   right  bottom  no-repeat;  }
 .setmain5 h1{ position:relative; font-size:18px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 5px 0px;}
 .setmain5 p{display:block; font-size:11px;}
 .setmain5 p.cs_t {padding-bottom:5px; font-size:25px; color:#0076e4; font-weight:600; padding:5px 0px 5px 10px;}
 .setmain5 p.cs_f { font-size:18px; color:#333; font-weight:600; padding:5px 0px 5px 10px;}		
 .setmain5 p.cs_e { font-size:15px; color:#333; font-weight:600; padding:0px 0px 0px 10px;}
 



/** 서브 */

/* 서브플래시 */
.subtop {width: 100%;  height: 240px;  border-bottom:#CCC solid  2px; background:#000 url(../../images/mbg.jpg)bottom center repeat-x}
.subfla { position:relative; width: 1200px; height: 240px;  margin: 0px auto;   background:url(../images/main.png) 0 bottom repeat-x}
.smove_img{opacity:0;margin-top:-25px;position:absolute;top:0px;left:0px}






.smove_txt{opacity:0;margin-left:-25px;position:absolute;top:53px;left:0px; z-index:999}



/* 서브플래시 */

.subcontent {width: 960px; padding-left:25px; position:relative;   float:left;  }

/* 좌측메뉴 */
.lnb { float:left; width:210px; position:relative; margin-top:0px   }
.lnb h3 { padding:30px 0 30px 15px; font-size:28px; color:#fff; background:#0076e4; font-weight:600 }
.lnb h3 p.stit{color:#fff; font-weight:100; font-size:12px; font-weight:600; letter-spacing:0.3pt;  margin-bottom:10px;  }
.lnb ul {  margin-bottom:20px }
.lnb li { border-bottom:1px solid #fff;  position:relative;  letter-spacing:0.3pt;  }

/* 텍스트 메뉴 */
.lnb li a {  padding:10px 10px;  display:block; color:#333; font-size:14px;  font-weight:600;  border-bottom:1px solid #ccc;  }
.lnb li:hover a, .lnb li.active a { color:#333; padding:10px 10px; font-size:14px;  font-weight:600;  background: #fafafa url('../images/nextBtn.gif') 190px 16px no-repeat;}



	/*depth_3*/
	.lnb ol.depth_3{ color:#333;  background: #eee; border-bottom:1px solid #ddd;   padding:10px 0 0px 10px;}
	.depth_3 dd a:link, .depth_3 dd a:visited{display:block; color:#333; font-size:13px; height:30px; background: #eee url('../../images/dot.gif') 0 8px no-repeat !important; padding-left:8px;}

	.depth_3 dt.ssb a:link, .depth_3 dt.ssb a:visited{padding-left:15px; display:block; color:#333; font-size:12px; height:25px; }

		.depth_3 dd a:hover{display:block; color:#333;}
		.depth_linktop{color:#fff !important; }
		.depth_linktop:hover{text-decoration:none; font-weight:bold !important; }
	


.table_style {width:100%; border-collapse:separate; border-top:1px solid #0069b3; border-left:1px solid #ddd; border-spacing:0px;}
.table_style th {color:#333; text-align:center; padding:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f6f6f6}
.table_style th.last{border-right:none}
.table_style td {text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:9px;} 
.table_style td.last{border-right:none}
.table_style td.left {text-align:left; }
.table_style td.num {background:#f9f9f9;}
.table_style td.yellowBg {background:#fffff3;}


.lnb_common dl{ background:url(../../images/i_call.png) no-repeat right 12px top 12px;padding:15px;color:#666}
.lnb_common dl dt{  position:relative; color:#33302e; font-size:14px; font-weight:800;line-height:30px;padding:5px 0px;letter-spacing:-0.5px;}
.lnb_common dl dd.tel{ font-weight:600;font-size:24px; color:#205867;line-height:25px; padding-top:8px}
.lnb_common dl dd.tel2{ font-weight:600;font-size:17px; color:#666; line-height:25px;}
.lnb_common dl dd.fax{font-size:17px; font-weight:600; color:#333;  padding-top:8px}
.lnb_common dl dd.email{font-size:15px;color:#666;  padding-top:8px}


.page-title{height:60px; border-bottom:#CCC solid 1px;  position:relative; padding-top:40px;  }
.page-title-text { font-size:30px; font-weight:600; color:#313131; }
.page-navi { float:right; margin:5px 0 5px; }

.sub_com{  padding-top:10px;	margin-top:10px;	}


.greeting_con{position:relative; overflow:hidden; background:url('../../images/greeting.jpg') right bottom no-repeat; width:830px} 
	.greeting_con h4{font-size:24px; color:#0c58a3; letter-spacing:-1pt; padding-bottom:15px; line-height:33px;}
	.greeting_con p.stit{font-size:16px; color:#6b6f73; letter-spacing:-0.5pt; padding-bottom:20px; font-weight:600;}
	.greeting_ceo{font-size:15px; color:#6b6f73; letter-spacing:-1pt; padding-top:35px; background:url('../../company/img/greeting_sign.gif') 160px bottom no-repeat;}
	.greeting_name{font-size:23px; color:#333; letter-spacing:-1pt; font-weight:700; margin-left:5px}
	
	/******** 공통CSS ********/
.point_txt01{color:#333; font-weight:700;}
.point_txt02{color:#2987e4; letter-spacing:-1pt;  line-height:35px;}
.point_txt03{color:#2987e4; letter-spacing:-1pt;  line-height:28px;}
.point_txt04{color:#2987e4; font-weight:700;}


#foot {width: 100%;border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; color: #333; min-width:1200px;  background:#f3f3f3;}
#foot .footer{position:relative; margin:0 auto; overflow:hidden; width:1200px; padding:30px 0;}
.footer  h2{float:left; width:300px;}
.footer ul{float:left;}
.footer li{padding-bottom:5px; font-size:13px; letter-spacing:0.8px; color:#333}
.footer li.copy{color:#333}



