@charset "utf-8";

/* #youtube { position: relative; }
#youtube .top_box{ display: flex; justify-content: space-between; align-items: center; }
#youtube .more_box { display: flex; align-items: center; padding: .5rem 1rem; border-bottom: 1px solid #000; }
#youtube .cont_box{justify-content: space-between;} */

.youtube-swiper .swiper-slide .youtube_inner { width: 100%; aspect-ratio:16/9; }
.youtube-swiper .swiper-slide iframe { width: 100%; height: 100%; object-fit: cover; }
.youtubeList{ position: relative; }
.youtubeList .youtube-list{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding-left: 8%; overflow-y: scroll; }
.youtubeList .youtube-list::-webkit-scrollbar{ width: 5px; }
.youtubeList .youtube-list::-webkit-scrollbar-track{ background-color: #dfdfdf; box-shadow: none; }
.youtubeList .youtube-list::-webkit-scrollbar-thumb{ background-clip: padding-box; background: #000; border: none;}
.youtubeList .youtube-list .swiper-slide{ display: flex; cursor: pointer;}
.youtubeList .youtube-list .thumImg{ width: 35%; }
.youtubeList .youtube-list .thumImg img{ height: 100%; object-fit: cover; aspect-ratio:16/9; }
.youtubeList .youtube-list .thumTxt { width: 65%; overflow: hidden; white-space:normal; padding-right: 5%; }

@media (max-width:768px){
    .main.ytb .ytb-wrap { flex-wrap: wrap; }  
    .youtube-swiper{ width: 100%; }
    .youtubeList{ width: 100%; height: 52vw; margin-top: 1rem; }
    .youtubeList .youtube-list{ position: relative; padding-left: 0; margin-top: 1rem;}
    .youtubeList .youtube-list .thumTxt.font-20 {font-size: 1.5625rem !important;}
}
@media (max-width:500px){
    .youtubeList .youtube-list .thumTxt p {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
}