@charset "utf-8";


.room-preview{background: #eeeae1;}


.room-wrap .main_roompre {  padding-bottom: 80px;}

.main_roompre .tit-wrap {flex-flow: column; margin: 55px 0; text-align: center;}

.main_roompre .tit-wrap h3 {font-size: 65px;font-family: 'Nesans';font-weight: 400;letter-spacing: 2.5px;text-transform: capitalize;color: #938474;}
.main_roompre .tit-wrap span {font-size: 13px;display: block;margin-top: 5%;letter-spacing: -0.5px;font-family: 'Pretendard-Regular';line-height: 2;}

.room-preboxs{position: relative;max-width: 95%;margin: auto;}

.main_roompre .swiper-slide {height: 46vw;width: 50%;}
.main_roompre .swiper-slide .txt-wrap {font-family: 'Europa';padding-top: 28%;/* background: #fff; */width: 100%;position: absolute;z-index: 10;bottom: 0;height: 100%;cursor: pointer;width: 35%;right: 0;}
.main_roompre .swiper-slide .txt-wrap .inner-con {padding-left: 150px;color: #574640;}
.main_roompre .swiper-slide .txt-wrap h3 {font-size: 60px;font-weight: 400;letter-spacing: 10px;margin-bottom: 7%;font-family: 'Nesans';text-transform: capitalize;}
.main_roompre .swiper-slide .txt-wrap p {font-size: 15px;line-height: 1.55;letter-spacing: -0.5px;font-family: 'Pretendard-Regular';}
.main_roompre .swiper-slide .txt-wrap p small {font-size: 12px; opacity: 0.85;}
.main_roompre .swiper-slide .txt-wrap ol {padding: 0;margin: 6% 0 1%;}
.main_roompre .swiper-slide .txt-wrap ol li {font-size: 13px;letter-spacing: -0.5px;font-weight: 400;display: flex;align-items: center;font-family: 'Pretendard-Regular';}
.main_roompre .swiper-slide .txt-wrap ol li b {text-transform: uppercase;letter-spacing: -0.5px;padding-right: 10px;font-family: 'Noto Sans KR', sans-serif;font-size: 13px;}

.main_roompre .swiper-slide .txt-wrap  .info_btns {position: relative;margin-top: 1.5vw;padding-bottom: 8px;width: 45%;border-bottom: 1px solid #574640;font-family: 'Aboreto', cursive;text-transform: uppercase;font-size: 11px;font-weight: 600;color: #574640;text-align: left;letter-spacing: 1.5px;cursor: pointer;transition: all 1.2s ease;z-index: 2;}
.main_roompre .swiper-slide .txt-wrap  .info_btns a{color: #574640;}
.main_roompre .swiper-slide .txt-wrap .info_btns::after {content: '';display: block;margin-bottom: -1px;width: .8rem;height: 2px;background-color: #574640;position: absolute;right: 0;bottom:0;transform: rotate(65deg);transform-origin: right bottom;}
.main_roompre .swiper-slide .txt-wrap .info_btns:hover {width: 55%;}
	

.main_roompre .slide-btn-wrap {position: absolute;/* width: 100%; */right: 30%;bottom: 5%;z-index: 15;pointer-events: none;/* border: 1px solid; */}
.main_roompre .slide-btn-wrap .inner-con {display: inline-block;flex-flow: column;align-items: flex-start;}
.main_roompre .slide-btn-wrap .btn {background: #eeeae1;pointer-events: all;cursor: pointer;font-size: 15px;padding: 7px 20px;}
.main_roompre .slide-btn-wrap .btn i {color: #673e26;}
.main_roompre .slide-btn-wrap .btn.prev {/* padding-bottom: 20px; */border-bottom: 1px solid #673e26;}
.main_roompre .slide-btn-wrap .btn.next {/* padding-top: 20px; */}
.main_roompre .roompre-slide {/* overflow: hidden; */position: relative;}
.main_roompre .roompre-slide .img {width: 70%;height: 100%;display: flex;align-items: flex-end;background-size: cover;background-position: center;position: relative;transition: 0.5s;filter: contrast(1.2);}
.main_roompre .roompre-slide .swiper-slide .swiper-rooler {width: 100%; height: 100%;}
.main_roompre .roompre-slide .swiper-slide .swiper-clip {width: 100%; height: 100%;}
.main_roompre .roompre-slide .swiper-slide .swiper-rooler {width: 100%;height: 100%;transition: 1s;}
.main_roompre .roompre-slide .swiper-slide.next-clip .swiper-rooler { transform: translateX(0);}
.main_roompre .roompre-slide .swiper-slide .swiper-clip {width: 100%;height: 95%;transition: 1s;}
.main_roompre .roompre-slide .swiper-slide.next-clip .swiper-clip { animation: clipNext 1s linear;}
.main_roompre .roompre-slide .swiper-slide.prev-clip .swiper-clip { animation: clipPrev 1s linear;}
.main_roompre .roompre-slide .prepend-next-clip .swiper-rooler {  animation: transformNext 1s;}
.main_roompre .roompre-slide .prepend-prev-clip .swiper-rooler {  animation: transformPrev 1s;}
.main_roompre .roompre-slide .swiper-slide-active {z-index: 5;}



@media all and (max-width : 1560px){	
	
	.main_roompre .swiper-slide .txt-wrap h3{font-size: 50px; margin-bottom: 1%; letter-spacing: 3px;}
	.main_roompre .swiper-slide .txt-wrap p{font-size: 13px;}
	.main_roompre .swiper-slide .txt-wrap ol li{font-size: 14px;}
	
}


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

	.main_roompre{height: 150vh;}
	
	.main_roompre .swiper-slide{height: 40vw;}
	.main_roompre .roompre-slide .img{width: 100%;}
	.main_roompre .swiper-slide .txt-wrap{width: 100%; position: relative; height: auto; padding-top: 15px;}
	.main_roompre .swiper-slide .txt-wrap .inner-con{padding: 0;}
	.main_roompre .slide-btn-wrap{right: 0;}

	
}

@media all and (max-width : 950px){	
	.main_roompre{height: 85vh; overflow: hidden;}
	
}


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

@media all and (max-width : 570px){	
	.main_roompre{height: 100vh;}
	
	.main_roompre .swiper-slide .txt-wrap h3{margin-bottom: 4%; font-size: 44px;}
	
	
	
	
}


@media all and (max-width : 450px){	
	
	.main_roompre{height: 75vh;}
	.main_roompre .swiper-slide .txt-wrap .info_btns{margin-top: 6.5vw; }
	
	

}


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