@charset "utf-8";

/* 새글 스킨 (latest) */



.youtube-board .inner{max-width:690px; position: relative;}
.youtube-board .gallery_li img{border-radius:40px;}
.youtube-board .gallery_li h5{font-size:20px; margin-top:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; height: 2.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}


.youtube-board .sl-bottom-wrap{ margin-top:40px; display: flex; align-items: center; justify-content: space-between; width:100%;}
.youtube-board .swiper-pagination{position: relative;}
.youtube-board .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000}

.youtube-board .swiper-button-next,
.youtube-board .swiper-button-prev{ background-image:none; width:65px; height: 65px; border:1px solid #000; border-radius: 50%; background:none; margin-top:0;}
.youtube-board .swiper-button-next::before,
.youtube-board .swiper-button-prev::before{content:""; display:block; width:18px; height: 1px; transform: rotate(-45deg); top:25px; left:21px; position: absolute; background:#adadad }
.youtube-board .swiper-button-next::after,
.youtube-board .swiper-button-prev::after{content:""; display:block; width:18px; height: 1px; transform: rotate(45deg); bottom:25px; left:21px; position: absolute; background:#000 }
.youtube-board .swiper-button-next{transform: rotate(-180deg);}


.youtube-board .swiper-button-next::before,
.youtube-board .swiper-button-prev::before,
.youtube-board .swiper-button-next::after,
.youtube-board .swiper-button-prev::after{background:#000}

.youtube-board .swiper-button-disabled::before,
.youtube-board .swiper-button-disabled::after{background:#adadad !important}


.youtube-board .swiper-button-prev, .swiper-rtl .swiper-button-next{left:-80px;}
.youtube-board .swiper-button-next, .swiper-rtl .swiper-button-prev{right:-110px;}

.youtube-board .swiper-slide{opacity: 0.1;}

.youtube-board .swiper-slide.swiper-slide-active,
.youtube-board .swiper-slide.swiper-slide-next{opacity:1;}

@media (max-width:1200px) {

    .youtube-board .inner{width:calc(100% - 60px);}
    .youtube-board .gallery_li h5{font-size:17px;}
    .youtube-board .inner{width:calc(100% - 60px); max-width:520px}


}


@media (max-width:768px) {

    .youtube-board .inner{width:calc(100% - 60px); max-width:360px}
    .youtube-board .gallery_li h5{font-size:16px;}
    .youtube-board .gallery_li img{border-radius: 20px;}
    .youtube-board .swiper-pagination-progressbar.swiper-pagination-horizontal{height: 2px;}
    .youtube-board .sl-bottom-wrap{margin-top:40px}
}


@media (max-width:420px) {

    .youtube-board .gallery_li img{border-radius: 20px;}

}