#topmenu {height:77px; text-align:center; font-family:"Nanum Gothic"; }  /* width:970px; margin:0 auto; ==> 메뉴폭을 970으로 사용시  */
#topmenu .wrap {position:relative;height:77px;overflow:hidden; width:1150px; margin:0 auto;} /* 가운데 정렬: width:970px; margin:0 auto; */
#topmenu .wrap ul{position:relative;list-style:none;margin:0;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:52px;}
#topmenu .wrap ul li.active{color:#000;background:transparent;border-radius:3px 3px 3px 3px;}
#topmenu .wrap ul li a{height:52px; display:block;cursor:pointer;text-decoration:none;padding:0 52px;color:#fff;font:lighter 16.5px nanumgothic, dotum;letter-spacing:0px;display:inline-block;line-height:52px; font-weight:bold; } /* 1차메뉴 진하게 */
#topmenu .wrap ul li a:hover{color:#884d23;}
#topmenu .wrap ul li.active a {color:#fff;} 

#topmenu .wrap div.subMenuBox{display:none;position:absolute;left:0;top:51px; height:25px;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:none}
#topmenu .wrap div.subMenuBox ul li {height:30px;}
#topmenu .wrap div.subMenuBox ul li a{margin:0;padding:0 12px;font:normal 15px dotum, dotum;letter-spacing:-1px;color:#000;height:30px;line-height:30px;display:inline-block; font-family:"Nanum Gothic"; }
#topmenu .wrap div.subMenuBox ul li a:hover{font-weight:bold;}
#topmenu .wrap div.subMenuBox ul li a.active,#topmenu .wrap div.subMenuBox ul li a:active{color:#962a00;}
#topmenu .wrap div.subMenuBox ul li.on a{text-decoration:underline;}