.board-category-wrap{width: 100%; margin-bottom: 2.5em;}
.board-category-wrap > ul{ display: block; align-items: center; text-align: center; margin: 0 auto; background-color: #f1f1f1; border-radius: 10px;}
.board-category-wrap > ul > li{width: 11.1%; float: left; display: inline-block; color: #999; background-color: #f1f1f1; border-radius: 10px; font-size: 1em; font-weight: 500;}
.board-category-wrap > ul > li.selected{background-color: #17519a; color: #fff;}
.board-category-wrap > ul > li a{display: block; padding: 1em 0; text-align: center;}


@media screen and (max-width:767px) {
    .board-category-wrap > ul{flex-direction: column;}
    .board-category-wrap > ul > li{width: 33.3%;}
}

@media screen and (max-width:375px) {
    .board-category-wrap > ul > li{font-size: 12px;}
}
@media screen and (max-width:304px) {
    .board-category-wrap > ul > li{font-size: 11px;}
}