@charset "utf-8";


.thumb-swiper{margin-top: 4.5rem;}
.thumb-swiper .swiper-wrapper{}
.thumb-swiper .swiper-wrapper .swiper-slide{}
.thumb-swiper .swiper-wrapper .swiper-slide .thumb-thumbnail{}
.thumb-swiper .swiper-wrapper .swiper-slide .thumb-thumbnail img{border-radius: 2rem;overflow: hidden;}
.thumb-swiper .swiper-wrapper .swiper-slide h4{font-size: 1.8rem;padding: 1.8rem 0 1.5rem;
	height: 83px;
}
.thumb-swiper .swiper-wrapper .swiper-slide p{font-size: 1.5rem;word-break:keep-all;text-wrap:balance;
	  display: -webkit-box;
  -webkit-line-clamp: 2;       /* 최대 2줄까지만 표시 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.thumb-swiper .control-wrap{margin-top: 3rem;display: flex;align-items: center;gap:3.6rem;}
.thumb-swiper .control-wrap .thumb-swiper-pagination{
	position:relative;		
		background: #e7e7ea;
    width: calc(100% - 3.6rem);
   border-radius:10px;
    height: 0.5rem;
		overflow: hidden;
}
.thumb-swiper .control-wrap .thumb-swiper-pagination .swiper-pagination-progressbar-fill{border-radius:100px;background:#d4824b;}
.thumb-swiper .control-wrap img{width: 5.1rem;cursor: pointer;}

@media(max-width:1279px) {
	.thumb-swiper{}
	.thumb-swiper .swiper-wrapper{}
	.thumb-swiper .swiper-wrapper .swiper-slide{}
	.thumb-swiper .swiper-wrapper .swiper-slide .thumb-thumbnail{}
	.thumb-swiper .swiper-wrapper .swiper-slide .thumb-thumbnail img{}
	.thumb-swiper .swiper-wrapper .swiper-slide h4{padding: 1.8rem 0;height: auto;}
	.thumb-swiper .swiper-wrapper .swiper-slide p{}
	.thumb-swiper .control-wrap{}
	.thumb-swiper .control-wrap .thumb-swiper-pagination{}
	.thumb-swiper .control-wrap .thumb-swiper-pagination .swiper-pagination-progressbar-fill{}
	.thumb-swiper .control-wrap img{}
}

@media(max-width:767px) {
	.thumb-swiper{}
	.thumb-swiper .swiper-wrapper{}
	.thumb-swiper .swiper-wrapper .swiper-slide{}
	.thumb-swiper .swiper-wrapper .swiper-slide .thumb-thumbnail{}
	.thumb-swiper .swiper-wrapper .swiper-slide .thumb-thumbnail img{}
	.thumb-swiper .swiper-wrapper .swiper-slide h4{padding:1.8rem 0 1.3rem;line-height: 1.4;}
	.thumb-swiper .swiper-wrapper .swiper-slide p{}
	.thumb-swiper .control-wrap{gap:2rem;}
	.thumb-swiper .control-wrap .thumb-swiper-pagination{height: 3px;}
	.thumb-swiper .control-wrap .thumb-swiper-pagination .swiper-pagination-progressbar-fill{}
	.thumb-swiper .control-wrap img{width: 35px;}
}