@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative;margin-bottom:20px;background:#fff}
.lat .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.lat .lat_title a {position:relative;color:#000;display:inline-block}

@media screen and (min-width:1201px) {
.lat h6 { font-family: 'Noto Sans KR'; font-size:16px; color:#090; margin-bottom:10px; }
.lat ul {padding:20px 0; display:flex; column-gap:10px; }
.lat li { position:relative; padding:20px; border:1px solid #ddd; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.lat li a {font-weight:bold;font-size:1.2em;line-height:20px;vertical-align:middle}
.lat li a:hover {color:#3a8afd}
.lat .basic_li > a { display:block; min-height:100px; }
}
@media screen and (max-width:1200px) and (min-width:901px) {
.lat h6 { font-family: 'Noto Sans KR'; font-size:15px; color:#090; margin-bottom:5px; }
.lat ul {padding:20px 0; display:flex; column-gap:10px; }
.lat li { position:relative; padding:15px; border:1px solid #ddd; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.lat li:last-child { display:none; }
.lat li a {font-weight:bold;font-size:1.2em;line-height:20px;vertical-align:middle}
.lat li a:hover {color:#3a8afd}
.lat .basic_li > a { display:block; min-height:75px; }
}
@media screen and (max-width:900px) {
.lat h6 { font-family: 'Noto Sans KR'; font-size:16px; color:#090; margin-bottom:10px; }
.lat ul {padding:20px 0; }
.lat li { position:relative; padding:20px; border:1px solid #ddd; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.1); margin-bottom:10px; }
.lat li a {font-weight:bold;font-size:1.2em;line-height:20px;vertical-align:middle}
.lat li a:hover {color:#3a8afd}
.lat .basic_li > a { display:block; min-height:100px; }
}

.lat .lt_date { float:right; }

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

.lat .lt_more { position:absolute; top:-40px; right:0px; font-family: 'Noto Sans KR'; font-size:30px; color:#333; font-weight:bolder; }
.lat .lt_more:hover {color:#090; }