@charset "utf-8";

/* 새글 스킨 (latest) */
.news_latest {position:relative;}

.news-slide {
    max-width: 360px;
    z-index: 1;
}

.swiper-container {
    overflow: visible; /* 추가 */
}

/* swiper-scrollbar */
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    height: 3px;
}

.swiper-scrollbar-drag {
    background: #8ba1c3;
}

.n_lat_a {
    position: relative;
    width: 100%;
    z-index: 1;
    padding: 55px 43px;
    border: 1px solid #909296;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    vertical-align: middle;
    height: 295px;
}

.news_latest .lt_title {
    font-weight: 700;
    font-size: 2.2em;
    line-height: 1.2;
}

.news_latest .fa-lock, .news_latest .new_icon, .news_latest .hot_icon, .news_latest .fa-caret-right, .news_latest .fa-download, .news_latest .fa-link {display: none;}
.news_latest .profile_img img{border-radius:50%}

.lt_info .lt_date {color:#747474;font-size: 1.6rem;}

.news_latest .empty_div {line-height:145px;color:#666;text-align:center;padding:0;font-size: 1.6rem;}
.news_latest .empty_div:before {background:none;padding:0}


.news-slide::before {
    content: '';
    width: 0;
    height: 2px;
    background: #8fa3c1;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition-delay: 0s;
}

.news-slide:hover::before {
    width: 100%;
    transition: all linear .3s;
    transition-delay: 0s;
}

.news-slide::after {
    content: '';
    width: 2px;
    height: 0;
    background: #8fa3c1;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    transition-delay: 0s;
}

.news-slide:hover::after {
    height: 100%;
    transition: all linear .3s;
    transition-delay: .3s;
}

.news-slide .n_lat_a::before {
    content: '';
    width: 0;
    height: 1px;
    background: #8fa3c1;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition-delay: 0s;
}

.news-slide:hover .n_lat_a::before {
    width: 100%;
    transition: all linear .3s;
    transition-delay: .6s;
}

.news-slide .n_lat_a::after {
    content: '';
    width: 1px;
    height: 0;
    background: #8fa3c1;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    transition-delay: 0s;
}

.news-slide:hover .n_lat_a::after {
    height: 100%;
    transition: all linear .3s;
    transition-delay: .9s;
}


/* 미디어쿼리 */
@media only screen and (max-width: 1400px) {
    .news_latest .n_lat_a {
        padding: 45px 35px;
        height: 250px;
    }
}

@media only screen and (max-width: 1300px) {
    .news_latest .lt_title {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        overflow: hidden;
    }
}

@media only screen and (max-width: 1024px) {
    .news_latest .n_lat_a {
        height: 215px;
    }

    .news_latest .lt_title {
        font-size: 2em;
    }
}

@media only screen and (max-width: 900px) {
    .news-slide::before, .news-slide::after, .news-slide .n_lat_a::before, .news-slide .n_lat_a::after {
        content: none;
    }
}

@media only screen and (max-width: 700px) {
    .news_latest .n_lat_a {
        height: 180px;
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 550px) {
    .news_latest .n_lat_a {
        padding: 30px 25px;
    }
}