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

.lat {position:relative;overflow:hidden;/*border:1px solid rgba(0,0,0,.125);*/color:#253dbe;/*border-radius:.25rem;*/transform:skew(-0.1deg);font-family: 'Noto Sans KR' !important; margin-top:15px;}

/*.lat .lat_on a{color:#000;text-decoration:none;display:inline-block;position:relative; font-size:28px; font-weight:600;}*/
/*.lat .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background: #007bff;content:''}*/
.lat ul{padding:00px 0px 0;list-style-type:none;margin-bottom: 0}

.lat li {position:relative;font-size:18px; line-height:32px; padding:20px 5px; position:relative; border-bottom:1px solid #ddd; text-overflow:ellipsis;overflow: hidden;white-space: nowrap; padding-right:54px;}
.lat li::after { content:''; position:absolute; top:50%; right:5px; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; border:1px solid #000; background-image:url(../../../../../img/main/slide_more.png); background-position:center; background-repeat:no-repeat; background-size:20px; opacity:.3;}
.lat li:hover::after { opacity:1;}

.lat span {display:inline-block; margin-right:12px;padding:0 16px; border-radius:50px; color:#fff; font-size:16px; font-weight:500;}
.lat .lat_on { background-color:#e37d25;}
.lat .lat_off { background-color:#959595;}

/*.lat li:hover { background-color:#f7f7f7;}*/

.lat li a {color:#000; font-weight:500;text-decoration:none;}
.lat li a:hover{color:#000}
.lat li .fa-heart{color:#ff0000;}
.lat li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size:0.7rem;font-weight: 600;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;border:1px solid #a2c6ce}
.lat li .new_icon{display:inline-block;width: 16px;line-height:16px;font-size:0.7rem;font-weight: 600;color:#fff;background:#0069d9;text-align:center;border-radius: 2px;}
.lat li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.7rem;font-weight: 600;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.lat li .fa-caret-right{color:#bbb}
.lat .lt_date{position:absolute;top:3px;right:0;color:#555; text-align: right !important;}
.lat  .empty_li{line-height:145px ;color:#aaa;text-align:center;padding:0;font-size: 16px;font-weight: 300;}
.lat  .empty_li:before{background:none;padding:0}

.lat .lt_cmt{color:#ff73b4; padding-right:4px; text-align: right; font-weight: 600;}
.lat .lt_more {position:absolute;top:8px;right:0px;display:block;width:38px;line-height:25px;color:#d2a548;border-radius:3px;text-align:center;}
.lat .lt_more:hover{color:#000}


.lt_title { font-weight:400;}




.lat_more {position:absolute; top:10px; right:0;}
.lat_more img { width:32px;}

.lat a { color:#000;}
 
@media (max-width: 767.98px) {
	.lat span {padding:0 12px; font-size:14px; margin-right:8px;}
	.lat li {font-size:16px !important; line-height:28px !important; padding:10px 45px 10px 5px;}
	.lat li::after {width:30px; height:30px; background-size:12px;}
}