@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{height:147px; width:100%; border-bottom: 1px solid #e3e3e3; position: relative;z-index: 999;}
#header #top_wrap{width:100%; height: 40px; background: #666;}
#header #top_wrap .top{width:1020px; 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:#f5f5f5;}
#header #top_wrap .top .top_link_02{float:right;}
#header #top_wrap .top .top_link_02 li{position: relative; height: 40px; margin-left: 40px;}
#header #top_wrap .top .top_link_02 span{width:10px; position: absolute; top:3px; left:-20px;}



#nav{margin:0 auto;width:1020px; z-index:10; height:107px;}
#nav ul{overflow:visible; float:right;}
#nav ul:after{content:""; clear:both; display:block;}
#nav .logo{position:absolute; top:60px;}
#nav .depth {display: block;border-left:1px solid #ddd;}
#nav .depth li {display: block;position:relative; z-index: 9998;}
#nav .depth > li{float:left;border-right:1px solid #ddd;height:107px;line-height:107px;width:143px;text-align:center;}
#nav .depth > li a{font-weight:800;color:#555;}
#nav .depth .subnav{display: none; position:absolute; z-index:9999; left:0;top:107px; height: 240px;border-left: 1px solid #ddd;margin-left:-1px;padding-top:20px}
#nav .depth .sm06{border-right: 1px solid #ddd;}
#nav .depth .subnav li{text-align:center;width:143px;height:32px;line-height:32px;}
#nav .depth .subnav li:hover a{font-weight: bold; color:#2b4b9b;}
#nav .depth .subnav li:hover a span{color:#5f709b; font-weight: normal;}
#nav .depth .subnav a{font-size: 14px; color:#555; }
#nav .depth .subnav a span{font-size: 12px; color:#888;}
.bgGnb{display:none;height: 259px; width:100%; position:absolute;top:147px;left:0;z-index:998;background-color:#fcfcfc;border-top:1px solid #ddd;border-bottom:4px solid #063971;}
#container{width:100%;}
.mainVisual{width:100%;}

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

/*서브*/
#sub_visual{width:100%; background: url(/images/sub_visual.gif) center center no-repeat; height: 200px;}
#sub_contents{width:1020px; margin: 30px auto;}
#sub_contents:after{content: ''; display: block; clear: both;}
.sub_left{float:left; width:230px;}
.sub_left_tit{width:230px; height: 160px; background: #2b4b9b; text-align: center;}
.sub_left_tit .sub_left_tit_01{font-size: 30px; font-weight: 900; color:#ffffff; padding-top: 38px;}
.sub_left_tit .sub_left_tit_02{font-size: 18px; font-weight: bold; color:#ffffff;padding-top: 10px;}
.sub_left_list ul li{display: block;}
.sub_left_list ul li a{display: block; width:228px; background:#f5f5f5; height: 50px; line-height: 50px;color:#666; font-size: 16px; text-align: center; border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.sub_left_list ul li .active{background:#ffffff; height: 50px; color:#2b4b9b; font-weight: 900;}
.sub_left_list ul li a:hover{background:#ffffff; height: 50px; color:#2b4b9b; font-weight: 900;}
.sub_left_side{margin-top: 30px;}
.sub_left_side li{margin-top: 5px;}

.sub_right{float: right; width:760px;}
.sub_right .sub_right_tit{height:160px; border-top:2px solid #7f7f7f; border-bottom:1px solid #e5e5e5; background: url(/images/sub_tit_bg.gif) no-repeat 100% center;}
.sub_right_tit_01{font-size: 30px; color:#333; font-weight: bold; margin-top: 38px; margin-left:20px; }
.sub_right_tit_02{font-size: 18px; color:#333; margin-left:20px; margin-top: 15px;}
.sub_right_tit_03{font-size: 14px; color:#666; margin-left:20px; margin-top: 5px;}

.sub_right_contents{margin-top: 30px; width:760px;}