@charset "utf-8";

/* 새글 스킨 (latest) */
.reference_li_lt {position: relative;}
.reference_li_lt .lat_title {display: flex; align-items: center; justify-content: space-between; font-size: 22px; font-weight: 700;}
.reference_li_lt .lat_title a {}


.reference_li_lt li .new_icon {display: flex; align-items: center; justify-content: center; width: fit-content; font-size: 14px; font-weight: 600; color: #fff; background-color: #B00973; border-radius: 5px; padding: 4px 6px; margin-right: 12px;}
.reference_li_lt ul {margin-top: 20px;}
.reference_li_lt ul li {display: flex; align-items: center; justify-content: space-between;}
.reference_li_lt ul li:not(:last-child) {margin-bottom: 23px;}
.reference_li_lt ul li a {display: flex; align-items: center; width: 100%;}
.reference_li_lt .lt_info {display: flex; flex-direction: column; width: 100%; font-size: 18px; font-weight: 500;}
.reference_li_lt .lt_info .lt_cont {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 500;}
.reference_li_lt ul li:hover .lt_cont {font-weight: 600;}
.reference_li_lt .lt_info .lt_date {font-size: 16px; color: #827A74; margin-top: 7px;}
.reference_li_lt .ico-reference {width: 75px; height: 75px; border-radius: 5px; background-color: #F7E5F1; background-image: url("../../../assets/images/user/ico-reference.svg"); background-repeat: no-repeat; background-size: 26px 36px; background-position: center; margin-right: 15px; flex: none;}

.reference_li_lt .empty_li {min-height: 64px;color:#666;text-align:center;padding:0}
.reference_li_lt .empty_li:before {background:none;padding:0}

.reference_li_lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

@media screen and (max-width: 1280px) {
    .reference_li_lt .ico-reference {width: 64px; height: 64px;}
    .reference_li_lt .lt_info .lt_cont {-webkit-line-clamp: 1; font-size: 16px;}
    .reference_li_lt .lt_info .lt_date {font-size: 14px;}
}


@media screen and (max-width: 768px) {
    .reference_li_lt .lat_title {font-size: 20px;}
}