@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Nanum Gothic', sans-serif;}


html, body, ul, ol, li, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none;}
img, table{border:0;}
hr, legend {display:none;}
a:link, a:visited, a:active {color:#555; text-decoration:none;}


body {font-size:14px; line-height:160%; font-family:나눔고딕, NG, NGEN, '돋움', sans-serif; color:#666; letter-spacing: -0.5pt;}
input, textarea, select {font-family:나눔고딕, NG, NGEN, '돋움', sans-serif; color:#595b5f;}
input.text, input.dateInput, textarea.text {padding:1px 5px; border:1px solid #cbcbcb; vertical-align:middle;}
.png24 {tmp:expression(setPng24(this));}
.parents:after {content:""; display:block; clear:both;}


/* 메인상단 */



#maintop {width: 100%; min-width:1200px;  height: 450px;  padding-bottom:20px;   }
.mainfla{position:relative;  height:450px; width:1200px;  background:url(../images/mainbg.jpg); margin:0 auto;}
.move_img{opacity:0;margin-top:-25px;position:absolute;top:140px;left:85px}
.move_txt{position:absolute;top:80px;left:600px; z-index:999999;}

#maintop3 {width: 100%; min-width:1200px;  height: 300px;  padding-bottom:20px; }
.mainfla3{position:relative;  height:300px; background:#CCCCCC;  width:1200px; margin:0 auto;}



/* 메인컨텐츠 */

#contents_m{ width:100%;  min-width:1220px; padding:0px 0 20px 0; margin:0 auto;  overflow:hidden; position:relative; }


/* 메인첫째 */

	.contents1{position:relative;  width:1200px; margin:0px auto; padding-bottom:100px;  }
    
		
		
	.setmain1{position:relative;float:left;width:305px;height:280px; padding:0px 0px 0px 0px;    border:#CCC solid 1px; background:url('../../images/tel.jpg')  right 50px  no-repeat; margin-right:25px}
	.setmain1 h2{fdisplay:block; font-size:18px; color:#333; font-weight:600; line-height:100%; margin:20px 8px 0 15px; letter-spacing:-0.5pt; padding-bottom:5px;}
	.setmain1 p.num{padding:15px 0 10px 15px; font-size:30px; color:#003399; letter-spacing:-0.7pt; font-weight:700}
	.setmain1 p.fax{padding:15px 0 0 15px; font-size:22px;  letter-spacing:-0.2pt; font-weight:600}
	.setmain1 p.email{padding:15px 10px 0 15px; letter-spacing:-0.1pt; font-weight:500; font-size:18px;  }
	.setmain1 p.txt{padding:15px 10px 0 15px; letter-spacing:-0.2pt; font-weight:300;  line-height:150%;  font-size:15px;}	

	.setmain2{position:relative;float:left;width:540px;height:230px; padding:30px 33px ; color:#333; ;    background:#e7e7e7 }	
	.setmain2 h1{ position:relative; font-size:25px; font-weight:600; padding-bottom:10px;  letter-spacing:-0.1pt;}
	.setmain2 p{position:relative; font-size:14px;letter-spacing:-0.3pt; line-height:25px}
	.setmain2 .tit{ color:#006699; font-size:16px; font-weight:600; padding:10px 0;}
	.setmain2 .date{ color:#006699; font-size:14px; }	
    .setmain2 .cont{ color:#555; font-size:13px; padding-bottom:10px }	
    .setmain2 p.more { color:#fff; font-size:14px; background:#FF6633;font-weight:600; margin-top:20px; width:60px; text-align:center }
     .setmain2 .more a{ color:#fff;  }

/* 메인둘째 */


	  .contents2{position:relative; margin:0 auto; overflow:hidden; width:1200px;; padding:20px 0 30px;}

      .contents2 h3{position:relative; font-size:25px; font-weight:600;  text-align:center; padding:5px 0;  margin-bottom:10px;  letter-spacing:-0.1pt;}
      .setmain3{position:relative;float:left;width:260px;height:261px; padding:0px 0 0px 0px;  }
      .setmain4{position:relative;float:left;width:382px;height:261px; padding:0px 0 0px 0px;  margin:0 15px; }
      .setmain5{position:relative;float:left;width:382px;height:261px; padding:0px 0 0px 0px; }
      .setmain6{position:relative;float:left;width:400px;height:261px; padding:0px 0 0px 0px;   }
 
	   
	     .product{position:relative;float:left;width:1190px;height:200px;  padding:10px 0 0px 0px;  background:url(../images/bar.png) top left  no-repeat;   padding-left:10px; }
	     .product h1{ position:relative; font-size:18px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:0px 0px 5px 0px;}

	   
	  .contents3{position:relative; margin:0 auto; overflow:hidden; width:1200px;; padding:30px 0;}



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

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

/** 서브 */



/* 서브플래시 */
.subtop {width: 100%;  height: 150px; min-width:1200px;  }
.subfla { position:relative; width: 1200px; height: 150px;  background:#CCC url(../../images/mainbg.jpg)  center  bottom no-repeat;   margin: 0px auto;  }
.smove_img{position:absolute;top:30px;left:330px}
.smove_txt{opacity:0;margin-left:-25px;position:absolute;top:10px;left:60px}


.subfla h1{ font-size:25px; color:#0c58a3; letter-spacing:-1pt; padding-bottom:15px; line-height:33px; }

.contents_s{position:relative;  width:1200px; height:180px; margin:0px auto 10px  auto;  padding-bottom:10px;}


.tab_1{width:1200px; margin:0 auto; position:relative; overflow:hidden; padding-bottom:30px;  padding-top:30px; }
.tab_1 ul{position:relative; overflow:hidden; border-left:1px solid #ddd;}
.tab_1 li{float:left; width:16.4%; text-align:center; background:#f5f5f5;  border-right:1px solid #ddd;  border-left:1px solid #ddd;  border-top:3px solid #ddd; margin-left:-1px; font-size:17px;}
.tab_1 li a{display:block; padding:19px 0;}
.tab_1 li:hover a{color:#3f4052; background-color:#f5f5f5; font-weight:600}
.tab_1 li.on:hover a{color:#fff; background-color:#002f4c;}
.tab_1 li.on {background:#002f4c; color:#fff; border:1px solid #002f4c; font-weight:600}
.tab_1 li.on a{color:#fff; }	
	


.tab_2{width:1200px; margin:0 auto; position:relative; overflow:hidden; padding-bottom:30px;  padding-top:30px; }
.tab_2 ul{position:relative; overflow:hidden; border-left:1px solid #ddd;}
.tab_2 li{float:left; padding:0 25px; text-align:center; background:#f5f5f5;  border-right:1px solid #ddd;  border-left:1px solid #ddd;  border-top:3px solid #ddd; margin-left:-1px; font-size:17px;}
.tab_2 li a{display:block; padding:19px 0;}
.tab_2 li:hover a{color:#3f4052; background-color:#f5f5f5; font-weight:600}
.tab_2 li.on:hover a{color:#fff; background-color:#002f4c;}
.tab_2 li.on {background:#002f4c; color:#fff; border:1px solid #002f4c; font-weight:600}
.tab_2 li.on a{color:#fff; }	
	

.subcontent {width: 1200px;  position:relative;   float:left;  }






.page-title{height:63px; border-bottom:#CCC solid 1px;  position:relative; padding-top:30px;  }
.page-title-text { font-size:28px; font-weight:600; color:#313131; padding-bottom:25px; }
.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:1180px} 
	.greeting_con h4{font-size:24px; color:#0c58a3; letter-spacing:-1pt; padding-bottom:15px; line-height:33px;}

	.greeting_con p.stit{font-size:18px; color:#0c58a3; letter-spacing:-0.5pt; padding-bottom:20px; padding-top:30px;  font-weight:600;}
.greeting_txt{font-size:14px; line-height:25px;}
	.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}


.greeting_con2{position:relative; overflow:hidden; float:left; width:550px} 
	.greeting_con2 h4{font-size:24px; color:#0c58a3; letter-spacing:-1pt; padding-bottom:15px; line-height:33px;}

	.greeting_con2 p.stit{font-size:18px; color:#0c58a3; letter-spacing:-0.5pt; padding-bottom:20px; padding-top:30px;  font-weight:600;}
.greeting_txt2{font-size:14px; line-height:20px;}




.table_style{width:80%; border-collapse:separate; border-spacing:0px; margin-left:20px;  align:center; border-left:1px solid #ddd; border-top:1px solid #333;}
.table_style th{color:#333; text-align:center; padding:3px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; background-color:#f9f9f9; font-weight:700;}
.table_style td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 0; text-align:center; line-height:180%; color:#666;}

.bmar_50{margin-bottom:10px;}



.table_style2{width:95%; border-collapse:separate; border-spacing:0px; margin-left:20px;  align:center; border-left:1px solid #ddd; border-top:1px solid #333;}
.table_style2 th{color:#333; text-align:center; padding:3px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; background-color:#f9f9f9; font-weight:700;}
.table_style2 td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 0; text-align:center; line-height:180%; color:#666;}

	
	/******** 공통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;}


.txt01{height: 25px; }
.txt01 h1{font-size:18px; color: #0066cc; font-weight: 600; background:url(../../images/listdot.gif) 0  20px no-repeat; padding:20px 0 10px 20px; }
.txt02{height: 25px; color: #0066cc; padding-left:25px;font-size:16px;  font-weight: 700; background:url(../../images/point.gif) 10px 7px no-repeat; }
.txt03{height: 25px; color: #0066cc; font-size:16px; padding-left:15px;  font-weight: 700; background:url(../../images/point.gif) 0 7px no-repeat; }

.txt04 { padding:10px 120px}
.txt04 ul{}
.txt04 ul li{background:url(../../images/listdot2.gif) 0px 5px no-repeat; padding-left:20px; height: 25px;}


.txt05 { padding:10px 10px}
.txt05 ul{}
.txt05 ul li{background:url(../../images/listdot2.gif) 0px 5px no-repeat; padding-left:20px; padding-bottom:10px}


.txt06 { padding:10px 10px}
.txt06 ul{}
.txt06 ul li{background:url(../../images/listdot2.gif) 0px 5px no-repeat; text-align:left; font-size:16px;  padding-left:20px; padding-bottom:10px}
.txt06 ul li a{ color:#1a82ba;}


.c_bg1{background:url(../../images/his_img04.jpg) no-repeat left 100px}
.c_bg2{background:url(../../images/his_img02.jpg) no-repeat right 700px}
.his_bar_bg {background:url(../../images/history_bar_bg.gif) repeat-y center;}
.his01_img_bg {background:url(../../images/his_img02.jpg) no-repeat left bottom;}
.his02_img_bg {background:url(../../images/his_img03.jpg) no-repeat right bottom;}
.his_con_11 {font-size:12px; color:#66b7f2;}
.p_t20 {padding-top:20px;}
.p_t60 {padding-top:60px;}

.year_txt {font-size:14px; color:#0099CC; font-weight:600}

#foot {width: 100%; min-width:1220px; color: #333; border-top:1px solid #cbcbcb; }
#foot .footer{position:relative; margin:0 auto; overflow:hidden; width:1200px; padding:30px 0;}
.footer  h2{float:left; width:280px;}
.footer ul{float:left;}
.footer li{padding-bottom:5px; font-size:13px;}
.footer li.copy{color:#333}




.foot table tr td p {color: #333;font-size: 11px;}