.boardBox { margin:0 0 5%; }
.boardBox .boardOption
.boardBox .boardBody { background:#fff; border-top:2px solid #ff0; border-bottom:2px solid #24b97c; }
.boardBox .boardBody a { color:#555; }
.boardBox .boardBody a:hover div { background:#dfdfdf; }
.boardBox .boardBody a:hover h5 { color:#555; font-weight:bold; }

.boardBox .boardBody .boardTitle { background:#79d84f; color:#fff; text-align:center; word-break:break-all; }
.boardBox .boardBody .boardListf { background:transparent; color:#555; text-align:center; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; }
.boardBox .boardBody .boardListf .boardList02 { text-align:left; }
.boardBox .boardBody .boardList { background:transparent; color:#555; text-align:center; border-top:1px solid #c6c6c6; }
.boardBox .boardBody .boardList .boardList02 { text-align:left; }

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { color:#fff; background-color:#428bca; border-color:#428bca; }

.boardFile { border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; }
.boardBtn a { color:#fff !important; }
@media screen and (max-width:414px){
    .boardBox .boardBody .boardTitle { display:none; }
    .boardBox .boardBody .boardListf h5 { font-size:12px; }
    .boardBox .boardBody .boardList h5 { font-size:12px; }
    .boardBox .boardBody .boardListf .boardList03 h5 { font-size:10px; }
    .boardBox .boardBody .boardListf .boardList04 h5 { font-size:10px; }
    .boardBox .boardBody .boardListf .boardList05 h5 { font-size:10px; }
    .boardBox .boardBody .boardListf .boardList06 h5 { font-size:10px; }
    .boardBox .boardBody .boardList .boardList03 h5 { font-size:10px; }
    .boardBox .boardBody .boardList .boardList04 h5 { font-size:10px; }
    .boardBox .boardBody .boardList .boardList05 h5 { font-size:10px; }
    .boardBox .boardBody .boardList .boardList06 h5 { font-size:10px; }
    .um-4x {font-size:2em;}
    .boardOption h3 { margin-top:0; }
}