@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:130px; position:relative; left:0;top:0; z-index:1000; background:#fff;-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);-ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);z-index:999}
#header:after{content:"";clear:both;display:block;}
#header #top{width: 100%; background: #a34444;height: 30px;}
#header #top div{width:1100px; margin: 0 auto;}
#header #top .top_right{float:right;font-size:12px;color:#fff;line-height:30px;}
#header #top .top_right img{margin-right:7px;}
/*기본세팅*/
#nav{margin:0 auto;width:1100px; z-index:10; height:100px;}
#nav ul{overflow:visible;}
#nav ul:after{content:""; clear:both; display:block;}
#nav .logo{position:absolute; top:59.5px;}
#nav .depth {display: block;width:560px;float:left;margin:0 44px 0 356px;}
#nav .depth li {display: block;position:relative;}
#nav .depth > li{float:left; width:140px; }
#nav .depth .mm{display: block;margin:0 auto;line-height:100px; text-align: center; font-size: 15px; font-weight: 500;color:#4a4a4a;}
#nav .depth .subnav{display: none; position:absolute; z-index:9999; left:0;top:100px;height: 140px;padding:30px 0;}
#nav .depth .subnav li{text-align: center; width:140px; line-height: 35px; height: 35px;}
#nav .depth .subnav li a{color:#888;font-size: 14px; display: block; width:100%; height: 100%;}
#nav .depth .subnav li a:hover{ color:#444;font-weight: 400; }
#nav .domain{width:140px;height:40px;float:right;}
#nav .domain a{width:140px;height:40px;background:#587c4d;color:#fff;border-radius:3px;font-size:14px;font-weight:500;margin:30px 0;line-height:40px;display: block;float:right;text-align:center;}
.bgGnb{display:none;background:#fff; height: 140px; width:100%;position:absolute;top:130px;left:0;z-index:-1;border-top:1px solid #eee;}
#container{width:100%;}
#container:after{content: ''; clear: both; display: block;}

#footer{width:100%; background: #333; font-size: 12px;}
#foot{width:1100px; margin: 0 auto; padding:20px 0; text-align: center;}
#foot address{font-style: normal; color:#aaa;}
#foot address a{font-style: normal; color:#aaa;}
.foot_copy p{margin-top:5px; color:#aaa;}
.foot_copy a{color:#aaa;}
.kod_link{text-align: right;}



/*서브레이아웃*/
#sub_container{background: #fff;}
.sub_visual{width:100%; height: 250px; background: url(/images/sub_visual.gif) center center;}
.sub_visual_01{font-size: 42px; color:#333; padding-top: 70px; padding-bottom: 20px;}
.sub_visual_02{font-size: 24px; color:#666; padding-top: 20px; padding-right: 3px;}
.vis_bar{width:30px; height: 5px; background:#ccc;}

.sub_path{width:100%; background: #fafafa; border-top:1px solid #eee; border-bottom: 1px solid #eee; height: 40px; margin-bottom: 30px;}
.sub_path .m_inner{width:1100px;margin:0 auto;}
.sub_path p{color:#777; font-size: 12px;height: 40px;line-height: 40px;}
.sub_path p a{color:#666;}
.sub_path .sub_path_txt{float:left;}
.sub_path .sub_path_txt span{color:#ccc;}
.sub_path .sub_path_tel{float:right;}
.sub_path .sub_path_tel span{font-weight: bold;}
.sub_contents{width:1100px; margin: 0 auto; min-height: 100%;}
.sub_contents:after{display: block; clear:both; content: '';}
.sub_left{float:left; width:210px; background: #fff;}
.sub_left h2{width:210px; color:#333; height:80px;font-size: 24px;font-family :'Noto Sans KR',"나눔 고딕","Dotum","돋움",sans-serif; height: 80px; line-height: 80px;}
.sub_left .sub_left_list{display: block; border-top: 1px solid #eee; }
.sub_left .sub_left_list li{display: block; width:210px; height:50px;border-bottom: 1px solid #eee;}
.sub_left .sub_left_list li a{display: block; background: #fff;  width:210px; height: 50px; font-size: 14px; color:#999; line-height: 50px; text-indent: 20px;background-image: url(/images/li_blt_off.gif); background-repeat: no-repeat; background-position: 184px center;}
.sub_left .sub_left_list li a:hover{font-weight: bold; color:#333;background-image: url(/images/li_blt_off_over.gif); background-repeat: no-repeat; background-position: 184px center;}
.sub_left .sub_left_list li .active{font-weight: bold; color:#333; background-image: url(/images/li_blt.gif); background-repeat: no-repeat; background-position: 184px center;}
.sub_left .sub_left_list li .active:hover{color:#333;background-image: url(/images/li_blt.gif); background-repeat: no-repeat; background-position: 184px center;}
.sub_left_tell{width:218px; height: 80px; background: #fff; border:1px solid #eee; margin-top: 20px; margin-bottom: 5px;}
.sub_left_tell p{text-align: center; line-height: 80px; font-weight: bold; color:#666;}
.sub_left_blog{width:218px; height: 80px; background: #fff; border:1px solid #eee; margin-bottom: 30px;}
.sub_left_blog a{display: block; width:100%; height: 100%; color:#66bd2b; line-height: 80px; text-align: center; font-weight: bold;}
.sub_right{float:right;width:855px; background: #fff; min-height: 100%; margin-bottom: 80px; min-height:334px;}
.sub_right_tit{width:855px;margin-bottom: 35px; position: relative;height:80px;}
.sub_right_tit h3{font-size: 30px; height: 80px; line-height: 80px;font-family :'Noto Sans KR',"나눔 고딕","Dotum","돋움",sans-serif;  color:#333; font-weight: 400;}
.sub_right_tit:after{display: block; clear:both; content: '';}

.tit_bar{width:100%; height: 1px; background:#e5e5e5; margin-left: 3px;}