@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500&display=swap');
@font-face {
    font-family: 'IBMPlexSansKR-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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





*{margin: 0; padding: 0; box-sizing: border-box;}
html, body{width: 100%; height: 100%; position: relative; color: white; font-family: "Noto Sans KR",sans-serif;}
li{list-style: none;}
a{text-decoration: none;}
.slide{background-size: cover; background-repeat: no-repeat; background-position: center;}
.slide-wrap *{border: 0 ; outline: 0 ;}
section{position: relative;}
table{margin: 0px; padding: 0px; border-collapse: collapse;}
button,input,a{background-color: transparent; cursor: pointer; border: 0; outline: 0; box-shadow: none;}


main{position: relative; width: 100%; overflow: hidden;}
.full-page-wrap section{width: 100vw; height: 100vh;}
/*.video_section{width: 99vw !important;}*/
.full-page-wrap section .bg{width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.full-page-wrap .full-page-roller{width: 100%; height: 100%; position: relative; }

.full-page-wrap .basic-slide-wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background-color: #82aeb7; overflow: hidden;}
.full-page-wrap .basic-slide-wrap .slide-wrap{width: auto; height: 100%;}
.full-page-wrap .basic-slide-wrap .slide-wrap .slide{width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; float: left; position: relative; animation-timing-function: cubic-bezier(.9,1.52,.9,-1.29); }

.full-page-wrap .main-slide-wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background-color: #82aeb7; overflow: hidden;}
.full-page-wrap .main-slide-wrap .slide-wrap{width: auto; height: 100%;}
.full-page-wrap .main-slide-wrap .slide-wrap .slide{width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; float: left; position: relative; animation-timing-function: cubic-bezier(.9,1.52,.9,-1.29); }
/* .full-page-wrap .basic-slide-wrap .slide-wrap .slide:first-child::after{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.5); opacity: 0;} */
.full-page-wrap .con1 .scroll-down{position: absolute; bottom: 0; left: 47%;  opacity: 1; transition: 1.2s;  z-index:10;}
.full-page-wrap .con1 .scroll-down p{text-align: center; font-size: 13px;  font-weight: 100; margin-bottom: 20px; cursor: pointer; text-shadow:1px 1px 2px rgba(133,133,133,0.70);}
.full-page-wrap .con1 .scroll-down .line{width: 1px; height: 40px; background-color: white; display: block; margin: 0 auto;  box-shadow:1px 1px 2px rgba(133,133,133,0.70);}

.full-page-wrap .con2 .scroll-down{position: absolute; bottom: 0; left: 49.8%;  opacity: 1; transition: 1.2s;  z-index:10;}
.full-page-wrap .con2 .scroll-down .line{width: 1px; height: 50px; background-color: white; display: block; margin: 0 auto;  box-shadow:1px 1px 2px rgba(133,133,133,0.70);}


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

.full-page-btn .btn{width: 8px; height: 8px; display: block; background-color: #fff; border-radius: 50%; margin-bottom: 20px; cursor: pointer; transition: 0.6s;}
.full-page-btn .btn.on{background-color: #333;}

/*메인*/
.main-wrap{width: 100%; position: relative;}
.main-wrap.full-page-wrap .tit{position: absolute; bottom: 120px; left: 115px; opacity: 0; visibility: hidden; pointer-events: none; transition: 0.6s; z-index: 100;}
.main-wrap.full-page-wrap .tit.visible{position: absolute; opacity: 1; visibility: visible;}
.main-wrap.full-page-wrap .tit.fixed{position: fixed;}
.main-wrap.full-page-wrap .tit h3{font-size: 22px; font-family: "Brandon"; font-weight: 100; }
.main-wrap.full-page-wrap .tit h2{font-family: "DamDam"; font-size: 80px; font-weight: 500; text-shadow: -2px 2px 3px rgba(0,0,0,0.4);}
.main-wrap.full-page-wrap .tit p{font-size: 15px; font-weight: 100; line-height: 1.8;text-shadow: -3px 3px 3px rgba(0,0,0,0.3);}

.m-main-wrap{display: none;}

/* 갤러리*/
.sub-slide-wrap{overflow: hidden;}
.sub-slide-wrap .slide{height: 100vh; float: left;}
.sub-slide-wrap .btn-wrap{position: absolute;bottom: 45%;left: 0;right: 0;width: 95%;/* transform: translateX(-50%); */z-index: 1001;margin: auto;}
.sub-slide-wrap .btn-wrap span{/* float: left; */}

.sub-slide-wrap .btn-wrap span.next{float: right;}

.sub-slide-wrap .btn-wrap > span{font-size: 45px;cursor: pointer;}
.sub-slide-wrap .btn-wrap::after{content: ""; display: table; clear: both;}
.sub-slide-wrap .btn-wrap .page-num{display: block;float: left;margin: 0 13px;width: 95%;display: none;}
.sub-slide-wrap .btn-wrap .page-num span{font-size: 20px; font-weight: 300; margin-top: 0px; position: relative; text-shadow:1px 1px 2px rgba(133,133,133,0.70);}

.sub-slide-wrap .btn-wrap .page-num span.page-front{margin-right: 40px; }
.sub-wrap.full-page-wrap .con3{overflow: hidden;}

.sub-wrap.auto-page-wrap{height: auto;}
.sub-wrap.auto-page-wrap .con1{width: 100%; height: 100vh;}
.sub-wrap.auto-page-wrap .con1 .bg{width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.sub-wrap.auto-page-wrap .con1 .tit{text-align: center; width: 100%; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%);}
.sub-wrap.auto-page-wrap .con1 .tit h3{font-size: 20px;  font-weight: 100;}
.sub-wrap.auto-page-wrap .con1 .tit h2{font-size: 70px; font-weight: 300;}


/*이미*/
.img_wrap .con1 .tit{text-align: center; position: absolute; top:45%; left: 50%; transform: translateX(-50%); white-space: nowrap; text-shadow: 2px 2px 3px rgba(0,0,0,0.60); opacity:0.7;}
.img_wrap .con1 .tit h1{font-size: 40px; line-height:2; font-weight: bold; font-family:'YiSunShinDotumM';}
.img_wrap .con1 .tit h3{font-size: 20px; font-weight: 300; margin-bottom: 20px; font-family:'YiSunShinDotumM';}

.img_wrap .con2 .deco{position: absolute; right: 50px; top: -10%; mix-blend-mode: soft-light; height: 130%; transition: 1.6s;}
.img_wrap .con2 .tit{padding-top: 15vh; text-align: center; position: absolute; bottom: 100px; left: 50px; right:50px; color: #fff; text-shadow: 2px 2px 3px rgba(0,0,0,0.60); opacity:0.9;}
.img_wrap .con2 .tit h1{font-size: 20px; line-height:4; font-weight: 100; font-family:'YiSunShinDotumM';}
.img_wrap .con2 .tit h3{font-size: 40px; font-weight: 300; margin-bottom: 20px; font-family:'YiSunShinDotumM';}

.img_wrap .con2 .tit p{font-size: 15px;}
.img_wrap .con2 .ico-wrap{margin-top: 70px;}
.img_wrap .con2 .ico-wrap::after{content: ""; display: table; clear: both;}
.img_wrap .con2 .ico-wrap li{float: left; width: 25%; text-align: center; height: 125px; border-right: 1px solid white; position: relative;}
.img_wrap .con2 .ico-wrap .ico .fal{font-size: 32px; padding-top: 35px;}
.img_wrap .con2 .ico-wrap .ico h5{padding-top: 35px; font-size: 20px; font-weight: 100;}
.img_wrap .con2 .ico-wrap .ico h5 span sup{font-family: "Apple";}
.img_wrap .con2 .ico-wrap .ico h4{padding-top: 20px;  font-weight: 400; line-height: 1; font-size: 13px;}
.img_wrap .con2 .ico-wrap .ico h4 span{font-size: 20px;}
.img_wrap .con2 .ico-wrap p{font-size: 14px;  position: absolute; bottom: 5px; width: 100%;}



/*외부*/

#say{ vertical-align:middle; display:table-cell; height:0 !important;}
		
.about_txt{ text-align: center;}

.about_txt .txt01{font-size: 41px;line-height: 1.05;color: #535353;letter-spacing: 1.5px;word-break: keep-all;}
.about_txt .txt01 p {font-family:"Josefin Sans",sans-serif;}
.about_txt .subtit{font-size: 25px;font-weight: 300;margin-top: 20px;margin-bottom: 30px;color: #5a5a5a;line-height:1.2;}
.about_txt .subtit p {font-family:'YiSunShinDotumM';}
.about_txt .txt02{font-size: 17px;font-weight: 100;color: #5a5a5a;line-height: 1.3;margin-bottom: 3%;letter-spacing:1px;}
.about_txt .txt02 p {font-family:'IBMPlexSansKR-Regular';}

.about_sub_img{margin-bottom: 3%;}

.title_rev{  font-size: 16px;  font-weight: 400; padding: 15px 20px;  text-transform: uppercase; border-left: 1px solid #000; border-right: 1px solid #000; display: inline-block;  color: #000;   line-height: 1; transition: all .5s ease;}
.title_rev:hover{ background:#000; color:#fff; transition: all .5s ease;}

#bgtxt{position: absolute;left: 0;width: 100%;top: 70%;font-family: 'Dancing Script';z-index: 0;font-size: 15vw;text-align: center;opacity: 0.03;color: #000;z-index: 10;pointer-events: none;}


/*객실*/
.room_info {float:right;width:50%;padding: 7% 0 0 0px; color:#686765;}

.room-slider .slide{width:50%; height:100%;background-position: center;background-size: cover; position:absolute;}

.room_info-txt{  text-align: center;}
.room_info-txt .tit_rooom{font-size: 45px;line-height: 1;color: #7d7d7d;margin: 80px auto 25px;font-family:'YiSunShinDotumM';}
.room_info-txt .subtit{font-size: 30px;line-height: 1;color: #535353;font-weight: 400;font-family: "Josefin Sans",sans-serif;}
.room_info-txt .txt1{font-size: 18px;font-weight: 300;color: #5a5a5a;margin: 24px auto 20px;}
.room_info-txt .txt1 p {font-family:'IBMPlexSansKR-Regular';}
.room_info-txt .txt2{font-size: 16px;/* font-weight: 100; */line-height: 1.65;color: #7a7a7a;}

.tabbox{  font-size: 16px; font-weight: 300;    text-align: center; margin-top:2.2%; font-family:'IBMPlexSansKR-Regular';}
.tabbox a{color: #252525;line-height: 1;display: inline-block;padding: 6px 25px;border-right: 1px solid #000;/* background: #d9d9d9; */  margin-left:-4px; transition: all .5s ease;}
.tabbox a.on {font-weight:bold; background:#949494; color:#fff; }
.tabbox a:hover {color: #050505;background: #d9d9d9; transition: all .5s ease;}
.tabbox a:first-child{border-left: 1px solid #000;}




.room_rev{margin:5% auto 0; width:80% !important;}




/*부대시설*/
.serSlider .lSSlideOuter, .serSlider .lSSlideWrapper, .serSlider .lightslider, .serSlider .lightslider li { position:fixed; width:60%;}
.serSlider ul {margin:6%;}
.serText { position:absolute; width:100%; right:0; bottom:-100px; text-align:right; padding-right:6%; z-index:5;}
.service .subTop {position:absolute;width:100%;left:auto;right:0;top:84px;z-index:2;}
.service .subNav { position:fixed; top:120px; z-index:10;}
.subTypo01 {float:right;/* margin: 16% 12%; */padding: 9% 0 1.5%;width: 38%;text-align: left;opacity:1;filter: alpha(opacity=0;);}
.subTypo01 dt {font-size: 3em;line-height: 1.2em;font-weight:600;color:#252525;font-family: 'IBMPlexSansKR-Regular';}
.subTypo01 dt small {font-size: 20px;}
.subTypo01 dd {color:#5a5a5a;font-size: 1.2em;line-height: 1.5em;}
.subTypo01 dd p {font-size:1.1em;color:#000;font-weight: 400;margin:1.5em 0;}

.fp_img_sub{width: 61%;float:left;}

.fp_img_sub{max-width: 990px;padding: 0 15px;margin: auto;position: relative;z-index: 10;padding-top: 3%;margin-left: 90px;}
.fp_img_sub .item{width: 50%;padding: 0 7.5px;float: left;}
.fp_img_sub .item01{ margin-top:30px;}
.fp_img_sub .img{padding-top: 115%;background-size:cover;}

.fa_info-txt{text-align: center;padding: 7% 0 0 0px;}
.fa_info-txt .subtit{font-size: 30px;font-family: "Josefin Sans",sans-serif;line-height: 1;color: #535353;}





/*스페셜*/
.sp_txt_info{ text-align: center;}
.sp_txt_info .tit{ font-size: 45px; fline-height: 1.05;   color: #535353;  letter-spacing: 1.5px; } 

.sp_txt_info .subtit {padding:1.5em;text-align:center;font-size: 17px;/* font-family: 'YiSunShinDotumM'; */color:#525252;/* font-weight: 700; */}
.sp_txt_info .subtit a {display:inline-block; ,font-size:1.15em;line-height:1.5em;padding:0 5px;}
.sp_txt_info .subtit a.this { font-weight:700; color:#4798ba;}
.sp_txt_info .subtit a:hover {text-decoration: underline;}

.sp_txt_info .txt{  font-size: 15px; color: #5a5a5a;  line-height: 1.7;}

.sp_txt_name{font-size: 18px;padding: 0 20px;border-left: 1px solid #535353;border-right: 1px solid #535353;display: inline-block;color: #535353;line-height: 1;font-family: 'IBMPlexSansKR-Regular';font-weight: 600;margin:1.5% auto 0.2%;}
.sp_txt_name a{ color: #000;}

.text-center{ text-align:center;}

.sp_img_sub{  max-width: 990px;  padding: 0 15px;  margin: auto;  position: relative; z-index: 10; padding-top: 5%; }
.sp_img_sub .item{  width: 33.3333%; padding: 0 7.5px; float: left;}
.sp_img_sub .img{  padding-top: 160%; background-size:cover;}



/*예약안내*/
.subTitle {position:absolute;/* left:8%; */top:25%;opacity:1;filter: alpha(opacity=1;);z-index:10;/* text-shadow: 2px 2px 3px rgba(0,0,0,0.60); */color: #252525;opacity:0.80;background: #fff;padding: 50px;}
.subTitle span { display:block; line-height:1em; font-size:4em}
.subTitle p { font-size:15px; margin-top:15px;}
.subTitle dd { margin-top:0; font-family:'YiSunShinDotumM';}

.subNav { margin-top:0.5em; }
.subNav ul li {display:inline-block;margin:0 3px;font-size:1.1em;line-height:1.2em;color: #252525;}
.subNav ul li:first-child { margin-left:0;}
.subNav li a {font-size:1.05em;line-height:1.5em;color: #252525;font-weight:300;transition: all 0.3s ease-in-out;}
.subNav li a:hover, .subNav li a:focus { text-decoration:underline;}
.subNav li.this a, .tourNav li a.this { font-weight: bold;}

.reserImg01  { position:absolute; width:38.54%; height:100%; left:0; top:0; overflow:hidden; z-index:1; background:url(/web/img/sub/rev_01.jpg); background-size:cover;}
.reserImg02  { position:absolute; width:38.54%; height:100%; left:0; top:0; overflow:hidden; z-index:1; background:url(/web/img/sub/rev_02.jpg); background-size:cover;}

.reserArea { position:relative; float:right; width:61.46%; height:100vh; overflow:hidden; z-index:1;}
.reserArea .swiper-slide > div { height:100vh; padding:120px 7em 5em 7em;  filter: alpha(opacity=70;); background:#eaeaea; color:#525252;}
.reser_04 .mCSB_container { padding-top:30vh; margin-top:-100px;}

.reserCon { position:relative; height:calc(100vh - 220px);}
.reserCon:after {content:"";display:block;clear:both;}
.reser_dl {  margin-bottom:2em; }
.reser_dl dt {font-size:1.2em;line-height:1.6em; margin-bottom:0.5em; font-weight:500; }
.reser_dl ul li { font-size:15px; line-height:1.5; padding-left:10px; position:relative; }
.reser_dl ul li:before { content:'·'; position:absolute; left:0; top:0;  }

.reser_dl dd { margin-bottom:2em; line-height:1.5; font-size:15px;}
.reser_dl dd:first-child { margin-bottom:0;}
.reser .list01 li i { width:auto; min-width:1em;}
.reser_line { position:relative; width:100%; height:1px; margin:3% 0; background:#fff; opacity:0.3; filter: alpha(opacity=30;); }
.reser_line02 { margin-bottom:0;}
.reserTable { width:100%; border-collapse:collapse; border-top:1px solid #525252; margin-bottom:4%;}
.reserTable th, .reserTable td { padding:12px 3px; font-size:0.95em; line-height:1.5em; text-align:center; border-bottom:1px solid #525252; font-weight:400;}
.reserTable td {border-left:1px dotted #525252;}
.reserTable td:first-child { border-left:none;}
.reserTable tbody tr:hover td, .reserTable tbody tr:hover th {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background:#fff; color:#101010; cursor:pointer;}

.reser-box{width: 250px;line-height: 45px;background-color: #59a4d9;border: 1px solid #59a4d9;color: white;text-align: center;display: block;margin: 0 auto 65px;letter-spacing: 0.05em;transition:0.5s;}
.reser-box:hover {background: #fff;border: 1px solid #476377;color: #476377;transition:0.5s;border-radius: 50px;}


.reser02 .reserArea { }
/*.reser_frame { position:relative; margin:0 auto; padding-top:180px; background:#fff; z-index:6;}*/
.reser_frame {position:relative; width:90%; height:calc(100vh - 180px); left:5%; top:130px; background:#fff; /*opacity:0.7; filter: alpha(opacity=70;);*/ z-index:3; }
.reser_frame iframe { display:block; width:96%; height:calc(100vh - 180px); margin:0 auto; padding:0 0 2%;}

.img_rev{display:none;}


/*애니메이션*/
.scroll-txt{opacity: 0; transform: translateY(100px); transition: 1.6s;}
.scroll-txt.on{opacity: 1; transform: translateY(0px);}

.scroll-obj{opacity: 0; transform: translateY(200px); transition: 1.6s;}
.scroll-obj.on{opacity: 1; transform: translateY(0px);}
@keyframes leapAni{
    0%{transform: rotate(0) skewY(0);}
    50%{transform: rotate(0.25deg) skewY(0.6deg);}
    100%{transform: rotate(0) skewY(0);}
}
@keyframes leapAni2{
    0%{transform: rotate(0) skewY(0);}
    50%{transform: rotate(-0.3deg) skewY(1.2deg);}
    100%{transform: rotate(0) skewY(0);}
}

@keyframes scrollDown{
    0%{transform: translateY(0);}
    50%{transform: translateY(-15px);}
    100%{transform: translateY(0);}
}

/*반응형*/

@media all and (max-width: 1680px){
	.fp_img_sub{width:55%;} .subTypo01{width:35%;}
	.room_info-txt .tit_rooom{margin:50px auto 25px;}
}

@media all and (max-width: 1600px){
.about_txt .txt01{margin-top:3%; font-size:33px;}
.about_txt .subtit{font-size:21px;} .about_txt .txt02{font-size:14px;}
.title_rev{font-size:14px; padding:10px 20px;} .about_txt .txt02{margin-bottom:1%;}

.fp_img_sub{width:50%;} .subTypo01{width:40%; padding:6% 0 1.5%;}
.full-page-wrap .con1 .scroll-down{left:46.5%;}
.sp_img_sub .img{padding-top:115%;} .sp_img_sub{padding-top:6%;}
.reserArea .swiper-slide > div{padding:93px 7em 5em 7em;} .reserTable{margin-bottom:4%;} .reser_dl ul li{font-size:13px;} .reser_dl{margin-bottom:0.5em;}
.reserTable th, .reserTable td{padding:10px 3px;}
}

@media all and (max-width: 1550px){
    .special-wrap .con2 .inner-con{width: calc(100% - 100px);}
	.about_txt .txt02{font-size:15px;}
}

@media all and (max-width: 1450px){
	.tabbox a{padding:7px 20px;}
	.room_info-txt .tit_rooom{font-size:40px; margin:65px auto 25px;}
	.room_info-txt .txt2{font-size:15px;}
	
    .view-wrap .con2 .inner-con{width: calc(100% - 100px);}
    .reser-wrap .inner-con{width: calc(100% - 100px);}  
}

@media all and (max-width: 1366px){
	.reserTable th, .reserTable td {padding:8px 3px; font-size:0.75em;}
	.reserArea .swiper-slide > div{padding:83px 7em 5em 7em;} .reserTable{margin-bottom:2.5%;}
	.reser_dl ul li{font-size:11.5px;} .reser_dl dd{font-size:11.5px;} .reser_dl dt{margin-bottom:0.2em; font-size:1em;}
	
	.sp_img_sub{padding:6% 90px 0;} .sp_txt_info .subtit{padding:1.2em; font-size:15px;} .sp_txt_info .txt{font-size:13.5px;}
	.subTypo01{ padding:3% 0 1.5%;}
	
	.fa_info-txt .subtit{font-size:27px;} .tabbox a{padding:6px 16px;} .tabbox{margin-top:2%;}
	.fp_img_sub .item{padding:0 12.5px;} .subTypo01 dt{font-size:2em;} .subTypo01 dd{font-size:1.1em;}
	
	.room_info{padding: 2% 0 0 0;} .room_info-txt .subtit{font-size:27px;}
	.room_info-txt .tit_rooom{font-size:25px; margin:50px auto 25px;} .room_info-txt .txt1{font-size:16px; margin:24px auto 5px;} .room_info-txt .txt2{font-size: 13px;}
	
	.about_sub_img{margin-bottom:0%;}
	.about_txt .txt01{font-size:25px; margin-top:1%;} .about_txt .subtit{font-size:21px; margin:15px auto 20px;} .about_txt .txt02{font-size:12px; }
	.title_rev{font-size:12px;}
}


@media all and (max-width: 1280px){
	.sp_txt_info .txt{font-size:12px;} .sp_img_sub .img{ padding-top:105%;}
	}


@media all and (max-width: 1024px){  
	.full-page-wrap .con1 .scroll-down{display:none;}
	  
    .view-wrap .con2 .inner-con{width: calc(100% - 30px);}    
    .img_wrap .con2 .inner-con{width: calc(100% - 30px);}
	
	.fp_img_sub{width:80%;} .subTypo01{width:100%;} .subTop{max-width:90%; margin:auto;}
	.reserArea .swiper-slide > div{padding:20px 5em 5em 5em;}
   
}

@media all and (max-width: 800px){    
    .full-page-btn {display: none;}

    .full-page-wrap section{height: auto;}
    .full-page-wrap section.con1{height: 440px;}
    .full-page-wrap .basic-slide-wrap .slide-wrap .slide{height: 350px;}

    .main-wrap.full-page-wrap .tit.fixed{position: absolute;}
    .main-wrap.full-page-wrap .tit{visibility: visible; opacity: 1;}
    .main-wrap.full-page-wrap section{height: auto;}

    .main-wrap .m-main-wrap .m-tit.ab{position: absolute;}
    .main-wrap .m-main-wrap .m-tit h2{font-size: 32px; font-weight: 100; }
    .main-wrap .m-main-wrap .m-tit h3{font-size: 16px; font-weight: 300; }
    .main-wrap .m-main-wrap .m-tit p{font-size: 10px;}
    .main-wrap .m-main-wrap .m-tit{bottom: 50px; left: 25px; position: fixed; opacity: 0; visibility: hidden; pointer-events: none; transition: 0.6s; z-index: 5;}
    .main-wrap .m-main-wrap .m-tit.visible{visibility: visible; opacity: 1;}

    .main-wrap .scroll-section{display: none;}
    .main-wrap .m-main-wrap .bg{width: 100%; height: 100vh; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center;}    


    .m-main-wrap{display: block;}

    .sub-slide-wrap .slide{height: 440px;}
    .full-page-wrap .con1 .scroll-down p{margin-bottom: 10px; font-size: 11px;}
    .full-page-wrap .con1 .scroll-down .line{height: 25px;}
    .view-wrap .con1 .tit{bottom: 50px;}
    .view-wrap .con1 .tit h2{font-size: 32px;}
    .view-wrap .con1 .tit h3{font-size: 16px;}

    .view-wrap .con2{padding-top: 50px;}
    .view-wrap .con2 .tit h2{font-size: 32px;}
    .view-wrap .con2 .tit h3{font-size: 16px;}
    .view-wrap .con2 .deco-wrap img{width: 150px;}
    .view-wrap .con2 .deco-wrap .img2{left: 100px;}
    .view-wrap .con2 .img{width: 100%; padding-right: 0;  float: none;}
    .view-wrap .con2 .txt{width: 100%; float: none;}
    .view-wrap .con2 .txt p{font-size: 13px;}
    .view-wrap .con2 .txt h5{font-size: 14px; margin-top: 25px; margin-bottom: 20px;}

    .view-wrap .con3 .txt h2{font-size: 32px;}
    .view-wrap .con3 .txt h3{font-size: 16px;}

    .img_wrap .con1 .tit h2{font-size: 32px;}
    .img_wrap .con1 .tit h3{font-size: 16px;}
    .img_wrap .con1 .tit h4{font-size: 24px;}
    .img_wrap .con2{padding-bottom: 1px; background:#fff !important;}
    .img_wrap .con2 .tit h3{font-size: 16px;}
    .img_wrap .con2 .tit h2{font-size: 32px;}
    .img_wrap .con2 .tit p{font-size: 12px;}
    .img_wrap .con2 .ico-wrap li{height: 110px;}
	
	.reserArea .swiper-slide > div{padding:102px 1em 0 1em;}
	
	.tabbox{font-size:13px;} .tabbox a{padding:5px 12px;}
	.fp_img_sub{width:100%; margin-left:0px; padding-top:6%;}
	
	.img_wrap .con1 .tit h1{font-size:25px;} .subTypo01{padding:6% 0 11.5%;}
	
	.room_info{width:100%; float:none;} .room-slider .slide{width:100%; display:none;}
	
	.about_txt .txt01{font-size:23px; margin-top:10%;} .title_rev{margin-bottom:10%;}
	.about_sub_img{margin-top:2%;} 
	
	.reserImg01{display:none;}.reserImg02 {display:none;}
	.reserArea .swiper-slide > div{padding:0px 1em 0 1em;}
	.reserArea{height:85vh; background:#eaeaea;} .reserArea .swiper-slide > div{height:125vh}
	.reserTable th, .reserTable td{font-size:0.80em; padding:5px 1.5px;}  
	.img_rev{display:block; margin-bottom:5%; }
	.reserArea{width:100%;}  .subTitle{display:none;}

    
}

@media all and (max-width: 540px){
.full-page-wrap section.con1{ height:350px;} 	.full-page-wrap section.con1{height:350px;}
main{margin-top:15%;}


.full-page-wrap .con2 .scroll-down .line{display:none;}
.sub-slide-wrap .btn-wrap .page-num span.page-front{margin-right:15px; font-size:13px;}
.sub-slide-wrap .btn-wrap .page-num span{font-size:13px;}
.sub-slide-wrap .btn-wrap > span{font-size: 30px;} .sub-slide-wrap .btn-wrap{/* bottom:15px; */}
.sub-slide-wrap .slide{height:350px;} .img_wrap .con2 .tit{display:none;} .img_wrap .con1 .tit {display:none;}

.room_info{padding:6% 0 4% 0;}
.about_txt .txt01{ margin-top:6%;}

.tabbox a{padding:5px 6px;} .tabbox{font-size:12px;}
 
.reserArea{height: 95vh;}
}


@media all and (max-width: 450px){
main{margin-top:19%;}
/*.sub-slide-wrap .slide{height:230px;}*/


.about_txt .txt02{font-size:13px;} #bgtxt{top:47%; opacity:0.05; font-size:28vw;}

.room_info-txt{margin:auto; max-width:95%;} .room_info-txt .txt2{font-size:11.5px;}


.fp_img_sub .item{padding:0 2.5px;}
.sp_img_sub .item{padding: 0 2.5px;} .sp_img_sub{padding: 6% 10px 0;} .sp_txt_name{margin:5.5%  auto 0.2%;}



}

@media all and (max-width: 375px){
main{margin-top:21%;}
.tabbox a{padding:4px 8px;} .tabbox{font-size:12px;}
.sp_img_sub .img{padding-top:140%;}
.reserTable th, .reserTable td{ font-size:0.7em; padding:5px 0.1px;}

.about_txt .subtit{ font-size:20px;} .about_txt .txt01{font-size:18px;} .about_txt .txt02{font-size:11px;}

.reserArea{height:133vh;}  .reserArea .swiper-slide > div{height:133vh}
.room_info-txt .txt1{font-size:13px;}
}

@media all and (max-width: 325px){ main{margin-top:22.5%;} .reserArea{height:150vh; margin-top:22.5%;} 
}