#topmenu {height:73px;background:url(./bg_topmenu.png);background-repeat:no-repeat;text-align:center;}  /* width:970px; margin:0 auto; ==> 메뉴폭을 970으로 사용시  */
#topmenu .wrap {position:relative;height:73px;overflow:hidden; width:870px; 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:33px;}
#topmenu .wrap ul li.active{color:#000;

background: #dddddd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #dddddd 0%, #ffffff 50%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(50%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dddddd 0%,#ffffff 50%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dddddd 0%,#ffffff 50%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dddddd 0%,#ffffff 50%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dddddd 0%,#ffffff 50%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */

border-radius:3px 3px 3px 3px;}
#topmenu .wrap ul li a{height:33px; display:block;cursor:pointer;text-decoration:none;padding:0 60px;color:#ffffff;font:normal 14px 'bongothic',nanumgothic, dotum;letter-spacing:0px;display:inline-block;line-height:33px; font-weight:bold;} /* 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;margin:0;padding:0;filter:alpha(opacity=70);opacity:0.7;background:#000000;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 12px 'bongothic',dotum;letter-spacing:-1px;color:#ccc;height:30px;line-height:32px;display:inline-block}
#topmenu .wrap div.subMenuBox ul li a:hover{color:#fff;}
#topmenu .wrap div.subMenuBox ul li a.active,#topmenu .wrap div.subMenuBox ul li a:active{color:#7afc00;}
#topmenu .wrap div.subMenuBox ul li.on a{text-decoration:underline;}