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

.content05 .lat {position:relative; margin-top:20px;}
.content05 .lat .lat_title {display:block;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#333; display: none;}
.content05 .lat .lat_title a{color:#333;display:inline-block;position:relative; font-size:1.313em}
.content05 .lat .lat_title a:after{position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#333;content:''}
.content05 .lat .lat_item {position:relative; width: 100%; border-radius: 10px; background-color: #f9f9f9; padding: 30px; transition: .4s; display: flex; min-height: 280px; flex-direction: column; justify-content: space-between;}

.content05 .lat .lat_item a.title {transition: .4s; font-size: 22px; margin-bottom: 20px; font-weight: 700; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.content05 .lat .lat_item a.title strong {font-weight: inherit;}
.content05 .lat .lat_item.no_content a.title {-webkit-line-clamp:2; }
.content05 .lat .lat_item:hover {background-color: #7b6e66;}
.content05 .lat .lat_item:hover a.title {color: #fff;}
.content05 .lat .lat_item:hover a.title strong {color: inherit; transition: .4s;}
.content05 .lat .lat_item .lt_content {font-size: 18px; line-height: 1.4; color: #666; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: .4s;}
.content05 .lat .lat_item:hover .lt_content {color: #fff;}

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

.content05 .lat .lat_item .flex_box {display: flex; justify-content: space-between; align-items: center; padding-top: 20px; border-top: 1px solid #ddd;}
.content05 .lat .lat_item .flex_box .lt_date {order: 2; font-size: 14px; color: #999; transition: .4s;}
.content05 .lat .lat_item .flex_box .btn_box {opacity: 0;}
.content05 .lat .lat_item .flex_box .btn_box .more_plus {font-size: 14px; color: #fff; font-weight: 600; display: flex; align-items: center; gap: 10px;}
.content05 .lat .lat_item .flex_box .btn_box .more_plus img{ width: auto; filter: brightness(0) invert(1);}
.content05 .lat .lat_item:hover .flex_box .lt_date {order: 1; color: #fff;}
.content05 .lat .lat_item:hover .flex_box .btn_box {order: 2; opacity: 1;}


.content05 .owl-theme .owl-nav {display: none;}
.content05 .owl-theme .owl-dots {margin-top: 15px; display: flex; gap: 10px; align-items: center; justify-content: center;}
.content05 .owl-theme .owl-dots .owl-dot {background-color: transparent;}
.content05 .owl-theme .owl-dots .owl-dot span {display: block; margin: 0; border-radius: 50%; background-color: #ddd;}
.content05 .owl-theme .owl-dots .owl-dot.active span, .content05 .owl-theme .owl-dots .owl-dot:hover span {background-color: #7b6e66; width: 30px; border-radius: 30px;}

@media screen and (max-width:960px) {
    .content05 .lat .lat_item {padding: 20px;}
}
@media screen and (max-width:640px) {
    .content05 .lat .lat_item .lt_date {font-size: 14px;}
    .content05 .lat .lat_item a.title {font-size: 20px;}
    .content05 .lat .lat_item .lt_content {font-size: 16px;}
    .content05 .owl-theme .owl-dots  {gap: 6px;}
    .content05 .owl-theme .owl-dots .owl-dot span {width: 8px; height: 8px;}
}