@charset "utf-8";

#community {
	clear: both
}

#community a:hover {color:#ff45b8}
#community .content-area {
	width: 800px;
	float: right;
	padding: 0;
	overflow: hidden
}

/* -------------------
	왼쪽
-------------------- */
#community .left {
	float: left;
	font-size: 11px;
	border: none;
	overflow: hidden;
	width: 150px
}
#community .left a {
	color: #333
}
#community .left .category {
	width: 148px;
	border: 1px solid #dfdfdf;
	padding-bottom: 10px

}
#community .left .category a {
	font-size: 11px
}
#community .left .category h4 {
	clear: both;
	background: url(../image/icon/ico_list.gif) no-repeat left center;
	text-indent: 15px;
	margin: 10px 10px;
	border-bottom: 2px solid #666;
	display: block;
	width: 130px;
	padding: 5px 0;
	color: #ff45ba
}
#community .left .category ul {
	width: 90%;
	margin: 0 auto
}
#community .left .category ul a {
	color: #333;
	line-height: 170%;
	font-size: 12px
}
#community .left .category ul li {
	background: url(../image/common/bu_list01.gif) no-repeat 10px center;
	padding: 0 0 0 25px
}
#community li.active a{
	color: red;
	overflow: hidden;
	display: block
}


/* ------------------------------
	컨텐츠영역
-------------------------------- */
#community .content {
	float: left;
	/* width: 550px;*/
}

#community h4.planner2 a.active {
	color: #000;
	font-size: 13px
}
#community h4.planner3 {
	clear: both;
	background: url(../image/icon/ico_list.gif) no-repeat left center;
	text-indent: 15px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #666;
	display: block;
	padding: 5px 0;
	color: #333
}

#community .tag {
	overflow: hidden;
	border: 1px solid #dfdfdf;
	margin-top: 10px
}
/* --------------------------
	오른쪽 영역
----------------------------- */
#community .right {
	float: right;
	width: 230px;
	overflow: hidden
}