@charset "utf-8";


/* Table 스타일 
-------------------------------------------------------------------------------------------------------- */
.boardListForm { 
	margin:0; 
	padding: 0;
}
/* table */
.boardList { 
	width:100%;
	border-collapse:collapse; 
}
.boardList thead th { 
	padding:15px 10px; 
	white-space:nowrap;
	text-align:center; 
	font-size:13px;
	font-weight:normal;	
	border-top: 1px solid #e1e1e1;  
	border-bottom:1px solid #e1e1e1;  
	color: #333; 
	background: #f9f9f9;
}
.boardList thead th a {
	font-weight:normal;
	text-decoration: none;
	color: #333; 
}
.boardList thead th a .sort { 
	vertical-align:middle;
	margin:0 5px; 
} 
.boardList td { 
	padding:10px 5px;
	white-space:nowrap; 
	text-align:center; 
	vertical-align:middle; 
	color: #555;
	border-bottom: 1px solid #eee;
}
.boardList tr.on td {
	border-bottom-color: #c00;
}
.boardList td a {
	text-decoration: none;
	color: #555;
}
.boardList td .notice {}
.boardList .notice i {
	font-size: 16px;
	color: #3498db;
}
.boardList .noticeList a.subject {
	color: #3498db;
}
.boardList td.title { 
	width: 100%; 
	white-space: normal; 
	text-align: left;
} 
.boardList td.title a {
	display: inline-block;
} 
.boardList td .subject { 
	font-size: 14px;
	color: #333; 
} 
.boardList td .category { 
	display: inline;
	padding: 0 5px 0 0; 
	margin-right: 5px; 
	color: #3498db; 
	border-right:1px solid #eee;
}
.boardList td .replyNum,
.boardList td .trackbackNum { 
	margin-right: 5px;
	color: #c00 !important; 
}
.boardList td.author { 
	position: relative;
	text-align: left; 
}
.boardList td.checkbox input { 
	margin:0; 
}

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


/* UL 스타일 
-------------------------------------------------------------------------------------------------------- */
.boardList ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.boardList ul li {
	margin: 0;
	padding: 10px 0;
	color: #777;
	border-bottom: 1px solid #eee;
}
.boardList li.noticeList {
	border-color: #e1e1e1;
}
.boardList li.noticeList:first-child {
	border-top: 1px solid #e1e1e1;
}
.boardList li.on {
	border-bottom-color: #c00;
}
.boardList li.noticeList a.subject {
	color: #3498db;
}
.boardList li a {
	text-decoration: none;
	color: #777;
}
.boardList li .thumbnail {
	overflow: hidden;
}
.boardList li .thumbnail img {
	vertical-align: top;
	max-width: 100%;
}
.boardList li .float_left.contents {
	width: calc(100% - 120px)
}
.boardList li span {
	margin-right: 5px;
}
.boardList li .notice {
	padding: 0;
	margin-right: 5px;
}
.boardList li .category { 
	color: #3498db; 
}
.boardList .check, 
.boardList li .title { 
	padding: 0;
	margin: 5px 0;
}
.boardList li .subject { 
	font-size: 14px;
	color: #111; 
} 
.boardList li .replyNum { 
	color:#c00 !important; 
}
.boardList li a:hover {
	text-decoration: underline;
}

/* colorset - dark  
-------------------------------------------------------------------------------------------------------- */
#xet_board.black .boardListForm {}
#xet_board.black .boardList thead th { 	
	border-color:#2b2b2b; 
	color:#aaa; 
	background-color: #111;
}
#xet_board.black .boardList thead th:first-child {
	background-image:none;
}
#xet_board.black .boardList thead th a {
	color:#aaa; 
} 
#xet_board.black .boardList td,
#xet_board.black .boardList ul li { 
	color:#aaa;
	border-color: #2b2b2b;
}
#xet_board.black .boardList tr.on td,
#xet_board.black .boardList li.on {
	border-bottom-color: #c00;
}
#xet_board.black .boardList a {
	color:#aaa;
}
#xet_board.black .boardList .subject { 
	color:#fff; 
}
#xet_board.black .boardList .noticeList a.subject {
	color: #3498db;
}
#xet_board.black .boardList .category { 
	border-color: #333;
}


@media (max-width: 767px) {
	.boardListForm { 
		overflow-x: scroll
	}
}