@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Caudex:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@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; */
@import url('https://fonts.googleapis.com/css2?family=Aboreto&display=swap'); /* font-fammily : 'Aboreto', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap'); /* font-family: "Nanum Myeongjo", serif; */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Jost:ital,wght@0,100..900;1,100..900&display=swap'); 
/* font-family: "Jost", sans-serif; */ /* font-family: "Fredoka", 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: 'MaruBuri-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    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: 'KBIZHanmaumMyungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KBIZHanmaumMyungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HakgyoansimSantteutbatangL';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimSantteutbatangL.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Freesentation-6Black';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-6Black.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}


*{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: #f3f3f3;color: #4a4a4a;margin: auto;}
li{list-style: none;}
a{text-decoration: none;color: #646464;}
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: #90a2c3;color:#fff;}

::-webkit-scrollbar {width: 4.5px;}
::-webkit-scrollbar-thumb {background-color: #90a2c3;}
::-webkit-scrollbar-track {background-color: #f4f3ef;}




/* scroll */
.scroll-obj{transition: 1.8s; }
.scroll-obj.fade{opacity: 0;}
.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.fade.on{opacity: 1;}
.scroll-obj.fadeY.on{opacity: 1;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);}

.scroll-txt{ opacity: 1; transition: 1.5s;}
.scroll-txt.on{opacity: 0;}

.overflow-txt{overflow: hidden;display: block;}
.overflow-txt span{display: block;transform: translateY(1.5em);transition: 1.2s;font-family: 'Italiana', serif;}
.overflow-txt.on span{transform: translateY(0);}


/*full-slide-top*/
	
.main-img-wrap .main-slide-tit{text-align: unset;position: absolute;bottom: 45%;left: 11%;pointer-events: none;/* text-shadow: 0px 3px 7px #191919; */z-index: 999;color: #ffff;}
.main-img-wrap .main-slide-tit h3{font-size: 23px;font-weight: 400;letter-spacing: 2px;text-transform: uppercase;font-family: 'Aboreto';}
.main-img-wrap .main-slide-tit h1{font-size: 32px;font-weight: 300;letter-spacing: 0.18em;white-space: nowrap; font-family: 'NotoSerifKR';}
.main-img-wrap .main-slide-tit h4 {margin-top: 10px;letter-spacing: 6px;font-weight: 400;font-size: 12px;font-family: 'Pretendard-Regular';}

	
.view-slide-wrap .con1 .swiper-slide{width: 100%;height: 100vh;background-size: cover;background-position: center;image-rendering: -moz-crisp-edges; /* firefox */image-rendering: -o-crisp-edges; /* opera */image-rendering: pixelated;  /* chrome */image-rendering: crisp-edges;filter: brightness(105%);}

.view-slide-wrap .vdo-toggle-btn{position: absolute;bottom: 65px;left: 50%;transform: translateX(-50%);z-index: 10;cursor: pointer;display: inline-block;}
.view-slide-wrap .vdo-toggle-btn .play-ico{/* width: 50px; *//* height: 50px; *//* border: 1px solid white; */border-radius: 50%;margin: 0 auto;display: block;margin-bottom: 10px;cursor: pointer;position: relative;}
.view-slide-wrap .vdo-toggle-btn .play-ico i{color: white;font-size: 12px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: 0.6s;width: 35px;line-height: 2.8;height: 35px;border: 1px solid #fff;border-radius: 100px;}
.view-slide-wrap .vdo-toggle-btn .play-ico i.on{opacity: 1;}
.view-slide-wrap .vdo-toggle-btn h5{font-size: 25px;font-family: "TimesNewRoman",sans-serif;font-weight: 400;color: white;text-align: center;position: relative;left: 0;top: 27px;width: 100px;}
.view-slide-wrap .vdo-toggle-btn h5 span{position: absolute;top: 0;right: 0;left: 0;opacity: 0;transition: 0.6s;pointer-events: none;text-align: center;font-size: 15px;}
.view-slide-wrap .vdo-toggle-btn h5 span.on{opacity: 1; pointer-events: all;}

.view-slide-wrap .main-vdo-wrap{position: absolute;width: 100%;height: 100%;background-color: rgb(43 43 43 / 80%);top: 0;left: 0;z-index: 9;display: flex;justify-content: center;align-items: center;opacity: 0;transition: 0.8s;pointer-events: none;}
.view-slide-wrap .main-vdo-wrap .vdo-wrap{border-radius: 30px;overflow: hidden;width: 65%;}
.view-slide-wrap .main-vdo-wrap.visible{opacity: 1; pointer-events: all;}
.view-slide-wrap .main-vdo-wrap .vdo-wrap iframe{width: 100%; height: 100%;}
.view-slide-wrap .con1 .main-tit {position: absolute; bottom: 75px; left: 0; text-align: center; color: white; z-index: 5; width: 100%; pointer-events: none;}
.view-slide-wrap .con1 .main-tit h2{font-size: 70px; font-weight: 400; font-family: "Zofiere",sans-serif; letter-spacing: 0.07em;}
.view-slide-wrap .con1 .main-tit h5{font-size: 25px; font-weight: 300; font-family: "TimesNewRoman",sans-serif; letter-spacing: 0.05em;}

.view-slide-wrap .con2 .intro-wrap{background-color: #ece4df;}
.view-slide-wrap .con2 .intro-wrap h5{font-size: 22px; font-family: "TimesNewRoman",sans-serif; font-style: italic; display: flex; justify-content: space-between; align-items: center; font-weight: 400; letter-spacing: 0.07em; line-height: 80px;}
.view-slide-wrap .slide-page-wrap{position: absolute; bottom: 60px; width: 100%; pointer-events: none; z-index: 15; color: white;}
.view-slide-wrap .slide-page-wrap .page-box{position: absolute;right: 0;left: 0;text-align: center;font-size: 15px;font-weight: 400;font-style: italic;}
.view-slide-wrap .con1 .slide-control{width: 100%;position: absolute;top: 50%;transform: translateY(0);pointer-events: none;z-index: 15;}
.view-slide-wrap .con1 .slide-control .inner-con{display: flex;justify-content: space-between;max-width: 95%;margin: auto;}
.view-slide-wrap .con1 .slide-control button{pointer-events: all;cursor: pointer;display: flex;font-size: 30px;align-items: center;color: #fff;}


.video_main{max-width: 70%;margin: 6% auto;}



/* main txt */
#main_subinfo{ height: 100vh; padding: 0; background: #fff; text-align: center; position: relative; overflow: hidden; }
#main_subinfo .box{ width: 100%; position: absolute; top: 50%; left: 0; right: 0; z-index: 10; }
#main_subinfo .box img {width: 250px;}
#main_subinfo .box p{color: #6c7d91;font-size: 2rem;font-weight: 400;margin-top: 22px;text-transform: capitalize;font-family: "Fredoka", sans-serif;letter-spacing: -0.5px;}
#main_subinfo .box p small {display: block;margin-top: 40px;font-size: 16px;letter-spacing: -0.5px;font-family: 'Pretendard-Regular';line-height: 2;color: #393c4d;}
#main_subinfo .box .line {width: 1px;height: 45px;background: #8d8d8d;display: block;margin: 2% auto 0;}	
#main_subinfo .box1{ transform: translateY(-50%); }
#main_subinfo .box2{ /* top: calc(50% + 78px); */ transform: translateY(150%); }

#main_subinfo .cover{ width: 100%; height: 100%; background: #f5f1ee; clip-path: circle(17% at 50% 140%); }
			
#main_subinfo .box1 .line-wrap01 {width: 10%;display: flex;flex-direction: column;align-items: center;position: absolute;top: -55%;}
#main_subinfo .box1 .line-wrap01 .line {height: 295px; width: 1px; display: block; background-color: rgba(45,30,12,0.3);}
#main_subinfo .box1 .line-wrap01 .line:nth-child(1) {margin-top: 60px;}
#main_subinfo .box1 .line-wrap01 h3 {margin: 70px 0;color: rgba(45,30,12,0.5);font-size: 14px;transform: rotate(-90deg);text-transform: uppercase;letter-spacing: 5px;font-family: "Fredoka", sans-serif;font-weight: 100;}

#main_subinfo .box1 .line-wrap02 {width: 10%;display: flex;flex-direction: column;align-items: center;position: absolute;top: -55%;right: 0;}
#main_subinfo .box1 .line-wrap02 .line {height: 295px; width: 1px; display: block; background-color: rgba(45,30,12,0.3);}
#main_subinfo .box1 .line-wrap02 .line:nth-child(1) {margin-top: 60px;}
#main_subinfo .box1 .line-wrap02 h3 {margin: 70px 0;color: rgba(45,30,12,0.5);font-size: 14px;transform: rotate(90deg);text-transform: uppercase;letter-spacing: 5px;font-family: "Fredoka", sans-serif;font-weight: 100;}
	

.mainimg-lf {right: 0px; top: 0px; position:absolute; display: block; width: 30%;}
.mainimg-lf  img {width: 100%;}
.mainimg-rt {left: 0px; bottom: 0px; position:absolute; display: block; width: 20%;}	
.mainimg-rt img {width: 100%;}	

/* main sub */
.main_outsub{padding-bottom: 9%;margin-top: 6%;}
.main_outsub .bg{background-size: cover;background-repeat: no-repeat;background-position: center;height: 555px;width: 100%;background-attachment: fixed;}
/*.main_outsub .bg img{display: block; width: 100%;}*/
.main_outsub .txt-wrap {position: relative; padding-top: 125px; width: calc(100% - 650px); display: flex; justify-content: flex-end; text-align: right;}
.main_outsub .txt-wrap .tit{font-size: 4em;letter-spacing: -1px;font-weight: 400;color: #b17878;position: absolute;top: -1em;left: 0.5em;text-transform: capitalize;text-shadow: -1px 0px #ddd0c1, 0px 1px #ddd0c1, 1px 0px #ddd0c1, 0px -1px #ddd0c1;text-align: left;line-height: 1;font-family: 'Aboreto';}
.main_outsub .txt-wrap .txt  {margin-right: 50px;}
.main_outsub .txt-wrap .txt h3{font-weight: 400;line-height: 2;margin-bottom: 30px;font-size: 22px;font-family: 'NotoSerifKR';}
.main_outsub .txt-wrap .txt h5{font-size: 10px;font-weight: 100;color: #646464;line-height: 1.6;letter-spacing: 2px;}

.main_outsub .inner-con{display: flex; justify-content: flex-end;}
.main_outsub .img-wrap{display: flex;width: 650px;top: -50px;margin-right: 40px;position: relative;}
.main_outsub .img-wrap .img{width: 320px;height: 440px;display: grid;}
.main_outsub .img-wrap .img:first-of-type{margin-right: 20px;height: 380px;box-shadow: 11px 14px 0 #b9cfd9;}
.main_outsub .img-wrap .img .mask{width: 100%;display: block;background-position: center;background-size: cover;}




/* main room */

.main_roompre {width: 100%;border-top: 1px solid #b9b4b4;}
.main_roompre .boxs {  display: flex; margin: 0 auto;}
.main_roompre .boxs .img_left{width: 50%;margin: 50px 0;}
.main_roompre .boxs .img_left .txt {position: sticky;top: 5px;text-align: center;}
.main_roompre .boxs .img_left .t_01 {color: #434a5e;font-size: 35px;padding-top: 6%;font-family: "Fredoka", sans-serif;text-transform: uppercase;font-weight: 100;}
.main_roompre .boxs .img_left .t_02 {  font-size: 12px;  color: #9a9a9a; font-family: "Pretendard-Light";   margin-top: 12px;   margin-bottom: 40px;}
.main_roompre .boxs .img_left .img {width: 85%;height: 630px;background-position: center;background-repeat: no-repeat;background-size: cover;/* opacity: 0.8; */margin: auto;}
.main_roompre .boxs .icon {position: absolute;font-size: 100px;bottom: -8%;right: 2%;transform: rotate(340deg);color: #6c7d91;z-index: 10;}
.main_roompre .boxs .per_line {width: 1px;height: auto;background-color: #b9b4b4;margin-left: 0;margin-right: 50px;}
.main_roompre .boxs .right_img {width: 50%; }
.main_roompre .boxs .right_img h1 {font-size: 32px;text-align: center;font-weight: 300;text-transform: capitalize;}
.main_roompre .boxs .right_img span {font-size: 10px;text-align: center;display: block;opacity: 0.8;letter-spacing: 2px;border-bottom: 1px solid #9f9f9f;padding-bottom: 47px;}
.main_roompre .boxs .right_img .box {position: relative;width: 100%;margin: 13%  auto 5%;left: 0;right: 0;}
.main_roompre .boxs .right_img .box .room_preview_right_img {width: 500px;height: 415px;position: relative;left: 0;right: 0;margin: auto;display: block;}
.main_roompre .boxs .right_img .box .img {background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition:0.8s;/* border-radius: 500px 500px 0 0; */} 
.main_roompre .boxs .right_img .box:hover .img {width: 100%;height: 120%;opacity:0.8;transition:0.8s;} 
.main_roompre .boxs .right_img .box .tit {color: #434a5e;font-size: 25px;text-align: center;padding: 50px 0;font-family: 'SUIT-Regular';text-transform: capitalize;}
.main_roompre .boxs .right_img .box .tit .line {padding: 0;width: 89px;margin: 3% auto;}
.main_roompre .boxs .right_img .box .tit small{color: #6d6d6d;font-size: 11px;font-family: "Jost", sans-serif;display: block;opacity: 0.5;}
.main_roompre .boxs .right_img .box .tit p {font-size: 15px;margin-bottom: 2%;color: #434a5e;}
.main_roompre .boxs .right_img .box a {}
.main_roompre .boxs .right_img .box .go_a {}
.room_pre_a{background: #6c7d91;font-size: 15px;padding: 6px 34px 7px;color: #ffffff;}

a.room_pre_a {}

.main_roompre .boxs_end {border-bottom: 1px solid #b9b4b4;}

/* main sp */
.main_spper .tit{text-align: center;margin: 150px auto 50px;}
.main_spper .tit h3{padding-bottom: 20px;font-size: 16px;font-weight: 300;font-family: 'SUIT-Regular';}
.main_spper .tit h2{font-size: 32px;font-weight: 300;line-height: 1.4;font-family: "Fredoka", sans-serif;text-transform: uppercase;color: #434a5e;}

.main_spper .box_info{overflow: hidden;/* background: #000; */}
.main_spper .box_info ul::after{content: ""; display: table; clear: both;}
.main_spper .box_info li{float: left;width: 33.33%;height: 400px;background-size: cover;background-repeat: no-repeat;background-position: center;border: 1px solid #b3b3b3;border-width: 0px 1px 1px 0;} 
.main_spper .box_info li.visible a::before{opacity: 0;}
.main_spper .box_info li.visible .txt {color: #fff;background: rgb(78 102 139 / 50%);width: 50%;left: 0;right: 0;margin: auto;transition: 0.5s;padding: 15px;} 
.main_spper .box_info li a{display: block; height: 100%; position: relative;} 
.main_spper .box_info li a::before{content: "";display: block;width: 100%;height: 100%;background-color: #b9cfd9;position: absolute;top: 0;left: 0;z-index: 0;transition: 1.2s;}
.main_spper .box_info li .txt{position: relative;text-align: center;color: #434a5e;top: 35%;}
.main_spper .box_info li .txt i {font-size: 20px;}
.main_spper .box_info li .txt h3{font-size: 17px;font-weight: 500;font-family: 'Pretendard-Regular';margin: 15px auto;}
.main_spper .box_info li .txt h2{font-size: 16px;font-weight: 300;font-family: "Fredoka", sans-serif;text-transform: uppercase;letter-spacing: 3px;}


/* view */
.view_info .con .boxs::after{content: ""; display: table; clear: both;}
.view_info .con .boxs .txt-wrap{position: absolute;top: 214px;left: 150px;z-index: 5;margin-top: 5%;font-family: "Fredoka", sans-serif;font-weight: 100;}
.view_info .con .boxs .txt-wrap h3{font-size: 28px;margin-bottom: 80px;line-height: 1.4;transform: translateY(15px);transition: 1.2s;font-family: 'SUIT-Regular';font-weight: 100;color: #434a5e;}
.view_info .con .boxs .txt-wrap p{font-size: 15px;font-weight: 300;line-height: 2;margin-bottom: 20px;letter-spacing: -0.5px;font-family: 'Pretendard-Regular';}

.view_info .con .boxs .img-wrap{float: right;width: calc(51% - 127px);padding: 5% 0 7%;position: relative;}
.view_info .con .boxs .img-wrap .img{position: relative;margin-bottom: 5%;right: 14%;}


.view_info .con .boxs .img-wrap .img img{width: 100%;display: block;transform: translateY(100px);transition: 1.2s;}
.view_info .con .boxs .img-wrap .bg{width: calc(100% + 250px);height: 100%;background-color: #dae2ef;position: absolute;right: 0;bottom: 0;}



/* guic */

/*.guide-wrap {max-width: 75%;margin: 10% auto 0;}*/
.sub_infoimg{position: relative;width: 100%;height: 455px;/*background-repeat: no-repeat; background-size: cover; background-position: center;*/background: #c5d1d7;padding-top: 5%;}
.sub_infoimg .circle-img{background-position: center;background-size: cover;height: 180px;width: 180px;display: block;margin: auto;padding-top: 5px;border-radius: 100%;}
.sub_img_tit {width: 100%;text-align: center;color: #434a5e;}
.sub_img_tit span {display: block; font-size: 18px; letter-spacing: 0.2em; margin: 20px 0 60px;}
.sub_img_tit h2 {font-size: 38px;font-weight: 400;text-transform: uppercase;letter-spacing: 5px;font-family: "Fredoka", sans-serif;}
.sub_img_tit h3 {font-size: 16px;font-weight: 400;letter-spacing: 0.1em;opacity: 0.7;margin: 5px 0 30px;}
.sub_img_tit p {font-size: 16px;line-height: 30px;letter-spacing: 0.04em;font-family: 'Pretendard-Regular';}
.sub_img_arrow{position: absolute;margin: auto;bottom: 30px;font-size: 14px;left: 0;right: 0;text-align: center;display: grid;font-family: 'Didact Gothic';text-transform: capitalize;}

.sub_menu_box {background: #ddd0c1;}
.sub_menu_box .ba01 .top-img{width: 100%;height: 550px;/* opacity: 0.75; */background-position: center;}
.sub_menu_box .ba02 .sub-nav{width: 100%;height: 100px;background-color: #e1e4e9;line-height: 95px;text-align: center;margin: auto;}
.sub_menu_box .ba02 .sub-nav li{text-align: center;display: inline-block;margin: auto 9px;}
.sub_menu_box .ba02 .sub-nav li a{font-size: 15px;letter-spacing: 1px;font-family: 'Pretendard-Regular';}
.sub_menu_box .ba02 .sub-nav li .on {border-bottom: 1px solid;font-weight: 600;}

/* room info */
.page_box_in{max-width: 80%; margin: auto;}	

.pre_box {margin-top: 150px;}
.sp-slide .swiper-slide {height: 1000px;background-size: cover;background-repeat: no-repeat;background-position: bottom;/* border-radius: 30px; */}
.pre_box  .slide-btn-wrap {display: block;}	
.pre_box .pa-img .number{max-width: 80%; margin: auto;}
.page_info .pa-img{position: absolute;left: -170px;top: 0;height: calc(100% - 500px);z-index: 15;}
.page_info .pa-img .sub-menu{position: sticky; top: 50%; transform: translateY(-50%); margin-top: 50vh;}
.page_info .pa-img .sub-menu li{margin-bottom: 7px;opacity: 0.45;transition: 0.6s;}
.page_info .pa-img .sub-menu li a{font-size: 14px;font-family: 'Pretendard-Regular';font-weight: 400;color: #6c7d91;}
.page_info .pa-img .sub-menu li a img{margin-right: 5px; width: 25px; opacity: 0; transition: 0.6s;}
.page_info .pa-img .sub-menu li.on{opacity: 1;}
.page_info .pa-img .sub-menu li.on a img{opacity: 1;}
	
.page_info .sp-slide{position: relative;}
.page_info .slide-btn-wrap{position: absolute;right: -5px;top: 50%;transform: translateY(-50%);display: inline-block;z-index: 15;text-align: center;background: #f4f3ef;padding: 15px;}
.page_info .slide-btn-wrap .slide-page-wrap{margin: 10px 0;}
.page_info .slide-btn-wrap .slide-page-wrap .num{color: #614f4f;font-size: 11px;letter-spacing: 0.05em;font-weight: 600;}
.page_info .slide-btn-wrap .slide-page-wrap .line{width: 1px;height: 13px;background-color: #2e3236;display: block;/* margin: 7px 0; */left: 0;right: 0;display: inline-block;}
.page_info .slide-btn-wrap .slide-page-wrap .total{opacity: 0.35;}
.page_info .slide-btn-wrap button {cursor: pointer;transform: rotateX(180deg);opacity: 0.5;}
.page_info .slide-btn-wrap button i{color: #2e3236;font-size: 15px;}
.page_info .slide-btn-wrap button.next{opacity: 1;transform: rotateX(180deg);}

.number {padding-bottom: 10%;}
.number.tit-wrap {height: 190px; display: flex; align-items: center; padding-top: 60px; justify-content: space-between; width: 100%; color: #002b21;}
.number .tit-wrap{display: inline-flex;width: 100%;margin-top: 55px;}
.number .tit-wrap .left_txt{float: left;width: 50%;}
.number .tit-wrap .left_txt i {font-size: 31px;vertical-align: middle;font-weight: 300;}
.number .tit-wrap .left_txt h2 {font-size: 51px;font-weight: 100;vertical-align: baseline;font-family: 'SUIT-Regular';letter-spacing: 5px;}
.number .tit-wrap .right_txt{float: right;width: 50%;}
.number .tit-wrap .right_txt h3 {text-align: right;margin-bottom: 18px;font-size: 19px;font-family: "Fredoka", sans-serif;font-weight: 500;letter-spacing: 6px;color: #434a5e;}
.number .tit-wrap .right_txt p {font-size: 15px;line-height: 32px;text-align: right;font-family: 'Pretendard-Regular';}
.cont_end{display: inline-flex;width: 100%;margin-top: 65px;}		
.cont_end .info {width: 50%;border-left: 1px solid rgba(68,49,41, 0.3);border-right: 1px solid rgba(68,49,41, 0.3);padding: 20px 0 20px 30px;}
.cont_end .info .info-inner {color: #443129;font-size: 14px;}
.cont_end .info .info-inner1 {margin-bottom: 50px;}
.cont_end .info .info-inner1 h3 {font-weight: 600;font-family: 'SUIT-Regular';margin-bottom: 10px;color: #434a5e;letter-spacing: 1px;}
.cont_end .info .info-inner1 p {font-weight: 300;font-size: 15px;font-family: 'Pretendard-Regular';}
.cont_end .info .info-inner2 h3 {font-weight: 600;font-family: 'SUIT-Regular';margin-bottom: 10px;color: #434a5e;text-transform: uppercase;letter-spacing: 1px;}
.cont_end .info .info-inner2 p {font-weight: 300;font-size: 15px;font-family: 'Pretendard-Regular';}

.cont_end .sup {width: 50%; border-right: 1px solid rgba(68,49,41, 0.3); padding: 20px 30px 20px 20px;}
.cont_end .sup h3 {color: #434a5e;font-family: 'SUIT-Regular';margin-bottom: 10px;font-size: 18px;text-transform: uppercase;letter-spacing: 2px;font-weight: 600;}
.cont_end .sup P {font-size: 13.5px; line-height: 2; letter-spacing: -0.5px;}
.cont_end .sup .sup-list {display: flex; flex-wrap: wrap; margin-top: 20px;}
.cont_end .sup .sup-list li {width: 12%;text-align: center;height: 70px;}
.cont_end .sup .sup-list li i {display: block;color: #443129;font-size: 24px;margin-bottom: 5px;margin: auto;}
.cont_end .sup .sup-list li span {display: block;color: #443129;font-size: 13px;font-family: 'Pretendard-Regular';}


.room_endbox .end_img{margin-top: 3.5%; hidden;width: 100%;height: 500px;background-position: 0%;background-size: cover; opacity: 0;}
.room_endbox .end_img.on {background-position: 0 70%;transition: 3.5s;overflow: hidden;display: block;opacity: 1;}

/* sp info */

.spinfo_st .info_box {margin-top: 100px;/* padding-top: 100px; */position: relative;overflow: hidden;}	
.spinfo_st .info_box .max {/* width: 85%; */margin: 0 auto;max-width: 1700px;display: flex;}
.spinfo_st .info_box .max .left { width: 50%;}
.spinfo_st .info_box .max .left .img2 {width: 100%;height: 585px;background-size: cover;background-position: center;background-repeat: no-repeat;opacity: 0.9;}
.spinfo_st .info_box .max .left span {font-size: 13px;line-height: 25px;color: #a79b8c;font-family: 'Aboreto';margin-top: 10px;display: block;letter-spacing: -0.5px;}
	
.spinfo_st .info_box .max .right {width: 50%;position: relative;padding-left: 3%;}
.spinfo_st .info_box .max .right .tit-wrap {position: relative;margin-top: 60px;margin-bottom: 30px;height: 110px;width: 100%;}
.spinfo_st .info_box .max .right .tit-wrap h2 {font-size: 55px;line-height: 105px;color: #6c7d91;font-weight: 400;font-family: "Fredoka", sans-serif;position: absolute;left: 4%;top: 50%;transform: translateY(-50%);text-transform: uppercase;letter-spacing: -0.5px;}
.spinfo_st .info_box .max .right .txt-wrap { width: 80%; margin-left: 5%;}
.spinfo_st .info_box .max .right .txt-wrap .info-name { margin-bottom: 50px;}
.spinfo_st .info_box .max .right .txt-wrap .info-name h6 {font-size: 19px;line-height: 26px;color: #434a5e;font-weight: 600;font-family: 'Pretendard-SemiBold';padding-bottom: 10px;}
.spinfo_st .info_box .max .right .txt-wrap .info-name p {font-size: 15px;line-height: 2.2;color: #555555;font-weight: 400;font-family: 'Pretendard-Regular';padding-top: 30px;letter-spacing: -0.5px;}
.spinfo_st .info_box .max .right .txt-wrap .line { width: 100%; height: 1px;  background-color: #c2aa8e; display: block; margin-bottom: 30px;}
.spinfo_st .info_box .max .right .txt-wrap .info-hours { margin-top: 30px;}
.spinfo_st .info_box .max .right .txt-wrap .info-hours ul li {display: flex;align-items: center;margin-bottom: 22px;}
.spinfo_st .info_box .max .right .txt-wrap .info-hours ul li h6 {font-size: 16px;line-height: 26px;color: #434a5e;font-weight: 600;font-family: 'SUIT-Regular';width: 23%;letter-spacing: 4px;}
.spinfo_st .info_box .max .right .txt-wrap .info-hours ul li span {font-size: 15px;line-height: 26px;color: #333;font-family: 'Pretendard-Regular';width: auto;display: block;font-weight: 100;letter-spacing: -0.5px;line-height: 2;}


/* tour */

.sp-list { margin:0px auto 0;  padding-top:25px;} 
.sp-list > ul > li:after { content:""; display:block; clear:both;}
.sp-list .number li .lSSlideOuter {position:relative;float:left;width: 65%;margin-bottom: 150px;z-index:1;}
.sp-list .number li{margin-bottom: 6.5%;} .sp-list li:last-child { margin-bottom:0;}
.sp-list .number:nth-child(2n) li .lSSlideOuter { float:right;}
	
.mainsub_slider .txt-wrap {float: right;width: 35%;padding: 0px 30px 0 31px;text-align: left;transform: translateY(7em);color: #9a8477;}
.mainsub_slider .lightSlider{height: 100% !important;}
.mainsub_slider .lightSlider .img {width: 100%;height: 75vh;background-size: cover;background-position: center;}
.mainsub_slider .lSSlideWrapper {height: 67vh;}	
.mainsub_slider .txt-wrap .txt {font-size: 36px;text-transform: uppercase;font-family: "Fredoka", sans-serif;color: #434a5e;font-weight: 100;letter-spacing: -0.5px;}
.mainsub_slider .txt-wrap .txt01 {margin: 8% auto;font-family: 'Didact Gothic';color: #434a5e;}
.mainsub_slider .txt-wrap .txt01 span {font-weight: 600;display: inline-block;font-family: 'Pretendard-Regular';}
.mainsub_slider .txt-wrap .txt01 span::after {display: inline-block; content: ""; margin-left: 15px; margin-right: 10px; clear: both; height: 10px; width: 1px; background-color: rgba(45,30,12,0.3);}
.mainsub_slider .txt-wrap .txt02 {font-size: 14px;letter-spacing: -0.5px;line-height: 2;font-family: 'Pretendard-Regular';color: #676a75;}

.sp-list .lSAction {position:absolute;width:97px;height:48px;right:0;bottom:0;z-index:5;display: none !important;}
.sp-list li:nth-child(2n) .lSSlideOuter .lSAction { left:0;}
.sp-list .lSAction a {display:block;width:48px;height:48px;background: #f5f1ee;color: #8b6d6d;text-align:center;font-size: 1em;line-height:48px;opacity:1;top:0;margin:0;font-weight: 100;}
.sp-list .lSAction>.lSPrev { left:0;}
.sp-list .lSAction>.lSNext { right:0;} 	

/* map */
.main_map{text-align:center; margin-top:4.5%;}

.box-board {position:relative; max-width:1280px;margin:0 auto;margin: 45px auto 5%;}
.box-board iframe { width:100%; }

.map_info01{max-width: 1280px;margin: 5% auto 0;text-align: center;}
.map_info01 .text01 .info-tit{margin-top: 5%;}
.map_info01 .text01 .info-tit h3{font-size: 19px;font-weight: 300;font-family: 'Pretendard-Regular';}
.map_info01 .text01 .info-tit h3 b{letter-spacing: 2px;}
.map_info01 .text01 .info-tit h3 i{font-size: 1em;}
.map_info02 .text02 .info-txt{width: 100%;}
.map_info02 .text02 .info-txt p span {font-size: 21px;line-height:3;font-family: 'Pretendard-Regular';}
.map_info02 .text02 .info-txt p.nav{padding-top: 25px;margin-bottom: 5px;/* border-bottom: 1px solid #cccccc; */line-height:2;font-family: 'Pretendard-Regular';}	
.map_info02 .text02 .info-txt a {border:1px solid #b5b5b5;color:#777777;padding: 15px 20px;border-radius:45px;transition:0.4s;font-size: 16px;margin-right: 2%;}
.map_info02 .text02 .info-txt a:hover {border: 1px solid #a7a09d;color:#fff;background: #a7a09d;transition:0.4s;}


/* rev */
.reserv_info {max-width: 80%; margin: auto;}	
.reserv_info .wrap_conts { margin: 100px -18px 0; padding: 0 18px;}
.reserv_info [class^=txt0].flex { display: flex; width: 100%; margin-bottom: 50px;}
.reserv_info [class^=txt0].flex .conts_sect {width: 50%;font-family: 'Pretendard-Regular';padding-top: 100px;}
.reserv_info [class^=txt0].flex .left { padding-right: 40px;}
.reserv_info [class^=txt0].flex .right { padding-left: 100px;}
.reserv_info .tit_conts_dot { margin: 0 0 24px -18px; font-size: 20px;}

.reserv_info .head {font-size: 19px;}
.reserv_info .link_book { margin-top: 50px;}

.rev_guide dl {display: flex; width: 100%; line-height: 1.4;}
.rev_guide .info_txt {text-align: center;margin: 100px auto 0;font-size: 17px;}
.rev_guide .info_txt .tit_line {text-align: left;}
.rev_guide .info_txt .desc {font-weight: 500;line-height: 1;font-family: 'Pretendard-Regular';letter-spacing: -1.5px;font-size: 16.5px;}
.rev_guide .info_txt .desc b  {display: block;font-weight: 700;color: #d14015;}
.rev_guide .info_txt .conts { display: inline-block;  max-width: 100%;  margin-top: 70px;  text-align: left;}
.rev_guide .info_txt .conts dl + dl { margin-top: 36px;}
.rev_guide .info_txt .conts dt {width: 170px;font-weight: bold;letter-spacing: 7px;font-family: 'GmarketSansMedium';color: #5d6d75;font-size: 18px;}
.rev_guide .info_txt .conts b {font-weight: 500;}
.rev_guide  .pl li {position: relative;padding-left: 1.5em;font-family: 'Pretendard-Regular';font-size: 16px;letter-spacing: 0.5px;}	
.rev_guide .pl li:before { position: absolute; top: 0; left: 0; content: "-";}
		

.reserv_info .txt02 {margin-top: 100px;border-top: 1px solid #ccc;}
.reserv_info .txt02 .tit_conts_dot {line-height: 3;font-family: "Fredoka", sans-serif;font-size: 30px;color: #5d6d75;font-weight: 400;}
.reserv_info .txt02 .left li { padding: 24px 0;border-top: 1px solid #d0cfcc;}
.reserv_info .txt02 .left li:first-child { padding-top: 0; border-top: none;}
.reserv_info .txt02 .left .tit { display: block;font-weight: 600;}
.reserv_info .txt02 .left p {margin-top: 8px;position: relative;padding-left: 15px;font-family: 'Pretendard-Regular';}
.reserv_info .txt02 .left p::before{content: "-"; display: inline-block; position: absolute; left: 0px;}
.reserv_info .txt02 .right .wrap_tbl { margin-top: 32px;}
.reserv_info .txt02 .right .wrap_tbl .tbl {width: 100%;}
.reserv_info .txt02 .right th, .reserv_info .txt03 .right td { width: 50%;padding: 10px 12px; text-align: center;}
.reserv_info .txt02 .right th + th, .reserv_info .txt03 .right td + td { border-left: 1px solid #dbd9d6;}
.reserv_info .txt02 .right thead th  {height: 45px;background: #5d6d75;color: #fff;font-weight: 400;}
.reserv_info .txt02 .right tbody td {height: 40px;border-bottom: 1px solid #dbd9d6;text-align: center;font-family: 'Pretendard-Regular';}
.reserv_info .txt02 .right .emph { color: #be1919;}


.tit_conts_dot { position: relative; padding-left: 18px;}
.tit_conts_dot:before {position: absolute;top: 50%;left: 0;width: 5px;height: 5px;margin-top: -3px;border-radius: 100%;background: #5d6d75;content: "";}

	
table {border: 1px solid #ccc;width: 100%;text-align: center;line-height: 1.5rem;margin-top: 50px;margin-bottom: 1%;border-collapse:collapse;}
table tr { border: 1px solid #ccc;}
table th {background-color: #5d6d75;line-height: 1.5;padding: 10px 0;font-size: 13px;font-family: 'Pretendard-Regular';letter-spacing: 5px;color: #fff;font-weight: 300;}
table tr td {border: 1px solid #ccc;line-height: 1.5;padding: 9px 0px;font-size: 12px;font-family: 'Pretendard-Regular';background: rgba(255,255,255,0.4);}
table td {border: 0.1px solid #ccc;line-height:3;}



/*  ///media//// */
@media all and (max-width : 1680px){	
	
	.sub_menu_box .ba01 .top-img{height: 465px;}
	.mainsub_slider .txt-wrap{transform: translateY(9em); padding: 0 15px 0 20px;}
	.mainsub_slider .txt-wrap .txt02{font-size: 14px;}
	
}



@media all and (max-width : 1480px){
	
	.view-slide-wrap .con1 .swiper-slide{image-rendering:revert; }
	
	.main_outsub .txt-wrap .tit{font-size: 3.2em;}
	.main_outsub .txt-wrap .txt h3{font-size: 20px;}
	
	.main_roompre .boxs .right_img .box .room_preview_right_img{width: 220px; height: 215px;}
	.main_roompre .boxs .right_img .box{margin: 10% auto 0;}
	.main_roompre .boxs .right_img .box .tit{font-size: 20px; padding: 25px 0;}
	.main_roompre .boxs .img_left .img{height: 505px;}
	.main_roompre .boxs .img_left{margin: 0;}
	
	.main_spper .box_info li{height: 333px;}
	.main_spper .box_info li .txt h3{font-size: 15px;}
	.main_spper .box_info li .txt h2{font-size: 16px;}
	
	.view_info .con .boxs .txt-wrap{margin-top: 0;}
	.view_info .con .boxs .txt-wrap p{font-size: 14px;}
	.view_info .con .boxs .txt-wrap h3{margin-bottom: 50px; font-size: 20px;}
	
	
	.page_info .pa-img{left: -94px;}
	.page_info .pa-img .sub-menu li a{font-size: 12px;letter-spacing: -0.5px;}
	
	.number .tit-wrap .left_txt h2{font-size: 35px;}
	.number .tit-wrap .right_txt p{font-size: 12px; line-height: 25px;}
	.cont_end {margin-top: 35px;} .cont_end .sup .sup-list li{width: 16%;}
	
	.page_box_in{max-width: 85%;}
	.mainsub_slider .lightSlider .img, .mainsub_slider .lSSlideWrapper{height: 85vh;}
	
	.reserv_info [class^=txt0].flex .left{padding-right: 25px;}
	.reserv_info [class^=txt0].flex .right{padding-left: 25px;}
	.reserv_info .txt02 .left p{font-size: 13.5px;}
	
	
	.spinfo_st .info_box .max .right .tit-wrap h2 {font-size: 65px; line-height: 85px;}
	.spinfo_st .info_box .max .right .tit-wrap{margin-top: 25px; margin-bottom: 33px;}
	.spinfo_st .info_box .max .right .txt-wrap{width: 100%;}
	.spinfo_st .info_box .max .right .txt-wrap .info-hours ul li{margin-bottom: 30px;}
	.spinfo_st .info_box .max .left span{font-size: 11px;}
	.spinfo_st .info_box .room_fixs .tit_info{font-size: 20px;}
}


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

	.sub_menu_box .ba01 .top-img{height: 335px;}
	
	.pre_box{margin-top: 100px;}
	.mainsub_slider .lightSlider .img, .mainsub_slider .lSSlideWrapper{height: 100vh;}
	.mainsub_slider .txt-wrap .txt02{font-size: 12.5px;}
	.mainsub_slider .txt-wrap .txt{font-size: 30px;}
	.mainsub_slider .txt-wrap .txt01{margin: 4% auto;}
	
	.page_box_in{max-width: 82.5%;}
	.page_info .pa-img{left: -100px;}
	.page_info .pa-img .sub-menu li a{letter-spacing: -0.5px; font-size: 12px;}
	
	.view_info .con .boxs .txt-wrap{margin-top: -35px;}

}

@media all and (max-width : 1030px){
	.main_spper .tit{margin-bottom: 25px;}
	.main_spper .tit h3{font-size: 14px;}
    .main_spper .tit h2{font-size: 34px; font-weight: 500;} 
    .main_spper .box_info li{width: calc(50% - 1.5px); height: 30vw; margin-bottom: 3px; border-width: 0px 0px 0px 0px;}
    .main_spper .box_info li:nth-child(2n - 1){margin-right: 3px;}

    .main_spper .box_info li a::before{display: none;}
    .main_spper .box_info li .txt{padding-top: 10px; padding-left: 5px;}
    .main_spper .box_info li .txt h3{font-size: 12px;}
    .main_spper .box_info li .txt h2{font-size: 18px; line-height: 1; letter-spacing: -1px;}
	
	
	.video_main{max-width: 95%;}
	.box-board, .root_daum_roughmap_landing{max-width: 95% !important; width: 100% !important;}
	
	.view_info .con .boxs .txt-wrap{left: 5%;}
	
	.page_box_in{max-width: 95%;}
	.page_info .pa-img .sub-menu{display: none;}
	
	.main_roompre .boxs .per_line{display: none;}
	.reserv_info{max-width: 95%;}
}


@media all and (max-width : 980px){
	.full-container{height: 40vh;}
	.view-slide-wrap .con1 .swiper-slide{height: 62vh;}
	
	.video_main {max-width: 95%;} 
	
	.main_outsub .inner-con{display: block;}
	.main_outsub .txt-wrap{display: block; width: 100%;}
	.main_outsub .txt-wrap .tit{top: 0;}
	.main_outsub .img-wrap{display: block; width: 95%; margin: auto; top: 0;}
	.main_outsub .img-wrap .img{width: 100%; margin-bottom: 5%;}
	
	.main_outsub .txt-wrap .tit{text-align: center;left: 0;right: 0;padding: 5px;}
	.main_outsub .txt-wrap .txt{margin: 0;}
	.main_outsub .txt-wrap{text-align:center;margin: 5% 0;max-width: 100%;padding-top: 15%;}
	
	.view_info .con .boxs .txt-wrap{top: 0 !important; margin-top: 5%;} 
	
	
	.main_roompre .boxs{display: block;background: #f3f3f3;}
	.main_roompre .boxs .img_left{width: 100%;}
	.main_roompre .boxs .right_img{width: 100%;}
	.main_roompre .boxs .right_img .box .room_preview_right_img{height: 345px; width: 65%;}
	.main_roompre .boxs .right_img .box .tit{margin-top: 5%;}
	.main_roompre .boxs .right_img .box .img{border-radius:0;}
	
	.sp-list .number li .lSSlideOuter{width: 100%; margin-bottom: 0;}
	.mainsub_slider .txt-wrap{width: 100%; transform: translateY(0em); margin-bottom: 70px;}
	.mainsub_slider .lightSlider .img, .mainsub_slider .lSSlideWrapper{height: 50vh;}
	.main_roompre .boxs .icon{ transform:rotate(26deg); left: 0; right: auto; font-size: 80px;}
	
	.spinfo_st .info_box .max{display: block; width: 100%;}
	.spinfo_st .info_box .max .left{width: 100%;}
	.spinfo_st .info_box .max .left .img2{height: 230px;}
	.spinfo_st .info_box .max .right{width: 100%; padding-left: 0;}
	.spinfo_st .info_box .max .right .tit-wrap{height: 35px;}
	.spinfo_st .info_box .max .right .tit-wrap h2{font-size: 30px; left: 0;}
	.spinfo_st .info_box .max .right .txt-wrap .info-name h6{font-size: 16px; padding-bottom: 0;}
	.spinfo_st .info_box .max .right .txt-wrap .info-name p{font-size: 13px;}
	.spinfo_st .info_box .max .right .txt-wrap .info-hours ul li{display: block; margin-bottom: 15px;}
	.spinfo_st .info_box .max .right .txt-wrap .info-hours ul li h6 {width: 100%; }
	.spinfo_st .info_box .max .right .txt-wrap{margin-left: 0;}

	
	.reserv_info [class^=txt0].flex{display: block;}
	.reserv_info [class^=txt0].flex .conts_sect{width: 100%;}
}
	

@media all and (max-width : 780px){ 
	.full-container{height: 55vh;} 
	.main-img-wrap .main-slide-tit{display: none;}
	#main_subinfo .box p small{font-size: 14px; letter-spacing: -0.5px;}
	.sub_menu_box .ba01 .top-img{background-position: center; background-size: cover;}
	
	#main_subinfo{height: 65vh !important;}
	
	.main_outsub .bg{background-attachment:local;height: 550px;}
	
	.main_roompre .boxs .right_img .box .room_preview_right_img{max-width: 95%; width: 95%;}
	
	.main_spper .box_info li.visible .txt{width: 100%;}
	.main_spper .box_info li .txt {color: #fff;background: rgb(95 82 78 / 50%);width: 100%;left: 0;right: 0;margin: auto;transition: 0.5s;padding: 15px;} 
	
	.view_info .con .boxs .txt-wrap{width: 100%;float: none;position: relative;left: 0;right: 0;text-align: center;}
	.view_info .con .boxs .img-wrap{float: none; width: 100%;}
	.view_info .con .boxs .img-wrap .img{right: 0; margin: 0 auto 5%; width: 95%;}
	
	.sp-slide .swiper-slide{height: 555px;}
	.cont_end{display: block;}
	.cont_end .info{width: 100%;border: none;padding: 20px 0;border-top: 1px solid #736f6e;/* text-align: center; */}
	.cont_end .sup{width: 100%;border: none;border-bottom: 1px solid #736f6e;padding: 20px 0;/* text-align: center; */}
	
	.number .tit-wrap{display: block;}
	.number .tit-wrap .left_txt{width: 100%;text-align: center;float: none;}
	.number .tit-wrap .right_txt{width: 100%;float: none;text-align: center;}
	.number .tit-wrap .right_txt h3{text-align: center;}
	.number .tit-wrap .right_txt p{text-align: center;}	
	
	.room_endbox .end_img{height:250px;}
}



@media all and (max-width : 600px){
	
	#main_subinfo{height: 100vh !important;background: #f3f3f3;}
	#main_subinfo .box img{width: 120px;}
	#main_subinfo .box p{font-size: 1em;}
	
	#main_subinfo .box1 .line-wrap01{display: none;}
	#main_subinfo .box1 .line-wrap02{display: none;}
	
	.main_outsub .bg{height: 250px;}
	.main_outsub .txt-wrap .tit{font-size: 2em;}
	.main_outsub .img-wrap .img:first-of-type, .main_outsub .img-wrap .img{height: 285px;}
	
	.main_roompre .boxs .img_left .img{height: 300px;}
	.main_roompre .boxs .right_img .box .img{height: 100%;}
	.main_spper .box_info li{height: 45vw;}
	
	.sub_infoimg{padding-top: 15%;}

	.map_info01 .text01 .info-tit h3{font-size: 14px; letter-spacing: -0.5px;}
	.map_info02 .text02 .info-txt p span{font-size: 16px;}
	.map_info02 .text02 .info-txt p.nav{font-size: 15px;text-align: center;letter-spacing: -0.5px;}
	.map_info02 .text02 .info-txt a{width: 100%;display: block;text-align: center;margin-right: 0;margin-bottom: 5%;}

	.sp-slide .swiper-slide{height: 400px; border-radius: 0;}
	.cont_end .info .info-inner1{margin-bottom: 25px;}
	.cont_end .info .info-inner1 p{font-size: 13px;}
	
	.sub_menu_box .ba01 .top-img{height: 260px;}
	.sub_menu_box .ba02 .sub-nav{height: 80%; line-height: 70px;}
	
	.mainsub_slider .txt-wrap{text-align: center;}
	
	.rev_guide dl{display: block;}
	.rev_guide .info_txt .conts dt{width: 100%;}
	.rev_guide .pl li{font-size: 13px;}
	.rev_guide .info_txt .desc{font-size: 13px;}
	.reserv_info .txt02 .tit_conts_dot{left: 0; right: 0; margin: auto;}
	.reserv_info .txt02 .tit_conts_dot{font-size: 20px;}
	.reserv_info [class^=txt0].flex .conts_sect{padding-right: 0;}
	.reserv_info [class^=txt0].flex .conts_sect{padding-left: 0;}
	
}

@media all and (max-width : 465px){
	
	#main_subinfo{height: 65vh !important;}
	.pin-spacer{padding: 0 0 0px !important;height: 1025px !important;}
	.main_outsub{margin-top: 0;background: #f3f3f3;}
	
	.main_outsub .txt-wrap .tit{font-size: 1.85em;top: 25px;}
	.main_outsub .txt-wrap .txt h3{font-size: 17px; line-height: 1.8;}
	.main_spper .box_info li{width: 100%; height: 60vw;}
	.main_spper .box_info li .txt{top: 30%;}
	
	.view-slide-wrap .con1 .swiper-slide{height: 45vh;}
	
	.sub_infoimg{padding-top: 22%;}
	.sub_img_tit h3{margin: 5px 0 15px;}
	
	.number{padding-bottom: 20%;}
	.number .tit-wrap .left_txt h2{font-size: 23px;}
	.number .tit-wrap .left_txt i{font-size: 18px;}
	.number .tit-wrap .right_txt{margin: 15px 0;}
	.cont_end .info .info-inner {font-size: 14px;}
	.cont_end .info .info-inner2 p{font-size: 13px; letter-spacing: -0.5px;}
	
	.page_info .slide-btn-wrap{padding: 0 10px;}

	.mainsub_slider .lightSlider .img, .mainsub_slider .lSSlideWrapper{height: 35vh;}
	.mainsub_slider .txt-wrap{margin-top: 30px;}
	.mainsub_slider .txt-wrap .txt02{font-size: 14px;}

	.rev_guide .info_txt .desc{font-size: 16px; line-height: 2;}
	.rev_guide .pl li{font-size: 13px; line-height: 1.5;}
	.reserv_info .txt02{margin-top: 50px;}
	.reserv_info [class^=txt0].flex .conts_sect{padding-top: 50px;}
	.reserv_info .txt02 .right tbody td{font-size: 12px;}
	
	
	.map_info01 .text01 .info-tit h3 b{display: block;}
	
	.view_info .con .boxs .txt-wrap{margin: 35px 0 ;}
	.view_info .con .boxs .img-wrap .img img{transform: translateY(0px);}
	.view_info .con .boxs .txt-wrap p {font-size: 12px;}
	
	.sub_menu_box .ba02 .sub-nav{height: 58%; line-height: 47px;}
	.sub_menu_box .ba02 .sub-nav li{margin: auto 5px;}
	.sub_menu_box .ba02 .sub-nav li a{font-size: 12px;}
	

}

@media all and (max-width : 365px){
	
	.sp-slide .swiper-slide{height: 300px;}


}