@charset "utf-8";
@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*헤더*/
#header{height:145px; width:100%; border-bottom: 1px solid #eee; position: relative;z-index: 999;}
#header #top_wrap{width:100%; height: 40px; background: #f5f5f5;}
#header #top_wrap .top{width:952px; margin: 0 auto;}
#header #top_wrap .top ul li{display: block; float:left; font-size: 12px; color:#f5f5f5;height: 40px;line-height: 40px;}
#header #top_wrap .top .top_link_01{float:left;}
#header #top_wrap .top .top_link_01 li{margin-right: 30px;}
#header #top_wrap .top .top_link_01 li a{font-size: 12px; color:#999;}
#header #top_wrap .top .top_link_02{float:right;}
#header #top_wrap .top .top_link_02 a{font-size: 12px; color:#999;line-height: 40px;}

#nav{margin:0 auto;width:952px; z-index:10; height:105px;}
#nav ul{overflow:visible; float:right;}
#nav ul:after{content:""; clear:both; display:block;}
#nav .logo{position:absolute; top:69.5px;}
#nav .depth {display: block;}
#nav .depth li{display: block;position:relative; z-index: 9998; width:120px;}
#nav .depth > li{float:left;}
#nav .depth .mm{display: block; height: 105px; line-height: 105px; text-align: center; font-weight:bold; color:#333; font-size: 16px;font-family :'NanumSquare',"Nanum Gothic","나눔 고딕","Dotum","돋움",sans-serif;}
#nav .depth .subnav{display: none; position:absolute; z-index:9999; left:0;top:145px; height: 175px;text-align: center;}
#nav .depth .subnav li{height:35px; line-height:35px; letter-spacing: -1px;}
#nav .depth .subnav li:hover a{font-weight: bold; color:#444;}
#nav .depth .subnav li:hover a span{color:#444; font-weight: normal;}
#nav .depth .subnav a{font-size: 14px; color:#555; }
.bgGnb{display:none;background: #fff;border-top:1px solid #eee;height: 175px; width:100%; position:absolute;top:145px;left:0;z-index:998; }
#container{width:100%;}

/*메인비주얼*/
.mainVisual{height:499px; width:100%;}

/*푸터*/
#footer{width:100%; background: #333;}
#foot{width:952px; margin: 0 auto; padding:40px 0 30px 0; text-align: center;}
#foot address{font-style: normal; color:#aaa; font-size: 12px;}
.foot_copy p{margin-top: 10px; color:#aaa;font-size: 12px;}
.foot_copy a{color:#aaa; font-weight: bold;}
.kod_link{text-align: right;}

/*서브페이지*/
.sub_visual{width:100%; background: url(/images/sub_visual.jpg) center center; height:250px;}

.sub_container{width:952px; margin: 0 auto;padding:30px 0 30px 0;min-height:500px;}
.sub_container:after{display: block; clear:both; content: '';}
.sub_left{width:210px; float:left;}
.sub_list{padding: 20px 20px 40px; border: 1px solid #e5e5e5; width:168px;}
.sub_list h2{font-size: 16px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.sub_list ul{padding-top: 20px;}
.sub_list ul li{display: block; height: 35px;}
.sub_list ul li a{display: block; height: 35px; line-height: 35px; font-size: 13px; color:#888; text-indent: 13px; background: url(/images/snb_li.gif) no-repeat 1px center;}
.sub_list ul li a:hover{color:#000; font-weight: bold;}
.sub_list ul li .active{background: url(/images/snb_li_on.gif) no-repeat 1px center; color:#000; font-weight: bold;}
.snb_tel{padding:20px; border: 1px solid #e5e5e5; border-width:0 1px 1px 1px; width:168px;}
.sub_tel_tit{font-size: 12px; font-weight: bold;}
.sub_tel{font-size:22px; font-weight: bold; color: #3554c3; letter-spacing: -1px;font-family :'Noto Sans KR',"나눔 고딕","Dotum","돋움",sans-serif;}
.sub_tel_txt{color:#999; font-size: 12px; line-height: 1.6em; padding-top: 10px; border-top: 1px solid #eee; margin-top: 10px;}
.sub_tel_txt span{font-weight: bold; color:#333;}

.sub_right{width:702px; float:right;}
.sub_tit{position: relative; padding:20px 0; border-bottom: 1px solid #eee; margin-bottom:50px;}
.sub_tit h3{font-size: 18px; color:#000; font-weight: bold;}
.sub_tit .sub_path{font-size: 11px; color:#999; position: absolute; right:0px; top:25px;}
.sub_tit .sub_path a{color:#999;}
.sub_tit .sub_path span{color:#222;}


.snb{width:702px; margin: 0 auto; padding-bottom:30px;}
.snb ul{display: block; text-align: center;}
.snb ul li{display: inline-block; width:150px;margin-left:5px;}
.snb ul .first_snb{margin:0;}
.snb ul li a{display: block;width:150px; font-weight: 400; color:#666; border:1px solid #ddd;padding:15px 0;font-size:14px;}
.snb ul li a:hover{color:#7eac3f;font-size:14px;border:1px solid #7eac3f;}
.snb ul li .active{color:#7eac3f;border:1px solid #7eac3f;}