@charset "UTF-8";

.simple-latest {
    font-family: 'Malgun Gothic', '맑은 고딕', AppleSDGothicNeo-Regular, '돋움', dotum, sans-serif;
}

.simple-latest a {
    text-decoration: none;
    color: inherit;
}

/* Header */
.latest-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 2px solid #333;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.latest-header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.latest-header .more-link {
    font-size: 14px;
    color: #888;
}

/* List */
.latest-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.latest-list li {
    border-bottom: 1px solid #f0f0f0;
    width: 100%;
}

.latest-list li:last-child {
    border-bottom: none;
}

.latest-list li a {
    display: flex;
    align-items: center;
    padding: 10px 5px;
    gap: 10px;
}

.latest-list .item-title {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}

.latest-list .item-date {
    flex-shrink: 0;
    font-size: 14px;
    color: #888;
}

/* QnA Specific */
.latest-list .item-writer {
    flex-shrink: 0;
    color: #555;
    font-size: 14px;
    max-width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.latest-list .item-status {
    flex-shrink: 0;
    padding: 3px 8px;
	margin-left:0;
    border-radius: 30px;
    font-size: 12px;
	width:80px;
	text-align:center;
    color: #fff;
}

.latest-list .item-status.waiting {
    background-color: #fff; /* 대기중 */
	color:#333;
	border:1px solid #333;
}

.latest-list .item-status.pending {
    background-color: #9c27b0; /* 보류중 */
}

.latest-list .item-status.complete {
    background-color: #333 ; /* 답변완료 */
}

/* Empty Item */
.empty-item {
    text-align: center;
    padding: 30px 0;
    color: #888;
}