@charset "utf-8";
/*default*/
*{margin: 0; padding: 0; box-sizing: border-box;}
html,body{width: 100%; position: relative; font-family: "Noto Sans KR",sans-serif; line-height: 1.8; color: #90826f;}
main{position: relative; transition: 1.8s;}
main.dark-page{background-color: #ebe4da;}
main.white-page{background-color: #fff;}
section{position: relative;}
li{list-style: none;}
a{text-decoration: none; color: white;}
figure{position: relative;}
a,button,input{box-shadow: none; border: 0; background-color: transparent;}

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

.dash-list li{padding-left: 10px; position: relative;}
.dash-list li::before{content: "-"; display: block; position: absolute; top: 0; left: 0px;}
/*default*/

.main-wrap .slide.map-slide img{pointer-events: all;}
.main-wrap .slide.map-slide map{pointer-events: all;}

/*black-page*/
main.dark-page .room-preview .txt-wrap{color: #90826f;}
main.dark-page .room-preview .txt-wrap .slide-contro li a{color: #90826f; position: relative;}

main.dark-page .room-preview .txt-wrap .slide-contro li .btn-ico::after{background-color: #90826f;}
main.dark-page .room-preview .txt-wrap .slide-contro li .btn-ico::before{background-color: #90826f;}

main.dark-page .room-preview-wrap3 .txt-wrap{color: #90826f;}
main.dark-page .room-preview-wrap3 .txt-wrap .slide-contro li a{color: #90826f;}

/*white-page*/
main.white-page .room-preview .txt-wrap{color: #2a2a2a;}
main.white-page .room-preview .txt-wrap .slide-contro li a{color: #2a2a2a;}
main.white-page .room-preview .txt-wrap .slide-contro li .btn-ico::after{background-color: #2a2a2a;}
main.white-page .room-preview .txt-wrap .slide-contro li .btn-ico::before{background-color: #2a2a2a;}
/* #divpop2{left: 1000px !important;} */

/*header*/
.hd{position: fixed; top: 0; left: 0; z-index: 50; width: 100%; pointer-events: none;}
.hd .menu-box{width: 120px; padding-top: 40px; background-color: #90826f; padding-bottom: 30px; float: left; position: relative; z-index: 5; transition: 0.5s; transition-delay: 0.5s; pointer-events: all;}

.hd .menu-box a{display: block; width: 100px; margin-left: 10px;}
.hd .menu-box a img{display: block; width: 100%;}

.hd .menu-box .menu-btn{cursor: pointer; width: 25px; height: 25px; margin-left: 48px; margin-top: 40px; position: relative;}
.hd .menu-box .menu-btn span{display: block; height: 1px; width: 100%; background-color: white; position: absolute; top: 50%; left: 0; transition: 0.6s;}
.hd .menu-box .menu-btn span.line1{transform: translateY(-8px);}
.hd .menu-box .menu-btn span.line2{width: 60%;}
.hd .menu-box .menu-btn span.line3{transform: translateY(8px);}

.hd .main-menu-wrap{ margin-left: 140px; padding-top: 50px; position: absolute; left: 80px; z-index: 5; transition: 0.8s; transition-delay: 0;}
.hd .main-menu-wrap > ul > li{float: left; position: relative; pointer-events: none;}
.hd .main-menu-wrap > ul > li > a{display: block; line-height: 60px; width: 120px; font-size: 14px; position: relative; pointer-events: all; margin: 0 auto;}
.hd .main-menu-wrap > ul > li > a::after{content: ""; display: block; width: 100%; height: 1px; background-color: white; position: absolute; bottom: 15px; left: 0; transform: scaleX(0); transition: 0.6s;}
.hd .main-menu-wrap > ul > li:hover a::after{transform: scaleX(1);}
.hd .main-menu-wrap a{text-align: center; font-family: "Ebrima",sans-serif;}

.hd .main-menu-wrap .sub-menu{overflow: hidden; padding-top: 15px; opacity: 0; visibility: hidden; pointer-events: none; transition: 0.8s;}
.hd .main-menu-wrap .sub-menu a{font-size: 12px; text-align: center; display: block; line-height: 2.4; letter-spacing: -0.05em;}

.hd .main-menu-wrap .menu-line{position: absolute; left: -60px; top: 110px; width: calc(100vw - 195px); height: 1px; background-color: rgba(255, 255, 255, 0.4);}

.hd .hd-reser-btn{ display: block;width: 200px; height: 45px; line-height: 45px; background-color: #90826f; text-align: center; font-family: "Ebrima",sans-serif; font-size: 13px; position: absolute; z-index: 5; right: 100px; top: 50px; pointer-events: all; }
.hd .hd-reser-btn i{font-size: 24px; transform: translateY(3px); margin-right: 12px;}
.hd .header-box{background-color: #90826f; height: 500px; transform: scaleY(0); transition: 0.8s; transform-origin: top; transition-delay: 0.4s; pointer-events: all;}
.hd .hd-reser-btn span{width: 188px; height: 35px;  display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.hd .hd-reser-btn .line1::after{width: 100%; height: 1px; background-color: rgba(255,255,255,0.8); content: ""; display: block; position: absolute; top: 0; left: 0; transform: scaleX(0);  transition: 0.3s; transform-origin: left; transition-timing-function: linear;}
.hd .hd-reser-btn .line1::before{width: 1px; height: 100%; background-color: rgba(255,255,255,0.8); content: ""; display: block; position: absolute; top: 0; right: 0; transform: scaleY(0); transition: 0.3s; transform-origin: top; transition-timing-function: linear;}

.hd .hd-reser-btn .line2::after{width: 100%; height: 1px; background-color: rgba(255,255,255,0.8); content: ""; display: block; position: absolute; bottom: 0; right: 0; transform: scaleX(0); transition: 0.3s; transform-origin: right; transition-timing-function: linear;}
.hd .hd-reser-btn .line2::before{width: 1px; height: 100%; background-color: rgba(255,255,255,0.8); content: ""; display: block; position: absolute; bottom: 0; left: 0; transform: scaleY(0); transition: 0.3s; transform-origin: bottom; transition-timing-function: linear;}

.hd .hd-reser-btn:hover .line1::after{transform: scaleX(1);  transition-delay: 0s;}
.hd .hd-reser-btn:hover .line1::before{transform: scaleY(1);  transition-delay: 0.3s;}

.hd .hd-reser-btn:hover .line2::after{transform: scaleX(1);  transition-delay: 0.6s;}
.hd .hd-reser-btn:hover .line2::before{transform: scaleY(1);  transition-delay: 0.9s;}

.hd.fixed .main-menu-wrap{opacity: 0; visibility: hidden; }
/* .hd.fixed{background-color: white;} */

/*header_clicked*/
.hd.click.fixed .main-menu-wrap{ transition-delay: 0.6s;}
.hd.click .main-menu-wrap{opacity: 1; visibility: visible;}
.hd.click .menu-box{width: 100%; transition-delay: 0s;}
.hd.click .menu-box .menu-btn span.line1{transform: rotate(45deg);}
.hd.click .menu-box .menu-btn span.line2{opacity: 0;}
.hd.click .menu-box .menu-btn span.line3{transform: rotate(-45deg);}
.hd.click .header-box{transform: scaleY(1); transition-delay: 0.4s;}
.hd.click .main-menu-wrap .sub-menu{opacity: 1; visibility: visible; pointer-events: all; transition-delay: 0.6s;}
.hd.click{pointer-events: all;}

/*slider - full-page*/
.full-page-wrap .con1 .slide{height: 100vh;}
.main-wrap .con1 .tit{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; color: white; text-align: center; pointer-events: none;}
.main-wrap .con1 .tit h2{font-family: "Gallient",sans-serif; font-size: 40px; font-weight: 300; line-height: 1.2; transform: translateY(30px); opacity: 0; transition: 1.2s; letter-spacing: 0.1em;}
.main-wrap .con1 .tit h3{font-family: "Lato",sans-serif; font-size: 18px; font-weight: 300; letter-spacing: 0.1em; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.3s;}

.main-wrap .con1 .tit.on h2{transform: translateY(0); opacity: 1;}
.main-wrap .con1 .tit.on h3{transform: translateY(0); opacity: 1;}
.main-wrap .slide img{display: block; position: absolute; top: 0; left: 0; z-index: 0; pointer-events: none; width: 100%; height: 100%;}
.main-wrap .slide .full-page{display: block; position: relative; z-index: 5;}

/*tap-menu*/
.tap-menu{text-align: center; margin-top: 15px;}
.tap-menu li{display: inline-block; padding: 0 25px; border-bottom: 1px solid rgba(255,255,255,0.6); margin-left: -3.5px; line-height: 2;}
.tap-menu li a{font-size: 13px; opacity: 0.5; transition: 0.8s; color: #90826f;}
.white-page .tap-menu li a{color: #333;}
.white-page .tap-menu li {border-bottom: 1px solid rgba(0,0,0,0.6)}
.tap-menu li.on a{opacity: 0.8;}
.tap-menu li:hover a{opacity: 0.8;}

/*sub-wrap*/
.sub-wrap .con2 .intro-tit .simbol{margin-bottom: 20px;}
.sub-wrap .con2 .intro-tit{text-align: center; color: #90826f; padding-top: 60px;}
.sub-wrap .con2 .intro-tit h3{font-size: 20px; font-family: "Gallient",sans-serif; font-weight: 300; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.sub-wrap .con2 .intro-tit h2{font-size: 34px; font-family: "Lato",sans-serif; line-height: 1; margin: 20px 0; transform: translateY(30px); opacity: 0; transition: 0.8s;  transition-delay: 0.3s; font-weight: 300;}
.sub-wrap .con2 .intro-tit p{font-size: 15px; font-family: "Lato",sans-serif; font-weight: 300; transform: translateY(30px); opacity: 0; transition: 0.8s;  transition-delay: 0.6s;}

.sub-wrap .con2 .intro-tit.on h3{transform: translateY(0); opacity: 1;}
.sub-wrap .con2 .intro-tit.on h2{transform: translateY(0); opacity: 1;}
.sub-wrap .con2 .intro-tit.on p{transform: translateY(0); opacity: 1;}



.sub-wrap .con1 .tit {position: absolute; bottom: 105px; left: 50%; transform: translateX(-50%); color: white; text-align: center;}
.sub-wrap .con1 .tit h3{font-size: 20px; font-family: "Lato",sans-serif; font-weight: 400;  letter-spacing: 1.2px; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.sub-wrap .con1 .tit h2{font-size: 50px; font-family: "Gallient",sans-serif; font-weight: 300; line-height: 1.2; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.3s;}
.sub-wrap .con1 .tit.on h3{transform: translateY(0); opacity: 1;}
.sub-wrap .con1 .tit.on h2{transform: translateY(0); opacity: 1;}


.half-page-wrap .con1 .top-img{height: 650px; background-size: cover; background-repeat: no-repeat; background-position: center;}

/*MAIN*/
.main-wrap .con1 .slide-control{position: absolute; top: 50%; left: 0; width: 100%; pointer-events: none; z-index: 5;}
.main-wrap .con1 .slide-control button{pointer-events: all; cursor: pointer; color: white; font-size: 32px; opacity: 0.8;}
.main-wrap .con1 .slide-control .prev{float: left; margin-left: 30px;}
.main-wrap .con1 .slide-control .next{float: right; margin-right: 30px;}
.main-wrap .con2{padding: 0 85px; padding-top: 60px; max-width: 1700px; margin: 0 auto;}
.main-wrap .intro-section{margin-bottom: 200px; padding-top: 100px;}
.main-wrap .intro-section::after{content: ""; display: table; clear: both;}
.main-wrap .intro-section aside{width: 50%; float: left; position: relative;}
.main-wrap .intro-section .tit{ margin-left: 50px; font-size: 78px; line-height: 1.2; font-family: "Gallient",sans-serif; font-weight: 300; transition: 1.2s; transform: translateX(200px);white-space: nowrap; position: relative; z-index: 5; }
.main-wrap .intro-section .img-mask{float: right; margin-right: 25px; position: relative; z-index: 3; margin-top: -150px; width: 530px;}
.main-wrap .intro-section .img-mask .rolling-img{position: absolute; top: 30%; right: -70px; z-index: 5; transform: rotate(0); transition: 1.2s;}
.main-wrap .intro-section .img-mask .svg-mask{position: relative; z-index: 1;}

.main-wrap .intro-section .txt{margin-top: 435px; padding-left: 30px;}
.main-wrap .intro-section .txt h3{font-family: "Lato",sans-serif; font-size: 23px; line-height: 1.6; font-weight: 300; opacity: 0; transform: translateY(1em); transition: 0.8s;}
.main-wrap .intro-section .txt h3 b{font-weight: 500;}
.main-wrap .intro-section .txt .line{display: block; width: 45px; height: 1px; background-color: #90826f; margin-top: 20px; margin-bottom: 70px; transform: scaleX(0);  transition: 0.8s; transition-delay: 0.2s; transform-origin: center;}
.main-wrap .intro-section .txt p{font-size: 15px; font-weight: 300;  opacity: 0; transform: translateY(1em); transition: 0.8s; transition-delay: 0.4s;}

.main-wrap .intro-section .txt.on h3{transform: translateY(0); opacity: 1;}
.main-wrap .intro-section .txt.on p{transform: translateY(0); opacity: 1;}
.main-wrap .intro-section .txt.on .line{transform: scale(1)}
.main-wrap .video-btn{z-index: 10;}
.main-wrap .con1 .video-btn{position: absolute; bottom: 20%; left: 5%; width: 200px; height: 50px; line-height: 50px; background-color: white; color: #333; text-align: center; z-index: 5; font-family: "Gallient",sans-serif; font-size: 16px; transition: 0.8s;}
.main-wrap .con1 .video-btn:hover{background-color: rgba(0,0,0,0.6); color: white;}

.main-wrap .room-preview-wrap .txt-ani{position: absolute; margin-left: 50%; z-index: 5; font-family: "Butler",sans-serif; font-size: 10vw; color: #ebe4da; line-height: 0.8; letter-spacing: -0.17em; width: 2em; margin-top: -200px; pointer-events: none;}
.main-wrap .room-preview-wrap .txt-ani h2{font-weight: 100;}
.main-wrap .room-preview-wrap .txt-ani h2::after{content: ""; display: table; clear: both;}
.main-wrap .room-preview-wrap .txt-ani h2 span{position: relative; transition: 1.2s; display: block; float: left; transform: translateY(50px); opacity: 0;}

.main-wrap .room-preview-wrap .txt-ani.on h2 span{transform: translateY(0); opacity: 1;}
.main-wrap .room-preview-wrap .txt-ani h2 span:nth-child(2n - 1){top: -4vw;}
.main-wrap .room-preview-wrap .txt-ani h2 span:nth-child(1),.main-wrap .room-preview-wrap .txt-ani h2 span:nth-child(2){left: 0vw;}



.main-wrap .room-preview-wrap2{padding-bottom: 85px;}
.main-wrap .room-preview-wrap1{padding-top: 145px;}

.main-wrap .special-preview-wrap{margin-top: 150px; padding-bottom: 180px;}

/*.main-wrap .con1 .main-slide-wrap iframe{pointer-events: none;}*/

/*prologue*/
.view-wrap .con2 .intro-wrap{background-color: #ebe4da;}
.view-wrap .con2 .intro-wrap .info{position: relative; margin-top: 120px;}
.view-wrap .con2 .intro-wrap .info .deco-txt{font-size: 120px; line-height: 0.9; font-family: "Gallient",sans-serif; font-weight: 300; transform: translateX(-200px); max-width: 1000px; margin: 0 auto; transition: 1.2s; position: relative; z-index: 5;}
.view-wrap .con2 .intro-wrap .vdo-wrap{max-width: 1000px; margin: 0 auto; margin-top: -65px; position: relative; z-index: 1;}
.view-wrap .con2 .intro-wrap .vdo-wrap img{width: 100%; display: block;}
.view-wrap .con2 .intro-wrap .txt{max-width: 1000px; margin: 0 auto; padding-top: 80px; padding-bottom: 200px;}
.view-wrap .con2 .intro-wrap .txt::after{content: ""; display: table; clear: both;}
.view-wrap .con2 .intro-wrap .txt h3{font-size: 23px; font-family: "Lato"; font-weight: 300; float: left; width: 42%; padding-left: 90px; opacity: 0; transform: translateY(30px); transition: 0.8s;}
.view-wrap .con2 .intro-wrap .txt h3 b{font-weight: 500;}
.view-wrap .con2 .intro-wrap .txt p{float: left; width: 58%; font-size: 15px; letter-spacing: -1px; transform: translateY(30px); opacity: 0;  transition: 0.8s; transition-delay: 0.3s;}
.view-wrap .con2 .intro-wrap .txt.on h3{opacity: 1; transform: translateY(0);}
.view-wrap .con2 .intro-wrap .txt.on p{opacity: 1; transform: translateY(0);}
.view-wrap .con2 .intro-wrap .txt p b{font-weight: 500;}
.view-wrap .con2 .info-wrap .info{max-width: 1700px; margin: 0 auto;}
.view-wrap .con2 .info-wrap .info::after{content: ""; display: table; clear: both;}
.view-wrap .con2 .info-wrap .info .img{width: 50%; float: left; height: 26vw; max-height: 500px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.view-wrap .con2 .info-wrap .info .txt{width: 50%; float: left; padding-top: 180px;}

.view-wrap .con2 .info-wrap .info .txt h3{font-size: 18px; margin-bottom: 50px; font-weight: 400;}
.view-wrap .con2 .info-wrap .info .txt p{font-size: 16px; font-weight: 300;}

.view-wrap .con2 .info-wrap .info.imgLeft .txt{padding-left: 70px;}
.view-wrap .con2 .info-wrap .info.imgRight .txt{padding-right: 65px; text-align: right;}

.view-wrap .con2 .info-wrap:last-child .info .txt{padding-top: 160px;}
.view-wrap .con2 .bg-img{overflow: hidden;}
.view-wrap .con2 .bg-img img{display: block; width: 100%; transition: 1.2s;}

/*MOVIE*/
.movie-wrap .con2 .intro-tit{margin-top: 100px; margin-bottom: 80px;}
.movie-wrap .con2{margin-bottom: 150px;}
/*hotel & villa*/
.thumb-img-wrap .thumb-line .line-svg{fill:none; stroke: #867e73; opacity: 0.5;}
.room-wrap .intro-wrap .thumb-img-wrap{margin-top: 80px; margin-left: 35px; position: relative; width: calc(100% - 35px); margin-bottom: 75px;}
.room-wrap .intro-wrap .thumb-img-wrap .thumb-img{width: 100%; position: relative; z-index: 2; overflow: hidden;}
.room-wrap .intro-wrap .thumb-img-wrap .thumb-img img{width: 100%; display: block; transform: scale(1.05); transition: 1.8s;}
.room-wrap .intro-wrap .thumb-img-wrap.on .thumb-img img:hover{transform: scale(1.05);}
.room-wrap .intro-wrap .thumb-img-wrap.on .thumb-img img{transform: scale(1);}
.room-wrap .intro-wrap .thumb-img-wrap .thumb-line .line-svg{stroke-dasharray: 5000; stroke-dashoffset: 5000; transition: 3s;}
.room-wrap .intro-wrap .thumb-img-wrap.on .thumb-line .line-svg{stroke-dashoffset: 0;}


.room-wrap .intro-wrap .thumb-img-wrap .thumb-line{position: absolute; left: -35px; width: 100%; top: -25px;}
.room-wrap .info-wrap .ico-wrap{max-width: 800px; margin: 0 auto; text-align: center; opacity: 1;}
.room-wrap .info-wrap .ico-wrap ul{display: flex; justify-content: center;}
.room-wrap .info-wrap .ico-wrap ul::after{content: ""; display: table; clear: both;}
.room-wrap .info-wrap .ico-wrap ul > li{width: 25%; float: left;}
.room-wrap .info-wrap .ico-wrap h5{font-family: "Gallient",sans-serif; font-size: 15px; font-weight: 100;  color: #90826f; line-height: 1;}
.room-wrap .info-wrap .ico-wrap i{font-size: 38px; min-height: 80px; line-height: 80px;}
.room-wrap .info-wrap .ico-wrap h3{min-height: 80px; font-size: 20px; font-family: "Gallient"; font-weight: 300; line-height: 1.6; padding-top: 8px;}
.room-wrap .info-wrap .ico-wrap h4{line-height: 1; font-size: 14px; font-family: "Lato",sans-serif; font-weight: 300; letter-spacing: 1px;  color: #90826f;}
.room-wrap .info-wrap .ico-wrap ol .line{height: 50px; width: 1px; display: inline-block; background-color: #90826f; opacity: 0.5; transform: translateY(15px); margin: 0 5px;}

.room-wrap .info-wrap .ico-wrap ol li{display: inline-block;}
.room-wrap .info-wrap .ico-wrap ol li i{font-size: 30px;}

.room-wrap .guide-wrap{transform: rotate(0.03deg); margin-top: 95px; opacity: 1;}
.room-wrap .guide-wrap .info::after{content: ""; display: table; clear: both;}
.room-wrap .guide-wrap .info h3{font-size: 26px; font-family: "Lato",sans-serif; font-weight: 300; color: #2a2a2a; letter-spacing: 0.05em; float: left; width: 26%; padding-left: 50px; transform: translateY(0.5em); opacity: 0; transition: 0.8s;}
.room-wrap .guide-wrap .info.on h3{transform: translateY(0); opacity: 1;}
.room-wrap .guide-wrap .info.on p {font-size: 22px; color: #90826f; letter-spacing: 0.5px; }
.room-wrap .guide-wrap .info ol{width: 74%; float: left;}
.room-wrap .info-wrap .info{padding-top: 55px; border-top: 1px solid rgba(0,0,0,0.3);}

.room-wrap .guide-wrap .info.supplies{padding-bottom: 45px;}
.room-wrap .guide-wrap .info.supplies li{float: left; text-align: center; width: 8.3333%; transform: translateY(1em); opacity: 0; transition: 0.8s;}
.room-wrap .room_data li .data{padding-left: 0;}
.room-wrap .room_data{padding-left: 0;}
.room-wrap .room_tit{text-align: center;}
.room-wrap .room_data li{text-align: center;}
.room-wrap  .room_data li .person_limit table{margin: 0 auto; margin-top: 5px;}
.room-wrap .room_data li .person_limit table th{border: 1px solid #90826f;}
.room-wrap .room_data li .person_limit table td{border: 1px solid #90826f;}
.senti-wrap.room-wrap .guide-wrap .info.supplies li{width: 7.69%;}
.senti-wrap.room-wrap .guide-wrap .info.supplies.long li{width: 14.28%; margin-bottom: 20px;}
.senti-wrap.room-wrap .guide-wrap .info.supplies li p{font-size: 13px;}
.room-wrap .guide-wrap .info.supplies.on li{transform: translateY(0); opacity: 1;}
.room-wrap .guide-wrap .info.supplies li:nth-child(1){transition-delay: 0.2s;}
.room-wrap .guide-wrap .info.supplies li:nth-child(2){transition-delay: 0.3s;}
.room-wrap .guide-wrap .info.supplies li:nth-child(3){transition-delay: 0.4s;}
.room-wrap .guide-wrap .info.supplies li:nth-child(4){transition-delay: 0.5s;}
.room-wrap .guide-wrap .info.supplies li:nth-child(5){transition-delay: 0.6s;}
.room-wrap .guide-wrap .info.supplies li:nth-child(6){transition-delay: 0.7s;}
.room-wrap .guide-wrap .info.supplies li:nth-child(7){transition-delay: 0.8s;}
.room-wrap .guide-wrap .info.supplies li:nth-child(8){transition-delay: 0.9s;}
.room-wrap .guide-wrap .info.supplies li:nth-child(9){transition-delay: 1s;}
.room-wrap .guide-wrap .info.supplies li:nth-child(10){transition-delay: 1.1s;}
.room-wrap .guide-wrap .info.supplies li:nth-child(11){transition-delay: 1.2s;}
.room-wrap .guide-wrap .info.supplies li:nth-child(12){transition-delay: 1.3s;}
.room-wrap .guide-wrap .info.supplies li:nth-child(13){transition-delay: 1.4s;}
.room-wrap .guide-wrap .info.supplies li:nth-child(14){transition-delay: 1.5s;}
.room-wrap .guide-wrap .info.supplies li i{font-size: 30px; margin-bottom: 15px;}
.room-wrap .guide-wrap .info.supplies li p{font-size: 14px; font-weight: 300; color: #2a2a2a; letter-spacing: -1px; white-space: nowrap;}

.room-wrap .guide-wrap .info.user-guide{padding-bottom: 75px;}
.room-wrap .guide-wrap .info.user-guide li{font-size: 14px; color: #2a2a2a; font-weight: 300; position: relative; padding-left: 15px; line-height: 2; transform: translateY(1em); opacity: 0; transition: 0.8s;}
.room-wrap .guide-wrap .info.user-guide li:nth-child(1){transition-delay: 0.2s;}
.room-wrap .guide-wrap .info.user-guide li:nth-child(2){transition-delay: 0.3s;}
.room-wrap .guide-wrap .info.user-guide li:nth-child(3){transition-delay: 0.4s;}
.room-wrap .guide-wrap .info.user-guide li:nth-child(4){transition-delay: 0.5s;}
.room-wrap .guide-wrap .info.user-guide li:nth-child(5){transition-delay: 0.6s;}
.room-wrap .guide-wrap .info.user-guide li:nth-child(6){transition-delay: 0.7s;}
.room-wrap .guide-wrap .info.user-guide li:nth-child(7){transition-delay: 0.8s;}
.room-wrap .guide-wrap .info.user-guide li:nth-child(8){transition-delay: 0.9s;}
.room-wrap .guide-wrap .info.user-guide li:nth-child(9){transition-delay: 1s;}
.room-wrap .guide-wrap .info.user-guide li:nth-child(10){transition-delay: 1.1s;}
.room-wrap .guide-wrap .info.user-guide.on li{opacity: 1; transform: translateY(0);}
.room-wrap .guide-wrap .info.user-guide li::before{display: block; content: ""; width: 3px; height: 3px; border: 1px solid #90826f; border-radius: 50%; position: absolute; top: 0.8em; left: 0px;}

.room-wrap .img-list-wrap{min-height: 550px; margin-top: 70px; margin-bottom: 180px;}
.room-wrap .img-list-wrap .img-wrap{position: absolute; top: 0; left: 0; width: 100%;}
.room-wrap .img-list-wrap .img-wrap .img{width: 25%; display: block; position: absolute; transition: 0.8s;}
.room-wrap .img-list-wrap .img-wrap .img.vdo img{opacity: 0; visibility: hidden;}
.room-wrap .img-list-wrap .img-wrap .img img{width: 100%;}
.room-wrap .img-list-wrap .img-wrap.img-depth1 .img{opacity: 0;}
.room-wrap .img-list-wrap .img-wrap.img-depth2 .img{opacity: 0;}
.room-wrap .img-list-wrap .img-wrap.img-depth2{pointer-events: none;}
.room-wrap .img-list-wrap .img-wrap.img-depth2 .img.visible{opacity: 1;}

.room-wrap .img-list-wrap .img-wrap .img1{top: 210px; transform: translateY(200px);}
.room-wrap .img-list-wrap .img-wrap .img2{top: 80px; left: 23%; transform: translateY(50px);}
.room-wrap .img-list-wrap .img-wrap .img3{left: 46%; transform: translateY(150px);}
.room-wrap .img-list-wrap .img-wrap .img4{top: 135px; left: 70.5%; transform: translateY(250px);}

.room-wrap .room-preview-wrap{padding: 0 85px;}
.room-wrap .room-preview-wrap .txt-ani{position: absolute; margin-left: 50%; z-index: 5; font-family: "Butler",sans-serif; font-size: 10vw; color: #ebe4da; line-height: 0.8; letter-spacing: -0.17em; width: 2em; margin-top: -200px; pointer-events: none;}
.room-wrap .room-preview-wrap .txt-ani h2{font-weight: 100;}
.room-wrap .room-preview-wrap .txt-ani h2::after{content: ""; display: table; clear: both;}
.room-wrap .room-preview-wrap .txt-ani h2 span{position: relative; transition: 1.2s; display: block; float: left; transform: translateY(50px); opacity: 0;}
.room-wrap .room-preview-wrap .txt-ani h2 span:nth-child(2n - 1){top: -4vw;}
.room-wrap .room-preview-wrap .txt-ani h2 span:nth-child(1),.main-wrap .room-preview-wrap .txt-ani h2 span:nth-child(2){left: 0;}

.beach-wrap .room-preview-wrap{padding-bottom: 100px;}
.senti-wrap.room-wrap .info-wrap .ico-wrap{opacity: 1;}
.senti-wrap.room-wrap .guide-wrap{opacity: 1;}
.senti-wrap.room-wrap .info-wrap .ico-wrap h5{color: #2a2a2a;}
.senti-wrap.room-wrap .info-wrap .ico-wrap h4{color: #2a2a2a;}
.senti-wrap.room-wrap .info-wrap .ico-wrap span.none-view{color: #2a2a2a; font-size: 13px; font-weight: 300;}
.senti-wrap.room-wrap .info-wrap .ico-wrap ol .line{ background-color: #b3b3b3;}
.senti-wrap.room-wrap .guide-wrap .info h3{color: #2a2a2a;}
.senti-wrap.room-wrap .guide-wrap .info.supplies li p{color: #2a2a2a;}
.senti-wrap.room-wrap .guide-wrap .info.user-guide li{color: #2a2a2a;}
.senti-wrap.room-wrap .room-preview-wrap{padding-bottom: 150px;}
.senti-wrap.room-wrap .room-preview-wrap .txt-ani{margin-top: -120px; pointer-events: none;}

.glamping-wrap.room-wrap .room-preview-wrap{padding-bottom: 150px;}

.room-price-wrap .yapen-priceLayer .yapen-priceTbl{background: #fff;}

/*special*/
.special-wrap .con2 .intro-wrap .img{margin-top: 70px; position: relative;}
.special-wrap .con2 .intro-wrap .img .main-img{display: block; margin: 0 auto; text-align: center;}
.special-wrap .con2 .intro-wrap .ab-img{position: absolute; bottom: 0; left: 50%;}
.special-wrap .con2 .intro-wrap .ab-img .small-img{position: absolute;}
.special-wrap .con2 .intro-wrap .ab-img .img1{right: 23vw; bottom: -200px; transition: 1.2s;}
.special-wrap .con2 .intro-wrap .ab-img .vdo img{opacity: 0; visibility: hidden;}
.special-wrap .con2 .intro-wrap .ab-img .img2{left: 15vw; bottom: -70px; transition: 1.2s;}
.special-wrap .con2 .info-wrap{padding-top: 135px; max-width: 1220px; margin: 0 auto;}
.special-wrap .con2 .info-wrap .tit{padding-left: 260px; margin-bottom: 150px;}
.special-wrap .con2 .info-wrap .tit h2{font-size: 80px; font-weight: 300; font-family: "Bero"; line-height: 0.9; margin-bottom: 50px;}
.special-wrap .con2 .info-wrap .tit h2 span{display: block; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.special-wrap .con2 .info-wrap .tit h3{font-size: 18px; margin-bottom: 15px; font-weight: 500; transform: translateY(30px); opacity: 0;  transition: 0.8s; transition-delay: 0.6s;}
.special-wrap .con2 .info-wrap .tit h5{font-size: 16px; margin-top: 30px; transform: translateY(30px); opacity: 0;  transition: 0.8s; transition-delay: 0.8s;}
.special-wrap .con2 .info-wrap .tit ol{font-size: 16px; transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.8s; }
.special-wrap .con2 .info-wrap .tit li{font-size: 16px;}
.special-wrap .con2 .info-wrap .tit p{font-size: 16px; transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.8s;}
.special-wrap .con2 .info-wrap .tit h2 span:nth-child(2){transition-delay: 0.1s;}
.special-wrap .con2 .info-wrap .tit h2 span:nth-child(3){transition-delay: 0.2s;}
.special-wrap .con2 .info-wrap .img-wrap img{width: 100%; display: block;}


.special-wrap .con2 .info-wrap .tit.on h2 span{transform: translateY(0); opacity: 1;}
.special-wrap .con2 .info-wrap .tit.on h3{transform: translateY(0); opacity: 1;}
.special-wrap .con2 .info-wrap .tit.on p{transform: translateY(0); opacity: 1;}
.special-wrap .con2 .info-wrap .tit.on ol{transform: translateY(0); opacity: 1;}
.special-wrap .con2 .info-wrap .tit.on h5{transform: translateY(0); opacity: 1;} 
.special-wrap .con2 .info-wrap .tit p b{font-weight: 500;}
.special-wrap .con2 .info-wrap{padding-bottom: 155px;}



.special-wrap .con2 .special-preview-wrap{padding: 0 85px; padding-bottom: 90px;}

/*tour*/
.tour-wrap .con2 .info-wrap{margin-top: 115px;}
.tour-wrap .con2 .info-wrap::after{content: ""; display: table; clear: both;}
.tour-wrap .con2 .info-wrap .info{width: calc(50% - 10px); float: left; transform: rotate(0.03deg);}
.tour-wrap .con2 .info-wrap .info:nth-child(2n - 1){margin-right: 20px;}
.tour-wrap .con2 .info-wrap .info .img{height: 435px; background-size: cover; background-repeat: no-repeat; background-position: center; opacity: 0; transform: translateY(80px); transition: 0.8s;}
.tour-wrap .con2 .info-wrap .info .txt{padding-bottom: 75px;}
.tour-wrap .con2 .info-wrap .info .txt h4{font-size: 14px; font-weight: 400; margin-top: 45px; opacity: 0; transform: translateY(50px); transition: 0.8s; transition-delay: 0.3s;}
.tour-wrap .con2 .info-wrap .info .txt h3{font-size: 30px; font-weight: 400; margin-bottom: 35px; opacity: 0; transform: translateY(50px); transition: 0.8s; transition-delay: 0.5s;}
.tour-wrap .con2 .info-wrap .info .txt p{font-size: 14px; font-weight: 300; letter-spacing: -0.5px; opacity: 0; transform: translateY(50px); transition: 0.8s; transition-delay: 0.7s;}

.tour-wrap .con2 .info-wrap .info.on .img{transform: translateY(0); opacity: 1;}
.tour-wrap .con2 .info-wrap .info.on .txt h4{transform: translateY(0); opacity: 1;}
.tour-wrap .con2 .info-wrap .info.on .txt h3{transform: translateY(0); opacity: 1;}
.tour-wrap .con2 .info-wrap .info.on .txt p{transform: translateY(0); opacity: 1;}

.tour-wrap .con2 .info-wrap{padding-bottom: 150px;}

/*map*/
.map-wrap .con2 .info-wrap{margin-top: 115px; padding-bottom: 250px;}
.map-wrap .con2 .info-wrap .txt-wrap{margin-top: 20px;}
.map-wrap .con2 .info-wrap .txt-wrap h3{font-size: 18px; font-weight: 500; }
.map-wrap .con2 .info-wrap .txt-wrap a{color: #90826f; margin-bottom: 10px; display: inline-block; font-size: 15px;}
.map-wrap .con2 .info-wrap .txt-wrap a::after{content: ""; display: block; width: 100%; height: 1px;background-color: #90826f;}
.map-wrap .con2 .info-wrap .txt-wrap p{font-size: 15px;}
.map-wrap .con2 .info-wrap .txt-wrap.bus-wrap{display: flex; justify-content: start;}
.map-wrap .con2 .info-wrap .txt-wrap .txt-box{margin-right: 50px;}

/*notice*/
.notice-wrap .con2 .info-wrap{margin-top: 115px; padding-bottom: 250px;}

/*reservation*/
.reser-wrap .con2 .reser-table-wrap{margin-top: 100px;}
.reser-wrap .con2 .reser-table-wrap p.txt{font-size: 16px; color: #90826f; line-height: 2.2; margin-top: 15px;}
.reser-wrap .con2 .reser-table-wrap p.txt a{color: #90826f;}
.reser-wrap .con2 .info-wrap{margin-top: 110px; padding-bottom: 400px;}
.reser-wrap .con2 .info-wrap .tit h3{font-size: 20px; font-weight: 300; font-family: "Gallient",sans-serif;}
.reser-wrap .con2 .info-wrap .tit h2{font-size: 50px; font-weight: 300; font-family: "Bero",sans-serif; line-height: 1; margin-bottom: 30px;}
.reser-wrap .con2 .info-wrap ul > li h3{font-size: 16px;font-weight: 400; line-height: 40px; background-color: #f4f2ee; border: 1px solid #bfbfbf; padding-left: 20px; padding-right: 45px; cursor: pointer;}
.reser-wrap .con2 .info-wrap ul > li h3 .arrow{float: right; position: relative; display: block; top: 16px;}
.reser-wrap .con2 .info-wrap ul > li h3 .arrow::after{width: 9px; height: 1px; display: block; content: ""; background-color: #483434; transform: rotate(50deg); transform-origin: right center; position: absolute; top: calc(50% + 5px); right: 0; transition: 0.5s;}
.reser-wrap .con2 .info-wrap ul > li h3 .arrow::before{width: 9px; height: 1px; display: block; content: ""; background-color: #483434; transform: rotate(-50deg); transform-origin: left center; position: absolute; top: calc(50% + 5px); left: 0; transition: 0.5s;}

.reser-wrap .con2 .info-wrap ul > li.on h3 .arrow::after{transform:translateY(-5px) rotate(-50deg) ;}
.reser-wrap .con2 .info-wrap ul > li.on h3 .arrow::before{transform:translateY(-5px) rotate(50deg);}

.reser-wrap .con2 .info-wrap ul > li{margin-bottom: 15px;}
.reser-wrap .con2 .info-wrap .detail-txt{ overflow: hidden;}
.reser-wrap .con2 .info-wrap .detail-txt ol{padding-left: 20px; margin-top: 25px; margin-bottom: 40px;}
.reser-wrap .con2 .info-wrap .detail-txt ol li{font-size: 14px; line-height: 2.2;}
.reser-wrap .con2 .info-wrap .detail-txt h5{ font-weight: 500; position: relative; padding-left: 5px; margin-left: -10px; font-size: 15px; margin-top: 20px;}
.reser-wrap .con2 .info-wrap .detail-txt h5::before{content: ""; display: block; width: 2px; height: 2px; position: absolute; left: 0; top: 0; border-radius: 50%; background-color: #90826f; position: absolute; top: 0.85em; left: 0;}
.reser-wrap .con2 .info-wrap .detail-txt .refund-table{width: 100%; font-size: 14px; text-align: center; line-height: 1.4; outline: none; border-spacing: 0; margin-top: 20px;}
.reser-wrap .con2 .info-wrap .detail-txt .refund-table th,.reser-wrap .con2 .info-wrap .detail-txt .refund-table td{padding: 20px 0; width: 9.0909090%;}
.reser-wrap .con2 .info-wrap .detail-txt .refund-table th{border-bottom: 1px solid #e6e2df; border-top: 1px solid #90826f; font-weight: 500; position: relative;}
.reser-wrap .con2 .info-wrap .detail-txt .refund-table th::before{content: ""; width: 1px; height: 15px; display: block; background-color: #e6e3df; position: absolute; top: 30px; left: 0;}
.reser-wrap .con2 .info-wrap .detail-txt .refund-table th:first-child::before{display: none;}
.reser-wrap .con2 .info-wrap .detail-txt .refund-table td{border-bottom: 1px solid #bfbfbf;}

/*room preview*/
.room-preview-wrap{max-width: 1700px; margin: 0 auto;}
.room-preview-wrap .txt-wrap .slide-contro li{position: relative; opacity: 0.7; transition: 0.6s;}
.room-preview-wrap .txt-wrap .slide-contro li.visible{opacity: 1;}
.room-preview-wrap .txt-wrap .slide-contro li.visible a{padding-left: 10px;}
.room-preview-wrap .txt-wrap .slide-contro li .btn-ico{position: absolute; top: 20px; right: 20px; content: ""; display: block; width: 7px;} 
.room-preview-wrap .txt-wrap .slide-contro li .btn-ico::after{content: ""; display: block; width: 100%; height: 1px; position: absolute; transform: rotate(35deg); transform-origin: right; transition: 0.8s;}
.room-preview-wrap .txt-wrap .slide-contro li .btn-ico::before{content: ""; display: block; width: 100%; height: 1px; position: absolute; transform: rotate(-35deg); transform-origin: right; transition: 0.8s;}
.room-preview-wrap .txt-wrap .slide-contro li.visible .btn-ico::after{transform: rotate(0);}
.room-preview-wrap .txt-wrap .slide-contro li.visible .btn-ico::before{transform: rotate(0);}  
.room-preview-wrap .img-slide-wrap .slide{opacity: 0; transition: 0.8s; pointer-events: none;}
.room-preview-wrap .img-slide-wrap .slide.visible{opacity: 1; pointer-events: all;}

.room-preview-wrap .control-wrap{display: none;}

/*room preview*/
.room-preview-wrap1{padding-bottom: 85px;}
.room-preview::after{content: ""; display: table; clear: both;}
.room-preview .img-slide-wrap{float: left; width: 57%; height: 800px; position: relative;}
.room-preview .img-slide-wrap .slide{ width: 100%; height: 100%;  position: absolute; top: 0; left: 0;}
.room-preview .img-slide-wrap .slide img{display: block; width: 100% !important; height: 100% !important;}
.room-preview .txt-wrap{float: left; width: 43%; padding-left: 120px; margin-top: 60px; color: #2a2a2a; transition: 1.2s;}
.room-preview .txt-wrap ul{width: 90%;}
.room-preview .txt-wrap h3{font-size: 20px; font-weight: 300; font-family: "Pretendard",sans-serif; letter-spacing: 0.1em; margin-bottom: 50px;}
.room-preview .txt-wrap h2{font-size: 60px; font-family: "Gallient",sans-serif; font-weight: 300; line-height: 1.2; margin-bottom: 50px;}
.room-preview .txt-wrap .slide-contro li{line-height: 38px; border-bottom: 1px solid #90826f;}
.room-preview .txt-wrap .slide-contro li a{font-family: "Pretendard",sans-serif; font-size: 14px; color: #2a2a2a; font-weight: 400; display: block;  transition: 1.2s;}
.room-preview .txt-wrap .slide-contro li a b{font-size: 15px; font-weight: 300; margin-right: 15px; width: 3.2em; display: inline-block;}





/* special preview */
.special-preview-wrap .tit{text-align: center; color: #2a2a2a; margin-bottom: 50px;}
.special-preview-wrap .tit h3{font-family: "Pretendard",sans-serif; font-size: 16px; font-weight: 300; letter-spacing: 0.05em;}
.special-preview-wrap .tit h2{font-family: "Gallient",sans-serif; font-size: 60px; font-weight: 300; line-height: 1.4;}

.special-preview-wrap .preview-info ul::after{content: ""; display: table; clear: both;}
.special-preview-wrap .preview-info li{float: left; width: 25%; height: 250px; background-size: cover; background-repeat: no-repeat; background-position: center; border: 1px solid #505050; border-width: 0px 1px 1px 0;} 
.special-preview-wrap .preview-info li:last-of-type{width: 50%;}
.special-preview-wrap .preview-info li.visible a::before{opacity: 0;}
.special-preview-wrap .preview-info li a{display: block; height: 100%; position: relative;}
.special-preview-wrap .preview-info li a::before{content: ""; display: block; width: 100%; height: 100%; background-color: #2a2a2a; position: absolute; top: 0; left: 0; z-index: 0; transition: 1.4s;}
.special-preview-wrap .preview-info li .txt{padding-top: 30px; padding-left: 45px; position: relative;}
.special-preview-wrap .preview-info li .txt h3{font-size: 16px; font-weight: 300; font-family: "Pretendard";}
.special-preview-wrap .preview-info li .txt h2{font-size: 30px; font-weight: 300; font-family: "Gallient";}

/*펜션 전체 배치도*/
.location-map-section img{display: block; width: 100%;}
/*footer*/
.ft{background-color: #ebe4da; padding-top: 35px; padding-bottom: 75px;}
.ft .ft-reser{width: 210px; line-height: 45px; margin: 0 auto;  background-color: #87755c; display: block; margin-bottom: 25px;}
.ft .ft-reser span{font-size: 13px; padding: 0 35px;}
.ft .ft-reser i{font-size: 20px; transform: translateY(2px); background-color: #b3a591; display: block; float: right; line-height: 45px; margin-top: -1px; padding: 0 15px;}
.ft .ft-info{text-align: center;}
.ft .ft-info .info{font-size: 14px; color: #87755c; margin-bottom: 20px;}
.ft .ft-info .info span{margin-right: 15px;}
.ft .ft-info .info span b{font-weight: 400; color: #90826f;}

.ft .ft-menu-wrap .main-menu-wrap{max-width: 880px; margin: 0 auto; margin-bottom: 60px;}
.ft .ft-menu-wrap .main-menu-wrap ul::after{content: ""; display: table; clear: both;}
.ft .ft-menu-wrap .main-menu-wrap > ul > li{float: left; width: 16.6666%;}
.ft .ft-menu-wrap .main-menu-wrap > ul > li > a{display: block; font-size: 19px; font-family: "Gallient",sans-serif; font-weight: 100; color: #90826f; margin-bottom: 15px;}
.ft .ft-menu-wrap .main-menu-wrap .sub-menu li a{font-size: 14px; color: #87755c;}

.ft .tel{font-size: 25px; margin-bottom: 20px; color: #6c583c; display: inline-block; font-weight: 600;}

.ft .ft-info .copyright{font-size: 11px; color: #87755c;}
.ft .ft-info .copyright a{color: #87755c;}
.ft .login{color: #87755c; text-decoration: underline; font-size: 13px;}

/*inner-con*/
.inner-con{ margin: 0 auto; position: relative;}
.ft .inner-con{max-width: 1100px;}
.view-wrap .intro-wrap .inner-con{max-width: 1300px;}
.room-wrap .inner-con{max-width: 1395px;}
.room-wrap .info-wrap .inner-con{max-width: 1200px;}
.room-wrap .room-price-wrap .inner-con{max-width: 1200px;}
.room-wrap .img-list-wrap .inner-con{max-width: 1200px;}
.half-page-wrap .inner-con{max-width: 1200px;}

.m-map{display: none;}
.scroll-txt{opacity: 0; transform: translateY(30px); transition: 1.2s;}
.scroll-txt.on{transform: translateY(0); opacity: 1;}
.m-br{display: none;}
.tap-menu{display: none;}
.m-vdo-wrap{display: none;}
.

@media all and (min-width : 2655px) {
    .room-wrap .room-preview-wrap .txt-ani{font-size: 270px;}
}

@media all and (min-width : 1025px) {
    .hd .main-menu-wrap > ul > li > a{text-shadow: 0 0 5px rgba(0,0,5,0.6);}
}

@media all and (max-width : 1650px){
    .special-preview-wrap .preview-info li{height: 14vw;}
    .room-preview .img-slide-wrap{height: 42vw;}    
}

@media all and (max-width : 1600px){
    .view-wrap .con2 .info-wrap:last-child .info .txt{padding-top: 85px;}
}

@media all and (max-width: 1495px){
    .room-wrap .inner-con{width: calc(100% - 100px);}
    .room-preview .txt-wrap{padding-left: 15px;}
}

@media all and (max-width: 1400px){
    .view-wrap .intro-wrap .inner-con{width: calc(100% - 100px);}
}

@media all and (max-width: 1350px){
    .view-wrap .con2 .info-wrap .info .txt h3{font-size: 16px;}
    .view-wrap .con2 .info-wrap .info .txt p{font-size: 14px;}
    .main-wrap .con2{padding: 0 25px;}
    .room-preview .txt-wrap ul{width: 90%;}    
    .view-wrap .con2 .info-wrap .info .img{height: 400px;}
    .view-wrap .con2 .info-wrap:last-child .info .txt{padding-top: 100px;}
}

@media all and (max-width: 1300px){
    .room-wrap .info-wrap .inner-con{width: calc(100% - 100px);}
    .room-wrap .room-price-wrap .inner-con{width: calc(100% - 100px);}
    .room-wrap .img-list-wrap .inner-con{width: calc(100% - 100px);}
    .half-page-wrap .inner-con{width: calc(100% - 100px);}
    .ft .inner-con{width: calc(100% - 100px);}
    .special-wrap .con2 .info-wrap{width: calc(100% - 100px);}
    .hd .hd-reser-btn{right: 30px;}

}

@media all and (max-width : 1200px){
    .hd .main-menu-wrap > ul > li > a{width: 110px;}
    .hd .main-menu-wrap{margin-left: 100px;}
    .hd .hd-reser-btn{width: 180px;}
    
}




@media all and (max-width: 1024px){
    .hd .header-box{height: 100vh;}
    .hd .main-menu-wrap > ul > li > a::after{display: none;}
    .hd .main-menu-wrap{visibility: hidden; opacity: 0; padding-top: 0; margin-left: 0; width: 100%; transition: 0.8s; position: absolute; left: 0; top: 115px;}
    .hd.click .main-menu-wrap{visibility: visible; opacity: 1; transition-delay: 1s;}
    .hd .main-menu-wrap .menu-line{display: none;}
    .hd .main-menu-wrap > ul > li{ position: relative; width: 33.3333%;}
    .hd .main-menu-wrap > ul > li > a{font-size: 20px; line-height: 2.4;  width: 100%;}         
    .hd .main-menu-wrap .sub-menu{padding-top: 0; top: 3px; min-height: 350px;}
    .hd.click .main-menu-wrap li.on .sub-menu{visibility: visible; opacity: 1; pointer-events: all; }
    .hd .main-menu-wrap .sub-menu a{font-size: 18px; line-height: 2;}
    .room-preview-wrap .txt-wrap .slide-contro li a{pointer-events: none;}    
    .view-wrap .con2 .info-wrap:last-child .info .txt{padding-top: 60px;}
    .view-wrap .con2 .info-wrap .info .txt p{font-size: 13px;}
    .view-wrap .con2 .info-wrap .info .txt h3{font-size: 14px;}
    .view-wrap .con2 .info-wrap .info.imgLeft .txt{padding-left: 25px;}
    .room-wrap .guide-wrap .info.supplies li p{font-size: 11px; white-space: nowrap;}

    .special-preview-wrap .tit{margin-bottom: 25px;}
    .special-preview-wrap .tit h3{font-size: 14px;}
    .special-preview-wrap .tit h2{font-size: 34px; font-weight: 500;} 
    .special-preview-wrap .preview-info li{width: calc(50% - 1.5px); height: 30vw; margin-bottom: 3px; border-width: 0px 0px 0px 0px;}
    .special-preview-wrap .preview-info li:last-of-type{width: 100%;}
    .special-preview-wrap .preview-info li:nth-child(2n - 1){margin-right: 3px;}
    .special-preview-wrap .preview-info li a::before{display: none;}
    .special-preview-wrap .preview-info li .txt{padding-top: 10px; padding-left: 5px;}
    .special-preview-wrap .preview-info li .txt h3{font-size: 12px;}
    .special-preview-wrap .preview-info li .txt h2{font-size: 18px; line-height: 1; letter-spacing: -1px;}
    .tap-menu{display: block;}
    .room-preview-wrap .control-wrap{position: absolute; top: 50%; left: 0; width: 100%; pointer-events: none; display: block; transform: translateY(-50%);}
    .room-preview-wrap .control-wrap .prev{float: left; cursor: pointer; margin-left: 15px; color: #d8d8d8; font-size: 24px; pointer-events: all;}
    .room-preview-wrap .control-wrap .next{float: right; cursor: pointer; margin-right: 15px; color: #d8d8d8; font-size: 24px; pointer-events: all;}
    .room-preview-wrap1 .txt-wrap{padding-left: 0;}
    .m-vdo-wrap{display: block; position: relative; margin-bottom: 80px;}
    .m-vdo-wrap .main-vdo-wrap{position: relative; width: 100%; height: 100%;}
    .m-vdo-wrap .video-btn{position: absolute; bottom: -35px; left: 15px; width: 100px; height: 35px; line-height: 35px; font-size: 12px; text-align: center; color: white; background-color: rgba(0,0,0,0.6); display: none;}
    .main-wrap .slide .full-page{width: 100%; height: 100%;}
}


@media all and (max-width: 900px){
    /* #divpop2{left: unset !important;} */
    .room-wrap .inner-con{width: calc(100% - 50px);}
    .view-wrap .intro-wrap .inner-con{width: calc(100% - 50px);}
    .room-wrap .info-wrap .inner-con{width: calc(100% - 50px);}
    .room-wrap .room-price-wrap .inner-con{width: calc(100% - 50px);}
    .room-wrap .img-list-wrap .inner-con{width: calc(100% - 50px);}
    .half-page-wrap .inner-con{width: calc(100% - 50px);}
    .ft .inner-con{width: calc(100% - 50px);}
    .special-wrap .con2 .info-wrap{width: calc(100% - 50px);}

    .room-preview-wrap .img-slide-wrap{position: relative;}
    .room-preview-wrap2 .img-slide-wrap{width: 100%;}
    .room-preview-wrap2 .txt-wrap{width: 100%; padding-left: 0; margin-top: -15px; position: relative; z-index: 5;}
    .room-preview-wrap2 .img-slide-wrap{height: 72vw;}
    .room-preview .txt-wrap h3{font-size: 16px; display: none;}
    .room-preview .txt-wrap h2{font-size: 45px; line-height: 1; margin-bottom: 15px;}
    .room-preview .txt-wrap ul{width: 100%;}
    .room-preview .txt-wrap .slide-contro li{line-height: 32px;}
    .room-preview .txt-wrap .slide-contro li a{font-size: 13px;}
    .room-preview .txt-wrap .slide-contro li a b{font-size: 15px;}

    .room-preview .img-slide-wrap{width: 100%;}
    .room-preview .txt-wrap{width: 100%; padding-left: 0; margin-top: -15px; position: relative; z-index: 5;}

    .room-preview .txt-wrap h3{font-size: 16px; display: none;}
    .room-preview .txt-wrap h2{font-size: 45px; line-height: 1; margin-bottom: 15px;}
    .room-preview .txt-wrap ul{width: 100%;}
    .room-preview .txt-wrap .slide-contro li{line-height: 32px;}
    .room-preview .txt-wrap .slide-contro li a{font-size: 13px;}
    .room-preview .txt-wrap .slide-contro li a b{font-size: 15px;}
    .room-preview .info-wrap .ico-wrap span.none-view{height: 0; display: block; font-size: 12px;}
}


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

    main.white-page .room-preview .txt-wrap h2{text-shadow: 0px 0px 1px #2a2a2a;}
    main.dark-page .room-preview .txt-wrap{text-shadow: 0px 0px 1px #90826f;}
    
    .tap-menu li{padding: 0 5px;}
    .tap-menu li a{font-size: 12px;}    
    .hd .main-menu-wrap > ul > li{margin-bottom: 15px;}
    .hd .main-menu-wrap > ul > li > a{font-size: 14px;}  
    .hd .main-menu-wrap .sub-menu a{font-size: 11px; letter-spacing: -0.1em;}
    .hd .main-menu-wrap .sub-menu{ min-height: 0px; height: 0; overflow: hidden;}
    .hd .main-menu-wrap > ul > li:nth-of-type(3n + 1){clear: both;}

    .room-wrap .inner-con{width: calc(100% - 30px);}
    .view-wrap .intro-wrap .inner-con{width: calc(100% - 30px);}
    .room-wrap .info-wrap .inner-con{width: calc(100% - 30px);}
    .room-wrap .room-price-wrap .inner-con{width: calc(100% - 30px);}
    .room-wrap .img-list-wrap .inner-con{width: calc(100% - 30px);}
    .half-page-wrap .inner-con{width: calc(100% - 30px);}
    .view-wrap .con2 .info-wrap .info {width: calc(100% - 30px); margin: 0 auto;}
    .ft .inner-con{width: calc(100% - 30px);}
    .special-wrap .con2 .info-wrap{width: calc(100% - 30px); }
    
        
    .hd .menu-box{width: 70px; padding-top: 15px; padding-bottom: 15px;}
    .hd .hd-reser-btn{width: auto; right: 15px; font-size: 12px; padding: 0 5px; top: 15px; display: none;}
    .hd .hd-reser-btn i{font-size: 22px;}
    .hd .menu-box a{width: 50px; margin-left: 10px;}
    .hd .menu-box .menu-btn{margin-left:23px; margin-top: 15px;}

    main{overflow: hidden;}
    
    .main-wrap .con1 .tit h2{font-size: 24px;}
    .main-wrap .con1 .tit h3{font-size: 13px;}
    .main-wrap .con2{padding: 0 15px;}
    .main-wrap .intro-section{margin-bottom: 0px; padding-top: 50px;}
    .main-wrap .intro-section aside{width: 100%; float: none;}
    .main-wrap .intro-section .simbol{margin-bottom: 50px; margin-top: 25px; width: 50px;}
    .main-wrap .intro-section .img-mask{width: 100%; float: none; margin-top: 0;}
    .main-wrap .intro-section .img-mask .svg-mask{width: 70%; margin: 0 auto; display: block;}
    .main-wrap .intro-section .tit{font-size: 50px; margin-right: 0; position: absolute; top: 30px; left: 0; width: 80%; transform: translateX(0);}
    .main-wrap .intro-section .img-mask .rolling-img{bottom: -50px;  right: 30px; left: auto; top: auto; width: 100px;}
    .main-wrap .intro-section .img-mask .rolling-img img{width: 100%;}
    .main-wrap .intro-section .txt{margin-top: 25px; padding-left: 0;}
    .main-wrap .intro-section .txt h3{font-size: 18px;}
    .main-wrap .intro-section .txt p{font-size: 13px;}
    .main-wrap .intro-section .txt .line{margin-bottom: 25px; margin-top: 15px; width: 30px;}
    
    
    .main-wrap .room-preview-wrap1{padding-top: 80px;}
    .main-wrap .room-preview{padding-bottom: 50px;}
    .main-wrap .room-preview-wrap .txt-ani{display: none;}
    
    .main-wrap .con1 .slide-control button{font-size: 24px;}
    .main-wrap .con1 .slide-control .prev{margin-left: 15px;}
    .main-wrap .con1 .slide-control .next{margin-right: 15px;}

    
    .full-page-wrap .con1 .slide{height: 300px;}
    .sub-wrap .con2 .intro-tit{margin-top: 0; margin-bottom: 80px;}
    /* .main-wrap.full-page-wrap .con1 .slide{height: 57vw;} */
    .sub-wrap .con1 .tit h3{font-size: 12px;}
    .sub-wrap .con1 .tit h2{font-size: 32px;}
    .sub-wrap .con1 .tit{bottom: 15px;}
    .sub-wrap .con1 .tit h2{white-space: nowrap;}
    .view-wrap .con1 .tit{display: none;}
    .map-wrap .con2 .info-wrap{margin-top: 50px; padding-bottom: 80px;}
    .map-wrap .con2 .info-wrap .txt-wrap{max-width: 300px; margin: 0 auto; margin-top: 15px;}
    .map-wrap .con2 .info-wrap .txt-wrap.bus-wrap{display: block;}
    .map-wrap .con2 .info-wrap .txt-wrap h3{font-size: 15px;}
    .map-wrap .con2 .info-wrap .txt-wrap p{font-size: 13px;}
    .map-wrap .con2 .info-wrap .txt-wrap a{font-size: 13px;}

    .notice-wrap .con2 .info-wrap{margin-top: 50px; padding-bottom: 80px;}
    
    .sub-wrap .con2 .intro-tit{padding-top: 35px;}
    .sub-wrap .con2 .intro-tit .simbol{width: 40px;}
    .sub-wrap .con2 .intro-tit h3{font-size: 14px;}
    .sub-wrap .con2 .intro-tit h2{font-size: 18px; letter-spacing: -0.04em; font-weight: 500;}
    .sub-wrap .con2 .intro-tit p{font-size: 13px;}
    .view-wrap .con2 .intro-wrap .info{ margin-top: 50px;}
    .view-wrap .con2 .intro-wrap .info .deco-txt{display: none;}
    .view-wrap .con2 .intro-wrap .txt{padding-top: 50px; padding-bottom: 80px;}
    .view-wrap .con2 .intro-wrap .txt h3{width: 100%; display: block; padding-left: 0; font-size: 18px; margin-bottom: 25px;}
    .view-wrap .con2 .intro-wrap .txt p{width: 100%; display: block; font-size: 13px;}
    .view-wrap .con2 .intro-wrap .vdo-wrap{margin-top: -15px;}
    .view-wrap .con2 .info-wrap .info .img{width: 100%; float: none;}
    .view-wrap .con2 .info-wrap .info .txt{width: 100%; float: none;}
    .view-wrap .con2 .info-wrap .info .img{height: 200px;}    

    .view-wrap .con2 .info-wrap .info .txt h3{font-size: 13px; margin-bottom: 25px;}
    .view-wrap .con2 .info-wrap .info .txt p{font-size: 13px;}
    .view-wrap .con2 .info-wrap:last-child .info .txt{padding-right: 0; text-align: left; padding-top: 30px; padding-left: 0; padding-bottom: 50px;}


    .senti-wrap.room-wrap .guide-wrap .info.supplies.long li{width:20%}
    .senti-wrap.room-wrap .guide-wrap .info.supplies li p{font-size: 11px;}
    .senti-wrap.room-wrap .guide-wrap .info.supplies li{width: 20%;}

    .senti-wrap.room-wrap .room-preview-wrap{padding-bottom: 80px;}
    .glamping-wrap.room-wrap .room-preview-wrap{padding-bottom: 80px;}


    .room-wrap .intro-wrap .thumb-img-wrap{width: 100%; margin-left: 0; margin-top: 50px; margin-bottom: 35px;}    
    .room-wrap .info-wrap .ico-wrap ul{display: block;}
    .room-wrap .info-wrap .ico-wrap ul > li{width: 50%; margin-bottom: 30px;}
    .room-wrap .info-wrap .ico-wrap h4{font-size: 12px;}
    .room-wrap .info-wrap .ico-wrap i{font-size: 28px; min-height: 50px; line-height: 50px;}
    .room-wrap .info-wrap .ico-wrap h5{font-size: 13px;}
    .room-wrap .info-wrap .ico-wrap ol .line{height: 20px; transform: translateX(0);}
    .room-wrap .info-wrap .ico-wrap ol li i{font-size: 25px;}
    .room-wrap .info-wrap .ico-wrap h3{min-height: 50px; font-size: 15px; line-height: 1.2; padding-top: 7px;}

    .room-wrap .guide-wrap{margin-top: 30px;}
    .room-wrap .guide-wrap .info h3{width: 100%; float: none; padding-left: 0; margin-bottom: 20px; font-size: 18px;}
    .room-wrap .guide-wrap .info ol{width: 100%; float: none;}
    .room-wrap .guide-wrap .info.supplies li{width: 16.66666%;}
    .room-wrap .guide-wrap .info.supplies li p{font-size: 10px; white-space: nowrap;}
    .room-wrap .guide-wrap .info.supplies{padding-bottom: 25px;}

    .room-wrap .info-wrap .info{padding-top: 30px;}
    .room-wrap .guide-wrap .info.user-guide li{font-size: 12px;}

    
    .room-wrap .guide-wrap .info.supplies li{margin-bottom: 15px;}
    .room-wrap .guide-wrap .info.supplies li i{font-size: 23px; margin-bottom: 0;}
    .room-wrap .guide-wrap .info.user-guide li{padding-left: 10px;}


    .room-preview .img-slide-wrap{height: 72vw;}

    
   

    .room-price-wrap .calendar-controler .year-month{font-size: 12px;}
    
    .room-wrap .room-preview-wrap{padding: 0 15px;}
    .room-wrap .img-list-wrap .img-wrap .img1{transform: translateY(50px); top: 20vw;}
    .room-wrap .img-list-wrap .img-wrap .img2{transform: translateY(25px); top: 5vw;}
    .room-wrap .img-list-wrap .img-wrap .img3{transform: translateY(10px);}
    .room-wrap .img-list-wrap .img-wrap .img4{transform: translateY(55px); top: 15vw; left: auto; right: 0;}
    .room-wrap .img-list-wrap{min-height: auto; height: 57vw; margin-bottom: 100px;}
    .room-wrap .img-list-wrap .img-wrap .img{width: 40%;}

    .room-wrap .room-preview-wrap .txt-ani{display: none;}

    .room-preview-wrap .txt-wrap .slide-contro li .btn-ico{top: 16px;}


    .special-wrap .con2 .special-preview-wrap{padding: 0 15px; padding-bottom: 50px;}
    .special-wrap .con2 .info-wrap .tit{padding-left: 0; width: calc(100% - 30px); margin: 0 auto; padding-bottom: 50px;}
    .special-wrap .con2 .info-wrap .tit h2{font-size: 32px; margin-bottom: 15px;}
    .special-wrap .con2 .info-wrap .tit h3{font-size: 14px; margin-bottom: 0px;}
    .special-wrap .con2 .info-wrap .tit p{font-size: 13px;}
    .special-wrap .con2 .info-wrap .tit h5{font-size: 13px; margin-top: 15px;}
    .special-wrap .con2 .info-wrap .tit ol{font-size: 13px;}
    .special-wrap .con2 .info-wrap .tit li{font-size: 13px;}
    .special-wrap .con2 .info-wrap{padding-bottom: 50px; padding-top: 60px;}
    .special-wrap .con2 .intro-wrap .img .main-img{width: 80%;}
    .special-wrap .con2 .intro-wrap .img .main-img img{width: 100%;}
    .special-wrap .con2 .intro-wrap .ab-img .img2{width: 150px; bottom: -150px;}
    .special-wrap .con2 .intro-wrap .ab-img .img2 img{width: 100%;}
    .special-wrap .con2 .intro-wrap .ab-img .img1{width: 100px;}
    .special-wrap .con2 .intro-wrap .ab-img .img1 img{width: 100%;}

    .half-page-wrap .con1 .top-img{height: 300px;}
    .tour-wrap .con2 .info-wrap .info{width: 100%;}
    .tour-wrap .con2 .info-wrap .info .img{height: 200px;}
    .tour-wrap .con2 .info-wrap .info .txt h4{font-size: 12px; margin-top: 20px;}
    .tour-wrap .con2 .info-wrap .info .txt h3{font-size: 24px; margin-bottom: 20px;}
    .tour-wrap .con2 .info-wrap .info .txt p{font-size: 13px;}
    .tour-wrap .con2 .info-wrap .info .txt p br{display: none;}
    .tour-wrap .con2 .info-wrap .info .txt p .m-br{display: block;}
    .tour-wrap .con2 .info-wrap .info .txt{padding-bottom: 60px;}
    .tour-wrap .con2 .info-wrap{padding-bottom: 80px; margin-top: 55px;}

    .reser-wrap .con2 .reser-table-wrap{margin-top: 50px;}
    .reser-wrap .con2 .reser-table-wrap p.txt{font-size: 13px; letter-spacing: -1px; white-space: nowrap;}
    .reser-wrap .con2 .info-wrap ul > li h3{font-size: 14px;}
    .reser-wrap .con2 .info-wrap .detail-txt ol{padding-left: 0;}
    .reser-wrap .con2 .info-wrap .detail-txt h5{margin-left: 0; font-size: 14px;}
    .reser-wrap .con2 .info-wrap .detail-txt ol li{font-size: 12px; line-height: 1.8;}

    .main-wrap .special-preview-wrap{margin-top: 30px; padding-bottom: 80px;}
    .reser-wrap .con2 .info-wrap{margin-top: 50px; padding-bottom: 100px;}
    .reser-wrap .con2 .info-wrap .tit h3{font-size: 13px;}
    .reser-wrap .con2 .info-wrap .tit h2{font-size: 32px;}

    .special-preview-wrap .preview-info li .txt h3{display: none;}

    .ft{padding-bottom: 35px;}
    .ft .ft-reser{ width: 165px;}
    .ft .ft-reser i{padding: 0 10px;}
    .ft .ft-reser span{font-size: 12px; padding: 0 20px;}
    
    .ft .ft-menu-wrap .main-menu-wrap{display: none;}
    .ft .ft-reser{margin-bottom: 30px;}
    .ft .ft-info{padding-top: 30px;}
    .ft .ft-info .info{font-size: 13px;}
    .ft .ft-info .info span{margin-right: 0; display: block; text-align: center;}    
    .ft .ft-info .copyright a{display: block;}
    .ft .tel{font-size: 20px;}
    .pc-map{display: none;}
    .m-map{display: block;}
    .m-br{display: block;}

    .reser-wrap .con2 .info-wrap .detail-txt .refund-table th::before{display: none;}
    .reser-wrap .con2 .info-wrap .detail-txt .refund-table{font-size: 12px;}
    .reser-wrap .con2 .info-wrap .detail-txt .refund-table thead, .reser-wrap .con2 .info-wrap .detail-txt .refund-table tbody{width: 50%; float: left;}
    .reser-wrap .con2 .info-wrap .detail-txt .refund-table tr{display: block;}
    .reser-wrap .con2 .info-wrap .detail-txt .refund-table th{width: 100%; display: block; border-top: 0; border-bottom: 1px solid #bfbfbf;}
    .reser-wrap .con2 .info-wrap .detail-txt .refund-table td{width: 100%; display: block; position: relative;}
    .reser-wrap .con2 .info-wrap .detail-txt .refund-table th br{display: none;}
    .reser-wrap .con2 .info-wrap .detail-txt .refund-table th, .reser-wrap .con2 .info-wrap .detail-txt .refund-table td{padding: 15px 0px;}
    .reser-wrap .con2 .info-wrap .detail-txt .refund-table td br{display: none;}
    .reser-wrap .con2 .info-wrap .detail-txt .refund-table td::before{height: 15px; width: 1px; display: block; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #e6e2df;}
}