@import url(common.css);

	body {
		background: url(/images/main/bg.gif);
	}

	/* ---------------------------------------------------------------------------------------------------------------------------------------------
	wrapper
	--------------------------------------------------------------------------------------------------------------------------------------------- */

	#wrapper {
		position: relative;
		width: 1000px;
		padding: 0;
		margin: 0;
		border-right: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		background-color: #fff;
	}

	/* ---------------------------------------------------------------------------------------------------------------------------------------------
	header
	--------------------------------------------------------------------------------------------------------------------------------------------- */

	#header {
		position: relative;
		width: 100%;
		height: 90px;
		padding: 0;
		margin: 0;
		background: url(/images/header/bg_bar.gif) no-repeat 50% 100%;
	}

	#header .logo {
		position: relative;
		padding: 7px 0 0 10px;
		background: url(/images/header/bg_header.gif) repeat-x left top;
	}

	#header .quick_menu {
		position: absolute;
		bottom: 20px;
		right: 10px;
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#header .quick_menu li {
		float: left;
	}

	/* ---------------------------------------------------------------------------------------------------------------------------------------------
	content
	--------------------------------------------------------------------------------------------------------------------------------------------- */

	#content {
		position: relative;
		width: 100%;
		padding: 10px 0 0 0;
		margin: 0;
	}

	/* ---[ content_left : 220px ]--------------------- */

	#content_left {
		float: left;
		width: 210px;
		padding: 0 0 0 10px;
		margin: 0;
	}

	#frm_login {
		padding: 0;
		margin: 0;
	}

	#frm_login fieldset {
		padding: 0;
		margin: 0 4px;
		border: none;
		background-color: #fff;
	}

	#frm_login h2 {
		font: bold 12px  µ¸¿ò;
		background-color: #E5EEF3;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #9ABDD3;
		border-left: 1px solid #fff;
		padding: 6px 0 6px 6px;
		margin: 0 0 8px 0;
	}

	#frm_login dl {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}

	#frm_login dl dt {
		float: left;
		width: 64px;
		margin-right: 6px;
		text-align: right;
		font-weight: normal;
	}

	#frm_login p {
		padding: 0 0 6px 0;
		margin: 0;
		text-align: center;
	}

	#content_left p.make_blog { 
		padding: 0;
		margin: 10px 0 0 0;
		text-align: center; 
	}

	#content_left div.my_blog { 
		padding: 0;
		margin: 0;
		text-align: center; 
	}

	#content_left p {
		padding: 0;
		margin: 0 0 4px 0;
	}

	#content_left div.notice {
		padding: 0;
		margin: 10px 0 0 0;
	}

	#content_left div.notice h2 {
		font: bold 12px µ¸¿ò;
		padding: 6px 0 6px 32px;
		margin: 0;
		background: url(/images/main/icon_notice.gif) no-repeat 16px 3px;
	}

	#content_left ul.notice_list {
		padding: 0;
		margin: 0 6px;
		list-style: none;
	}

	#content_left ul.notice_list li {
		padding: 0;
		margin: 4px;
	}

	/* writer_blog */
	#content_left .writer_blog {
		width: 200px;
		padding: 0;
		margin: 0;
	}

	#content_left .writer_blog dt {
		padding: 4px 4px 4px 30px;
		margin: 0;
		border-bottom: 1px solid #ccc;
		background: url(/images/main/icon_hot_blog.gif) no-repeat 4px 0;
	}

	#content_left .writer_blog dd {
		padding: 0;
		margin: 0;
		text-align: center;
	}

	#content_left .writer_blog h3 {
		font-size: 12px;
		line-height: 17px;
		padding: 4px;
		margin: 0;
		text-align: left;
	}

	#content_left .writer_blog img {
		padding: 1px;
		border-top: 1px solid #D6D6D6;
		border-right: 2px solid #999;
		border-bottom: 2px solid #999;
		border-left: 1px solid #D6D6D6;
	}

	#content_left .writer_blog p {
		padding: 4px;
		margin: 0;
		line-height: 17px;
		text-align: left;
	}
	
	#content_left .writer_blog ul{
		margin: 0;
		list-style: none;
	}

	#content_left .writer_blog ul li {
		padding: 0 0 0 10px;
		margin: 0;
		background: url(/images/main/icon_dot.gif) no-repeat 8px 50%;

	}

	#content_left .member_name{
		
	}

	/* ---[ content_center : 560px ]--------------------- */

	#content_center {
		float: left;
		width: 550px;
		padding: 0 0 0 10px;
		margin: 0;
	}

	#content_center p.main_img {
		padding: 0;
		margin: 0;
		text-align: center;
	}

	#frm_search {
		padding: 0;
		margin: 10px 0 10px 0;
		text-align: center;
		border: 1px solid #9ABDD3;
		background-color: #E5EEF3;
	}

	#frm_search p {
		padding: 8px 0;
		margin: 0;
		font: normal 12px ±¼¸²;
		color: #024299;
	}

	/* new_post */
	#content_center .new_post h2 {
		font-size: 12px;
		padding: 4px 0 4px 44px;
		margin: 0;	
		color: #004096;
		background: url(/images/main/icon_new_post.gif) no-repeat 20px 0;
	}

	#content_center .new_post ul {
		padding: 0;
		margin: 4px 16px 10px 16px;
		list-style: none;
	}

	#content_center .new_post ul li {
		padding: 4px 4px 4px 26px;
		margin: 0;
		background: url(/images/main/icon_dot.gif) no-repeat 16px 50%;
	}

	#content_center .new_post ul li span {
		color: #30559C;
	}

	/* new_blog */

	#content_center .new_blog {
		margin-top: 10px;
	}

	#content_center .new_blog h2 {
		font-size: 12px;
		padding: 4px 0 4px 44px;
		margin: 0;	
		color: #333;
		background: url(/images/main/icon_new_post.gif) no-repeat 20px 0;
	}

	#content_center .new_blog dl {
		padding: 0;
		margin: 4px 16px 10px 16px;
		list-style: none;
	}

	#content_center .new_blog dl dt {
		padding: 4px 4px 0px 26px;
		margin: 0 0 8px 0;
		background: url(/images/main/icon_dot.gif) no-repeat 16px 50%;
	}

	#content_center .new_blog dl dt span {
		color: #30559C;
	}

	#content_center .new_blog dl dd {
		padding: 0;
		margin: 0 30px 10px 30px;
	}

	/* ---[ content_right : 220px ]--------------------- */

	#content_right {
		position: absolute;
		width: 210px;
		left: 793px;
	}

	/* hot_blog */
	#content_right .hot_blog {
		width: 200px;
		padding: 0;
		margin: 0;
	}

	#content_right .hot_blog dt {
		padding: 4px 4px 4px 30px;
		margin: 0;
		border-bottom: 1px solid #ccc;
		background: url(/images/main/icon_hot_blog.gif) no-repeat 4px 0;
	}

	#content_right .hot_blog dd {
		padding: 0;
		margin: 0;
		text-align: center;
	}

	#content_right .hot_blog h3 {
		font-size: 12px;
		line-height: 17px;
		padding: 4px;
		margin: 0;
		text-align: left;
	}

	#content_right .hot_blog img {
		padding: 1px;
		border-top: 1px solid #D6D6D6;
		border-right: 2px solid #999;
		border-bottom: 2px solid #999;
		border-left: 1px solid #D6D6D6;
	}

	#content_right .hot_blog p {
		padding: 4px;
		margin: 0;
		line-height: 17px;
		text-align: left;
	}

	/* new_scrap */
	#content_right .new_scrap {
		width: 200px;
		padding: 0;
		margin: 10px 0 0 0;
	}

	#content_right .new_scrap dt {
		
		padding: 4px 4px 4px 24px;
		margin: 0;
		border-bottom: 1px solid #ccc;
		background: url(/images/main/icon_new_scrap.gif) no-repeat 4px 0;
	}

	#content_right .new_scrap dd {
		padding: 0;
		margin: 0;
	}

	#content_right .new_scrap ul {
		padding: 8px 8px 0 8px;
		margin: 0;
		list-style: none;
	}

	#content_right .new_scrap ul li {
		padding: 2px 0 0 18px;
		margin: 0;
		background: url(/images/main/icon_dot.gif) no-repeat 8px 50%;
	}

	/* ---------------------------------------------------------------------------------------------------------------------------------------------
	footer
	--------------------------------------------------------------------------------------------------------------------------------------------- */
	#footer {
		position: relative;
		width: 100%;
		background: #E7E7E7;
		text-align: center;
		border-top: 1px solid #bbb;
		padding: 10px 0 10px 0;
		margin: 20px 0 0 0;
	}

	#footer p {
		padding: 10px 0 0 0;
		margin: 0;
	}