@charset "utf-8";
/*DEFAULT*/
*{margin: 0; padding: 0; box-sizing: border-box;}
html,body{width: 100%; height: 100%; color: #333333; background-color: white;  font-family:"Brandon","NotoSans";}
b{font-family: "NotoSans";}
li{list-style: none;}
a{text-decoration: none; color: #1c1c1c;}
button,input,a{border: 0; outline: none; background-color: transparent; box-shadow: none;}
section{position: relative;}
main{overflow: hidden;}
.main-inner{width: 1770px; margin: 0 auto; position: relative; z-index: 300;}
.inner-con{max-width: 1300px; margin: 0 auto;}
.scroll-down{cursor: pointer;}
section{position: relative;}
br{opacity: 0;}
p,h3,h4,li,a{font-weight: 100; transform: rotate(-0.03deg);}
b{font-weight: 500;}
#vimeoWrap{
    position: relative;
    padding-bottom: 55%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 0;
}
#vimeoWrap iframe,
#vimeoWrap object,
#vimeoWrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*인스타 스타일*/
.insta-wrap{ margin-top: 150px; margin-bottom: 100px;}
.insta-wrap .insta-tit{text-align: center; }
.insta-wrap .insta-tit h1{font-size: 40px; font-family: "hunterR";}
.insta-wrap .side_txt .fab{ margin-right: 10px; font-size: 22px;}
.insta-wrap .side_txt{ margin-left: 10px; font-size: 14px; margin-bottom: 5px; font-family: "NotoSans"; font-weight: 100; display: inline-block; margin-top: 50px;}
.instagramFeed{text-align: center;}
.instagram_profile img{border-radius: 50%; }
.instagram_gallery a{position: relative; width: calc(25% - 20px); display: block; float: left; margin: 10px; overflow: hidden;}                   
.instagram_gallery a img{width: 100%; transition: 0.8s;}
.instagram_gallery a .txt{position: absolute; top: 0; left: 0; color: white; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%; display: block; margin: 0; padding: 0; opacity: 0; visibility: hidden; transition: 0.5s; text-align: center; padding:30px;}
.instagram_gallery a:hover .txt{opacity: 1; visibility: visible;}
.instagram_gallery a:hover img{transform: scale(1.2);}
.instagram_gallery::after{content: ""; display: table; clear: both;}
/* .sub-wrap .insta-wrap{display: none;} */
/*HEADER*/
#divpop0 div{overflow: hidden;}
.hd{position: fixed; top: 0; left: 50%;  transform: translateX(-50%); z-index: 9999; width: 100%;}
.hd .logo{width: 180px; height: auto; float: left; position: relative; top: 80px; left: 80px;}
.hd .logo a{position: absolute; top: 0; left: 0; width: 100%;}
.hd .logo img{width: 100%; position: absolute; top: 0; left: 0; transition: 1.2s;}
.hd .logo img.logo-black{opacity: 0;}
.hd.fixed .logo img.logo-black{opacity: 1;}
.hd.fixed .logo img.logo-white{opacity: 0;}
.hd.click .logo img.logo-white{opacity: 1;}
.hd.click .logo img.logo-black{opacity: 0;}
.hd.click.fixed .logo img.logo-black{opacity: 0;}
.hd.click.fixed .logo img.logo-white{opacity: 1;}



.full-view{position: relative; height: 100vh; overflow: hidden;}
.full-view figure{width: 100%; height: 100%;}
.main-slide-wrap .full-page iframe{pointer-events: none;}
.full-page{width: 100%; height: 100%; position: relative;}
.full-page iframe{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.full-page.horizon iframe{width: 110vw; height: 62vw;}
.full-page.vertical iframe{height: 100%; width: calc(177.777vh + 170px);}
.hd .menu{width: 45px; height: 45px; background-color: white; border-radius: 50%; position: relative; cursor: pointer; float: right; top: 80px; right: 70px;}
.hd .menu p{color: white; font-family: "HunterR"; font-size: 12px; text-align: center; display: block; margin-top: calc(100% + 5px); font-weight: 100;}
.menu .menu-line{width: 20px; height: 1px; background-color: #565758; display: block; position: absolute; left: calc(50% - 10px); top: calc(50% - 1px); transition: 0.5s;}
.menu .line1{transform: translateY(-3px);}
.menu .line3{transform: translateY(3px);}
.tel-btn{display: none;}
.tel-btn *{color: white;}
.header-con{z-index: 2000;}
.gnb{width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 1000; background-image: url(../img/nav_bg.jpg); background-size: cover; visibility: hidden; opacity: 0; transition: 0.5s; background-position: center center;}
.gnb .menu-wrap{position: absolute; left: 50%; top: 50%; transform: translateY(-50%); display: none;}
.gnb > ul > li{position: relative;}
.gnb > ul > li > a{font-size: 40px; font-family: "hunterR"; line-height: 40px; padding-bottom: 40px;}
.gnb > ul > li  span{font-size: 14px; margin-left: 10px;}
.gnb a{color: white;  text-align: left; display: inline-block;}
.gnb a::after{width: 0%; height: 1px; background-color: white; content: ""; display: block; transition: 0.5s;}
.gnb ul > li:hover > a::after{width: 100%;}
.gnb .sub-menu{position: absolute; right: -200px; top: 0px;visibility: hidden; opacity: 0; transition: 1s; padding-left: 100px; z-index: 3000; pointer-events: none;}

.gnb .sub-menu li{width: 120px; }
.gnb .sub-menu li.res-menu-btn a{color: #ffff45;}
.gnb .sub-menu li.res-menu-btn a::after{background-color: #ffff45;}
.gnb .sub-menu li a{ font-size: 18px; line-height: 2.4; font-weight: 100;}

.gnb > ul > li:hover .sub-menu{visibility: visible; opacity: 1; pointer-events: all; pointer-events: all;}


.menu.X .line1{transform: translateY(0) rotate(45deg)} 
.menu.X .line2{transform: translateY(0) translateX(-10px); opacity: 0;} 
.menu.X .line3{transform: translateY(0) rotate(-45deg)} 
.slide{background-size: cover;}
/*TXT EFFECT*/
.tit .scroll-head{opacity: 0.3; transform: translateY(100%); transition-timing-function: ease-out; transition: 1.5s;}
.con1 .scroll-head{ transition-delay: 0.5s;}
.tit.on .scroll-head{opacity: 1; transform: translateY(0);}
/* .main-wrap .tit p{opacity: 0; transform: translateX(-30px); transition: 1.5s; transition-timing-function: ease-out;}
.main-wrap .tit.on p{opacity: 1;  transform: translateX(0);} */
.gnb > ul > li span{color: white; font-weight: 100;}
/* .hd .main-sns a.res::after{content: "예약"; display: block; text-align: center; white-space: nowrap; margin-bottom: 20px; margin-top: 3px; margin-left: -4px; font-size: 13px; font-weight: 500;} */
/* .con1 .right-con .main-sns a.res::after{content: "예약"; display: block; text-align: center; white-space: nowrap; margin-bottom: 20px; margin-left: -4px; margin-top: 3px; font-size: 13px; font-weight: 500;} */
/*MAIN*/
.wrapper{width: 100%; height: 100%; position: relative;}
/*MAIN MOBILE*/
.main-wrap .m-con.con1{width: 100%; height: 100vh; display: none;}

/*MAIN SLIDE*/
.main-wrap .con1 .basic-slide{width: 100%;}
.main-wrap .con1 .slide{width: 100%; background-repeat: none; background-size: cover; background-position: center bottom; }
.main-wrap .con1 .main-inner{position: absolute; top: 0; left: 50%; transform: translateX(-50%);z-index: 300; height: 100vh; pointer-events: none;}
.main-wrap .con1 .tit{position: absolute;bottom: 150px; left: 50px; z-index: 300; transform: rotate(0.03deg);}
.main-wrap .con1 .tit *{color: white;}
.tit-box{overflow: hidden;}
.main-wrap .con1 .tit h3{font-size: 22px; font-weight: 300; font-family: "Brandon ";}
.main-wrap .con1 .tit h1{font-size: 110px; font-family: "hunterR"; font-weight: 100;}
/* .main-wrap .con1 .tit.on h1{opacity: 1; transform: translateY(0);}         */
.main-wrap .con1 .tit p{font-size: 16px; font-weight: 100; font-family: "Arita"; line-height: 1.8;}        

.main-wrap .video-btn{position: absolute; bottom: 70px; right: 100px; width: 200px; height: 50px; line-height: 50px; background-color: white; color: #333; text-align: center; z-index: 5; font-family: "Tenor Sans",sans-serif; font-size: 16px; transition: 0.8s; pointer-events: all; z-index: 10;}
.main-wrap .video-btn:hover{background-color: rgba(0,0,0,0.6); color: white;}


.hd .main-sns{position: absolute; bottom: 100px; right: 100px;}
.hd .main-sns a{display: block; margin-top: 30px;}

.con1 .right-con *{color: white;}
.con1 .right-con{position: absolute; bottom: 90px; right: 0px; pointer-events: all; padding-right: 100px;}
.con1.no-page .right-con{bottom: 150px;}
.con1 .right-con .main-sns a{display: block; width: 15px; height: 15px; margin-top: 35px;}
.con1 .right-con .main-sns a img{width: 100%;}
.con1 .right-con .scroll-down{margin-top: 60px;}
.con1 .right-con .scroll-down p{writing-mode: vertical-lr; font-size: 13px; -ms-writing-mode: tb-lr; white-space: nowrap;}
.main-wrap .con1 .right-con .scroll-down::after{display: none;}
.main-wrap .con1 .right-con .scroll-down::before{display: block; content:""; width: 1px; height: 50px; background-color: rgba(255,255,255,0.6); margin-left: 8px; margin-bottom: 50px;}
.con1 .right-con .scroll-down::after{display: block; content:""; width: 1px; height: 50px; background-color: rgba(255,255,255,0.6); margin-left: 8px; margin-bottom: 50px;}
.con1 .right-con .scroll-down .mouse{width: 17px; height: 27px; background-color: white; border-radius: 17px; margin-top: 10px; margin-bottom: 20px; position: relative;}
.con1 .right-con .scroll-down .mouse .whell{position: absolute; width: 3px; height: 8px; background-color: #a25d44; border-radius: 3px; left: 7.5px; top: 5px; animation: whell 2s ease-in-out infinite;}
/* .main-wrap .con1 .right-con .page{display: none;} */
.main-wrap .con1 .right-con{bottom: 170px;}
.con1 .right-con .page{width: 70px; height: 50px; position: relative; font-size: 14px; margin-right: -100px;}
.con1 .right-con .page .next{display: block; text-align: right; float: right; margin-top: -16px; position: relative; cursor: pointer; z-index: 150;}
.con1 .right-con .page .prev{display: block; text-align: left; float: left; margin-bottom: -17px; position: relative; cursor: pointer; z-index: 150;}
.con1 .right-con .fal{color: white; font-size: 14px; display: block;}

.con1 .right-con .page p:first-child{text-align: left;}
.con1 .right-con .page p:last-child{text-align: right;}
.con1 .right-con .page .pro-bar-wrap{width: 100%; height: 1px; background-color: rgba(255,255,255,0.2); margin: 15px 0;}
.con1 .right-con .page .pro-bar{display: block; width: 0%; height: 1px; background-color: rgba(255,255,255,0.5);}
.con1.basic-slide-wrap .right-con .page .pro-bar.pro-ani{animation: paging 2s infinite linear;}        
.scroll-down{font-family: "perpetua";}
/*MAIN CON2*/
.con2{overflow: hidden;}
.con2 .main-deco{position: absolute; top: -150px; left: -150px; width: 700px;}
.con2 .main-deco img{width: 100%;}
.main-wrap .con2 .right-con{ width: 1500px; margin: 0 auto; margin-top: 200px;}
.main-wrap .con2 .tit{ margin-left: 20px;}
.main-wrap .con2 .tit *{color: #af9b88;}
.main-wrap .con2 .tit h4{font-size: 22px; font-weight: 100;}
.main-wrap .con2 .tit h1{font-size: 130px; font-family: "hunterR"; font-weight: 100;}
.main-wrap .con2 .tit p{font-size: 16px; font-family: "Arita"; font-weight: 100; line-height: 1.8;}
.main-wrap .con2 .con-slide{margin-top: 90px;}
.main-wrap .right-con::after{content: ""; display: table; clear: both;}        
.main-wrap .con2 .con-slide .slide{height: 500px; width: 1150px; background-size: cover; background-repeat: no-repeat; margin-left: 20px; position: relative;}
.main-wrap .con2 .con-slide .slide .txt{background-color: white;  width: 120px; height: 70px; text-align: center; padding-top: 5px; position: absolute; bottom: 50px; right: 30px; transition: 1s; color: #939393; cursor: pointer;}

.main-wrap .con2 .con-slide .slide .haxagon::after{content: ""; display: block; position: absolute; top: -50%; border: 1px solid white; border-width: 0px 60px 35px 60px; border-color: transparent transparent white transparent;}
.main-wrap .con2 .con-slide .slide .haxagon::before{content: ""; display: block; position: absolute; bottom: -50%; border: 1px solid white; border-width: 35px 60px 0px 60px; border-color:white transparent transparent  transparent;}
.main-wrap .con2 .con-slide .slide .txt h3{font-size: 12px;}
.main-wrap .con2 .con-slide .slide .txt h1{font-size: 26px; line-height: 1.2;}
.main-wrap .con2 .con-slide .slide .txt a{font-size: 18px; color: #939393; line-height: 1; position: relative;}
.main-wrap .con2 .con-slide .slide .txt a:hover{border-bottom: 1px solid #939393;}

.special-preview{height: 900px;}
.special-preview .special-img-wrap .swiper-wrapper .swiper-slide{height: 900px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.special-preview .special-btn-wrap{display: flex; height: 100%; position: absolute; top: 0; right: 0; align-items: center; z-index: 15;}
.special-preview .special-btn-wrap ul{padding-left: 115px; padding-right: 85px;}
.special-preview .special-btn-wrap li{ padding-bottom: 20px; margin-bottom: 15px; position: relative;}
.special-preview .special-btn-wrap li::after{content: "";display: block; width: calc(100% + 300px); height: 1px; background-color: white; opacity: 0.3; position: absolute; bottom: 0; left: -115px; transform: scaleX(0); transform-origin: right; transition: 1.2s;}
.special-preview .special-btn-wrap li.on::after{transform: scaleX(1);}
.special-preview .special-btn-wrap li a{font-size: 30px; font-family: "Brandon"; font-weight: 200; color: white;}

.footer-con .res-txt{clear: both; text-align: center; padding-top: 220px;  margin-bottom: 200px;}
.footer-con .res-txt::after{content: ""; display: block; width: 1px; height: 55px; background-color: #f4ede6; margin: 0 auto; margin-top: 25px;}
.footer-con .res-txt::before{content: ""; display: block; width: 1px; height: 55px; background-color: #f4ede6; margin: 0 auto; margin-bottom: 25px;}
.footer-con .res-txt *{color: #af9b88;}
.footer-con .res-txt h3{font-size: 25px; font-family: "hunterR"; font-weight: 300; opacity: 0.5; letter-spacing: 0.1em;}
.footer-con .res-txt a{font-size: 56px; color: #af9b88; font-family: "hunterR"; font-weight: 300; width: 250px; display: block; margin: 0 auto;}

.footer-con .res-txt a::after{content: ""; display: block; background-color: #af9b88; width: 100%; height: 3px;}
.footer-con .res-txt a:hover::after{animation: under-line 1.5s ease-out;}

.footer-con .res-txt p{font-size: 18px; margin-top: 20px;  font-family: "NotoS";}
.icon-aw_logo_svg:before{content:'\0042'; display:inline-block; margin-left:10px; margin-right:5px; vertical-align:middle; font-size:25px; color:#333333; }

/*sub default*/
.sub-wrap .con1 .main-inner {position: absolute; left: 50%; transform: translateX(-50%);}
.sub-wrap .con1 .tit{position: absolute; top: 58%; left: 50%; color: white; text-align: center; transform: translate(-50%,-50%); }
.sub-wrap .con1 .tit *{ color: white;}
.sub-wrap .con1 .tit h3{font-size: 22px; font-family: "hunterR"; font-weight: 100;}
.sub-wrap .con1 .tit h1{font-size: 80px; font-family: "hunterR"; font-weight: 100; margin-bottom: 35px;}
.sub-wrap .con1 .tit p{font-size: 16px;}

.small-main .con1 .main-inner{height: 100%;}
/*view*/
.view-wrap .con2{background-color: #ebedee; padding-top: 140px; padding-bottom: 360px; text-align: center;}
.view-wrap .con2 .tit{color: #a6a6a6;}
.view-wrap .con2 .tit h3{font-size: 22px; font-weight: 100;}
.view-wrap .con2 .tit h1{font-size: 60px; font-family: "HunterR"; font-weight: 300;}
.view-wrap .con2 .txt{margin-top: 50px;}
.view-wrap .con2 .txt p { font-size: 18px; margin-bottom: 35px; font-weight: 100;}
.view-wrap .con3{margin-top: -250px;}
.view-wrap .con3 .bg{height: 700px; background-size: cover; background-position: center bottom; position: relative;}
.view-wrap .con3 .bg .tit{ text-align:center; position: absolute; bottom: -75px; left: 50%; transform: translateX(-50%);}
.view-wrap .con3 .bg .tit *{color: white;}
.view-wrap .con3 .bg .tit h3{font-size: 20px; font-weight: 100;}
.view-wrap .con3 .bg .tit h2{font-size: 30px; font-family: "HunterR"; font-weight: 100;}
.view-wrap .con3 .bg .tit .line{width: 1px; height: 150px; margin: 0 auto;}
.view-wrap .con3 .bg .tit .line span{animation-fill-mode:forwards ;}

.view-wrap .con3 .bg .tit .line .white{display: block; height: 0; background-color: white;}
.view-wrap .con3 .bg .tit .line .gray{display: block; height: 0; background-color: #9a9a9a; animation-delay: 1.5s;}
.view-wrap .con2 .txt p{color: #333333;}
.view-wrap .con3 .info{margin-top: 75px;}
.view-wrap .con3 .info li{float: left; width: 48%; margin-bottom: 90px;}
.view-wrap .con3 .info li .img{width: 100%;}
.view-wrap .con3 .info li .img img{width: 100%;}
.view-wrap .con3 .info li.padding-info{margin-right: 4%;}
.view-wrap .con3 .info li p {float: right; line-height: 3; color: #764c28; font-size: 20px; font-family: "NotoS";}
.view-wrap .con3::after{content: ""; display: table; clear: both;}

.movie-wrap .vdo-wrap {max-height: 730px; height: 52vw;}
.movie-wrap .con2 .tit{margin-top: 110px; margin-bottom: 50px;}
.movie-wrap .con2 .tit p{font-size: 22px; font-family: "bardon"; color: #af9b88; font-weight: 100;}
.movie-wrap .con2 .tit h1{font-size: 80px; font-family: "HunterR"; color: #af9b88; font-weight: 100;}

.room-wrap .con2 .bg .tit .line span.gray{animation-delay: 1.5s;}

.line.on span{animation: line 1.5s linear;}
.line.on span.white{animation: halfLine 1.5s linear;}
.line.on span.gray{animation: halfLine 1.5s linear;}

/*room*/
.con2 .room-nav-wrap{margin-top: 150px; }
.room-wrap .con2 .room-nav a::after{content: ""; display: block; background-color: #af9b88; width: 0px; height: 1px; transition: 0.5s;  margin-top: 5px;}
.room-nav ul{margin-top: 10px;}
.con2 .nav-tit{float: left; width: 270px;}
.room-wrap .con2 {padding-bottom: 80px;}
.room-wrap .con2 .nav-tit *{color: #af9b88;}
.room-wrap .con2 h1{font-size: 80px; font-family: "hunterR"; font-weight: 100;}
.room-wrap .con2 h3{font-size: 22px; font-weight: 500}
.room-wrap .slide{background-size: cover;}
.room-wrap .con2 .room-nav{float: left; margin-left: 60px; width: calc(100% - 330px); margin-top: 25px;}
.room-wrap .con2 .room-nav li.on a{color: #af9b88;}
.room-wrap .con2 .room-nav li.on a::after{width: 100%;}
.room-wrap .con2 .room-nav li a:hover::after{width: 100%;}
.room-wrap .con2 .room-nav::after{content: ""; display: table; clear: both; margin-bottom: 100px;}
.room-wrap .con2 .room-nav h3{font-size: 30px; font-family: "hunterR"; font-weight: 100; border-bottom: 1px solid #e7e7e7; line-height: 1.6;}
.room-wrap ul{margin-top: 10px;}
.room-wrap .con2 li{float: left;}
.room-wrap .con2 a{display: block; width: 80px; text-align: center; color: #858585;}
/* .room-wrap .con2 a:hover{color: #af9b88; border-bottom: 1px solid #af9b88;} */
.room-wrap .con2 .room-nav a{font-size: 18px;}
.room-wrap .con2 .bg{clear: both;  width: 100%; position: relative;}
.room-wrap .con2 .bg img{display: block; width: 100%;}
.room-wrap .con2 .bg .tit{text-align: center; position: absolute; bottom: 0; width: 50%; z-index: 300; transform: translateX(-50%); left: 50%; pointer-events: none;}
.room-wrap .con2 .bg .tit .line{height: 160px;  margin-bottom: -80px;}
.room-wrap .con2 .bg .tit .line span{animation-fill-mode: forwards}
.room-wrap .con3 .room-res-info h4{margin-bottom: 30px;}
.room-res-info p{text-align: center; line-height: 1.8; font-size: 14px; color: #333333;}
.room-res-info a{font-weight: 500; text-decoration: underline; font-size: 14px; color: #333333;}
.room-res-info{margin-bottom: 50px;}
.room-res-info .go-res{display: block; text-align: center; text-decoration: none; color: #af9b88; margin: 0 auto; margin-top: 50px; width: 200px;}
.room-res-info .go-res h3{font-size: 38px; font-family: "HunterR"; color: #af9b88}
.room-res-info .go-res:hover h3::after{animation: under-line 2s ease-out;}
.room-res-info .go-res h3::after{width: 100%; height: 1.5px; background-color: #af9b88; content: ""; display: block;  margin-bottom: 5px;}
.room-res-info .go-res h5{color: #af9b88; font-weight: 100; font-size: 14px;}

.room-wrap .con2 .bg .tit .line span.white{width:1px; height: 0; background-color: white; display: block; margin: 0 auto;}
.room-wrap .con2 .bg .tit .line span.gray{width:1px; height: 0; background-color: #9a9a9a; display: block; margin: 0 auto; animation-delay: 1.5s;}

.room-wrap .con2 .bg .tit *{color: white;}
.room-wrap .con2 .bg h1{font-size: 50px; font-family: "NotoSans"; font-weight: 400; margin-bottom: 20px; }
.room-wrap .con2 .bg h3{font-size: 20px; font-weight: 100;}
.room-wrap .con2 .bg h2{font-size: 30px; font-weight: 100; font-family: "hunterR"; line-height: 1.8;}

.room-wrap .con3{margin-top: 160px;}
.room-wrap .con3  h4{text-align: center; font-size: 14px; color: #382615; margin-bottom: 50px;}
.room-wrap .con3 .ico li{width: 12.5%; float: left; text-align: center; font-size: 24px;}
.room-wrap .con3 .ico.ico4 li{width: 14.28571%;}
.room-wrap .con3 .ico.ico9 li{width: 11.11111%;}
.room-wrap .con3 .ico p{font-size: 12px; color: #7f7a77; margin-top: 15px;}
.room-wrap .con3 .ico::after{content: ""; display: table; clear: both; margin-bottom: 100px;}

.room-wrap .con3 .price{margin-bottom: 100px; text-align: center;}
.room-wrap .con3 .price h4{margin-bottom: 50px;}
/* .room-wrap .con3 .price *{margin:10px 0; padding: 0; text-align: center;} */
.room-wrap .con3 .price .room_data{padding-left: 0;}
.room-wrap .con3 .room_data li{text-align: center;}
.room-wrap .con3 .price .room_data li .data{padding-left: 0;}
.room-wrap .con3 .price table{margin: 20px auto;}
.room-wrap .fal{font-size: 30px; color: #7f7a77;}
.room-wrap .ico img{width: 30px;}
.room-wrap .con4{width: 100%; background-color: #d0c6c6; padding-bottom: 170px;}
.room-wrap .con4 .tit{ text-align: center; padding-top: 120px;}
.room-wrap .con4 .tit *{color: white;}
.room-wrap .con4 .tit h1{font-size: 50px; line-height: 1.8; font-family: "NotoSans"; font-weight: 500;}
.room-wrap .con4 .tit h3{font-size: 30px; font-weight: 100; font-family: "HunterR"; line-height: 1.4;}
.room-wrap .con4 .tit h4{font-size: 20px; font-weight: 100;}
.room-wrap .con4 .line{height: 90px; width: 1px; margin: 25px auto; margin-bottom: 80px;}
.room-wrap .con4 .line span{display: block; height: 0; background-color: white; animation-fill-mode:forwards;}


.room-wrap .con4 .room-inner{width: 1700px; margin: 0 auto; position: relative;}
.room-wrap .con4 .room-inner::after{display: table; content: ""; clear: both;}
.room-wrap .con4 ol li{width: 33.3333%; float: left; margin-top: 10px; position: relative; height: 390px;}
.room-wrap .con4 .vd_li img{width: calc(100% - 10px)}
/* .room-wrap .con4 ol li img{width: 100%;} */

.room-preview{margin-top: 240px;}
.room-preview::after{content: ""; display: table; clear: both;}
.room-preview .tit{text-align: center; margin-bottom: 90px;}
.room-preview .tit h1{font-size: 50px; font-family: "HunterR"; font-weight: 100; color: #333333;}
.room-preview .tit p{font-size: 20px; color: #a9a9a9; font-weight: 100;}
.room-preview .tit h4{font-size: 26px; font-weight: 100; line-height: 1.6; margin-top: 30px; color: #848484;}

.room-preview .preview-map{width: 100%; position: relative;}
.room-preview .preview-map img{width: 100%; height: 100%;}

/*스페셜프리뷰*/
.special-preview

.preview-box{background-color: white; width: 67px; height: 40px; position: absolute; bottom: 150px; left: 50px;}
.preview-box h3{text-align: center; font-weight: 600; font-size: 18px; line-height: 1.2;}
.preview-box::after{content: ""; display: table; position: absolute; border: 1px solid white; border-width: 0px 33.5px 21px 33.5px; border-color: transparent transparent white transparent ; top: -21px;}
.preview-box::before{content: ""; display: table; position: absolute; border: 1px solid white; border-width: 21px  33.5px 0px 33.5px; border-color:white transparent transparent  transparent ; top: 100%;}


/*special*/
.con2 .special-nav-wrap{margin-top: 150px; }
.con2 .nav-tit{float: left; width: 270px;}
.special-wrap .con2 {padding-bottom: 80px; overflow: visible;}
.special-wrap .con2 .nav-tit *{color: #af9b88;}
.special-wrap .con2 h1{font-size: 42px; font-family: "hunterR"; font-weight: 100;}
.special-wrap .con2 h3{font-size: 20px; font-weight: 500}
.special-wrap .con2 h2{font-size: 18px;}
.special-wrap .slide{background-size: cover; background-position: center bottom;}
.special-wrap .con2 .special-nav{float: left; margin-left: 60px; width: calc(100% - 330px); margin-top: 25px;}
.special-wrap .con2 .special-nav li.on a{color: #af9b88; border-bottom: 1px solid #af9b88;}
.special-wrap .con2 .special-nav::after{content: ""; display: table; clear: both; margin-bottom: 100px;}
.special-wrap .con2 .special-nav h3{font-size: 30px; font-family: "hunterR"; font-weight: 100; border-bottom: 1px solid #e7e7e7; line-height: 1.6;}
.special-wrap .con3 ul{margin-top: 10px;}
.special-wrap .con2 li{float: left;}
.special-wrap .con2 a{display: block; width: 100px; text-align: center; color: #858585;}
.special-wrap .con2 a:hover{color: #af9b88; border-bottom: 1px solid #af9b88;}
.special-wrap .con2 .special-nav a{font-size: 16px;}
.special-wrap #vimeoWrap{padding-bottom: 54.6%;}
#vimeoWrap::after{content: ""; display: table; clear: both;}
.special-wrap .con2 .bg{clear: both;  width: 100%; position: relative; margin: 0 auto; background-size: cover; background-position: center center;}
.special-wrap .con2 .bg.pic-bg{height: 900px; width: 95%;}
.special-wrap .con2 .bg *{color: white;}
.special-wrap .con2 .bg::after{display: table; content: ""; clear: both;}
.special-wrap .con2 .bg .tit{text-align: center; position: absolute; bottom: 0; width: 50%; z-index: 300; transform: translate(-50%); left: 50%;}
.special-wrap .con2 .bg .tit .line{height: 160px;  margin-bottom: -80px; margin-top: 30px;}
.special-wrap .con2 .bg .tit .line span{height: 100%; width: 1px; background-color: white; margin: 0 auto; display: block;animation-fill-mode:forwards ;}
.special-wrap .con2 .bg .tit .line span.on{animation: line 1s linear;}
.special-wrap .con2 .info{background-color: #ebedee; text-align: center;position: relative; margin-top: 20px;}
.special-wrap .con2 .info *{color: #a3a3a3;}
.special-wrap .con2 .info .inner-con{position: relative; padding-top: 140px; padding-bottom: 450px; }
.special-wrap .con2 .info h1{font-size: 60px;}
.special-wrap .con2 .info h3{font-size: 22px;}
.special-wrap .con2 .info .txt h4{font-size: 16px; color: #333333; line-height: 2.2;}
.special-wrap .con2 .info .txt p{font-size: 16px; color: #333333}
.special-wrap .con2 .info .img-wrap{position: absolute; bottom: -300px; left: 50%; transform: translateX(-50%); width: 100%;}
.special-wrap .con2 .info .img-wrap .img{width: 600px; height: 500px; background-repeat: no-repeat; background-size: cover; float: left; margin-left: 30px;}
.special-wrap .con2 .info .img-wrap .img:first-child{margin-top: -100px;}


.special-wrap .con3{margin-top: 35px; margin-bottom: 100px;}
.special-wrap .con3.tmi-con3{margin-top: 250px; margin-bottom: 100px;}
.special-wrap .con3 h3{text-align: center; font-size: 14px; margin-bottom: 75px;}
.special-wrap .con3 .ico li{float: left;width: 16.6666%; text-align: center;}

.special-wrap .con3 .ico li a{display: block; border-left: 1px solid #c1c1c1;}
.special-wrap .con3 .ico li:first-child a{border-left: none;}
.special-wrap .con3 .ico li i{font-size: 30px; color: #c1c1c1; margin-bottom: 30px;}
.special-wrap .con3 .ico li p{color: #616161; font-size: 15px;}
.special-wrap .tmi-info{width: 100%; }
.special-wrap .tmi-info aside{float: left; width: 50%; height: 820px;  padding-top: 150px;}

.special-wrap .tmi-info .left{color: white; position: relative; }
.special-wrap .tmi-info .left.pool-left{background-color: #bdc4c8;}
.special-wrap .tmi-info .left.spa-left{background-color: #bdc4c8;}
.special-wrap .tmi-info .left.bbq-left{background-color: #bdc4c8;}
.special-wrap .tmi-info .left .special-slide-wrap{width: 600px; height: 400px; position: relative; float: right; margin-right: 200px;}
.special-wrap .tmi-info .left .special-slide-wrap .slide{height: 400px; background-position: center center;}
.special-wrap .tmi-info .dash-con li{font-size: 14px; float: none; line-height: 2;}
.special-wrap .tmi-info .dash-con::after{content: ""; display: table; clear: both;}
.special-wrap .tmi-info .left .tit{ position: absolute; bottom: -100px; left: 30px;}
.special-wrap .tmi-info .left.bbq-left .tit{bottom: -20px;}
.special-wrap .tmi-info .left .tit *{color: white;}
.special-wrap .tmi-info .left .tit h3{font-size: 22px;}
.special-wrap .tmi-info .left .tit h1{text-align: left; font-size: 60px; line-height: 0.8;}
.special-wrap .tmi-info::after{content: ""; display: table; clear: both;}
.special-wrap .tmi-info .right{padding-left: 130px; background-color: #f5f5f5; padding-top: 200px;}
.special-wrap .tmi-info .right h3{font-size: 14px; margin-bottom: 50px; font-weight: 600;}
.special-wrap .tmi-info .right p{font-size: 14px; margin-top: 40px; line-height: 2;}
.special-nav ul{margin-top: 10px;}

.special-wrap .info-two{width: 100%;}
.special-wrap .info-two::after{display: table; clear: both; content: "";}
.special-wrap .info-two aside{width: 50%; float: left; height: 950px; padding-top: 200px; position: relative;}
.special-wrap .info-two aside::after{content: ""; display: table; clear: both;}
.special-wrap .info-two .left{padding-right: 100px; text-align: right;}
.special-wrap .info-two .left p{font-size: 14px; margin-top: 40px; line-height: 2;}

.special-wrap .info-two .left li{font-size: 14px; line-height: 2; display: block; float: none;}
.special-wrap .info-two .right{background-color: #c8c5bd;}
.special-wrap .info-two .right .special-slide-wrap{width: 600px; height: 500px; position: relative; float: left; margin-left: 200px;}
.special-wrap .info-two .right .special-slide-wrap .slide{height: 400px; background-position: center center;}
.special-wrap .info-two .right .tit{position: absolute; bottom: -40px; right: 55px;}
.special-wrap .info-two .right .tit h3,.special-wrap .info-two .right .tit h1{color: white;}
.special-wrap .info-two .right .tit h1{font-size: 60px;}

.special-wrap .info-two .right .tit h3{font-size: 22px;}
/*MAP*/
.small-main .con1{width: 100%; height: 750px; background-size:cover ; background-position: center bottom; background-repeat: no-repeat;}
.m-map{display: none;}
.map-wrap .con2 .tit{margin-bottom: 110px;}
.map-wrap .con2 .tit p{font-size: 22px; font-family: "bardon"; color: #af9b88; font-weight: 100;}
.map-wrap .con2 .tit h1{font-size: 80px; font-family: "HunterR"; color: #af9b88; font-weight: 100;}
.map-wrap .con2 .map-info{margin-top: 165px; border-bottom: 1px solid #acacac;}
.map-wrap .con2 p{font-size: 16px; margin-top: 40px; margin-bottom: 30px;}
.map-wrap .con2 {margin-bottom: 10px;}
.map-wrap .con3 .info{margin-top: 70px;}
.map-wrap .con3 .info h3{margin-bottom: 20px; font-weight: 500;}
.map-wrap .con3 .info li{float: left;}
.map-wrap .con3 .info li::after{content: "|"; display: block; margin: 0 20px; float: left; margin-top: -2px;}
.map-wrap .con3 .info li:first-child::after{display: none;}

.map-wrap .con3 ol::after{display: table; content: ""; clear: both; margin-bottom: 30px;}
.map-wrap .con3 a{clear: both; display: block; width: 230px; height: 35px; border: 1px solid #acacac; text-align: center; line-height: 35px; font-size: 14px;}
.map-wrap .con3 a .fal{padding-right: 10px;}
/*TOUR*/
.tour-wrap .con2{overflow: visible;margin-top: 165px;}
.tour-wrap .con2 .tit{padding-bottom: 110px;}
.tour-wrap .con2 .tit p{font-size: 22px; font-family: "bardon"; color: #af9b88; font-weight: 100;}
.tour-wrap .con2 .tit h1{font-size: 80px; font-family: "HunterR"; color: #af9b88; font-weight: 100;}
.tour-wrap .con2::after{content: ""; display: table; clear: both;}
.tour-wrap .con2 .tour-list-wrap{position: absolute; display: flex; align-items: center; height: 100vh;}
.tour-wrap .con2 .tour-list-wrap.yet{position: absolute; top: auto; }
.tour-wrap .con2 .tour-list-wrap.start{position: fixed; top: 0;}
.tour-wrap .con2 .tour-list-wrap.end{position: absolute; top: auto; bottom: 100vh; transform: translateY(100%);}
.tour-wrap .con2 .tour-list-wrap li{font-size: 18px; margin-bottom: 15px;}
.tour-wrap .con2 .tour-list-wrap li a{opacity: 0.8; transition: 0.8s;}
.tour-wrap .con2 .tour-list-wrap li.on a{opacity: 1; text-shadow: 0px 0px 1px #1c1c1c;}
.tour-wrap .con2 .tour-list-wrap li a:hover{opacity: 1;}
.tour-wrap .con2 .tour-map-wrap{width: 40%; float: left; position: relative;}
.tour-wrap .con2 .tour-map-wrap img{width: 100%;}
.tour-wrap .slick-dots{position: absolute; bottom: 20px; left: 50%; transform: translateX(calc(-50% - 7.5px));}
.tour-wrap .slick-dots li{width: 15px; height: 15px; border-radius: 50%; background-color: white; float: left; margin-left: 15px;cursor: pointer;}
.tour-wrap .slick-dots li.slick-active{background-color: #af9b88; }

.tour-info{ position: relative; width: 60%; float: right;}
.tour-info .tour-slide{margin-bottom: 50px;}
.tour-info .slide{height: 480px; width: 100%; background-size: cover; background-position: center bottom;}
/* .tour-info .info{ visibility: hidden; opacity: 0; width: 100%; transition: 1s;} */
.tour-info .info{ width: 100%; margin-bottom: 100px;}
.tour-info .map-tit {color: #333333;}
.tour-info .map-tit h1{font-size: 30px; font-weight: 500; margin-bottom: 25px;}
.tour-info .map-tit p{font-size: 16px;  font-weight: 400;}
.tour-info .map-tit{padding-bottom: 30px; border-bottom: 1px solid #dddddd; margin-bottom: 30px;}
.tour-info .map-info p{font-size: 14px; line-height: 1.8; font-weight: 100; transform: rotate(-0.03deg);}
.tour-info .map-info p b{font-weight: 500; margin-top: 15px; display: block;}

.tour-info .page-wrap{position: absolute; top: 230px; width: 100%;}
.tour-info .page-wrap .page{cursor: pointer;}
.tour-info .page-wrap .page .fal{color: #b1b1b1; font-size: 30px;}
.tour-info .page-wrap .page1{position: absolute; top: 0; left: -50px;}
.tour-info .page-wrap .page2{position: absolute; top: 0; right: -50px;}

.marker{position: absolute; transition: 0.5s;}
/*RESERVATION*/
.res-wrap .con2 .tit{margin-bottom: 110px;}
.res-wrap .con2 .tit p{font-size: 22px; font-family: "bardon"; color: #af9b88; font-weight: 100;}
.res-wrap .con2 .tit h1{font-size: 80px; font-family: "HunterR"; color: #af9b88; font-weight: 100;}
.res-wrap .con2 .res-info{margin-top: 165px;}
.res-wrap .info-box{width: 50%; float: left; font-size: 15px;}
.dash-con li{position: relative; padding-left: 13px;}
.res-wrap .info-box .dash{padding-left: 13px;}
.res-wrap .info-box div{margin-bottom: 30px; display: block;}
.res-wrap .info-box .red{color: #bc3636; font-size: 14px;}
.dash-con li::before{content: "-"; position: absolute; top: 0; left: 0; line-height: 1.8;}
.res-wrap .dash-con span{font-size: 18px;}
.res-wrap .price{ margin-bottom: 50px;}
.left-txt li{line-height: 1.8;}
.right-txt p{font-size: 14px;}
.right-txt li b{font-weight: 500;}
.left-txt li b{font-weight: 500;}
.right-txt p b{font-weight: 500;}
.right-txt li{font-size: 14px; white-space: nowrap; line-height: 1.8; font-weight: 100;}
.res-wrap .con2::after{content: ""; display: table; clear: both; margin-bottom: 40px;}
.res-wrap .con3 .info-bg{position: relative;}
.res-wrap .con3 .info-bg .tit{text-align: center; position: absolute; top: 160px; right: 150px;}
.res-wrap .con3 .info-bg .tit *{color: white;}
.res-wrap .con3 .info-bg .tit h1 {font-weight: 300; font-family: "HunterR"; font-size: 30px;}
.res-wrap .con3 .info-bg .tit h3 {font-weight: 100; font-size: 20px;}
.res-wrap .con3 .info-bg .tit .line{height: 45px; width: 1px; margin: 0 auto; margin-top: 10px;} 
.res-wrap .con3 .info-bg .tit .line span{display: block; background-color: white; animation-fill-mode:forwards;}
.res-wrap .con3 .info-bg{width: 100%; height: 360px; background-size: cover; background-repeat: no-repeat; background-position: center top;}
.res-wrap .con3 .txt-box{margin-top: 60px; font-size: 14px;}
.res-wrap .con3 p{margin-bottom: 35px; line-height: 1.8;}
.res-wrap .con3 span{font-size: 14px; color: #bc3636;}
.res-wrap .con3 {border-bottom: 1px solid #acacac; padding-bottom: 100px; margin-bottom: 60px;}
.res-wrap .con4 h3{margin-bottom: 25px; font-size: 18px;}
.res-wrap .con4 li{font-size: 14px;}
.res-wrap .con4 p{font-size: 14px; margin-bottom: 30px;}
.res-wrap .con4 ol{margin-bottom: 50px; }
.res-wrap .con4 table{text-align: center; border: 1px solid #e3e3e3; border-collapse: collapse; font-size: 14px; margin-bottom: 50px; margin-left: 10px;}
.res-wrap .con4 td, .res-wrap .con4 th{width: 300px; height: 50px; line-height: 50px; border: 1px solid #e3e3e3; font-family: "NotoSans";}
.res-wrap .con4 th{background-color: #f4f4f4}
/*NOTICE*/
.notice-wrap .con2 .tit{margin-bottom: 110px;}
.notice-wrap .con2 .tit p{font-size: 22px; font-family: "bardon"; color: #af9b88; font-weight: 100;}
.notice-wrap .con2 .tit h1{font-size: 80px; font-family: "HunterR"; color: #af9b88; font-weight: 100;}
.notice-wrap .con2{padding-top: 165px;}
/*FOOTER-CON*/
.ft {font-family: "NotoSans"; font-weight: 100;  }
.ft a.num{color: #333333;}
.footer-con{position: relative;}
.footer-con .bg{width: 100%; height: 860px; position: relative;}
.footer-con .txt-box{position: absolute; bottom: 0px; right: 0px;  z-index: 5;}
.footer-con .txt-box .txt{float: left; width: 320px;height: 150px; text-align: center; }
.footer-con p{font-weight: 100;}
.footer-con .txt-box .txt.is p{line-height: 1.4; font-size: 22px; }
.footer-con .txt-box .txt.is h2{font-family: "hunterR"; font-weight: 100; margin-top: 20px;color: #ffffff;}
.footer-con .weather a{color: white; text-decoration: underline;font-family: "NotoS"; font-size: 15px;}
.footer-con .weather p{font-size: 15px; }
.footer-con .txt-box p{font-family: "NotoS"; color: #ffffff; }
.footer-con .txt-box .clock-wrap{border-left: 1px solid rgba(255,255,255,0.5); border-right: 1px solid rgba(255,255,255,0.5);}

.footer-con .txt-box .clock-wrap p{display: block; clear: both; font-size: 15px; word-spacing: 1.4px;}
.footer-con .txt-box .clock-wrap p span{font-size: 15px; color: white; font-family: "NotoS"; word-spacing: 1.4px;}
.footer-con .txt-box .txt h2{font-size: 40px; margin-bottom: 20px;color: #ffffff;}     
.footer-con .txt-box .txt img{margin-bottom: 18px; margin-top: 4px;}
.footer-con .clock span{ line-height: 50px;font-size: 40px; color: white;}
.hour{font-family: "advent"; font-weight: 100;}
.hour span{position: relative; top: -5px; animation: clock 1s infinite linear;}

/*FOOTER*/
.ft{border-top: 1px solid #7d7d7d;margin: 0 auto; margin-top: 200px; width: calc(100% - 50px);}
.ft::after{display: table; content: ""; clear: both; padding-bottom: 50px;}
.ft .logo{width: 110px; height: auto; margin: 0 auto; position: relative; top: -85px;background-color: white;}
.ft .logo img{width: 100%; cursor: pointer;}
.ft .main-sns a{display: block; width: 50px; height: 50px;}

.ft .con-left{float: left; margin-top: 0px;}
.ft .con-left .log{font-size: 14px; text-decoration: underline; font-weight: 500;}
.ft .call{font-size: 22px;}
.ft .call i{margin-right: 5px; font-size: 18px;}
.ft a.num{font-weight: 500;}
.ft .address{font-size: 14px; line-height: 1.4; margin-top: 20px; margin-bottom: 20px;}
.ft .con-right{float: right; margin-top: 35px;}
.ft .copyright{font-size: 11px;}
.ft .copyright span{display: block; text-align: right; line-height: 3;}
.ft .copyright span:last-child{font-weight: bold;}
.ft .sns{float: right; margin-top: -50px;}
.ft .sns a{margin-left: 25px;}
.toTop{width: 50px; height: 50px; text-align: center; line-height: 50px; background-color: #af9b88; color: white; border-radius: 50%; position: fixed; bottom: 50px; right: 50px; z-index: 300; cursor: pointer;}


.scroll-obj{opacity: 0; transform: translateY(100px); transition: 1.5s;}
.scroll-obj.on{opacity: 1; transform: translateY(0);}

.m-price{display: none;}
.m-br{display: none;}
/*ANIMATION*/       
.animateme{transition:0.8s;}

@keyframes paging{
    0%{width: 0;}
    100%{width: 100%;}            
}
@keyframes whell{
    0%{transform: translateY(0px);}
    50%{transform: translateY(2px);}
    100%{transform: translateY(0px);}
}
@keyframes clock {
    0%{opacity: 0.2;}
    50%{opacity: 1;}
    100%{opacity: 0.2;}
}
@keyframes halfLine {
    0%{height: 0%;}
    100%{height:50%;}
}
@keyframes line {
    0%{height: 0%;}
    100%{height:100%;}
}
@keyframes active-y {
	0% { transform:translateY(100px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}
@keyframes under-line{
    0%{width: 0;}
    100%{width: 100%;}
}
/*mediaQuary*/
@media all and (min-width:1024px) {
    .special-wrap .con3 ul{width: 1000px;}
}
@media all and (max-width: 1770px) {
    .main-inner{width: calc(100% - 30px);}
    .inner-con{width: calc(100% - 30px);}
    .room-wrap .con4 .room-inner{width: calc(100% - 30px);}
    
}
@media all and (max-width: 1500px){
    .tour-wrap .con2 .tour-list-wrap{padding-left: 100px;}
}
@media all and (max-width: 1024px) {
    .main-wrap .con1 .tit h1{font-size: 90px;}
    .main-wrap .con2 .tit h1{font-size: 90px;}
    .tour-wrap .con2 .tour-map-wrap{width: 420px;}
    .tour-info{width: 400px;}
    .tour-info .slide{height: 200px;}
    .tour-info .map-info p{font-size: 12px;}
    .tour-info .map-tit h1{margin-bottom: 15px;}
    .tour-info .map-tit{margin-bottom: 15px; padding-bottom: 10px;}
    .tour-info .page-wrap{top: 90px;}
    .special-wrap .con2 .info .img-wrap .img{width: 450px; height: 450px;}
    .marker{width: 15px;}
    .main-wrap .con2 .right-con{width: 900px;}
    .main-wrap .con2 .con-slide .slide{height: 400px;}
    .room-wrap .con4 ol li{height: 225px;}
    .footer-con .bg{height: 550px;}
    
}
@media all and (max-width: 900px) {
    .main-wrap #vimeoWrap{padding-bottom: 58%;}
    .main-wrap .con1 .tit h1{font-size: 80px;}
    .main-wrap .con1 .tit p{font-size: 14px;}
    .main-wrap .con2 .tit h1{font-size: 80px;}
    .main-wrap .con2 .tit p{font-size: 14px;}

    .main-sns{display: none;}
    .main-wrap .con2 .right-con{width: 700px;}
    .main-wrap .con2 .con-slide .slide{height: 300px;}
    .room-wrap .con4 ol li{height: 165px;}
    .special-wrap .con2 .info .img-wrap .img{width: 330px; height: 330px;}
    .special-wrap .con2 .info .img-wrap{bottom: -100px;}
    .special-wrap .con3{margin-top: 240px;}
    .tour-wrap .con2 .tour-map-wrap{width: 300px;}
    .tour-info{width: 300px;}
    .tour-info .map-info {margin-bottom: 50px;}
    .tour-info .slide{height: 200px;}
    .tour-info .map-info p{font-size: 12px;}
    .tour-info .map-tit h1{margin-bottom: 15px;}
    .tour-info .map-tit{margin-bottom: 15px; padding-bottom: 10px;}
    .tour-info .page-wrap{top: 90px;}
    /* .con2 .special-nav-wrap{margin-top: 50px;} */
    .footer-con .res-txt{padding-top: 200px;}
    .footer-con .txt-box {position: relative; }
    .footer-con .txt-box p{letter-spacing: -0.5px;}
    .footer-con .txt-box .txt::after{display: table; content: ""; clear: both;}
    .footer-con .txt-box .txt{width: 50%; background-color: #af9b88; padding-top: 5px;}
    .footer-con .txt-box .txt.is{width: 100%; padding-top: 15px; height: 130px; }
    .footer-con .txt-box .txt.is p{font-size: 16px;}
    
    .footer-con .txt-box .txt h2{font-size: 22px;  margin-bottom: 10px; margin-top: 15px;}
    .footer-con .txt-box .txt span{font-size: 18px;}
    .footer-con .txt-box .clock-wrap p{font-size: 10px; white-space: nowrap;}
    .footer-con .txt-box .clock-wrap p span{font-size: 10px; display: block;}
    .footer-con .txt-box .weather p{font-size: 10px;}
    .footer-con .txt-box .weather a{font-size: 12px;}
    .footer-con .txt-box::after{display: table; clear: both; content: "";}
    .footer-con .bg{height: 360px;}

    .tour-wrap .con2 .tour-list-wrap{display: none;}
    .tour-info .info{width: 100%; margin-bottom: 10px;}
    .tour-wrap .con2{overflow: visible; margin-top: 50px;}
    .tour-info .map-info p{font-size: 12px;}
    .tour-info .map-tit{margin-bottom: 15px; padding-bottom: 15px;}
    .tour-info .map-tit h1{font-size: 20px;}
    .tour-info .map-tit p{font-size: 14px;}
    .tour-info .slide{height: 400px;}
    .tour-info .page-wrap {position: absolute; right: 0px; z-index: 300;}
    .tour-info .page-wrap .page1{margin-bottom: 5px; left: 10px;}
    .tour-info .page-wrap .page2{right: 10px;}
    .tour-wrap .slick-dots li{width: 12px; height: 12px;}
    .tour-wrap .con1{background-position: left bottom;}
    .tour-wrap .con2 .tour-map-wrap{width: 80%; float: none;}
    .tour-wrap .con2 .tit{padding-bottom: 25px;}
    .tour-info{float: unset; width: calc(100% - 30px);margin: 0 auto;}
}
@media all and (max-width: 700px) {
    .main-wrap .con1 .main-inner{bottom: 20px; height: 0;}
    .main-wrap .video-btn{display: none;}
    .main-wrap .con1 .main-inner{top: unset;}
    .special-nav ul{margin-top: 0px; display: flex; justify-content: space-between;}
    .full-page.horizon iframe{width: 100%; height: 52vw;}
    .full-page.vertical iframe{width: 100%; height: 52vw;}
    .main-wrap .m-con.con1 .tit{display: block;}
    .main-wrap .m-con.con1{display: block; position: relative; z-index: 300;}
    .main-wrap .m-con.basic-slide-wrap .slide{height: 100vh;}
    .main-wrap .m-con .main-inner .slide-tit *{color: white;}
    .main-wrap .con1 .tit h3{font-size: 15px;}
    .main-wrap .m-con .main-inner .tit{position: absolute; bottom: 180px; left: 0px;}
    .main-wrap .m-con .tit h1{font-size: 40px; font-family: "hunterR";}
    .main-wrap .m-con .tit p{font-size: 12px;}
    .main-wrap .m-con .right-con{bottom: 30px;}
    .main-wrap .m-con .right-con .scroll-down{display: none;}
    .main-wrap .m-con .right-con .main-sns a{margin-top: 15px;}
    .main-wrap .m-con .right-con .page{width: 30px; margin-top: 120px;}
    .main-wrap .m-con .right-con .page p{font-size: 12px;}
    .main-wrap .m-con .right-con .page .pro-bar{margin: 5px 0;}
    .main-wrap .con1 .slide.pc-slide{display: none;}
    .main-slide-wrap .full-page iframe{pointer-events: all;}
    .movie-wrap .con2 .tit{margin-top: 50px; margin-bottom: 25px;}
    .main-wrap .vdo-slide .video-btn{display: none;}
    .room-res-info{margin-top: -30px; margin-bottom: 100px;}
    .room-res-info .go-res{width: 150px;}
    .room-res-info .go-res h3{font-size: 32px;}
    
    .rsv_cal_t p{font-size: 12px !important;}
    .room-wrap .con2 .bg .tit::after{display: table; clear: both; content: ""; }
    .sub-wrap .con1 .tit{width: 50%; left: 50%; transform: translate(-50%, -50%);}
    .sub-wrap .con1 .tit *{color: white;}
    .sub-wrap .con1 .tit h1{line-height: 1;}
    .sub-wrap .con1.full-view .tit {display: none;}
    .sub-wrap .full-view{width: 100%; margin-top: 80px;}
    .sub-wrap.view-wrap .full-view{margin-top: 0; height: 300px;}
    
    .full-view{height: 220px;}
    .main-wrap .con2{padding-top: 30px;}
   .main-wrap .full-view{margin-top: 30px; }
   .main-wrap .full-view .main-inner{display: none;}
    .gnb a::after{display: none;}
    .hd{width: 100%; height: 80px; position: fixed; top: 0; left: 0;transform: translateX(0)}
    .hd .logo{width: 125px;  top: 30px; left: 5px;}
    .hd .menu{right: 5px; top: 25px; position: absolute; width: 35px; height: 35px;}
    .ft{margin-top: 80px;}
    .ft .sns{margin-top: 20px; margin-bottom: 40px; float: unset; margin-left: -25px;}
    .ft .main-inner{margin: 0 auto;}
    .ft .copyright{margin-top: 50px;}
    /* .main-wrap .con1 .main-inner{height: 0px;} */
    .main-wrap .con1 .tit{top: unset; bottom: 40px; display: none;}
    .tel-btn{display: block; font-size: 22px; position: absolute; right: 5px; top: 20px;}
    .tel-btn span{font-size: 10px; display: block; text-align: center;}
    .gnb{width: 100%; height: 100vh; left: -100%; top: 0px; visibility: visible; opacity: 1; transition: 0.8s; transition-timing-function: ease-in-out; background-position:-230px top;}
   
    .hd .main-sns{position: absolute; bottom: 30px; right: 30px; display: block;}
    .hd .main-sns a{display: block; margin-top: 25px;}
    .gnb > ul > li > a {font-size: 35px; line-height: 45px; padding-bottom: 0;}
    .gnb > ul > li span{font-size: 10px;}
    .room-wrap ul{margin-top: 0;}
    .gnb .menu-wrap{left: 15%; display: block;}
    .gnb .sub-menu{opacity: 0; visibility: hidden; right:-140px; top: 10px; }
    .gnb .sub-menu li a{font-size: 12px;}
    .sub-wrap.view-wrap .full-view .slide{height: 300px;} 
    .sub-wrap .full-view .slide{height: 200px;}
    /* .con1{margin-top: 80px;} */
    .main-wrap .con1 .tit{left: 0; bottom: 50px;}
    .main-wrap .con1 .tit h1{font-size: 40px;}
    .main-wrap .con1 .tit p{font-size: 12px;}
    .con1 .right-con{bottom: 35px; padding-right: 30px;}
    .con1 .right-con .scroll-down{display: none;}
    .con1 .right-con .main-sns a{margin-top: 15px;}
    .con1 .right-con .page{width: 30px; margin-top: 120px;}
    .con1 .right-con .page p{font-size: 12px;}
    .con1 .right-con .page .pro-bar{margin: 5px 0;}
    .con1 .right-con .page .pro-bar-wrap{margin: 10px 0;}    
    .con2 .main-deco{width: 300px;}     
    .hour span{top: 0;}
    .main-wrap .con2 .right-con{width: 100%; margin-top: 0px;}
    .main-wrap .con2 .tit h4{font-size: 18px;}
    .main-wrap .con2 .tit h1{font-size: 40px;}
    .main-wrap .con2 .tit p{font-size: 10px; margin-top: 10px;}
    
    
    .main-wrap .con2 .info{padding-top: 50px; width: calc(100% - 30px); margin: 0 auto; left: 5px; position: relative;}

    .main-wrap .con2 .info .con{height: 100px; width: calc(50% - 10px); float: left; margin-right: 10px; background-size: cover;  margin-bottom: 60px;}
    .main-wrap .con2 .info .con .txt{color: #939393; text-align: center; margin-top: 105px;}
    .main-wrap .con2 .info .con .txt h3{font-size: 12px;}
    .main-wrap .con2 .info .con .txt h1{font-size: 14px;}
    .main-wrap .con2 .info .con .txt a{color: #939393; border-bottom: 1px solid #939393; display: none;}

    .sub-wrap .con1 .tit h3{font-size: 14px;}
    .sub-wrap .con1 .tit h1{font-size:40px; margin-bottom: 10px;}
    .sub-wrap .con1 .tit p {font-size: 12px;}
    .view-wrap .con2 .txt{margin-top: 25px;}
    .view-wrap .con2 .txt p{font-size: 14px; margin-bottom: 15px;}
    .view-wrap .con3 .bg{height: 250px;}
    .view-wrap .con3 .bg .tit{width: 100%; bottom: -40px;}
    .view-wrap .con3 .bg .tit h3{font-size: 16px; margin-bottom: 10px;}
    .view-wrap .con3 .bg .tit h2{font-size: 18px;}
    .view-wrap .con3 .bg .tit .line{height: 80px;}
    .view-wrap .con3 .info li{margin-bottom: 25px;}
    .view-wrap .con3 .info li p {font-size: 14px;}
    .view-wrap .con2{padding-top: 60px; padding-bottom: 300px;}
    .view-wrap .con2 .tit h1{font-size: 40px;}
    .view-wrap .con2 .tit h3{font-size: 16px;}

    .special-wrap .con2 .nav-tit, .room-wrap .con2 .nav-tit{width: 100%; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px;}
    .special-wrap .tmi-info .right h3{margin-bottom: 25px;}
    .special-wrap .tmi-info .right p{margin-top: 15px;}
    .room-wrap .con2 .room-nav h3{display: none;}
    .special-wrap .con2 .special-nav h3{display: none;}
    .room-wrap .con2 .nav-tit h1{font-size: 50px;}
    .room-wrap .con2 .nav-tit h3{font-size: 20px;}
    .room-wrap .con2 .room-nav{float: none; clear: both; width: 100%; margin-left: 0; padding-top:  5px; line-height: 1.2; position: relative; z-index: 300;}
    .room-wrap .con2 .room-nav li a {font-size: 12px; width: 45px; display: block; padding-top: 5px;}
    .room-wrap .con2 .bg .tit .line{height: 40px; margin-bottom: -40px;}
    .room-wrap .con2 .bg .tit .line span{color: #9e9e9e;}
    .room-wrap .con2 .bg .tit {top: -50px; bottom: unset;}
    .room-wrap .con2 .bg .tit *{color: #9e9e9e;}
    .room-preview .tit{margin-bottom: 30px;}
    .room-wrap .con3 .room-res-info h4{margin-bottom: 10px;}
    .room-wrap .con3 h4 {margin-bottom: 10px;}
    .room-wrap .con3 .ico p{margin-top: 5px; white-space: nowrap;}
    .special-wrap .con2 .bg .tit .line span{background-color: #9e9e9e;}
    .special-wrap .con2 .bg .tit .line {height: 50px;}
    .special-wrap .con2 .bg{padding-top: 120px}
    .special-wrap .con2 .bg .tit .line{height: 80px; margin-bottom: -40px;}
    .special-wrap .con2 .bg .tit {top: -50px; bottom: unset; width: 100%;}
    .special-wrap .con2 .bg .tit *{color: #7f7a74;}
    .special-wrap .con2 .bg.pic-bg{height: 200px; margin-top: 200px;}
    .special-wrap .con2 .bg.pic-bg .tit{top: -150px;}
    
    .room-wrap .con2 .bg{ padding-top: 120px;}
    .room-wrap .con2 .bg h1{font-size: 30px; margin-bottom: 30px;}
    .room-wrap .con2 .bg h3{font-size: 12px;}
    .room-wrap .con2 .bg h2{font-size: 14px;}
    .room-wrap .con2{padding-bottom: 0;}
    .room-wrap .con3{margin-top: 30px;}
    .room-wrap .con4 .tit{padding-top: 50px;}
    .room-wrap .con4 .line{padding-bottom: 0;}
    .room-wrap .con4{padding-bottom: 30px;}
    .room-wrap .con4 .room-inner{width: 100%;}
    .room-wrap .con4 .tit h1{font-size: 30px;}
    .room-wrap .con4 .tit h3{font-size: 14px;}
    .room-wrap .con4 .tit h4{font-size: 12px;}
    .room-wrap .con4 ol{margin-top: 20px;}
    .room-wrap .con4 ol li{width: 50%; float: left; height: 33.4vw;}
    .room-wrap .con3 .ico li{width: 25%; margin-top: 30px;}
    .room-wrap .con3 .ico.ico4 li{width: 25%; margin-top: 30px;}
    .room-wrap .con3 .ico.ico9 li{width: 20%;}
    .room-wrap .con3 .ico.ico9 li::after{content: ""; display: table; clear: both;}
    .room-wrap .con4 .line{height: 50px; margin-bottom: 30px;}
    .room-preview{margin-top: 100px;}
    .room-preview .tit h1{font-size: 30px;}
    .room-preview .tit p{font-size: 14px;}
    .room-preview .tit h4{font-size: 14px;}
    .room-preview .preview-map{height: 200px; overflow: hidden;}
    .room-preview .preview-map img{width: 100%; height: 100%; }
    
    .special-wrap .con2 .nav-tit h1{font-size: 50px;}
    .special-wrap .con2 .nav-tit h3{font-size: 20px;}
    .special-wrap .con2 .special-nav{float: none; clear: both; width: 100%; margin-left: 0; padding-top:  1px; line-height: 1.2;}
    .special-wrap .con2 .special-nav li a {font-size: 11px; height: 1.4rem; padding-bottom: 20px; padding-top: 10px; letter-spacing: -0.02em; width: auto;}
    
    /* .special-wrap .con2 .bg{height: 300px;} */
    .special-wrap #vimeoWrap{padding-bottom: 50%;}
    .special-wrap .con2 .bg h1{font-size: 24px; margin-bottom: 10px;}
    .special-wrap .con2 .bg h3{font-size: 14px;}
    .special-wrap .con2 .bg h2{font-size: 18px;}
    .special-wrap .con2 .bg .tit .line{height: 100px; margin-bottom: -50px;}
    .special-wrap .con2 .info .img-wrap .img{width: 100%; margin-left: 0; height: 250px;}
    .special-wrap .con3 .ico li i{font-size: 25px; margin-bottom: 10px;}
    .special-wrap .con3 .ico li p{font-size: 10px; white-space: nowrap;}
    .special-wrap .con2 .info .inner-con{padding-top: 50px; padding-bottom: 200px;}
    .special-wrap .con2 .info .txt h4{font-size: 12px;}
    .special-wrap .con2 .info .txt p{font-size: 12px;}
    .special-wrap .con2 .info h3{font-size: 18px;}
    .special-wrap .con2 .info h1{font-size: 30px;}
    /* .special-wrap .con3.tmi-con3{margin-top: 400px;} */
    .special-wrap .con3 h3{margin-bottom: 30px;}    
    .special-wrap .con2 .info .img-wrap{position: relative; bottom: 0; left: 0; transform: translateX(0);}
    .special-wrap .con2 .info .img-wrap .img{margin-top: 10px;}
    .special-wrap .con2 .info .img-wrap .img:first-child{margin-top: 50px;}
    .special-wrap .tmi-info .left .special-slide-wrap .slide{height: 300px;}
    .special-wrap .tmi-info .left{width: 100%; padding-left: 0;}
    .special-wrap .tmi-info .right{width: 100%; padding-left: 10px; padding-right: 10px;}
    .special-wrap .tmi-info .left .basic-slide-wrap{width: 80%; height: 250px;}
    .special-wrap .tmi-info .left .tit h1{text-align: left; font-size: 28px;}
    .special-wrap .tmi-info .left .tit h3{font-size: 12px;}
    .special-wrap .tmi-info .left .basic-slide-wrap .slide{height: 250px;}
    .special-wrap .tmi-info aside{height: 300px; padding-top: 50px; float: none;}
    .special-wrap .tmi-info aside.right{padding-top: 100px; height: auto; padding-bottom: 50px;}
    .special-wrap .con2{padding-bottom: 20px;}
    .special-wrap .tmi-info .left .special-slide-wrap{float: none; width: 100%;}
    .special-wrap .tmi-info .right p{font-size: 12px;}
    .special-wrap .tmi-info .left .special-slide-wrap{height: 300px;}
    .special-wrap .tmi-info{overflow-x: unset;}
    .special-wrap .tmi-info .left.spa-left{background-color: transparent;}
    .special-wrap .tmi-info .left.bbq-left{background-color: transparent;}
    .special-wrap .tmi-info .left.pool-left{background-color: transparent;}
    .special-wrap .tmi-info .left .tit{bottom: 35px; left: 20px;}
    .special-wrap .tmi-info .left.bbq-left .tit{bottom: 40px;}
    .special-wrap .con3{margin-top: 30px; margin-bottom: 50px;}
    .special-wrap .info-two aside{height: 300px; padding-top: 50px; float: none; width: 100%;}
    .special-wrap .info-two .right .special-slide-wrap{width: 100%;}
    .special-wrap .info-two .right .special-slide-wrap .slide{height: 300px;}
    .special-wrap .info-two .right .special-slide-wrap{margin-left: 0px; height: 300px;}
    .special-wrap .info-two .right .tit h3{font-size: 12px;}
    .special-wrap .info-two .right .tit h1{font-size: 28px;}
    .special-wrap .info-two .right {background-color: transparent;}
    .special-wrap .info-two .right .tit{bottom: 30px; text-align: left; left: 20px; right: unset;}
    .special-wrap .tmi-info .dash-con li{font-size: 12px;}
    .special-wrap .info-two .left li{font-size: 12px;}
    .special-wrap .info-two .left{text-align: left; padding-right: 0px; padding-left: 10px;}
    .special-wrap .info-two .left p{font-size: 12px;}
    .special-wrap .con3.bbq-con3{margin-top: 0px;}
    .small-main .con1{height: 300px;}
    .small-main .con2 .tit p{font-size: 14px;}
    .small-main .con2 .tit h1{font-size: 40px;}
    
    .marker{width: 15px; display: none;}
    
    .tour-info .slide{height: 200px;}
   

    .m-map{display: block;}
    .pc-map{display: none;}
    .m-br{display: block;}

    .map-wrap  .con2 p{font-size: 12px;}
    .map-wrap  p{font-size: 12px;}
    .map-wrap h3{font-size: 15px;}
    .map-wrap li{font-size: 12px;}
    .map-wrap .con3 .info li::after{margin: 0 5px;}
    .map-wrap .con3 a{font-size: 12px;}
    .map-wrap .con2 .map-info{margin-top: 50px;}
    .map-wrap .con2 .tit{margin-bottom: 25px;}
    .map-wrap .con2 p{margin-bottom: 15px; margin-top: 20px;}
    .res-wrap .info-box{font-size: 12px; width: 100%; margin-bottom: 30px;}
    .res-wrap .dash-con li{font-size: 12px;}
    .res-wrap .con3 {padding-bottom: 0px;}
    .right-txt p{font-size: 12px;}
    .right-txt li{white-space: normal;}
    .res-wrap .con3 .info-bg{height: 180px;}
    .res-wrap .con3 .txt-box{font-size: 12px;}
    .res-wrap .con3 span{font-size: 12px;}
    .res-wrap .con2 .res-info{margin-top: 50px;}
    .res-wrap .con2 .tit{margin-bottom: 25px;}
    .res-wrap .con4 h3{font-size: 16px;}
    .res-wrap .con4 p{font-size: 12px; margin-bottom: 15px;}
    .res-wrap .con4 ol{margin-bottom: 20px;}
    .notice-wrap .con2{padding-top: 50px;}
    .notice-wrap .con2 .tit{margin-bottom: 25px;}
    .res-wrap .con4 table{font-size: 12px; margin-bottom: 15px; margin-left: 0;}
    .res-wrap .con1{background-position: -330px center;}

    .footer-con .res-txt h3{font-size: 17px;}
    .footer-con .res-txt a{font-size: 40px; width: 200px;}
    .footer-con .res-txt p{font-size: 14px; margin-top: 10px;}
    .footer-con .res-txt{padding-top: 50px; margin-bottom: 15px;}    
    
    .footer-con .bg::after{display: table; clear: both; content: "";}
    
    .footer-con .bg{height: 190px;}
    .footer-con .clock span{line-height: 0px}
    .footer-con .txt-box .txt img{width: 30px; margin-top: 10px;}
    .ft{text-align: center; padding-bottom: 50px;}
    .ft .address{font-size: 13px; line-height: 2; margin-top: 10px; margin-bottom: 10px; white-space: nowrap;}
    .ft .con-left{float: none; margin-top: 20px;}
    .ft .con-right{float: none; margin-top: 20px;} 
    .ft .copyright span{text-align: center; line-height: 2.2;}
    .toTop{right: 15px; bottom: 15px;font-size: 12px;}    
    .ft .call{font-size: 18px;} 
    .ft .call i{font-size: 16px;}   
    .res-wrap .con3 .info-bg .tit{top: 60px; right: 20px;}    
    .res-wrap .con3 .info-bg .tit h1{font-size: 18px;}
    .res-wrap .con3 .info-bg .tit h3{font-size: 14px;}
    .ft .con-left .log{font-size: 12px;}
    .navi-use b{display: block;}
    .insta-wrap {margin-top: 100px; margin-bottom: 50px;}
    .instagram_gallery a{width: calc(50% - 10px); margin: 5px;}
    .insta-wrap .side_txt{font-size: 12px;}
    .insta-wrap .side_txt .fab{font-size: 22px; margin-right: 5px}
    .special-preview{height: 300px;}
    .special-preview .special-img-wrap .swiper-wrapper .swiper-slide{height: 300px;}
    .special-preview .special-btn-wrap li a{font-size: 15px;}
    .special-preview .special-btn-wrap li{padding-bottom: 5px; margin-bottom: 5px;}
    .special-preview .special-btn-wrap li::after{width: calc(100% + 50px); left: 0px;}
    .special-preview .special-btn-wrap ul{padding-right: 25px;}
    .footer-con .res-txt::before{height: 30px;}
    .footer-con .res-txt::after{height: 30px;}
    .ft .logo{width: 75px; top: -60px;}
    
    .m-price{display: block;}
    .pc-price{display: none;}
    .room-wrap .hd .logo img.logo-black{opacity: 1;}
    .room-wrap .hd .logo img.logo-white{opacity: 0;}
    .room-wrap .hd.click .logo img.logo-black{opacity: 0;}
    .room-wrap .hd.click .logo img.logo-white{opacity: 1;}
    .special-wrap .hd .logo img.logo-black{opacity: 1;}
    .special-wrap .hd .logo img.logo-white{opacity: 0;}
    .special-wrap .hd.click .logo img.logo-black{opacity: 0;}
    .special-wrap .hd.click .logo img.logo-white{opacity: 1;}
}
@media screen and (min-width:0\0){
    .scroll-down p{padding-bottom: 100px;}
}