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

.content01 .lat {position:relative; margin-top:20px;}
.content01 .lat .lat_title {display:block;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#333; display: none;}
.content01 .lat .lat_title a{color:#333;display:inline-block;position:relative; font-size:1.313em}
.content01 .lat .lat_title a:after{position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#333;content:''}
.content01 .lat .lat_item {position:relative; width: 100%; border-radius: 10px; background-color: var(--main-gray); padding: var(--main-padding); transition: .4s; bottom: 0;}
.content01 .lat .lat_item .btn_box {margin-bottom: 40px; display: flex; justify-content: flex-end;}
.content01 .lat .lat_item .btn_box .more_plus {font-size: 18px;}
.content01 .lat .lat_item .btn_box .more_plus i {transition: .8s;}
.content01 .lat .lat_item a.title {transition: .4s; font-size: 20px; font-weight: 800; line-height: 1.5; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.content01 .lat .lat_item:hover {background-color: var(--main-blue);}
.content01 .lat .lat_item:hover .btn_box .more_plus i {color: #fff; transform: rotate(360deg);}
.content01 .lat .lat_item:hover a.title {color: #fff;}
/* .lat li a:hover{color:#a22121} */
/* .lat li .fa-heart{color:#ff0000;}
.lat li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.lat li .new_icon{display:inline-block;width: 16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius: 2px;}
.lat li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;} */
.content01 .lat .lat_item .fa-caret-right{color:#bbb}
.content01 .lat .lat_item .lt_date {display: block; font-size: 16px; color: #666; margin-bottom: 25px; transition: .4s;}
.content01 .lat .lat_item:hover .lt_date {color: #fff;}
.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:#3a8afd;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; display: none;}
.content01 .lat .lt_more:hover{color:#777}

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

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