@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Nanum Gothic';}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:18px;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:12px; color:#222;}
*{font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; }
ol,ul,li{list-style:none;}
a{cursor:pointer;text-decoration:none;color:#222;}

A:link {color:#000; text-decoration:none}
A:visited {color:#000;  text-decoration:none}
A:active {color:#000; text-decoration:none}
A:hover     {color:#000; font-weight : bold; text-decoration:none}

a {border:0px}


/* 레이아웃 */
#wrap {width:100%; height:100%; }

/* 메뉴 */




.menubg {width: 100%; height: 75px;  border-top:#0c65c2 3px solid ; }
.menu {width: 1150px; margin: 0 auto;height: 85px;}

.maintop {width: 100%; 	height: 380px;  }
.mainfla{position:relative;  height:380px; width:1200px; margin:0 auto;  background:#aaf0fc;  }
.move_img{opacity:0;position:absolute;top:0px;left:10px}
.move_txt{opacity:0;margin-left:-25px;position:absolute;top:30px;left:600px}
.mainfla .tel{position:absolute;bottom:0px;right:0px}


.txt_003{ font-size:18px; font-weight:600; color:#06C; border-bottom:#CCCCCC dotted 1px; padding-bottom:10px; padding-top:5px; text-indent:28px;  background:url(../../images/sub_depth.gif) no-repeat 10px 10px ;  background-color:#f6f6f6}

#contents0{ width:1200px;  padding:0px 0 0px 0; margin:0 auto;  overflow:hidden; position:relative;}
	.contents01{position:relative;  width:1200px; height:140px; padding-bottom:10px;}


	

 .setmain4{position:relative;float:left;width:300px;height:120px; padding:5px 0 5px 0px;  background:url(../../images/s4.jpg) no-repeat 10px 10px ;  background-color:#b51020; margin-right:0px;}
.setmain4 img{opacity:0; position:absolute;top:5px;left:20px}
.setmain5{position:relative;float:left;width:300px;height:120px; padding:5px 0 5px 0px;  background:url(../../images/s5.jpg) no-repeat 10px 10px ;  background-color:#092d72; margin-right:0px;}
.setmain5 img{opacity:0; position:absolute;top:5px;left:20px}
.setmain6{position:relative;float:left;width:300px;height:120px; padding:5px 0 5px 0px;  background:url(../../images/s6.jpg) no-repeat 10px 10px ;  background-color:#f4e856; margin-right:0px;}
.setmain6 img{opacity:0; position:absolute;top:5px;left:20px}
.setmain7{position:relative;float:left;width:300px;height:120px; padding:5px 0 5px 0px;  background:url(../../images/s7.jpg) no-repeat 10px 10px ;  background-color:#eeeeee; margin-right:0px;}
.setmain7 img{opacity:0; position:absolute;top:5px;left:20px}



#contents{ width:1150px;  padding:0px 0 10px 0; margin:0 auto;  overflow:hidden; position:relative;}
	.contents1{position:relative;  width:1150px; height:180px; margin:0px auto 0px  auto;  padding-bottom:10px;}
	.product{position:relative;float:left;width:1150px;height:180px;  }
	.product h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 5px 0px;}




 /*
.setmain5{position:relative;float:left;width:425px;height:175px; padding:10px 0 0px 0px;   background:url(../images/index_16.jpg) no-repeat; }
 .setmain5 .stext{position:relative;float:right; width:185px; }
 .setmain5 .stext ul {  margin-bottom:10px }
 .setmain5 .stext li {  position:relative;   padding:2px 30px;  background:url(../images/point.gif)no-repeat 10px ;}
	*/

#contents_m{position:relative;  width:100%;  padding:30px 0 30px 0;  }
 .contents2{position:relative;  width:1150px; height:155px; margin:20px auto; }	
 
 
  .noticemain{position:relative;float:left;width:310px;height:135px; padding:10px 0 0px 0px;  background:url(../images/bar.png) top left  no-repeat; margin-right:10px}
  .noticemain h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:0px 0px 5px 0px;}
  
 .noticemain1{position:relative;float:left;width:310px;height:135px; padding:10px 0 0px 0px;  border:#CCC solid 1px;   margin-right:10px }
 
 .setmain{position:relative;float:left;width:247px;height:135px; padding:10px 0 0px 0px;  border:#CCC solid 1px;  margin-right:10px;  background:url(../images/ic02.jpg) 160px  70px no-repeat;  }
 .setmain h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:0px 0px 5px 5px;}
 .setmain p.cs_i {float:left; height:110px;  padding-top:5px;}
 .setmain p.cs_n {padding-bottom:10px;padding-left:10px;}	
 .setmain .imgab{position:absolute; right:10px; bottom:20px;}
 .setmain .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:30px;margin-top:15px;}
 .setmain .mT20{margin-top:20px;}
 
 
 .setmain2{position:relative;float:left;width:247px;height:135px; padding:10px 0 0px 0px;  border:#CCC solid 1px;  margin-right:10px;  background:url(../images/ic01.jpg) 160px  70px no-repeat;  }
 .setmain2 h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:0px 0px 5px 5px;}
  .setmain2 p.cs_i {float:left; height:110px;  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;}

  .setmain3{position:relative;float:left;width:298px;height:135px; padding:10px 0 0px 10px;  border:#CCC solid 1px;   }



 


/** 서브 */

/* 서브플래시 */
.subtop {width: 100%;  height: 250px;  background:url(../../images/sub001.jpg) }
.subfla { position:relative; width: 1200px; height: 250px;  margin: 0px auto;   background:#aaf0fc; }
.smove_img{opacity:0;margin-top:-25px;position:absolute;top:0px;left:0px}
.smove_txt{opacity:0;margin-left:-25px;position:absolute;top:40px;left:600px}




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

/* 좌측메뉴 */
.lnb { float:left; width:210px; position:relative;   }
.lnb h3 { padding:45px 0 45px 15px; font-size:24px; color:#fff;  background:#F2B562;  font-weight:600 }
.lnb h3 p.stit{color:#b1d3f5; font-weight:100; font-size:14px; letter-spacing:0.3pt;  margin-bottom:7px;  }
.lnb ul {  margin-bottom:20px }
.lnb li { border-bottom:1px solid #fff;  position:relative;    }


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




	/*depth_3*/
	.lnb ol.depth_3{ color:#333;  background: #fafafa; border-bottom:1px solid #ddd; padding:10px 0 20px 10px;}
	.depth_3 dd a:link, .depth_3 dd a:visited{display:block; color:#333; font-size:12px; height:25px; background: #fafafa url('../../images/dot.gif') 0 8px no-repeat !important; padding-left:8px;}
		.depth_3 dd a:hover{display:block; color:#333;}
		.depth_linktop{color:#fff !important; }
		.depth_linktop:hover{text-decoration:none; font-weight:bold !important; }
	




.lnb_common dl{border:1px solid #e7e7e7;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:22px; color:#005781;line-height:25px; padding-top:8px}
.lnb_common dl dd.tel2{ font-weight:600;font-size:15px; color:#666; line-height:25px;}
.lnb_common dl dd.fax{font-size:18px; font-weight:600; color:#333;  padding-top:8px}
.lnb_common dl dd.email{font-size:13px;color:#666;  padding-top:8px}


.lnb_banner {border:1px solid #e7e7e7; padding:2px;color:#666; margin-top:5px}

/* 상단메뉴 */
.subcontent2 {width: 100%;  position:relative;   background:#eee; float:left; margin-bottom:10px   }
.subcontent3 {width: 100%;  position:relative;   background:#cdcdcd; float:left; margin-bottom:10px   }


.tab_1{width:1100px; margin:0 auto; position:relative; overflow:hidden;  }
.tab_1 ul{position:relative; overflow:hidden; border-left:0px solid #ddd;}
.tab_1 li{float:left; padding:0 50px; color:#333; text-align:center; font-weight:600; border-right:0px solid #ddd;  border-left:0px solid #ddd;  margin-left:-1px; font-size:17px;}
.tab_1 li a{display:block; padding:19px 0; }
.tab_1 li:hover a{color:#e40c0c;  font-weight:600}
.tab_1 li.on:hover a{color:#e40c0c; font-weight:600 }
.tab_1 li.on { color:#193e75; font-weight:600}
.tab_1 li.on a{color:#193e75; font-weight:600}
.tab_1 li.h{ color:#e40c0c; font-weight:600}



.tab_2{width:1100px; margin:0 auto; position:relative; overflow:hidden;  }
.tab_2 ul{position:relative; overflow:hidden; border-left:0px solid #ddd;}
.tab_2 li{float:left; padding:0 15px; color:#333; text-align:center; letter-spacing:-0.5pt;  font-weight:600; border-right:0px solid #ddd;  border-left:0px solid #ddd;  margin-left:-1px; font-size:15px;}
.tab_2 li a{display:block; padding:19px 0; }
.tab_2 li:hover a{color:#0c11e4;  font-weight:600}
.tab_2 li.on:hover a{color:#0c11e4; font-weight:600 }
.tab_2 li.on { color:#333; font-weight:600}
.tab_2 li.on a{color:#333; font-weight:600}	



.tab_3{width:1100px; margin:0 auto; position:relative; overflow:hidden;  }
.tab_3 ul{position:relative; overflow:hidden; border-left:1px solid #ddd;}
.tab_3 li{float:left; padding:0 15px; text-align:center; letter-spacing:-1.3pt;  font-weight:600; border-right:1px solid #ddd;  border-left:1px solid #ddd;  margin-left:-1px; font-size:16px;}
.tab_3 li a{display:block; padding:19px 0; }
.tab_3 li:hover a{color:#e40c0c;  font-weight:600}
.tab_3 li.on:hover a{color:#e40c0c; font-weight:600 }
.tab_3 li.on { color:#333; font-weight:600}
.tab_3 li.on a{color:#333; font-weight:600}

.subcontent {width: 100%;  position:relative;  margin:0 auto; float:left;  }
 
 .sub_com{  padding:0px 0;		width: 1100px;  margin:0 auto;}

.page-title{height:50px; border-bottom:#CCC solid 1px;  position:relative; padding-top:20px;  }
.page-title-text { font-size:24px; 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:850px} 
	.greeting_con h4{font-size:25px; 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;   background:#f3f3f3;}
#foot .footer{position:relative; margin:0 auto; overflow:hidden; width:1150px; padding:30px 0;}
.footer  h2{float:left; width:280px;}
.footer ul{float:left;}
.footer li{padding-bottom:5px; font-size:12px; color:#333}
.footer li.copy{color:#333}



.lnb_list { font-size:14px; padding:14px 10px; font-weight:600; border-bottom:1px solid #ccc !important; }
.lnb_list ul { display:none; margin-top:10px; }
.lnb_list:hover ul, .lnb_list ul:hover { display:block; }