@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative;margin-top:20px;}


.lat ul {display:flex;flex-wrap: wrap;}
.lat li  {width: 31%;margin: 1rem}
.lat li a {border:1px solid #ddd;position:relative;display: flex;align-items: flex-start;padding: 30px;min-height: 200px;border-radius: 10px;flex-direction: column;justify-content: space-between;transition: all 0.2s linear;}
.lat li a:hover {border: 1px solid #aebfe1; box-shadow: 0px 3px 10px 0 #e0e6f0;    background: #f6f9fd;}
.lat li a strong {font-size: 1.4em;font-weight: 500;line-height: 120%;word-break: keep-all;}

.lt_info {
    font-size: .9em;
}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

.lat .empty_li {width: 100%; line-height:145px;text-align:center;padding:0}
.lat .empty_li:before {background:none;padding:0}

@media screen and (max-width: 1336px) {
.lat li a strong {font-size: 1.2em;}
}
@media screen and (max-width: 1024px) {
.lat li  {width:49%;}

}
@media screen and (max-width: 768px) { 

}
@media screen and (max-width: 568px) { 
.lat li  {width:100%;}

.lat li a {min-height: auto;padding: 5%;}
.lt_info {margin-top: 1em;}
}