@charset "utf-8";

/* title */
.title.slider_card {
    --title-font-size-pc:25;
    --title-font-size-mob:18;
    font-size: min( calc( var(--title-font-size-mob) / 350 * 100vw ), calc(var(--title-font-size-pc) * 1px) );
    color: var(--main-color); font-weight: 500; height: 1.832em; line-height: 1.732em;
}

.slider_card_wrap { display: flex; border: 1px solid #eee; }
.slider_card_wrap > * { width: 50%; }


/* rightItem */
@media all {
    .slider_card_wrap .rightItem {
        --rightItem-font-size-pc:16;
        --rightItem-font-size-mob:11;
        font-size: min( calc( var(--rightItem-font-size-mob) / 350 * 100vw ), calc(var(--rightItem-font-size-pc) * 1px) );
    }
    .slider_card_wrap .rightItem .swiper-slide { 
        background: #fff;
    }
    .slider_card_wrap .rightItem .swiper-slide .textBox { 
        display: block; padding: 1.25em 1.25em;
    }
    .slider_card_wrap .rightItem .swiper-slide .textBox .titleV2 {
        font-size: 1.25em; font-weight: 500;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; line-height: 1.4; margin-bottom: 0.6em; color: #313131;
    }
    .slider_card_wrap .rightItem .swiper-slide .textBox .text {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden; line-height: 1.6; color: #707070;
    }

    .slider_card_wrap .rightItem .controller {  
        padding: 2.5em 0.875em 1.25em 1.25em;
        color: #000; z-index: 1; display:grid; grid-template-columns: auto auto;
        justify-content: start; gap:0.7em;
        position: absolute; left: 0; bottom: 0; width: 100%;
    }
    .slider_card_wrap .rightItem .controller .swiper-pagination { 
        position: static; color: #7d7d7d; transform: translateY(-10%); font-weight: bold;
    }
    .slider_card_wrap .rightItem .controller .swiper-pagination .swiper-pagination-total {
        color: #000;    
    }
    .slider_card_wrap .rightItem .controller .swiper-pagination .swiper-pagination-current {
        color: #ec0e6f;
    }
    .slider_card_wrap .rightItem .controller .inner {  
        display: flex; align-items: center; color: #7d7d7d; gap:0.3em;
    }
    /* section1 - 왼쪽 아이템 - 좌우버튼 */
    .slider_card_wrap .rightItem .controller :is(.swiper-button-prev, .swiper-button-next) { 
    font-size: 1.4em; width: 1em; height: 1em; opacity: 1; margin-top: 0; 
    position: static; color: inherit; color: #082447;
    }
    .slider_card_wrap .rightItem .controller :is(.swiper-button-prev, .swiper-button-next):after { font-family: fontAwesome; font-size: 1em; }
    .slider_card_wrap .rightItem .controller .swiper-button-prev:after { content: '\f104'; }
    .slider_card_wrap .rightItem .controller .swiper-button-next:after { content: '\f105'; }
}
@media (max-width:1400px) {
    .slider_card_wrap .rightItem .swiper-slide .textBox .text {
        -webkit-line-clamp: 3;
    }
}
@media (max-width:1200px) {
    .slider_card_wrap .rightItem .swiper-slide .textBox { 
        padding:1.25em;
    }
    .slider_card_wrap .rightItem .controller {  
        padding:0.5em 1.25em;
    }
}
@media (max-width:580px) {
    .slider_card_wrap { flex-wrap: wrap; }
    .slider_card_wrap > * { width: 100%; }
    .slider_card_wrap .swiper-slide img { display: block; width: 100%; }
    .slider_card_wrap .rightItem .swiper-slide .textBox {
        padding-bottom: 3.5em;
    }
}