Edit in JSFiddle

<section class="category-list">
    <h1>카테고리 이름</h1>
    <div class="desc">카테고리 설명</div>
    <ul>
      <li><a href="#">게시물 제목</a></li>
      <li><a href="#">게시물 제목</a></li>
      <li><a href="#">게시물 제목</a></li>
      <li><a href="#">게시물 제목</a></li>
      <li><a href="#">게시물 제목</a></li>
    </ul>
</section>

/*  카테고리 리스트 */
.category-list {
    margin-bottom: 30px;
	font-family: 굴림, gulim, 돋움, dotum, sans-serif;
	font-size: 12px;
}

.category-list > h1 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 2px solid #212121;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
}

.category-list > .desc {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #ddd;
	font-size: 12px;
	line-height: 1.6;
}

.category-list > ul {
	margin: 0;
	padding: 0;
}

.category-list > ul > li {
	margin-top: 10px;
	margin-left: 1.1em;
	padding-top: 10px;
	border-top: 1px solid #ebebeb;
}

.category-list > ul > li:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.category-list > ul > li a { text-decoration: none; }

.category-list > ul > li a,
.category-list > ul > li a:visited { color: #999 }

.category-list > ul > li a:hover { color: #f27652 }