@charset "utf-8";

.special-preview-wrap{margin: 0;}
.main_special{padding-bottom: 110px;background: #fcf7f3;margin:0;}
.main_special .tit{text-align: right;border-bottom: 1px;padding: 100px 0 50px;}
.main_special .tit h5{font-size: 21px;font-weight: 400;width: 10px;height: 10px;display: block;margin: 0% auto 3%;color: #998d83;}
.main_special .tit h3{font-size: 50px;font-weight: 400;font-family: 'Nesans';color: #998d83;letter-spacing: 4px;text-align: center;text-transform: capitalize;}
.main_special .tit span {font-size: 15px;text-align: center;margin: 1% auto 0;display: block;opacity: 0.5;letter-spacing: -1px;font-family: 'Pretendard-Black';}
.main_special .special-preview-slide{overflow: hidden;max-width: 95%;margin: auto; height: 80vh;}
.main_special .special-preview-slide .swiper-slide{padding: 0 10px;height: 120%;position: relative;background-color: transparent;}
.main_special .special-preview-slide .swiper-slide .imgs {overflow: hidden;}
.main_special .special-preview-slide .swiper-slide a{display: block; overflow: hidden;}
.main_special .special-preview-slide .swiper-slide a:hover img{transform: scale(1.2);}
.main_special .special-preview-slide .swiper-slide a:hover .txt {background: #f4e9e0; transition: 0.5s;}


.main_special .special-preview-slide .swiper-slide a img{transition: 0.8s;}
/*.main_special .special-preview-slide .swiper-slide::after{content: ""; display: block; width: 1px; height: 100%; background-color: #dedede; position: absolute; right: 0px; top: 0;}*/
.main_special .special-preview-slide .swiper-slide img{display: block; width: 100%;}
.main_special .special-preview-slide .swiper-slide .txt {padding: 15px;}
.main_special .special-preview-slide .swiper-slide h5{padding-top: 20px;margin-bottom: 6px;font-size: 13px;font-family: 'Pretendard-Regular';font-weight: 400;letter-spacing: 2px;color: #5a5045;font-style: italic;}
.main_special .special-preview-slide .swiper-slide h3{font-size: 24px;font-family: 'Nesans';font-weight: 500;color: #5a5045;letter-spacing: 0.05em;line-height: 1.5;text-transform: uppercase;margin-top: 10px;}
.main_special .special-preview-slide .swiper-slide h3::after{content: ""; display: block; width: 100%; height: 1px; background-color: #5a5045;}
.main_special .special-preview-slide .swiper-slide h3 a{color: #5a5045;transition: 0.6s;font-family: 'YUniverse-B';}
.main_special .special-preview-slide .swiper-slide h3 a:hover{text-shadow: 0px 0px 1px #5a5045;}

.main_special .swiper-slide {  display: flex;  flex-direction: column;}
.main_special .swiper-slide.slide-long img { aspect-ratio: 4 / 5;  object-fit: cover;}
.main_special .swiper-slide.slide-short img {  aspect-ratio: 4 / 4;  object-fit: cover;}


/* 스페셜 화살표 */
.main_special .slide-control{pointer-events: none;width: 100%;position: static;z-index: 300;}
.main_special .slide-control .slide-btn{pointer-events: all;display: block;width: 6%;margin: 0% auto 0;}
.main_special .slide-control .slide-btn .btn {font-size: 15px;border: none;background: no-repeat;padding: 0;opacity: 0.5;}
.main_special .slide-control .slide-btn .prev{float: left;margin-left: 10px;}
.main_special .slide-control .slide-btn .next{float: right;margin-right: 10px;}
.main_special .slide-control .slide-btn .fal{color: #66432c;font-size: 25px;cursor: pointer;}


@media all and (max-width : 1560px){	
	
	.main_special .special-preview-slide .swiper-slide h3{font-size: 25px;}
	.main_special .swiper-slide.slide-long img{aspect-ratio: 4.5 / 5;}
	.main_special .swiper-slide.slide-short img{aspect-ratio: 4 / 5;}
	.main_special .special-preview-slide .swiper-slide .txt{padding: 5px 15px 10px;}
	.main_special .slide-control .slide-btn{width: 10%; margin: 3% auto 0;}
	
	
}



@media all and (max-width : 985px){		
	.main_special .special-preview-slide{height: auto;}
	.main_special .swiper-slide.slide-long img{aspect-ratio: 5.5 / 5;}
	.main_special .swiper-slide.slide-short img{aspect-ratio: 5.5 / 5;}
}


@media all and (max-width : 777px){	
	
	.main_special .slide-control .slide-btn{width: 100%;}
	.main_special .special-preview-slide .swiper-slide h3{font-size: 20px;}
	
	
}

@media all and (max-width : 555px){	
	
	
	
	
}


@media all and (max-width : 450px){	
	
	
	

}


@media all and (max-width : 375px){	
	
	
	
}