@charset "utf-8";

.rank_latest_grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:1280px;margin:5px 0 30px;font-family:"yg-jalnan",dotum,sans-serif;font-weight:400}
.lt_wr_nara {min-width:0}
.lat_linkrank {position:relative;height:437px;border:1px solid #303030;background:#151515;color:#ddd;overflow:hidden;transition:border-color .2s ease,transform .2s ease}
.lat_linkrank:hover {border-color:#4a4a4a;transform:translateY(-1px)}
.lat_linkrank .nara_title {display:flex;align-items:center;height:60px;padding:0 20px;border-bottom:1px solid #303030;background:#1a1a1a}
.rank_title_icon {display:block;flex:0 0 30px;width:30px;height:30px;margin-right:10px;object-fit:contain}
.lat_linkrank_title {min-width:0;margin:0;font-family:"yg-jalnan",dotum,sans-serif;font-size:17px;font-weight:400;line-height:60px}
.lat_linkrank_title a {display:block;color:#e0e0e0;font-family:inherit;font-weight:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:color .2s ease}
.lat_linkrank_title a:hover,.lat_linkrank_title a:focus {color:#fff}
.rank_list {height:375px;margin:0;padding:15px;list-style:none}
.rank_list .basic_li_title {display:flex;align-items:center;min-width:0;height:30px;margin:0 0 5px;line-height:30px}
.rank_list .basic_li_title:last-child {margin-bottom:0}
.rank_img {display:block;flex:0 0 30px;width:30px;height:30px;margin-right:8px;object-fit:contain}
.rank_img_fallback {display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;margin-right:5px;border-radius:3px;background:#383838;color:#aaa;font-size:11px;font-weight:700;line-height:20px}
.rank_item_link {display:block;min-width:0;color:#c8c8c8;font-family:"yg-jalnan",dotum,sans-serif;font-size:16px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:color .2s ease,transform .2s ease}
.rank_item_link strong {font-weight:400}
.rank_item_link.rank_1 {color:#ff4c96}
.rank_item_link.rank_2 {color:#62c946}
.rank_item_link.rank_3 {color:#4eb7e6}
.rank_item_link.rank_4 {color:#d5b258}
.rank_item_link.rank_5 {color:#c48ae6}
.rank_item_link:hover,.rank_item_link:focus {color:#fff;transform:translateX(3px)}
.rank_empty {display:flex;align-items:center;justify-content:center;height:300px;color:#777;font-size:14px;text-align:center}
.lat_linkrank .lt_more {position:absolute;top:20px;right:15px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#777;font-size:13px;transition:color .2s ease,transform .2s ease}
.lat_linkrank .lt_more:hover,.lat_linkrank .lt_more:focus {color:#fff;transform:translateX(2px)}

@media (max-width:1024px) {
    .rank_latest_grid {grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding:0 8px}
}

@media (max-width:600px) {
    .rank_latest_grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:100%;margin:5px 0 30px;padding:0 2px;box-sizing:border-box}
    .lat_linkrank {height:415px}
    .lat_linkrank .nara_title {height:50px;padding:0 10px}
    .rank_title_icon {flex-basis:25px;width:25px;height:25px;margin-right:5px}
    .lat_linkrank_title {font-size:13px;line-height:50px}
    .rank_list {height:363px;padding:12px 10px}
    .rank_list .basic_li_title {height:30px;margin-bottom:3px;line-height:30px}
    .rank_item_link {font-size:13px}
    .lat_linkrank .lt_more {top:15px;right:8px}
}