@charset "utf-8";

/* .board-list { margin: 70px 0; } */

/* Top Search */
.list-tsearch { background:#eff3f8; padding:55px; margin-bottom:55px; }
.list-tsearch-box { position: relative; display: flex;  width:80%; margin: 0 auto; }
.list-tsearch-box .select-wrap { float: left; width: 140px; }
.list-tsearch-box .searchvalue-wrap { float: left; width: calc(100% - 150px); }

@media all and (max-width:768px) {
.list-tsearch { background:#f8f8f8; padding:20px; margin-bottom:40px; }
.list-tsearch-box .select-wrap { width: 100px; }
.list-tsearch-box .searchvalue-wrap { width: calc(100% - 100px); }
.list-tsearch-box { position: relative; display: flex;  width:100%; margin: 0 auto; }
}

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* List */
.list-wrap { margin: 0 0 150px; width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

/* Page */
/*
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }
*/

/* View */
.view-wrap { overflow:hidden; margin: 0 0 150px; width:100%;  }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 0px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { overflow:hidden; margin: 0 0 150px; width:100%;  }

@media all and (max-width:480px) {
	/*.board-list { margin: 50px 0; }*/
}

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}



.board-head { padding: 30px 25px 20px; margin: 0 0 50px; background: #eee; font-weight: 300; color: #000; line-height: 1.2;}
.board-head p { padding: 0 0 5px 18px; text-indent: -18px; word-break: keep-all;}

@media (max-width:768px){
    .board-head { padding: 20px 15px 15px;margin: 0 0 40px;  font-size: 16px; }
}
@media (max-width:576px){
    .board-head { padding: 20px 10px 10px; margin: 0 0 30px; font-size: 15px; }
}