@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative;}
.lat .lat_title {border-bottom: 2px solid #212121; padding-bottom: 20px; margin-bottom: 20px;}
.lat .lat_title a {display: flex; justify-content:space-between; align-items:center; font-size:30px; color:#212121; font-weight: 700; font-family: 'Noto Sans Korean';}
.lat .lat_title a i {transition: all 0.3s; font-size: 80%;}
.lat .lat_title a:hover i {transform:rotate(90deg); transition: all 0.3s;}

.lat li {font-size: 16px; line-height: 2.4; font-weight: 300; display: flex; justify-content:space-between; align-items:center;}
/*.lat li a:hover {color:#3a8afd}*/
.lat li a {width:75%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.lat li .fa-heart {color:#ff0000}
.lat li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.lat li .new_icon {display:inline-block;width:13px;line-height:13px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle; display: none;}
.lat li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-caret-right {color:#bbb}
.lat li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.lt_info {display: inline-block; float: right;}
.lt_info .lt_nick {}

.lat .empty_li {line-height:145px; color:#888; text-align:center; padding:0}

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

@media(max-width:1400px){
.lat .lat_title {padding-bottom: 15px; margin-bottom: 15px;}
.lat .lat_title a {font-size:24px;}
.lat li {font-size: 16px; line-height: 2.4;}
}

@media(max-width:1024px){
.lat .lat_title {padding-bottom: 15px; margin-bottom: 15px;}
.lat .lat_title a {font-size:20px;}
.lat li {font-size: 14px; line-height: 2;}
}

@media(max-width:700px){
.lat .lat_title {border-bottom: 1px solid #212121; padding-bottom: 10px; margin-bottom: 10px;}
.lat .lat_title a {font-size:18px;}
.lat li {font-size: 12px; line-height: 2;}
}