@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative;}
.lat .mtit { display:flex; justify-content:space-between; align-items:center; font-size:1.5rem; margin-bottom:20px; }
.lat .mtit i {font-size:0.875rem;}

.lat .ul {display:grid; height:calc(100% - 10px); align-items:stretch;}
.lat .li {position:relative;}
.lat .li .new_icon {display:inline-block;width:24px;line-height:24px;font-size:0.833em;color:#fff;background:#892886;text-align:center;border-radius:50%;margin-left:10px;font-weight:bold;vertical-align:middle}
.lat .li a {display:flex; align-items:center; justify-content:space-between; padding:10px; margin-bottom:10px; border:1px dotted #ddd; border-radius:8px;}
.lat .li:last-child a {margin-bottom:0;}
.lat .li .lt_text { width:calc(100% - 220px); color:#888; font-size:0.875rem;}
.lat .li .lt_text a { display:inline-block; font-size:1.25em; padding:0; margin-bottom:10px; font-weight:800; color:#000;}
.lat .li .lt_ranking {border:1px solid var(--red-color); display:flex; width:fit-content; }
.lat .li .lt_ranking span {display:block; padding:5px 10px;}
.lat .li .lt_ranking .ca_name { background-color:var(--red-color); color:#fff;}
.lat .li .lt_ranking.color_1st { border-color:var(--red-color);}
.lat .li .lt_ranking.color_1st .ca_name { background-color:var(--red-color);}
.lat .li .lt_ranking.color_2nd { border-color:var(--yellow-color);}
.lat .li .lt_ranking.color_2nd .ca_name { background-color:var(--yellow-color);}
.lat .li .lt_ranking.color_3rd { border-color:var(--lightgreen-color);}
.lat .li .lt_ranking.color_3rd .ca_name { background-color:var(--lightgreen-color);}
.lat .li .lt_ranking.color_4th { border-color:var(--green-color);}
.lat .li .lt_ranking.color_4th .ca_name { background-color:var(--green-color);}
.lat .li .lt_ranking.color_5th { border-color:var(--blue-color);}
.lat .li .lt_ranking.color_5th .ca_name { background-color:var(--blue-color);}

.lat .li .lt_tit {font-size:1.125rem; font-weight:bold; vertical-align:middle; color:#000; margin:10px 0;}
.lat .li .lt_img img {width:200px;}

.lat .empty_li { width:100%; .line-height:145px;color:#666;text-align:center;padding:0}
.lat .empty_li:before {background:none;padding:0}

/* 태블릿 */
@media (max-width:1280px){
	.lat .li .lt_text { width:calc(100% - 180px);}
	.lat .li .lt_img img {width:160px;}
}
@media (max-width:960px){
	.lat .mtit {font-size:1.25em;}
	.lat .li a {flex-wrap:wrap;}
	.lat .li .lt_text,
	.lat .li .lt_img,
	.lat .li .lt_img img {width:100%;}
	.lat .li .lt_img {margin-top:10px;}
}
/* 모바일 */
@media (max-width: 767px){
	.lat .li a,
	.lat .li .lt_text {font-size:1em;}
	.lat .li .new_icon {width:16px; height:16px; .line-height:16px; font-size:0.71em;}
	.lat .li .lt_date {display:none;}
	.lat .li .lt_text {width:100%;}
}