@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*공통*/

*{margin:0;padding:0;}
li{list-style:none;}
img{border:0;}
a{text-decoration:none;color:#333;}
html,body{font-family :"Nanum Gothic","나눔 고딕","Dotum","돋움",sans-serif;}
#header{width:100%; height:130px; position:relative; left:0;top:0; z-index:1000; background:#fff;border-bottom: 1px solid #eee;}
#header:after{content:"";clear:both;display:block;}
#header #top{width: 100%; background: #f4f4f4; height:30px;}
#header #top div{width:1024px; margin: 0 auto;}
#header #top .top_right{display: block; float:right;border-right: 1px solid #eaeaea;}
#header #top .top_right li{display: block; float:left;height: 30px; line-height: 30px; border-left: 1px solid #eaeaea; padding:0 20px;}
#header #top .top_right li a{font-size: 12px; color:#999;}
/*기본세팅*/
#nav{margin:0 auto;width:1024px; z-index:10; height:100px;}
#nav ul{overflow:visible;float:right;}
#nav ul:after{content:""; clear:both; display:block;}
#nav .logo{position:absolute; top:61px;}
#nav .depth {display: block;}
#nav .depth li {display: block;position:relative;}
#nav .depth > li{float:left; padding:0 40px; }
#nav .depth .mm{display: block;height:100px;margin-top:42.5px;text-align: center; font-size: 18px; font-weight: 900;}
#nav .depth .subnav{display: none; position:absolute; z-index:9999; left:0;top:100px; border-left: 1px solid #eee;height: 210px;}
#nav .depth .sm06{border-right: 1px solid #eee;}
#nav .depth .subnav li{text-align: center; line-height: 35px; height: 35px;}
#nav .depth .sm01{width:137px;}
#nav .depth .sm02{width:197px;}
#nav .depth .sm03{width:153px;}
#nav .depth .sm04{width:137px;border-right: 1px solid #eee;}
#nav .depth .subnav li a{color:#666;font-size: 14px; display: block; width:100%; height: 100%;}
#nav .depth .subnav li a:hover{ color:#8BC34A;font-weight: bold; }
.bgGnb{display:none;background:#fff; height: 210px; width:100%; border-bottom: 1px solid #333; position:absolute;top:131px;left:0;z-index:-1; }
#container{width:100%;}
#container:after{content: ''; clear: both; display: block;}

#footer{width:100%; background: #444; font-size: 12px;}
#foot{width:1024px; margin: 0 auto; padding:30px 0; text-align: center;position:relative;}
#foot address{font-style: normal; color:#ccc;}
.foot_copy p{margin-top: 5px; color:#ccc;}
.foot_copy a{color:#ccc;}
.foot_copy a:hover{color:#aaa;}
.kod_link{position:absolute;top:0;right:0;bottom:0;left:0;margin-top:63px;text-align: right;}



/*서브페이지레이아웃*/
.sub_visual{width:100%; height: 200px; background: url(/images/sub_visual.jpg) center center;}
#s_cont{width:1024px; margin: 0 auto; padding-bottom: 40px;min-height:510px;}
#s_cont:after{content: ''; clear: both; display: block;}
.left_cont{width:200px; float:left;}
.left_cont h2{font-size: 25px; color:#333; height: 100px; line-height: 100px; border-bottom: 2px solid #ddd;}
.left_cont .snb li{display: block; width:200px; height: 40px;}
.left_cont .snb li a{display: block; width:200px; height: 40px;line-height: 40px; color:#888; text-indent: 10px;}
.left_cont .snb li .snb_active{font-weight: 900; color:#666; background: url(/images/snb_on.png) no-repeat 180px center; background-color: #fafafa;}
.left_cont .snb li a:hover{font-weight: 900; color:#666; background: url(/images/snb_on.png) no-repeat 180px center; background-color: #fafafa;}
.left_cont .left_tel{width:156px; border:2px solid #eee; padding:20px; margin-top: 30px; background: #fff;}
.left_cont .left_tel .tel_tit{font-weight: bold; color:#333; font-size: 15px;}
.left_cont .left_tel .tel_txt{font-size: 12px; color:#777; margin-top: 10px; margin-bottom: 20px; line-height: 1.5em;}
.left_cont .left_tel .tel_num{font-size: 17px; font-weight: bold; color:#666;}
.left_cont .left_tel .tel_num span{font-weight: normal; font-size: 12px; color:#666;}

.right_cont{width:780px; float:right;}
.right_cont h3{font-size: 25px; height: 100px; line-height: 100px; color:#333;border-bottom:1px solid #eee;}
.right_cont .right_contbox{width:780px;padding-top:30px;}