@charset "utf-8";
@import url(board.css);
@import url(layout.css);
@import url(content.css);

/****************************************************
				common
****************************************************/
body {font-family: 돋움, Dotum, Arial, Verdana, sans-serif;	color: #646464; background-color: #030303;
margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; word-break:break-all; font-size: 11px;}
div,p,h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,form {margin:0;padding:0;}
dl,dt,dd,ul,li,ol {list-style:none;}
img {border:0;vertical-align: middle;margin:0;padding:0;}
table  {border:0;border-spacing:0;border-collapse:collapse;word-break:break-all;  }
td,th {font-size: 11px; line-height:16px;}

a:link, a:visited, a:active { color: #9a9a9a;text-decoration: none; font-size: 11px;}
a:hover { color: #ffffff;text-decoration: normal; font-size: 11px;}

a.linkList:link, a.linkList:visited, a.linkList:active { color: #676767;text-decoration: none; font-size: 11px;}
a.linkList:hover { color: #ffffff;text-decoration: normal; font-size: 11px;}

a.recom:link, a.recom:visited, a.recom:active {font-weight:bold; color:#FF6200;text-decoration: none; font-size:11px;}
a.recom:hover {font-weight:bold; color:#FF6200; text-decoration: normal; font-size:11px;}

#scrollbox {
    border: 1px solid #343434; 
	background-color:#222222; 
	scrollbar-face-color:#222222;
	scrollbar-shadow-color:#343434;
	scrollbar-highlight-color:#222222;
	scrollbar-3dlight-color:#343434;
	scrollbar-darkshadow-color:#222222;
	scrollbar-track-color:#222222;
	scrollbar-arrow-color:#656565;
	}

INPUT{	
	background-color:#222222; 
	BORDER-TOP: #343434 1px solid; 
	BORDER-RIGHT: #343434 1px solid; 
	BORDER-BOTTOM: #343434 1px solid; 
	BORDER-LEFT: #343434 1px solid; 
	font-size: 11px; 
	color:#6f6f6f; 
	height:13px; 
	padding:2px;
}
TEXTAREA{
	scrollbar-face-color:#222222;
	scrollbar-shadow-color:#343434;
	scrollbar-highlight-color:#222222;
	scrollbar-3dlight-color:#343434;
	scrollbar-darkshadow-color:#222222;
	scrollbar-track-color:#222222;
	scrollbar-arrow-color:#656565;
	background-color:#222222;
	border:1px solid #343434;
	font-size: 11px;
	color:#6f6f6f;
	padding:2px;
}

select {height:17px !important;}



#topspace5 {padding:5px 0 0 0;clear:both;}
#topspace10 {margin:10px 0 0 0;clear:both;}
#topspace15 {margin:15px 0 0 0;clear:both;}
#topspace20 {margin:0 0 20px 0;clear:both;}
#topspace25 {margin:25px 0 0 0;clear:both;}
#topspace30 {padding:30px 0 0 0;clear:both;}
#topspace35 {margin:35px 0 0 0;clear:both;}
#topspace40 {margin:40px 0 0 0;clear:both;}
#topspace50 {padding:60px 0 0 0;clear:both;}

#leftspace10   {margin: 0 0 0 10px; padding: 0;}
#leftspace20   {margin: 0 0 0 20px; padding: 0;}
#leftspace30   {margin: 0 0 0 30px; padding: 0;}
#leftspace40   {margin: 0 0 0 40px; padding: 0;}


/* =font style */
.font01 {color:#cbcbcb;}
.font02 {color:#ff6300;}
.font03 {color:#d0d0d0;}
.font04 {color:#999999;}
.font05 {color:#F86507;}
.font06 {color:#FD6100;}


.img01  {margin:0; padding:0; border: 1px solid #444645;}
.img02  {margin:0; padding:2px; background-color:#9d9d9d; border: 1px solid #464543;}


#line01 {margin: 0; padding: 0; border-top:1px solid #303030; font-size:0em; height:1px}
#line02 {margin: 0; padding: 0; background:url('/image/common/dotline.gif') repeat-x; font-size:0em; height:1px}

.ag_c {text-align:center;}
.va_t {vertical-align:top;}
.va_m {vertical-align:middle;}
.va_b {vertical-align:bottom;}
.va_tb {vertical-align:text-bottom;}

.fl_l {float:left;}
.fl_r {float:right;}

.pd_t2 {padding-top:2px;}
.pd_t10 {padding-top:10px;}
.pd_l10 {padding-left:10px;}
.pd_l20 {padding-left:20px;}
.pd_l22 {padding-left:22px;}
.pd_l30 {padding-left:30px;}
.pd_b10 {padding-bottom:10px;}
.pd_b27 {padding-bottom:27px;}
.pd_b40 {padding-bottom:40px;}
.pd_r20 {padding-right:20px;}
.pd_r25 {padding-right:25px;}
.mg_l38 {margin-left:38px !important;}
.mg_t1 {margin-top:1px;}
.mg_t6 {padding-top:6px;}
.mg_r0 {margin-right:0 !important;}

.fs_small {font-size:11px !important;}

.lts_small {letter-spacing:-1px;}

.wd_372 {width:372px !important;}
.wd_830 {width:830px !important;}


/* 스크린세이버 2010.01.26 */

div.screensaver {width:760px; margin-right:-30px; padding-left:8px;}
	div.screensaver ul {float:left; margin:0 22px 20px 0;}