#wrap .content > ul { margin-top: 3rem;}
#wrap .content > ul li { 
    padding: 2.5rem 0;
    border-bottom: 2px solid #f1f1f1;
}
#wrap .content > ul li:nth-child(1) {
	padding-top: 0; 
}

#wrap .content > ul li .box {
    display: flex;
    align-items: center; 
    justify-content: space-between; 
    flex-wrap: wrap;
}
#wrap .content > ul li .box .right{
    display: flex;
    flex-direction: column;
}

#wrap .content > ul li .box .left .tit{
    font-size: 1.6rem;
    font-weight: 700;
}
#wrap .content > ul li .box:hover .left .tit { text-decoration: underline; }
#wrap .content > ul li .box .preview{
	color: #898989;
    font-size: 1.1rem;
    margin-top: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 최대 표시할 줄 수 */
    -webkit-box-orient: vertical;
}
#wrap .content > ul li .box .right .date{
    font-size: 0.9rem;
    color: #cbcbcb;
    font-weight: 300;
}

/* 페이지네이션 */
.pagination { margin-top: 1rem; display: flex; justify-content: center; align-items: center; gap: 1rem;}
.pagination a { font-size: 1.1rem;}
.pagination a.active { font-weight: bold; color: #e4951f;}