@charset "utf-8";
/**
 * KBoard Default Skin - Minimal Luxury Monochrome (Fixed)
 */

/* 1. 기본 폰트 및 공통 설정 */
.kboard-default-list *,
.kboard-default-document *,
.kboard-default-editor *,
.kboard-default-latest * {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
	letter-spacing: -0.03em;
	box-sizing: border-box;
}

/* 링크 기본 스타일 */
a { text-decoration: none !important; color: inherit; transition: opacity 0.2s; }
a:hover { opacity: 0.7; }

/* 2. 버튼 디자인 */
a.kboard-default-button-small,
input.kboard-default-button-small,
button.kboard-default-button-small {
	display: inline-block;
	margin: 0 4px;
	padding: 0 20px;
	height: 40px;
	line-height: 38px;
	font-size: 13px;
	font-weight: 500;
	color: #111 !important;
	background: #fff !important;
	border: 1px solid #ddd !important;
	border-radius: 0;
	cursor: pointer;
	transition: all 0.3s ease;
	vertical-align: middle;
}

a.kboard-default-button-small:hover,
input.kboard-default-button-small:hover,
button.kboard-default-button-small:hover {
	color: #fff !important;
	background: #111 !important;
	border-color: #111 !important;
	opacity: 1;
}

.kboard-default-poweredby { display: none; }

.kboard-default-new-notify {
	display: inline-block;
	margin-left: 6px;
	padding: 2px 5px;
	font-size: 10px;
	line-height: 1;
	color: #fff;
	background-color: #000;
	font-weight: 600;
	vertical-align: middle;
}

/* 3. 리스트 화면 */
#kboard-default-list { width: 100%; margin-top: 30px; }

#kboard-default-list .kboard-list-header {
	padding-bottom: 15px;
	border-bottom: 2px solid #111;
	margin-bottom: 0;
	overflow: hidden;
}
#kboard-default-list .kboard-list-header .kboard-total-count {
	float: left;
	font-size: 14px;
	color: #111;
	font-weight: 600;
}
#kboard-default-list .kboard-list-header .kboard-sort { float: right; }
#kboard-default-list .kboard-list-header .kboard-sort select {
	border: none;
	font-size: 13px;
	color: #666;
	font-weight: 400;
	background: transparent;
	outline: none;
	cursor: pointer;
}

#kboard-default-list .kboard-list table { width: 100%; border-collapse: collapse; table-layout: fixed; }

#kboard-default-list .kboard-list thead tr td {
	padding: 15px 0;
	font-size: 13px;
	color: #888;
	border-bottom: 1px solid #eee;
	text-align: center;
	font-weight: 400;
}

#kboard-default-list .kboard-list tbody tr td {
	padding: 20px 0;
	border-bottom: 1px solid #f5f5f5;
	vertical-align: middle;
	font-size: 14px;
	color: #333;
	text-align: center;
}
#kboard-default-list .kboard-list tbody tr:hover { background-color: #fafafa; }
#kboard-default-list .kboard-list tbody tr.kboard-list-notice { background-color: #f9f9f9; }
#kboard-default-list .kboard-list tbody tr.kboard-list-notice td { font-weight: 600; color: #111; }

/* 페이지네이션 */
#kboard-default-list .kboard-pagination { padding: 50px 0; text-align: center; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages li { margin: 0 5px; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages li a {
	display: block; width: 30px; height: 30px; line-height: 30px;
	font-size: 14px; color: #aaa; background: transparent; border: none; transition: all 0.3s;
}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a {
	color: #111; font-weight: 700; border-bottom: 2px solid #111;
}

/* 검색창 */
#kboard-default-list .kboard-search {
	padding: 30px 0; text-align: center; border-top: 1px solid #eee; margin-top: 30px;
}
#kboard-default-list .kboard-search select,
#kboard-default-list .kboard-search input {
	height: 40px; border: 1px solid #ddd; background: #fff; padding: 0 10px; color: #333; vertical-align: middle;
}
#kboard-default-list .kboard-search button {
	height: 40px; border: 1px solid #111; background: #111; color: #fff; padding: 0 20px; vertical-align: middle;
}

/* ==========================================================================
   4. 본문 읽기 화면 (수정됨: 정보 표시 복구)
   ========================================================================== */
#kboard-default-document .kboard-title h1 {
	font-size: 28px;
	font-weight: 400;
	color: #111;
	padding: 30px 0 20px;
	line-height: 1.4;
	margin: 0;
	border-bottom: 2px solid #111;
}

/* [수정] 상세 정보 영역 복구 및 스타일링 */
#kboard-default-document .kboard-detail {
	background: #fff;
	border-bottom: 1px solid #eee;
	padding: 15px 0;
	color: #777; /* 잘 보이는 회색 */
	font-size: 13px;
	overflow: hidden;
}
#kboard-default-document .kboard-detail .detail-attr {
	float: left;
	margin-right: 15px;
}
/* [수정] display: none 삭제하고 보이게 변경 */
#kboard-default-document .kboard-detail .detail-name {
	display: inline-block;
	font-weight: 500;
	color: #555;
}
#kboard-default-document .kboard-detail .detail-sep {
	color: #ddd;
	margin: 0 10px;
}

/* 본문 내용 */
#kboard-default-document .kboard-content {
	padding: 60px 10px;
	font-size: 16px;
	line-height: 1.8;
	color: #333;
}
#kboard-default-document .kboard-content img { max-width: 100%; margin: 20px 0; }

/* 첨부파일 */
#kboard-default-document .kboard-attach {
	margin: 20px 0; padding: 15px; background: #fcfcfc; border: 1px solid #eee; font-size: 13px;
}

/* 버튼 컨트롤 */
#kboard-default-document .kboard-control {
	text-align: right; border-top: 1px solid #eee; padding-top: 20px; margin-bottom: 50px;
}

/* ==========================================================================
   5. 글쓰기 에디터
   ========================================================================== */
#kboard-default-editor .kboard-attr-row { border-bottom: 1px solid #eee; padding: 15px 0; }
#kboard-default-editor input[type=text],
#kboard-default-editor input[type=email],
#kboard-default-editor input[type=password],
#kboard-default-editor select {
	border: none; border-bottom: 1px solid #ddd; height: 40px; font-size: 15px; width: 100% !important;
	background: transparent; padding: 0 5px; transition: border-color 0.3s;
}
#kboard-default-editor input:focus,
#kboard-default-editor select:focus { border-bottom: 1px solid #111; outline: none; }
#kboard-default-editor .attr-name { font-size: 14px; color: #888; font-weight: 500; }
#kboard-default-editor .kboard-content .editor-textarea {
	border: 1px solid #eee; padding: 20px; font-size: 15px; line-height: 1.6; min-height: 400px;
}

/* ==========================================================================
   6. 반응형
   ========================================================================== */
@media screen and (max-width: 600px) {
	#kboard-default-list .kboard-list thead { display: none; }
	#kboard-default-list .kboard-list tbody tr td { text-align: left; padding: 15px 5px; }
	
	#kboard-default-list .kboard-list .kboard-list-uid,
	#kboard-default-list .kboard-list .kboard-list-date,
	#kboard-default-list .kboard-list .kboard-list-vote,
	#kboard-default-list .kboard-list .kboard-list-view { display: none; }
	
	#kboard-default-list .kboard-list .kboard-list-title { width: 100%; padding: 10px 5px; }
	
	#kboard-default-list .kboard-mobile-contents { display: block; font-size: 12px; color: #999; margin-top: 5px; }
	
	a.kboard-default-button-small, button.kboard-default-button-small { width: 100%; text-align: center; margin-bottom: 5px; }
	
	#kboard-default-list .kboard-search select,
	#kboard-default-list .kboard-search input,
	#kboard-default-list .kboard-search button { width: 100% !important; margin-bottom: 5px; float: none; }
	
	/* 본문 헤더 반응형 */
	#kboard-default-document .kboard-title h1 { font-size: 20px; padding: 15px 0; }
	#kboard-default-document .kboard-detail .detail-attr { float: none; display: inline-block; margin-bottom: 5px; }
}