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


section#groupMenu{clear:both;width:1140px;padding:0;margin:0 auto 50px;}
section#groupMenu:after{display:block;visibility:hidden;clear:both;content:""}

#groupMenu .groupName{clear:both;margin: 0;letter-spacing:-1px;color:#555; font-size:20px; line-height:22px;padding:0; background:url(../img/left_tit.png) no-repeat 10px 10px;font-weight:bold;text-align:center;font-family: malgun gothic,'맑은 고딕', 'Malgun Gothic', Dotum, Tahoma, arial, sans-serif;}
#groupMenu .groupName b{font-size:22px;}
#groupMenu .groupName p{font-size:12px;font-weight:normal;color:#e0e0e0;letter-spacing:1px;}


.groupcate{position:relative;padding:0;margin:0;font-family: malgun gothic,'맑은 고딕', 'Malgun Gothic', Dotum, Tahoma, arial, sans-serif;}
ul.botit {width:100%;list-style:none;margin:0 auto;padding:0;}

/*ul:after {display:block;visibility:hidden;clear:both;content:""}*/
ul.botit li {display:block;float:left;width:25%;margin-bottom:-1px;}
ul.botit li a {display:block;float:left;margin-left:-1px;padding:10px 0;width:100%;border:1px solid #ddd;background:#fff;color:#888;text-align:center;letter-spacing:-0.1em;font-size:1.2em;line-height:1.8em;font-weight:bold;cursor:pointer}

ul.botit li a:focus, ul.botit li a:hover, ul.botit li a:active {text-decoration:none;background:#0c2f86 url(../img/left_bg.png) no-repeat center 0;color: #fff;}

ul.botit li.on {font-weight:bold;}
ul.botit li.on a {background:#0c2f86 url(../img/left_bg.png) no-repeat center 0; color: #fff;font-weight:bold;}
ul.botit li.on a:hover {background:#0c2f86 url(../img/left_bg.png) no-repeat center 0;color: #fff;}


@media screen and (max-width:767px) {
    section#groupMenu {width: 100%;}
    ul.botit li {width: 50%;}
    ul.botit li a {font-size: 1em;}
}