@charset "utf-8";
@import url('http://fonts.googleapis.com/css?family=Noto+Sans');
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

section#groupMenu{clear:both;border-bottom:1px solid #ccc; margin-bottom:20px;}
section#groupMenu:after{display:block; content:''; clear:both;}

#groupMenu .groupName{letter-spacing:-1px;color:#333;margin-bottom:0px;padding:0; background:url(../img/left_tit.png) no-repeat 10px 10px;
font-weight:normal !important;text-align:left;}
#groupMenu .groupName b{font-size:2.2em;line-height:1.8em; padding-left:10px;}
#groupMenu .groupName p{font-size:1.8em;font-weight:normal;color:#555;letter-spacing:1px;line-height:1.9;font-family: 'Nanum Pen Script', serif;}
#groupMenu .groupName p strong {font-size:1.8em; color:#fff;}


.groupcate{padding:0;margin:0;font-family: malgun gothic,'맑은 고딕', 'Malgun Gothic', Dotum, Tahoma, arial, sans-serif; float:left;}
ul.botit {list-style:none;margin:0 auto;padding:0;}
ul:after {display:block;visibility:hidden;clear:both;content:""}
ul.botit li {display:block;float:left;margin:0px 15px 0 0;padding:5px 10px;}
ul.botit li a {display:inline-block;margin:0;padding:5px 10px;color:#888;text-align:center;letter-spacing:-0.1em;font-size:1.2em;font-weight:normal;cursor:pointer}

ul.botit li a:focus, ul.botit li a:hover, ul.botit li a:active {text-decoration:none;color:#000;}
ul.botit li:focus, ul.botit li:hover, ul.botit li:active{border-bottom:2px solid #ffae00}

ul.botit li.on {font-weight:bold;border-bottom:2px solid #ffae00}
ul.botit li.on a {color: #000;font-weight:bold;}
ul.botit li.on a:hover {color: #000;}