/*main*/
.full-con {height: 100vh;}
.main-wrap .full-con{height: 100vh; overflow: hidden; position: relative;}
.main-wrap .full-con .slide{height: 100vh;}
.main-wrap .fixed-tit{position: fixed; bottom: 50px;}
.main-wrap .btn-wrap{position: absolute; right: 30px; top: calc(50% + 140px); width: 55px; font-size: 12px; color: white;}
.main-wrap .btn-wrap button{cursor: pointer; float: left; width: 50%; margin-top: 3px;}
.main-wrap .btn-wrap button i{color: white;}
.main-wrap .btn-wrap p{float: left; width: 50%;}

.main-wrap .btn-wrap .line{width: calc(100% + 30px); height: 1px; background-color: white; margin: 15px 0;}

.main-wrap .btn-wrap .top::after{content: ""; display: table; clear: both;}
.main-wrap .btn-wrap .top button{text-align: left; padding-left: 5px;}
.main-wrap .btn-wrap .top p{text-align: right;}

.main-wrap .btn-wrap .bottom::after{content: ""; display: table; clear: both;}
.main-wrap .btn-wrap .bottom button{text-align: right;}
.main-wrap .btn-wrap .bottom p{text-align: left; padding-left: 5px;}


.full-page-wrap .fixed-tit{color: white; pointer-events: none; opacity: 0; visibility: hidden; transition: 1.2s; position: fixed; z-index: 5; bottom: 150px; left: 115px;}
.full-page-wrap .fixed-tit h3{font-size: 22px; font-family: "Brandon",sans-serif; font-weight: 300;}
.full-page-wrap .fixed-tit h1{font-size: 80px; font-family: "Hunter",sans-serif; font-weight: 300; line-height: 0.85; margin-top: 15px; margin-bottom: 30px;}
.full-page-wrap .fixed-tit h1 .padding-left{padding-left: 0.6em;}
.full-page-wrap .fixed-tit p{font-size: 15px;}

.full-page-wrap .fixed-tit.visible{opacity: 1; visibility: visible;}
.full-page-btn{position: fixed; top: 50%; right: 50px; z-index: 50; transform: translateY(-50%); transition: 0.8s;}
.full-page-btn.hide{right: 10px; opacity: 0;}

.full-page-btn .btn{width: 8px; height: 8px; display: block; background-color: #fff; border-radius: 50%; margin-bottom: 20px; cursor: pointer; transition: 0.6s;}
.full-page-btn .btn.on{background-color: #333;}
.full-page-wrap .fixed-tit .video-btn{position: absolute; bottom: -30px; pointer-events: all; font-size: 14px;}

.main-wrap .video-con iframe{pointer-events: none;}
.video-con{touch-action: pan-y !important;}

.full-slide-wrap .slide{height: 100vh;}
.full-slide-wrap .btn-wrap{position: absolute; bottom: 0; right: 0; z-index: 10;}
.full-slide-wrap .btn-wrap button{background-color: #bfb4a0;width: 40px;height: 40px;line-height: 40px;text-align: center;color: white;font-size: 18px;display: block;float: left;cursor: pointer;margin-right: 1px;}
.full-slide-wrap .btn-wrap .page-wrap{float: left;background-color: #bfb4a0;width: 136px;height: 40px;line-height: 40px;text-align: center;color: white;}
.full-slide-wrap .btn-wrap .page-btn{float: left;}
.full-slide-wrap .btn-wrap .page-wrap p{display: inline-block; font-size: 14px; font-weight: 300;}
.full-slide-wrap .btn-wrap .page-wrap p:first-child::after{content: "/"; display: inline-block; margin: 0 5px;} 
.parallax-wrap .basic-slide-wrap{transform: scale(0.75);transform-origin: top center;transition: 0s;}
.parallax-wrap .moved-tit{text-align: center; color: #54453d; transition: 0s;}
.parallax-wrap .moved-tit h3{font-size: 20px;text-transform: uppercase;letter-spacing: 11px;margin-bottom: 30px;font-weight: 100;font-family: "IvyMode";}
.parallax-wrap .moved-tit h2{font-size: 60px;line-height: 1;letter-spacing: 5px;font-weight: 400;text-transform: uppercase;font-family: "IvyMode";}
.parallax-wrap .moved-tit h1{font-size: 13px;line-height: 2;font-weight: 500;margin-top: 40px;font-family: 'Pretendard-Regular';}
.parallax-wrap .moved-tit p a{font-size: 14px;text-transform: uppercase;margin-top: 50px;display: block;line-height: 2;transition: 0.5s;}
.parallax-wrap .moved-tit p a:hover {text-decoration: overline; transition: 2s;}


.parallax-wrap .hide-section .moved-tit{padding-top: 120px;margin-bottom: 100px;}
.parallax-wrap .parallax-contain{position: relative; overflow: hidden;}
.parallax-wrap .parallax-contain .moved-tit{position: absolute; top: -344px; left: 0; width: 100%; text-align: center; pointer-events: none; color: white; z-index: 15;}
.parallax-wrap .doom-deco{position: absolute; top: 200px; left: 0; width: 100%; opacity: 0.5; }
.parallax-wrap .doom-deco .cls-1{stroke-dasharray: 5000; stroke-dashoffset: -5000; animation: doom_svgAni 3.5s forwards; }

/* main txt video */
.bg_video .intro{padding-top: 115px;}
.bg_video .intro .inner-con::after{display: table; clear: both; content: "";}
.bg_video .intro .tit{color: #828282;text-align: center;}
.bg_video .intro .tit h2{font-size: 30px;font-weight: 400;margin-bottom: 5px;font-family: "IvyMode";letter-spacing: 4px;}
.bg_video .intro .tit h3{font-family: "Noto Serif KR",sans-serif;font-size: 17px;font-weight: 400;margin: 50px 0;}
.bg_video .intro .tit p{font-size: 14px;margin-bottom: 5%;letter-spacing: -0.5px;font-family: 'Pretendard-Regular';}

.bg_video .intro .bg-wrap{height: 95vh; padding-top: 190px;padding: 150px 0;background-size: cover;background-repeat: no-repeat;background-position: center;}
.bg_video .intro .bg-wrap  .max {max-width: 85%;margin: auto;}
.bg_video .intro .bg-wrap .vdo{float: left; width: 59%;}
.bg_video .intro .bg-wrap .vdo img{width: 100%;}
.bg_video .intro .bg-wrap .txt{float: left;text-align: center;color: white;width: 23%;border: 1px solid #fff;background: rgba(255,255,255,0.2);padding: 50px 0 26px;margin: 7% 8%;}
.bg_video .intro .bg-wrap .txt h3{font-family: "IvyMode";font-size: 18px;font-weight: 300;margin-bottom: 20px;}
.bg_video .intro .bg-wrap .txt p{font-family: 'NotoSerifKR';font-size: 16px;font-weight: 300;margin-bottom: 35px;letter-spacing: -0.5px;}



/* room info */

.room_pre_info{margin-bottom: 200px;max-width: 80%;margin: 10% auto;}
.room_pre_info .side-txt{font-size: 31px;font-family: "IvyMode";text-align: center;width: 1em;font-weight: 100;position: absolute;right: -14px;bottom: 0; opacity: 0.5;}
.room_pre_info .info-wrap .swiper-slide{height: 600px;}

.room_pre_info .navs{position: absolute;/* top: 35px; */right: 0;z-index: 15;border-bottom: 1px solid #a1a1a1;}
.room_pre_info .navs li{float: left;text-align: center;}
.room_pre_info .navs li a{font-size: 13px;font-family: 'SUITE-Regular';font-weight: 400;color: #ababab;transition: 1.2s;line-height: 45px;text-align: center;padding: 15px;}
.room_pre_info .navs li.on a{color: #fff;background: #bda087;}
.room_pre_info .navs li.on a.hover{color:#fff;}
.room_pre_info .navs li a:hover{color: #fff;}

.room_pre_info .roombtn_m {display: none;}
	
.room_pre_info .info{position: absolute; width: 100%; height: 100%; z-index: 10; opacity: 0; visibility: hidden; pointer-events: all; transition: 0.3s;}
.room_pre_info .inner-padding{height: 100%;}
.room_pre_info .left-padding{height: 100%;}
.room_pre_info .info.on{opacity: 1; visibility: visible; pointer-events: all;}
.room_pre_info .info.on.hover{opacity: 0; visibility: visible; pointer-events: all;}
.room_pre_info .info .preview-detail-img{float: left;width: 50%;overflow: hidden;padding-right: 55px;height: 100%;position: relative;}
.room_pre_info .info .preview-detail-img .swiper-slide{background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; filter: contrast(0.80);}
.room_pre_info .info .txt-wrap{float: left;width: 50%;padding-top: 55px;padding-left: 45px;}
.room_pre_info .info::after{content: ""; display: table; clear: both;}


.room_pre_info .info .textbox {display: flex; flex-direction: column; align-items: flex-start; flex-wrap: nowrap;}
.room_pre_info .info .textbox .stit {padding: 15px 0;font-family: 'NotoSerifKR';font-size: 18px;line-height: 1.2;letter-spacing:.20em;border-top: 1px solid #333;border-bottom: 1px solid #333;writing-mode: vertical-lr;}
.room_pre_info .info .textbox h3 {margin-top:8vmin; font-family: 'minerva-modern', sans-serif; font-size:calc(1.25rem + 1.45vw); color:#6c5b49; letter-spacing:.12em; text-transform: uppercase; line-height:1;}
.room_pre_info .info .textbox h5 {padding: 45px 0;font-size: 2.30rem;line-height:1;font-family: "IvyMode";font-weight: 100;letter-spacing: 2px;}
.room_pre_info .info .textbox p {font-size: 13px;color: #666;letter-spacing: -0.5px;line-height: 2;margin-bottom: 22px;font-family: 'Pretendard-Regular';}
.room_pre_info .info .textbox p b {font-size: 16px;font-weight: 600;font-family: 'SUITE-Regular';}
	
.room_pre_info .info .info_btns {position: relative;margin-top: 1.5vw;padding-bottom: 8px;width: 23%;border-bottom: 1px solid #ababab;font-family: 'SUITE-Regular';text-transform: uppercase;font-size: 12px;font-weight: 500;color: #000;text-align: left;letter-spacing: 5px;background: transparent;cursor: pointer;transition: all 0.3s ease;z-index: 2;}
.room_pre_info .info .info_btns::after {content: '';display: block;margin-bottom: -1px;width: .8rem;height: 1px;background-color: #ababab;position: absolute;right: 0;bottom:0;transform: rotate(65deg);transform-origin: right bottom;}
.room_pre_info .info .info_btns:hover {width: 30%;}
	
	
.room_pre_info .info .txt-wrap .check-inout{margin-top: 30px;}
.room_pre_info .info .txt-wrap .check-inout::after{content: ""; display: table; clear: both;}
.room_pre_info .info .txt-wrap .check-inout li{float: left; font-size: 14px; line-height: 2; margin-right:10px;}
.room_pre_info .info .img-wrap{margin-top: 85px;}
.room_pre_info .info .img-wrap::after{content: ""; display: table; clear: both;}
.room_pre_info .info .img-wrap .img{float: left;margin-right: 9px;width: 48.5%;}
.room_pre_info .info .img-wrap .img img{display: block; width: 100%;}
.room_pre_info .info .img-wrap .img:last-of-type{margin-right: 0;}

.room_pre_info .info .preview-detail-img .swiper-pagination{position: absolute;bottom: 30%;top: auto;left: 20px;z-index: 5;}
.room_pre_info .info .preview-detail-img .swiper-pagination .swiper-pagination-bullet{display: block;width: 2.5px;height: 15px;background-color: #c5c5c5;border-radius: 0;opacity: 1;transition: 1.2s;cursor: pointer;margin-top: 10px;}
.room_pre_info .info .preview-detail-img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #000;}



/* sp info */

.main_sp_per{ padding: 2% 0 8%;}
.main_sp_per .intro-tit{font-size: 16px;font-family: "Lato";margin-bottom: 145px;font-weight: 400;letter-spacing: 0.1em;text-align: center;line-height: 1.8;}
.main_sp_per .box{display: flex;max-width: 95%;margin: auto;}
.main_sp_per .box .txt-wrap{width: 40%;display: flex;flex-flow: column;justify-content: space-between;align-items: flex-start;padding-left: 8%;}
.main_sp_per .box .txt-wrap .tit .stit {padding: 15px 0;font-family: 'NotoSerifKR';font-size: 18px;line-height: 1.2;letter-spacing:.20em;border-top: 1px solid #333;border-bottom: 1px solid #333;writing-mode: vertical-lr; width: 15%;}
	
.main_sp_per .box .txt-wrap .txt-list{position: relative;}
.main_sp_per .box .txt-wrap .txt-list .txt{display: flex; flex-flow: column; align-items: flex-start; position: absolute; top: 0; left: 0; pointer-events: none;}
.main_sp_per .box .txt-wrap .txt-list .txt:nth-of-type(1){position: relative;}
.main_sp_per .box .txt-wrap .txt-list .txt h5{font-size: 33px;font-weight: 100;color: #654747;margin-bottom: 30px;opacity: 0;transform: translateY(30px);transition: 0.8s;font-family: "IvyMode";text-transform: capitalize;letter-spacing: 3px;}
.main_sp_per .box .txt-wrap .txt-list .txt h5 small {font-size: 15px;letter-spacing: 3px;font-style: italic;opacity: 0.8;font-family: 'NotoSerifKR';display: block;margin-bottom: 16%;}
.main_sp_per .box .txt-wrap .txt-list .txt p{font-size: 14px;font-family: 'Pretendard-Regular';font-weight: 400;color: #6d6d6d;line-height: 1.6;opacity: 0;transition: 0.8s;}
.main_sp_per .box .txt-wrap .txt-list .txt .info_btns {opacity:0;transform: translateY(30px);position: relative;margin-top: 1.5vw;padding-bottom: 8px;width: 100%;border-bottom: 1px solid #ababab;font-family: 'SUITE-Regular';text-transform: uppercase;font-size: 12px;font-weight: 500;color: #000;text-align: left;letter-spacing: 5px;background: transparent;cursor: pointer;transition: all 0.3s ease;z-index: 2;}
.main_sp_per .box .txt-wrap .txt-list .txt .info_btns::after {content: '';display: block;margin-bottom: -1px;width: .8rem;height: 1px;background-color: #ababab;position: absolute;right: 0;bottom:0;transform: rotate(65deg);transform-origin: right bottom;}
.main_sp_per .box .txt-wrap .txt-list .txt .info_btns:hover {width: 70%;}


.slide_but_sppre{display: flex;position: absolute;margin-left: 11.5%;opacity: 1;bottom: 31%;left: -2%;}
.main_sp_per .box .txt-wrap .swiper-button-next{color: #000;/* right: 70%; */}
.main_sp_per .box .txt-wrap .swiper-button-prev{/* left: -150%; */color: #000;}
.main_sp_per .box .txt-wrap .slide-btn-wrap{display: inline-block; margin-bottom: 25%; text-align: center;}
.main_sp_per .box .txt-wrap .slide-btn-wrap .link-btn{display: block; color: #332924; font-size: 14px; margin-bottom: 15px;}
.main_sp_per .box .txt-wrap .slide-page-wrap{display: flex; align-items: center;}
.main_sp_per .box .txt-wrap .slide-page-wrap .line-wrap{width: 100px; height: 1px; margin: 0 20px; background-color: #bebebe; position: relative;}
.main_sp_per .box .txt-wrap .slide-page-wrap .line-wrap .line{background-color: #595959; position: absolute; top: 0; left: 0; width: 100%; height: 1px; display: block;}
.main_sp_per .box .txt-wrap .slide-page-wrap{font-size: 13px; font-family: "Lato",sans-serif; font-weight: 500; letter-spacing: 0.2em;} 
.main_sp_per .box .txt-wrap .slide-page-wrap .total{margin-right: 1em;}
.main_sp_per .box .txt-wrap .txt.on{pointer-events: all;}
.main_sp_per .box .txt-wrap .txt-list .txt.on h5{opacity: 1; }
.main_sp_per .box .txt-wrap .txt-list .txt.on p{opacity: 1;transition-delay: 0.2s;}
.main_sp_per .box .txt-wrap .txt-list .txt.on .info_btns{opacity: 1;transition-delay: 0.4s;}

.main_sp_per .img-deco-wrap{width: 20%;}
.main_sp_per .img-deco-wrap p  {font-size: 13px;letter-spacing: 2px;font-weight: 100;font-family: "amandine", sans-serif;text-align: right;padding-right: 15px;margin-top: 5%;}
.main_sp_per .img-deco-wrap .img-deco-contain{position: relative;height: 555px;width: calc(100% - 20px);overflow: hidden;top: 150px;}
.main_sp_per .img-deco-wrap .img-deco-contain .swiper-slide{width: 100%;height: 430px;}
.main_sp_per .img-deco-wrap .img-deco-contain .swiper-slide .swiper-rooler{width: 100%; height: 100%; transition: 0.8s;}
.main_sp_per .img-deco-wrap .img-deco-contain .swiper-slide .swiper-rooler .img{width: 100%;height: 100%;/* height: 555px; */background-size: cover;background-repeat: no-repeat;background-position: center;image-rendering: auto;}
.main_sp_per .img-deco-wrap .img-deco-contain .swiper-slide.prev-clip .swiper-rooler{transform: translateX(0);}
.main_sp_per .img-deco-wrap .img-deco-contain .swiper-slide.next-clip .swiper-rooler{transform: translateX(0);}
.main_sp_per .img-deco-wrap .img-deco-contain .next-clip .swiper-rooler{animation: transformNext 0.8s;} 
.main_sp_per .img-deco-wrap .img-deco-contain .prev-clip .swiper-rooler{animation: transformPrev 0.8s;} 
.main_sp_per .img-deco-wrap .img-deco-contain .swiper-slide-active{z-index: 5;}

.main_sp_per .spper-slide-wrap{height: 700px;width: 35%;background-size: cover;background-repeat: no-repeat;background-position: center;overflow: hidden;}
.main_sp_per .spper-slide-wrap .swiper-slide .swiper-rooler{width: 100%; height: 100%; transition: 0.8s;}
.main_sp_per .spper-slide-wrap .swiper-slide .swiper-rooler .img{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;image-rendering: auto;}
.main_sp_per .spper-slide-wrap .swiper-wrapper .swiper-slide.prev-clip .swiper-rooler{transform: translateX(0);}
.main_sp_per .spper-slide-wrap .swiper-wrapper .swiper-slide.next-clip .swiper-rooler{transform: translateX(0);}
.main_sp_per .spper-slide-wrap .swiper-wrapper .next-clip .swiper-rooler{animation: transformNext 0.8s;} 
.main_sp_per .spper-slide-wrap .swiper-wrapper .prev-clip .swiper-rooler{animation: transformPrev 0.8s;} 
.main_sp_per .spper-slide-wrap .swiper-wrapper .swiper-slide-active{z-index: 5;}
	



@media screen and (max-width: 1465px) {
	
	.main_sp_per .box .txt-wrap .txt-list .txt{width: 250px;}
	.main_sp_per .box .txt-wrap .txt-list .txt h5{font-size: 20px; letter-spacing: 1px;}
	.main_sp_per .box .txt-wrap .txt-list .txt p{font-size: 12.5px;}
	.main_sp_per .box .txt-wrap .txt-list .txt .info_btns{width: 70%;}
	.main_sp_per .img-deco-wrap .img-deco-contain .swiper-slide{height: 320px;}
	
	.slide_but_sppre{left: 0; margin-left: 2.5%;}
	
}


@media screen and (max-width: 1366px) {
	
	.room_pre_info .info .info_btns{width: 30%;}

	.main_sp_per .box .txt-wrap{padding-left: 0;}
	.room_pre_info .info .img-wrap .img{width: 46.5%;}
	
	.main_sp_per .spper-slide-wrap{height: 566px;}
	.main_sp_per .box{max-width: 80%;}

}


@media screen and (max-width: 1025px) {
	
	.bg_video .intro .bg-wrap .max{max-width: 95%;}
	.bg_video .intro .bg-wrap .txt{width: 25%; margin: 2% 5%;}
	
	.room_pre_info{max-width: 95%;padding-bottom: 11%;}
	.room_pre_info .info .txt-wrap{width: 45%; padding-left: 0;}

	.room_pre_info .left-padding{height: 0;}
	
	.room_pre_info .roombtn_pc {display: none;}
	.room_pre_info .roombtn_m{display: block;position: relative;z-index: 15;border-bottom: 1px solid #a1a1a1;}
	.room_pre_info .roombtn_m li{float: left;text-align: center;width: 50%;}
	.room_pre_info .roombtn_m li a{font-size: 13px;font-family: 'SUITE-Regular';font-weight: 400;color: #ababab;transition: 1.2s;/* line-height: 45px; */text-align: center;padding: 15px;}
	.room_pre_info .roombtn_m li.on a{color: #fff;background: no-repeat;}
	.room_pre_info .roombtn_m li.on{background: #bda087;}
	.room_pre_info .roombtn_m li.on a.hover{color:#fff;}
	.room_pre_info .roombtn_m li a:hover{color: #fff;}
	
	.room_pre_info .info .img-wrap{display: none;}
	
	.main_sp_per{border-top : 1px solid #ababab;}
}



@media screen and (max-width: 950px) {
	
	.full-slide-wrap .slide{height: 50vh;}
	
	.parallax-wrap .hide-section .moved-tit{display: none;}
	.parallax-wrap .parallax-contain .moved-tit{display: none;}
	.parallax-wrap .basic-slide-wrap{transform: scale(1); padding-top: 11%;}
	
	.bg_video .intro .bg-wrap{height: 80vh;}
	.bg_video .intro .bg-wrap .vdo{width: 100%; float: none;}
	.bg_video .intro .bg-wrap .txt{width: 100%; float: none; margin: 0; margin-top: 5%;}
	
	.room_pre_info .info{position: relative;}
	.room_pre_info .info-wrap .swiper-slide, .room_pre_info .info .preview-detail-img{float: none; width: 100%; height: 60%; padding: 0;}
	.room_pre_info .info .info_btns{margin: auto;}
	.room_pre_info .info .txt-wrap{width: 100%; float: none; text-align: center;}
	.room_pre_info .info .textbox .stit{margin: auto;}
	.room_pre_info .info .textbox{display: block;}
	.room_pre_info .info .img-wrap .img {width: 49%;}
	
	.main_sp_per .box{display: block; max-height: 95%;}
	.main_sp_per .box .txt-wrap .txt-list .txt{display: block;}
	.main_sp_per .box .txt-wrap .tit .stit{ text-align: center; width: auto; margin: 15px auto; writing-mode:revert;}
	.main_sp_per .box .txt-wrap{ width: 100%; text-align: center; padding-top: 10%;}
	.main_sp_per .box .txt-wrap .txt-box {margin: auto;}
	.main_sp_per .box .txt-wrap .txt-list .txt .info_btns{margin: auto; width: 100%; text-align: center;}
	.main_sp_per .box .txt-wrap .slide-btn-wrap{ margin: 5% auto; left: 0; right: 0; padding-top: 5.5%;}
	.slide_but_sppre{display: none;}
	
	.main_sp_per .img-deco-wrap{ display: none;}
	.main_sp_per .spper-slide-wrap{height: 300px; width: 100%;}
	
	.br_mo{display: none;}
	
}



@media screen and (max-width: 780px) {
	
	.bg_video .intro .bg-wrap{padding: 50px 0;}

}


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

	.parallax-wrap .basic-slide-wrap{padding-top: 20%;}
	
	.bg_video .intro .bg-wrap .txt{border: none; background:no-repeat; padding: 0;}

	.room_pre_info .info-wrap .swiper-slide, .room_pre_info .info .preview-detail-img{height: 300px;}
	.room_pre_info .side-txt{display: none;}
	
	.main_sp_per .box .txt-wrap .slide-page-wrap{opacity: 0.5;}
}


@media screen and (max-width: 450px) {	
	
	.bg_video .intro{padding-top: 50px;}
	.bg_video .intro .tit p{font-size: 12px; margin-bottom: 10%;}
	
	.bg_video .intro .bg-wrap{height: auto;}
	.room_pre_info .info .img-wrap .img{width: 100%; margin-right: 0; margin-bottom: 10px;}
	
	.main_sp_per .box .txt-wrap .tit .stit{ width: 25%;  font-weight: 200; font-size: 15px;}
	.main_sp_per .box .txt-wrap .txt-list .txt p{font-size: 12px; letter-spacing: -0.5px;}
	
	
	.room_pre_info .info .info_btns{width: 40%;}
	.main_sp_per .box .txt-wrap .txt-list .txt.on .info_btns{width: 100%;}
	.main_sp_per .box .txt-wrap .slide-btn-wrap{padding-top: 11%;}
	
	.bg_video .intro .tit h3{margin: 25px 0 30px;}
	.room_pre_info .info .textbox h5{font-size: 25px;} .room_pre_info .info .textbox p b{font-size: 14px;}
	
	.reser-wrap .max .tit-wrap .txt h3{font-size: 13px; margin-right: 20px;}
	.reser-wrap .max .tit-wrap .txt span{font-size: 13px;}
	.reser-wrap .price p{font-size: 12px;}
	
}


@media screen and (max-width: 340px) {
	
	.room_pre_info{margin: 10% auto 0;}
	.main_sp_per .box .txt-wrap{padding-top: 0;}
	.bg_video .intro .tit{max-width: 95%; margin: auto;}
	
	
	
	
}