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

/*공통*/

*{margin:0;padding:0;}
li{list-style:none;}
img{border:0;}
a{text-decoration:none;color:#333;}
html,body{font-family :'Noto Sans KR',"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: #2e95df;height:30px;}
#header #top div{width:1024px; margin: 0 auto;}
#header #top .top_right{display: block; float:right;border-right: 1px solid #2786cb;}
#header #top .top_right li{display: block; float:left;height: 30px; line-height: 29px; border-left: 1px solid #2786cb; padding:0 20px;}
#header #top .top_right li a{font-size: 12px; color:#fff;}
/*기본세팅*/
#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:56.5px;}
#nav .depth {display: block;}
#nav .depth li {display: block;position:relative;}
#nav .depth > li{float:left; width:130px; }
#nav .depth .mm{display: block;margin-top:38px;text-align: center; font-size: 16px; font-weight:400;color:#555;}
#nav .depth .subnav{display: none; position:absolute; z-index:9999; left:0;top:100px; border-left: 1px solid #eee;height: 315px;}
#nav .depth .sm06{border-right: 1px solid #eee;}
#nav .depth .subnav li{text-align: center; width:130px; line-height: 35px; height: 35px;}
#nav .depth .subnav li a{color:#666;font-size: 14px; display: block; width:100%; height: 100%;}
#nav .depth .subnav li a:hover{ color:#2e95df;font-weight: bold; }
.bgGnb{display:none;background:#fff; height: 315px; width:100%;position:absolute;top:131px;left:0;z-index:-1;border-bottom:1px solid #eee;}
#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: 7px; 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_container{width:100%;background: url(/images/path_bg.gif) repeat-x ;}
.sub_contents{width:1024px;margin:0 auto;min-height:540px;}
.sub_contents:after{display: block; clear: both; content: '';}
/*왼쪽메뉴*/
.left_side{float:left; width:200px;margin-bottom:30px;}
.left_side .left_tit{width:200px; background:#2e95df; height: 150px;}
.left_side .left_tit p{font-size: 25px; color:#eee; font-weight: 400; text-indent: 25px; line-height: 163px; height: 150px;}
.left_list ul{display: block; width:200px;}
.left_list ul li{display: block;}
.left_list ul li a{display: block;width:198px;height: 50px;line-height: 50px; border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; text-indent: 20px; font-size: 14px; color:#555;}
.left_list ul li .active{background: #fafafa;color:#2e95df; font-weight: bold;}
.left_list ul li a:hover{color:#2e95df; font-weight: bold;}
.left_list ul li .active:hover{color:#2e95df; font-weight: bold;}


.right_contents{margin-bottom:30px;}
.right_side{float:right; width:780px;}
.right_tit{height: 150px; border-bottom: 1px solid #eee; margin-bottom:30px;}
.right_tit .right_path{text-align: right; font-size: 12px; color:#999; height: 45px; line-height: 45px;}
.right_tit .right_tit_txt{font-size: 24px; margin-top: 28px;font-weight:bold;}
.right_tit_info{font-size: 11px; color:#999;font-family: "Nanum Gothic"; padding-top: 8px; }
.right_tit_info span{color:#666;}