@charset "utf-8";


.ytb-swiper{margin-top: 4.5rem;}
.ytb-swiper .swiper-wrapper{}
.ytb-swiper .swiper-wrapper .swiper-slide{}
.ytb-swiper .swiper-wrapper .swiper-slide .ytb-thumbnail{}
.ytb-swiper .swiper-wrapper .swiper-slide .ytb-thumbnail img{border-radius: 2rem;overflow: hidden;}
.ytb-swiper .swiper-wrapper .swiper-slide h4{font-size: 1.8rem;padding-top: 1.3rem;padding-bottom: 1.5rem;}
.ytb-swiper .swiper-wrapper .swiper-slide p{font-size: 1.5rem;word-break:keep-all;text-wrap:balance;}
.ytb-swiper .control-wrap{margin-top: 3rem;display: flex;align-items: center;gap:3.6rem;}
.ytb-swiper .control-wrap .ytb-swiper-pagination{
	position:relative;		
		background: #e7e7ea;
    width: calc(100% - 3.6rem);
   border-radius:10px;
    height: 0.5rem;
		overflow: hidden;
}
.ytb-swiper .control-wrap .ytb-swiper-pagination .swiper-pagination-progressbar-fill{border-radius:100px;background:#d4824b;}
.ytb-swiper .control-wrap img{width: 5.1rem;cursor: pointer;}

@media(max-width:1279px) {
	.ytb-swiper{}
	.ytb-swiper .swiper-wrapper{}
	.ytb-swiper .swiper-wrapper .swiper-slide{}
	.ytb-swiper .swiper-wrapper .swiper-slide .ytb-thumbnail{}
	.ytb-swiper .swiper-wrapper .swiper-slide .ytb-thumbnail img{}
	.ytb-swiper .swiper-wrapper .swiper-slide h4{}
	.ytb-swiper .swiper-wrapper .swiper-slide p{}
	.ytb-swiper .control-wrap{}
	.ytb-swiper .control-wrap .ytb-swiper-pagination{}
	.ytb-swiper .control-wrap .ytb-swiper-pagination .swiper-pagination-progressbar-fill{}
	.ytb-swiper .control-wrap img{}
}

@media(max-width:767px) {
	.ytb-swiper{}
	.ytb-swiper .swiper-wrapper{}
	.ytb-swiper .swiper-wrapper .swiper-slide{}
	.ytb-swiper .swiper-wrapper .swiper-slide .ytb-thumbnail{}
	.ytb-swiper .swiper-wrapper .swiper-slide .ytb-thumbnail img{}
	.ytb-swiper .swiper-wrapper .swiper-slide h4{}
	.ytb-swiper .swiper-wrapper .swiper-slide p{}
	.ytb-swiper .control-wrap{gap:2rem;}
	.ytb-swiper .control-wrap .ytb-swiper-pagination{}
	.ytb-swiper .control-wrap .ytb-swiper-pagination .swiper-pagination-progressbar-fill{}
	.ytb-swiper .control-wrap img{width: 35px;}
}
