@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 :'Noto Sans KR',"Nanum Gothic","나눔 고딕","Dotum","돋움",sans-serif;}
#header{width:100%; height: 201px;}
#header{background: url(/images/nav_bg.gif) repeat-x; background-position: 0 161px;}
#header:after{content:"";clear:both;display:block;}
#header #top{width: 100%; background: #fafafa; border-bottom: 1px solid #ddd; height: 30px;}
#header #top div{width:1100px; margin: 0 auto;}
#header #top .top_right{display: block; float:right;}
#header #top .top_right li{display: block; float:right;height: 30px; line-height: 30px; padding:0 20px; color:#0c4da2; font-size: 12px;}
#header #top .top_right li strong{color: #106036;}
#header #top .top_left li strong{color: #106036;}
#header #top .top_left{display: block; float:left;border-right: 1px solid #eee;}
#header #top .top_left li{display: block; float:left;height: 30px; line-height: 30px; border-left: 1px solid #eee; padding:0 20px;}
#header #top .top_left li a{font-size: 12px; color:#666;}
/*기본세팅*/
#nav{margin:0 auto;width:1100px; z-index:10; height:200px;}
#nav .logo_area{height: 130px;}
#nav .logo_area:after{content:""; clear:both; display:block;}
#nav .logo_area div{padding-top: 27px;}
#nav .logo_area .logo_area_cont_01{float: left;}
#nav .logo_area .logo_area_cont_03{float: right;}
#nav .logo_area .logo_area_cont_02{position: absolute; left: 50%; margin-left: -100px;}
#nav ul{overflow:visible;float:right;}
#nav ul:after{content:""; clear:both; display:block;}
#nav .depth {display: block;}
#nav .depth li {display: block;position:relative; height: 40px; z-index: 9999;float:left; width:156px; border-right:1px solid #0d4e2c;}
/* #nav .depth li {display: block;position:relative; height: 40px; z-index: 9999;float:left; width:182px; border-right:1px solid #0d4e2c;} */
#nav .depth .mm{display: block;height: 40px;text-align: center; color: #fff; line-height: 40px; font-size: 14px; font-weight: 600;}
#nav .depth .subnav{display: none; position:absolute; z-index:9998; left:0;top:40px; border-left: 1px solid #eee;height: 630px; width:156px;}
/* #nav .depth .subnav{display: none; position:absolute; z-index:9998; left:0;top:40px; border-left: 1px solid #eee;height: 630px; width:182px;} */
#nav .depth .sm06{border-right: 1px solid #eee;}
#nav .depth .subnav li{text-align: center; width:156px; line-height: 34px; height: 34px; border: 0;}
/* #nav .depth .subnav li{text-align: center; width:182px; line-height: 34px; height: 34px; border: 0;} */
#nav .depth .subnav li a{color:#666;font-size: 14px;}
#nav .depth .subnav li a:hover{ color:#0d4e2c; font-weight: bold;}
.bgGnb{display:none;background: #fff; height: 630px; width:100%; border-bottom: 2px solid #0d4e2c; position:absolute;top:201px;left:0;z-index:2222; }
#container{width:100%; margin-top: 20px; background:url(/images/con_bg.jpg) top center no-repeat;}
#container:after{content: ''; clear: both; display: block;}
/* 사이트 배너 */
.side_banner{position:fixed;top:221px;left:17%;display:inline-block;margin:0;z-index:999;}
.side_banner img{width:50%;height:auto;}

#footer{width:100%; font-size: 12px; height: 264px;}
#foot{width:100%; padding:20px 0; text-align: center; background: #444;}
#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;}
.foot_bnr{width:100%; background:url(/images/foot_bnr.jpg) no-repeat center center ; height: 160px; }
.foot_bnr a{width:100%; height: 100%; display: block; }

/*서브페이지레이아웃*/
#sub_visual{width:100%;height: 300px; background: url(/images/sub_visual.jpg) center center;}
#s_contents{width:1100px; margin: 0 auto; padding-bottom: 50px; background: #fff;}
#s_contents:after{display: block; content: ''; clear: both;}
#s_contents .left_cont{width:220px; float:left;}
#s_contents .left_cont .sub_tit{background: #106036; height: 140px; text-align: center; color:#fff; line-height: 140px; font-size: 30px; letter-spacing: -2px;}
#s_contents .left_cont .sub_list li{display: block; height: 50px; line-height: 50px; border: 1px solid #eee; border-width:0 1px 1px 1px; text-indent: 20px; }
#s_contents .left_cont .sub_list li a{display: block; width:100%; height: 100%;background: url(/images/list_off.gif) 180px center no-repeat #fff; color:#999;}
#s_contents .left_cont .sub_list li .active{background: url(/images/list_on.gif) 180px center no-repeat #fff; color:#534741; font-weight: bold;}
#s_contents .left_cont .sub_list li a:hover{background: url(/images/list_on.gif) 180px center no-repeat #fff; color:#534741; font-weight: bold;}
#s_contents .left_cont .sub_bnr_list li{line-height: 0;}
#s_contents .right_cont{width:850px; float:right;}
#s_contents .right_cont .right_cont_tit{height: 140px; border-bottom: 1px solid #eee; margin-bottom: 30px;}
#s_contents .right_cont .right_cont_tit .cont_path{font-size: 12px; color:#666; text-align: right; height: 40px; line-height: 40px;}
#s_contents .right_cont .right_cont_tit h3{height: 100px; line-height: 60px; font-size: 30px; color:#534741; letter-spacing: -2px;}