@charset "utf-8";

.room-wrap .main_roompre {  padding-bottom: 80px;}
.main_roompre .tit-wrap {flex-flow: column;margin-bottom: 55px;padding-top: 70px;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: 2%;letter-spacing: -0.5px;font-family: 'Pretendard-Regular';line-height: 2;}

.room-preboxs{margin: 0;position: relative;}

.main_roompre .swiper-slide {height: 45vw;width: 100%;}
.main_roompre .swiper-slide .txt-wrap {color: #fbf6f3;font-family: 'Europa';padding: 15% 0;background: rgba(87,70,64,0.25);width: 100%;position: absolute;z-index: 10;bottom: 0;height: 100%;/* cursor: pointer; */}
.main_roompre .swiper-slide .txt-wrap .inner-con {padding-left: 150px;}
.main_roompre .swiper-slide .txt-wrap .inner-con a {color: #fff;}
.main_roompre .swiper-slide .txt-wrap h3 {font-size: 60px;font-weight: 400;letter-spacing: 10px;margin-bottom: 3%;font-family: 'Nesans';}
.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 ol {padding: 0;margin: 2% 0;}
.main_roompre .swiper-slide .txt-wrap ol li {font-size: 16px;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: 12%;border-bottom: 1px solid #fbf6f3;font-family: 'Aboreto', cursive;text-transform: uppercase;font-size: 16px;font-weight: 600;color: #fbf6f3;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: #fbf6f3;}
.main_roompre .swiper-slide .txt-wrap .info_btns::after {content: '';display: block;margin-bottom: -1px;width: .8rem;height: 2px;background-color: #fbf6f3;position: absolute;right: 0;bottom:0;transform: rotate(65deg);transform-origin: right bottom;}
.main_roompre .swiper-slide .txt-wrap .info_btns:hover {width: 20%;}

/*.main_roompre .roompre-slide .img:hover{transform: scale(1.2); transform: 5s;}*/
	
.main_roompre .slide-btn-wrap {position: absolute;width: 100%;/* right: 0; */bottom: 40%;z-index: 15;pointer-events: none;/* border: 1px solid; */}
.main_roompre .slide-btn-wrap .inner-con { display: flex;  flex-flow: column; align-items: flex-start;}
.main_roompre .slide-btn-wrap .btn {background: rgba(212,179,162,0.55);pointer-events: all;cursor: pointer;font-size: 24px;padding: 7px 20px;}
.main_roompre .slide-btn-wrap .btn i {color: #fbf6f3;}
.main_roompre .slide-btn-wrap .btn.prev {/* padding-bottom: 20px; */border-bottom: 1px solid #fbf6f3;}
.main_roompre .slide-btn-wrap .btn.next {/* padding-top: 20px; */}
.main_roompre .roompre-slide {  overflow: hidden;}
.main_roompre .roompre-slide .img {width: 100%;height: 100%;display: flex;align-items: flex-end;background-size: cover;background-position: center;position: relative; transition: 0.5s;}
.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: 100%; 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 : 985px){		

	
	.main_roompre .swiper-slide{height: 60vw;}
	.main_roompre .swiper-slide .txt-wrap .info_btns{width: 20%;} .main_roompre .swiper-slide .txt-wrap .info_btns:hover {width: 30%;}
	
}


@media all and (max-width : 777px){	
	
	.main_roompre .swiper-slide .txt-wrap{padding: 5% 0;}
	.main_roompre .swiper-slide .txt-wrap .inner-con{padding-left: 10px;}
	.main_roompre .slide-btn-wrap{position: relative; }
	.main_roompre .slide-btn-wrap .inner-con{display: block;}
	.main_roompre .slide-btn-wrap .btn{display: inline-block; width: 50%;}
	
	.main_roompre .swiper-slide{height: 80vw;}
	.main_roompre .swiper-slide .txt-wrap .info_btns{width: 60%;} .main_roompre .swiper-slide .txt-wrap .info_btns:hover {width: 90%;}
	.main_roompre .swiper-slide .txt-wrap .info_btns{margin-top: 8%;}
	
	.main_roompre .swiper-slide .txt-wrap ol li{display: block; font-size: 11px;}
	.main_roompre .swiper-slide .txt-wrap ol li b{display: block;}
	
}

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


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

}


@media all and (max-width : 375px){	
	
	.main_roompre .swiper-slide{height: 95vw;}
	
	
	
}