@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative;margin-bottom:20px;background:#fff}
.lat .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.lat .lat_title a {position:relative;color:#000;display:inline-block}

.lat ul {padding:10px 0}
.lat li {position:relative;line-height:18px;border-bottom:1px solid #e5ecee;margin-bottom:10px}
.lat li a {font-size:1.2em;line-height:20px;vertical-align:middle}
.lat li a:hover {color:#3a8afd}

.lat .profile_img img{border-radius:50%}

.lt_info {padding:10px 0}

.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}
.lat .lt_more {display:block;width:120px; text-align: center; padding:16px 0; border:1px solid #ddd; margin:40px auto 0; font-size:15px;}


.lat-contents-list .box-wrap{display:flex; align-items: center; height: 70px; }
.lat-contents-list .box{text-align: center; padding:0 15px; font-size:16px;}
/* .lat-contents-list .box.box01{width:20%;} */
.lat-contents-list .box.box02{width:55%; text-align: left;}
.lat-contents-list.top-area .box.box02{text-align: center;}
.lat-contents-list .box.box03{width:15%}
.lat-contents-list .box.box04{width:30%}
.lat-contents-list.top-area .box{font-weight: bold; }


@media(max-width:768px){
    .lat li{border-bottom:0; padding:10px 0; margin-bottom:0;}
    .lat li:first-child{display:none;}
    .lat-contents-list{border:1px solid #ddd; padding:20px }
    .lat-contents-list .box-wrap{flex-direction: column; height: auto;}
    .lat-contents-list .box{padding:0; text-align: left; font-size:15px;}
    .lat-contents-list .box-wrap .box03{width:100%;  margin-top:10px; color:#afafaf}
    .lat-contents-list .box-wrap .box02{width:100%; font-weight: 700;}
    .lat-contents-list .box.box04{width:100%; margin-top:10px;}
}