.lat{position: relative; font-family:'S-CoreDream-5Medium';}

.lat .first{position: relative;border-bottom:1px dashed #ccc;padding: 0px 30px 35px 0px;margin-bottom: 20px;}
.lat .first a{display:flex;}
.lat .first .img{width:290px;position:relative;height: 200px;background: #ddd;border: 1px solid #ddd;/*padding-bottom:20%;*/display:block;border-radius:5px;overflow:hidden;}
.lat .first .img img{max-width:100%; height:100%; top:50%; left:50%; transform:translate(-50%, -50%); position:absolute;}
.lat .first .txt{padding: 10px 0 10px 30px;position:relative;width:calc(100% - 230px);}
.lat .first .f-tit{font-family:'S-CoreDream-6Bold';overflow:hidden; color:#444; font-size:28px; font-weight:normal; word-break:break-all;}
.lat .first .f-tit .icon-noti{border-radius:2px; background:#ec6c61; font-size:12px; color:#fff; padding:2px 15px; margin-right:10px;}
.lat .first .f-txt{overflow:hidden;margin-top:15px;display:block;color:#868686;font-weight: normal;font-size: 17px;line-height:1.6;letter-spacing:-0.2px;word-break:break-all;}
.lat .first .lt-date{font-family:'S-CoreDream-4Regular';position:absolute;bottom: 10px;left:30px;color: #999;font-size: 16px;}

.lat .list{margin-bottom:0;position:relative;padding: 8px 0 8px 20px;}
.lat .list:before{content:"";width: 4px;height: 4px;background: #bb0c5b;left:0;top:50%;transform:translate(0, -50%) rotate(45deg);right:0px;position:absolute;}
.lat .list a{color:#666;font-size: 18px;font-weight: normal;letter-spacing:-.5px;line-height:1.2;width:calc(100% - 140px);overflow:hidden;display:block;}
.lat .list .lt-date{font-family:'S-CoreDream-4Regular';position:absolute;top:50%;transform:translate(0, -50%);right:0px;color:#999;font-size: 15px;}

.lat .first:hover{transition:.3s;}
.lat .list:hover{/* background:#f9f9f9; */transition:.3s;}
.lat .list:hover a{color:#c8005f;}

.lat .empty{display:block;position:absolute;background: #f2f3f7;width:100%;height:100%;left:0;top:0;max-height:300px;padding-top:80px;text-align:center;font-size:20px;font-family:'S-CoreDream-4Regular';color:#787878;}

@media (max-width: 767px){
	.lat .first{padding:20px 0; margin-bottom:5px;}
	.lat .first a{flex-direction:column;}
	.lat .first .img{width:100%; height:auto; padding-bottom:60%;}
	.lat .first .img img{height:auto; width:100%;}
	.lat .first .txt{padding-left:0; width:100%; padding-top:15px;}
	.lat .first .f-tit{font-size:20px;}
	.lat .first .f-txt{margin-top:10px;}
	.lat .first .lt-date{position:relative; bottom:0; left:0; margin-top:10px; display:block;}

	.lat .list:before{top:15px; transform:translate(0, 0%) rotate(45deg);}
	.lat .list a{width:100%;}
	.lat .list .lt-date{position:relative; top:auto; transform:translate(0, 0%); right:auto; margin-top:10px; display:block;}
}