﻿/**
 * 태그 전체 속성
 */
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Georgia, 굴림, Gulim, sans-serif;
	text-align: center;
	line-height: 170%;
}
img {
	vertical-align: middle;
	border: 0 none;
}
form {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #305e8c;
}
ul, ol {
	margin: 10px 0px 10px 35px;
	padding: 0;
	text-align: left;
}
li {
	color: #777;
}

/**
 * 일반 ID별 속성
 */
#headTop {
	border-top: #ddd 5px solid;
	margin: auto;
	height: 22px;
}
#headBack {
	background: url(image/head_top_back.gif) no-repeat top;
	width: 300px;
	height: 22px;
	margin: auto;
	color: #e9e9e9;
}
#headBack a {
	text-decoration: none;
	color: #bbb;
}
#headBack a:hover {
	color: #000;
}
#headMenu {
	height: 90px;
	background: url(image/head_menu_back1.gif) repeat-x bottom;
	text-align: center;
}
#headMenuBody {
	width: 980px;
	height: 90px;
	margin: auto;
}
#headLogo {
	float: left;
	width: 260px;
	height: 90px;
	text-align: left;
}
#headButtons {
	float: left;
	width: 719px;
	height: 90px;
	text-align: right;
}
#bodyMain {
	width: 980px;
	margin: auto;
	padding-top: 5px;
}
#menus {
	margin-bottom: 5px;
}
#login {
	float: left;
	width: 150px;
	text-align: left;
}
#loginField {
	float: left;
	width: 150px;
	text-align: left;
}
#latests {
	float: left;
	width: 650px;
	padding: 0px 5px 0px 5px;
	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;
}
#mainAds div {
	width: 650px;
	height: 155px;
}
#totalSearchBox {
	text-align: center;
}
#v20_searchResult div {
	padding: 5px;
	border-bottom: #ddd 1px solid;
	text-align: left;
}
#grboardPage {
	padding: 10px 3px 5px 3px;
}
#footBack {
	background: url(image/foot_back.gif) repeat-x;
	height: 90px;
	padding-top: 20px;
	color: #aaa;
}
#footBack a {
	color: #9a9a9a;
}
#footBack a:hover {
	color: #000;
}
#footBottom {
	height: 22px;
	border-bottom: #ddd 5px solid;
	text-align: center;
}
#footCopy {
	margin: auto;
	width: 300px;
	height: 22px;
	background: url(image/foot_bottom_back.gif) no-repeat bottom;
	color: #a0a0a0;
}
#selfinfo, #about, #grboardPage, #feature, #grblogPage, #grcounterPage {
	margin-bottom: 5px;
}
#sinkTable table { width: 100%; border: 0 none; table-layout: fixed; }
#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; }

/**
 * 범용 클래스 속성
 */
.clr { clear: left; }
.sideMenuTop {
	height: 34px;
	width: 150px;
}
.sideMenuList {
	border-bottom: #ddd 1px solid;
	padding: 5px;
}
.sideMenuList a:hover {
	color: #5195e2;
	font-weight: bold;
}
.latestBox {
	float: left;
	width: 324px;
	margin-right: 2px;
	margin-bottom: 5px;
}
.latestBox2 {
	float: left;
	width: 324px;
	margin-bottom: 5px;
}
.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: 90px;
	font-size: 12px;
}