div.boardContainer {margin: 0 auto 10px auto; padding:16px 0 0 0; width:631px; background: url(../images/board_box.gif) no-repeat center top;}

	/* °Ô½ÃÆÇ ¹Ú½º */

	div.boardContents {background: url(../images/board_box.gif) no-repeat center bottom; width:631px; padding: 0 0 10px 0;}

	/* °Ô½ÃÆÇ ÀüÃ¼ Å×ÀÌºí */

	table.board-table {width:600px; table-layout:fixed; border-collapse: collapse; margin: 10px auto;}
	table.board-table th, table.board-table td {padding:4px; text-align:center;}

	table.board-table th {background: url(../images/text_line.gif) no-repeat right center; color:#666;}
	table.board-table th.last {background:none;}

	table.board-table td.sep {background: url(../images/line.gif) no-repeat center center; height:6px;}
	table.board-table td.left {text-align:left;}
	table.board-table td.sepline {background: url(../images/line2.gif) no-repeat center center; height:3px;}
	table.board-table td.subject {text-align:left;}

	/* °Ô½Ã¹° ¸ñ·Ï */
	table#articleList tbody td {padding:6px 4px;}

	table#articleList tbody tr {cursor:pointer;}
	table#articleList tbody tr.over,table#articleList tbody tr.selected  {background-color: #ff7a23;}
	table#articleList tbody tr.over td,table#articleList tbody tr.selected td {color: white;}
	span.list-comment-count {font-size:11px; }

	/* °Ô½Ã¹° º¸±â */

	table#articleView td.sepline {height:10px;}
	table#articleView td.subject {font-weight: bold; color:#F15A22;}

	div.view-contents {padding:0 15px 5px 15px; line-height:150%; text-align:justify;}

	/* ´ñ±Û ÀÛ¼º */

	#commentContainer {width:600px; margin:10px auto 0 auto; display:none;}
		#commentWriteContainer {border: 1px solid #ccc; border-left:none; border-right:none; background: #eee;}
			#commentWriteDesc {background: url(../images/comment_tit.gif) no-repeat 10px 8px; height:25px;}

			#commentWriteTable {width:500px; table-layout:fixed; margin:8px 0 10px 5px; border-collapse: separate; empty-cells:show;}
			#commentWriteTable td {padding: 0 3px; height:30px; }
			#commentWriteTable td.input-container {border:1px solid #ccc; background-color:white;}
			#commentWriteTable input.text {border:none; height:22px; width:95%; padding:8px 0 0 0;}

			#commetIconButton {width:40px; height:30px;  padding:0;}
			#emoticonContainer {width:38px; height:28px; background:url(../images/icon_arrow.gif) no-repeat 30px center; cursor:pointer; padding:2px 0 0 2px;}

	#emoticonListContainer {position:absolute; width:350px;border:1px solid #b5b5b5; border-top:none; border-left:none; display:none;}
	#emoticonListContainer span {display:block; width:26px; height:26px; border:1px solid #b5b5b5; border-right:none; border-bottom:none; background:white; padding:4px; float:left; cursor:pointer;}

	/* ´ñ±Û ÀÛ¼ºÀÚ ±â´É »óÀÚ */
	#commentWriterFunctionBox {width:130px; height:110px; border:1px solid #ccc; background:white; position:absolute; display:none;}
		#commentWriterName {font-weight:bold; color:#666; text-align:center; margin: 5px 0 0 0;}

		#commentWriterFunctionList {margin:3px 10px 10px 10px; list-style:none;}
		#commentWriterFunctionList li {margin:5px 0; border-bottom:1px dotted #ccc; padding:5px;}
		#commentWriterFunctionList li a {display:block; background: url() no-repeat left -2px; color:#666; padding-left:20px;}
		#commentWriterFunctionList li a:hover {color:#FF6600;}

		#commentWriterFunctionList li#commentWriterFunctionModify a {background-image: url(/resource/icons/comment_edit.gif);}
		#commentWriterFunctionList li#commentWriterFunctionDelete a {background-image: url(/resource/icons/comment_delete.gif);}
		#commentWriterFunctionList li#commentWriterFunctionEmail  a {background-image: url(/resource/icons/email.gif);}
		#commentWriterFunctionList li#commentWriterFunctionClose  a {background-image: url(/resource/icons/del.gif);}

	#commentDeleteFormContainer {border:1px solid #ccc; border-left:none; background:#f4f4f4; width:300px; position:absolute; display:none;}
	#tableCommentDelete {table-layout:fixed; border-collapse: collapse;}
	#tableCommentDelete th,#tableCommentDelete td {border-left:1px solid #ccc; text-align:center;}
	#tableCommentDelete td a  {top:5px;}
	#tableCommentDelete th {font-weight:normal;}
	#formCommentDelete-pass {border:none; background:#f4f4f4;}



	/* ´ñ±Û ¸ñ·Ï */

	#commentsListContainer {margin:10px 0 0 0;}
	table#commentsList {table-layout:fixed; border-collapse: collapse;}
	table#commentsList td {text-align:center; padding:4px;}
	table#commentsList td.left {text-align:left;}
	table#commentsList td.right {text-align:right;}
	table#commentsList td.bold {font-weight:bold;}
	table#commentsList td.sep {background: url(../images/line.gif) no-repeat center center; height:6px;}
	table#commentsList td.sepline {background: url(../images/line2.gif) no-repeat center center; height:3px;}

	a.comment-writer {color: #666; font-weight:bold;}
	a:hover.comment-writer {color:#FF6600;}




	/* ¹öÆ°µé */

	div#boardButtons {margin:10px 0 0 0; text-align:right; padding-right:25px;}
	div.article-view-buttons {width:570px; margin:15px auto 0 auto; height:25px; border-top:1px solid #eee; padding-top:10px;}

	div.article-view-buttons span.buttons {display:block; width:250px; float:left;}
	span#commentButtons {display:block; width:180px; background: url(../images/reply_down.gif) no-repeat 0 4px; height:20px; float:right; padding:5px  0 0 22px; cursor:pointer;}


	/* ÆäÀÌÂ¡ */

	div#boardPaging {margin: 5px 0 0 0;text-align: center;}
	div#boardPaging strong {color:#FF7A23;}
	div#boardPaging a {color: #999;}
	div#boardPaging a:hover {color:#FF7A23;}