@charset "utf-8";

.mgt-40 { margin-top: 40px !important; }

/* 게시판 */
.board-wrap .list .head .th.title,
.board-wrap .list .body .row .td.title { width: calc(100% - 370px); }
.board-wrap .list .head .th.name,
.board-wrap .list .body .row .td.name { width: 110px; }

.search-wrap01.search-wrap .category-area { float: left; display: table; width: 100%; margin-top: 20px; font-size: 1.4rem; }
.search-wrap01.search-wrap .category-area .title {  text-align: center; display: table-cell; vertical-align: middle; background: #21537f; padding: 13px 0 ; color: #fff; font-weight: 600; min-width: 75px;}
.search-wrap01.search-wrap .category-area ul { display: table-cell; vertical-align: middle; background: #e5ecf4; padding: 0 25px; }
.search-wrap01.search-wrap .category-area ul li { display: inline-block; }
.search-wrap01.search-wrap .category-area ul li a { position: relative; display: block; padding: 15px 0; margin: 0 10px; }
.search-wrap01.search-wrap .category-area ul li a:after { width: 0; content: ''; position: absolute; bottom: 15px; left: -5px; height: 5px; border-radius: 10px; background: rgba(0,107,214,0.2); -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }
.search-wrap01.search-wrap .category-area ul li:hover,
.search-wrap01.search-wrap .category-area ul li.select a { font-weight: 600; color: #023c6f; }
.search-wrap01.search-wrap .category-area ul li:hover a:after,
.search-wrap01.search-wrap .category-area ul li.select a:after { width: -webkit-calc(100% + 10px); width: calc(100% + 10px); }


@media all and (max-width: 600px) {
	/* board-wrap list */
	.board-wrap .list .body .row .td.title { width: 100%; margin-bottom: 10px; font-size: 1.4rem;}
	.board-wrap .list .body .row .td.name { width: auto; color: #888; }
}