@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;}

tr {font-family:'Nanum Gothic', sans-serif;}

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: 580px;  background:url(../../img/mainv.jpg) center  0px no-repeat;}
.mainfla{position:relative;  height:600px; width:1200px;  background:none; 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;}




/* 서브플래시 */
.subtop {width: 100%;  height: 300px; min-width:1200px;  background:url(../../img/subv.jpg) center  0px no-repeat;}

.subfla { position:relative; width: 1200px; height: 300px;  background:url(../../img/subv_tit.png)   center  0px 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; }




.visual{position:relative; height:383px;width:1200px;margin:20px auto; background:url('../images/visual.jpg');}
.slider{padding-top:179px;}



.slide_wrap{position:relative;width:1000px;height:380px}
.slide a{display:none;width:500px;height:473px;position:absolute;top:0;left:0;}
.idx_button{position:absolute;top:350px;left:500px;}
.idx_button a{margin-right:10px;width:15px; height:15px; background-image:url('../images/rolling_btn_off.png');background-position:center center;display:inline-block;}    
.idx_button .active{background-image:url('../images/rolling_btn_on.png');}




/* 메인컨텐츠 */

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


/* 메인첫째 */

	.contents1{position:relative; margin:0 auto; overflow:hidden; width:1200px; padding:20px 0;  position:relative; }
    
              .shadow{width: 938px;  overflow:hidden; margin: 0px auto; padding:10px 0;   position:relative}
		







	  .setmain3{position:relative;float:left;width:392px;height:211px; padding:0 0 0 0;  margin-right:0px; border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; border-left:#ddd solid 1px;  }
	  .setmain4{position:relative;float:left;width:392px;height:211px; padding:0 0 0 0;  margin-right:0px; border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; border-left:#ddd solid 1px;  }
	  .setmain5{position:relative;float:left;width:392px;height:211px; padding:0 0 0 0;  margin-right:0px; border-top:#ddd solid 1px; border-right:#ddd solid 1px; border-bottom:#ddd solid 1px;
	   border-left:#ddd solid 1px; }
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  .setmain0{position:relative;float:left;width:226px;height:266px; padding:0 0 0 0;  margin-right:0px; border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; border-left:#ddd solid 1px; margin-right:10px; border-right:#ddd solid 1px; padding-bottom:67px; }
	  
	  	  
	  
	  
	  
	  
	  
	  
	  
	  .setmain00{position:relative;float:left;width:226px;height:266px; padding:0 0 0 0;  margin-right:0px; border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; border-left:#ddd solid 1px; border-right:#ddd solid 1px; }



  

/* 메인둘째 */


	  .contents2{position:relative; margin:0 auto; overflow:hidden; width:1200px;  position:relative;   background:#ddd;}
	  
	  	.panel {
	background: #fbfafa url('../images/visual.jpg');;
	border: 1px solid #edecec;
	padding: 30px 35px 30px 25px;
height:90px;

}

.panel h2 {
	float: left;
	
	color: #868686;
	font-size: 16px;



}

.panel a.button1 {
	display: inline-block;
                background:url(../images/mail.png)no-repeat; 
	

	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	width:84px; height:84px;
	text-decoration: none;
	float: right;
	margin: 0px 0px 0px 10px;
}

.panel a.button2 {
	display: inline-block;
                background:url(../images/kaka.png)no-repeat; 
	

	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	width:84px; height:84px;
	text-decoration: none;
	float: right;
	margin: 0px 0px 0px 10px;
}

.panel a.button3{
	display: inline-block;
                background:url(../images/insta.png)no-repeat; 
	

	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	width:84px; height:84px;
	text-decoration: none;
	float: right;
	margin: 0px 0px 0px 10px;
}


.panel a.button4 {
	display: inline-block;
 background:url(../images/blog.png)no-repeat; 


	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	width:84px; height:84px;
	text-decoration: none;
	float: right;
	margin: 0px 0px 0px 10px;
}

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

  .noticemain{position:relative;float:left;width:800px;height:120px;  padding:10px 20px 0px 0px;   background:url(../images/bar.png) top left  no-repeat;   }
  .noticemain h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:0px 0px 5px 0px;}
  
  
  
  
  
  
  
.setmain6{position:relative;float:left;width:323px;height:150px; padding:5px 0 0px 25px; border:#ddd solid 1px; margin-right:5px; background:url(../../img/16245013.jpg) top left  no-repeat; padding-left:32px;}
.setmain6 h1{ position:relative; font-size:23px; color:#336da5; font-weight:900; padding-top:11px; letter-spacing:-0.2pt; }
.setmain6 p{position:relative; font-size:32px; color:#323232; font-weight:900; padding-top:17px;}
 
 
 
 
 
 
 
 
 
 
 
 .setmain1{position:relative;float:left;width:185px;height:120px; padding:10px 0 0px 0px;  border:#ddd 1px solid; margin-right:5px;  background:url(../images/talk.jpg) no-repeat;  }
 .setmain1 h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:0px 0px 10px 10px;}
  .setmain1 p.cs_i {float:left; height:115px;  padding-top:5px;}
  .setmain1 p.cs_n {padding-bottom:10px;padding-left:10px;}	
  .setmain1 .imgab{position:absolute; right:10px; bottom:20px;}
  .setmain1 .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:30px;margin-top:15px;}
  .setmain1 .mT20{margin-top:20px;}
  
 .setmain2{position:relative;float:left;width:185px;height:120px; padding:10px 0 0px 0px;  border:#ddd 1px solid;  background:url(../images/mail.jpg) no-repeat;  }
 .setmain2 h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:0px 0px 10px 10px;}
  .setmain2 p.cs_i {float:left; height:115px;  padding-top:5px;}
  .setmain2 p.cs_n {padding-bottom:10px;padding-left: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;}
  



/** 서브 */





.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:35px;  padding-top:56px;  }
.tab_1 ul{position:relative; overflow:hidden; border-left:0px solid #ddd; }
.tab_1 li{float:left; width:19.7%; text-align:center; background:#ddd;    border-left:1px solid #fff;  border-bottom:1px solid #fff; font-size:17px; height:56px;}
.tab_1 li a{display:block; padding:17px 0;}
.tab_1 li:hover a{color:#3f4052; background-color:#ddd; font-weight:600; }
.tab_1 li.on:hover a{color:#fff; background-color:#323232;}
.tab_1 li.on {background:#555; color:#fff; border:0px solid #1a82ba; font-weight:600}
.tab_1 li.on a{color:#fff; }	
	



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


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






.page-title{height:63px; border-bottom:#ddd 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:1000px} 
	.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}
	
	.ico_1depth{background:url('../../images/icon_1depth.gif') 0px 5px no-repeat; font-weight:600; font-size:17px; color:#222; padding:2px 0 0px 20px; line-height:23px;}
	.about_area{margin:10px 0 20px 0px;}
              .about_area ul{padding:0 0 0 20px; line-height:23px;}



.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;}



.table6{ background:#ccdce0 url(../../images/listdot.gif) 0  20px no-repeat;  }

.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: #fff; background:#323232; }
#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; color:#fff;}
.footer li.copy{color:#888;}




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