/*---------------------------------------------------------------------------------------------------------------
	일반 리스트 게시판
---------------------------------------------------------------------------------------------------------------*/
.boardList, .boardView, .boardWrite { width: 100%; margin: 0 0 10px; line-height: 1.3; border-top: 2px solid #bbb; font-size: 13px; }
.boardList thead th, .boardView thead th, .boardWrite th { text-align: center; font-weight: bold; font-size: 12px; padding: 13px 10px; color: #555; border-bottom: 1px solid #ccc; background: #f6f6f6; }
.boardList td { text-align: center; padding: 10px 15px; border-bottom: 1px solid #ccc; }
.boardList a:link, .boardList a:visited, .boardList a:active, .boardList a:focus, .photoList a:link, .photoList a:visited, .photoList a:active, .photoList a:focus { 
	color: #444 !important; display: block;
}
.boardList a:hover, .photoList a:hover {text-decoration: underline; color: #5e80b5 !important; }
.boardList tbody tr:hover { background: #f9f9f9; }

.boardList .topNotice, .boardWrite th { background: #f0f9fe; color: #5e80b5 !important; }
.boardList .topNotice a { color: #5e80b5 !important; }

.boardView { margin-bottom: 30px; }
.boardView thead th { text-align: left; }
.boardView thead .writerInfo { padding: 10px 10px 20px; border: none; color: #888; text-align: right; font-size: 12px; }
.boardView tbody td { padding: 0 10px 15px; border-bottom: 1px solid #eee; line-height: 1.5; }

.answer { width: 100%; margin: 30px 0; }
.answer .writerInfo { padding-right: 15px !important; }
.answer thead th { background: #aaa; padding: 10px 15px; color: #fff; text-align: left; font-weight: normal; border: none; }
.answer td { border: none !important; background: #fafafa; }
.answer tbody td { padding: 0 15px 20px; color: #555; }

.boardWrite th { text-align: left;  padding: 7px 15px; width: 100px; }
.boardWrite td { padding: 7px 15px; text-align: left; border-bottom: 1px solid #ccc; min-height: 30px;}
.boardWrite label { line-height: 28px; }

.photoList { overflow: auto; margin: 5px 0 10px; width: 100%; display: block; }
.photoList li { width: 210px; height: 248px; margin: 0 10px 15px 0; border-bottom: 1px solid #ccc; float: left; display: block; }
.photoList .last { margin-right: 0 !important; }
.photoList .thumb { width: 210px; height: 145px; overflow: hidden !important; }
.photoList .thumb img { height: 100%; }
.photoList .title { 
	height: 34px; 
	padding: 10px 10px 0; 
	overflow: hidden !important; 
	font-size: 13px; 
	line-height: 1.3;
	word-break: break-all;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.photoList .writer { 
	font-size: 11px; 
	height: 34px;
	padding: 10px 10px 15px; 
	margin: 0 !important;
	overflow: hidden !important; 
	color: #888; 
	line-height: 1.5; 
	word-break: break-all;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
}
.thumb .no-img { 
	background: #eee;
	width: 210px; 
	height: 145px; 
	text-align: center; 
	line-height: 145px; 
	font-size: 12px; 
	color: #888;
}

/*---------------------------------------------------------------------------------------------------------------
	페이지네이션
---------------------------------------------------------------------------------------------------------------*/
.pagination { display: inline-block; padding-left: 0; margin: 10px 0 20px; }
.pagination > li { display: inline; }
.pagination > li > a {	
	position: relative;	
	float: left; 
	font-size: 12px; 
	line-height: 25px !important; 
	height: 23px; 
	padding: 0 9px; 
	margin: 0 0 5px;
	color: #717171 !important; 
	border: 1px solid #c9c9c9; 
	margin-right: 5px; 
	background: url('images/pagination.jpg') repeat-x;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
.pagination > li > a:hover { 
	transition: none; 
	background: url('images/pagination-hover.png') repeat-x;
}
.pagination .active a,
.pagination .active a:hover { 
	color: #fff !important; 
	background: url('images/pagination-active.jpg') repeat-x; 
	font-weight: bold; 
	cursor: default; 
	border: 1px solid #505050;
}
.pagination .pprev, .pagination .prev, .pagination .next, .pagination .nnext { 
	width: 28px; 
	height: 27px; 
	padding: 0; 
	border: none; 
	box-shadow: none;
}
.pagination .pprev, .pagination .pprev:hover { background: url('images/pagination-pprev.png') no-repeat; }
.pagination .prev, .pagination .prev:hover { background: url('images/pagination-prev.png') no-repeat; }
.pagination .next, .pagination .next:hover { background: url('images/pagination-next.png') no-repeat; }
.pagination .nnext, .pagination .nnext:hover { background: url('images/pagination-nnext.png') no-repeat; }


/*---------------------------------------------------------------------------------------------------------------
	게시물 검색
---------------------------------------------------------------------------------------------------------------*/
.boardSearch { height: 30px; margin: 10px 0 10px; display: block; float: none; }
.boardSearch input { width: 150px; }


/*---------------------------------------------------------------------------------------------------------------
	게시물 삭제 비밀번호 토글
---------------------------------------------------------------------------------------------------------------*/
.pw-box { display: none;}



/*---------------------------------------------------------------------------------------------------------------
	모바일
---------------------------------------------------------------------------------------------------------------*/

#mobile .boardSearch { height: 30px; width: 250px; margin: 0 auto 30px; display: block; float: none; padding-bottom: 30px; }
#mobile .boardSearch input { width: 150px; }

#mobile .boardList, 
#mobile .boardView, 
#mobile .boardWrite { 
	width: 100%; 
	margin: 0 0 10px; 
	line-height: 1.3; 
	border-top: none; 
	font-size: 13px;
}

#mobile .boardList thead th, 
#mobile .boardView thead th,
#mobile .boardWrite th { 
	text-align: center; 
	font-weight: bold; 
	font-size: 12px; 
	padding: 9px 8px; 
	color: #555; 
	border-bottom: 1px solid #ccc; 
	background: #f6f6f6;
}

#mobile .boardList td { 
	text-align: center; 
	padding: 8px 5px; 
	border-bottom: 1px solid #ccc;
}

#mobile .boardList a:link, 
#mobile .boardList a:visited, 
#mobile .boardList a:active, 
#mobile .boardList a:focus, 
#mobile .photoList a:link, 
#mobile .photoList a:visited, 
#mobile .photoList a:active, 
#mobile .photoList a:focus { 
	color: #444 !important; display: block;
}

#mobile .boardList a:hover, 
#mobile .photoList a:hover {
	text-decoration: underline;
	color: #5e80b5 !important;
}

#mobile .boardList tbody tr:hover { background: #f9f9f9; }

#mobile .boardWrite th { background: #f0f9fe; color: #ff7a01 !important; }

#mobile .boardView { margin-bottom: 30px; }
#mobile .boardView thead th { text-align: left; padding: 10px 12px; font-size: 14px; }
#mobile .boardView thead .writerInfo { padding: 10px 12px 20px; border: none; color: #888; text-align: right; font-size: 12px; }
#mobile .boardView tbody td { padding: 0 12px 15px; line-height: 1.5; }

#mobile .boardView iframe, #mobile .boardView img, #mobile .boardView video, #mobile .boardView object, #mobile .boardView embed { max-width: 100%; height: auto; }

#mobile .answer { width: 100%; margin: 30px 0 10px; }
#mobile .answer .writerInfo { padding-right: 15px !important; }
#mobile .answer thead th { background: #aaa; padding: 10px 15px; color: #fff; text-align: left; font-weight: normal; border: none; }
#mobile .answer td { border: none !important; background: #f5f5f5; }
#mobile .answer tbody td { padding: 0 15px 20px; color: #555; }

#mobile .boardWrite td { padding: 7px 15px; text-align: left; border-bottom: none; min-height: 30px;}
#mobile .boardWrite td p { margin: 0 0 3px; color: #ff7a01 !important;}
#mobile .boardWrite label { line-height: 28px; }