@charset "utf-8";

.notice { position:relative; padding:5px; }
.notice h2 { display:none; }
.notice ul { list-style:none; padding:0; margin:0; }
.notice li { border-bottom:1px solid #f5f5f5; }

/* Q 영역 */
.latest_q {
    position: relative;
    padding: 14px 40px 14px 36px;
    cursor: pointer;
    color: #333;
    font-size: 15px;
    line-height: 1.5;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.latest_q::before {
    content: 'Q';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #d32026;
    font-weight: bold;
}
/* - 아이콘 */
.latest_q::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 2px;
    background-color: #666;
    transition: all 0.3s;
}
/* | 아이콘 */
.latest_q .v_bar {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 14px;
    background-color: #666;
    transition: all 0.3s;
}
.latest_q.active .v_bar {
    opacity: 0;
}

/* 날짜 */
.latest_q .lt_date {
    float: right;
    font-size: 13px;
    color: #888;
    margin-right: 30px;
    font-weight: normal;
}

/* A 영역 */
.latest_a {
    display: none;
    background-color: #f5f5f5;
    padding: 20px 20px 20px 36px;
    position: relative;
}
.latest_a::before {
    content: 'A';
    position: absolute;
    left: 10px;
    top: 20px;
    font-size: 18px;
    color: #0066cc;
    font-weight: bold;
}
.latest_a_content {
    line-height: 1.8;
    color: #333;
    font-size: 15px;
}
.latest_a_content img {
    max-width: 100%;
    height: auto;
}

.notice li .lock_icon { display:inline-block; line-height:18px; width:18px; font-size:15px; color:#4f818c; background:#cbe3e8; text-align:center; border-radius:2px; border:1px solid #a2c6ce; vertical-align:baseline; }
.notice li .new_icon { display:inline-block; line-height:16px; width:16px; font-size:0.833em; color:#ffff00; background:#6db142; text-align:center; margin-right:3px; border-radius:2px; vertical-align:baseline; }
.notice li.empty_li { border-bottom:0; line-height:120px; text-align:center; }