@charset "utf-8";


/* 목록형 스타일 
-------------------------------------------------------------------------------------------------------- */

.boardListForm .title img[alt="file"] {display: none;}

.boardListForm { 
	margin:0 0 10px; 
	padding:0;
}
.boardList {
	width:100%;
	border-collapse:collapse; 
	border-top:1px solid #cccdcf; 
	border-bottom:1px solid #cccdcf;
}

.boardList img,input,select,textarea{vertical-align:middle}

.boardList thead th { 
	border-top:2px solid #000000; 
	border-bottom:1px solid #000000;
	padding:18px 10px; 
	white-space:nowrap;
	background-color:#fafafa;
	text-align:center; 
	font-size:15px;	font-weight:normal; 
	color:#333; 
}
.boardList thead th:first-child {
	background-image:none;
}
.boardList thead th a {
	font-weight:normal;
	color:#333; 
}
.boardList thead th a .sort { 
	vertical-align:middle;
	margin:0 5px; 
} 
.boardList td { 
    font-size:15px;	font-weight:normal; 
	padding:18px 10px;
	white-space:nowrap; 
	text-align:center; 
	vertical-align:middle; 
	color:#555;
	background:#fff;
	border-top: 1px solid #ededed; 
}
.boardList td a {
	color:#555;
}
.boardList td.num { 
}
.boardList td.notice span { 
	display:inline-block;
	color: #2980b9;
} 
.boardList td .thumbnail { 
	margin-right: 10px;
} 
.boardList td.title { 
	width:100%; 
	white-space:normal; 
	text-align:left;
} 
.boardList td.title .xi-new,
.boardList td.title .xi-update { 
	color: #c00;
} 
.boardList td.title a { 
} 
.boardList td .subject { 
	font-weight:normal; 
	text-decoration:none; 
	color:#555; 
} 







.boardList td .category {
	padding:0 5px 0 0; 
	margin-right:5px; 
	color:#2980b9; 
	border-right:1px solid #eee;
}
.boardList td .replyNum,
.boardList td .trackbackNum { 
	font:normal 11pt Trebuchet MS, tahoma, Arial;color:#f15470; 
}
.boardList td .replyNum span{ 
	font:normal 9pt Trebuchet MS, tahoma, Arial;color:#9b9b9b; 
}

.boardList td.author { 
	text-align:left; 
}
.boardList td.checkbox input { 
	float:none; 
	margin:0; 
}

	/* hover */
.boardList th a:hover,
.boardList td a:hover { 
	color:#2980b9 !important;
} 


@media (max-width: 767px) {	
.boardList td {font-size:13px;}
}