@charset "utf-8";

/* 새글 스킨 (latest) */
.lat-basic {position:relative; max-width:1480px; overflow: hidden;}
.lat-basic .lat_title {display:block;line-height:45px;font-size:1.2em;}
.lat-basic .lat_title a {position:relative;color:#000;display:inline-block}

.lat-basic .swiper-slide a{display:block; background:#fff; padding:48px 24px;  transition-duration:0.2s;}
.lat-basic .swiper-slide h5{font-size:20px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-bottom:12px}
.lat-basic .profile_img img{border-radius:50%}
.lat-basic .board-title{font-size:16px; color:#fff; font-weight: 300;  background:#000; padding:4px 12px; margin-bottom:8px; display:inline-block; margin-bottom:24px; }



.lat-basic .lt_content{font-size:16px; color:#6c6c6c; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.lat-basic .lt_info{padding:32px 0;}
.lat-basic .lt_info .lt_date {color:#6c6c6c; font-size:16px;}
.lat-basic .lt_btn{width:54px; height: 54px; border:1px solid #000; position: relative;}
.lat-basic .lt_btn::before{content:""; display:block; width:19px; height: 1px; background: #000; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.lat-basic .lt_btn::after{content:""; display:block; width:1px; height: 19px; background: #000; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.lt_motif{width:23px; height: 7px;  background:#d0d9e4; position: absolute; right:24px; }
.lt_motif:after{content:""; display:block; width:7px; height: 23px; background:#d0d9e4; position: absolute; right:0;}
.lt_motif.bottom:after{bottom:0;}

.lat-basic .swiper-slide a:hover{background:#0c4e9e; color:#fff}
.lat-basic .swiper-slide a:hover .board-title{color:#0c4e9e; background:#fff;}
.lat-basic .swiper-slide a:hover .lt_content{color:#fff;}
.lat-basic .swiper-slide a:hover .lt_date{color:#fff;}
.lat-basic .swiper-slide a:hover .lt_motif{background:#fff;}
.lat-basic .swiper-slide a:hover .lt_motif:after{background:#fff;}
.lat-basic .swiper-slide a:hover .lt_btn{border-color:#fff;}
.lat-basic .swiper-slide a:hover .lt_btn::before{background: #fff;}
.lat-basic .swiper-slide a:hover .lt_btn::after{background: #fff;}


.lat-basic .swiper-pagination{position: relative; margin:40px 0;}
.lat-basic .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#0c4e9e}

@media(max-width:768px){
    .lat-basic{width:90%; overflow: visible;}
.lat-basic .sl-arrow-box{display:none;}
.lat-basic .swiper-slide h5{font-size:16px;}
.lat-basic .board-title{font-size:14px;}
.lat-basic .lt_info .lt_date{font-size:14px;}
.lat-basic .swiper-slide a{padding:24px;}

.lat-basic .lt_info{padding:23px 0 0;}
.lat-basic .swiper-pagination{margin:20px 0;}
.lat-basic .lt_btn{display:none;}
}