@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
#topmenu {height:70px;text-align:center;}  /* width:970px; margin:0 auto; ==> 메뉴폭을 970으로 사용시  */
#topmenu .wrap {position:relative;height:70px;overflow:hidden; width:100%; margin:0 auto;} /* 가운데 정렬: width:970px; margin:0 auto; */
#topmenu .wrap ul{position:relative;list-style:none;margin:0px 0 0 10px;padding:0;} 
#topmenu .wrap ul:after{content:""; display:block; float:none; clear:both;}
#topmenu .wrap ul li{float:left;list-style:none;margin:0;padding:0;height:43px;}
#topmenu .wrap ul li.active{color:#555;background:transparent;border-radius:3px 3px 3px 3px;}
#topmenu .wrap ul li a{height:42px; display:block;cursor:pointer;text-decoration:none;padding:0 36px;color:#555;font-family:'Nanum Gothic',sans-serif;font-weight:700; font-size:16px;letter-spacing:0px;display:inline-block;line-height:42px;} /* 1차메뉴 진하게 */
#topmenu .wrap ul li a:hover{color:#000;}
#topmenu .wrap ul li.active a {color:#000;} 

#topmenu .wrap div.subMenuBox{display:none;position:absolute;left:0;top:33px; height:30px; background:#e2e2e2;margin:0;padding:0;filter:alpha(opacity=100);opacity:1.0;background:transparent;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;}
#topmenu .wrap div.subMenuBox ul,#topmenu .wrap div.subMenuBox ul li{margin:0;padding:0;background:#89b50f;}
#topmenu .wrap div.subMenuBox ul li {height:30px;}
#topmenu .wrap div.subMenuBox ul li a{margin:0;padding:0 12px;font:bold 11px dotum, dotum;letter-spacing:-1px;color:#fff;height:30px;line-height:32px;display:inline-block}
#topmenu .wrap div.subMenuBox ul li a:hover{color:#0f2a65;}
#topmenu .wrap div.subMenuBox ul li a.active,#topmenu .wrap div.subMenuBox ul li a:active{color:#0f2a65;}
#topmenu .wrap div.subMenuBox ul li.on a{text-decoration:underline;}