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

.content01 .lat {position:relative;}
.content01 .lat .lat_title {display:none;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#333; }
.content01 .lat .lat_title a{color:#333;display:inline-block;position:relative; font-size:1.313em; height:auto}
.content01 .lat .lat_title a:after{position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#333;content:''}
.content01 .lat ul{display: flex; flex-wrap: wrap; gap: 30px;}
.content01 .lat li {width: calc(100% / 3 - 20px); }
.content01 .lat li a {font-weight: 600; border-radius: 0; font-size: 22px; line-height: 1.3; word-break: keep-all; padding: 30px; border-top: 1px solid #ddd; height: 164px; display: flex; flex-direction: column; justify-content: space-between;}
.content01 .lat li a .subject {color: inherit; font-size: inherit; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.content01 .lat li a strong {font-weight: inherit; color: inherit;}
.content01 .lat .flex_box {display: flex; justify-content: space-between; align-items: flex-end;}
.content01 .lat .lt_date{color:#666; font-size:16px; font-weight: 600;}
.content01 .lat .more_btn {display: flex; align-items: center; gap: 10px; font-size:16px; font-weight: 600; color: #005bac;}
.content01 .lat .more_btn i {color: #005bac; font-size: 16px;}
.content01 .lat .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.content01 .lat .empty_li:before{background:none;padding:0}

.content01 .lat .lt_cmt {background:#e9eff5;color:#D77C96;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.content01 .lat .lt_more {position:absolute;top:11px;right:20px;display:block;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.content01 .lat .lt_more:hover{color:#777}

.content01 .lat li a:hover {transition: .4s; border-radius: 20px; border-top-color: transparent; background-color: #005bac; color: #fff;}
.content01 .lat li a:hover * {transition: .4s;}
.content01 .lat li a:hover .lt_date {color: rgba(255, 255, 255, 0.5);}
.content01 .lat li a:hover .more_btn {color: #fff;}
.content01 .lat li a:hover .more_btn i {color: #fff;}


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

}
@media screen and (max-width: 960px) {
  .content01 .lat li {width: calc(50% - 15px);}
  .content01 .lat li a {font-size: 20px;}
}
@media screen and (max-width: 640px) {
  .content01 .lat ul {gap: 20px;}
  .content01 .lat li {width: 100%;}
  .content01 .lat li a {height: 140px; font-size: 18px; padding: 20px;}
  .content01 .lat .lt_date {font-size: 14px;}
  .content01 .lat .more_btn {font-size: 14px;}
  .content01 .lat .more_btn i {font-size: 14px;}
}