@charset "utf-8";
@media all {
    .slide-skin2 { 
        --swiper-theme-color:var(--main-color);
        --swiper-navigation-size:22px;
        font-size: 13px; 
    }
    .slide-skin2 .swiper-slide {
        padding:2.5em 1.2em; background:#fff; 
        overflow: hidden;
    }
    .slide-skin2 .swiper-link { 
        --more-transition:0.6s;
        display: block; position: relative;
    }
    .slide-skin2 .slide_bo_subject {
        background: var(--main-color); display: inline-block;
        color: #fff; padding:0.4em 1.4em 0.5em; font-size: 1em; 
        border-radius: 2em; margin-bottom: 2em;
    }
    .slide-skin2 .slide_tag1 {
        font-size: 1.38em; margin-bottom: 1.6em; color: #000; font-weight: bold;
        /* 여러 줄 자르기 추가 스타일 */
        overflow: hidden; text-overflow: ellipsis;
        white-space: normal; line-height: 1.4; height: 1.4em; text-align: left; word-wrap: break-word; 
        display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
        /* 여러 줄 자르기 추가 스타일 */
    }
    .slide-skin2 .slide_text { 
        font-size: 1.15em; margin-bottom: 3em; color: #656262;
        /* 여러 줄 자르기 추가 스타일 */
        overflow: hidden; text-overflow: ellipsis;
        white-space: normal; line-height: 1.5; height: 7.5em; text-align: left; word-wrap: break-word; 
        display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;
        /* 여러 줄 자르기 추가 스타일 */
    }
    .slide-skin2 .slide_date { 
        font-size: 1.07em; color: #000; 
    }
    .slide-skin2 .more {
        position: absolute; right: 0; bottom: 0;
        transition: var(--more-transition);
    }
    .slide-skin2 .more > span {
        --more-size:2em;
        display: block; width: var(--more-size); height: var(--more-size); 
        background: #c90000; color: #fff;
        text-align: center; border-radius: 50%;  
        display: flex; align-items: center; justify-content: center;
        position: relative;
        transition: var(--more-transition);
    }
    .slide-skin2 .more > span .text {  
        position: absolute; left: 0; top: 50%;
        opacity: 0; transform: translate(-100%,-50%);
        color: #fff; z-index: 100; display: inline-block;
        font-weight: 500;
    }

    /* hover */
    .slide-skin2 .swiper-link:hover .more {
        right: 50%; bottom: 50%; transform: translate(50%,50%);
    }
    .slide-skin2 .swiper-link:hover .more > span {
        --more-size:50em;
    }
    .slide-skin2 .swiper-link:hover .more > span .text {
        opacity: 1; left: 50%; transform: translate(-75%,-50%);
        font-size: 2em;
    }
    .slide-skin2 .swiper-link:hover .more > span i {
        transform: translateX(150%); font-size: 2em;
    }
}
@media (max-width:580px) {
    .slide-skin2 .slide_tag1 {
        -webkit-line-clamp: 2; height: 2.8em;
    }
    .slide-skin2 .swiper-slide {
        padding:2.5em 3em;
    }
}