@charset "utf-8";

/* ================================
   TOP SEARCH
================================ */
.list-tsearch {
	border: 1px solid #484848;
	background: #2E2E2E;
	padding: 20px 15px 3px;
	margin-bottom: 15px;
	color: #c5c5c9;
}

/* ================================
   CATEGORY
================================ */
.list-category .tabs { margin-bottom: 10px; }
.list-category .dropdown { margin-bottom: 20px; }
.list-category .active a,
.list-category .selected a {
	color: #E49C12;
	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;
	background: #2E2E2E;
	border: 1px solid #484848;
	color: #c5c5c9;
}
.list-btn .sort-drop .sort a {
	color: #E49C12 !important;
	font-weight: bold !important;
}
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

/* ================================
   PAGINATION
================================ */
.list-wrap .pagination a,
.view-wrap .pagination a {
	color: #c5c5c9 !important;
	background: #2E2E2E;
	border-color: #484848;
}
.list-wrap .pagination a:hover,
.view-wrap .pagination a:hover {
	background: #3b3b47;
	color: #E49C12 !important;
	border-color: #E49C12;
}
.list-wrap .pagination .active a,
.view-wrap .pagination .active a {
	color: #fff !important;
	background: #E49C12 !important;
	border-color: #E49C12 !important;
}

/* ================================
   VIEW
================================ */
.view-wrap {
	width: 100%;
	border: 1px solid #484848;
	overflow: hidden;
	background: #343538;
	color: #c5c5c9;
}
.view-wrap.view-modal {
	padding: 5px;
	margin: 0px;
	background: #2E2E2E;
}
.view-btn {
	padding: 10px 10px 10px;
	border-top: 1px solid #484848;
	background: #2E2E2E;
	color: #c5c5c9;
}
.view-btn i { margin-right: 2px; }
.view-btn a {
	color: #c5c5c9;
	border: 1px solid #484848;
	background: #343538;
	border-radius: 4px;
	padding: 4px 10px;
	text-decoration: none;
	transition: background .15s, color .15s;
}
.view-btn a:hover {
	background: #3b3b47;
	color: #E49C12;
	border-color: #E49C12;
}

/* ================================
   WRITE
================================ */
.write-wrap {
	width: 100%;
	overflow: hidden;
	border: 1px solid #484848;
	background: #343538;
	color: #c5c5c9;
}
.well {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #484848;
	box-shadow: none !important;
	background: #2E2E2E;
	color: #c5c5c9;
}

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