@charset "utf-8";


.sp-preview{padding-top: 5%;background: #eeeae1;}
.info-preview{padding-top: 0;padding-bottom: 50px;/* overflow: hidden; height: 110vh;*/overflow: hidden;}
.info-preview h1{font-size: 25px;font-family: 'Nesans';text-align: center;border-top: 1px solid #8e827e;padding-top: 70px;margin-bottom: 7%;font-weight: 400;color: #574640;text-transform: uppercase;}
.info-preview h1 small{display: block;font-family: 'Pretendard-Regular';font-size: 15px;line-height: 2;font-weight: 100;letter-spacing: -0.5px;opacity: 0.65;margin-top: 16px;}

.info-preview .sps-preview-slide{position: relative;}

.info-preview .sps-preview-slide::after{content: ""; display: table; clear: both;}
.info-preview .sps-preview-slide .swiper-wrapper{position: relative; }
.info-preview .sps-preview-slide .swiper-slide{background: #d5c7b5;transition: 0.3s;transform-origin: center;margin-top: 0;/* padding: 0px 0 27px 0px; */filter: contrast(0.5); overflow: hidden;}
.info-preview .sps-preview-slide .swiper-slide.swiper-slide-active{transform: scale(1.05);margin-top: -4%;filter: contrast(1);}
/*.info-preview .sps-preview-slide .swiper-slide.swiper-slide-active .img {height: 555px;}*/
.info-preview .sps-preview-slide .swiper-slide .img{width: 500px;height: 530px;display: block;background-position: center;background-size: cover;transition: 0.5s;/* box-shadow: 5px 4px 0px 4px #000; */}
.info-preview .sps-preview-slide .slide-wrapper::after{content: ""; display: table; clear: both;} 
.info-preview .sps-preview-slide .slide{float: left;}
.info-preview .sps-preview-slide .swiper-slide .txt  {text-align: left;width: 100%;padding-left: 30px;padding-bottom: 25px;}
.info-preview .sps-preview-slide .swiper-slide .txt .spname {font-size: 21px;font-family: 'MaruBuri-Regular';font-weight: 100;letter-spacing: 2px;padding-top: 17px;border: none;margin-bottom: 1%;color: #574640;}
.info-preview .sps-preview-slide .swiper-slide .txt span {color: #574640;display: block;font-size: 12px;right: 0;padding-right: 23px;position: relative;text-align: right;border-bottom: 1px solid;text-transform: uppercase;width: 85%;padding-bottom: 10px;opacity: 0.65;}
.info-preview .sps-preview-slide .swiper-slide .txt small {display: inline-block;width: 100%;font-size: 11px;letter-spacing: -0.5px;font-family: 'Pretendard-Regular';color: #574640;line-height: 1.5;}
.info-preview .sps-preview-slide .swiper-slide .txt small p {font-weight: 900;text-transform: uppercase;font-size: 10px;margin: 4% 0 2%;color: #876d4d;letter-spacing: 4px;font-family: 'Italiana', serif;display: block;}

.info-preview .sps-preview-slide .swiper-slide .en_txt{position: absolute;font-size: 26px;right: -40%;top: 0;width: 100%;color: #fff;transform: rotate(90deg) translateX(60%);text-transform: uppercase;letter-spacing: 5px;font-family: 'Nesans';font-weight: 900;/* text-shadow: 2px 0px 0 #93705f; */}

.info-preview .changing, .info-preview .changed { transform:translateX(-5%) scale(0.85); -ms-user-select: none;  -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
.info-preview .changing.swiper-slide-active, .info-preview .fchanged.swiper-slide-active { transform:translateX(0); }
.info-preview .swiper-slide-active ~ .changing, .info-preview .swiper-slide-active ~ .changed {transform: translateX(5%) scale(0.85);}

/*.info-preview .sps-preview-slide .swiper-slide-active:hover .img {transform: scale(1.05); transition: 0.5s;}
.info-preview .sps-preview-slide .swiper-slide:hover .img {opacity: 0.75; transition: 0.5s;}*/

.info-preview .sps-preview-slide .sps_link{display: block; width: 60px; height: 20px; line-height: 20px; color: #1d1d1d; background-color: white; text-align: center; border-radius: 5px; font-family: "newYork",sans-serif; margin: 0 auto; margin-top: 100px;}
.info-preview .slide-control{/* width: 7%; */top: -18%;right: 0;/* transform: translate(-0%,0); *//* position: absolute; */z-index: 20;}
.info-preview .slide-control button{cursor: pointer;/* font-size: 28px; */}
.info-preview .slide-control button.prev{float: left;border-bottom: 1px solid #574640;width: 50%;background: no-repeat;position: relative;padding: 0;}
.info-preview .slide-control button.prev::after {content: '';display: block;margin-bottom: -1px;width: 1.8rem;height: 1px;background-color: #574640;position: absolute;left: -27px;bottom: 2px;transform: rotate(
130deg);transform-origin: right bottom;}

.info-preview .slide-control button.next{float: right; border-bottom: 1px solid #574640;width: 50%;background: no-repeat;position: relative;}
.info-preview .slide-control button.next::after {content: '';display: block;margin-bottom: -1px;width: 1.8rem;height: 1px;background-color: #574640;position: absolute;right: 0;bottom:0;transform: rotate(65deg);transform-origin: right bottom;}





@media all and (max-width : 1680px){	
	.info-preview .sps-preview-slide .swiper-slide .img{width: 400px; height: 480px;}
}

@media all and (max-width : 1480px){	
	.info-preview .sps-preview-slide .swiper-slide .img{width: 320px; height: 360px;}
}


@media all and (max-width : 1025px){	
	.special-preview-wrap{max-width: 95%;}
	.main_special{margin: 0;}
}




@media all and (max-width : 985px){		
	
	.info-preview h1{padding: 70px;}
	.info-preview .sps-preview-slide .swiper-slide .img{height: 500px; width: 85%;}

	
}


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

@media all and (max-width : 575px){	
	
	.info-preview .sps-preview-slide .swiper-slide .img{height: 380px;}
	.info-preview .sps-preview-slide .swiper-slide .en_txt{font-size: 15px; transform: rotate(90deg) translateX(50%);  }
	.info-preview .slide-control{display: none;}
	
	
}


@media all and (max-width : 450px){	
	.special-preview-wrap{margin: 5%; max-width: 100%;}
	
	

}


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