@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative; width:100%; padding: 30px;  background: #fff;}
.lat .lat_title {}
.lat .lat_title a {font-size:30px; color:#444;}

.lat ul {}
.lat li {padding:28px 10px; border-bottom:1px solid #e5e5e5; display:flex; align-items:center; justify-content:space-between;}
.lat li a {position:relative; line-height:24px; font-size:17px; color:#444; font-weight:200; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
.lat li a:hover {padding-left:30px;}
.lat li a:hover:before {position:absolute; left:0; top:13px; content:''; display:inline-block; width:20px; height:1px; background:#fff;}
.lat li .new_icon {font-size:10px; color:#f7f4ed; padding:0 5px; border-radius:3px; border:1px solid #f7f4ed; }
.lat li .lt_date {color:#444; opacity:0.6;}


.lt_info {padding:10px 0}
.lt_info .lt_nick {}

.lat .empty_li {line-height:145px;color:#444; opacity:0.6;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 {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#fff;border-radius:3px;text-align:center; display:none;}
.lat .lt_more:hover { opacity:0.6;}


 @media (max-width: 969px){
     .lat { padding: 20px; }
     .lat li {padding:18px 10px; }
     .lat li a { font-size:15px;}
}

 @media (max-width: 429px){
     .lat { padding: 10px; }
     .lat li {padding:10px 5px; }
     .lat li a { font-size:13px;word-break: keep-all}
     .lat li .lt_date{ display: none;font-size:11px;}
}