@charset "utf-8";

/* 분야별 뉴스 latest 내부 */
.hbfd_wrap,.hbfd_wrap * {box-sizing:border-box}
.hbfd_wrap a {color:inherit;text-decoration:none}
.hbfd_column {min-width:0}
.hbfd_head {display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #07345b}
.hbfd_head h3 {margin:0;color:#07345b;font-size:22px;line-height:1.3;font-weight:800}
.hbfd_head > a {display:flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #cfd7de;color:#68727c;font-size:20px;line-height:1;font-weight:300;transition:.2s ease}
.hbfd_head > a:hover {border-color:#1686c3;background:#1686c3;color:#fff}
.hbfd_lead {display:block}
.hbfd_media {display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/10;overflow:hidden;background:#e8edf1}
.hbfd_media img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.hbfd_lead:hover .hbfd_media img {transform:scale(1.025)}
.hbfd_media.is_empty {background:linear-gradient(135deg,#07345b,#1686c3)}
.hbfd_media.is_empty span {color:rgba(255,255,255,.32);font-size:15px;font-weight:800;letter-spacing:.05em}
.hbfd_lead strong {display:-webkit-box;margin-top:14px;overflow:hidden;color:#171a1f;font-size:20px;line-height:1.45;font-weight:700;word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hbfd_lead:hover strong,.hbfd_list a:hover {color:#1686c3}
.hbfd_lead time {display:block;margin-top:8px;color:#8a929a;font-size:14px}
.hbfd_list {margin:17px 0 0;padding:0;border-top:1px solid #dee3e8;list-style:none}
.hbfd_list li {position:relative;padding:16px 0 16px 12px;border-bottom:1px solid #dee3e8}
.hbfd_list li:last-child{border-bottom: none; }
.hbfd_list li:before {content:"";position:absolute;top:50%;left:0;width:3px;height:3px;border-radius:50%;background:#1686c3;transform:translateY(-50%)}
.hbfd_list a {display:block;overflow:hidden;color:#3d444c;font-size:15px;line-height:1;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.hbfd_empty {display:flex;align-items:center;justify-content:center;min-height:250px;margin:0;background:#f4f6f8;color:#747c85;text-align:center}

@media (max-width:767px) {
    .hbfd_head h3 {font-size:20px}
    .hbfd_lead strong {font-size:17px}
}