@charset "utf-8";


.search-wrap-01.search-wrap { margin-bottom: 0; }
.search-wrap-01.search-wrap .select-box-01 select { border-radius: 5px; }
.search-wrap-02.search-wrap { margin-bottom: 10px; }
.search-wrap-02.search-wrap .result-area { margin-top: 15px; }



/* board */
.board-wrap .list .head .th.status, .board-wrap .list .body .td.status { width: 120px; }
.board-wrap .list .head .th.comment, .board-wrap .list .body .td.comment { width: 60px; }
.board-wrap.like .list .head .th.title, 
.board-wrap.like .list .body .row .td.title { width: -webkit-calc(100% - 460px); width: calc(100% - 460px); }
.board-wrap.wrote .list .head .th.title, 
.board-wrap.wrote .list .body .row .td.title { width: -webkit-calc(100% - 540px); width: calc(100% - 540px); }
.board-wrap.wrote .list .body .row .td.status { padding: 13px 0; }
.board-wrap.wrote .list .body .row .td.status .st { display: inline-block; font-size: 1.2rem; padding: 3px 10px 3px; border-radius: 15px; border: 1px solid #eee; margin-top: 3px; }
.board-wrap.wrote .list .body .row .td.status .st.st01 { border-color: #0475f4; color: #0475f4; }
.board-wrap.wrote .list .body .row .td.status .st.st02 { border-color: #00ce84; color: #0cb478; }
.board-wrap.wrote .list .body .row .td.status .st.st03 { border-color: #8a9eb4; color: #8a9eb4; }
.board-wrap.wrote .list .body .row .td.status .st.st03 i { font-size: 1.1rem; }
.board-wrap.wrote .list .body .row .td.status .st i { font-size: 1.2rem; padding-left: 2px; }



@media all and (max-width: 800px) {
	.search-wrap .search-area { float: right; }
}
@media all and (max-width: 600px) {
	.board-wrap .list .body .td.like,
	.board-wrap .list .body .td.name { width: auto; color: #888; }
	.board-wrap .list .body .row .td.title { width: 100% !important; }
	.board-wrap .list .head .th.like i,
	.board-wrap .list .body .td.like i  { display: inline-block; }
	.board-wrap.wrote .list .body .row .td.status { width: auto; padding: 0; padding-right: 20px; }
	.board-wrap.wrote .list .body .row .td.status .st { border: 0; padding: 0; }
	.board-wrap .list .body .td.comment { width: auto; color: #888; }
	.board-wrap .list .body .row .td { padding-right: 14px !important; }
	.board-wrap .list .body .row .td:after { right: 7px !important; }

	.search-wrap .search-area { float: none; }
	.search-wrap-01.search-wrap { position: relative;top: -60px; }
	.search-wrap-01.search-wrap .select-box-01 { float: none; display: block; position: relative; top: 85px; }
	.search-wrap-02.search-wrap { margin-bottom: 20px; }
}
@media all and (max-width: 425px) {
	.search-wrap-02.search-wrap .result-area { float: none; width: 100%; top: 55px; }
}