@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative;margin-bottom:20px}
.lat:after {display:block;visibility:hidden;clear:both;content:""}
.lat .lat_title {margin-bottom:60px;text-align:center}
.lat .lat_title a {text-align:left;padding-bottom:10px;margin-bottom:10px;position:relative;}

.lat li {position:relative;float:left;width:23%;height:260px;padding:35px;margin:1%;background:#fff;border:1px solid #dcdcdc}
.lat li:hover a {color:#4493fe}
.lat li a {font-size:1.5em;line-height:24px;}

.lat li .lat_detail {margin-top:15px;line-height:20px;max-height:100px;overflow:hidden;text-overflow:ellipsis;color:#989898}
.lat li .lat_info {margin-top:15px;color:#bdbdbd;font-size:1em}
.lat li .new_icon {position:absolute;left:-1px;top:-1px;display:inline-block;width:25px;height:25px;line-height:24px;font-size:1.2em;color:#fff;background:#fe4444;text-align:center}
.lat li .lt_cmt {margin-left:5px;padding-left:10px;display:inline-block;background:url(./img/division_bg.png) left 3px no-repeat}

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

@media (max-width:1024px) {
    .lat li {width:48%; margin:1%;}
}

@media (max-width:500px) {
    .lat li {float:none; width:100%; margin:10px 0px;}
}