@charset "utf-8";


/* PC 목록형 스타일 
-------------------------------------------------------------------------------------------------------- */
.boardListForm { 
	margin:0; 
	padding: 0;
}
.boardList { 
	width:98%;
	border-collapse:collapse; 
}
.boardList thead th { 
	padding:15px 10px; 
	white-space:nowrap;
	text-align:center; 
	
	font-weight:normal;	
	border-top: 1px solid #cccdcf;  
	border-bottom:3px solid #cccdcf;  
	color:#333; 
}
.boardList thead th a {
	font-weight:normal;
	font-size:13px;
	color:#333; 
}
.boardList thead th a .sort { 
	vertical-align:middle;
	margin:0 5px; 
} 
.boardList .noticeList td {
	background: #f9f9f9;
}
.boardList td {
	display:table-cell;
	padding:10px 5px;
	white-space:nowrap; 
	text-align:center; 
	vertical-align:middle; 
	color:#555;
	border-bottom: 1px solid #eee;
}
.boardList td a {
	color:#555;
}
.boardList td.num { 
}
.boardList .notice  { 
	color: #c00;
} 
.boardList td .thumbnail { 
	margin-right: 10px;
} 
.boardList td.title { 
	width:100%; 
	white-space:normal; 
	text-align:left;
} 
.boardList td.title a {} 
.boardList td .subject { 
	font-weight:normal; 
	text-decoration:none; 
	font-size: 16px;
	color:#555; 
} 
.boardList td .category { 
	display:inline-block;
	padding:0 5px 0 0; 
	margin-right:5px; 
	color: #e6232d; 
	border-right:1px solid #eee;
}
.boardList td .replyNum,
.boardList td .trackbackNum { 
	margin-right: 8px;
	color:#c00 !important; 
}
.boardList td.author { 
	text-align:left; 
}
.boardList td.checkbox input { 
	float:none; 
	margin:0; 
	top:40%;
}

	/* hover */
.boardList th a:hover,
.boardList td a:hover { 
	text-decoration: underline !important;
} 


/* Mobile 목록형 스타일 
-------------------------------------------------------------------------------------------------------- */
.boardList ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.boardList ul li {
	margin: 0;
	padding:10px 0;
	color:#555;
	border-bottom: 1px solid #eee;
}
.boardList li.noticeList {
	background: #f9f9f9;
}
.boardList li a {
	color:#555;
}
.boardList li span {
	margin-right: 10px;
}
.boardList li .category { 
	display:inline-block;
	padding:0 5px 0 0; 
	margin-right:5px; 
	color: #3498db; 
	border-right:1px solid #eee;
}
.boardList li .subject { 
	text-decoration:none; 
	padding: 5px 0;
	font-size: 14px;
	color: #333; 
} 
.boardList li .replyNum { 
	margin-left: 5px;
	color:#c00 !important; 
}

/* colorset - dark  
-------------------------------------------------------------------------------------------------------- */
#xet_board.black .boardListForm {
	background: #000;
}
#xet_board.black .boardList thead th { 	
	border-color:#2b2b2b; 
	color:#ccc; 
}
#xet_board.black .boardList thead th:first-child {
	background-image:none;
}
#xet_board.black .boardList thead th a {
	color:#ccc; 
} 
#xet_board.black .boardList td,
#xet_board.black .boardList ul li { 
	color:#ccc;
	border-color: #2b2b2b;
}
#xet_board.black .boardList td a,
#xet_board.black .boardList li a {
	color:#ccc;
}
#xet_board.black .boardList td .subject,
#xet_board.black .boardList li .subject { 
	color:#fff; 
}
#xet_board.black .boardList td .category,
#xet_board.black .boardList li .category { 
	border-color: #333;
}


@media (max-width: 767px) {
	.boardList {
		border-top:3px solid #cccdcf;  
	}
	#xet_board.black .boardList {
		border-color: #2b2b2b;
	}
}