body {
	background-color: #FAF0E6; /* #333 -> #FAF0E6 */
	color: #333; /* #eee -> #333 */
}


/* summernote 에디터의 배경색 */
.note-editable {
    background-color: #FAF0E6 !important; /* body 배경색과 동일하게 설정 */
}


caption {
	background-color: #FAF0E6; /* #333 -> #FAF0E6 */
	color: #333; /* #eee -> #333 */
}

a {
	color: #333; /* #eee -> #333 */
}

/*
.userSkin_leftBox {
	color: #FAF0E6 !important;
	background-color: #AAA0B6 !important;
}

.userSkin_leftBoxRed {
	color: #FAF0E6 !important;
	background-color: #8A8096 !important;
}
*/
.userSkin_leftBox {
	color: #333 !important;
	background-color: #DAD0C6 !important;

	stroke: #333 !important; 

	text-align:center;
}

.userSkin_leftBoxRed {
	color: #900 !important;
	background-color: #DAD0C6 !important;

	stroke: #900 !important; 
	text-align:center;
}




.userSkin_background {
	background-color: #FAF0E6 !important; /* #333 -> #FAF0E6 */
}


.userSkin_color {
	color: #333 !important; /* #eee -> #333 */
	background-color: transparent;

	stroke: #333 !important; 
}

.userSkin_color2 {
	color: #333 !important; /* #eee -> #333 */
	background-color: #FAF0E6 !important; /* #333 -> #FAF0E6 */

	stroke: #333 !important; 
}


.userSkin_color_title {
	color: #770000 !important; /* #ff8 -> #880000 (어두운 배경에 대비되는 밝은 노란색을, 밝은 배경에 대비되는 짙은 빨간색으로 변경) */
	 font-weight: bold;

	 stroke: #770000 !important; 
}


.userSkin_unColor {
	color: #FAF0E6 !important; /* #333 -> #FAF0E6 */
	background-color: transparent;

	stroke: #FAF0E6 !important; 
}


.userSkin_unColor2 {
	color: #FAF0E6 !important; /* #333 -> #FAF0E6 */
	background-color: #333 !important; /* #eee -> #333 */

	stroke: #FAF0E6 !important; 
}

.userGray_color {
	color: #666 !important; /* #aaa -> #666 (밝은 배경에서 더 잘 보이도록) */

	stroke: #666 !important; 
}


.userSkin_border {
	border:1px solid #ccc; /* #666 -> #ccc (밝은 배경에 맞는 밝은 회색 테두리) */
}



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



.ani_fadein {
	background-color:#FAF0E6; /* #333 -> #FAF0E6 */
}

/* 그라데이션의 끝 색상만 변경합니다. */
.ImgLeftRightGradient::after {

  background: linear-gradient(to right, rgba(250, 240, 230, 0) 80%, #FAF0E6 100%) /* #333 -> #FAF0E6 */
			  ,linear-gradient(to left, rgba(250, 240, 230, 0) 80%, #FAF0E6 100%); /* #333 -> #FAF0E6 */
			
  background: -moz-linear-gradient(to right, rgba(250, 240, 230, 0) 80%, #FAF0E6 100%) /* #333 -> #FAF0E6 */
	      ,-moz-linear-gradient(to left, rgba(250, 240, 230, 0) 80%, #FAF0E6 100%); /* #333 -> #FAF0E6 */

  background: -ms-linear-gradient(to right, rgba(250, 240, 230, 0) 80%, #FAF0E6 100%) /* #333 -> #FAF0E6 */
	      ,-ms-linear-gradient(to left, rgba(250, 240, 230, 0) 80%, #FAF0E6 100%); /* #333 -> #FAF0E6 */

  background: -o-linear-gradient(to right, rgba(250, 240, 230, 0) 80%, #FAF0E6 100%) /* #333 -> #FAF0E6 */
	      ,-o-linear-gradient(to left, rgba(250, 240, 230, 0) 80%, #FAF0E6 100%); /* #333 -> #FAF0E6 */

  background: -webkit-linear-gradient(to right, rgba(250, 240, 230, 0) 80%, #FAF0E6 100%) /* #333 -> #FAF0E6 */
		    ,-webkit-linear-gradient(to left, rgba(250, 240, 230, 0) 80%, #FAF0E6 100%); /* #333 -> #FAF0E6 */

}




/*============ 페이지 밝은 스타일 ==================== */

/* ✨ 밝은 배경 모드 스타일 */
.page-mode {
  /* 페이지네이션 컨테이너 자체의 배경색 (게시판 하단 배경색과 일치해야 함) */
  background-color: #FAF0E6; /* #333 -> #FAF0E6 */
  color: #333; /* #fff -> #333 */
 
}

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

/* 처음, 이전, 다음, 마지막 가기 링크 (화살표/텍스트 구분) */
.page-mode .first,
.page-mode .prev,
.page-mode .next,
.page-mode .last {
  color: #444; /* #bbb -> #444 */
}

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

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



/*============ 도움말 테이블 밝은 스타일 ==================== */

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

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

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