@import "normalize.css"; /* reset */
@import "slick.css"; /* slick swiper */

button { border:0; outline:0; padding:0; background-color:transparent; }

.main_txtbox{left: 150px;top: 44%;transition: 1s ease;-webkit-transition: 1s ease;position: absolute;z-index: 99;opacity: 0;/* padding: 32px 43px; */text-shadow: 1px 4px 4px #424242;}
.main_txtbox.on{  top: 200px;}
 
.main_txtbox .ko{padding-left: 0;padding-right: 15px;font-size: 4em;line-height: 1;opacity: 0.80;color: #fff;font-family: 'Sacramento', cursive;font-weight:400;}
.main_txtbox .en {margin-top: 15px;text-align: left;display: block;color: #fff;font-size: 17px;opacity: 0.70;line-height: 1.5;}

/* 메인 레이아웃 */
.main_sutxt .tit .txt1 {display: inline-block;font-size: 1em;color: #999aa2;font-family: 'Montserrat';font-weight:bold;letter-spacing: 1.5px;margin-bottom: 39px;}
.main_sutxt .tit .txt2 {/* margin-top: -0.7vw; */font-size: 80px;font-family: 'Sacramento', cursive;color:#789082;font-style: italic;line-height: 1;}
.sub_deco {position: absolute;top: 520px;left: 13%;display: block;width: 400px;font-size: 12px;color:#7e8389;opacity: 0.5;letter-spacing: 0.08em;transform: rotate(90deg);}
.sub_deco::before {content: '';display: inline-block;width: 100px;height: 1px;margin-right: 20px;background:#7e8389;vertical-align: middle;}
.deco{position: absolute; top: 3%; left:-22%; opacity:0.85;} .deco img {width:50%;}
.sub_mainimg {position: absolute;top: calc(40% - 221px);left: 415px;overflow: hidden;transition: 1.2s;width: 77%;float: right;  transition: 2.0s ;}
.sub_mainimg>div {float: left;width: 33.333%;}
.sub_mainimg .img_wrap .img {padding-top: 150%;}
.sub_mainimg .img_wrap {padding-right: 30px;margin-bottom: 30px;}
.sub_mainimg .img_wrap .img {padding-top: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}

/* 아래 */

.main_sub_txt{margin:auto;max-width:70%;position:relative;padding: 16vw 0 17vw;}
.main_sutxt .tit{color: #828282; transform: rotate(0.03deg); overflow: hidden;}
.main_sutxt .tit h3{font-family: 'Jeju Myeongjo', serif;font-size: 23px;font-weight: 400;margin-bottom: 31px;}
.main_sutxt .tit p{font-size: 14px;font-weight: 300;margin-bottom: 15px; font-family:'ELAND_Choice_M';}
.main_sub_video{position:relative;width:100%;height:100%;overflow:hidden;margin-top:5%; /*max-width: 80%;*/margin: 5% auto 0;}

.main_sub_video .cont_box{height: 520px;overflow: hidden;}
.main_sub_video .cont_box ul{display:inline-block; height:100%; width:100%;}
.main_sub_video .cont_box ul li{float: right;height:100%;display:table;table-layout: fixed;}
.main_sub_video .cont_box ul .video_box{width: 60%;position:relative;}
.main_sub_video .cont_box ul .video_box video{position:absolute; margin-top:-7%; height:auto; width:100%}
.main_sub_video .cont_box ul .txt_box{width: 40%;}

.main_sub_video .cont_box.cont01 ul .txt_box{background-color:#fff;}
.main_sub_video .cont_box ul .txt_box div{display:table-cell; vertical-align: middle; padding:0 0px; text-align:center;}
.main_sub_video .cont_box.cont02 ul .txt_box div .txt01{font-size: 1.08em;color:#686868;letter-spacing: 0.03em;font-family: 'Pretendard-Thin'; line-height: 2;border-top: 1px solid #686868;letter-spacing:-0.2px; width: 44%;margin: auto;padding: 19px;}
.main_sub_video .cont_box.cont02 ul .txt_box div .txt02{font-size: 55px;color: #949494;margin: 15px 0 25px; line-height:1; font-family:'Cormorant Garamond', serif;}
.main_sub_video .cont_box.cont02 ul .txt_box div .txt02 small {letter-spacing:5px;}
.main_sub_video .cont_box.cont02 ul .txt_box div .txt03{font-size: 11px;color: #8b8b8b;display:block;font-family: 'Cafe24Oneprettynight';margin: 0% auto 0;letter-spacing: 1px;width: 70%;line-height: 1.9;}
.main_sub_video .cont_box.cont02 ul .txt_box div a{display:inline-block; margin-top:70px; font-size:13px; color:#000; width:200px; height:35px; line-height:35px; text-align:center; position:relative; border:1px solid #fff; transition: .5s;}
.main_sub_video .cont_box.cont02 ul .txt_box div a:before{content:''; width:43px; height:1px; background-color:#000; position:absolute; top:50%; left:-18px; transform: translatex(0px); transition: .5s;}
.main_sub_video .cont_box.cont02 ul .txt_box div a:hover{background-color:rgba(255,255,255,0.7); color:#000; transition: .5s;}
.main_sub_video .cont_box.cont02 ul .txt_box div a:hover:before{transform: translatex(195px); transition: .5s; background-color:#fff}




/* 객실 상세 */
.main-roompre {max-width:1400px; margin: auto;}
.room-preview{padding-top: 100px; padding-bottom:21vw; max-width: 100%;margin: auto;} .room-preview02{padding-bottom:27.5vw;}
.room-preview-slide{max-height:200px;}
.room-preview .slide-big{width: 45vw;height: 30vw;position: inherit;overflow: hidden;transition: 0.8s;margin-left: 38.5%;max-width: 80%;}
.room-preview .slide-big .slide{height: 30vw;background-size: cover;background-repeat: no-repeat;background-position: center;float: rigth;}
.room-preview .slide-small{width: 25vw;height: 15vw;position: relative;overflow: hidden;margin-left: 0%;top: -15vw;transition: 0.8s;}
.room-preview .slide-small .slide{height: 15vw;background-size: cover;background-repeat: no-repeat;background-position: center;float: rigth;}
.room-preview .info{position: absolute; color: #000;}
.room-preview .info .main_room{font-size: 4em;line-height:1.5;margin-top:15px;color: #8caa98;opacity: 1;font-family:'Jeju Myeongjo', serif;}
.room-preview .info li{font-size: 15px;font-family: 'ELAND_Choice_M';line-height:1.8;opacity: 0.5;}
.room-preview .info .small {margin-top:25px; font-size:75%;}
.room-preview a{border: 1px solid #a5a5a5;border-radius: 45px;width: 160px;line-height: 33px;display: block;text-align: center;/* top: 116px; */background:#a5a5a5;color:#fff;margin: -28px 0 0 319px;z-index: 99;position: absolute;}
.room-preview a:hover{color: white;background-color: #8caa98;border: 1px solid #8caa98;transition: all 0.3s ease-in-out;}

.room-preview02 .slide-big{width: 45vw;height: 30vw;position: inherit;overflow: hidden;transition: 0.8s;margin-right: 38.5%;margin-left: 0;max-width: 80%;}
.room-preview02 .slide-big .slide{height: 30vw;background-size: cover;background-repeat: no-repeat;background-position: center;float: rigth;}
.room-preview02 .slide-small{width: 25vw;height: 15vw;position: relative;overflow: hidden;margin-left: 0%;top: -15vw;transition: 0.8s;margin-left: 66%;}
.room-preview02 .slide-small .slide{height: 15vw;background-size: cover;background-repeat: no-repeat;background-position: center;float: rigth;}
.room-preview02 .info{position: inherit;color: #000;table-layout: unset;float: right;text-align: left;margin-left: 0;margin-right: 16.5%;display: block;}
.room-preview02 a{border: 1px solid #a5a5a5;border-radius: 45px;width: 160px;line-height: 33px;display: revert;text-align: center;/* top: 116px; */background:#a5a5a5;color:#fff;margin: -28px 0 0 320px;z-index: 99;position: absolute;}
.room-preview02 a:hover{color: white; background-color: #252525; border:1px solid #252525;   transition: all 0.3s ease-in-out;}

.h_line_d{width: 100px;height:1px;background: #aeaeae;margin: 5% 0 4%;}



/* 스페셜 상세 */
.main_sub_txt_pr{max-width:95%;margin: 90px auto 20px;text-align:center;}
.main_sub_txt_pr h1{font-size:1.05em;color:#686868;letter-spacing: 0.03em;font-family: 'Ramabhadra', sans-serif;line-height:1;border: 1px solid #686868;letter-spacing:-0.2px;border-left: none;border-right: none;width: 19%;margin: auto;padding: 19px;}
.main_sub_txt_pr span {display:block;margin-top: 1.5%;font-size: 2.5em;color: #787878;font-weight:600;font-family:'Cormorant Garamond', serif;}
.main_sub_txt_pr p {margin-top: 20px;line-height:1.7;font-size: 10px;color:#b6b6b6;font-weight:400;}


*:focus { outline:none; }

.special-preview{ position: relative; padding-top: 125px; max-width:1450px; margin:0 auto 6.5%;}
 
.special-preview .pic{float: left; height:720px;}
.special-preview .pic .pic-con{width: 560px;/* height: 423px; */position: relative;}
.special-preview .pic .pic-con .slide{height: 720px;background-size: cover;background-position: center;cursor:pointer;}
.special-preview .pic .pic-con1{z-index: 3;left: 172%;top: 0px;}
.special-preview .pic .pic-con2{left: 67%;top: -800px;z-index: 5;height: 475px;width: 550px;}
.special-preview .pic .pic-con2 .slide{height: 650px;}

.special-preview .pic .txt p{font-size: 12px; color: #5f5f5f; font-weight: 500; line-height: 1.8; margin-top: 45px; font-family:'Montserrat';}
.special-preview .special-nav{position: absolute;left: 0; top:12%;}
.special-preview .special-nav h2{font-size: 40px;font-weight: 400;color: #868686;font-family: 'Cormorant Garamond', serif;line-height: 1;letter-spacing: -1px;margin-bottom:15px;}
.special-preview .special-nav p {font-size: 15px;line-height: 1.8;letter-spacing: -1px;color: #9a9a9a;font-family: 'Pretendard-Thin';}
.special-preview .special-nav span{width: 1px; height: 70px; display: block; background-color: #c7c7c7; margin-top: 20px; margin-bottom: 20px;}
.special-preview::after{content: ""; display: table; clear: both;}
.special-preview .special-nav ul li{position: relative;padding-left: 15px;font-family: 'IBMPlexSansKR-Regular';line-height: 1.8;display: block;width: 60%;/* margin-right: 20px; */margin-bottom: 14px;}
.special-preview .special-nav ul li a{font-size: 16px;position: relative;color: #333333;display: inline-block;font-weight: 300;display: block; padding-bottom:5px;}
.special-preview .special-nav ul li a::after{content: "";display: block;position: absolute;bottom: 0px;background-color: #8caa98;height: 1.5px;width: 70%;transform: scaleX(0);transition: 0.5s;transform-origin: left;}
.special-preview .special-nav ul li a.on::after{transform: scaleX(1);}
.special-preview .special-nav ul li::before{content: "";display: block;width: 5px;height: 5px;background-color: #a6bcac;position: absolute;left: 0;top: 12px;border-radius: 15px;}

.sp_mo{display:none;}  .sp_pr_mo{display:none;} .pic-conmore{display:none;}


/* 메인 하단 레이아웃 */
.main_end_txt{margin:auto;max-width:70%;position:relative;padding: 2vw 0 29vw;margin-bottom: 15%;}
.main-end .tit{color: #828282; transform: rotate(0.03deg); overflow: hidden;}
.main-end .tit span{width: 8px;height: 32px;display: block;background-color: #b1c9bb;margin-top: 20px;margin-bottom: 20px;}
.main-end .tit h3{font-family: 'Jeju Myeongjo', serif;font-size: 26px;font-weight: 400;margin-bottom: 49px;line-height: 1.2;}
.main-end .tit p{font-size: 14px;font-weight: 300;margin-bottom: 54px; font-family:'ELAND_Choice_M';}
.main-end .tit {float:right;margin-top: 13%;}
.main-end .tit .txt1 {display: inline-block;font-size: 1em;color: #999aa2;font-family: 'Montserrat';font-weight:bold;letter-spacing: 1.5px;margin-bottom: 39px;}
.main-end .tit .txt2 {font-size: 42px;font-family: 'Sacramento', cursive;color:#789082;font-style: italic;line-height: 1;}
.sub_endimg {position: absolute;top: calc(40% - 221px);right: 350px;overflow: hidden;transition: 1.2s;width: 77%;float: left;transition: 2.0s;}
.sub_endimg>div {float: left;width: 50%;}
.sub_endimg .img_wrap .img {padding-top: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.sub_endimg .img_wrap{margin-bottom: 25px;}
.sub_endimg .img_wrap3 .img {padding-top: 136.9%; }
.sub_endimg .img_wrap4 .img, .sub_endimg .img_wrap5 .img {padding-top: 65.5%;width: 95%;margin-left: 25px;}


/* 데스크톱 */
@media (max-width: 1680px) {
.room-info-wrap .img-wrap .img1{max-width:1520px; left:12.5%;}
.main_sub_video .cont_box.cont02 ul .txt_box div .txt03{width:85%;} 
.spPre{max-width:1520px;} .mBf{max-width:1520px;}
.deco_left{left:25%;}
}

@media (max-width: 1600px){	
.bak{ height:795px;}

.main_sub_video .cont_box.cont02 ul .txt_box div .txt01 span{font-size:14px;}
.main_sub_video .cont_box.cont02 ul .txt_box div .txt02{font-size:40px;}
.main_sub_video .cont_box.cont02 ul .txt_box div .txt03{font-size:11px;}
.room-info-wrap .img-wrap .img1{width:1415px; left:0;}
.room-preview{max-width:1260px;}  .room-info-wrap{width:90%;}

.room-preview .slide-small{width:28vw;} .room-preview .slide-small .slide{width:450px !important;} .room-preview a{ margin:-42px 0 0 280px;}
.room-preview02 .slide-small{width:28vw; margin-left:61%;} .room-preview02 .slide-small .slide{width:450px !important;} .room-preview02 .info{ margin-right:19.5%;}


.special-preview{ max-width:1400px;}
.special-preview .pic .pic-con{width:510px;} .special-preview .pic .pic-con2{top:-711px;} .special-preview .pic .pic-con .slide{height:635px;} 

}

@media (max-width: 1440px) {
.main_sub_video .cont_box ul li{height:96%;}
.sub_deco{top:410px; left:16%;} .bak{height:745px;}

.main-roompre{max-height:1150px;}
.room-preview .slide-big{ width:50vw; height:35vw; margin-left:40.5%;} .room-preview .slide-big .slide{height:35vw;}
.room-preview02 .slide-big{ width:50vw; height:35vw; margin-left:0%;} .room-preview02 .slide-big .slide{height:35vw;}
.room-preview .info .main_room{font-size:3em;}
.room-preview02 .slide-small{top:-19vw; width:31vw; height:19vw;} .room-preview02 .slide-small .slide{width:473px !important; height:19vw;}
.room-preview .slide-small{top:-19vw; width:31vw; height:19vw;} .room-preview .slide-small .slide{width:473px !important; height:19vw;}



.special-preview{max-width:90%;}
.special-preview .special-nav ul li a{font-size:14px;}
.special-preview .special-nav span{height:50px;}
.special-preview .pic .pic-con2{width:410px; left:66%;}
.special-preview .pic .pic-con1{left:150%; width:495px;} .special-preview .pic .pic-con .slide{height:610px;}

.sub_endimg{right:325px;} .main-end .tit{margin-top:0;}
	


.room-info-wrap .img-wrap .img1{width:1275px; left:0;}
.room-preview{max-width:1275px;}  .room-info-wrap{width:90%;}

.spPre{max-width:1275px;} .mBf{max-width:1275px;}
}

@media (max-width: 1366px) {
.main_sub_video .cont_box{height:360px;}

.main_sub_video .cont_box ul li{ height:100%;}
.main_sub_video .cont_box.cont02 ul .txt_box div .txt01{padding-top:20px; width:55%;}
.main_sub_video .cont_box.cont02 ul .txt_box div .txt01 span{font-size:12px;}
.main_sub_video .cont_box.cont01 ul .txt_box div .txt01 span{font-size:12px;}
.main_sub_video .cont_box.cont02 ul .txt_box div .txt02{font-size:30px;}
.main_sub_video .cont_box.cont02 ul .txt_box div .txt03{font-size:10px;}

.bak{height:650px;}

.room-preview{max-width:1215px;}  .room-info-wrap{width:90%;}

.spPre{max-width:1215px;}  .mBf{max-width:1215px;}
.mBf .lCon{width:360px;} .mBf .rImg{left:480px;}

}


@media (max-width: 1280px) {
.main_sub_video .cont_box{height:340px;}
.sub_mainimg{top:calc(51% - 221px); left:396px;}
.sub_mainimg .img_wrap{padding-right:10px; margin-bottom:10px;} .sub_mainimg>div{width:30.333%;}
.special-preview .pic .pic-con1{width:445px;}
.special-preview .special-nav p{font-size:12px;} .special-preview .pic .pic-con2{left:55%;}

.special-preview .special-nav ul li {margin-right:11px;}



}

@media (max-width: 1155px) {
.room-info-wrap{width:100%;}
.special-preview .pic .pic-con1{ width:566px; left:88%;}
}

@media (max-width: 1024px) { 
.main_sub_video .cont_box{height:270px;}
.main_sub_video .cont_box.cont02 ul .txt_box div .txt01{font-size:1em;}
.main_sub_video .cont_box.cont02 ul .txt_box div .txt01 span{width:70%;}
.deco_left{right:42%; top:126px; width:300px; font-size:10px;}

.spPre{max-width:90%; margin:auto;}
.mainsp .mainsp_list ul li > div dl dt p .span01{display:none;}
.mainsp .mainsp_list ul li > div dl dt p .span02{margin-top:7px;}
.mainsp .mainsp_list ul li{width:100%; margin-right:0px !important;}
.mainsp .mainsp_list ul li > div dl dt{height:180px;}
.mainsp .mainsp_list ul li > div{margin: 0 5px;}
.mainsp .mainsp_list ul{padding: 0;}
.mainsp .mainsp_list ul li > div dl dt p{font-size:18px;}
.mainsp .mainsp_list ul li > div dl dd p{padding-left:10px;}
.mainsp .mainsp_list ul li > div dl dd{padding:25px 0px;}
.special_tit{left:42%;} .special_tit .title01{font-size:4.2em;} .special_tit .title02{font-size:1.3em;}

.main_end_txt{max-width:85%;}
sub_endimg{right:315px; width:65%; } .main-end .tit{margin-top:-12%;} .main-end .tit h3{font-size:24px;}

.special-preview .pic .pic-con .slide{height:455px;}  .special-preview .pic .pic-con2{width:310px; top:-540px;}
.special-preview .pic .pic-con1{width:390px; left:140%;}
.special-preview .special-nav ul li{width:80%;} .special-preview .special-nav p{font-size:10px;} .special-preview .special-nav{top:5%;}

.bak{height:570px;}

.room-preview{max-width:85%;}
.room-preview .slide-big{height:43vw;} .room-preview .info li{font-size:13px;} .room-preview a{margin:16px 0 0 0;}
.room-preview02 .info{margin-right:11.5%;}

.sub_mainimg{left:285px; top:calc(62% - 221px);} .sub_mainimg>div{ width:33.333%;}
.main_sub_txt{padding:18vw 0 11vw;} .sub_deco{font-size:10px; top:350px; left:8%;}
.main_sutxt .tit .txt2{font-size:65px;} .main_sutxt .tit h3{font-size:19px;} .main_sutxt .tit p{font-size:12px;}
} 

/* 핸드폰 */
@media (max-width: 770px){
.bak{background-size:100%; background-attachment:inherit; padding:18% 37px;}
.bak .txt h2{font-size:2.5em;}

.main_txtbox{top:15%; left:6%;}

.main_sub_video{margin-top:5%;}
.main_sub_video .cont_box ul .txt_box{width:100%;}
.main_sub_video .cont_box ul .video_box video{margin-top:0%;}
.main_sub_video .cont_box ul .txt_box{width:100%;} .main_sub_video .cont_box ul li{height:25%;}
.main_sub_video .cont_box ul .video_box{width:100%;}
.main_sub_video .cont_box{height:600px;}
.main_sub_video .cont_box.cont02 ul .txt_box div a{width:175px;}
.main_sub_video .cont_box.cont02 ul .txt_box div .txt01{padding-top:15px;}
.main_sub_video .cont_box.cont02 ul .txt_box div a{margin-top:20px;}

.room-preview02 .info{margin-right:4.5%;} .room-preview .slide-small{ top:-11vw;} .room-preview .info li{font-size:11px;}
.sub_mainimg{width:100%; left:231px; top:calc(70% - 221px);} .sub_mainimg>div{width:25.333%;}

}

@media (max-width:550px) {
.sub_mainimg{width:100%;  left:0; position:relative;}	
	
.main_sub_txt{max-width:90%; margin: auto; padding:18vw 0 65vw;} .sub_mainimg>div{width:33.333%;} .sub_deco{top:255px; left:41%;}
.main_sutxt .tit p{margin-bottom:23px;} .main_sutxt .tit h3{margin-bottom:20px;} .main_sutxt .tit .txt1{margin-bottom:23px;}
.main_sub_txt .txt1{font-size:0.5em;} .main_sub_txt .txt2{ font-size:19px;}  .main_sub_txt .txt2:after{bottom:48%; left:35%; width:100px;} .main_sub_txt .txt3{font-size:11px;}
.main_sub_video .cont_box{height:450px;}
.main_sub_video{margin-top:4.5%;} .deco_left{font-size:5px;}
.main_sub_video .cont_box.cont02 ul .txt_box div .txt01{font-size:1em; width:60%}  .main_sub_video .cont_box.cont02 ul .txt_box div .txt02{font-size:25.5px;}
.main_txtbox{display:none;} .main_sub_video .cont_box.cont02 ul .txt_box div .txt03{margin-bottom:5%;}
 

.main_end_txt{max-width:95%; margin-top:70%;} .sub_endimg{right:0; width:100%;}
.sub_endimg .img_wrap4 .img, .sub_endimg .img_wrap5 .img{padding-top:65.5%; margin-left:13px;} .sub_endimg .img_wrap{margin-bottom:10px;}
.main-end .tit{width:100%; margin-bottom:25px;} .main-end .tit span{margin-top:165px;} .main-end .tit h3{font-size:20px; margin-bottom:16px;} .main-end .tit p{font-size:12px; margin-bottom:25px;}

.special-preview{max-width:95%; padding-top:150px;}
.special-preview .pic .pic-con .slide{height: 66vw;}	
.special-preview .special-nav{top:5px; width:100%;}
.special-preview .pic{float: none; height:1138px;}
.special-preview .pic .pic-con{width: 100%;height: unset;float: none; left:0%; top:160px;}
.special-preview .pic .pic-con2{left: 0; top: 180px;}
.special-preview .pic .pic-con1 .txt{display:none;}
.special-preview .special-nav span{margin:10px 0 10px 0;}
.special-preview .special-nav ul li a{font-size:12px;}
.special-preview .special-nav ul li{padding-left:13px; margin-right:10px;}

.bak{ padding:50% 37px; height:250px;} .bak .txt h2{font-size:1.5em;} .bak .txt p{font-size:11px;} .bak .txt .line{height:2px;} .bak .txt{margin-top:-9.5%;}

.room-preview-nav li a{line-height:20px;}
.room-info-wrap .info{background:none;}
.room-info-wrap .img-wrap .img1{width:370px;height:180px;} 
.room-info-wrap .info{background:none; padding:0; margin-top:55%;}

.main_sub_txt_pr{margin:0px auto 20px;}
.main_sub_txt_pr h1{width:60%; font-size:1em;} .main_sub_txt_pr span{font-size:25.5px;} .main_sub_txt_pr p{font-size:10px;}
.special-preview .special-nav h2{font-size:38px;} .special-preview .special-nav{text-align:center;}
.special-preview .special-nav span{margin:10px auto; left:0; right:0;}
.special-preview .special-nav ul li{padding-left:10px; margin-right:8px; width:auto; display:inline-block; margin-bottom:6px;}
.special-preview .special-nav ul li::before{width:4px; height:5px; top:9px;}

.sp_pr_pc{display:none;} .sp_pr_mo{display:block; margin-top:0%;}
.special-preview .pic .txt p{display:none;}
.special-preview .pic{height:700px;}
.special-preview .pic .pic-con{top:190px;} .special-preview .pic .pic-con2{top:195px;}
.special-preview .special-nav ul li a{font-size:13px;}
.special-preview .special-nav p{font-size:12px;}

.pic-conmore {width: 100% !important; height: 31px !important; display: block;border: 1px solid #3c5a83;color: #3c5a83;text-align: center;line-height: 30px;margin-bottom: 20px; font-weight: 600;}
.pic-conmore a {padding:6px 109px;}


.foot-reserve{height:150px;} .foot-reserve .rev_box{font-size:11px; width:120px; line-height:24px; margin-top:3.5%;}
.foot-reserve .rev-box p{margin-top:6px;}


.room-preview{padding-top:12px;} .room-preview02{padding-top:100px; padding-bottom:50vw;}

.room-preview .slide-big{ margin-left:0; margin-top:66%; width:120vw; height:69vw; max-width:100%; }
.room-preview .slide-big .slide{height:55vw;}
.room-preview .slide-small{width:85vw; height:73vw; margin-left:0;}
.room-preview .slide-small .slide{width:352px !important; height:52vw;}

.room-preview02 .info{text-align:left; float:left;}
.room-preview02 .info .main_room{margin-top:111px;}
.room-preview02 .slide-big{margin-top:92%;}

}


@media (max-width:415px) {
.room-info-wrap .img-wrap .img1{width:370px;}
}

@media (max-width:375px) { 
.main_sub_txt .txt2{font-size:17px;}

.main_sub_video .cont_box.cont02 ul .txt_box div .txt01{width:72%;} .main_sub_txt_pr h1{width:72%;}
.special-preview .special-nav h2{font-size:25px;}
.room-info-wrap .img-wrap .img1{width:343px; height:205px;} .room-info-wrap .info{margin-top:70%;}
.room-preview .info .main_room{margin-top:2px;}
.room-preview02 .info .main_room{margin-top:80px;}
.special-preview .special-nav ul li a{font-size:12px;} .sp_pr_mo{margin-top:8%;}
}

@media (max-width:360px) { 
.room-preview .info .main_room{margin-top:-21px;} .room-preview02 .info .main_room{ margin-top:74px;}
.bak{padding:38% 37px 50%;} .special-preview .pic .pic-con .slide{height:70vw;}

}

@media (max-width:325px) { 
.main_sub_txt .txt2{font-size:15.5px;} .main_sub_video .cont_box.cont02 ul .txt_box div .txt01{width:75%;} .main_sub_txt_pr h1{width:75%;}
.room-info-wrap .info{margin-top:82%;} .room-info-wrap .img-wrap .img1{width:295px;}

.room-preview .info .main_room{ margin-top:-45px;} .room-preview02 .info .main_room{margin-top:35px;}
.special-preview .special-nav ul li a{font-size:11px;}
.main-end .tit span{margin-top:113px;}

.sub_deco{display:none;}
}