@charset "utf-8";
/* 새글 스킨 (latest) */
.lat {position:relative;}
.lat ul {margin:0 0 10px;padding:0;list-style:none;border:0px solid #e5e5e5}
.lat li {   height: 100%;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;
}
.lat li > div {background-color: #ffffff;     box-shadow: 1px 1px 5px 2px #00000020; height: 100%; width: calc(100% - 30px); margin: 15px auto;
border-radius: 30px; padding: 20px; position: relative;}
.lat li:first-child{border:0}
.lat li i{color:#9da4bc}
.lat li .fa-heart{color:#ff0000}
.lat li .new_icon{display:inline-block;padding: 0 3px;line-height:14px ;font-size:0.833em;color:#fff;background:#c56bed}
.lat li .cnt_cmt{color:#ff3970}
.lat_title {display:block;padding:10px 0 8px;font-size:1.167em}
.lat_more {position:absolute;top:10px;right:0;}

.lat li  p.tit {border-bottom: 1px solid #dddddd; padding-bottom: 10px;  font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.lat li  p.desc {padding: 5px 0 3px; line-height: 25px; font-size: 17px; word-break: keep-all; text-align: left;}
.lat li p:nth-child(3){width: 90%;}

.lat li  .icon01 {width: 40px; display: inline-block; margin-right: 12px;    vertical-align: text-bottom;}
.lat li  .btn_go {position: absolute; bottom: 12px; right: 12px; width: 50px; height: 50px; line-height: 50px; background-color: #4b527a50; color: #ffffff; border-radius: 50px;}

@media screen and (max-width: 768px) { 
    .lat li > div {padding: 20px 10px;}
    .lat li p.tit {font-size: 16px;}
    .lat li p.desc {font-size: 14px;}
}