/*============================================================================*
문자 css
*=============================================================================*/
body { margin: 4 6 6 6; font-family:맑은 고딕; font-size:9pt; color:#636563; }
td { margin: 4 0 6 0; font-family:맑은 고딕; font-size:9pt; color:#636563; }

A:link {color:#636563;text-decoration:none}
A:visited {color:#636563;text-decoration:none}
A:active {color:#636563;text-decoration:none}
A:hover {color:#BD6100;text-decoration:none}


.80 {
	font-family: "맑은 고딕", "굴림", "Verdana", "Tahoma";
	font-size: 12px;
	line-height: 20px;
	color: 636563;
}

/*============================================================================*
form css
*=============================================================================*/

TEXTAREA {
	FONT-SIZE: 9pt; LINE-HEIGHT: 18px
}
.regForm {
	BORDER-RIGHT: #9c9c9c 1px solid; BORDER-TOP: #9c9c9c 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #9c9c9c 1px solid; BORDER-BOTTOM: #9c9c9c 1px solid; FONT-FAMILY:맑은 고딕; HEIGHT: 16px; BACKGROUND-COLOR: white
}
.regForm2 {
	BORDER-RIGHT: #9c9c9c 1px solid; BORDER-TOP: #9c9c9c 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #9c9c9c 1px solid; BORDER-BOTTOM: #9c9c9c 1px solid; FONT-FAMILY:맑은 고딕; BACKGROUND-COLOR: white
}

input { background-color : #ffffff ;  font-size:9pt; color:#000000; BORDER: #AAAAAA 1px solid;}

/*============================================================================*
스위치 메뉴용 CSS
*=============================================================================*/
.tabWidget { overflow:hidden; }

.tabWidget .tabBox { border-bottom:0px solid #DEDEDE; height:22px; z-index:1; }
.tabWidget .tabBox a { text-decoration:none; color:#666666; }
.tabWidget .tab { position:relative; top:0px; border:0px solid #DEDEDE; margin-right:0px; float:left; cursor:pointer;  background-color:#FFFFFF; z-index:2; height:22px; }
.tabWidget .on { position:relative; top:0px; border:0px solid #DEDEDE; border-bottom:0px solid #FFFFFF; margin-right:0px; float:left; cursor:pointer;  background-color:#FFFFFF; z-index:2; height:22px; }
.tabWidget .tab div { float:left; height:0px; border-bottom:0px solid #EEEEEE; font-size:9pt; padding:0px 0px 0 0px; color:#666666; }
.tabWidget .tab div a { color:#666666; }
.tabWidget .on div { float:left; height:0px; border-bottom:0px solid #FFFFFF; font-size:9pt; padding:0px 0px 0 0px; color:#000000; }
.tabWidget .on div a { color:#000000; }

.tabWidget .tabContent { border:0px solid #DEDEDE; padding:0px;  border-top:none; background-color:#FFFFFF; z-index:1;}
.tabWidget .show { display:block; }
.tabWidget .hide { display:none; }
/*

.tabWidget .tabContent table { border:0; width:200 ; table-layout:fixed; }

.tabWidget .tabContent .thumbnail { text-align:center; }
.tabWidget .tabContent .thumbnail img { border:1px solid #EEEEEE; padding:5px; float:left; }

.tabWidget .tabContent .titleBox { padding-top:3px; padding-left:10px; color:#888888; vertical-align:top;}
.tabWidget .tabContent .titleBox .regdate { font-family:맑은 고딕; font-size:.85em; color:#AAAAAA;}
.tabWidget .tabContent .titleBox .title { background:url(./widgets/tab_newest_document/skins/xe_official/images/normal/bullet.gif) no-repeat 3px 6px; padding-left:10px; margin-top:3px; height:20px; white-space:nowrap; overflow:hidden; }
.tabWidget .tabContent .titleBox .title .comment_cnt { font-weight:normal; font-size:0.8em; color:#F48A23; }
.tabWidget .tabContent .titleBox .title a { color:#666666; text-decoration:none; }
.tabWidget .tabContent .titleBox .title a:hover { text-decoration:underline; }

.tabWidget .tabContent .titleBox .title .author { color:#AAAAAA; }
.tabWidget .tabContent .titleBox .title .readAndVoted { font-family:맑은 고딕; font-size:.8em; color:#AAAAAA;}
.tabWidget .tabContent .titleBox .title .readAndVoted .readed { color:#4BC4C8;}
.tabWidget .tabContent .titleBox .title .readAndVoted .voted { color:#C8A64B;}
*/

#outline {
	padding-top: 0px;
	height: 0px;
	list-style: none;
}
#outline li {
	float: left;
	overflow: hidden;
	text-indent: -5000px;
}
#outline li a {
	margin-right: 0px;
	width: 70px;
	height: 22px;
	display: block;
	background: url(/images/main/3tab_all.gif) no-repeat;
}
#outline li.item1 a       {background-position: 0 0;}
#outline li.item1 a:hover,
#outline li.item1 a.active{background-position: 0 -22px;}
#outline li.item2 a       {background-position: -70px 0;}
#outline li.item2 a:hover,
#outline li.item2 a.active{background-position: -70px -22px;}
#outline li.item3 a       {background-position: -140px 0;}
#outline li.item3 a:hover,
#outline li.item3 a.active{background-position: -140px -22px;}