@charset "utf-8";

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

/* Top Search */
.list-tsearch { background:#eff3f8; padding:55px; margin-bottom:55px; display:none;}
.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 { 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 { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 0px; }
.view-btn i { margin-right:2px; }

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

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

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




/* Button ------------------------------------------------------ */
.btn.customer-btn-color {
	color: #fff !important; border-image: none !important; background-image: none !important;
	border: 1px solid #1753ab;  
	background-color: #1753ab; 
}
.btn.active.customer-btn-color, .btn.customer-btn-color:hover, .btn.customer-btn-color:focus, .btn.customer-btn-color:active { 
	background-color: #1753ab; 
}
.btn.customer-btn-black { 
	color: #fff !important; border-image: none !important; background-image: none !important;
	border: 1px solid #666; 
	background-color: #666; 
}
.btn.active.customer-btn-black, .btn.customer-btn-black:hover, .btn.customer-btn-black:focus, .btn.customer-btn-black:active { 
	background-color: #666; 
}

.btn.customer-btn1 { 
	color: #333 !important; border-image: none !important; background-image: none !important;
	border: 1px solid #ddd; 
	background-color: #fff; 
}
.btn.active.customer-btn1, .btn.customer-btn1:hover, .btn.customer-btn1:focus, .btn.customer-btn1:active { 
	background-color: #fff; 
}

.btn.customer-btn2 { 
	color: #fff !important; border-image: none !important; background-image: none !important;
	border: 1px solid #db1010; 
	background-color: #db1010; 
}
.btn.active.customer-btn2, .btn.customer-btn2:hover, .btn.customer-btn2:focus, .btn.customer-btn2:active { 
	background-color: #db1010; 
}

a.btn i, button.btn > i { display:none; }
.btn-sm, .btn-group-sm>.btn { padding: 9px 60px; }
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left: 0px; }

@media all and (max-width:768px) {
.btn-sm, .btn-group-sm>.btn { padding: 10px 20px 9px; height: 45px; font-size: 15px; }
.is-pc .ko .btn-xs, .is-pc .ko .btn-sm { font-size: 16px; }
.btn.customer-btn1, .btn.customer-btn2 { border-bottom:0px; border-right:0px; }
.btn.customer-btn1:nth-of-type(2n) { border-right:1px solid #ddd; }
a.btn.customer-btn1 { border-bottom:1px solid #ddd; }
a.btn.customer-btn2 { border-bottom:1px solid #db1010; }
}