@charset "utf-8";
/* 새글 스킨 (latest) */

.lat {position:relative;overflow:hidden;}
.lat li {padding: 32px 2% 32px 110px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); position:relative; font-size:16px;}
.lat li h3 {margin-bottom: 6px; font-size: 20px; font-weight: 600; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lat li p {font-size: 16px; font-weight: 300; color: #ddd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lat li:hover a {transition: 0.3s;}
.lat li:hover a{color:#179cfa}
.lat li .fa-caret-right{color:#bbb}
.lat .lt_date{position:absolute; padding-top: 10px;  width: 84px; height: 84px; top: 8px;left:0; color:#ddd; font-size:16px; font-weight: 300; text-align: center;}
.lat .lt_date b {display: block; padding-top: 4px; font-size: 36px; font-weight: 600; color: #179cfa; letter-spacing: -1px;}
.lat  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.lat  .empty_li:before{background:none;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 screen and (max-width: 640px) {
    .lat li {width: 100%; padding: 20px 15px 20px 72px}
    .lat li h3 {margin-bottom: 6px; font-size: 18px;}
    .lat li p {font-size: 14px;}

    .lat .lt_date {width: 64px; height: 64px; top: 2px; font-size: 12px;}
    .lat .lt_date b {font-size: 26px;}
}