@charset "utf-8";

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* 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 30px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; overflow:hidden; border:1px solid #000; padding:10px; }

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

/* custom css */
.list-wrap {
margin-left: 2px;
padding-top: 15px;
}
.board-list {
padding: 10px;
}
.view-wrap {
    padding: 25px;
    background: var(--background-color-gray);
    border-radius: 10px;
}
.list-board .list-head {
	/*border-radius: 10px;*/
	background-color: #0a50b1 !important;
}
.div-head {
	border-top-style: none !important; 
    border-bottom: none !important;
}
.modal-content { background-color: #3a3d46 !important; }
.modal-content .form-control {
    border: 1px solid #606d94;
    box-shadow: none;
    background-color: #2e323c !important;
}
.btn.btn-black { 
	color: #fff !important; border-image: none !important; background-image: none !important;
	border: 1px solid #333; 
	background-color: #0a50b1; 
}
.btn.active.btn-black, .btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black:active { 
	background-color: #323c46; 
}
.btn.btn-deepblue { 
	color: #fff !important; border-image: none !important; background-image: none !important;
	border: 1px solid #333; 
	background-color: #007db4; 
}
.btn.active.btn-deepblue, .btn.btn-deepblue:hover, .btn.btn-deepblue:focus, .btn.btn-deepblue:active { 
	background-color: #006ea0; 
}
.list-page .pagination li a { color:#fff !important;background:#007db4 !important; border-color:#606d94 !important; padding:10px 15px; }
.list-page .pagination li.active a { color:#fff !important; background:#007db4 !important; border-color:#606d94 !important; }
.member, .guest { color:#fff; }


/* ¹öÆ° Ä¿½ºÅÒ */

.btn.btn-blue {
	color: #fff !important; border-image: none !important; background-image: none !important;
	border: 1px solid #007db4;  
	background-color: #555ef1; 
}
.btn.active.btn-blue, .btn.btn-blue:hover, .btn.btn-blue:focus, .btn.btn-blue:active { 
	background-color: #555ef1; 
}
.btn.btn-darkgray { 
	color: #fff !important; border-image: none !important; background-image: none !important;
	border: 1px solid #646071; 
	background-color: #555861; 
}
.btn.active.btn-darkgray, .btn.btn-darkgray:hover, .btn.btn-darkgray:focus, .btn.btn-darkgray:active { 
	background-color: #5A5D64; 
}

.checkbox-inline { color:#fff; }
.form-group a:link { color:#fff; }

#myModalLabel { color:#fff; }

@media (max-width: 860px) {
	.board-list {
	    padding: 0;
	}
}