@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:fixed; left:0;top:0; z-index:1000; background:#fff;border-bottom: 1px solid #ddd;}
#header:after{content:"";clear:both;display:block;}
#header #top{width: 100%; background: #fafafa; border-bottom: 1px solid #ddd; height: 30px;}
#header #top div{width:1200px; margin: 0 auto;}
#header #top .top_left{display: block; float:left;}
#header #top .top_left li{display: block; float:left;height: 30px; line-height: 30px; padding:0 20px; color:#0c4da2; font-size: 12px;}
#header #top .top_left li .top_ico{display: block; height: 30px; width:20px; float:left; margin-top: 3px;}

#header #top .top_right{display: block; float:right;border-right: 1px solid #ddd;}
#header #top .top_right li{display: block; float:left;height: 30px; line-height: 30px; border-left: 1px solid #ddd; padding:0 20px;}
#header #top .top_right li a{font-size: 12px; color:#666;}
/*기본세팅*/
#nav{margin:0 auto;width:1200px; z-index:10; height:100px;}
#nav ul{overflow:visible; /*margin-top:15px; */float:right;}
#nav ul:after{content:""; clear:both; display:block;}
#nav .logo{position:absolute; top:47px;}
#nav .depth {display: block;}
#nav .depth li {display: block;position:relative;}
#nav .depth > li{float:left; width:140px; }
#nav .depth .mm{display: block; font-size: 16px; margin: 40px auto; text-align: center; font-weight: 900; color:#333;}
#nav .depth .subnav{display: none; position:absolute; z-index:9999; left:0;top:100px; border-left: 1px solid #ddd;height: 245px;}
#nav .depth .sm06{border-right: 1px solid #ddd;}
#nav .depth .subnav li{width:140px; height: 35px; line-height: 35px; text-align: center;}
#nav .depth .subnav li a{color:#666;font-size: 12px; display: block; width:100%; height: 100%;}
#nav .depth .subnav li a:hover{ color:#333;font-weight: bold; }

.bgGnb{display:none;background: #fff; height: 245px; width:100%; border-bottom: 2px solid #0c4da2; position:absolute;top:131px;left:0;z-index:-1; }

#container{width:100%; margin-top: 130px;}
#container:after{content: ''; clear: both; display: block;}

#footer{width:100%; background: #444; font-size: 12px; margin-top: 50px;}
#foot{width:1200px; margin: 0 auto; padding:20px 0; text-align: center;}
#foot address{font-style: normal; color:#888;}
.foot_copy p{margin-top: 10px; color:#888;}
.foot_copy a{color:#999; font-weight: bold;}
.kod_link{text-align: right;}



/*서브페이지*/
.subVisual{width:100%; height: 200px; background: url(/images/sub_vis.jpg) no-repeat center;}
.subContents{width:1200px; margin: 0 auto; padding-bottom: 70px;}
.subContents:after{content: ''; display: block; clear:both;}
.leftSide{width:250px; float:left;}
.leftSide .leftTitWrap{width:248px; height: 150px; margin-top: 30px;border:1px solid #ddd;border-width:0 1px 1px 1px; border-top: 2px solid #0ba5f8; background: #fafafa;}
.leftSide .leftTitWrap .leftTit{font-size: 30px; color:#333; font-weight: 900; margin-top: 68px; margin-left: 20px;}
.leftSide .listWrap{width:100%;}
.leftSide .listWrap .leftList{display: block; width:100%;}
.leftSide .listWrap .leftList li{display: block; height: 60px; line-height: 60px;border: 1px solid #ddd; border-width:0 1px 1px 1px; text-indent: 20px;}
.leftSide .listWrap .leftList li a{display: block; color:#999; font-size: 16px; background: url(/images/list_off.gif) no-repeat 220px 25px;}
.leftSide .listWrap .leftList li a:hover{font-weight:bold;color:#444; background: url(/images/list_on.gif) no-repeat 220px 25px;}
.leftSide .listWrap .leftList li .activeList{font-weight:bold;color:#444; background: url(/images/list_on.gif) no-repeat 220px 25px;}
#leftTel{margin-top: 20px; display: block; width:204px; border:3px solid #eaeaea; padding:20px;}
#leftTel li{display: block; font-size: 12px; color:#888;}
#leftTel li span{font-weight: 900; color:#333;}
.rightSide{width:900px; float:right;}
.rightSide .rightTitWrap {width:100%; border-bottom: 1px solid #ddd; height: 179px; margin-bottom: 30px; background: url(/images/sub_tit_bg.gif) no-repeat 480px 40px; }
.rightSide .rightTitWrap p, .rightSide .rightTitWrap p > a {font-size: 12px; color:#999;}
.rightSide .rightTitWrap p{padding-top: 74px;}
.rightSide .rightTitWrap .rightTit{ font-weight: 900; color:#444; font-size: 32px; margin-top: 10px;}