input, textarea, select { vertical-align: middle; }

a { color: #666; }


/*===============================================================*
			COMMON
*===============================================================*/

h6 {
	margin: 0; padding: 10px;
	border-top: 2px solid #808080;
	border-bottom: 1px solid #CCC;
	font-family: Tahoma; font-size: 8pt; color: #666; font-weight: bold;
	text-align: left;
	}

.proAlert {
	padding-left: 5px;
	font-family: "-À±µðÀÚÀÎÀ¥µ¸¿ò", µ¸¿ò; font-size: 8pt; color: #F00; font-style: normal;
	letter-spacing: -1px;
	}
.proBtn {
	padding: 10px;
	text-align: right;
	background: #F5F5F5;
	}

.proInput {
	height: 20px;
	border: 1px solid #CCC;
	}
.proTextarea {
	width: 100%;
	padding: 5px;
	border: 1px solid #CCC;
	overflow: auto;
	}

.textarea1 { height: 120px; }
.textarea2 { height: 70px; }


/*===============================================================*
			LIST
*===============================================================*/

.proListTotal { /* ÃÑ °¹¼ö */
	text-align: left;
	background: #E5E5E5;
	}
	.proListTotal span {
		margin-left: -3px;
		padding: 3px 10px 3px 0;
		font-size: 8pt; font-family: Tahoma; color: #999;
		background: #FFF;
		}

.proListTable { /* Á¦Ç° ¸®½ºÆ® Å×ÀÌºí */
	}
	.proListTable td {
		padding: 20px 10px 0 10px;
		font-family: µ¸¿ò; font-size: 8pt; color: #187FC1;
		text-align: center; vertical-align: top;
		}

.proListImg { /* Á¦Ç°ÀÌ¹ÌÁö */
	width: 138px; height: 138px;
	padding: 5px;
	border: 1px solid #CCC;
	}
*html .proListImg {
	width: 148px; height: 148px;
	}
	.proListImg img {
		width: 138px; height: 138px;
		}
.proListTitle { /* Á¦Ç°¸í */
	margin-top: 8px;
	}

.proListElse { /* ÀÌ¹ÌÁö ¿ÜÀÇ ÆÄÀÏ Ã·ºÎÀÏ °æ¿ì */
	font-size: 7pt;
	}

.proListPage { /* ÆäÀÌÁö ¹øÈ£ */
	margin-top: 20px;
	text-align: right;
	background: #E5E5E5;
	}
	.proListPage span {
		padding: 3px 0 3px 10px;
		font-size: 8pt; font-family: Tahoma; color: #4685C3;
		word-spacing: 5px;
		background: #FFF;
		}
	.proListPage span img { vertical-align: middle; }

.proSearch { /* °Ë»ö */
	margin-top: 30px;
	font-family: "-À±µðÀÚÀÎÀ¥µ¸¿ò", µ¸¿ò; font-size: 8pt;
	letter-spacing: -1px; text-align: center;
	}


/*===============================================================*
			WRITE
*===============================================================*/

	.proWriteTable th {
		width: 20%;
		padding: 7px 30px 7px 0;
		border-bottom: 1px solid #E5E5E5;
		font-weight: normal; text-align: right;
		background: url('../image/write/write_bar.gif') no-repeat 100% 50%;
		}
		.proWriteTable th strong {
			font-family: ¹ÙÅÁ, ¹ÙÅÁÃ¼; color: #F09; font-weight: normal;
			}
	.proWriteTable td {
		padding: 7px 0 7px 10px;
		border-bottom: 1px solid #E5E5E5;
		}
	.proWriteTable input { vertical-align: middle; }
	.proWriteTable image { vertical-align: middle; }


/*===============================================================*
			VIEW
*===============================================================*/

.proViewHead {
	list-style: none;
	margin: 0; margin-bottom: 20px;
	padding: 0;
	border-top: 1px solid #999;
	}
	.proViewHead li {
		list-style-type: none;
		padding: 5px 0;
		border-bottom: 1px dashed #CCC;
		text-align: left;
		}
		.proViewHead li span {
			padding: 0 20px;
			text-align: center;
			}
		.proViewHead li img { vertical-align: middle; }

.proViewBody {
	}
.proViewMemo {
	padding: 30px 0;
	border-top: 1px solid #CCC;
	text-align: left;
	}


.proViewNext { /* ´ÙÀ½±Û */
	margin-top: 10px;
	padding: 3px 70px 2px 0;
	border-top: 1px solid #CCC;
	font-family: µ¸¿ò; font-size: 8pt; color: #CCC;
	text-align: right;
	background: #F2F2F2 url('../image/btnViewNext.gif') no-repeat 99% 50%;
	}
	.proViewNext a {
		left: -2px;
		font-family: µ¸¿ò; font-size: 8pt;
		}
.proViewPrev { /* ÀÌÀü±Û */
	padding: 3px 70px 2px 0;
	border-top: 1px dashed #CCC;
	border-bottom: 1px solid #CCC;
	text-align: right;
	font-family: µ¸¿ò; font-size: 8pt; color: #CCC;
	background: #F2F2F2 url('../image/btnViewPrev.gif') no-repeat 99% 50%;
	}
	.proViewPrev a {
		left: -2px;
		font-family: µ¸¿ò; font-size: 8pt;
		}

/* ÄÚ¸àÆ®Ãâ·Â */
.bbsViewComm { padding: 20px; border: 5px solid #e5e5e5; }
	.bbsViewComm div { text-align: left; }
		.bbsViewComm div em { font: 10px Tahoma, Arial; color: #999; vertical-align: middle; }
		.bbsViewComm div textarea	{ margin-top: 5px; width: 600px; height: 70px; }
	.bbsViewComm hr { margin: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; }

/* ÄÚ¸àÆ® ÀÔ·Â */
.bbsViewCommWrite { margin-top: 5px; padding: 20px; border: 1px solid #e5e5e5; text-align: left; background: #f7f7f7; }
	.bbsViewCommWrite input		{ margin: 0 10px 0 5px; vertical-align: middle; }
	.bbsViewCommWrite textarea	{ margin: 5px 0; width: 100%; height: 70px; }
	.bbsViewComm img { vertical-align: middle; }
	.bbsViewCommWrite table input { margin: 5px 0 0 0; }
