/* 목록 - 기본 */

#postList td {
	text-align: center;
}
	#postList .listCol0 {
		width: 15px;
	}
	#postList .listCol1 {
		width: 40px;
	}
	#postList .listCol2 {
		text-align: left;
	}
	#postList .listCol3 {
		text-align: left;
		width: 100px;
	}
	#postList .listCol4 {
		width: 70px;
	}
	#postList .listCol5 {
		width: 35px;
	}
	#postList .noResult {
		height: 100px;
		text-align: center;
	}
	#postList a {
		text-decoration: none;
	}
	#postList a:hover {
		text-decoration: underline;
	}
	#postList .notice {
		background-color: #FAFAFA;
	}
	#postList .notice:hover {
		background-color: #FFFFEE;
	}
	#postList .active {
		background-color: #F5F8F7;
	}
	#postList .active:hover {
		background-color: #FFFFEE;
	}
	#postList .active .listCol1 {
		font-weight: bold;
		color: #CC0000;
	}
	#postList .active .listCol2 .postTitle{
		font-weight: bold;
	}
	#postList .deleted {
		color: gray;
	}

/* 겔러리 스킨*/

#galleryList {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0;
}

#galleryList td{
	padding: 10px 5px;
	font-weight: normal;
	vertical-align: top;
	text-align: center;
	width: 25%;
}

#galleryList tr {
	background-color: #FFFFFF;
}
	#galleryList .writeTime {
		display: block;
		text-align: center;
		color: #5A89D8;
		font-size: 0.95em;
	}

	/*
	#galleryList .thumbnail {
		margin: 0 auto;
		width: 140px;
		height: 85px;
		overflow: hidden;
		background-color: #F0F0F0;
		border: 2px solid #C0C0C0;
	}
	#galleryList .thumbnail:hover {
		border: 2px solid #FF6600;
	}

	#galleryList .thumbnail img {
		width: 140px;
		height: 85px;
	}
	*/
	#galleryList .thumbnail {
		display: block;
		margin: 0 auto;
		margin-bottom: 5px;
		overflow: hidden;
		text-align:center;
		width:150px;
		height:150px;
		border: 1px solid #EEEEEE;
	}
	#galleryList .thumbnail:hover {
		border: 1px solid #FF9900;
	}
	#galleryList .thumbnail a {
		vertical-align: middle;
		text-align: center;
	}
	#galleryList .thumbnail table {
		width:150px;
		height:150px;
	}
	#galleryList .thumbnail table td{
		text-align: center;
		vertical-align: middle;
		margin: 0;
		padding: 0;
	}

#postListBottom {
	height: 30px;
}
	#postListBottom .listInfo {
		float: left;
		text-align: left;
	}

#postList .numComment {
	font-size: 0.9em;
	color: #006600;
	margin-right: 5px;
}

#postList .category {
	font-size: 0.9em;
	color: #808080;
	margin-right: 5px;
}

#listSearch {
	clear: both;
	margin-top: 10px;
}
	#listSearch #roleInfo {
		float: left;
		color: gray;
	}
		#listSearch #roleInfo span{
			font-weight: bold;
		}
	#listSearch #frmlistSearch {
		float: right;
		text-align: right;
	}
	#listSearch #search_keyword {
		width: 150px;
	}

/* 카테고리 */
ul#postCategory {
	margin:0;
	padding:10px 20px;
	border: 1px solid #D9DAD5;
	background-color: #FAFAFA;
	list-style: none;
}
	ul#postCategory li{
		display: inline;
		margin: 2px 0;
		padding-left: 5px;
		border-left: 1px solid #C0C0C0;
	}
	ul#postCategory li.firstChild {
		border-left: none;
	}
	ul#postCategory li.current {
		font-weight: bold;
	}
	ul#postCategory li a {
		text-decoration: none;
	}
	ul#postCategory li a:hover {
		text-decoration: underline;
	}

/* 보기 */

#postView {
	border-bottom: 1px solid #C0C0C0;
	margin-bottom: 10px;
	padding-bottom: 20px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}
	#postView h2 {
		background-image: none;
		background-color: #EEEEEE;
		border-top: 1px solid #C0C0C0;
		border-bottom: 1px solid #C0C0C0;
		margin: 0;
		padding: 2px 5px;
		font-size: 1.5em;
		line-height: 1.5em;
	}
	#postView h2 .category {
		margin-left: 10px;
		font-size: 0.8em;
		color: #808080;
	}
	#postView ul.postDetail {
		text-align: right;
		padding: 10px 5px;
		margin: 0;
		list-style: none;
	}
	#postView ul.postDetail li{
		display: inline;
		padding: 0 5px;
	}
		#postView ul.postDetail li a {
			text-decoration: none;
		}
		#postView ul.postDetail li a:hover {
			text-decoration: underline;
		}
	#postView .postContent {
		margin-top: 10px;
	}
	#postView .ipAddress {
		font-size: 0.9em;
	}

#postViewBottom {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 30px;
}

.listOptionMsg {
	color: #4157AF;
}

/* 파일 */
.attachImages {
	list-style: none;
	text-align: center;
	margin: 20px 15px;
	padding: 10px;
	border: 1px solid #E0E0E0;
	background-color: #FAFAFA;
}
	.attachImages li{
		padding-bottom: 10px;
	}

.attachFiles {
	list-style: none;
	margin: 20px 15px;
	padding: 10px;
	border: 1px solid #E0E0E0;
	background-color: #FAFAFA;
}
	.attachFiles li{
		display: inline;
		padding: 5px 0;
	}
	.attachFiles li a {
		padding: 2px 10px 2px 20px;
		background: transparent url(images/attach.gif) no-repeat 0 0px ;
		white-space: nowrap;
	}

/* 글 쓰기 */
#editForm {
}
	#editForm #writerName {
		width: 150px;
	}
	#editForm #password, #editForm #passwordMatch {
		width: 80px;
	}
	#editForm #email {
		width: 250px;
	}
	#editForm #homepage {
		width: 400px;
	}
	#editForm #fldTitle {
		width: 98%;
	}

/* 게시판 확인버튼 */
#pageBoardConfirm #confirmForm {
	width: 400px;
	margin: 50px auto;
}

/* 게시판 비밀번호 입력 */
#pageBoardPasswd #passwordForm {
	width: 400px;
	margin: 50px auto;
}


/* 파일 업로드 */
#uploadButtons {
	float: right;
	margin: 3px 0;
}

#btnFileCancel {
	margin-right: 10px;
}

#uploadProgress {
	float: left;
}
	#uploadProgress .progressWrapper {
		width: 400px;
		overflow: hidden;
	}
	#uploadProgress #progressContainer {
		padding: 2px 0 0 10px;
		overflow: hidden;
		height: 21px;
	}
	#uploadProgress .green /* Current */ 
	{	
		/*
		border: solid 1px #DDF0DD;
		background-color: #EBFFEB;
		*/
	}
	#uploadProgress .blue /* Complete */
	{
		/*
		border: solid 1px #CEE2F2;
		background-color: #F0F5FF;
		*/
	}
	#uploadProgress .red /* Error */
	{
		/*
		border: solid 1px #B50000;
		background-color: #FFEBEB;
		*/
	}
	#uploadProgress #progressBar {
		float: left;
		width: 160px;
		margin-top: 2px;
	}
		#uploadProgress #progressBar_percentText {
			padding-left: 5px;
		}
	
	#uploadProgress #progressName {
		float: left;
		font-weight: bold;
		color: #555555;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
	}
	#uploadProgress #progressStatus {
		float: left;
		text-align: left;
		white-space: nowrap;
		font-weight: bold;
		color: #006600;
		margin-left: 10px;
	}


/* 파일 목록 */
#fileContainer {
	margin-top: 5px;
	border: 1px solid #E0E0E0;
}
	#fileContainer #fileToolbar {
		background-color: #E6E6E6;
		padding: 2px 5px;
		border-bottom: 1px solid #E0E0E0;
		height: 27px;
	}

	#fileContainer #fileList {
		clear:both;
		padding: 5px;
	}
	#fileContainer #fileList table {

	}
		#fileContainer #fileList table td {
			padding: 2px 3px;
		}
		#fileContainer #fileList span.filename {
			padding: 2px 0 2px 20px;
			background: transparent url(images/attach.gif) no-repeat 0 0px ;
		}
		#fileContainer #fileList a:hover{
			color: #FF6600;
		}

		#fileContainer #fileList span.filesize{
			font-size: 0.9em;
		}

	#fileContainer #fileList .noFiles {
		text-align: center;
		color: #808080;
	}

	/* Horizontal Carousel */
	#fileContainer #imageList {
		height: 85px;
		margin-bottom: 10px;
		position: relative;
		border-bottom: 1px solid #E0E0E0;
	}

	#fileContainer #imageList .containerWrapper {
		height: 85px;
		position: relative;
		margin: 0 25px;
		overflow: hidden;
	}

	#fileContainer #imageList .container {
		overflow: hidden;
		width: 100%;
	}

	#fileContainer #imageList .noImages {
		position: relative;
		top: 0;
		left: 0;
		margin: 0 30px;
		height: 80px;
		padding-top: 25px;
		text-align: center;
		color: #808080;
	}

	#fileContainer #imageList ul {
		position: relative;
		top: 0;
		left: 0;
		padding: 0;
		width: 100000px;
		height: 80px;
	}
	#fileContainer #imageList ul li {
		list-style:none;
		margin: 6px;
		padding: 0;
		display: block;
		float:left;
	}

	#fileContainer #imageList .attachImage table {
		width: 55px;
		height: 55px;
	}

	#fileContainer #imageList .attachImage td {
		vertical-align: middle;
		text-align: center;
	}

	#fileContainer #imageList .thumbnail a {
		display: block;
		overflow: hidden;
		border: 2px solid #C0C0C0;
		background-color: #F4F4F4;
		cursor: move;
	}
	#fileContainer #imageList .thumbnail a:hover{
		border: 2px solid #FF6600;
	}

	#fileContainer #imageList .filemenu {
		text-align: center;
		width: 55px;
	}

	#fileContainer #imageList .previous_button {
		float: left;
		width: 20px;
		height: 85px;
		background: #F4F4F4 url(images/left.gif) no-repeat center;
		z-index: 99;
		cursor: pointer;
	}

	#fileContainer #imageList .previous_button_disabled {
		background: #F4F4F4 url(images/left-disabled.gif) no-repeat center;
		z-index: 99;
		cursor: default;
	}

	#fileContainer #imageList .next_button {
		float: right;
		width: 20px;
		height: 85px;
		background: #F4F4F4 url(images/right.gif) no-repeat center;
		z-index: 99;
		cursor: pointer;
	}

	#fileContainer #imageList .next_button_disabled {
		background: #F4F4F4 url(images/right-disabled.gif) no-repeat center;
		z-index: 99;
		cursor: default;
	}


	.btnFileDelete {
		cursor: pointer;
	}

/* 덧글 목록 */
#comments {
	border: 1px solid #E0E0E0;
	background-color: #FAFAFA;
	padding: 10px;
}

#commentList {
	list-style:none;
	padding: 0;
	margin: 0;
}
	#commentList li {
		list-style:none;
		margin: 5px 0;
	}

	#commentList .writer {
		
	}
		#commentList .writer a {
			text-decoration: none;
		}
		#commentList .writer a:hover {
			text-decoration: underline;
		}

	#commentList .writeTime {
		color: #808080;
		margin-left: 10px;
	}

	#commentList .commentMenu {
		font-size: 0.9em;
		margin-left: 20px;
	}

	#commentList .comment {
		margin-left: 20px;
	}
	#commentList .ipAddress {
		font-size: 0.9em;
	}

#noComments {
	text-align: center;
	padding: 10px;
}

#pageCommentEdit {
}
	#pageCommentEdit #fldComment {
		width: 100%;
		height: 70px;
		background-color: #FFFFFF;
	}


	#comments #pageCommentEdit .formTable {
		margin: 5px 0 0 0;
	}
	#comments #pageCommentEdit .formTable td, 
	#comments #pageCommentEdit .formTable th {
		padding: 3px 5px;
	}
	#comments #pageCommentEdit .formButtons {
		margin-top: 5px;
	}

#comments .alertMessage {
	width: 300px;
	margin: 0 auto;
	padding: 10px;
}
/* 팝업 */
#modal_container h2 {
	color: #0080C0;
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0 3px 0;
}

#modal_container #pageCommentPasswd,
#modal_container #pageCommentConfirm {
	width: 500px;
}

#modal_container #pageCommentEdit {
	width: 700px;
}

#modal_container #pageBatchCommands {
	width: 500px;
}