@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@charset "utf-8";

#groupmenu{margin:20px auto;text-align:center;}
#groupmenu > ul{display:inline-block;}
#groupmenu > ul > li{float:left;position:relative;padding:0 20px;}
#groupmenu > ul > li:after{content:'';display:block;clear:both;position:absolute;top:8px;right:0;width:1px;height:20px;background:#777;}
#groupmenu > ul > li:last-child:after{display:none;}
#groupmenu > ul > li > a{display:block;font-size: 16px;padding: 5px 10px;}
#groupmenu > ul > li > a:hover{color:#407afd;}

#groupmenu > ul > .on {}
#groupmenu > ul > .on > a{color:#407afd;border-bottom:2px solid #407afd;}

/*  높이를 바꾸고싶을시 #groupmenu의 height값과 a태그의 패딩값을 같이 변경해주면됨*/