body {
	background-color: #333;
	color: #eee;
}

caption { 
	background-color: #333;
	color: #eee;
}

a { 
	color: #eee;
}

.userSkin_leftBox {
	color: #E9E9E9 !important;
	background-color: #555 !important;
}

.userSkin_leftBoxRed {
	color: #ED7 !important;
	background-color: #444 !important;
}




.userSkin_background {
	background-color: #333 !important;
}


.userSkin_color {
	color: #eee !important;
	background-color: transparent;
}

.userSkin_color2 {
	color: #eee !important;
	background-color: #333 !important;
}


.userSkin_color_title {
	color: #ff8 !important;
	 font-weight: bold;
}


.userSkin_unColor {
	color: #333 !important;
	background-color: transparent;
}


.userSkin_unColor2 {
	color: #333 !important;
	background-color: #eee !important;
}

.userGray_color { 
	color: #aaa !important;
}


.userSkin_border {
	border:1px solid #666;
}



/* ========= 타이틀 이미지 배경 색 ================ */



.ani_fadein {
	background-color:#333;
}

.ImgLeftRightGradient::after {

    background: linear-gradient(left, rgba(255, 255, 255, 0) 80%, #333 100%)
			    ,linear-gradient(right, rgba(255, 255, 255, 0) 80%, #333 100%);
			
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 80%, #333 100%)
	            ,-moz-linear-gradient(right, rgba(255, 255, 255, 0) 80%, #333 100%);

    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 80%, #333 100%)
	            ,-ms-linear-gradient(right, rgba(255, 255, 255, 0) 80%, #333 100%);

    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 80%, #333 100%)
	            ,-o-linear-gradient(right, rgba(255, 255, 255, 0) 80%, #333 100%);

    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 80%, #333 100%)
		        ,-webkit-linear-gradient(right, rgba(255, 255, 255, 0) 80%, #333 100%);

}




/*============ 페이지 어두운 스타일 ==================== */

/* 🌙 어두운 배경 모드 스타일 */
.page-mode {
    /* 페이지네이션 컨테이너 자체의 배경색 (게시판 하단 배경색과 일치해야 함) */
    background-color: #333; /* 어두운 회색 */
    color: #fff; /* 기본 텍스트 색상: 흰색 */
    
}

/* 모든 페이지 링크 기본 스타일 */
.page-mode .pagination-link {
    color: #ccc; /* 기본 링크 텍스트색 */
    transition: background-color 0.2s, color 0.2s;
}

/* 처음, 이전, 다음, 마지막 가기 링크 (화살표/텍스트 구분) */
.page-mode .first,
.page-mode .prev,
.page-mode .next,
.page-mode .last {
    color: #bbb; /* 기본 페이지 번호보다 조금 더 어둡게 */
}

/* 🖱️ 마우스 오버/터치 시 (Dark Mode) */
.page-mode .pagination-link:hover,
.page-mode .pagination-link:focus {
    background-color: #555;
    color: #fff;
}

/* 🌟 선택된 페이지 (Active Page) */
.page-mode .active {
    background-color: #007bff; /* 강조색 (예: 파란색) */
    color: #fff; /* 흰색 텍스트 */
}



/*============ 도움말 테이블 어두운 스타일 ==================== */

.table_help_title {
	width : 200px;
	text-align: center;
	background-color: #666;
	border: 3px solid #666;
	padding: 10px;
	font-weight: bold;
}

.table_help_text {
	padding: 10px;
	border: 3px solid #666;
	text-align: left;
	line-height: 150%;
}

.table_help {
	border-collapse: collapse;
	margin: 0px;
	margin-left:auto; 
	margin-right:auto;
}