@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); /* font-family: 'Noto Sans KR', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Italiana&display=swap'); /* font-family: 'Italiana', serif; */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Italiana&display=swap'); /* font-family: 'Cinzel', serif; */
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap'); /* font-family: 'Didact Gothic', sans-serif; */


@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GyeonggiBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "Roustel";
    font-style: normal;
    font-weight: 300;
    src: local(※),
	url('/web/font/Roustel.ttf') format("truetype"),	
    url('/web/font/Roustel.eot') format("embedded-opentype"),
    url('/web/font/Roustel.woff2') format("woff2"),
    url('/web/font/Roustel.woff') format("woff")    
}


@font-face{
    font-family: "Athena-Regular";
    font-style: normal;
    font-weight: 300;
    src: local(※),
	url('/web/font/Athena-Regular.ttf') format("truetype"),	
    url('/web/font/Athena-Regular.eot') format("embedded-opentype"),
    url('/web/font/Athena-Regular.woff2') format("woff2"),
    url('/web/font/Athena-Regular.woff') format("woff")    
}




*{margin: 0; padding: 0; box-sizing: border-box;}
main{overflow: hidden;}
html,body{width: 100%;position: relative;font-family: "Noto Sans KR",sans-serif;line-height: 1.8;background: #f9f9f9;color:#666;}
li{list-style: none;}
a{text-decoration: none; color: #333;}
section{position: relative;}
figure{position: relative; z-index: 1;}
a,button,input{box-shadow: none; border: 0; background-color: transparent;}

.slide{background-size: cover; background-repeat: no-repeat; background-position: center;}
.slide-wra *{border: 0; outline: 0;}
table {outline: 0; border-spacing: 0;}


html ::selection{ background-color:#9f9f9f; color:#fff;}

::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb {background-color: #696969;}
::-webkit-scrollbar-track {background-color: #a9a9a9; }

/*main viedo */
.main_vido{padding-top: 0%;}
.main_vido #vido_sub{width: 100%;height: 800px;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;max-width: 1600px;margin: auto;}

/*main img*/
.main-wrap .top-content-section .top-img-wrap{width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center;}
.main-wrap .top-content-section .main-tit-wrap{position: absolute;z-index: 15;top: 41%;right: 65%;margin-right: 150px;}
.main-wrap .top-content-section .main-tit-wrap .main-tit{display: block;align-items: flex-start;margin-bottom: 18px;line-height: 1.5;}
.main-wrap .top-content-section .main-tit-wrap .main-tit h5{font-size: 24px;font-family: 'Athena-Regular';font-weight: 400;color: #ffffff;letter-spacing: 0.25em;TEXT-TRANSFORM: capitalize;font-weight: bold;}
.main-wrap .top-content-section .main-tit-wrap .txt{font-size: 15px;font-weight: 300;letter-spacing: -0.075em;line-height: 1.8;color: #ffffff;transition-delay: 0.8s;font-family: 'NotoSerifKR';/* text-shadow: -3px 2px 2px #8d8d8d; */}
.main-wrap .top-content-section .main-tit-wrap.on .txt{transform: translateY(0); opacity: 1;}
.main-wrap .top-content-section .main-tit-wrap .main-tit h5{display: flex; align-items: flex-start;}
.main-wrap .top-content-section .main-tit-wrap .main-tit h5 span{display: block; opacity: 0; transition: 0.6s;}
.main-wrap .top-content-section .main-tit-wrap.on .main-tit h5 span{opacity: 1;}

.main-wrap .intro-tit-wrap{padding-top: 95px; padding-bottom: 75px;}
.main-wrap .intro-tit-wrap .content-box{display: flex; flex-flow: column; align-items: center; justify-content: center;}
.main-wrap .intro-tit-wrap img{width: 175px; margin-bottom: 15px; display: block;}
.main-wrap .intro-tit-wrap h5{font-size: 26px; font-family: "Nanum Myeongjo",sans-serif; font-weight: 600; letter-spacing: 0.33em; display: flex; align-items: center; margin-bottom: 10px; transition-delay: 0.4s;}
.main-wrap .intro-tit-wrap h5::before{content: "["; display: block; margin-right: 15px;}
.main-wrap .intro-tit-wrap h5::after{content: "]"; display: block; margin-left: 15px;}
.main-wrap .intro-tit-wrap p{font-size: 16px; font-weight: 500; color: #333333; font-family: "Pretendard"; text-align: center; line-height: 1.4;  transition-delay: 0.8s;}

.main-wrap .special-preview-section{padding-bottom: 320px;}
	


.main-wrap .con1 .main-slide-wrap{height: 83vh;position: relative;max-width: 95%;margin: 50px auto 0;}
.main-wrap .con1 .slide-left{float: left; width: 33.6%; height: 100%; position: relative;}
.main-wrap .con1 .slide-left .info{width: calc(100% - 250px);position: absolute;bottom: 0px;right: 90px;}
.main-wrap .con1 .slide-left .small-slide-wrap{width: 100%;  margin-right: 90px;  overflow: hidden}
.main-wrap .con1 .slide-left .small-slide-wrap .slider-roller{height: 100%;  position: relative;}
.main-wrap .con1 .slide-left .small-slide-wrap .slide{display: block; width: 100%; position: absolute; top: 0; height: auto; overflow: hidden;}
.main-wrap .con1 .slide-left .small-slide-wrap .slide img{width: 100%; display: block;}
.main-wrap .con1 .slide-left .txt{margin-top: 54px;margin-bottom: 77px;text-align: center;}
.main-wrap .con1 .slide-left .txt h3{font-size: 34px;font-weight: 300;font-family: 'Didact Gothic', sans-serif;/*opacity: 0;transition: 1.2s;*/margin-bottom: 0;color: #898989;letter-spacing: 2px;line-height: 1.5;}
.main-wrap .con1 .slide-left .txt p{font-size: 16px;font-weight: 100;color: #747474;transform: translateY(20px);/*opacity: 0;transition: 1.2s;transition-delay: 0.2s;*/letter-spacing: 4px;font-family: 'Didact Gothic', sans-serif;}

/*.main-wrap .con1 .slide-left .txt.on h3{transform: translateY(0); opacity: 1;}
.main-wrap .con1 .slide-left .txt.on p{transform: translateY(0); opacity: 1;}*/

.main-wrap .con1 .slide-right .slide{z-index: 1;}
.main-wrap .con1 .slide-right .slide.prevSlide{z-index: 3;}
.main-wrap .con1 .slide-right .slide.nextSlide{z-index: 5;}
.main-wrap .con1 .slide-right .slide.thisSlide{z-index: 4;}

.main-wrap .con1 .slide-left .slide{z-index: 1;}
.main-wrap .con1 .slide-left .slide.prevSlide{z-index: 3;}



.main-wrap .con1 .slide-left .slide.nextSlide{z-index: 5;}
.main-wrap .con1 .slide-left .slide.thisSlide{z-index: 4;}

.main-wrap .con1 .slide-control{position: absolute; height: 100%; top: 0; width: 100%; z-index: 5; pointer-events: none;}
.main-wrap .con1 .slide-control button{width: 35px; height: 35px; background-color: rgba(255,255,255,0.8); border-radius: 50%; cursor: pointer; pointer-events: all; position: absolute; top: 50%; transform: translateY(-50%);}
.main-wrap .con1 .slide-control .prev{ margin-left: 40px; left: 0;}
.main-wrap .con1 .slide-control .next{ margin-right: 40px; right: 0;}
.main-wrap .con1 .slide-control .fal{font-size: 13px;}
.main-wrap .con1 .slide-control .prev .fal{transform: translateX(-2px);}
.main-wrap .con1 .slide-control .next .fal{transform: translateX(2px);}
.main-wrap .con1 .slide-control .btn-hover-wrap{width: 15%; min-width: 70px; height: 100%;  position: absolute; top: 0; opacity: 0; transition: 0.8s; pointer-events: all;}
.main-wrap .con1 .slide-control .btn-hover-wrap:hover{opacity: 1;  pointer-events: all;}
.main-wrap .con1 .slide-control .btn-hover-wrap:active{pointer-events: none;}
.main-wrap .con1 .slide-control .btn-hover-wrap.left{left: 0; transform: scale(1.05);}
.main-wrap .con1 .slide-control .btn-hover-wrap.right{right: 0;}
.main-wrap .con1 .slide-right{float: left;width: 66.4%;height: 100%;margin-top: 70px;}
.main-wrap .con1 .slide-right .large-slide-wrap{width: 94%;height: 100%;position: relative;overflow: hidden;}
.main-wrap .con1 .slide-right .large-slide-wrap .slide{pointer-events: none;}
.main-wrap .con1 .slide-right .large-slide-wrap .slide.thisSlide{transform: scale(1); }
.main-wrap .con1 .slide-right .large-slide-wrap .slide .slide-img{height: 100%; width: 100% ; background-size: cover; background-repeat: no-repeat; background-position: center; pointer-events: none;}
.main-wrap .con1 .slide-right .large-slide-wrap .slider-roller{height: 100%; position: relative; transition: 0.4s; transition-timing-function: ease-out;}
.main-wrap .con1 .slide-right .large-slide-wrap .slider-roller.boom{animation: boom 0.9s ease-in-out;}
.main-wrap .con1 .slide-right .large-slide-wrap .slider-roller::after{content: ""; display: table; clear: both;}
.main-wrap .con1 .slide-right .large-slide-wrap .slide{width: 100%; height: 100%; top: 0; position: absolute; overflow: hidden;}
.main-wrap .con1 .slide-right .large-slide-wrap .slide img{position: absolute; top: 0; pointer-events: none; transition: 1.2s;}
.main-wrap .con1 .slide-right .large-slide-wrap .slide.thisSlide img{transform: scale(1.2);}
.main-wrap .con1 .page-wrap{line-height: 1;position: absolute;left: -50px;bottom: 275px;transform: rotate(-90deg);transform-origin: left;}
.main-wrap .con1 .page-wrap p{font-size: 14px; color: #000; float: left; font-weight: 600; transform: rotate(0.03deg);}
.main-wrap .con1 .page-wrap .line{width: 110px; height: 1px; background-color: #c3c3c3; display: block; float: left; margin: 0 50px; margin-top: 8px;}


/* main room*/



/* full-slide */
.full-slide {width: 100%; height: auto; position: relative;}
.full-slide__wrapper {position: relative;}
.full-slide__tit {position: absolute;z-index: 10;left: 50%;bottom: 100px;transform: translateX(-50%);color: #fff;display:block !important;text-align:center;text-shadow: 0px 2px 5px #505050;}
.full-slide__tit h2 {font-size: 19px;letter-spacing: 0.2em;margin-bottom: 10px;font-weight: 500;font-family: 'Pretendard-Regular';}
.full-slide__tit p {font-size: 17px;line-height: 28px;letter-spacing: 0.02em;font-family: 'Pretendard-Regular';}

.full-container {width: 100%; height: 100vh; overflow: hidden; position: relative;}
.full-container .swiper-slide {width: 100%; height: 100%; overflow: hidden; position: relative;}
.full-container .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.full-ctrl {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.full-ctrl .full-pagination {position: absolute; width: 100%; left: 50%; bottom: 50px; transform: translateX(-50%); line-height: 11px;}
.full-ctrl .swiper-pagination-bullet {width: 3px;height: 3px;margin: 0 5px;background: #ccc;opacity: 1;}
.full-ctrl .swiper-pagination-bullet-active {background: #fff; transform: scale(1.8); transform-origin: center;}
.full-ctrl .nav-btn {font-size: 25px;color: #fff;outline: none;}



.full-ctrl .swiper-button-prev {left: -3.5%;}
.full-ctrl .swiper-button-next {right: -3.5%;}

.full-slide01 {width:100%;margin:auto;margin-top: 5%;}
.full-container01{height: 85vh;}
.full-ctrl01 .nav-btn{color:#777777;}
.full-ctrl01 .nav-btn:hover{ opacity:0.5;}


.main-background {width: 100%;height: 560px;background-color: #ededed;position: absolute;z-index: 0;}	
.main-wrap .main-txt-box .inner-con{margin: 0 auto 150px;text-align: center;}
.main-wrap .main-txt-box .tit-box .ver-txt-wrap{margin: 150px auto 42px;}
.main-wrap .main-txt-box .tit-box .ver-txt-wrap .line{display: block; width: 1px; height: 80px; background-color: #cbcbcb; margin: 0 auto; margin-bottom: 30px;}
.main-wrap .main-txt-box .tit-box .ver-txt-wrap .ver-txt {display: block;font-size: 13px;text-align: center;width: 10px;margin: auto;font-family: 'NotoSerifKR';line-height: 2;}
.main-wrap .main-txt-box .tit-box .tit{margin-bottom: 20px;}
.main-wrap .main-txt-box .tit-box .tit h2{font-size: 80px;text-transform: capitalize;font-weight: 100;letter-spacing: -0.04em;line-height: 0.8em;font-family: 'Roustel';margin-bottom: 55px;}
.main-wrap .main-txt-box .tit-box .tit h3{text-transform: uppercase;font-size: 18px;font-family: 'Athena-Regular';font-weight: 300;color: #adadad;text-align: center;transition-delay: 0.2s;letter-spacing: 5px;}
.main-wrap .main-txt-box .tit-box .txt{}
.main-wrap .main-txt-box .tit-box .txt::after{content: "";display: block;width: 100%;height: 1px;background-color: #cbcbcb;position: absolute;margin-top: 55px;}
.main-wrap .main-txt-box .tit-box .txt h5{font-size: 16px; font-family: "Montserrat",sans-serif; font-weight: 400; margin-top: -0.25em;}
.main-wrap .main-txt-box .tit-box .txt h5::after{content: ""; display: inline-block; width: 1px; height: 20px; margin: 0 10px; background-color: #cbcbcb; position: relative; top: 0.3em; transform: scaleY(0); transition: 0.8s; transition-delay: 1s;}
.main-wrap .main-txt-box .tit-box .txt h5.on::after{transform: scaleY(1);}
.main-wrap .main-txt-box .tit-box .txt p{font-size: 14px;transition-delay: 0.4s;font-family: 'Pretendard-Regular';}
	
/*scroll-animation*/
.scroll-obj{transition: 1.4s;}
.scroll-obj.fadeY{opacity: 0; transform: translateY(30px);}
.scroll-obj.fadeX{opacity: 0; transform: translateX(30px);}
.scroll-obj.fadeXR{opacity: 0; transform: translateX(-30px);}
.scroll-obj.fadeY.on{opacity: 0.95;transform: translateY(0px);}
.scroll-obj.fadeX.on{opacity: 1; transform: translateX(0px);}
.scroll-obj.fadeXR.on{opacity: 1; transform: translateX(0px);}
.scroll-obj.lineY{transform: scaleY(0); transform-origin: top;}
.scroll-obj.lineY.on{transform: scaleY(1);}	

/* prologue*/

.main-subtxt{margin: 0 auto;position: relative;}
.main-subtxt .info-txt{color: #616161;max-width:1200px;margin: 60px auto;}
.main-subtxt .info-txt h2{font-size: 32px;font-weight: 300;width: 55%;float: left;letter-spacing: 5px;}
.main-subtxt .info-txt h2:after {content:'';position:absolute;right: 35%;top: 69%;width: 31%;height:1px;background:#c8c8c8;}
.main-subtxt .info-txt h3{font-size: 13px;font-weight: 500;float: right;text-align: right;margin-top: 20px;}
.main-subtxt .info-txt p{font-size: 12px;margin-bottom: 22px;opacity: 0.8;line-height: 1.75; letter-spacing: 0;}

.prologue .pr-txt {text-align: center;color: #5b5755;padding: 50px 0 50px;position: relative;max-width: 1420px;margin: 0 auto;border-bottom: 1px solid #ccc;margin-bottom: 50px;}
.prologue .pr-txt h1{font-family: 'Pretendard-Regular';font-size: 19px;letter-spacing: 4px;opacity: 0.6;display: inline-block;font-weight: 100;}
.prologue .pr-txt h1::after{content: ""; display: block; height: 1px; background-color: #5b5755; transform: translateY(-3px);}
.prologue .pr-txt p{font-size: 14px;margin-top: 30px;line-height: 1.8;font-family: 'Pretendard-Light';}

.prologue .pr-box .wide-img{width: 100%; height: 444px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: 40px;}
.prologue .pr-box  aside{width: 50%;float: left;}
.prologue .pr-box  .txt::after{content: ""; display: table; clear: both;}
.prologue .pr-box  .txt1{padding: 15px 0 35px;font-size: 13px;line-height: 2.5;}
.prologue .pr-box  .txt1 h2{font-size: 30px;text-align: center;font-weight: 200;/* padding-right: 250px; */margin-top: 35px;font-family: 'Didact Gothic', sans-serif;line-height: 2;}
.prologue .pr-box  .txt1 h2 span {display:block;font-size: 15px;opacity: 0.8;}
.prologue .pr-box  .txt1 .right{/*margin-bottom: 100px;*/ margin-bottom:0;}
.prologue .pr-box  .txt1 .right h3{font-size: 15px;margin-top: 40px;font-weight: 500;line-height: 1.5;font-family: 'Pretendard-Regular';}
.prologue .pr-box  .txt1 .right p{font-size: 13px;line-height: 1.8;font-family: 'Pretendard-Light';}

.prologue .prview{width: 100%;/* height: 1200px; */display: inline-block;}
.prologue .prview li{width: 32%;float: left;height: 400px;margin-left: 1%;margin-bottom: 1%;opacity: 0.95;overflow:hidden;background: #7e7e7e;border-radius: 5px;}
.prologue .prview li.on {opacity:1; transform:translateY(0); transition:1.2s;}
.prologue .prview li div{width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;transition:1.5s;opacity: 0.85;}
.prologue .prview li div:hover{transform:scale(1.1); transition:1.5s; opacity:1;}  


.site-txt_end_rev{max-width:100%; margin:auto; text-align:center;}
.view_btn {display: block;width: 213px;line-height: 30px;color: #555351;border: 1px solid #555351;border-radius:40px;text-align:center;font-size: 13px;font-family: 'Pretendard-Regular';transition:0.8s;margin: auto;padding: 6px;}
.view_btn:hover {color: #fff;background-color: #555351;border: 1px solid #555351; transition:0.8s;}
	



.block-info-wrap{max-width:1200px;margin: 20px auto  150px;}
.block-info-wrap {/* padding-bottom: 200px; */}
.block-info-wrap .tit{padding: 45px 0;border-top: 1px solid #e1e1e1;border-bottom:  1px solid #e1e1e1;margin-bottom: 50px;transform: rotate(0.03deg);}
.block-info-wrap .tit h2{margin: 0 auto 20px;font-size: 25px;font-weight: 500;vertical-align: middle;text-align: center;} .block-info-wrap .tit h2 span {font-size:15px;letter-spacing: 2px;font-family: 'Pretendard-Regular';vertical-align: text-top;padding-left: 10px;}
.block-info-wrap .tit p b{font-size: 15px;width: 120px;letter-spacing: 4px;display: inline-block;}
.block-info-wrap .tit p{font-size: 14px;line-height: 2;font-family: 'Pretendard-Regular';}


.pr-box{margin-bottom: 0;}


/* main max*/

#stay {max-width: 1280px;margin: 0 auto 5%;}

.main{max-width: 1250px;margin: 0 auto 3%;}
.main_title{text-align: center;margin-top:150px;}
.main_title h1{font-weight: 400;font-size: 55px;text-transform: uppercase;font-family: 'Didact Gothic', sans-serif;letter-spacing: 1px;/* margin-bottom: 50px; */}
.main_title p  {font-weight: 400;margin: 0px 0px 25px 0;font-size: 14px;opacity: 0.8;font-family: 'Didact Gothic', sans-serif;letter-spacing: 5px;}


/* main sub */
.sty_tit{color: #6d6d6d;}
.sty_tit_deco{width: 255px;height: 295px;display: block;border-radius: 50% 50% 0 0;margin: 0 auto;margin-bottom: 50px;margin-top: 100px;background-repeat: no-repeat;background-size: cover;background-position: center;}

.sty_tit_top{width: 561px;  margin: 0 auto;    text-align: center;}
.sty_tit_top>span{font-family: "Athena-Regular";font-size: 100px;text-align: center;display: block;line-height: 0.85;}
.sty_tit_top>span:first-child{transform: rotate(180deg); margin-bottom: 40px;}
.sty_tit h4{font-weight: 500;margin-bottom: 35px;font-family: 'Athena-Regular';font-size: 35px;}
.sty_tit h4 span{font-size: 13px; margin-left: 5px; font-family: "AGaramondPro";}
.sty_tit p{font-size: 13px;padding-bottom: 50px;line-height: 2;font-family: 'Pretendard-Regular';}
.sty_tit>p{margin-top: 80px; text-align: center; border: 0; font-size: 15px;line-height: 1.8; padding-bottom: 0;}

.main-info-incon .text-wrap h4{font-size: 18px;line-height: 27px;padding-bottom: 20px;font-family: 'Athena-Regular';font-weight: 100;}
.main-info-incon .text-wrap h3{font-size: 50px;line-height: 60px;padding-bottom: 9%;font-family: 'Roustel';font-weight: 100;letter-spacing: 2px;}
.main-info-incon .text-wrap p{ font-size: 14px; line-height: 24px; padding-bottom: 50px; word-break: keep-all;font-family: 'Pretendard-Regular';}
.main-info-incon{position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;text-align: center;opacity:0.95;margin: 14% auto 5%;}
.main-info-incon .text-wrap{width: 100%;color: #666666;}
.main-info-incon ul{display: flex;margin: auto;left: 0;right: 0;}
.main-info-incon ul a{width: 100%;}
.main-info-incon ul a li{width: 100%;color: #656565;border-left: 1px solid #c5c5c5;padding: 27px;transition:0.5s;}
.main-info-incon ul a li:hover {background: #ededed;transition:0.5s;}
.main-info-incon ul a .first{ border-left:none;}
.main-info-incon ul a li i{font-size: 28px;margin-bottom: 25px;font-weight: 100;}
.main-info-incon ul a li .ko{font-size: 15px;line-height: 34px;padding-bottom: 12px;font-family: 'NotoSerifKR';font-weight: 200;}
.main-info-incon ul a li .en{font-size: 20px;line-height: 21px;padding-bottom: 20px;font-family: 'Athena-Regular';font-weight: 400;letter-spacing: 0;}
.main-info-incon ul a li .line {background: #c5c5c5;width: 15%;height: 1px;margin: auto;}
.main-info-incon ul a li p{font-size: 12px;line-height: 2;padding-top: 20px;font-family: 'Pretendard-Regular';}


/*main roompre*/

.text_show {opacity: 0;transform: translateY(20%);-webkit-transform: translateY(20%);}
.img_wrap .img {padding-top: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.con_room .wrapper {padding: 250px 0 55px;position: relative;overflow: hidden;}
.con_room .wrapper2 {padding: 100px 0 200px;}
.con_room .wrapper3 {padding: 100px 0 300px;}
.con_room .tit3 {position: absolute;z-index: 10;margin-top: -100px;font-size: 100px;font-family: 'Roustel';font-weight: 100;color: #646464;font-style: italic;/* text-transform: uppercase; */}
.con_room .txt_wrap {padding-left: 83px;}
.con_room .txt_wrap>div {float:left;}
.con_room .txt_wrap_about {margin-top: 100px;}
.con_room .txt_wrap .tit1 {margin: 35px 11%;font-family: 'GyeonggiBatang';font-size: 24px;text-align: center;}
.con_room .txt_wrap .tit1 small {font-size: 15px; font-family: 'NotoSerifKR';}


.roo_boxpre { margin:auto;}

.roo_boxpre .room_sub{max-width: 1490px;position: relative;margin: 0 auto;padding-top: 50px;padding-bottom: 100px;}
.roo_boxpre .room_sub ol{padding-left: 0;}
.roo_boxpre .room_sub ol::after{content: ""; display: table; clear: both;}
.roo_boxpre .room_sub li{width: calc(49.33333% - 6.66666px);float: left;margin-bottom: 15px;position: relative;overflow: hidden; background: #b8a090;}
.roo_boxpre .room_sub li:nth-of-type(2n - 1){margin: 0 10px;}
.roo_boxpre .room_sub li img{width: 100%;display: block;transition: 1.6s;opacity: 0.95;}
.roo_boxpre .room_sub li h3{position: absolute;top: 44%;left: 0;right: 0;font-size: 25px;color: white;text-align: center;/* text-shadow: 2px 2px 3px rgba(0,0,0,0.5); */transition: 0.7s;opacity: 1;font-weight: 500;white-space: nowrap;font-family: 'Athena-Regular';text-transform: uppercase;letter-spacing: 2px;}
.roo_boxpre .room_sub li p{position: absolute;top: 55%;left: 0;right: 0;font-size: 15px;color: white;text-align: center;/* text-shadow: 2px 2px 3px rgba(0,0,0,0.5); */transition: 0.7s;opacity: 1;font-weight: 100;white-space: nowrap;font-family: 'Athena-Regular';}
.roo_boxpre .room_sub li:hover h3{opacity: 0;} .roo_boxpre .room_sub li:hover p{opacity: 0;}
.roo_boxpre .room_sub li:hover img{transform: scale(1.05);opacity: 0.5;}


 
/* main sppre */
.main_spre{margin-top: 6%;}
.main_spre .spbox{margin-bottom:15px; overflow:hidden;}

.main_spre .spText {text-align:center;width: 63%;margin: 2% auto 0%;padding: 0 0 1% 0;}
.main_spre .spText dt{font-size: 24px;letter-spacing: 0.02em;line-height: 2.5;margin-bottom: 26px;color:#686666;font-family: 'Italiana', serif;}
.main_spre .spText dt small {display:block;font-size: 15px;color: #a7a7a7;padding-bottom:25px;border-bottom: 1px solid #eaeaea;font-family:  'Pretendard-Light';}
.main_spre .spText dd {font-size: 14px;line-height: 2em;font-family: 'Pretendard-Regular';}
.main_spre .spbox ul li {overflow:hidden;}
.main_spre .spbox  img{transition: 1.5s; width:100%;}
.main_spre .spbox :hover img{transform: scale(1.1); transition: 1.5s;}


/* room */
.info-subtxt{margin: 11.5% auto 0;position: relative;text-align: right;}
.info-subtxt .info-txt{color: #454545cc;margin: 35px auto;}
.info-subtxt .info-txt h2{font-size: 27px;font-weight: 300;letter-spacing: 1px;margin-bottom: 10px;/* text-transform: uppercase; */font-family: 'Roustel';}
.info-subtxt .info-txt :after {content:'';position:absolute;left: 0;top: 26%;width: 86%;height:1px;background:#c8c8c8;}

.info-subtxt .info-txt p {font-size: 13px; font-family: 'Didact Gothic', sans-serif;letter-spacing: 2px;}

.room-wrap .room_info_box{padding-top: 185px;/* padding-bottom: 280px; */}
.room-wrap .room_info_box .inner-con{display: flex;align-items: flex-start;border-bottom: 1px solid #e3e3e3;padding-bottom: 100px;}
.room-wrap .room_info_box .txt{width: 56%;padding-right: 100px;position: sticky;padding-bottom: 100px;left: 0;float: left;}
.room-wrap .room_info_box .img{width: 42%;right: 0;float: right;position: absolute;}
.room-wrap .room_info_box .img .img-wrap{ display: flex; flex-wrap: wrap; align-items: flex-start;}
.room-wrap .room_info_box .img .img-wrap .img{width: calc(50% - 5px); margin-bottom: 10px;}
.room-wrap .room_info_box .img .img-wrap .img img{display: block; width: 100%;}
.room-wrap .room_info_box .img .img-wrap .img:nth-of-type(2n - 1){margin-right: 10px;}

.room-wrap .room_info_box .txt .tit-wrap {color: #616161;padding-bottom: 27px;}
.room-wrap .room_info_box .txt .tit-wrap h5{font-size: 20px;font-family: 'Roustel';font-weight: 400;letter-spacing: 5px;line-height: 1;}
.room-wrap .room_info_box .txt .tit-wrap h2{font-family: 'Athena-Regular';font-weight: 300;font-size: 49px;}
.room-wrap .room_info_box .txt .tit-wrap h3{font-size: 22px;font-weight: 400;letter-spacing: -0.05em;margin-bottom: 30px;font-family: 'GyeonggiBatang';}
.room-wrap .room_info_box .txt .tit-wrap p{font-size: 12.5px;font-family: 'Pretendard-Regular';font-weight: 400;line-height: 2.2;}


.accordion { list-style: none; margin: 0; padding: 0; border-radius: 3px;}
.accordionTitle {padding: 20px 5px 5px;position: relative;margin: 0;font-size: 15px;letter-spacing: 0.8px;transition: ease-in-out 0.2s all;/*cursor: pointer;*/font-family: 'Didact Gothic', sans-serif;font-weight: 700;color: #202020;}
.accordionTitle .kor{font-size: 14px;font-weight: 100;margin-left: 5px;font-family: 'Pretendard-Regular';}
/*.accordionTitle:hover { padding-left: 10px;}*/
.accordionTitle:before, .accordionTitle:after {  content: "";  position: absolute; height: 1px; border-radius: 50px; transition: ease-in-out 0.6s all; bottom: 0; left: 0;  display: flex;  justify-content: center; align-items: center;}
.accordionTitle:before { width: 100%;  background-color: #e1ded9;}
.accordionTitle:after {  background-image: linear-gradient(90deg, #735e3a, #e1ded9); width: 0%;}
/*.accordionTitle:hover::after { width: 100%;}*/
.accordionTitleActive:after {  content: ""; position: absolute; height: 1px; border-radius: 50px;  transition: ease-in-out 0.6s all; bottom: 0;  left: 0; display: flex; justify-content: center; align-items: center;}
.accordionTitleActive:after {  background-image: linear-gradient(90deg, #735e3a, #e1ded9); width: 100%;}
.accIcon { float: right; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}
.accIcon:before, .accIcon:after { content: ""; position: absolute;  border-radius: 50px;  background-color: #e1ded9;  transition: ease 0.3s all;}
.accIcon:before { width: 2px;  height: 15px;}
.accIcon:after { width: 15px; height: 2px;}
/*.accordionTitle:hover .accIcon:before, .accordionTitle:hover .accIcon:after { background-color: #735e3a;}*/
.accIcon.anime.accIcon:before {  transform: rotate(90deg);}
.accordion .item .text {/* opacity: 0; *//* height: 0; */position: relative;transition: all 0.6s cubic-bezier(0.42, 0.2, 0.08, 1);overflow: hidden;font-size: 13px;color: #232323;letter-spacing: -0.1px;font-family: 'Pretendard-Regular';margin-top: 5px;}
/*.accordion .item .text.show {opacity: 1;height: auto;padding: 12px 5px;position: relative;z-index: 0;border-radius: 0px 0px 3px 3px;}
.accordionTitleActive .accIcon:before{display: none;}*/


.room-wrap .room-end_box{/* width: 1326px; */margin: 100px auto;clear: both;text-align: center;}
.room-wrap .room-end_box .poto{width:100%;height: 800px;opacity: 0.95;}
.room-wrap .room-end_box .poto02 {height: 1000px;}
.room-wrap .room-end_box .poto li{background-repeat: no-repeat;background-size: cover;background-position: center;}
.room-wrap .room-end_box .poto > li{width: 49.5%;margin: 0.2%;float: left;}
.room-wrap .room-end_box .poto > li:nth-child(1){height: 100%;margin-left: 0%;}
.room-wrap .room-end_box .poto > li:nth-child(2){height: 100%;}
.room-wrap .room-end_box .poto ul{width: 100%; height: 100%;}
.room-wrap .room-end_box .poto ul .left:nth-child(1){width: 100%;height: 35%;}
.room-wrap .room-end_box .poto ul .left:nth-child(2){width: 100%;height: 65%;margin-top: 1%;}
.room-wrap .room-end_box .poto ul .rigth:nth-child(1){width: 100%;height: 65%;}
.room-wrap .room-end_box .poto ul .rigth:nth-child(2){width: 100%;height: 35%;margin-top: 1%;}

.room-wrap .room-end_box .poto > li.fadeY.on:nth-child(1){}
.room-wrap .room-end_box .poto > li.fadeY.on:nth-child(2){transition-delay: 0.3s;}

.site-txt_end{text-align: center;padding: 6vw 0 1vw;}
.site-txt_end h2{font-size: 25px;font-weight: 100;margin-bottom: 20px;color: #adadad;opacity: 1;font-family: 'Athena-Regular';letter-spacing: 3px;}
.site-txt_end p {font-size: 16px;font-family: 'NotoSerifKR';font-weight: 100;opacity: 1;}
.site-txt_end .eng {opacity: 1;font-size: 10px;margin-top: 15px;font-family: 'Didact Gothic', sans-serif;color: #ccc;opacity: 0.89;}

.site-txt_end_rev{max-width:100%; margin:auto; text-align:center;}
.site-txt_end_rev a {display:inline-block;width: 213px;margin-top: 50px;line-height: 30px;color: #555351;border: 1px solid #555351;border-radius:40px;text-align:center;font-size: 12px;font-family: 'Pretendard-Regular';transition:0.8s;padding: 5px;}
.site-txt_end_rev a:hover {color: #fff;background-color: #555351;border: 1px solid #555351; transition:0.8s;}
	



/* special */
.info-txt-wrap{display: inline-block;margin: 150px auto 40px;text-align: center;width: 100%;}
.info-txt-wrap .line{display: block;width: 50px;height: 1px;background-color: #909090;margin-bottom: 0px;transition: 0.8s;left: 0;right: 0;margin: auto;}
.info-txt-wrap h2 {font-size: 25px;font-family: 'Athena-Regular';font-weight: 100;margin-top: 3%;}
.info-txt-wrap h5 {font-size: 22px;font-family: 'GyeonggiBatang';font-weight: 100;margin: 2% auto 6%;}
.info-txt-wrap p{font-size: 14px;margin: 40px 0 25px;font-family: 'Pretendard-Regular';letter-spacing: -0.5px;}
.info-txt-wrap p.eng{font-size: 10px;color: #ccc;font-family: 'Didact Gothic', sans-serif;opacity: 0.6;margin-top: 55px;}
.info-txt-wrap p span {color:#cd0000;}


.sp_bak_info .bg{height: 745px;}
.sp_bak_info .inner-con{padding-top: 0; align-items: center;}
.sp_bak_info {background: #000;}	
.sp_bak_info .bg{height: 90vh;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;background-attachment: fixed;opacity: 0.95;}
.sp_bak_info .bg .black-box{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0;}
.sp_bak_info .inner-con{display: flex;/* height: 100%; */padding-top: 30vh;z-index: 5;max-width: 75%;margin: auto;}
.sp_bak_info .tit-wrap{display: flex; flex-flow: row-reverse; align-items: flex-start; }
.sp_bak_info .tit-wrap h5{font-size: 22px;font-family: 'Cinzel', serif;font-weight: 400;color: #ffffff;letter-spacing: 0.6em;transform: rotate(90deg);transform-origin: top left;margin-left: 29%;text-align: center;border-bottom: 1px solid;width: 100%;padding-bottom: 25px;}
.sp_bak_info .tit-wrap p{display: flex;/* align-items: flex-start; */flex-flow: row-reverse;margin-left: 25px;text-align: center;}
.sp_bak_info .tit-wrap p span{width: 1em;display:block;color: #fff;font-size: 15px;font-weight: 100;line-height: 1.2;margin-left: 8px;font-family: 'GyeonggiBatang';}
.sp_bak_info .tit-wrap p span .dot{display: block; line-height: 0em; margin-top: -0.2em; font-weight: 400;}

.sp_bak_info .tit-wrap p.fadeY.on:first-of-type{transition-delay: 0.6s;}
.sp_bak_info .tit-wrap p:last-of-type{ transition-delay: 0.8s;}



/* sub bgimg */
.sub-background {width: 100%;height: 500px;background-color: #ededed;position: absolute;z-index: 0;}	
.sub-view .slide {height: 500px;}
.sub-txt {padding-top: 120px;margin-bottom: 50px;text-align: center;z-index: 1;position: relative;}
.sub-txt strong {display: block;font-size: 18px;font-weight: 100;letter-spacing: 3px;font-family: 'Athena-Regular';color: #434343;text-transform: uppercase;}
.sub-txt p {margin-top: 16px;font-size: 21px;color: #434343;font-weight: 100;letter-spacing: 2px;font-family: 'GyeonggiBatang';}
.sub-txt span{display: block;width: 1px;height: 50px;background-color: #cbcbcb;margin: 30px auto 0;}


/* tour */
.tour-list-wrap{margin: 17% auto 5%;}
.tour-list { margin:-70px auto 0; }
.tour-list > ul:after {content:""; display:block; clear:both;}
.tour-list > ul > li:after {content:"";  display:block;  clear:both;}
.tour-list li .lSSlideOuter {position:relative;/* float:left; *//* width:55%; */margin-bottom:0;z-index:1;}
.tour-list li{width: 49.5%;display: inline-block;}



.tour-list .txt {float: left;width: 100%;padding: 33px 20px 33px 20px;text-align: initial;}
.tour-list .txt em {font-size: 16px;color: #696969;font-style: initial;font-family: 'NotoSerifKR';opacity: 0.8;}
.tour-list .txt em small {font-weight: 600;letter-spacing: 2px;font-family: 'Italiana', serif;}
.tour-list .txt strong {display:block;font-size: 20px;color: #62656c;margin: 0px 0 25px 0;letter-spacing: 3px;font-family: 'Italiana', serif;}
.tour-list .txt span {font-size:14px;color:#3a3a3a;border-bottom:1px solid #3a3a3a;float: initial;font-family: 'Pretendard-Regular';letter-spacing: 2px;}
.tour-list .txt p {margin: 60px 0 80px;color:#3a3a3a;font-size: 13px;line-height:1.8;letter-spacing: -0.02em;font-family: 'Pretendard-Regular';}
.tour-list .txt a {border: 1px solid #707070;border-radius: 40px;padding: 2px 40px;color: #707070;transition:0.8s;font-size:12px;float: right;font-family: 'Pretendard-Regular';}
.tour-list .txt a:hover {background: #62656c;border: 1px solid #62656c;transition:0.8s;color:#fff;}

/* rev */
.rev_info {margin-top: 80px;}

.dash-txt {border-bottom: 1px solid #ccc;padding-bottom: 25px;font-size: 13.5px;}
.dash-txt.top {padding-top: 25px;}
.dash-txt li{padding-left: 15px;position: relative;font-size: 13px;letter-spacing: -0.5px;line-height: 2;font-family: 'Pretendard-Regular';}
.dash-txt li::before{content: "-"; display: inline-block; position: absolute; left: 0px;}

.reser-wrap .con2 .reser-table-wrap{margin-top: 120px;}
.reser-wrap .con2 .reser-table-wrap .yapen-dateTime-content{text-align: center;}

.reser-wrap .con2 .reser-info{margin-top: 150px;}
.reser-wrap .con2 .reser-info::after{content: ""; display: table; clear: both;}
.reser-wrap .con2 .reser-info aside{float: left;width: 50%;}

.reser-wrap .con2 .reser-info .txt-wrap::after{content: ""; display: table; clear: both;}
.reser-wrap .con2 .reser-info .info{float: left;/* color: #5c544c; */width: calc(100% - 90px);}
.reser-wrap .con2 .reser-info .tit{transform: rotate(0.03deg);}
.reser-wrap .con2 .reser-info .tit h3{float: left;font-family: 'GyeonggiBatang';font-size: 13px;line-height: 1.4;font-weight: 400;}
.reser-wrap .con2 .reser-info .tit .line{float: left;display: block;width: 1px;height: 70px;background-color: #c6bfb6;margin-left: 5px;margin-right: 20px;}
.reser-wrap .con2 .reser-info .tit h3 span{display: block;}

.reser-wrap .con2 .reser-info .info a{color: #5c544c;}
.reser-wrap .con2 .reser-info .info p{font-size: 15px;font-family: 'Pretendard-Regular';}

.reser-wrap .con2 .reser-info .reser-txt{margin-bottom: 65px;}

.reser-wrap .con2 .refund-txt p{margin-bottom: 15px;}
.reser-wrap .con2 .refund-txt p:last-child{margin-top: 10px;}
.reser-wrap .con2 .refund-txt .refund-table{font-size: 15px; outline: 0; border-spacing: 0;}
.reser-wrap .con2 .refund-txt td{width: 50%;padding: 11px 10px;}
.reser-wrap .con2 .refund-txt tr:last-child td{border-width: 1px 0 1px 1px;}
.reser-wrap .con2 .refund-txt td.col2{text-align: center; font-weight: 500; border-width: 1px 1px 0 1px;}
.reser-wrap .con2 .refund-txt tr:last-child td.col2{border-width: 1px 1px 1px 1px;}

.reser-wrap .con2 .info-txt .info .txt-section{border-bottom: 1px solid #c3bfba; padding-bottom: 20px; padding-top: 35px;}
.reser-wrap .con2 .info-txt .info .txt-section b{font-weight: 500; color: #333;}

table { border: 1px solid #ccc; width: 100%;text-align: center;line-height: 1.5rem;margin-top: 40px;margin-bottom: 20px;}
table tr { border: 1px solid #ccc;}
table th {border: 1px solid #ccc;background-color: #eee;line-height: 1.5;padding: 10px 0;font-size: 12px;font-family: 'Pretendard-Regular';}
table tr td {line-height: 1.5;padding: 10px 0px;font-size: 12px;font-family: 'Pretendard-Regular';}
table td {border: 0.1px solid #ccc;line-height:3;}
#mo {display:none;}

.rsv_cal_t .prv {height: 25px !important; width: 22px !important; background-size:cover !important; background-position: -1px 1.5px !important;}
.rsv_cal_t .next {height: 25px !important;width: 22px !important;background-size:cover !important;background-position: -24px -0.5px !important;} 
.rsv_cal_t p{font-size: 14px !important;line-height: 26px !important;}




/*more*/
.js-box {max-width: 1200px;border-top: 1px solid #eaeaea;padding-top: 1%; margin:auto;}
.js-load { display: none;}
.js-load.active {  display: block;width: 100%;padding: 0 10px;}
.is_comp.js-load:after { display: none;}
.btn-wrap, .lists, .main { display: block;}
.js-box .button { text-align: center;border: 1px solid #ccc;margin: auto;padding: 10px 35px;font-size: 12px;color: #565656; transition:0.8s;} 
.js-box .button:hover {background:#9f9f9f; color:#fff; transition:0.8s;}
.btn-wrap{margin: 0% auto 3%; left:0; right:0; text-align:center;}

.roomend_img {display: flex; justify-content: space-between; /* padding-left: 10px; */ /* padding-right: 10px; */ margin-bottom:20px;}
.roomend_img img {width: calc(100% / 3 - 20px); margin: 0px 10px 0; object-fit: cover; }


/* ami */


@keyframes boom {
    0%{transform: scale(1);}
    80%{transform: scale(1.05);}
    100%{transform: scale(1);}
}



/* media */

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


@media all and (max-width : 1600px){
	.main-wrap .top-content-section .main-tit-wrap{right: 60%;}
}

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

@media all and (max-width : 1450px){
	.main-wrap .top-content-section .main-tit-wrap{right: 55%;}
	.room-wrap .room-end_box .poto{height: 555px;}
	
	.room-wrap .room-end_box .poto ul .left:nth-child(1){height: 49%;}
	.room-wrap .room-end_box .poto ul .rigth:nth-child(2){height: 49%;}
}

@media all and (max-width : 1380px){
	
	#stay{max-width: 1000px;} .main{max-width: 1000px;}
	.room-wrap .room-end_box{width: 1000px;}
	.block-info-wrap{max-width: 1000px;}
	
	.sub-view .slide{height: 450px;}
	
	.main-wrap .top-content-section .main-tit-wrap{right: 60%;}
	
	.main-wrap .top-content-section .main-tit-wrap .main-tit h5{font-size: 20px;}
	.main-wrap .top-content-section .main-tit-wrap .txt{font-size: 13px;}
	
}

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

}


@media all and (max-width: 1025px){
	
	#stay{max-width: 95%;} .main{max-width: 95%;}
	.room-wrap .room-end_box{width: 100%;}
	.block-info-wrap{max-width: 95%;}
	.sty_tit_top{width: 100%;}
	
	.main-wrap .top-content-section .main-tit-wrap{display: none;}
	
	
	
}

@media all and (max-width: 950px){
	
 
	.con_room .txt_wrap>div{float: none;}
	.con_room .txt_wrap .tit1{margin: auto;}
	.con_room .txt_wrap{padding-left: 0;}
	
	.full-container01{height: 55vh;}
	
}

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


@media all and (max-width: 555px){
	
	.main_vido #vido_sub{height: 255px;}
	
	.top-content-section .swiper-slide{height: 80vh; background-size:cover !important;}
	.main-wrap .main-txt-box .tit-box .ver-txt-wrap{margin: 45px auto 40px;}
	.main-background{height: 435px;}
	.main-wrap .main-txt-box .tit-box .tit h2{font-size: 60px;}
	
	.con_room .wrapper{padding: 110px 0 55px;}
	.con_room .tit3{font-size: 80px; margin-top: -88px; margin-left: 15px;}
	
	.roo_boxpre .room_sub li h3{opacity: 1;top: 25%;}
	
	.main-info-incon ul{display: block;}
	.main-info-incon ul a .first{border-top: none;}
	.main-info-incon ul a li{border: none; border-top: 1px solid #c5c5c5;}
	
	.info-subtxt{margin: 20% auto 0;}
	.info-subtxt .info-txt :after{top: 33%; width: 70%;}
	.prologue .prview li{width: 100%;height: 250px;}
	
	.room-wrap .room_info_box .inner-con{display: inline-block;}
	.room-wrap .room_info_box .txt{width: 100%;padding-right: 0;padding-bottom: 50px;}
	.room-wrap .room_info_box .txt .tit-wrap{text-align: center;}
	.room-wrap .room_info_box .img{position: relative;margin: auto;left: 0;right: 0;text-align: center;width: 100%;}
	.room-wrap .room_info_box .img img {width: 50%;margin: 0 auto 20%;}
	
	.room-wrap .room-end_box .poto > li{width: 48.5%;margin: 1%;}
	.room-wrap .room-end_box .poto > li:nth-child(1){/* height: 55%; */}
	.room-wrap .room-end_box .poto ul li:nth-child(1) {height: 30%;}
	.room-wrap .room-end_box .poto ul li:nth-child(2) {height: 45%;}
	.room-wrap .room-end_box .poto > li:nth-child(3){height: 55%;}
	.room-wrap .room-end_box .poto{height: 400px;}
	
	.full-ctrl01 .nav-btn{color: #fff;}
	.full-ctrl .swiper-button-prev{left: 0;}
	.full-ctrl .swiper-button-next{right: 0;}
	
	.sp_bak_info .bg{background-attachment:local; height: 550px;}
	.sp_bak_info .tit-wrap h5{transform:rotate(0deg);margin: auto;text-align: center;width: 100%;}
	.sp_bak_info .tit-wrap p{display: block;margin-left: 0;margin-top: 35px;}
	.sp_bak_info .inner-con{display: inline-block;max-width: 100%;margin: auto;padding-top: 8vh;}
	.sp_bak_info .tit-wrap{display: inline-block;left: 0;right: 0;margin: auto;position: absolute;margin-top: 150px;}
	.sp_bak_info .tit-wrap p span{width: auto;}
	
	.reser-wrap .con2 .reser-info aside{float: none;width: 100%;margin-top: 15%;}

}




@media all and (max-width: 450px){
	
	.top-content-section .swiper-slide{height: 53vh;}
	.top-content-section .top-info-wrap .control-wrap .btn i{font-size: 20px;}
	.con_room .tit3{font-size: 50px; margin-top: -55px;}
	.prologue .pr-box .txt1{font-size: 11px;}
	.sty_tit_top{margin-bottom: 20%;}
	.sty_tit p{font-size: 11.5px; padding-bottom: 20px;}
	.sty_tit_top>span{font-size: 50px;}
	.sty_tit_top>span:first-child{line-height: 0.1;}
	.sty_tit_deco{width: 220px; height: 255px;}
	
	.roo_boxpre .room_sub li h3{font-size: 30px;top: 30%;}
	.roo_boxpre .room_sub li{width: 100%;/* margin-bottom: 0; */}
	.roo_boxpre .room_sub li:nth-of-type(2n - 1){margin: auto;margin-bottom: 15px;}
	
	.info-subtxt .info-txt h2{font-size: 30px;}
	.info-subtxt .info-txt :after{width: 55%;}
	.sty_tit h4{font-size: 25px; letter-spacing: -0.5px;}
	
	.room-wrap .room-end_box .poto{height: 333px;}
	.room-wrap .room_info_box .inner-con{padding-bottom: 55px;}
	.room-wrap .room-end_box{margin-top: 0px;margin-bottom: 20%;}
	.accordion .item .text{font-size: 12px;}
	.site-txt_end{padding-bottom: 20vw;}
	
	.full-container01{height: 50vh;}
	.sp_bak_info .bg{height: 355px;}
	.sp_bak_info .tit-wrap{margin-top: 0;}
	.sp_bak_info .tit-wrap h5{font-size: 20px; letter-spacing: 2px;}
	.sp_bak_info .tit-wrap p span{font-size: 12px;}
	.info-txt-wrap p{font-size: 12px;}
	
	.sub-view .slide{height: 310px;}
	table th, table tr td{font-size: 10px;}
	
	.reser-wrap .con2 .reser-info .tit h3{float: none;display: inline-flex;font-size: 25px;margin-bottom: 20px;}
	.reser-wrap .con2 .reser-info .info{float: none; width: 100%}
	.reser-wrap .con2 .reser-info .tit .line{float: right;height: 1px;margin-top: 15px;width: 65%;}
	
	.dash-txt li{font-size: 12px;}
	.dash-txt b {font-size: 14px;}
	
}

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

}

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

}