@charset "utf-8";
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body{width: 100%; position: relative; font-family: "Noto Serif KR",sans-serif; color: #332924; background-color: #dedede;}
/* body{background-color: #dcdcdc;} */

section{position: relative;}
li{list-style: none;}
a{text-decoration: none; color: white;}
table{outline: 0px; border-spacing: 0px;}
figure{position: relative;}
a,button,input{box-shadow: none; border: 0; background-color: transparent;}
button, i{color: #000;}
.swiper-slide{background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #dcdcdc;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;}
.swiper-button-prev, .swiper-button-next{position: relative; width: auto; left: 0; right: 0; top: 0; bottom: 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: none;}
.italy{font-style: italic;}
.dash-list li{position: relative; padding-left: 0.6em;}
.dash-list li::after{position: absolute; top: 0; left: 0; content: "-";}

.dot-list li{position: relative; padding-left: 0.6em;}
.dot-list li::after{content: ""; display: block; position: absolute; top: 0.7em; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #202020;}
.m-delete{display: inline !important;}
.fadeY.m-delete{display: block !important;}


.pc-vdo { width: 1400px; margin: 0 auto;}
.pc-vdo iframe {width: 1400px !important; height: 900px; margin: 0px auto 0 auto;}
	.m-vdo {display: none;}


.hd{position: fixed; top: 0; left: 0; width: 100%; z-index: 50; padding-top: 60px; transition: 0.8s;}
.hd .inner-con{display: flex; justify-content: space-between; align-items: center;}

.hd .logo{width: 195px; display: block; transition: 0.8s;}
.hd .logo img{width: 100%; display: block;}
.hd .main-menu-wrap{display: flex; align-items: flex-start;}
.hd .main-menu-wrap .sns-wrap{display: flex; align-items: center; margin-left: 20px; margin-top: 6px;}
.hd .main-menu-wrap .sns-wrap::before{content: ""; display: block; width: 1px; height: 25px; background-color: #000;}
.hd .main-menu-wrap .sns-wrap li{margin-left: 20px;}

.hd .main-menu-wrap .sns-wrap li span {font-size: 15px; color: black;}
.hd .main-menu-wrap .sns-wrap li .icon-ico_blog:before{font-size: 16px;}
.res_talk {width: 60px; height: 60px; position: fixed; top: 59%; right: 3%;}
.naver_talk {display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; background-color: #303030; border-radius: 50px; justify-content:center;}
.naver_talk span {font-size: 11px; text-align: center;}
.fa-square-n {color: white !important; font-size: 20px;}

.hd .main-menu-wrap .menu-wrap{display: flex; align-items: flex-start; text-align: center;}
.hd .main-menu-wrap .menu-wrap > li{min-width: 125px;}
.hd .main-menu-wrap .menu-wrap > li > a{line-height: 40px;}
.hd .main-menu-wrap .menu-wrap li a{color: #000;}
.hd .main-menu-wrap .menu-wrap .sub-menu{height: 0; overflow: hidden; transition: 0.8s;}
.hd .main-menu-wrap .menu-wrap .sub-menu li a{font-size: 14px; line-height: 2.4; font-weight: 200; color: #4d4d4d; transition: 0.6s;}
.hd .main-menu-wrap .menu-wrap .sub-menu li a:hover{color: #000;}
.hd.fixed{background-color: #dedede; padding-top: 20px; padding-bottom: 20px;}
.hd.fixed .logo{width: 150px; margin-top: 5px;}

.hd.on{background-color: #dedede; padding-bottom: 20px;}

.hd .m-menu-btn{display: none}

.top-content-section .swiper-slide{width: 100%; height: 100vh;}
.top-content-section .top-info-wrap{position: absolute; pointer-events: none; width: 100%; height: 100%; z-index: 15; top: 0; left: 0;}
.top-content-section .top-info-wrap .inner-con{width: 100%; height: 100%;}
.top-content-section .top-info-wrap .control-wrap{position: absolute; width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.top-content-section .top-info-wrap .control-wrap .btn{pointer-events: all; cursor: pointer; }
.top-content-section .top-info-wrap .control-wrap .btn i{font-size: 36px; color: white;}
.top-content-section .top-info-wrap .tit-wrap{position: absolute; bottom: 60px; display: flex; z-index: 15; flex-flow: column; align-items: center; justify-content: center; z-index: 30; width: 100%;}
.top-content-section .top-info-wrap .tit-wrap .tit{font-size: 18px; font-weight: 300; letter-spacing: 0.2em; font-family: "Lato",sans-serif; color: #ffffff; margin-bottom: 35px;}
.top-content-section .top-info-wrap .tit-wrap .slide-page-wrap{display: flex; align-items: center;}
.top-content-section .top-info-wrap .tit-wrap .slide-page-wrap h5{font-size: 14px; font-family: "Noto Sans KR",sans-serif; font-weight: 400; color: white;}
.top-content-section .top-info-wrap .tit-wrap .line-wrap{width: 110px; height: 1px; background-color: rgba(255,255,255,0.5); margin: 0 50px; position: relative;}
.top-content-section .top-info-wrap .tit-wrap .line-wrap .line{position: absolute; top: 0; left: 0; background-color: white; width: 100%; height: 1px; transform-origin: left; transform: scaleX(0);}
.top-content-section .top-info-wrap .tit-wrap .line-wrap.on .line{transform: scaleX(1); transition: 3s; transition-timing-function: linear;}
.top-content-section .top-img-wrap{width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; align-items: center; justify-content: center;}
.top-content-section .top-img-wrap::after{content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0;}
.top-content-section .top-img-wrap .main-tit{font-size: 18px; font-weight: 300; font-family: "Lato",sans-serif; letter-spacing: 0.2em; color: white; position: relative; z-index: 5;}
.top-content-section .top-img-wrap2{width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; align-items: center; justify-content: center;}
.top-content-section .top-img-wrap2::after{content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0;}
.top-content-section .top-img-wrap2 .main-tit{font-size: 18px; font-weight: 300; font-family: "Lato",sans-serif; letter-spacing: 0.2em; color: white; position: relative; z-index: 5;}
.m-top-img-section{display: none;}

.tap-menu-section{margin-bottom: 100px;}
.tap-menu-section .tap-menu .sub-menu{display: flex; align-items: center; justify-content: start; flex-wrap: wrap; border-bottom: 1px solid #828282; padding-top: 10px; padding-bottom: 10px;}
.tap-menu-section .tap-menu .sub-menu li{font-size: 15px; opacity: 0.6; transition: 0.8s; padding: 0 15px; line-height: 3;}
.tap-menu-section .tap-menu .sub-menu li a{ color: #332924;}
.tap-menu-section .tap-menu .sub-menu li.current{opacity: 1;}
.tap-menu-section .tap-menu .sub-menu li:hover{opacity: 1;}


.main-wrap .top-content-section .top-img-wrap{width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center;}
.main-wrap .top-content-section .main-tit-wrap{position: absolute; z-index: 15; top: 50%; right: 50%; margin-right: 150px;}
.main-wrap .top-content-section .main-tit-wrap .main-tit{display: flex; align-items: flex-start; margin-bottom: 35px;}
.main-wrap .top-content-section .main-tit-wrap .main-tit h5{font-size: 20px; font-family: "Lato",sans-serif; font-weight: 400; color: #c9ac87; letter-spacing: 0.25em; margin-right: 15px;}
.main-wrap .top-content-section .main-tit-wrap .txt{font-size: 16px; font-weight: 300; letter-spacing: -0.075em; line-height: 1.8; color: #e3dad5; transition-delay: 0.8s;}
.main-wrap .top-content-section .main-tit-wrap.on .txt{transform: translateY(0); opacity: 1;}
.main-wrap .top-content-section .main-tit-wrap .main-tit h5{display: flex; align-items: flex-start;}
.main-wrap .top-content-section .main-tit-wrap .main-tit h5 span{display: block; opacity: 0; transition: 0.6s;}
.main-wrap .top-content-section .main-tit-wrap.on .main-tit h5 span{opacity: 1;}

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



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


.intro-wrap .con{height: 100vh; position: relative;}
.intro-wrap .con .bg{position: absolute; z-index: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.intro-wrap .con .bg .black-box{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.intro-wrap .con .txt-wrapper{color: white; text-align: center; padding-top: 25.45vh;  width: 100%; height: 100%; position: relative; z-index: 2;}
.intro-wrap .con .tit{font-size: 14px; font-weight: 400; font-family: "Lato",sans-serif; font-weight: 400; letter-spacing: 0.05em;}
.intro-wrap .con .txt-container{display: flex; flex-flow: column; align-items: center;}
.intro-wrap .con .txt-wrap p{font-size: 17px; font-family: "Pretendard",sans-serif; font-weight: 400; letter-spacing: 0.1em; line-height: 1.8; color: rgba(255, 255, 255, 0.5);}
.intro-wrap .con1 .txt-wrapper{display: flex; flex-flow: column; justify-content: space-between; padding-bottom: 90px;}
.intro-wrap .con1 .txt-wrap{ display: flex; flex-flow: column; align-items: center; justify-content: center;}
.intro-wrap .con1 .txt-wrap h5{font-size: 30px; font-family: "Nanum Myeongjo",sans-serif; font-weight: 400; letter-spacing: 0.1em; margin-bottom: 25px; transition-delay: 0.2s;}
.intro-wrap .con1 .txt-wrap p{font-size: 18px; font-weight: 200; font-family: "Pretendard",sans-serif;margin-bottom: 35px; line-height: 1.4; color: white;transition-delay: 0.4s;}
.intro-wrap .con1 .txt-wrap .link-box{ transition-delay: 0.6s;}
.intro-wrap .con1 .txt-wrap a{font-size: 14px; font-weight: 300; font-family: "Pretendard",sans-serif; display: block; padding: 10px 30px; border: 1px solid rgba(255,255,255,0.5); margin-bottom: 100px; transition: 0.8s;}
.intro-wrap .con1 .txt-wrap a:hover{background-color: rgba(255,255,255,0.5);}
.intro-wrap .con1 .scroll_down{display: flex; align-items: center; display: flex; flex-flow: column;}

.intro-wrap .con3 .txt-wrap p{transition-delay: 0.2s;}
.intro-wrap .con4 .txt-wrap p{transition-delay: 0.2s;}
.intro-wrap .con4 .txt-wrap .link-box{transition-delay: 0.4s; display: flex; align-items: center; justify-content: center;}
.intro-wrap .con4 .txt-wrap a{font-size: 14px; font-weight: 300; font-family: "Pretendard", sans-serif; display: block; padding: 10px 30px; border: 1px solid rgba(255, 255, 255, 0.5); margin-top: 80px; transition: 0.8s;}
.intro-wrap .con4 .txt-wrap a:hover {   background-color: rgba(255, 255, 255, 0.5);}
.intro-wrap .con5 .txt-wrap p{transition-delay: 0.2s;}
.intro-wrap .con6 .txt-wrap p{letter-spacing: 0.7em;}
.intro-wrap .con7 .txt-wrap p{transition-delay: 0.2s;}
.intro-wrap .con8 .txt-wrap p{transition-delay: 0.2s;}
.intro-wrap .con8 .txt-wrap .link-box{transition-delay: 0.4s; display: flex; align-items: center; justify-content: center;}

.intro-wrap .con1 .scroll_down i{animation: 3s scroll_down_ani infinite;}
.intro-wrap .con1 .scroll_down .txt{font-size: 14px; font-family: "Pretendard",sans-serif; font-weight: 300; letter-spacing: 0.03em; margin-top: 10px;}

.intro-wrap .con2 .tit{margin-bottom: 35px;}
.intro-wrap .con2 .txt-wrap p{font-size: 20px; font-weight: 400; font-family: "Pretendard",sans-serif; color: rgba(255, 255, 255, 0.5); line-height: 2; letter-spacing: 0.3em; display: flex; align-items: flex-start; justify-content: center;}
.intro-wrap .con2 .txt-wrap p span{margin: 0 15px; display: block;}

.intro-wrap .con3 .tit{margin-bottom: 30vh;}

.intro-wrap .con4 .tit{margin-bottom: 13.43vh;}

.intro-wrap .con5 .tit{margin-bottom: 13.43vh;}

.intro-wrap .con6 .txt-wrapper{display: flex; flex-flow: column; align-items: center; justify-content: space-between;}
.intro-wrap .con6 .tit{margin-bottom: 12vh;}
.intro-wrap .con6 .txt-wrap p{font-size: 17px; font-family: "Pretendard",sans-serif; font-weight: 400;}
.intro-wrap .con6 .txt-wrap p span{display: block;}
.intro-wrap .con6 .txt-wrap p span:nth-of-type(1){transition-delay: 0.2s;}
.intro-wrap .con6 .txt-wrap p span:nth-of-type(2){transition-delay: 0.4s;}
.intro-wrap .con6 .txt-wrap p span:nth-of-type(3){transition-delay: 0.6s;}
.intro-wrap .con6 .logo-wrap{margin-bottom: 100px;}

.intro-wrap .con7 .tit{margin-bottom: 11vh;}

.intro-wrap .con8 .tit{margin-bottom: 60px;}
.intro-wrap .con8 .txt-wrap{display: flex; align-items: center; flex-flow: column;}
.intro-wrap .con8 .txt-wrap p{margin-bottom: 20.83vh;}
.intro-wrap .con8 .txt-wrap a{font-size: 14px; font-weight: 300; font-family: "Pretendard",sans-serif; display: block; padding: 10px 30px; border: 1px solid rgba(255,255,255,0.5);margin: 0 15px;  margin-bottom: 100px; transition: 0.8s; min-width: 160px;}
.intro-wrap .con8 .txt-wrap a:hover{background-color: rgba(255, 255, 255, 0.5);}



.view-wrap .info-section{padding-top: 160px;}
.view-wrap .info-section .info-wrap{display: flex; align-items: flex-start; margin-bottom: 160px; justify-content: center;}
.view-wrap .info-section .info-wrap .txt-wrap{width: 50%; text-align: center;}
.view-wrap .info-section .info-wrap .txt-wrap .tit{overflow: hidden;}
.view-wrap .info-section .info-wrap .txt-wrap a{display: flex; flex-flow: column; align-items: center;}
.view-wrap .info-section .info-wrap .img-wrap{width: 50%; height: 640px;}

.view-wrap .info-section .info-wrap .txt-wrap .tit h2{font-size: 26px; font-weight: 400; margin-bottom: 70px; letter-spacing: -0.05em;}
.view-wrap .info-section .info-wrap .txt-wrap .txt{font-size: 15px; font-family: "Pretendard",sans-serif; font-weight: 400; color: #464646; line-height: 1.6; transition-delay: 0.6s;}
.view-wrap .info-section .info-wrap .img-wrap{display: flex; }
.view-wrap .info-section .info-wrap .img-wrap .img-list .img{background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%;}
.view-wrap .info-section .info-wrap .img-wrap .img-list.eff-img{overflow: hidden;}
.view-wrap .info-section .info-wrap .img-wrap .img-list.eff-img .img{width: 150%; transform: translateX(-25%);}
.view-wrap .info-section .info-wrap.day-info .img-wrap .img-list.eff-img .img{transform: translateX(0);}
.view-wrap .info-section .info-wrap .img-wrap .img-list{overflow: hidden;}
.view-wrap .info-section .info-wrap .img-wrap .small-img{width: 41.42%; height: 100%;}
.view-wrap .info-section .info-wrap .img-wrap .big-img{width: calc(58.58% - 10px); height: 100%; margin-left: 10px;}
.view-wrap .info-section .info-wrap.night-info{flex-flow: row-reverse; align-items: flex-end; justify-content: flex-end;}
.view-wrap .info-section .info-wrap.night-info .txt-wrap{text-align: center;}

.room-wrap .info-section{padding-top: 175px; padding-bottom: 280px;}
.room-wrap .info-section .inner-con{display: flex; align-items: flex-start;}
.room-wrap .info-section .txt-container{width: 45.83%; padding-right: 75px; position: sticky; top: 150px; padding-bottom: 100px;}
.room-wrap .info-section .img-container{width: 54.17%;}
.room-wrap .info-section .img-container .img-wrap{ display: flex; flex-wrap: wrap; align-items: flex-start;}
.room-wrap .info-section .img-container .img-wrap .img{width: calc(50% - 5px); margin-bottom: 10px;}
.room-wrap .info-section .img-container .img-wrap .img img{display: block; width: 100%;}
.room-wrap .info-section .img-container .img-wrap .img:nth-of-type(2n - 1){margin-right: 10px;}

.room-wrap .info-section .txt-container .tit-wrap {color: #828282; padding-bottom: 70px;}
.room-wrap .info-section .txt-container .tit-wrap h5{font-size: 20px; font-family: "Lato",sans-serif; font-weight: 400; margin-bottom: 10px;}
.room-wrap .info-section .txt-container .tit-wrap h2{font-family: 'MaruBuriLight'; font-weight: 300; font-size: 50px; margin-bottom: 15px;}
.room-wrap .info-section .txt-container .tit-wrap h3{font-size: 22px; font-weight: 400; letter-spacing: -0.05em; margin-bottom: 30px;}
.room-wrap .info-section .txt-container .tit-wrap p{font-size: 16px; font-weight: 400; font-family: "Noto Sans KR",sans-serif; font-weight: 400;}

.room-wrap .info-section .txt-container .info-wrap .tit{font-size: 14px; font-family: "Lato",sans-serif; font-weight: 400; color: #131313; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #b0b0b0; letter-spacing: 0.05em; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.room-wrap .info-section .txt-container .info-wrap .tit .plus-ico{display: block; width: 10px; height: 10px; position: relative;}
.room-wrap .info-section .txt-container .info-wrap .tit .plus-ico .line{width: 100%; height: 2px; background-color: #131313; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: 0.6s;}

.room-wrap .info-section .txt-container .info-wrap .txt-wrap{overflow: hidden; transition: 0.8s; height: 0;}
.room-wrap .info-section .txt-container .info-wrap .txt-wrap h5{font-size: 16px; font-family: "Pretendard",sans-serif; font-weight: 600; color: #897252; line-height: 1.6;}
.room-wrap .info-section .txt-container .info-wrap .txt-wrap p{font-size: 16px; font-family: "Pretendard",sans-serif; font-weight: 400; color: #565656; line-height: 1.6;}
.room-wrap .info-section .txt-container .info-wrap .txt-wrap p b{font-weight: 500;}
.room-wrap .info-section .txt-container .info-wrap .txt-wrap #room_daily_price1 p.son{color: #00b1cd;}
.room-wrap .info-section .txt-container .info-wrap .txt-wrap #room_daily_price1 p.soff {color: #c6c6c6;}
.room-wrap .info-section .txt-container .info-wrap .txt-wrap #room_daily_price1 p{font-size: 13px;}
.room-wrap .info-section .txt-container .info-wrap .txt-wrap #room_daily_price1 p#tit{line-height: 33px;}
.room-wrap .info-section .txt-container .info-wrap li .tit .plus-ico .line1{transform: translate(-50%,-50%) rotate(90deg);}
.room-wrap .info-section .txt-container .info-wrap li.on .txt-wrap{padding-top: 10px; padding-bottom: 15px;}
.room-wrap .info-section .txt-container .info-wrap li.on .tit .plus-ico .line1{transform: translate(-50%,-50%) rotate(0deg);}

.room-wrap .info-section .txt-container .info-wrap .txt-wrap table {width: 100%; margin: 0 auto;  border-collapse: collapse; box-sizing: border-box;}
.room-wrap .info-section .txt-container .info-wrap .txt-wrap table th {background-color: #999; width: 11.66667%;  box-sizing: border-box; font-size: 15px; padding: 5px 10px;  color: #fff; font-weight: 500; border: 1px solid rgba(255, 255, 255, 0.5); font-family: "Noto Serif KR",sans-serif; text-align: center;}
.room-wrap .info-section .txt-container .info-wrap .txt-wrap table td {color: #354246; font-size: 13px;  box-sizing: border-box; width: 11.66667%; padding: 5px 10px; border: 1px solid #9a9694;  font-weight: 400; font-family: "Noto Serif KR",sans-serif; text-align: center;}



.map-wrap .info-section{padding-top: 135px; padding-bottom: 35px;}
.map-wrap .info-section .txt-wrap{padding-top: 50px; overflow: hidden;}
.map-wrap .info-section .txt-wrap h6{font-size: 14px; font-family: "Lato",sans-serif; font-weight: 400; color: #131313; letter-spacing: 0.05em; margin-bottom: 25px;}
.map-wrap .info-section .txt-wrap h5{font-size: 17px; font-family: "Pretendard",sans-serif; font-weight: 600; color: #303030; margin-bottom: 5px;}
.map-wrap .info-section .txt-wrap p{font-size: 17px; font-family: "Pretendard",sans-serif; font-weight: 400; color: #606060;}

.special-wrap .info-section{padding-top: 180px; padding-bottom: 175px;}
.special-wrap .info-section .txt-wrap{display: flex; flex-flow: column;  align-items: center; justify-content: center; transform: skew(0.03deg);}
.special-wrap .info-section .txt-wrap .tit{margin-bottom: 90px; font-size: 26px; font-family: "Lato",sans-serif; font-weight: 300; color: #828282; letter-spacing: 0.1em;}
.special-wrap .info-section .txt-wrap .txt{display: flex; flex-flow: column; align-items: center; justify-content: center;}
.special-wrap .info-section .txt-wrap .txt h5{font-size: 22px; font-weight: 400; color: #828282; letter-spacing: -0.05em; margin-bottom: 35px;}
.special-wrap .info-section .txt-wrap .txt p{font-size: 16px; font-family: "Noto Sans KR",sans-serif; font-weight: 400; letter-spacing: -0.025em; line-height: 1.6;}

.special-wrap .visual-content-section .bg{height: 745px;}
.special-wrap .visual-content-section .inner-con{padding-top: 0; align-items: center;}

.tour-wrap .info-section {padding-top: 240px; padding-bottom: 50px;}
.tour-wrap .info-section .info-depth{display: flex; align-items: flex-start; justify-content: space-between;}
.tour-wrap .info-section .info-depth .info {max-width: calc(50% - 30px);}
.tour-wrap .info-section .info-depth .info .img img{display: block; width: 100%;}
.tour-wrap .info-section .info-depth .info .txt{padding-left: 15px; color: #303030; padding-bottom: 140px;}
.tour-wrap .info-section .info-depth .info .txt h5{margin-top: 35px; font-size: 19px; font-family: "Pretendard",sans-serif; font-weight: 600; margin-bottom: 15px;}
.tour-wrap .info-section .info-depth .info .txt p{font-size: 17px; font-weight: 300; font-family: "Pretendard",sans-serif; line-height: 1.6;}


.reser-wrap .price-section #price{font-family: "Noto Sans KR",sans-serif;}
.reser-wrap .price-section .priceTable th{background-color: #cfcfcf;}
.reser-wrap .price-section .priceTable th.ss{background-color: #d8d2cb;}
.reser-wrap .price-section .priceTable th.ad{background-color: #d8d2cb;}
.reser-wrap .price-section .priceTable td{border: 1px solid #bcbcbc;}
.reser-wrap .price-section .priceTable th{border: 1px solid #bcbcbc;}


.reser-wrap .price-section {padding-top: 125px; padding-bottom: 180px;}
.reser-wrap .price-section .txt-wrap{margin-top: 70px; overflow: hidden;}
.reser-wrap .price-section .txt-wrap .tit{font-size: 14px; font-weight: 400; font-family: "Lato",sans-serif; letter-spacing: 0.05em; color: #131313; margin-bottom: 20px;}
.reser-wrap .price-section .txt-wrap .txt-list li{font-size: 17px; font-family: "Pretendard",sans-serif; font-weight: 400; color: #606060; font-weight: 400; letter-spacing: 0.05em; display: flex; align-items: flex-start; line-height: 1.6;}
.reser-wrap .price-section .txt-wrap .txt-list li:nth-child(3){font-size: 17px; font-family: "Pretendard",sans-serif;  color: #303030; font-weight: 600; letter-spacing: 0.05em; display: flex; flex-direction: column; align-items: flex-start; line-height: 1.6;}
.reser-wrap .price-section .txt-wrap .txt-list li b{color: #303030; font-weight: 600;}
.reser-wrap .price-section .txt-wrap .txt-list li a{color: #606060;}
.reser-wrap .price-section .txt-wrap .txt-list li span{margin-left: 0.2em;}
.reser-wrap .price-section .txt-wrap .txt-list h5 {font-size: 17px; font-family: "Pretendard"; font-weight: 400;}
.reser-wrap .price-section .txt-wrap .txt-list h5 i {margin-left: 15px; transition: 1s all; cursor: pointer;}
.reser-wrap .price-section .txt-wrap .txt-list h5.on i{transform: rotate(180deg);}
.reser-wrap .price-section .txt-wrap .txt-list p{font-size: 13px; font-weight: 400; pointer-events: none; transition: 1s all; opacity: 0; height: 0px; transition: 1s all;}
.reser-wrap .price-section .txt-wrap .txt-list p.on { font-size: 17px; height: auto; opacity: 1; margin-top: 5px; pointer-events: all;}


.reser-wrap .info-section{padding-bottom: 130px;}
.reser-wrap .info-section .inner-con{display: flex; align-items: flex-start;}
.reser-wrap .info-section .img-wrap{position: relative;}
.reser-wrap .info-section .img-wrap .img{filter: grayscale(1); transition: 0.8s;}
.reser-wrap .info-section .img-wrap .img1{position: absolute; left: 0; bottom: 0; transform: translate(-50%, 50%);  transition-delay: 0.4s;}
.reser-wrap .info-section .img-wrap .img2{position: relative;}
.reser-wrap .info-section .img-wrap .img3{transition-delay: 0.2s;}

.reser-wrap .info-section .img-wrap .img img{transition: 1.6s;}
.reser-wrap .info-section .img-wrap .img1 img{transform: translateY(15%);}
.reser-wrap .info-section .img-wrap .img2 img{transform: translateY(-20%);}
/* .reser-wrap .info-section .img-wrap .img3 img{transform: translateY(-30%);} */


.reser-wrap .info-section .img-wrap .img.on{filter: grayscale(0);}

.reser-wrap .info-section .img-wrap .img img{display: block;}
.reser-wrap .info-section .img-wrap .img .img-box{filter: grayscale(1);}
.reser-wrap .info-section .txt-container{padding-left: 35px; padding-top: 30px;}
.reser-wrap .info-section .txt-container .tit{font-size: 14px; font-family: "Lato",sans-serif; font-weight: 400; letter-spacing: 0.05em; margin-bottom: 30px;}
.reser-wrap .info-section .txt-container .info{margin-bottom: 40px;}
.reser-wrap .info-section .txt-container .info .red_li {color: red;}
.reser-wrap .info-section .txt-container .info h5{font-size: 15px; font-family: "Pretendard",sans-serif; font-weight: 600; color: #303030; margin-bottom: 10px;}
.reser-wrap .info-section .txt-container .info li{font-size: 15px; font-family: "Pretendard",sans-serif; font-weight: 400; color: #606060; line-height: 1.6;}
.reser-wrap .info-section .txt-container .info p{font-size: 15px; font-family: "Pretendard",sans-serif; font-weight: 400; color: #606060; line-height: 1.6;}
.reser-wrap .info-section .txt-container .refund-wrap p {margin-bottom: 10px; font-size: 15px; font-family: "Pretendard",sans-serif; font-weight: 400; color: #606060; line-height: 1.6;}
.reser-wrap .info-section .txt-container .txt-depth{position: relative;}
.reser-wrap .info-section .txt-container .depth1{padding-bottom: 60px; margin-bottom: 60px;}
.reser-wrap .info-section .txt-container .depth1::after{content: ""; display: block; width: calc(100% + 240px); height: 1px; border-bottom: 1px dotted #a1a1a1; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) scale(0); transition: 1.6s;}
.reser-wrap .info-section .txt-container .depth1.on::after{ transform: translateX(-50%) scale(1);}
.reser-wrap .info-section .right-img{position: absolute; right: 0; top: 0;}
.reser-wrap .info-section .right-img .img{}
.reser-wrap .info-section .refund-wrap{padding-top: 100px;}
.reser-wrap .info-section .refund-wrap .table-wrap{text-align: center; font-size: 15px; font-family: "Pretendard",sans-serif; font-weight: 400; color: #303030; line-height: 2; width: 100%; max-width: 500px;}
.reser-wrap .info-section .refund-wrap .table-wrap td, .reser-wrap .info-section .refund-wrap .table-wrap th{border-bottom: 1px solid white;}
.reser-wrap .info-section .refund-wrap .table-wrap th{line-height: 3; }


.notice-wrap .info-section{padding-top: 100px;}

.room-preview-section .info-wrap{border-top: 1px solid #9a9694;}
.room-preview-section .info-wrap .inner-con{display: flex;}
.room-preview-section .info-wrap .img-wrap{width: 50%; padding-top: 85px; padding-bottom: 100px; height: 100%; padding-right: 100px; border-right: 1px solid #9a9694;}
.room-preview-section .info-wrap .img-wrap .img{width: 100%; display: block; filter: grayscale(1); transition: 2s;}
.room-preview-section .info-wrap .img-wrap .img img{display: block; width: 100%;}

.room-preview-section .info-wrap .img-wrap .img.on{filter: grayscale(0);}

.room-preview-section .info-wrap .txt-wrap{width: 50%; padding-top: 85px; padding-bottom: 100px; display: flex; flex-flow: column; align-items: flex-start; justify-content:space-around; transform: skew(0.03deg); padding-left: 100px;}
.room-preview-section .info-wrap .txt-wrap .tit h5{font-size: 18px; font-family: "Lato",sans-serif; font-weight: 400; color: #897252; letter-spacing: 0.7em; margin-bottom: 8px;}
.room-preview-section .info-wrap .txt-wrap .tit h2{font-size: 48px; font-weight: 300; letter-spacing: -0.05em; font-family: 'MaruBuriLight'; margin-bottom: 25px; color: #000000; padding-right: 5px; text-shadow: 0 0 1px #000; margin-left: -0.07em;}
.room-preview-section .info-wrap .txt-wrap .tit h2 b{font-weight: 300; font-size: 50px;}
.room-preview-section .info-wrap .txt-wrap .tit h4{font-size: 20px; font-weight: 400; letter-spacing: -0.05em;}
.room-preview-section .info-wrap .txt-wrap .txt{display: flex; flex-flow: column; align-items: flex-start;}
.room-preview-section .info-wrap .txt-wrap .txt p{font-size: 15px; font-weight: 400; letter-spacing: -0.05em; color: #332924; line-height: 1.6; margin-bottom: 30px;}
.room-preview-section .info-wrap .txt-wrap .txt a{font-size: 15px; font-family: "Lato",monospace; letter-spacing: 0.02em; font-weight: 400; color: #332924; overflow: hidden;}
/* .room-preview-section .info-wrap .txt-wrap .txt a::after{content: ""; display: block; width: 100%; height: 2px; background-color: #989594; margin-top: -2px;} */
.room-preview-section .info-wrap .txt-wrap .txt a .line-wrap{position: absolute; bottom: 0; left: 0; overflow: hidden; width: 300%; transition: 0.8s; transform: translateX(-66.6666%);}
.room-preview-section .info-wrap .txt-wrap .txt a .line-wrap .line{width: 33.3333%; height: 1px; display: block; background-color: #202020; float: left;}
.room-preview-section .info-wrap .txt-wrap .txt a .line-wrap .line:nth-of-type(1){margin-right: 33.3333%;}
.room-preview-section .info-wrap .txt-wrap .txt a:hover .line-wrap{transform: translateX(0);}

.room-preview-section .info-wrap:nth-child(2n) .inner-con{flex-flow: row-reverse;}
.room-preview-section .info-wrap:nth-child(2n) .img-wrap{border: 0; padding-left: 100px; padding-right: 0;}
.room-preview-section .info-wrap:nth-child(2n) .txt-wrap{padding-left: 0; border-right: 1px solid #9a9694;}

.special-preview-section{padding-top: 95px;}
.special-preview-section .intro-tit{font-size: 16px; font-weight: 400; font-family: "Lato"; padding-top: 95px; margin-bottom: 145px; font-weight: 400; letter-spacing: 0.1em; text-align: right; line-height: 1.8;}
.special-preview-section .info-container{display: flex;}
.special-preview-section .info-container .txt-wrap{width: 49.84%; display: flex; flex-flow: column; justify-content: space-between; align-items: flex-start; padding-left: 8%;}
.special-preview-section .info-container .txt-wrap .tit{display: flex; flex-flow: column; justify-content: space-between; line-height: 1.5; margin-bottom: 50px;}
.special-preview-section .info-container .txt-wrap .tit span{display: block; font-size: 80px; font-family: "Josefin Sans",sans-serif; font-weight: 200; letter-spacing: 0.1em; color: white;}
.special-preview-section .info-container .txt-wrap .tit span:nth-child(2){margin-left: 2.2em; transition-delay: 0.4s;}
.special-preview-section .info-container .txt-wrap .txt-list{position: relative;}
.special-preview-section .info-container .txt-wrap .txt-list .txt{display: flex; flex-flow: column; align-items: flex-start; position: absolute; top: 0; left: 0; pointer-events: none;}
.special-preview-section .info-container .txt-wrap .txt-list .txt:nth-of-type(1){position: relative;}
.special-preview-section .info-container .txt-wrap .txt-list .txt h5{font-size: 20px; font-family: "Nanum Myeongjo",sans-serif; font-weight: 400; letter-spacing: -0.05em; color: #000000; margin-bottom: 30px;}
.special-preview-section .info-container .txt-wrap .txt-list .txt h5::after{content: ""; display: block; width: 100%; height: 1px; background-color: #585858; margin-bottom: 20px;}
.special-preview-section .info-container .txt-wrap .txt-list .txt p{font-size: 14px; font-family: "Pretendard",sans-serif; font-weight: 400; color: #6d6d6d; line-height: 1.6;}
.special-preview-section .info-container .txt-wrap .slide-btn-wrap{display: flex; flex-flow: column; align-items: flex-start;}
.special-preview-section .info-container .txt-wrap .slide-btn-wrap .link-btn{display: block; color: #332924; font-size: 14px; margin-bottom: 15px;}
/* .special-preview-section .info-container .txt-wrap .slide-btn-wrap .link-btn::after{content: ""; display: block; width: 100%; height: 1px; background-color: #332924;} */
.special-preview-section .info-container .txt-wrap .slide-page-wrap{display: flex; align-items: center;}
.special-preview-section .info-container .txt-wrap .slide-page-wrap .line-wrap{width: 100px; height: 1px; margin: 0 20px; background-color: #bebebe; position: relative;}
.special-preview-section .info-container .txt-wrap .slide-page-wrap .line-wrap .line{background-color: #595959; position: absolute; top: 0; left: 0; width: 100%; height: 1px; display: block;}
.special-preview-section .info-container .txt-wrap .slide-page-wrap{font-size: 13px; font-family: "Lato",sans-serif; font-weight: 500; letter-spacing: 0.2em;} 
.special-preview-section .info-container .txt-wrap .slide-page-wrap .total{margin-right: 1em;}

.special-preview-section .info-container .txt-wrap .txt h5{opacity: 0; transform: translateY(30px); transition: 0.8s;}
.special-preview-section .info-container .txt-wrap .txt p{opacity: 0; transform: translateY(30px); transition: 0.8s;}

.special-preview-section .info-container .txt-wrap .txt.on{pointer-events: all;}
.special-preview-section .info-container .txt-wrap .txt.on h5{opacity: 1; transform: translateY(0px);}
.special-preview-section .info-container .txt-wrap .txt.on p{opacity: 1; transform: translateY(0px); transition-delay: 0.2s;}

.special-preview-section .info-container .txt-wrap .slide-btn-wrap .link-btn{overflow: hidden; position: relative;}
.special-preview-section .info-container .txt-wrap .slide-btn-wrap .link-btn .line-wrap{position: absolute; bottom: 0; left: 0; overflow: hidden; width: 300%; transition: 0.8s; transform: translateX(-66.6666%);}
.special-preview-section .info-container .txt-wrap .slide-btn-wrap .link-btn .line-wrap .line{width: 33.3333%; height: 1px; display: block; background-color: #202020; float: left;}
.special-preview-section .info-container .txt-wrap .slide-btn-wrap .link-btn .line-wrap .line:nth-of-type(1){margin-right: 33.3333%;}
.special-preview-section .info-container .txt-wrap .slide-btn-wrap .link-btn:hover .line-wrap{transform: translateX(0);}

.special-preview-section .img-deco-wrap{ width: 15.66%; background-color: white;}
.special-preview-section .img-deco-wrap .img-deco-contain{position: relative; height: 710px; width: calc(100% - 35px); overflow: hidden;}
.special-preview-section .img-deco-wrap .img-deco-contain .swiper-slide{width: 100%; height: 710px;}
.special-preview-section .img-deco-wrap .img-deco-contain .swiper-slide .swiper-rooler{width: 100%; height: 100%; transition: 0.8s;}
.special-preview-section .img-deco-wrap .img-deco-contain .swiper-slide .swiper-rooler .img{width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}

.special-preview-section .img-deco-wrap .img-deco-contain .swiper-slide.prev-clip .swiper-rooler{transform: translateX(0);}
.special-preview-section .img-deco-wrap .img-deco-contain .swiper-slide.next-clip .swiper-rooler{transform: translateX(0);}
.special-preview-section .img-deco-wrap .img-deco-contain .prepend-next-clip .swiper-rooler{animation: transformNext 0.8s;} 
.special-preview-section .img-deco-wrap .img-deco-contain .prepend-prev-clip .swiper-rooler{animation: transformPrev 0.8s;} 
.special-preview-section .img-deco-wrap .img-deco-contain .swiper-slide-active{z-index: 5;}

.special-preview-section .special-preview-slide-wrap{height: 710px; width: 34.15%; background-size: cover; background-repeat: no-repeat; background-position: center;  overflow: hidden;}

.special-preview-section .special-preview-slide-wrap .swiper-slide .swiper-rooler{width: 100%; height: 100%; transition: 0.8s;}
.special-preview-section .special-preview-slide-wrap .swiper-slide .swiper-rooler .img{width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}

.special-preview-section .special-preview-slide-wrap .swiper-wrapper .swiper-slide.prev-clip .swiper-rooler{transform: translateX(0);}
.special-preview-section .special-preview-slide-wrap .swiper-wrapper .swiper-slide.next-clip .swiper-rooler{transform: translateX(0);}
.special-preview-section .special-preview-slide-wrap .swiper-wrapper .prepend-next-clip .swiper-rooler{animation: transformNext 0.8s;} 
.special-preview-section .special-preview-slide-wrap .swiper-wrapper .prepend-prev-clip .swiper-rooler{animation: transformPrev 0.8s;} 
.special-preview-section .special-preview-slide-wrap .swiper-wrapper .swiper-slide-active{z-index: 5;}

.visual-content-section .bg{height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; background-attachment: fixed;}
.visual-content-section .bg .black-box{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0;}
.visual-content-section .inner-con{display: flex; height: 100%; padding-left: 100px; padding-top: 20vh; z-index: 5;}
.visual-content-section .tit-wrap{display: flex; flex-flow: row-reverse; align-items: flex-start; }
.visual-content-section .tit-wrap h5{font-size: 20px; font-family: "Lato",sans-serif; font-weight: 400; color: #babab9; letter-spacing: 0.6em; transform: rotate(90deg); transform-origin: top left; margin-left: calc(1em + 30px); margin-top: 3px; transition-timing-function: cubic-bezier(.65,0,.35,1);}
.visual-content-section .tit-wrap p{display: flex; align-items: flex-start; flex-flow: row-reverse; margin-left: 25px;}
.visual-content-section .tit-wrap p span{width: 1em; display:block; color: rgb(233, 231, 222, 0.7); font-size: 16px; font-weight: 400; line-height: 1.2; margin-left: 5px;}
.visual-content-section .tit-wrap p span .dot{display: block; line-height: 0em; margin-top: -0.2em; font-weight: 400;}


.visual-content-section .tit-wrap p span{transition-delay: 0.2s;}
.visual-content-section .tit-wrap p:first-of-type span:last-of-type{transition-delay: 0.4s;}
.visual-content-section .tit-wrap p:last-of-type span:first-of-type{transition-delay: 0.6s;}
.visual-content-section .tit-wrap p:last-of-type span:last-of-type{transition-delay: 0.8s;}


.outtro-section{text-align: center; color: #000000; padding-top: 175px; padding-bottom: 50px;}
.outtro-section .txt-wrap{display: flex; flex-flow: column; align-items: center; justify-content: center;}
.outtro-section .txt-wrap h2{font-size: 40px; font-family: "Josefin Sans",sans-serif; font-weight: 300; margin-bottom: 10px;}
.outtro-section .txt-wrap h5{font-size: 16px; font-family: "Pretendard",sans-serif; font-weight: 400; letter-spacing: 0.1em; margin-bottom: 25px; color: #6f6f6f;}
.outtro-section .txt-wrap a{font-size: 14px;  font-family: "Pretendard",sans-serif; font-weight: 300; color: #000; border: 1px solid #000; letter-spacing: 0.03em; padding: 10px 20px; position: relative; display: block; overflow: hidden;}
.outtro-section .txt-wrap a .txt{position: relative; z-index: 3; transition: 0.8s; color: #000000;}
.outtro-section .txt-wrap a::before{width: 300px; height: 300px; background-color: #000; border-radius: 50%; content: ""; display: block; position: absolute; bottom: 0; left: 0; transform: translate(-50%,50%) scale(0); transition: 0.8s;}
.outtro-section .txt-wrap a:hover::before{transform: translate(-50%,50%) scale(1);}
.outtro-section .txt-wrap a:hover .txt{color: white;}

.room-wrap .info-section .txt-container .info-wrap .price-info #room_daily_price1{width: 100%;}
.room-wrap .info-section .txt-container .info-wrap .price-info .txt{display: flex; flex-flow: column; align-items: center;}
.room-wrap .info-section .txt-container .info-wrap .reser_btn{font-size: 14px;  font-family: "Pretendard",sans-serif; font-weight: 300; color: #000; border: 1px solid #000; letter-spacing: 0.03em; padding: 10px 20px; position: relative; display: block; overflow: hidden; margin-top: 15px;}
.room-wrap .info-section .txt-container .info-wrap .reser_btn .link-txt{position: relative; z-index: 3; transition: 0.8s; color: #000000;}
.room-wrap .info-section .txt-container .info-wrap .reser_btn::before{width: 300px; height: 300px; background-color: #000; border-radius: 50%; content: ""; display: block; position: absolute; bottom: 0; left: 0; transform: translate(-50%,50%) scale(0); transition: 0.8s;}
.room-wrap .info-section .txt-container .info-wrap .reser_btn:hover::before{transform: translate(-50%,50%) scale(1);}
.room-wrap .info-section .txt-container .info-wrap .reser_btn:hover .link-txt{color: white;}

.ft {padding-bottom: 110px; padding-top: 50px; border-top: 1px solid #9a9694;}
.ft .inner-con{display: flex; align-items: center; justify-content: space-between;}
.ft .inner-con > div {width: 33.33333%;}
.ft .ft-info-wrap{ font-family: "Pretendard",sans-serif;  letter-spacing: -0.025em; line-height: 1.4; color: #333333;}
.ft .ft-info-wrap h5{font-size: 16px; margin-top: 10px; font-weight: 600; }
.ft .ft-info-wrap h5 i {margin-left: 19%; transition: 1s all; cursor: pointer;}
.ft .ft-info-wrap h5.on i {transform: rotate(180deg);}
.ft .ft-info-wrap p{font-size: 13px; font-weight: 400; pointer-events: none; transition: 1s all; opacity: 0; height: 0px; transition: 1s all;}
.ft .ft-info-wrap p.on { height: 80px; opacity: 1; margin: 10px 0; pointer-events: all;}
.ft .ft-info-wrap a{color: #333333;}
.ft .ft-logo-wrap {text-align: center;}

.ft .ft-sns-wrap{display: flex; flex-flow: column; align-items: flex-end;}
.ft .ft-sns-wrap .sns-wrap{display: flex; align-items: center; margin-bottom: 15px;}
.ft .ft-sns-wrap .sns-wrap li{margin-left: 15px;}
.ft .ft-sns-wrap .login{font-size: 16px; font-family: "Pretendard",sans-serif; font-weight: 500; color: #333333; letter-spacing: -0.025em; margin-bottom: 25px;}
.ft .ft-sns-wrap .login::after{content: ""; display: block; width: 100%; height: 1px; background-color: #6d6d6d;}
.ft .ft-sns-wrap .copyright{font-size: 12px; font-family: "Pretendard",sans-serif; font-weight: 400; letter-spacing: 0.05em; line-height: 1.6; color: #332924; text-align: right;}
.ft .ft-sns-wrap .copyright span{display: block;}
.ft .ft-sns-wrap .copyright span:last-of-type{color: #7e7a78;}
.ft .ft-sns-wrap .copyright span a{color: #7e7a78;}
.ft .ft-sns-wrap .sns-wrap li a{font-size: 18px;}
.ft .ft-sns-wrap .sns-wrap li .icon-ico_blog:before{font-size: 16px;}

.inner-con{max-width: 1660px; margin: 0 auto; position: relative;}
.inner-con.inner-1335{max-width: 1335px;}
.inner-con.inner-1920{max-width: 1920px;}


/*scroll-animation*/
.scroll-obj{transition: 1.8s; }
.scroll-obj.fade{opacity: 0;}
.scroll-obj.fadeY{opacity: 0; transform: translateY(30px);}
.scroll-obj.fadeX .reser-bank{opacity: 0; transform: translateX(30px);} 
.scroll-obj.fadeX{opacity: 0; transform: translateX(30px);}
.scroll-obj.fadeXR{opacity: 0; transform: translateX(-30px);}
.scroll-obj.fade.on{opacity: 1;}
.scroll-obj.fadeY.on{opacity: 1; transform: translateY(0px);}
.scroll-obj.fadeX.on{opacity: 1; transform: translateX(0px);}
.scroll-obj.fadeXR.on{opacity: 1; transform: translateX(0px);}
.scroll-obj.lineY{transform: scaleY(0); transform-origin: top;}
.scroll-obj.lineY.on{transform: scaleY(1);}
.scroll-obj.maskUp{transform: translateY(1em);}
.scroll-obj.maskUp.on{transform: translateY(0);}
.img-mask{display: block; transform: translateY(100%); overflow: hidden; will-change: transform;}
.img-mask.on{transform: translateY(0);}
.img-mask img{transform: translateY(-100%); transition: 1.4s;will-change: transform;}
.img-mask.on img{transform: translateY(0%);}
.img-mask iframe{transform: translateY(-100%); transition: 1.4s;}
.img-mask.on iframe{transform: translateY(0%);}
.img-mask video{transform: translateY(-100%); transition: 1.4s;}
.img-mask.on video{transform: translateY(0%);}
.pic-img .img-button{opacity: 0; transition: 1.4s; z-index: 5; transition-delay: 0.4s;}
.pic-img .img{opacity: 0; transform: translateY(30px); transition: 1.4s;}
.pic-img.on .img-button{opacity: 1;}
.pic-img.on .img{opacity: 1; transform: translateY(0px);}
.overflow-txt{overflow: hidden;}
.overflow-txt span{display: block; transform: translateY(1.2em); transition: 1.2s;}
.overflow-txt.on span{transform: translateY(0);}
.scroll-obj.clipX{clip-path:inset(0 100% 0 0); -webkit-clip-path:inset(0 100% 0 0)}
.scroll-obj.on.clipX{clip-path:inset(0 0% 0 0); -webkit-clip-path:inset(0 0% 0 0)}

.scroll-obj.clipY{clip-path:inset(0 0 100% 0); -webkit-clip-path:inset(0 0 100% 0)}
.scroll-obj.on.clipY{clip-path:inset(0 0% 0 0); -webkit-clip-path:inset(0 0% 0 0)}

.split-txt span{opacity: 0; transition: 1.6s;}
.split-txt.on span{opacity: 1;}
.main-tit-wrap.on .split-txt span{opacity: 1;}
.m-top-img{display: none;}

.m-map{display: none;}
.m-br{display: none;}
.m-price{display: none;}
.reser-wrap .rsv_cal_b td{background-color: rgba(255,255,255,0.5);}
@keyframes transformPrev {
    0%{
        transform: translateX(0%);
    }
    100%{
        transform: translateX(-90%);
    }
}

@keyframes transformNext {
    0%{
        transform: translateX(0%);
    }
    100%{
        transform: translateX(90%);
    }
}

@keyframes scroll_down_ani {
    0%{transform: translateY(0);}
    50%{transform: translateY(-10%);}
    100%{}
}


@media all and (max-width: 1770px){    
    .inner-con{width: calc(100% - 100px);}
    .inner-con.inner-1920{width: 100%;}    
}
@media all and (max-width: 1435px){
    .inner-con.inner-1335{width: calc(100% - 100px);}
}

@media all and (max-width: 1400px){
    .reser-wrap .info-section .img-wrap .img img{display: block; width: 100%;}
    .reser-wrap .info-section .right-img{width: 15%;}
    .reser-wrap .info-section .img-wrap.left-img{width: 25%;}
    .reser-wrap .info-section .img-wrap .img1{width: 70%;}
    .reser-wrap .info-section .img-wrap .img2{width: 80%;}
    .reser-wrap .info-section .txt-container{width: 60%;}
    .reser-wrap .info-section .txt-container{padding-left: 0;}
    .special-preview-section .info-container .txt-wrap .tit span{font-size: 50px;}
    
}

@media all and (max-width: 1300px){
    .room-preview-section .info-wrap .img-wrap{padding-right: 50px;}
    .room-preview-section .info-wrap:nth-child(2n) .img-wrap{padding-left: 50px;}
}

@media all and (max-width: 1100px){
    .main-wrap .top-content-section .main-tit-wrap{right: auto; left: 100px; margin-right: 0;}
    .room-preview-section .info-wrap .txt-wrap{padding-left: 30px;}
    .room-preview-section .info-wrap .txt-wrap .txt p{font-size: 13px;}
    .room-preview-section .info-wrap:nth-child(2n) .txt-wrap{padding-right: 30px;}
    /* .room-preview-section .info-wrap .txt-wrap .tit h2{font-size: 15px;} */
    .room-preview-section .info-wrap .txt-wrap .tit h2{font-size: 34px;}
    
    .view-wrap .info-section .info-wrap .img-wrap{width: 100%; height: 64vw;}
    .view-wrap .info-section .info-wrap{flex-flow: column-reverse;}
    .view-wrap .info-section .info-wrap .txt-wrap{width: 100%; padding-top: 50px;}
    .view-wrap .info-section .info-wrap.night-info{flex-flow: column-reverse; align-items: flex-start;}
    .view-wrap .info-section .info-wrap.night-info .txt-wrap{padding-left: 0;}

    .main-wrap .top-content-section .main-tit-wrap{left: 50px;}
    .room-preview-section .info-wrap .img-wrap{padding-right: 50px;}
    .room-preview-section .info-wrap:nth-child(2n) .img-wrap{padding-left: 50px;}
    .visual-content-section .inner-con{padding-left: 50px; justify-content:flex-end;}
    .special-preview-section{padding-top: 15px;}
    .special-preview-section .intro-tit{margin-bottom: 50px;}
    .special-preview-section .img-deco-wrap{display: none;}
    .special-preview-section .info-container .txt-wrap{width: 60%; padding-left: 0;}    
    .special-preview-section .info-container .txt-wrap .tit span{font-size: 42px;}
    .special-preview-section .special-preview-slide-wrap{height: 60vw;}
    .special-preview-section .special-preview-slide-wrap{width: calc(40%);}

    .visual-content-section .bg{background-attachment: local; height: 550px;}
    .visual-content-section .inner-con{display: flex; align-items: center;}
    .visual-content-section .inner-con{padding-top: 0;}
    .special-wrap .visual-content-section .bg{height: 550px;}

    .room-wrap .info-section .inner-con{flex-flow: column;}
    .room-wrap .info-section .txt-container{width: 100%; position: static;}
    .room-wrap .info-section .img-container{width: 100%;}
    .ft{padding-bottom: 70px;}
    .ft .ft-info-wrap p{font-size: 11px;}
    .ft .ft-sns-wrap .copyright{font-size: 11px;}
    .ft .ft-logo-wrap{width: 125px;}
    .ft .ft-logo-wrap img{display: block; width: 100%;}
    /* .hd .main-menu-wrap{display: none;} */
    .hd{padding-top: 20px;}
    
    .hd.fixed .logo{width: 105px;}
    .hd.fixed{padding-top: 15px; padding-bottom: 15px;}    
    .hd .m-menu-btn{display: block; position: relative; z-index: 5;}
    .hd .main-menu-wrap .sns-wrap::before{display: none;}
    .hd .main-menu-wrap .sns-wrap li{margin-left: 10px;}
    .hd .main-menu-wrap .sns-wrap li a{font-size: 16px;}
    .hd .main-menu-wrap .sns-wrap li .icon-ico_blog:before{font-size: 15px;}
    .hd .logo{position: absolute; left: 50%; transform: translateX(-50%); width: 125px; z-index: 5;}

    .hd .m-menu-btn{width: 30px; height: 30px; position: relative; cursor: pointer;}
    .hd .m-menu-btn .line{width: 100%; height: 1px; background-color: #000;  display: block; position: absolute; transition: 0.6s;}
    .hd .m-menu-btn .line1{transform: translateY(-8px);}
    .hd .m-menu-btn .line3{transform: translateY(8px);}
    .hd .main-menu-wrap .sns-wrap{margin-top: 0;}

    .hd .main-menu-wrap .menu-wrap{position: fixed; top: 0; left: 0; max-width: 300px; width: calc(100% - 50px); height: 100%; flex-flow: column; align-items: flex-start; background-color: rgba(0,0,0,0.45); text-align: left; padding-top: 110px; transform: translateX(-100%); transition: 0.8s;}
    .hd .main-menu-wrap .menu-wrap li a{color: white; font-size: 15px; display: block; width: 100%;} 
    .hd .main-menu-wrap .menu-wrap > li > a {padding-left: 30px;}
    .hd .main-menu-wrap .menu-wrap > li > a::after{}
    .hd .main-menu-wrap .menu-wrap .sub-menu{  height: 0;}
    .hd .main-menu-wrap .menu-wrap .sub-menu a{padding-left: 45px;}
    .hd .main-menu-wrap .menu-wrap .sub-menu li a{font-size: 13px; color: white;}
    .hd .main-menu-wrap .menu-wrap > li{width: 100%; min-width: 0;}


    .hd.click .main-menu-wrap .menu-wrap{transform: translateX(0);}
    .hd.click .m-menu-btn .line{background-color: white;}
    .hd.click .m-menu-btn .line1{transform: rotate(45deg);}
    .hd.click .m-menu-btn .line2{opacity: 0;}
    .hd.click .m-menu-btn .line3{transform: rotate(-45deg);}
    .special-preview-section .inner-con{overflow: hidden;}
    .special-preview-section .info-container .txt-wrap .slide-btn-wrap .link-btn{margin-bottom: 45px; font-size: 13px; margin-bottom: 5px;}
}

@media all and (max-width: 900px){
    .inner-con{width: calc(100% - 50px);}
    .inner-con.inner-1335{width: calc(100% - 50px);}
    .reser-wrap .info-section .inner-con{flex-flow: column;}
    .reser-wrap .info-section .img-wrap.left-img{width: 100%;}
    .reser-wrap .info-section .txt-container{width: 100%;}
    .reser-wrap .info-section .img-wrap.left-img{display: flex; align-items: flex-start;}
    .reser-wrap .info-section .img-wrap .img1{width: 45%; transform: translate(25%, -20%);}
    .reser-wrap .info-section .img-wrap .img2{width: 50%;}
    .reser-wrap .info-section .img-wrap .img3{width: 40%; margin-left: 10%; margin-top: 50px;}
    .reser-wrap .info-section .img-wrap.left-img{padding-top: 150px; margin-bottom: 150px;}
    .reser-wrap .info-section .txt-container .depth1::after{width: 100%;}
   
}
@media all and (max-width: 700px){
    .ft .ft-info-wrap h5 i {margin-left: 10%; transition: 1s all;}
    .pc-vdo {display: none;}
	.m-vdo {display: block; width: 100%; margin: 0 auto;}
    .m-vdo iframe {width: 100%; height: 300px;}

    .inner-con{width: calc(100% - 30px);}
    .inner-con.inner-1335{width: calc(100% - 30px);}
    .m-br{display: block;}
    .intro-wrap .con2 .txt-wrap p{font-size: 15px;}
    .intro-wrap .con1 .txt-wrap p{font-size: 13px;}
    .intro-wrap .con1 .txt-wrap h5{font-size: 20px;}
    .intro-wrap .con1 .txt-wrap p{font-size: 13px;}
    .intro-wrap .con .txt-wrap p{font-size: 13px;}
    .intro-wrap .con8 .txt-wrap a{font-size: 13px; margin: 0 5px; min-width: 155px;}
    .intro-wrap .con2 .txt-wrap p span{margin: 0 10px;}
    .m-top-img-section{display: block; width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 50px;}
    .m-top-img-section .main-tit{font-size: 18px; font-weight: 300; font-family: "Lato",sans-serif; letter-spacing: 0.2em; color: white;}
    .main-wrap .top-content-section .top-img-wrap{height: 100vh; }
    .main-wrap .top-content-section .main-tit-wrap{left: 15px; bottom: 80px; top: auto;}
    .main-wrap .top-content-section .main-tit-wrap .main-tit{margin-bottom: 20px;}
    .main-wrap .top-content-section .main-tit-wrap .main-tit h5{font-size: 15px;}
    .main-wrap .top-content-section .main-tit-wrap .txt{font-size: 14px;}

    .res_talk {width: 50px; height: 50px; position: fixed; top: 80%; right: 4%;}
    .naver_talk {display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; background-color: #303030; border-radius: 50px; justify-content:center;}
    .naver_talk span {font-size: 9px; text-align: center;}
    .fa-square-n {color: white !important; font-size: 19px;}



    .main-wrap .intro-tit-wrap{padding-top: 30px; padding-bottom: 25px;}
    .main-wrap .intro-tit-wrap .content-box img{width: 100px;}
    .main-wrap .intro-tit-wrap h5{font-size: 15px; margin-bottom: 25px;}
    .main-wrap .intro-tit-wrap p{font-size: 14px;}

    .tap-menu-section{margin-bottom: 30px;}    
    .tap-menu-section .tap-menu .sub-menu{padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #bfbfbf;}
    .tap-menu-section .tap-menu .sub-menu li{font-size: 12px; padding: 0 8px; }
    /* .tap-menu-section .tap-menu .sub-menu li:first-of-type{padding-left: 0;}
    .tap-menu-section .tap-menu .sub-menu li:last-of-type{padding-right: 0;} */

    .top-content-section .top-info-wrap .tit-wrap .tit{display: none;}

    .view-wrap .info-section{padding-top: 50px;}
    .view-wrap .info-section .info-wrap{margin-bottom: 80px;}
    .view-wrap .info-section .info-wrap .txt-wrap{padding-top: 30px;}
    .view-wrap .info-section .info-wrap .txt-wrap .tit h2{font-size: 20px;}
    .view-wrap .info-section .info-wrap .txt-wrap .txt{font-size: 13px;}
    .view-wrap .info-section .info-wrap .txt-wrap .tit h2{margin-bottom: 25px;}

    .room-wrap .info-section{padding-top: 60px;}
    .room-wrap .info-section .txt-container{padding-right: 0;}
    .room-wrap .info-section .txt-container .tit-wrap h5{font-size: 15px;}
    .room-wrap .info-section .txt-container .tit-wrap h2{font-size: 32px;}
    .room-wrap .info-section .txt-container .tit-wrap h3{font-size: 18px;}
    .room-wrap .info-section .txt-container .tit-wrap p{font-size: 13px;}
    .room-wrap .info-section .txt-container .info-wrap .tit{font-size: 13px;}
    .room-wrap .info-section .txt-container .info-wrap .txt-wrap h5{font-size: 15px;}
    .room-wrap .info-section .txt-container .info-wrap .txt-wrap p{font-size: 13px;}
    .room-wrap .info-section{padding-bottom: 100px;}

    
    .room-wrap .info-section .txt-container .info-wrap .txt-wrap table {width: 100%; margin: 0 auto;  border-collapse: collapse; box-sizing: border-box;}
    .room-wrap .info-section .txt-container .info-wrap .txt-wrap table th {font-size: 10px;}
    .room-wrap .info-section .txt-container .info-wrap .txt-wrap table td { font-size: 10px;  }

    .special-wrap .info-section .txt-wrap{width: calc(100% - 30px); margin: 0 auto;}
    .special-wrap .info-section{padding-top: 45px; padding-bottom: 80px;}
    .special-wrap .info-section .txt-wrap .tit{font-size: 20px; margin-bottom: 50px;}
    .special-wrap .info-section .txt-wrap .txt h5{font-size: 18px; margin-bottom: 20px;}
    .special-wrap .info-section .txt-wrap .txt p{font-size: 13px; text-align: center; line-height: 1.6;}
    .special-wrap .visual-content-section .bg{height: 300px;}
    .special-wrap .visual-content-section .inner-con{align-items: flex-end; justify-content: flex-end;}

    .tour-wrap .info-section .info-depth{flex-flow: column;}
    .tour-wrap .info-section .info-depth .info{width: 100%; max-width: 100%;}
    .tour-wrap .info-section .info-depth .info .txt p{font-size: 13px; padding-bottom: 50px;}
    .tour-wrap .info-section .info-depth .info .txt h5{font-size: 15px; margin-top: 20px; margin-bottom: 10px;}
    .tour-wrap .info-section .info-depth .info .txt{padding-bottom: 0px;}
    .tour-wrap .info-section{padding-top: 30px; padding-bottom: 80px;}
    .tour-wrap .info-section .info-depth .info .txt p br{display: none;}

    .map-wrap .info-section{padding-top: 80px;}
    .map-wrap .info-section .txt-wrap h6{font-size: 13px;}
    .map-wrap .info-section .txt-wrap h5{font-size: 15px;}
    .map-wrap .info-section .txt-wrap p{font-size: 13px;}

    .reser-wrap .price-section{padding-top: 80px; padding-bottom: 50px;}
    .reser-wrap .price-section .txt-wrap{margin-top: 50px;}
    
    .reser-wrap .price-section .txt-wrap .txt-list li:nth-child(3){font-size: 13px;}
    .reser-wrap .price-section .txt-wrap .txt-list li{font-size: 13px;}
    .reser-wrap .price-section .txt-wrap .txt-list h5 {font-size: 13px;}
    .reser-wrap .price-section .txt-wrap .txt-list p.on {font-size: 13px;}
    .reser-wrap .price-section .txt-wrap .txt-list h5 i {margin-left: 5px;}
    .reser-wrap .price-section .txt-wrap .txt-list li b{width: 4.3em; min-width: 4.3em;}
    .reser-wrap .info-section .txt-container .tit{font-size: 13px;}
    .reser-wrap .info-section .img-wrap.left-img{padding-top: 50px; margin-bottom: 100px;}
    .reser-wrap .info-section .txt-container .info h5{font-size: 13px;}
    .reser-wrap .info-section .txt-container .info li{font-size: 13px;}
    .reser-wrap .info-section .txt-container .info{margin-bottom: 30px;}
    .reser-wrap .info-section .txt-container .depth1{padding-bottom: 30px; margin-bottom: 40px;}
    .reser-wrap .info-section .refund-wrap{padding-top: 50px;}
    .reser-wrap .info-section .refund-wrap .table-wrap{font-size: 13px;}
    .reser-wrap .info-section{padding-bottom: 80px;}
    .reser-wrap .info-section .txt-container .info p{font-size: 13px;}
    .reser-wrap .info-section .txt-container .refund-wrap p {font-size: 13px;}
    
    .notice-wrap .info-section{padding-top: 80px;}
    .top-content-section .swiper-slide{height: 60vw;}
    .main-wrap .top-content-section .swiper-slide{height: 100vh;}
    .top-content-section .top-info-wrap .tit-wrap{bottom: 15px;}
    .top-content-section .top-info-wrap .tit-wrap .tit{font-size: 16px; margin-bottom: 20px;}
    .top-content-section .top-info-wrap .control-wrap{width: calc(100% - 30px); transform: translateX(15px);}
    .top-content-section .top-info-wrap .control-wrap .btn i{font-size: 25px;}
    .top-content-section .top-img-wrap{height: 100vh;}
    .top-content-section .top-img-wrap2{height: 100vh;background-position:-300px, 0px}

    .room-preview-section .info-wrap .inner-con{flex-flow: column;}
    .room-preview-section .info-wrap .img-wrap{width: 100%; border-right: 0; padding-right: 0; padding-top: 15px; padding-bottom: 15px;}
    .room-preview-section .info-wrap .txt-wrap{padding-left: 0; padding-top: 20px; width: 100%; padding-bottom: 50px;}
    .room-preview-section .info-wrap .txt-wrap .tit h5{font-size: 13px;}
    .room-preview-section .info-wrap .txt-wrap .tit h2{font-size: 28px; margin-bottom: 15px;}
    .room-preview-section .info-wrap .txt-wrap .tit h2 b{font-size: 30px;}
    .room-preview-section .info-wrap .txt-wrap .tit h4{font-size: 15px; margin-bottom: 5px;}
    .room-preview-section .info-wrap .txt-wrap .txt p{font-size: 12px;}

    .room-preview-section .info-wrap:nth-child(2n) .inner-con{flex-flow: column;}
    .room-preview-section .info-wrap:nth-child(2n) .img-wrap{padding-left: 0;}
    .room-preview-section .info-wrap:nth-child(2n) .txt-wrap{border-right: 0; padding-right: 0;}

    .special-preview-section .info-container .txt-wrap{width: 100%; margin-bottom: 50px;}
    .special-preview-section .intro-tit{font-size: 12px; margin-bottom: 30px; padding-top: 15px;}
    .special-preview-section .info-container{flex-flow: column;}
    .special-preview-section .info-container .txt-wrap .txt-list{padding-bottom: 0px;}
    .special-preview-section .info-container .txt-wrap .txt-list .txt h5{font-size: 15px; margin-bottom: 10px;}
    .special-preview-section .info-container .txt-wrap .txt-list{font-size: 13px;}
    .special-preview-section .info-container .txt-wrap .tit span{font-size: 32px;}
    .special-preview-section .special-preview-slide-wrap{width: 59%; height: 72vw; margin-left: 40%;}
    
    .main-wrap .special-preview-section{padding-bottom: 100px;}
    .visual-content-section .tit-wrap h5{margin-left: calc(1em + 20px);}
    .visual-content-section .tit-wrap p{margin-left: 15px;}
    .visual-content-section .tit-wrap p span{font-size: 11px;}
    .visual-content-section .tit-wrap h5{font-size: 13px; white-space: nowrap;}
    .visual-content-section .inner-con{padding-left: 0;}
    .visual-content-section .bg{height: 300px;}

    .visual-content-section .inner-con{align-items: flex-end;}
    .visual-content-section .tit-wrap{flex-flow: column; margin-bottom: 15px;}
    .visual-content-section .tit-wrap p{flex-flow: column; margin-bottom: 10px; margin-left: 0;}
    .visual-content-section .tit-wrap h5{transform: rotate(0); margin-bottom: 15px; margin-left: 0;}
    .visual-content-section .tit-wrap p span{width: 100%; display: block; line-height: 1.6; margin-left: 0;}
    .visual-content-section .tit-wrap p span .dot{display: inline;}
    
    .outtro-section .txt-wrap h2{font-size: 18px;}
    .outtro-section .txt-wrap h5{font-size: 14px;}
    .outtro-section{padding-top: 100px; padding-bottom: 30px;}
    
    .ft .inner-con{flex-flow: column;}
    .ft .ft-logo-wrap{width: 100%; display: flex; flex-flow: column; align-items: center;}
    .ft .ft-logo-wrap img{width: 125px; margin-bottom: 30px;}
    .ft .ft-logo-wrap .sns-wrap{display: flex; align-items: center; justify-content: center;}
    .ft .ft-logo-wrap .sns-wrap li{width: 18px; margin: 0 5px;}
    .ft .ft-logo-wrap .sns-wrap li .icon-ico_blog{font-size: 15px;}
    .ft .ft-logo-wrap .sns-wrap li img{width: 100%; margin-bottom: 15px;}
    .ft .ft-logo-wrap .sns-wrap{margin-bottom: 15px;}
    .ft .ft-info-wrap{text-align: center; width: 100%;}
    .ft .ft-sns-wrap{width: 100%; text-align: center; align-items: center;}
    .ft .ft-info-wrap h5{font-size: 15px;}
    .ft .ft-sns-wrap .copyright{text-align: center;}
    .ft .ft-sns-wrap .login{font-size: 12px; margin-top: 15px; margin-bottom: 15px;}
    .ft .inner-con > div {width: 68%;}
    .pc-map{display: none;}
    .m-map{display: block;}
    .m-price{display: block;}
    .pc-price{display: none;}
    .reser-wrap .rsv_cal_t p{padding: 0 5px; font-size: 12px;}
}