.board-search-wrap { width: 100%; margin-top: 20px; text-align: center; font-size: 0.9em; }
.board-search-wrap .search-type { height: 35px; border: solid 1px #d5d5d5; }
.board-search-wrap .search-keyword { height: 35px; border: solid 1px #d5d5d5; padding: 0 7px; }
.board-search-wrap .search-btn { height: 35px; padding: 0 15px; background: #d5d5d5; }

.board-category-wrap { margin-bottom: 2.5em; }
.board-category-wrap > ul > li { float: left; width: 25%; text-align: center; border: solid 1px #ddd; border-left: none; box-sizing: border-box; font-family: 'Montserrat'; }
.board-category-wrap > ul > li:first-child { border-left: solid 1px #ddd; }
.board-category-wrap > ul > li a { display: block; padding: 1em 0; transition: all 0.3s ease; }
.board-category-wrap > ul > li:hover a,
.board-category-wrap > ul > li.selected a { background-color: #95569e; color: #fff; }

@media ( max-width: 767px ) {
  .board-category-wrap > ul > li { width: 50%; border-top: none; }
  .board-category-wrap > ul > li:nth-child(1),
  .board-category-wrap > ul > li:nth-child(2) { border-top: solid 1px #ddd; }
  .board-category-wrap > ul > li:nth-child(odd) { border-left: solid 1px #ddd; }
}