@charset "utf-8";

/* 통합 최신·많이 본 콘텐츠 latest 내부 */
.hbmf_wrap,
.hbmf_wrap * {box-sizing:border-box}
.hbmf_wrap a {color:inherit;text-decoration:none}
.hbmf_latest {min-width:0}
.hbm_feed_popular {position:sticky;top:100px;align-self:start;min-width:0}
.hbmf_item {display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid #dee3e8}
.hbmf_item:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.hbmf_thumb {display:block;height:126px;overflow:hidden;background:#e8edf1}
.hbmf_thumb img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.hbmf_thumb:hover img {transform:scale(1.025)}
.hbmf_thumb.is_empty {display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#07345b,#1686c3)}
.hbmf_thumb.is_empty span {color:rgba(255,255,255,.35);font-size:14px;font-weight:800;letter-spacing:.05em}
.hbmf_text {position:relative;min-width:0;padding-right:82px}
.hbmf_text em {color:#1686c3;font-size:14px;line-height:1.3;font-style:normal;font-weight:700}
.hbmf_text h3 {margin:6px 0 7px;color:#171a1f;font-size:21px;line-height:1.4;font-weight:700}
.hbmf_text h3 a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hbmf_text h3 a:hover,.hbmf_rank a:hover {color:#1686c3}
.hbmf_text p {display:-webkit-box;margin:0;overflow:hidden;color:#747c85;font-size:15px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hbmf_text time {position:absolute;top:2px;right:0;color:#8a929a;font-size:14px}
.hbmf_rank {margin:0;padding:0;list-style:none}
.hbmf_rank li {display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #dee3e8}
.hbmf_rank li:first-child {padding-top:0}
.hbmf_num {color:#1686c3;font-size:17px;line-height:1;font-weight:800}
.hbmf_rank a {display:block;min-width:0;overflow:hidden;color:#3d444c;font-size:16px;line-height:1.45;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.hbmf_empty {display:flex;align-items:center;justify-content:center;min-height:140px;margin:0;background:#f4f6f8;color:#747c85;text-align:center}

@media (max-width:969px) {
    .hbm_feed_popular {position:static;top:auto}
}

@media (max-width:767px) {
    .hbmf_item {grid-template-columns:150px minmax(0,1fr);gap:16px}
    .hbmf_thumb {height:95px}
    .hbmf_text {padding-right:0}
    .hbmf_text h3 {font-size:17px}
    .hbmf_text p {display:none}
    .hbmf_text time {position:static;display:block;margin-top:7px}
}

@media (max-width:480px) {
    .hbmf_item {grid-template-columns:115px minmax(0,1fr);gap:13px}
    .hbmf_thumb {height:76px}
    .hbmf_text h3 {margin-top:4px;font-size:15px}
}