@charset "utf-8";
.lat_notice_listcode_08 {position:relative;margin-bottom:1px;background:none}
.lat_notice_listcode_08 .lat_notice_listcode_08_title {display:block;line-height:35px;font-size:1.2em;
    color:#ffffff;background:#b8181a;padding: 5px;
    font-family: 'S-CoreDream-4Regular', sans-serif !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; text-align: left;
}
.lat_notice_listcode_08 .lat_notice_listcode_08_title a {position:relative;color:#fff !important;
    display:inline-block;margin-left: 10px;}
.lat_notice_listcode_08 .lat_notice_listcode_08_title a:hover {
    background-color: firebrick !important;
    color: #ececec !important;
    text-decoration: none; /* 호버 시 밑줄이 생기지 않도록 */
}
/* 새글 스킨 (latest) */
.lat_notice_listcode_08 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    /* overflow-x: hidden; 가로 스크롤 설정 */
    white-space: nowrap; /* 줄 바꿈 방지 */
    background: none;
    border: 2px solid #b8181a;
    border-radius: 0px;
    font-size: 12px;

}
.basic_li_notice_list_08 {
    display: flex; /* 부모 요소에 flex 적용 */
    align-items: center;
    padding: 5px;
    background-color: #fff;
    border-right: 1px solid #ddd;
    white-space: normal; /* 내용이 넘칠 경우 줄 바꿈 */
}

.basic_li_notice_list_08 .post-info {
    flex: 1; /* 가로 공간을 최대한 차지 */
}

.basic_li_notice_list_08 .lt_info {
    display: flex; /* lt_info 내 요소들을 가로로 배치 */
    align-items: center; /* 세로로 가운데 정렬 */
    margin-left: auto; /* 오른쪽으로 밀어내기 */
}

.basic_li_notice_list_08 .category_name {
    font-size: 12px;
    color: #999;
    margin-right: 5px;
    vertical-align: middle;
    background-color: #f0f0f0;
    padding: 2px 5px;
    border-radius: 3px;
}

.basic_li_notice_list_08:last-child {
    border-right: none;
}

.basic_li_notice_list_08 a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

.lt_info span {
    margin-left: 10px; /* 각 항목 간의 간격 */
}


.empty_li {padding: 10px;color: #999;}

.lat_notice_listcode_08 li {position:relative;line-height:10px;border-bottom:0px solid #e5ecee;margin-bottom:0px}
.lat_notice_listcode_08 li a {font-weight:bold;font-size:1.2em;line-height:20px;vertical-align:middle}
.lat_notice_listcode_08 li a:hover {color:#3a8afd}
.lat_notice_listcode_08 li .fa-heart {color:#ff0000}
.lat_notice_listcode_08 li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.lat_notice_listcode_08 li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.lat_notice_listcode_08 li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.lat_notice_listcode_08 li .fa-caret-right {color:#bbb}
.lat_notice_listcode_08 li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.lat_notice_listcode_08 li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.lat_notice_listcode_08 .profile_img img{border-radius:50%}

.basic_li_notice_list_08 .lt_info {padding:0px 0}


.lat_notice_listcode_08 .empty_li {line-height:auto;color:#666;text-align:center;padding:0}
.lat_notice_listcode_08 .empty_li:before {background:none;padding:0}

.lat_notice_listcode_08 .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.lat_notice_listcode_08 .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;font-size: 14px; color:#ffffff;border-radius:3px;text-align:center}
.lat_notice_listcode_08 .lt_more:hover {color:#4dd100}

.sv_wrap {display: inline-block;position: relative;}
.sv {position: absolute;top: calc(100% + 0px); left: 0;width: auto !important;padding: 0px !important;
    background: #fff !important;border: 1px solid #ddd;
    color:#b8181a;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); z-index: 99999;}
.sv {display: flex;  flex-wrap: nowrap; gap: 0px; }
.sv a {white-space: nowrap; overflow: hidden; }
.sv_wrap:hover .sv {display: block; }
.sv_nojs {display: none;}
