/**
 * 태그 전체 속성
 */
body {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 12px;
	font-family: Georgia, 굴림, Gulim, sans-serif;
	text-align: center;
	line-height: 170%;
	background-color: #1e1e1e;
}
img {
	vertical-align: middle;
	border: 0 none;
}
form {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #666;
}
ul, ol {
	margin: 10px 0px 10px 35px;
	padding: 0;
	text-align: left;
}
li {
	color: #777;
}

/**
 * 일반 ID별 속성
 */
#headBox {
	margin: auto;
	height: 230px;
	width: 980px;
}
#headTop {
	height: 50px;
}
#headMenu {
	height: 30px;
	background: url(images/top.menu.back.gif) repeat-x bottom;
}
#headMenu ul {
	margin: 0;
	padding: 5px 20px 0 0;
	text-align: right;
}
#headMenu li {
	display: inline;
	padding-left: 20px;
}
#headMenu li a {
	font-family: verdana, sans-serif;
	color: #fff;
	font-size: 12px;
}
#headMenu li a:hover {
	color: #000;
	font-weight: bold;
}
#bodyMain {
	margin: auto;
	width: 980px;
	background-color: #fff;
}
#menus {
	margin-bottom: 5px;
}
#loginField {
	float: left;
	width: 200px;
	text-align: left;
	padding-left: 5px;
}
#latests {
	float: left;
	width: 750px;
	padding: 5px 10px 10px 10px;
	text-align: left;
}
#contentArea {
	float: left;
	width: 800px;
	padding-left: 5px;
}
#notice {
	float: left;
	width: 150px;
	text-align: left;
}
#loginForm {
	height: 100px;
	margin-bottom: 5px;
}
#totalSearchBox {
	padding: 10px 0 15px 0;
	text-align: center;
}
#v21_searchResult div {
	padding: 5px;
	border-bottom: #ddd 1px solid;
	text-align: left;
}
#v21_searchResult div:hover {
	background-color: #f5f5f5;
}
#v21_searchResult div a {
	color: #888;
	font-size: 11px;
}
#grboardPage {
	padding: 10px 3px 5px 3px;
}
#footBack {
	margin: auto;
	width: 980px;
	background: url(images/bottom.copy.back.gif) repeat-x;
	height: 150px;
	padding-top: 30px;
	color: #ddd;
}
#footBack a {
	color: #9a9a9a;
}
#footBack a:hover {
	color: #000;
}
#footBottom {
	height: 30px;
	text-align: center;
}
#footCopy {
	margin: auto;
	width: 300px;
	height: 28px;
	color: #2f2f2f;
}
#photoLayout {
	margin: 20px 10px 20px 10px;
	padding: 15px;
	background: #f0f0f0;
}
#sinkTable table { 
	width: 745px; 
	border: 0 none; 
	table-layout: fixed; 
	padding-left: 7px;
}
#sinkTable th {
	border-bottom: #ccc 1px solid;
	text-align: center;
	padding: 3px;
	color: #666;
}
#sinkTable td { border-bottom: #ddd 1px dotted; padding: 5px; }
#sinkTable tr:hover { background-color: #f7f7f7; }
#sinkTable td.no { font-size: 10px; color: #999; }
#sinkTable td.title { text-align: left; }
#sinkTable td.name a { color: #888; font-size: 8pt; }
#sinkTable td.name a:hover { color: #000; }
#sinkTable td.date { color: #999; font-size: 11px; text-align: center; }
#sinkTable .paging { padding: 10px; background-color: #ecf3f9; font-size: 11px; text-align: center; }
#respect { color: #666; }
#respect div.msg { border: #eee 5px solid; background-color: #f9f9f9; padding: 10px; }
#respect div.msg span { color: #2777fb; font-weight: bold; font-size: 16px; font-family: Dotum, 돋움, sans-serif; display: block; }
#respect span { color: #aaa; font-family: Dotum, 돋움, sans-serif; font-size: 11px; }

/**
 * 범용 클래스 속성
 */
.clr { clear: left; }
.sideMenuTop {
	height: 30px;
	width: 200px;
	padding-top: 5px;
	text-align: center;
}
.sideMenuList {
	border-bottom: #ddd 1px solid;
	padding: 5px;
}
.sideMenuList a:hover {
	color: #5195e2;
	font-weight: bold;
}
.latestBox {
	float: left;
	width: 370px;
	margin-right: 10px;
	margin-bottom: 15px;
}
.titleLine {
	border-top: #aaa 3px solid;
	border-bottom: #ccc 1px solid;
	padding: 7px 0 7px 0;
	text-align: center;
}
.latestBox2 {
	float: left;
	width: 370px;
	margin-bottom: 15px;
}
.input {
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-right: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
	background-color: #f7f7f7;
	width: 110px;
	font-size: 12px;
}
.date {
	font-size: 11px;
	color: #bbb;
	font-family: tahoma, sans-serif;
}
.menus {
	margin: 5px;
	padding: 5px;
}
.menus li {
	list-style: none;
	background: url(images/arrow.gif) no-repeat left;
	padding-left: 20px;
	padding-bottom: 5px;
}
.menus li a:hover {
	color: #5195e2;
	font-weight: bold;
}
