/* Á¦ÀÛ : reddot(·¹µå·ç³ª-¹Ú³ë¼º) */
/* layout */
/* float »ç¿ë½Ã¿£ ¼¼·Î %»çÀÌÁî¿¡ Àǹ̰¡ ¾øÀ½. */

#wrapper
{
	position: relative;
	width: 100%;
	border: 0px solid red;
	text-align: center;
	background: url(../images/background.gif) repeat-x #252525;
}

#wrapper2
{
	position: relative;
	width: 100%;
	border: 0px solid red;
	text-align: center;
	background: url(../images/background2.gif) repeat-x #252525;
}

#header
{
	height: 64px;
	width: 900px;
	margin: auto;
	position: relative;
}

#left
{
	float: left;
	width: 235px;
	height: 445px;
	background: url(../img/left.gif);
}

#body
{
	width: 900px;
	margin: auto;
}

#body_board
{
	width: 900px;
	margin: auto;
}

#body2
{
	margin: auto;
	width: 95%;
	border: 0px solid red;
	/* margin: 0 50px 0 50px; */
}
*html #body2 { width: 100%; margin: 0 50px 0 50px;}

#content
{
	padding: 30px 30px 50px 30px;
}

#right_quick
{
	position: absolute;
	z-index: 101;
	left: 990px;
	top: 185px;
	height: 402px;
	width: 118px;
	background: url(../img/right_quick.gif);
}

#logo
{
	border: red solid 0px;
	float: left;
	margin: 14px 0 0 0;
}

#navi
{
	border: red solid 0px;
	float: right;
	margin: 3px 0 0 0;
}

/* ¸ðµç¸Þ´ºº¸±â */
#all_menu { position: absolute;	z-index: 301; left: 817px; top: 63px;}
#all_menu .cursor { cursor: pointer;}
#all_menu .menu { position: absolute; top: 0px; left: -73px; border: #CC0033 1px solid; padding: 10px 20px 15px 20px; visibility: hidden; background-color: #252525; text-align: left;}
#all_menu ul.support {	list-style: none; margin: 0px; border: red 0px solid; width: 115px;}
#all_menu ul.support li{	padding: 0 0 0 7px;	background: url('/images/dot_gray.gif') no-repeat left 6px; text-align: left;}
#all_menu h3 {	font-size: 12px; font-weight: bold; letter-spacing: -1px; padding: 10px 0 0 7px; color: #7E6B5A; font-family: µ¸¿ò; width: 115px; margin: 0px;}
#all_menu a.allmemu:link, a.allmemu:active, a.allmemu:visited {	font-size: 11px;	color: #666666;	text-decoration: none;	font-style: normal;	line-height: 16px;	font-family: ¸¼Àº °íµñ;	letter-spacing: -1px;}
#all_menu a.allmemu:hover{	font-size: 11px;	color: #ffffff;	text-decoration: underline;	font-style: normal;	line-height: 16px;	font-family: ¸¼Àº °íµñ;	letter-spacing: -1px;}

/* ¸â¹öÃßõ°¶·¯¸® */
#week_gallery { border: solid 0px red; width: 100%;}
#week_gallery h2 { float: left; padding: 30px 0px 10px 0; border: solid 0px red; font-size: 0px;}
#week_gallery span { float: right; padding: 30px 5px 0 0;}
#week_gallery span img { float:left; display: block;}
#week_gallery .thumnail { width: 100%; clear: both;}
#week_gallery img { vertical-align: top;}

/* ¸ÞÀÎÃÖ±Ù°¶·¯¸® */
#recent_gallery { border: solid 0px red; width: 100%;}
#recent_gallery h2 { float: left; padding: 30px 0px 10px 0; border: solid 0px red; font-size: 0px;}
#recent_gallery span { float: right; padding: 30px 5px 0 0;}
#recent_gallery span img { float:left; display: block;}
#recent_gallery .thumnail { width: 100%; clear: both;}
#recent_gallery img { vertical-align: top;}

/* ¸ÞÀη£´ý°¶·¯¸® */
#random_gallery {	border: solid 0px red; width: 100%;}
#random_gallery h2 { float: left; padding: 20px 0px 10px 0; border: solid 0px red; font-size: 0px;}
#random_gallery span { float: right; padding: 20px 5px 0 0;}
#random_gallery span img { float:left; display: block;}
#random_gallery .thumnail { width: 100%; clear: both;}
#random_gallery img { vertical-align: top;}

/* ¸ÞÀÎȸ¿ø°¶·¯¸® */
#member_gallery { 	border: solid 0px red; width: 100%;}
#member_gallery h2 { float: left; padding: 20px 0px 10px 0; border: solid 0px red; font-size: 0px;}
#member_gallery span { float: right; padding: 20px 5px 0 0;}
#member_gallery span img { float:left; display: block;}
#member_gallery .thumnail { width: 100%; clear: both;}
#member_gallery img { vertical-align: top;}

/*°Ô½ÃÆÇ-ÀÚÀ¯°Ô½ÃÆÇ*/
#board_box { margin: 50px 0 0 0; width: 100%;}
#board_list_box { margin: 30px 0 0 0; width: 100%; border: solid 0px red;}
#freeboad_box { width: 450px; float: left;}
#freeboad_box .title_box { float: left; background-color: #1C1C1C; width: 435px; height: 9px;}
#freeboad_box .title { float: left;}
#freeboad_box .more { float: right; padding: 0 5px 0 0; background-color: #252525;}
#freeboad_box .board { float: left; margin: 10px 0 0 0; width: 435px; text-align: left;}

/*°Ô½ÃÆÇ-°øÁö»çÇ×*/
#notice_box { width: 450px; float: right;}
#notice_box .title_box { float: right; background-color: #1C1C1C; width: 435px; height: 9px;}
#notice_box .title { float: left;}
#notice_box .more { float: right; padding: 0 5px 0 0; background-color: #252525;}
#notice_box .board { float: right; margin: 10px 0 0 0; width: 435px; text-align: left;}

/*°Ô½ÃÆÇ-º¸µå¸ÞÀΰøÁö»çÇ×*/
#notice_baord_main_box { margin: 30px 0 0 0; width: 450px; float: right;}
#notice_baord_main_box .title_box { float: right; background-color: #1C1C1C; width: 435px; height: 9px;}
#notice_baord_main_box .title { float: left;}
#notice_baord_main_box .more { float: right; padding: 0 5px 0 0; background-color: #252525;}
#notice_baord_main_box .board { float: right; margin: 10px 0 0 0; width: 435px; text-align: left;}

/*°Ô½ÃÆÇ-Àλ縻*/
#greeting_box { width: 450px; float: right;}
#greeting_box .title_box { float: right; background-color: #1C1C1C; width: 435px; height: 9px;}
#greeting_box .title { float: left;}
#greeting_box .more { float: right; padding: 0 5px 0 0; background-color: #252525;}
#greeting_box .board { float: right; margin: 10px 0 0 0; width: 435px; text-align: left;}

/*°Ô½ÃÆÇ-°­Á¼ҽº*/
#lecture_box { margin: 30px 0 0 0; width: 450px; float: left;}
#lecture_box .title_box { float: left; background-color: #1C1C1C; width: 435px; height: 9px;}
#lecture_box .title { float: left;}
#lecture_box .more { float: right; padding: 0 5px 0 0; background-color: #252525;}
#lecture_box .board { float: left; margin: 10px 0 0 0; width: 435px; text-align: left;}

/*°Ô½ÃÆÇ-¸®½ºÆ®*/
.board_list_wrap { width: 100%; color: #959595;}
.board_list_wrap td { font-size: 11px; color: #959595; border-bottom: #2d2d2d solid 1px; padding: 6px 0 5px 0;}
.board_list_wrap .subject { padding: 0 0 0 5px;}
.board_list_wrap .comment { padding: 0 0 0 5px; color: #7e6b5a;}
.board_list_wrap .name { letter-spacing: -1px; color: #959595; text-align: center; }
.board_list_wrap .date { padding: 0 10px 0 0; color: #7e6b5a;}

/*ÄÚ¸àÆ®-·¹µå´å°¶·¯¸®*/
#reddot_comment_box { width: 450px; float: left; margin: 30px 0 0 0;}
#reddot_comment_box .title_box { float: left; background-color: #1C1C1C; width: 435px; height: 9px;}
#reddot_comment_box .title { float: left;}
#reddot_comment_box .more { float: right; padding: 0 5px 0 0; background-color: #252525;}
#reddot_comment_box .board { float: left; margin: 10px 0 0 5px; width: 430px; text-align: left; border: 0px solid red;}

/*ÄÚ¸àÆ®-ȸ¿ø°¶·¯¸®*/
#member_comment_box { width: 450px; float: right; margin: 30px 0 0 0;}
#member_comment_box .title_box { float: right; background-color: #1C1C1C; width: 435px; height: 9px;}
#member_comment_box .title { float: left;}
#member_comment_box .more { float: right; padding: 0 5px 0 0; background-color: #252525;}
#member_comment_box .board { float: right; margin: 10px 0 0 5px; width: 430px; text-align: left; border: 0px solid red;}

/*ÄÚ¸àÆ®-ÀÚÀ¯°Ô½ÃÆÇ*/
#free_comment_box { width: 450px; float: left; margin: 30px 0 0 0;}
#free_comment_box .title_box { float: left; background-color: #1C1C1C; width: 435px; height: 9px;}
#free_comment_box .title { float: left;}
#free_comment_box .more { float: right; padding: 0 5px 0 0; background-color: #252525;}
#free_comment_box .board { float: left; margin: 10px 0 0 5px; width: 430px; text-align: left;}

/*ÄÚ¸àÆ®-³»±Û¹ÝÀÀ*/
#my_write_box { width: 450px; float: right; margin: 30px 0 0 0;}
#my_write_box .title_box { float: right; background-color: #1C1C1C; width: 435px; height: 9px;}
#my_write_box .title { float: left;}
#my_write_box .more { float: right; padding: 0 5px 0 0; background-color: #252525;}
#my_write_box .board { float: right; margin: 10px 0 0 5px; width: 430px; text-align: left;}

/*º¸µå»ðÀÔdiv*/
#bbs { margin: 20px 0 0 0; text-align: center; width: 100%; font-size: 11px; color: #999999; letter-spacing: -1px;}
#bbs h3 { font-size: 14px; line-height: 26px; color: #fff; font-weight: bold;}

#footer
{
	clear: both;
	margin: 50px 50px 50px 50px;
	text-align: left;
}
#footer .mark { letter-spacing: -1px; font-size: 12px; font-family: µ¸¿ò; color: #ffffff;}
#footer .info { letter-spacing: -1px; font-size: 11px; font-family: µ¸¿ò; color: #666666; margin: 50px 0 0 0;}
#footer .info span { letter-spacing: -1px; font-size: 11px; font-family: µ¸¿ò; color: #999999; font-weight: bold;}
#footer .counter { margin: 0 0 30px 0;}
#footer .counter li { display: inline; letter-spacing: -1px; font-size: 11px; color: #ffffff; font-weight: bold; padding: 0 3px 0 0;}
#footer .counter li.num { font-size: 9px; font-family: tahoma; color: #999999; font-weight: normal; letter-spacing: normal;}

#footer .login_info { letter-spacing: -1px; font-family: ¸¼Àº °íµñ; font-size: 11px;}
#footer .login_info .level { padding: 0 0 0 5px; color: #ffffff;}
#footer .login_info .level span { font-weight: bold;}
#footer .login_info .join_info { color: #999999;}
#footer .login_info .num { font-size: 9px; font-family: tahoma; color: #999999; font-weight: normal; letter-spacing: normal;}
#footer .login_info .point { font-size: 11px; margin: 10px 0 0 5px; font-family: tahoma; color: #fff; font-weight: normal; letter-spacing: normal;}

#footer .login { width: 300px; border: 0;}
#footer .login .id { float: left; width: 142px;}
#footer .login .pass { float: right; width: 142px;}
#footer .login .stitle { vertical-align: bottom; margin: 0 0 5px 0;}
#footer .login p.bg_input { padding: 0; border: 0; height: 26px; width: 142px; background: url(../images/bg_input.gif); }
#footer .login input.idpass { padding: 5px 0 0 10px; border: 0; height: 20px; width: 132px; font-size: 10px; font-family: verdana; background: none; color: #666666; }
#footer .login .bt { margin: 5px 0 0 0; }

#footer .site_info { margin: 30px 0 0 0;}
#footer .site_info li { letter-spacing: -1px; font-size: 11px; color: #666666;}
#footer .site_info li span { color: #7e6b5a; 	font-weight: bold;}cite
#footer .site_info li cite { font-style: normal; font-weight: bold;}

#copyright { padding: 10px 0 20px 0;}
#copyright .left { float: left;}
#copyright .right { float: right;}

div#error_message { width: 600px; margin: 30px auto; line-height:150%; color: #999; font-size: 13px; font-weight: bold; letter-spacing: -1px; border: dashed 1px #F93; padding: 10px;}
div#error_message p { text-align: center;}
div#error_message p span { color: #CC0033; }
div#error_message p a.error:link, a.error:visited, a.error:active { color: #CC0033; 	font-size: 13px; 	font-family: ¸¼Àº °íµñ, arial; text-decoration: none;	letter-spacing: -1px; border-bottom: dashed 1px #666;}
div#error_message p a.error:hover { color: #fff; 	font-size: 13px; 	font-family: ¸¼Àº °íµñ, arial; text-decoration: none;	letter-spacing: -1px;}