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

.thumb {position:relative;margin-bottom:20px; overflow:hidden;}
.thumb .lat_title {display:none;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#333;  }
.thumb .lat_title a{color:#333;display:inline-block;position:relative; font-size:1.313em}
.thumb .lat_title a:after{position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#333;content:''}
.thumb ul{padding:15px 20px}
.thumb li {float:left;width:48%;margin:1%;position:relative;padding:20px 0px 20px 220px;  border-bottom:1px solid #ddd;}
.thumb li:before{ display:none}
.thumb li a:hover{color:#3181cb}
.thumb li .fa-heart{color:#ff0000;}
.thumb 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 #a2c6ce}
.thumb li .new_icon{display:inline-block;width: 16px;line-height:16px; font-size:12px; vertical-align:top; margin:10px 0 0 10px; color:#ffff00;background:#ff3414;text-align:center;border-radius: 2px;}
.thumb li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px; margin-left:10px}
.thumb li .fa-caret-right{color:#bbb}
.thumb .lt_date{position:absolute;top:20px;left:0;color:#888; font-size:14px}
.thumb .photo { padding:0 20px 20px 20px}
.thumb .photo img { border-radius:10px; }

.thumb  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.thumb  .empty_li:before{background:none;padding:0}

.thumb .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;}
.thumb .lt_cmt .cnt_cmt { font-size:12px}
.thumb .cnt_cmt { font-size:12px}
.thumb .lt_more {position:absolute;top:11px;right:20px;display:none;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.thumb .lt_more:hover{color:#777}


.lt_date h3{background:#CBA135;padding:10px 20px;color:#fff; line-height:1em; font-weight:bold; font-size:40px; text-align:center}
.lt_date .date{color:#737373; font-size:18px; text-align:center}
.thumb li a { font-size:22px; color:#000; font-weight:bold; text-align:left; line-height:1.6;}
.thumb li p { overflow: hidden; text-overflow: ellipsis; text-align:left; line-height:1.5;  font-size:16px; padding-top:5px; color:#555; font-weight:300;}


@media screen and (max-width:820px) {
.thumb ul { padding:0}
.thumb li a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:20px}
.thumb li {width:100%;position:relative;padding:25px 0px 20px 0; display:inline-block; border-bottom:1px solid #ddd;}
.thumb .lt_date {width:100%;display:block;clear:both;}
.thumb .It_date_box {width:100%;display:block;clear:both;margin-top:22%;}
}