@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: "Pretendard",sans-serif; color: #2e3226; background-color: #fdfcf4;}
/* 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: #fdfcf4;}
.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-br {display: block;}
.sns-wrap i {margin-right: 10px;}
/*헤더*/
.hd{/*position: fixed;*/ top: 0; left: 0; width: 100%; z-index: 50;}
.hd-top-contents {padding-top: 40px; position: fixed; z-index: 51; transition: 0.4s; width: 100%; mix-blend-mode: difference;}
.hd-top-contents .inner-con{display: flex; justify-content: space-between; align-items: center;}
.hd-top-contents .hd-menu-wrap{display: none;}
.hd-top-contents .logo{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.hd-top-contents .menu-btn{display: flex; align-items: center; cursor: pointer;}
.hd-top-contents .menu-btn .menu-ico{position: relative; width: 70px; height: 70px;}
.hd-top-contents .menu-btn .menu-ico .line{width: 100%; height: 3px; display: block; background-color: white; position: absolute; top: calc(50% - 1.5px); transition: 0.4s;}
.hd-top-contents .menu-btn .menu-ico .line1{transform: translateY(-8px);}
.hd-top-contents .menu-btn .menu-ico .line2{transform: translateY(8px);}
.hd-top-contents .menu-btn h5{font-size: 20px; font-family: "Miamo"; font-weight: 400; margin-left: 10px; line-height: 1; padding-top: 0.4em; color: white;}
.hd-top-contents .hd-sns-wrap{display: flex; align-items: center;}
.hd-top-contents .hd-sns-wrap .reser_btn{font-size: 16px; font-weight: 400; font-family: "Miamo",sans-serif; letter-spacing: 0.05em; color: white; overflow: hidden; position: relative; display: block;}
.hd-top-contents .hd-sns-wrap .reser_btn::after{content: ""; display: block; width: 100%; height: 1px; background-color: white; transition: 0.4s;}
.hd-top-contents .hd-sns-wrap .reser_btn::before{content: ""; display: block; width: 100%; height: 1px; background-color: white; position: absolute; bottom: 0; left: 0; transform: translateX(-200%); transition: 0.4s;}
.hd-top-contents .hd-sns-wrap .reser_btn:hover::after{transform: translateX(200%);}
.hd-top-contents .hd-sns-wrap .reser_btn:hover::before{transform: translateX(0);}


.hd .hd-menu-container{ background-color: #fdfcf4; transform: translateY(-100%); position: fixed; top: 0; width: 100%; padding-top: 144px; transition: 0.8s; z-index: 50;}
.hd .hd-menu-container .inner-con{display: flex; justify-content: space-between; padding-top: 50px; padding-bottom: 25px; opacity: 0; transition: 0.8s; transition-delay: 0;}
.hd .hd-menu-container .menu-list-wrap {display: flex; align-items: flex-start;}
.hd .hd-menu-container .menu-list-wrap .main-menu > li{padding-right: 40px;}
.hd .hd-menu-container .menu-list-wrap .main-menu > li > a{font-size: 32px; font-weight: 400; font-family: "Miamo",sans-serif; letter-spacing: -0.025em; color: #2e3226; line-height: 1.6;}
.hd .hd-menu-container .menu-list-wrap .main-menu > li > a::after{content: ""; width: 100%; height: 1px; background-color: #000; display: block; transform: scaleX(0); transition: 0.6s; transform-origin: left; margin-top: -0.2em; margin-bottom: 0.2em;}
.hd .hd-menu-container .menu-list-wrap .main-menu > li:hover > a::after{transform: scaleX(1);}
.hd .hd-menu-container .menu-list-wrap .main-menu .sub-menu a{font-size: 16px; font-weight: 500; color: #909090; line-height: 1.8; transition: 0.6s;}
.hd .hd-menu-container .menu-list-wrap .main-menu .sub-menu a:hover{color: #000;}
.hd .hd-menu-container .menu-list-wrap .main-menu .delete-sub .sub-menu{display: none;}
.hd .hd-menu-container .menu-img-wrap{position: relative; border-radius: 15px; overflow: hidden;}
.hd .hd-menu-container .menu-img-wrap li:nth-of-type(n+2){position: absolute; top: 0; left: 0;}
.hd .hd-menu-container .menu-img-wrap li{opacity: 0; transition: 0.8s;}
.hd .hd-menu-container .menu-img-wrap li.on{opacity: 1;}
.hd .hd-menu-container .hd-menu-wrap{display: flex; flex-flow: column; justify-content: space-between; align-items: flex-start;}
.hd .hd-menu-container .sns-wrap{display: flex;}
.hd .hd-menu-container .sns-wrap li{margin-right: 20px;}
.hd .hd-menu-container .sns-wrap a{color: #323835; font-size: 14px; font-weight: 400; font-family: "Poppins",sans-serif; letter-spacing: 0.05em;}


.hd.click .hd-top-contents .menu-btn .line1{transform: rotate(45deg);}
.hd.click .hd-top-contents .menu-btn .line2{transform: rotate(-45deg);}
.hd.click .hd-menu-container{transform: translateY(0);}
.hd.click .hd-menu-container .inner-con{opacity: 1; transition-delay: 0.65s;}
/* .hd.click .hd-top-contents{background-color: #fdfcf4;} */


/*탑 슬라이드*/
/* .top-slide-section .swiper-slide{height: 100vh;} */
/* .top-slide-section .vdo-wrap {width: 100%; height: 100vh;} */
/* .top-slide-section .slide-btn-wrap{width: 100%; position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; z-index: 5; padding: 0 50px;} */
/* .top-slide-section .vdo-wrap {width: 100%; position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; z-index: 5; padding: 0 50px;} */
.info-section .slide-btn-wrap.pc_ver_main {width: 90%; position: absolute; top: 35%; transform: translateY(-50%); display: flex; justify-content: space-between; z-index: 5; padding: 0 50px;}
.info-section {margin: 0 auto;}
/* .top-slide-section .slide-btn-wrap .btn{cursor: pointer;} */
.intro-tit-wrap .slide-btn-wrap .btn{cursor: pointer; }
/* .top-slide-section .slide-btn-wrap .btn i{font-size: 52px; color: white;} */
.intro-tit-wrap .slide-btn-wrap .btn i{font-size: 52px; color: white;}
.intro-tit-wrap .main-slide-wrap {position: relative; width: 90%; height: 800px;}
.top-slide-section .top-tit-wrap{position: absolute; bottom: 60px; width: 100%; text-align: center; pointer-events: none; z-index: 15; }
.top-slide-section .top-tit-wrap h2{font-size: 60px; font-weight: 200; font-family: "Poppins",sans-serif; color: white; margin: 10px 0px;}
.top-slide-section .slide-page-wrap{display: flex; align-items: center; justify-content: center;}
.top-slide-section .slide-page-wrap h5{font-size: 15px; font-weight: 200; font-family: "Poppins",sans-serif; color: white;}
.top-slide-section .slide-page-wrap .line{display: block; width: 30px; height: 1px; background-color: white; margin: 0 15px;}
.top-slide-section .top-tit-wrap .small_title {font-size: 20px;}
.main-slide-wrap.pc_ver_main {margin: 50px 0; margin-bottom: 50px;}

/*탑 이미지*/
.top-img-section .top-img{height: 680px; background-size: cover; background-repeat: no-repeat; background-position: center;}


.catagory-container{display: flex; align-items: center; justify-content: center; padding-top: 65px;}
.catagory-container h5{font-size: 16px; font-weight: 500;}
.catagory-container .line{width: 1px; height: 10px; background-color: #2e3226; margin: 0 15px; transform: scaleY(0); transition: 0.6s; transition-delay: 0.7s;}
.catagory-container .line.on{transform: scaleY(1);}

.reser-section{background-color: #21302b; padding-top: 300px; padding-bottom: 130px;}
.reser-section .txt-wrap{color: #f4dabd; text-align: center; display: flex; flex-flow: column; align-items: center; transform: rotate(0.03deg);}
.reser-section .txt-wrap h2{font-size: 160px; font-weight: 400; font-family: "MarilynWilde"; margin-top: -0.7em;}
.reser-section .txt-wrap .dot{font-size: 100px; letter-spacing: -0.05em; font-weight: 400; font-family: "KyoboHandwriting2020A"; line-height: 1.4; height: 0.4em; margin-bottom: 20px;}
.reser-section .txt-wrap p{font-size: 16px; font-weight: 400; font-family: "Nanum Myeongjo"; letter-spacing: -0.025em; line-height: 1.8;  margin-bottom: 85px;}
.reser-section .txt-wrap .reser_btn{text-align: center; color: #cdb9a1; position: relative; display: block; padding: 0 10px;}
.reser-section .txt-wrap .reser_btn .txt{position: relative; z-index: 5; padding-top: 10px; padding-bottom: 28px; background-color: #21302b; width: 80px; transition: 0.6s;}

.reser-section .txt-wrap .reser_btn i{font-size: 32px; color: #cdb9a1; margin-bottom: 15px; transition: 0.6s;}
.reser-section .txt-wrap .reser_btn h5{font-size: 16px; font-weight: 300; font-family: "Miamo",sans-serif; letter-spacing: 0.025em; line-height: 1; transition: 0.6s;}
.reser-section .txt-wrap .reser_btn::after{width: 100%; height: 100%; display: block; content: ""; border: 1px solid #f4dabd; position: absolute; top: 0; left: 0;  z-index: 2; background-color: #21302b; transition: 0.6s;}
.reser-section .txt-wrap .reser_btn::before{width: 80px; height: 80px; border: 1px solid #f4dabd; display: block; content: ""; position: absolute; top: 8px; left: 50%; border-radius: 50%; transform: translate(-50%,-50%); z-index: 1; background-color: #21302b; transition: 0.6s;}

.reser-section .txt-wrap .reser_btn:hover .txt{background-color: #cdb9a1;}
.reser-section .txt-wrap .reser_btn:hover::after{background-color: #cdb9a1;}
.reser-section .txt-wrap .reser_btn:hover::before{background-color: #cdb9a1;}
.reser-section .txt-wrap .reser_btn:hover i{color: #21302b;}
.reser-section .txt-wrap .reser_btn:hover h5{color: #21302b;}

/*메인*/
.main-wrap .info-section .intro-tit-wrap{padding-top: 50px;}
.m_ver_main {display: none;}
.top-slide-section {overflow-x: hidden;}
/* .main-wrap .info-section .vdo-wrap {width: 1400px; height: 800px; margin: 50px;} */
.main-wrap .top-slide-section .vdo-wrap {width: 100vw; height: 100vh; /* margin: 50px; */overflow-x: hidden; overflow-y: hidden; position: relative; object-fit: cover}
.main-wrap .info-section .intro-tit-wrap{display: flex; flex-flow: column; align-items: center; justify-content: center;}
.main-wrap .info-section .intro-tit-wrap h5{font-size: 16px; font-weight: 500; margin-bottom: 65px;}
.main-wrap .info-section .intro-tit-wrap .tit{position: relative; margin: 75px 0;}
.main-wrap .info-section .intro-tit-wrap .tit h2{font-size: 130px; font-weight: 400; font-family: "Bolkit"; text-align: center; line-height: 1;}
.main-wrap .info-section .intro-tit-wrap .tit h2 span{display: block;}
.main-wrap .info-section .intro-tit-wrap .tit h2 > span:nth-of-type(2) span{transition-delay: 0.2s;}
.main-wrap .info-section .intro-tit-wrap .tit h2 > span:nth-of-type(3) span{transition-delay: 0.4s;}
.main-wrap .info-section .intro-tit-wrap .tit .symbol-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
.main-wrap .info-section .intro-tit-wrap .tit .symbol-wrap .symbol{transform: scale(0); transition: 0.8s;}
.main-wrap .info-section .intro-tit-wrap .tit .symbol-wrap .symbol1{position: absolute; top: -50px; left: 0; transition-delay: 0.6s;}
.main-wrap .info-section .intro-tit-wrap .tit .symbol-wrap .symbol2{position: absolute; bottom:15px; right: 0; transition-delay: 0.8s;}

.main-wrap .info-section .intro-tit-wrap .tit .symbol-wrap.on .symbol{transform: scale(1);}


.main-wrap .info-section .info-visual-wrap{background-color: #21302b; margin-top: 315px; padding-bottom: 130px;}
.main-wrap .info-section .info-visual-wrap .main-thumb-img{max-width: 520px; margin: 0 auto;}
.main-wrap .info-section .info-visual-wrap .main-thumb-img svg{ margin-top: -315px;}
.main-wrap .info-section .info-visual-wrap .txt-wrap{color: #f4dabd; text-align: center; display: flex; flex-flow: column; align-items: center; position: relative; transform: rotate(0.03deg);}
.main-wrap .info-section .info-visual-wrap .txt-wrap h2{font-size: 160px; font-weight: 400; font-family: "MarilynWilde"; margin-top: -0.7em;}
.main-wrap .info-section .info-visual-wrap .txt-wrap .dot{font-size: 100px; letter-spacing: -0.05em; font-weight: 400; font-family: "KyoboHandwriting2020A"; line-height: 1.4; height: 0.4em; margin-bottom: 20px;}
.main-wrap .info-section .info-visual-wrap .txt-wrap p{font-size: 16px; font-weight: 400; font-family: "Nanum Myeongjo"; letter-spacing: -0.025em; line-height: 1.8;  margin-bottom: 85px;}
.main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn{text-align: center; color: #cdb9a1; position: relative; display: block; padding: 0 10px;}
.main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn .txt{position: relative; z-index: 5; padding-top: 10px; padding-bottom: 28px; background-color: #21302b; width: 80px; transition: 0.6s;}

.main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn i{font-size: 32px; color: #cdb9a1; margin-bottom: 15px; transition: 0.6s;}
.main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn h5{font-size: 16px; font-weight: 300; font-family: "Miamo",sans-serif; letter-spacing: 0.025em; line-height: 1;}
.main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn::after{width: 100%; height: 100%; display: block; content: ""; border: 1px solid #f4dabd; position: absolute; top: 0; left: 0;  z-index: 2; background-color: #21302b; transition: 0.6s;}
.main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn::before{width: 80px; height: 80px; border: 1px solid #f4dabd; display: block; content: ""; position: absolute; top: 8px; left: 50%; border-radius: 50%; transform: translate(-50%,-50%); z-index: 1; background-color: #21302b; transition: 0.6s;}

.main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn:hover::before{background-color: #f4dabd;}
.main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn:hover::after{background-color: #f4dabd;}
.main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn:hover .txt{background-color: #f4dabd;}
.main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn:hover i{color: #21302b;}
.main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn:hover{color: #21302b;}
/*프롤로그*/
.view-wrap .info-section .intro-container{padding-top: 100px;}
.view-wrap .info-section .intro-container .inner-con{display: flex; align-items: flex-start;}
.view-wrap .info-section .intro-container .txt-wrap{color: #21302b; width: 50%; padding-left: 65px;}
.view-wrap .info-section .intro-container .txt-wrap h3{font-size: 100px; font-weight: 400; font-family: "MarilynWilde",sans-serif; margin-bottom: 45px; }
.view-wrap .info-section .intro-container .txt-wrap p{font-size: 15px; font-weight: 400; letter-spacing: -0.02em; line-height: 1.4; transition-delay: 0.2s;}

.view-wrap .info-section .intro-container .thumb-wrap{width: calc(50% - 85px); margin-right: 85px; position: relative;}
.view-wrap .info-section .intro-container .thumb-wrap .thumb-img-container{overflow: hidden;}
.view-wrap .info-section .intro-container .thumb-wrap .view-thumb-slide1{position: re lative; width: calc(100% - 75px); z-index: 2;}
.view-wrap .info-section .intro-container .thumb-wrap .view-thumb-slide2{position: absolute; width: calc(100% - 75px); top: 0; right: 0; transform: scale(0.75); transform-origin: right;}
.view-wrap .info-section .intro-container .thumb-wrap img{display: block; width: 100%;}

.view-wrap .info-section .intro-container .slide-next-btn{position: absolute; bottom: 0; right: 0; cursor: pointer; height: 15px; display: flex; align-items: center; transition: 0.6s;}
.view-wrap .info-section .intro-container .slide-next-btn:hover {transform: translateX(10%);}
.view-wrap .info-section .intro-container .slide-next-btn .center-line{width: 45px; height: 1px; background-color: #2e3226; display: block;}
.view-wrap .info-section .intro-container .slide-next-btn .arrow-line{position: absolute; top: 50%; right: 0; transform: translateY(-1px);}
.view-wrap .info-section .intro-container .slide-next-btn .arrow-line .line{width: 12px; height: 1px; background-color: #2e3226; position: absolute; right: 0; top: 0;}
.view-wrap .info-section .intro-container .slide-next-btn .arrow-line .line1{transform: rotate(-45deg); transform-origin: right;}
.view-wrap .info-section .intro-container .slide-next-btn .arrow-line .line2{transform: rotate(45deg); transform-origin: right;}

.view-wrap .info-section .intro-container .thumb-wrap .circle-text{}
.view-wrap .info-section .intro-container .thumb-wrap .circle-text svg{overflow: visible; position: absolute; bottom: 0; left: 0; transform: translate(-45%,35%) rotate(220deg); font-size: 16px; font-weight: 400; font-family: "Miamo",sans-serif; letter-spacing: 0.08em; fill: #21302b;  width: 150px;}
.view-wrap .info-section .intro-container .thumb-wrap .circle-text svg text{/*animation: round_wheel 20s infinite linear;*/}

.view-wrap .thumb-img-section .thumb-img-list{display: flex; flex-wrap: wrap; max-width: 1250px; padding-bottom: 90px;}
.view-wrap .thumb-img-section .thumb-img-list li{width: calc(33.33333% - 16.6666px); margin-right: 25px; background-color: #21302b; margin-bottom: 25px;}
.view-wrap .thumb-img-section .thumb-img-list li:nth-of-type(3n){margin-right: 0;}
.view-wrap .thumb-img-section .thumb-img-list li img{width: 100%; display: block;}
.view-wrap .thumb-img-section .thumb-img-list li{display: flex; align-items: flex-end; justify-content: end;}
.view-wrap .thumb-img-section .thumb-img-list li h6{color: white; font-size: 16px; font-family: "Miamo",sans-serif; font-weight: 400; letter-spacing: 0.05em; margin-bottom: 30px; margin-right: 30px; line-height: 1;}

.view-wrap .thumb-img-section .rolling-txt-wrap{overflow: hidden; margin-top: 200px; font-size: 150px; margin-bottom: -0.3em;}
.view-wrap .thumb-img-section .rolling-txt-wrap .rolling-wrap{display: flex; align-items: center; overflow: hidden; animation: marquee_txt 50s linear infinite;}
.view-wrap .thumb-img-section .rolling-txt-wrap h3{font-size: 1em; font-weight: 300; letter-spacing: -0.05em; font-family: "Miamo",sans-serif; color: #eeede5; white-space: nowrap; display: inline-block; padding-right:1em; line-height: 1;}
.view-wrap .thumb-img-section .inner-con{display: flex; justify-content: space-between; align-items: flex-end;}
.view-wrap .thumb-img-section .side-tit-wrap{height: 565px; display: flex; align-items: flex-start;}
.view-wrap .thumb-img-section .side-tit-wrap .line{display: block; height: 100%; width: 1px; background-color: #21302b;}
.view-wrap .thumb-img-section .side-tit-wrap h5{font-size: 26px; font-weight: 400; font-family: "Miamo",sans-serif; transform: rotate(-90deg) translateX(-100%); transform-origin: top left; line-height: 1; padding-top: 15px;}

/*객실*/
.room-wrap .thumb-img-container{padding-top: 115px; padding-bottom: 180px; overflow: hidden;}
.room-wrap .thumb-img-container .inner-con{display: flex; justify-content: space-between; padding: 0 75px;}
.room-wrap .thumb-img-container .txt-wrap{width: 33.5%; }
.room-wrap .thumb-img-container .txt-wrap .thumb-img img{display: block; width: 100%;}
.room-wrap .thumb-img-container .txt-wrap p{text-align: right; font-size: 15px; font-weight: 400; letter-spacing: -0.02em; line-height: 1.6; padding-top: 25px; padding-bottom: 135px;}
.room-wrap .thumb-img-container .txt-wrap .tit .flex-scroll {display: flex; align-items: center;}
.room-wrap .thumb-img-container .txt-wrap .tit .flex-scroll h2 {margin-right: 40px;}
.room-wrap .thumb-img-container .txt-wrap .tit{display: flex; align-items: center; flex-direction: column;}
.room-wrap .thumb-img-container .txt-wrap .tit h2{font-size: 90px; font-weight: 400; font-family: "MarilynWilde",sans-serif; color: #21302b;}
.room-wrap .thumb-img-container .txt-wrap .tit .slide-controller .slide-next-btn{position: relative; cursor: pointer; height: 15px; transition: 0.6s;}
.room-wrap .thumb-img-container .txt-wrap .tit .slide-controller .slide-next-btn .center-line{width: 220px; height: 1px; background-color: #2e3226; display: block; }
.room-wrap .thumb-img-container .txt-wrap .tit .slide-controller .slide-next-btn:hover{transform: translateX(15px);}
.room-wrap .thumb-img-container .txt-wrap .tit .slide-controller .slide-next-btn .arrow-line{position: absolute; top: 50%; right: 0;}
.room-wrap .thumb-img-container .txt-wrap .tit .slide-controller .slide-next-btn .arrow-line .line{width: 12px; height: 1px; background-color: #2e3226; position: absolute; right: 0; top: 0;}
.room-wrap .thumb-img-container .txt-wrap .tit .slide-controller .slide-next-btn .arrow-line .line1{transform: rotate(-30deg); transform-origin: right;}
.room-wrap .thumb-img-container .txt-wrap .tit .slide-controller .slide-next-btn .arrow-line .line2{transform: rotate(30deg); transform-origin: right;}
.room-wrap .thumb-img-container .txt-wrap .tit .slide-controller .page-num{font-size: 16px; font-weight: 200; font-family: "Miamo",sans-serif;}



.room-wrap .thumb-img-container .thumb-slide-wrap {width:63.43%; overflow: hidden;}
.room-wrap .thumb-img-container .thumb-slide-wrap .swiper-slide .swiper-roller{width: 100%; height: 100%; transition: 0.8s;}
.room-wrap .thumb-img-container .thumb-slide-wrap .swiper-slide .swiper-roller .img{width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}

.room-wrap .thumb-img-container .thumb-slide-wrap .swiper-wrapper .swiper-slide.prev-clip .swiper-roller{transform: translateX(0);}
.room-wrap .thumb-img-container .thumb-slide-wrap .swiper-wrapper .swiper-slide.next-clip .swiper-roller{transform: translateX(0);}
.room-wrap .thumb-img-container .thumb-slide-wrap .swiper-wrapper .prepend-next-clip .swiper-roller{animation: transformNext 0.8s;} 
.room-wrap .thumb-img-container .thumb-slide-wrap .swiper-wrapper .prepend-prev-clip .swiper-roller{animation: transformPrev 0.8s;} 
.room-wrap .thumb-img-container .thumb-slide-wrap .swiper-wrapper .swiper-slide-active{z-index: 5;}

.room-wrap .info-container{padding-bottom: 200px;}
.room-wrap .info-container .info-depth{display: flex; align-items: flex-start; justify-content: space-between; padding-left: 75px;}
.room-wrap .info-container .info-depth .txt-wrap{padding-top: 160px; width: 56.42%; }
.room-wrap .info-container .info-depth .txt-wrap .txt-list .tit{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #c6c6bd; cursor: pointer;}
.room-wrap .info-container .info-depth .txt-wrap .txt-list .price-wrap{padding-bottom: 60px;}
.room-wrap .info-container .info-depth .txt-wrap .txt-list .tit h2{font-size: 20px; font-weight: 400; font-family: "Miamo",sans-serif; pointer-events: none;}
.room-wrap .info-container .info-depth .txt-wrap .txt-list .tit .plus-ico{width: 15px; height: 15px; position: relative;}
.room-wrap .info-container .info-depth .txt-wrap .txt-list .tit .plus-ico .line{position: absolute; top: 50%; width: 100%; height: 1px; background-color: #2e3226; display: block; transition: 0.4s;}
.room-wrap .info-container .info-depth .txt-wrap .txt-list .tit .plus-ico .line2{transform: rotate(90deg);}
.room-wrap .info-container .info-depth .txt-wrap .txt-list .fac-wrap .tit{margin-bottom: 20px;}
.room-wrap .info-container .info-depth .txt-wrap .txt-list .fac-wrap .info {color: #2e3226;}
.room-wrap .info-container .info-depth .txt-wrap .txt-list .fac-wrap .info h5{font-size: 16px; font-weight: 600; margin-bottom: 10px; }
.room-wrap .info-container .info-depth .txt-wrap .txt-list .fac-wrap .info p{font-size: 16px; font-weight: 300; margin-bottom: 30px;}
.room-wrap .info-container .info-depth .thumb-img-wrap{width: 33.1%; padding-right: 90px; position: relative;}
.room-wrap .info-container .info-depth .thumb-img-wrap .img img{display: block; width: 100%;}
.room-wrap .info-container .info-depth .thumb-img-wrap .img-big{width: 100%;}
.room-wrap .info-container .info-depth .thumb-img-wrap .img-small{position: absolute; right: 0; bottom: -125px; width: 180px; transform: translateY(50%); transition: 0.8s;}
.room-wrap .info-container .amenity-depth{padding-left: 75px;}
.room-wrap .info-container .amenity-depth h5{font-size: 16px; font-weight: 600; margin-bottom: 15px;}
.room-wrap .info-container .amenity-depth .amenity-list{display: flex; flex-wrap: wrap; max-width: 1035px; margin-left: -30px;}
.room-wrap .info-container .amenity-depth .amenity-list li {margin-bottom: 15px; text-align: center; width: 10%;}
.room-wrap .info-container .amenity-depth .amenity-list li i{color:#2e3226; font-size: 32px; margin-bottom: 10px;}
.room-wrap .info-container .amenity-depth .amenity-list li h6{color:#2e3226; font-size: 12px; font-weight: 400;}

.room-wrap .info-container .price-wrap .info{height: 0; overflow: hidden;  transition: 0.8s;}
.room-wrap .info-container .price-wrap .room-price-table{padding-top: 15px; padding-bottom: 15px;}
.room-wrap .info-container .price-wrap .room-price-table table{width: 100%; text-align: center; border-bottom: 2px solid #08240c;}
.room-wrap .info-container .price-wrap .room-price-table table th{background-color: #0b3821; color: white; font-weight: 300; border-right: 1px solid rgba(255,255,255,0.3);}
.room-wrap .info-container .price-wrap .room-price-table table th, .room-wrap .info-container .room-price-table table td{font-size: 15px; line-height: 3em;}
.room-wrap .info-container .price-wrap .room-price-table table td{border-bottom: 1px solid #f7f6ee; border-right: 1px solid #f7f6ee; border-left: 1px solid #f7f6ee; color: #6b8079;}
.room-wrap .info-container .info-depth .txt-wrap .txt-list .price-wrap.on .tit .plus-ico .line2{transform: rotate(0);}
/*스페셜*/
.special-wrap .info-section .info-container{padding-top: 55px; overflow: hidden;}
.special-wrap .info-section .info-container .inner-con{padding: 0 90px;}
.special-wrap .info-section .info-container .thumb-img-wrap{position: relative;}
.special-wrap .info-section .info-container .thumb-img-wrap .img img{display: block; width: 100%;}
.special-wrap .info-section .info-container .thumb-img-wrap h4{font-size: 100px; font-family: "MarilynWilde",sans-serif; font-weight: 400; color: #21302b; position: absolute; bottom: -0.8em; right: -90px;}
.special-wrap .info-section .info-container .txt-wrap{padding-top: 165px; padding-bottom: 120px;}
.special-wrap .info-section .info-container .txt-wrap .tit{transform: rotate(0.03deg); display: flex; flex-flow: column; align-items: center; text-align: center;}
.special-wrap .info-section .info-container .txt-wrap .tit h3{font-size: 20px; font-weight: 800; letter-spacing: -0.02em; font-family: "Nanum Myeongjo",sans-serif; margin-bottom: 20px;}
.special-wrap .info-section .info-container .txt-wrap .tit h3::after{content: ""; display: block; width: 100%; height: 1px; background-color: #2e3226; transform: scaleX(0); transition: 0.6s; transition-delay: 0.6s;}
.special-wrap .info-section .info-container .txt-wrap .tit h3.on::after{transform: scaleX(1);}
.special-wrap .info-section .info-container .txt-wrap .tit h5{font-size: 17px; font-weight: 600; letter-spacing: -0.02em; font-family: "Nanum Myeongjo",sans-serif; line-height: 1.6; margin-bottom: 30px;}
.special-wrap .info-section .info-container .txt-wrap .txt{text-align: center;}
.special-wrap .info-section .info-container .txt-wrap .txt p{font-size: 15px; font-weight: 400; letter-spacing: -0.02em; line-height: 1.6;}
.special-wrap .info-section .info-container .txt-wrap .txt p b{font-weight: 600;}
.special-wrap .info-section .img-list-wrap{padding: 0 105px; padding-bottom: 145px;}
.special-wrap .info-section .img-list-wrap .img-list{display: flex; justify-content: space-between; align-items: center;}
.special-wrap .info-section .img-list-wrap .img-list li{width: calc(33.3333% - 13.333px);  overflow: hidden; isolation: isolate; transition: 0.8s;}
.special-wrap .info-section .img-list-wrap .img-list li:nth-of-type(2){transition-delay: 0.2s;}
.special-wrap .info-section .img-list-wrap .img-list li:nth-of-type(3){transition-delay: 0.4s;}
.special-wrap .info-section .img-list-wrap .img-list li img{display: block; width: 100%;}
.special-wrap .info-section .img-list-wrap .img-list.on li{border-radius: 0 80px 0 0;}
.special-wrap .info-section .img-list-wrap .txt{text-align: right; transform: rotate(0.03deg);}
.special-wrap .info-section .img-list-wrap .txt h5{font-size: 14px; font-weight: 600; letter-spacing: -0.02em; font-family: "Nanum Myeongjo",sans-serif; line-height: 1.4; padding-top: 10px;}

/*투어*/
.tour-wrap .info-container{padding-top: 100px; padding-bottom: 165px; overflow: hidden;}
.tour-wrap .info-container .info-list-wrap{display: flex; flex-wrap: wrap; align-items: flex-start; padding: 0 80px;}
.tour-wrap .info-container .info-list-wrap .info-wrap{width: 50%;}
.tour-wrap .info-container .info-list-wrap .info-wrap:nth-of-type(2n - 1){padding-right: 60px;}
.tour-wrap .info-container .info-list-wrap .info-wrap:nth-of-type(2n){padding-left: 60px;}
.tour-wrap .info-container .info-list-wrap .info-wrap .tour-slide-wrap .swiper-slide{height: 350px;}
.tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap{padding-top: 30px; padding-bottom: 30px; min-height: 250px;}
.tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .tit{transform: rotate(0.03deg); cursor: pointer;}
.tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .tit h2{font-size: 40px; font-weight: 500; letter-spacing: -0.025em; font-family: "Nanum Myeongjo",sans-serif; margin-bottom: 15px;}
.tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .tit h5{font-size: 16px; font-weight: 500; letter-spacing: -0.025em;}
.tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .tit h5 i{margin-right: 5px;}
.tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .more-btn-wrap{display: flex; justify-content: end;}
.tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .more-btn-wrap .more-btn{font-size: 15px; cursor: pointer;}
/* .tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .more-btn-wrap .more-btn::after{content: ""; display: block; width: 100%; height: 1px; background-color: #2e3226;} */

.tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .tit .btn-wrap{width: 100%; height: 1px; background-color: #d6d5cf; margin-top: 10px; margin-bottom: 20px; position: relative;}
.tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .tit .btn-wrap .btn{width: 15px; height: 15px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;}
.tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .tit .btn-wrap .btn .line{position: absolute; top: 50%; left: 0; width: 100%; height: 1px; display: block; background-color: #444444;}
.tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .txt{height: 0; overflow: hidden; transition: 0.6s;}
.tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .txt p{font-size: 16px; font-weight: 400; letter-spacing: -0.025em; line-height: 1.6;}

.tour-wrap .info-container .info-list-wrap .info-wrap.on .btn .line2{transform: rotate(90deg);}

/*오시는길*/
.map-wrap .info-container{padding-top: 190px; padding-bottom: 80px; overflow: hidden;}
.map-wrap .info-container .inner-con{padding: 0 130px;}
.map-wrap .info-container .info-wrap{display: flex; align-items: flex-start; padding-bottom: 70px;}
.map-wrap .info-container .info-wrap .thumb-img{ overflow: hidden; isolation: isolate;}
.map-wrap .info-container .info-wrap .thumb-img .img{display: block;}
.map-wrap .info-container .info-wrap .thumb-img.on{border-radius: 50px 50px 0 0;}
.map-wrap .info-container .info-wrap .txt-wrap{padding-top: 30px; padding-left: 30px;}
.map-wrap .info-container .info-wrap .txt-wrap h2{font-size: 40px; font-weight: 500; font-family: "Nanum Myeongjo",sans-serif; letter-spacing: -0.025em; margin-bottom: 40px;}
.map-wrap .info-container .info-wrap .txt-wrap h5{font-size: 16px; font-weight: 600; letter-spacing: -0.025em; line-height: 1.6; margin-bottom: 5px;}
.map-wrap .info-container .info-wrap .txt-wrap p{font-size: 16px; font-weight: 400; letter-spacing: -0.025em; line-height: 1.6;}

/*예약안내*/

.reser-wrap .info-section .info-container{display: flex; justify-content: space-between; align-items: flex-end; padding: 0 130px; padding-top: 190px ; padding-bottom: 25px;}
.reser-wrap .info-section .info-container .inner-con{padding: 0 130px;}
.reser-wrap .info-section .info-container .info-wrap{display: flex; align-items: flex-start; padding-bottom: 65px;}
.reser-wrap .info-section .info-container .info-wrap .thumb-img{ overflow: hidden; isolation: isolate;}
.reser-wrap .info-section .info-container .info-wrap .thumb-img.on{border-radius: 50px 50px 0 0;}
.reser-wrap .info-section .info-container .info-wrap .thumb-img .img{display: block;}
.reser-wrap .info-section .info-container .info-wrap .txt-wrap{padding-top: 30px; padding-left: 30px;}
.reser-wrap .info-section .info-container .info-wrap .txt-wrap h2{font-size: 40px; font-weight: 500; font-family: "Nanum Myeongjo",sans-serif; letter-spacing: -0.025em; margin-bottom: 40px;}
.reser-wrap .info-section .info-container .info-wrap .txt-wrap p{font-size: 16px; font-weight: 400; letter-spacing: -0.025em; line-height: 2;}
.reser-wrap .info-section .info-container .info-wrap .txt-wrap p a{color: #2e3226;}

.reser-wrap .info-section .info-container .reser-btn-box .reser_btn{text-align: center; color: #cdb9a1; position: relative; display: block; padding: 0 10px;}
.reser-wrap .info-section .info-container .reser-btn-box .reser_btn .txt{position: relative; z-index: 5; padding-top: 10px; padding-bottom: 28px; background-color: #fdfcf4; width: 80px; transition: 0.6s;}

.reser-wrap .info-section .info-container .reser-btn-box .reser_btn i{font-size: 32px; color: #21302b; margin-bottom: 15px; transition: 0.6s;}
.reser-wrap .info-section .info-container .reser-btn-box .reser_btn h5{font-size: 16px; font-weight: 300; font-family: "Miamo",sans-serif; letter-spacing: 0.025em; line-height: 1; color: #21302b; transition: 0.6s;}
.reser-wrap .info-section .info-container .reser-btn-box .reser_btn::after{width: 100%; height: 100%; display: block; content: ""; border: 1px solid #21302b; position: absolute; top: 0; left: 0;  z-index: 2; background-color: #fdfcf4; transition: 0.6s;}
.reser-wrap .info-section .info-container .reser-btn-box .reser_btn::before{width: 80px; height: 80px; border: 1px solid #21302b; display: block; content: ""; position: absolute; top: 8px; left: 50%; border-radius: 50%; transform: translate(-50%,-50%); z-index: 1; background-color: #fdfcf4; transition: 0.6s;}

.reser-wrap .info-section .info-container .reser-btn-box .reser_btn:hover .txt{background-color: #21302b;}
.reser-wrap .info-section .info-container .reser-btn-box .reser_btn:hover::after{background-color: #21302b;}
.reser-wrap .info-section .info-container .reser-btn-box .reser_btn:hover::before{background-color: #21302b;}

.reser-wrap .info-section .info-container .reser-btn-box .reser_btn:hover h5{color: #cdb9a1;}
.reser-wrap .info-section .info-container .reser-btn-box .reser_btn:hover i{color: #cdb9a1;}

.reser-wrap .info-section .price-container{padding: 0 130px; padding-bottom: 110px;}
.reser-wrap .info-section .price-container .reser-table-wrap table{width: 100%; text-align: center; border-bottom: 2px solid #08240c;}
.reser-wrap .info-section .price-container .reser-table-wrap table th{background-color: #0b3821; color: white; font-weight: 300; border-right: 1px solid rgba(255,255,255,0.3);}
.reser-wrap .info-section .price-container .reser-table-wrap table th, .reser-wrap .info-section .price-container .reser-table-wrap table td{font-size: 15px; line-height: 2em;}
.reser-wrap .info-section .price-container .reser-table-wrap table td{border-bottom: 1px solid #f7f6ee; border-right: 1px solid #f7f6ee; border-left: 1px solid #f7f6ee; color: #6b8079;}
.reser-wrap .info-section .use-info-container{display: flex; align-items: flex-start; padding-left: 130px;}
.reser-wrap .info-section .use-info-container .img{overflow: hidden; isolation: isolate; transition: 0.6s;}
.reser-wrap .info-section .use-info-container .img img{display: block; width: 100%;}
.reser-wrap .info-section .use-info-container .img.on{border-radius: 50px 0 50px 0;}
.reser-wrap .info-section .use-info-container .txt-wrap{padding-left: 50px; padding-bottom: 85px;}
.reser-wrap .info-section .use-info-container .txt-wrap .tit{transform: rotate(0.03deg);}
.reser-wrap .info-section .use-info-container .txt-wrap .tit h2{font-size: 40px; font-weight: 500; font-family: "Nanum Myeongjo",sans-serif; letter-spacing: -0.025em; margin-bottom: 30px;}
.reser-wrap .info-section .use-info-container .txt-wrap .txt{line-height: 1.6;}
.reser-wrap .info-section .use-info-container .txt-wrap .txt h5{font-size: 15px; font-weight: 600; letter-spacing: -0.025em;}
.reser-wrap .info-section .use-info-container .txt-wrap .txt li{font-size: 15px; font-weight: 400; letter-spacing: -0.025em;}
.reser-wrap .info-section .use-info-container .txt-wrap .txt ul{margin-bottom: 30px;}
.reser-wrap .reser-notice-section{ padding-top: 100px; padding-bottom: 45px;}
.reser-wrap .reser-notice-section .inner-con{display: flex; align-items: flex-start; padding-left: 40px;}
.reser-wrap .reser-notice-section .info-container{width: 50%; padding-left: 90px;}

.reser-wrap .reser-notice-section .info-container .tit{transform: rotate(0.03deg);}
.reser-wrap .reser-notice-section .info-container .tit h2{font-size: 40px; font-weight: 500; font-family: "Nanum Myeongjo",sans-serif; letter-spacing: -0.025em; margin-bottom: 30px; transform: rotate(0.03deg);}
.reser-wrap .reser-notice-section .info-container .txt {line-height: 1.6;}
.reser-wrap .reser-notice-section .info-container h5{font-size: 15px; font-weight: 600; letter-spacing: -0.025em;}
.reser-wrap .reser-notice-section .info-container li{font-size: 15px; font-weight: 400; letter-spacing: -0.025em;}
.reser-wrap .reser-notice-section .info-container1 .txt ul{margin-bottom: 30px;}
.reser-wrap .reser-notice-section .info-container2 h5{ margin-bottom: 35px; line-height: 1.6;}
.reser-wrap .reser-notice-section .info-container2 ul{margin-bottom: 30px; line-height: 1.6;}
.reser-wrap .reser-notice-section .info-container2 .refund-table{width: 100%; text-align: center;}
.reser-wrap .reser-notice-section .info-container2 .refund-table th, .reser-wrap .reser-notice-section .info-container2 .refund-table td{font-size: 14px; color: #929189; letter-spacing: -0.025em; font-weight: 400; line-height: 3; border-bottom: 1px solid #f1f0e8;}
.reser-wrap .reser-notice-section .info-container2 .refund-table th{font-weight: 600; background-color: #f7f6ee; border-top: 1px solid #f1f0e8;}
.reser-wrap .reser-notice-section .info-container2 .refund-table td:last-of-type{color: #e17f74;}

/*공지사항*/

.notice-wrap .info-container{padding-top: 100px; padding-bottom: 80px; overflow: hidden;}
.notice-wrap .info-container .inner-con{padding: 0 130px;}
.notice-wrap .info-container .info-wrap{display: flex; align-items: flex-start; padding-bottom: 70px;}
/* .notice-wrap .info-container .info-wrap .txt-wrap{padding-top: 30px; padding-left: 30px;} */
.notice-wrap .info-container .info-wrap .txt-wrap h2{font-size: 40px; font-weight: 500; font-family: "Nanum Myeongjo",sans-serif; letter-spacing: -0.025em; margin-bottom: 15px;}

/*룸 프리뷰*/
.room-preview-section{padding-bottom: 100px;}
.room-preview-section .side-tit-wrap{display: flex;  align-items: flex-end;}
.room-preview-section .side-tit-wrap .line{height: 260px; width: 1px; background-color: #21302b;}
.room-preview-section .side-tit-wrap .tit{font-size: 26px; font-weight: 400; font-family: "Miamo",sans-serif; transform: rotate(-90.3deg) translateY(100%); transform-origin: bottom left; line-height: 1; padding-top: 0.6em;}
.room-preview-section .room-preview-wrap{overflow: hidden; padding: 0 40px;}
.room-preview-section .room-preview-wrap .swiper-slide{background-color: transparent;}
.room-preview-section .room-preview-wrap .swiper-slide:nth-of-type(3n - 2) .img{ -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-max-width:100%;}
.room-preview-section .room-preview-wrap .swiper-slide:nth-of-type(3n - 1) .img{-webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-max-width:100%;}
.room-preview-section .room-preview-wrap .swiper-slide:nth-of-type(3n) .img{-webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-max-width:100%;}
.room-preview-section .room-preview-wrap .swiper-slide .img img{display: block; width: 100%; transition: 0.6s;}

.room-preview-section .room-preview-wrap .swiper-slide .img{background-size: cover; background-repeat: no-repeat; background-position: center;}
.room-preview-section .room-preview-wrap .swiper-slide h5{text-align: center; font-size: 36px; font-weight: 400; font-family: "Miamo",sans-serif; letter-spacing: -0.025em; color: #2e3226; width: 100%;}
.room-preview-section .room-preview-wrap .swiper-slide p {text-align: center; font-size: 30px; font-weight: 400; font-family: "Miamo",sans-serif; letter-spacing: -0.025em; color: #2e3226; width: 100%;}
.room-preview-section .room-preview-wrap .swiper-slide .link-btn{font-size: 18px; font-family: "Poppins"; color: #2e3226; border: 1px solid #2e3226; border-radius: 50%; display: block; width: 100px; line-height: 40px; text-align: center; transition: 0.6s; opacity: 0;}
.room-preview-section .room-preview-wrap .swiper-slide.swiper-slide-active .link-btn{opacity: 1;}
.room-preview-section .room-preview-wrap .swiper-slide:hover .link-btn{opacity: 1;}
.room-preview-section .room-preview-wrap .swiper-slide:hover .img img{transform: scale(1.05);}
.room-preview-section .room-preview-wrap .swiper-slide .link-btn:hover{background-color: #21302b; color: #f4dabd;}
.room-preview-section .room-preview-wrap .swiper-slide .txt{display: flex; flex-flow: column; align-items: flex-end;}
.room-preview-section .slide-controller-wrap{padding-top: 90px; width: 100%; }
.room-preview-section .swiper-pagination-progressbar{width: 100%; height: 1px;}
.room-preview-section .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #444444;}
.room-preview-section .swiper-pagination-progressbar{background-color: #d6d5cf;}

.room-preview-section .swiper-btn-wrap{display: flex; align-items: center; justify-content: center; margin-top: 40px;}
.room-preview-section .swiper-btn-wrap .btn{margin: 0 15px; cursor: pointer;}
.room-preview-section .swiper-btn-wrap .btn i{color: #444444; font-size: 18px;}

.visual-section .bg{height: 970px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.visual-section .inner-con{height: 100%;}
.visual-section .txt-wrap{height: 100%; display: flex; flex-flow: column; justify-content: space-between; align-items: flex-start; padding-left: 100px; overflow: hidden;}

.visual-section .txt-wrap h2{font-size: 26px; font-weight: 400; font-family: "Miamo",sans-serif; color: #d7decb; padding-top: 100px;}
.visual-section .txt-wrap h2 span{display: block;}
.visual-section .txt-wrap h2 span:last-of-type{transition-delay: 0.2s;}
.visual-section .txt-wrap h5{padding-bottom: 195px; font-size: 16px; font-weight: 400; font-family: "Miamo",sans-serif; color: #ffffff; letter-spacing: 0.05em; line-height: 1.8;}
.visual-section .txt-wrap h5 span{display: block;}


/*스페셜 프리뷰*/
.special-preview-section{ padding: 0 30px; padding-bottom: 195px;}
.special-preview-section .special-preview-wrap{overflow: hidden; padding-top: 95px; border-top: 1px solid #e4e4e4;}
.special-preview-section .tit-wrap{padding-top: 120px; padding-bottom: 90px;}
.special-preview-section .tit-wrap h3{display: flex; flex-flow: column; align-items: center; justify-content: center;}
.special-preview-section .tit-wrap h3 span{display: block;}
.special-preview-section .tit-wrap h3 > span:nth-of-type(2) span{transition-delay: 0.2s;}
.special-preview-section .tit-wrap h3 > span:nth-of-type(3) span{transition-delay: 0.4s;}
.special-preview-section .tit-wrap h3{font-size: 36px; font-weight: 200; font-family: "Miamo",sans-serif; color: #716c55; text-align: center; line-height: 1.6;}
.special-preview-section .tit-wrap h3 b{font-weight: 400;}

.special-preview-section .swiper-slide{padding-right: 50px;}
.special-preview-section .swiper-slide.slide-small{width: calc(20% + 12.5px);}
.special-preview-section .swiper-slide.slide-big{width: calc(30% + 12.5px);}
.special-preview-section .swiper-slide .img{overflow: hidden;}
.special-preview-section .swiper-slide .img img{width: 100%; display: block; transition: 0.8s;}
.special-preview-section .swiper-slide .img:hover img{transform: scale(1.05);}
.special-preview-section .swiper-slide h5{font-size: 16px; font-family: "Poppins",sans-serif; font-weight: 400; color: #716c55; padding-top: 15px; line-height: 1; text-align: right;}

/*푸터*/
.ft{padding: 0 30px;}
.ft .ft-info-depth1{padding-bottom: 50px; border-top: 1px solid #e4e4e4; }
.ft .ft-info-depth1 .to-top-btn{position: absolute; right: 0; top: 1px; transform: translateY(-50%); font-size: 13px; font-weight: 500; color: white; font-family: "Poppins",sans-serif; cursor: pointer;}
.ft .ft-info-depth1 .to-top-btn .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ft .ft-info-depth1 .inner-con{display: flex; flex-flow: column; align-items: flex-end; padding-top: 70px;}
.ft .ft-info-depth1 .ft-tel{font-size: 30px; font-weight: 400; font-family: "Poppins",sans-serif; color: #3c4923;}
.ft .ft-info-depth1 .ft-info-wrap{display: flex; justify-content: space-between; width: 100%;}
.ft .ft-info-depth1 .ft-info-wrap .ft-txt-wrap{ text-align: right;}
.ft .ft-info-depth1 .ft-info-wrap h5{font-size: 15px; font-weight: 500; color: #3c4923; margin-bottom: 35px;}
.ft .ft-info-depth1 .ft-info-wrap p{font-size: 15px; font-weight: 400; color: #5a5a5a; line-height: 1.6;}
.ft .ft-info-depth1 .ft-info-wrap p span{display: flex; align-items: flex-start; justify-content: end;}
.ft .ft-info-depth1 .ft-info-wrap p span img{width: 30px; display: block; margin-left: 5px;}
.ft .ft-info-depth1 .ft-nav-wrap .menu-list-wrap{text-align: center;}
.ft .ft-info-depth1 .ft-nav-wrap .menu-list-wrap .main-menu > li > a{font-size: 15px; font-family: "Poppins",sans-serif; font-weight: 400; color: #3c4923; opacity: 0.6;}

.ft .ft-info-depth1 .ft-nav-wrap .menu-list-wrap{display: flex; align-items: flex-start;}
.ft .ft-info-depth1 .ft-nav-wrap .menu-list-wrap .menu-list{display: flex; align-items: flex-start;}
.ft .ft-info-depth1 .ft-nav-wrap .menu-list-wrap .main-menu{margin: 0 15px;}
.ft .ft-info-depth1 .ft-nav-wrap .menu-list-wrap .main-menu .sub-menu{margin-top: 10px;}
.ft .ft-info-depth1 .ft-nav-wrap .menu-list-wrap .main-menu .sub-menu a{font-size: 14px; font-weight: 400; color: #5a5a5a; line-height: 1.6;} 


.ft .ft-info-depth2{padding-top: 30px; border-top: 1px solid #e4e4e4; padding-bottom: 35px;}
.ft .ft-info-depth2 .ft-inner{display: flex; justify-content: space-between;}
.ft .ft-info-depth2 h5{font-size: 12px; font-weight: 400; color: #716c55;}
.ft .ft-info-depth2 h5 a{color: #716c55;}
.ft .ft-info-depth2 .login{font-size: 14px; font-family: "Noto Sans KR";color: #716c55;}
.ft .ft-info-depth2 .login::after{content: ""; display: block; width: 100%; height: 1px; background-color: #716c55;}

.ft .address p:last-of-type img{width: 30px;}
.footer .add-info img{width: 25px;}

.ft-wrap .foot-banner{margin-top: 27px; }

.inner-con{position: relative; max-width: 1480px; margin: 0 auto;}
.inner-con.ft-inner{max-width: 1560px;}
.inner-con.inner-1480{max-width: 1480px;}

/*scroll-animation*/
.scroll-obj{transition: 1.8s; }
.scroll-obj.fade{opacity: 0;}
.scroll-obj.fadeY{opacity: 0; transform: translateY(30px);}
.scroll-obj.fadeX{opacity: 0; transform: translateX(30px);}
.scroll-obj.fadeXR{opacity: 0; transform: translateX(-30px);}
.scroll-obj.fade.on{opacity: 1;}
.scroll-obj.fadeY.on{opacity: 1; transform: translateY(0px);}
.scroll-obj.fadeX.on{opacity: 1; transform: translateX(0px);}
.scroll-obj.fadeXR.on{opacity: 1; transform: translateX(0px);}
.scroll-obj.lineY{transform: scaleY(0); transform-origin: top;}
.scroll-obj.lineY.on{transform: scaleY(1);}
.scroll-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-roller{display: block; transform: translateY(100%); overflow: hidden; will-change: transform; width: 100%; transition: 1.8s;}
.img-mask.on .img-roller{transform: translateY(0);}
.img-mask img{transform: translateY(-100%); transition: 1.8s;will-change: transform; display: block;}
.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; display: block;}
.overflow-txt span{display: block; transform: translateY(1.2em); transition: 1.2s;}
.overflow-txt.on span{transform: translateY(0);}

.overflow-txt-rotate{overflow: hidden;}
.overflow-txt-rotate span{display: block; transform: translateY(1.8em) rotate(3deg); transition: 1.2s;}
.overflow-txt-rotate.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-br{display: none;}
.m-map{display: none;}

@keyframes transformPrev {
    0%{
        transform: translateX(0%);
    }
    100%{
        transform: translateX(-100%);
    }
}

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

@keyframes round_wheel {
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(360deg);
    }
}

@keyframes marquee_txt {
    0%{
        transform: translateX(0%);
    }
    100%{
        transform: translateX(-50%);
    }
}


@media all and (max-width: 1660px){
    .inner-con.ft-inner{width: calc(100% - 100px);}
}

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

@media all and (max-width: 1200px){
    .room-wrap .thumb-img-container .inner-con{padding: 0;}
    .room-wrap .thumb-img-container .thumb-slide-wrap{width: calc(63.43% - 50px);}
    .tour-wrap .info-container .info-list-wrap{padding: 0;}
    .tour-wrap .info-container .info-list-wrap .info-wrap:nth-of-type(2n - 1){padding-right: 30px;}
    .tour-wrap .info-container .info-list-wrap .info-wrap:nth-of-type(2n){padding-left: 30px;}
    .tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .txt p{font-size: 13px;}
    .map-wrap .info-container .inner-con{padding: 0;}
    .notice-wrap .info-container .inner-con{padding: 0;}
    .reser-wrap .info-section .info-container{padding: 0; padding-top: 150px; padding-bottom: 25px;}
    .reser-wrap .info-section .price-container{padding: 0; padding-bottom: 110px;}
    .reser-wrap .info-section .use-info-container{padding-left: 0;}
    .reser-wrap .reser-notice-section .inner-con{padding-left: 0;}
    .reser-wrap .reser-notice-section .info-container{padding-left: 0px; padding-right: 30px;}
}

@media all and (max-width: 900px){
    .pc-br {display: none;}
    /* .pc_ver_main {display: block;}
    .m_ver_main {display: none;} */
    /* .info-section .slide-btn-wrap.pc_ver_main {display: none;} */
    .inner-con{width: calc(100% - 50px);}
    .inner-con.ft-inner{width: calc(100% - 50px);}

    .hd .hd-menu-container .inner-con{flex-flow: column; align-items: flex-end;}
    .hd .hd-menu-container .menu-img-wrap{width: 300px; margin-top: 50px;}
    .hd .hd-menu-container .sns-wrap{margin-top: 50px;}
    .hd .hd-menu-container .menu-img-wrap img{width: 100%;}
    .hd .hd-menu-container .menu-list-wrap .main-menu > li > a{font-size: 26px;}
    .hd .hd-menu-container .menu-list-wrap .main-menu .sub-menu a{font-size: 15px;}
    .hd .hd-menu-container .hd-menu-wrap{width: 100%;}

    .hd-top-contents .menu-btn h5{font-size: 15px;}
    .hd-top-contents .menu-btn .menu-ico{width: 45px; height: 45px;}
    .hd-top-contents .hd-sns-wrap .reser_btn{font-size: 14px;}
    .hd-top-contents .logo img{display: block; width: 100%;}
    .hd-top-contents .logo{width: 155px;}

    .main-wrap .info-section .vdo-wrap {width: 100%; height: 250px; margin: 0px;}
    .main-wrap .info-section .intro-tit-wrap .tit h2{font-size: 62px;}
    .main-wrap .info-section .intro-tit-wrap .tit .symbol-wrap .symbol1 img{width: 30px;}
    .main-wrap .info-section .intro-tit-wrap .tit .symbol-wrap .symbol2 img{width: 50px;}
    .main-wrap .info-section .info-visual-wrap .main-thumb-img{width: 300px;}
    .main-wrap .info-section .info-visual-wrap .txt-wrap h2{font-size: 12vw;}
    .main-wrap .info-section .info-visual-wrap .txt-wrap .dot{font-size: 10vw;}
    .main-wrap .info-section .info-visual-wrap .main-thumb-img svg{margin-top: -175px;}
    .main-wrap .info-section .info-visual-wrap{margin-top: 175px;} 
    .top-slide-section .slide-btn-wrap .btn i{font-size: 52px; color: white;}
.top-slide-section .top-tit-wrap{position: absolute; bottom: 60px; width: 100%; text-align: center; pointer-events: none; z-index: 15; }
    
    .view-wrap .info-section .intro-container .txt-wrap{padding-left: 0;}
    
    .visual-section .txt-wrap{padding-left: 30px;}
    .visual-section .bg{height: 500px;}
    .visual-section .txt-wrap h2{padding-top: 50px;}
    .visual-section .txt-wrap h5{padding-bottom: 60px; font-size: 13px;}
    .special-preview-section .swiper-slide{padding-right: 15px;}
    .special-preview-section .swiper-slide h5{font-size: 14px;}
    
    .view-wrap .info-section .intro-container .thumb-wrap{margin-right: 0; width: 50%;}
    .view-wrap .info-section .intro-container .thumb-wrap .circle-text svg{width: 125px;}
    .view-wrap .thumb-img-section .rolling-txt-wrap h3{font-size: 6em;}
    .view-wrap .thumb-img-section .thumb-img-list li h6{font-size: 10px; margin-right: 10px; margin-bottom: 15px;}
    .view-wrap .thumb-img-section .thumb-img-list li{width: calc(33.3333% - 10px); margin-right: 15px; margin-bottom: 15px;}

    .room-wrap .thumb-img-container .txt-wrap .tit h2{font-size: 42px;}
    .room-wrap .thumb-img-container .txt-wrap .tit .slide-controller .slide-next-btn .center-line{width: 125px;}
    .room-wrap .thumb-img-container .thumb-slide-wrap{width: calc(63.43% - 25px);}
    .room-wrap .info-container .info-depth{padding-left: 0;}
    .room-wrap .info-container .amenity-depth{padding-left: 0;}
    .room-wrap .info-container .amenity-depth .amenity-list{margin-left: -15px;}    

    .special-wrap .info-section .info-container .inner-con{padding: 0;}
    .special-wrap .info-section .img-list-wrap{padding: 0; padding-bottom: 80px;}
    .special-wrap .info-section .info-container .thumb-img-wrap h4{font-size: 82px; right: 0px;}

    .tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .tit h2{font-size: 32px;}
    .tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .txt p br{display: none;}
    .tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .txt p .m-br{display: block;}
    .tour-wrap .info-container .info-list-wrap .info-wrap:nth-of-type(2n - 1){padding-right: 5px;}
    .tour-wrap .info-container .info-list-wrap .info-wrap:nth-of-type(2n){padding-left: 5px;}
    .reser-wrap .info-section .info-container .info-wrap .txt-wrap p{font-size: 14px;}
    .reser-wrap .info-section .use-info-container .txt-wrap .txt li{font-size: 14px;}
    .reser-wrap .info-section .use-info-container .txt-wrap .txt h5{font-size: 14px;}
    .reser-wrap .info-section .use-info-container .txt-wrap .tit h2{font-size: 32px;}
    .reser-wrap .reser-notice-section .info-container .tit h2{font-size: 32px;}
    .reser-wrap .reser-notice-section .info-container li{font-size: 14px;}
    .reser-wrap .reser-notice-section .info-container h5{font-size: 14px;}
    .reser-wrap .info-section .info-container{flex-flow: column; }
    .reser-wrap .info-section .info-container .info-wrap{width: 100%;}
    .reser-wrap .info-section .info-container .info-wrap .txt-wrap h2{font-size: 32px;}

    .reser-section .txt-wrap h2{font-size: 12vw;}
    .reser-section .txt-wrap .dot{font-size: 10vw;}
    .reser-section .txt-wrap .main-thumb-img svg{margin-top: -175px;}
    .reser-section .txt-wrap{margin-top: 175px;}

    .ft .ft-info-depth1 .ft-nav-wrap{display: none;}
    .ft .ft-info-depth1 .ft-info-wrap{justify-content: center; }
    .ft .ft-info-depth1 .inner-con{align-items: center;}
    .ft .ft-info-depth1 .ft-info-wrap .ft-txt-wrap{text-align: center;}
}

@media all and (max-width: 700px){
  #divpop2 {top: 75px !important; right: 75px !important; left: auto !important; z-index: 99991 !important;}
  #divpop3 {top: 235px !important; right: 75px !important; left: auto !important; z-index: 99991 !important;}
  #divpop4 {top: 395px !important; right: 75px !important; left: auto !important; z-index: 99991 !important;}

.ft-wrap .foot-banner{display: flex;justify-content: center;}

    .inner-con{width: calc(100% - 30px);}
    .inner-con.ft-inner{width: calc(100% - 30px);}
    .m_ver_main {display: block;}
    .pc_ver_main {display: none;}
    .info-section .slide-btn-wrap.pc_ver_main {display: none;}
    .top-slide-section .slide-btn-wrap {padding: 0 15px;}
    .top-slide-section .slide-btn-wrap .btn i{font-size: 32px;}
    .top-slide-section .slide-btn-wrap{width: 100%; position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; z-index: 5; padding: 0 15px;}
    .top-slide-section .top-tit-wrap{bottom: 15px;}
    .top-slide-section .top-tit-wrap h2{font-size: 32px;}
    .top-slide-section .swiper-slide{height: 450px;}

    .top-img-section .top-img{height: 300px;}

    .catagory-container{padding-top: 25px;}
    .catagory-container h5{font-size: 13px;}

    .hd-top-contents .menu-btn .menu-ico{width: 30px; height: 30px;}
    .hd-top-contents .menu-btn .menu-ico .line1{transform: translateY(-5px);}
    .hd-top-contents .menu-btn .menu-ico .line2{transform: translateY(5px);}
    .hd-top-contents .menu-btn h5{font-size: 13px;}
    .hd-top-contents .hd-sns-wrap .reser_btn{font-size: 13px;}
    .hd-top-contents .logo{width: 130px;}
    .hd-top-contents{padding-top: 15px;}
    .main-wrap .info-section .intro-tit-wrap{padding-top: 20px;}
    .main-wrap .info-section .intro-tit-wrap h5{font-size: 14px;}
    .main-wrap .info-section .intro-tit-wrap .tit h2{font-size: 3em;}

    .main-wrap .info-section .intro-tit-wrap .tit .symbol-wrap .symbol1{top: -25px;}
    .main-wrap .info-section .intro-tit-wrap .tit .symbol-wrap .symbol2{bottom: 5px; right: -10px;}
    .main-wrap .info-section .info-visual-wrap .main-thumb-img{width: 70vw; margin-top: -35vw;}
    .main-wrap .info-section .info-visual-wrap{margin-top: 70vw;}

    .main-wrap .info-section .info-visual-wrap .txt-wrap p{font-size: 13px;}
    .main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn i{font-size: 22px;}
    .main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn h5{font-size: 15px;}
    .main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn .txt{width: 65px;}
    .main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn::before{width: 65px; height: 65px;}
    .main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn h5{font-size: 13px;}
    .main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn i{font-size: 20px;}
    .main-wrap .info-section .info-visual-wrap .txt-wrap .reser_btn .txt{padding-bottom: 25px;}
    .main-wrap .info-section .info-visual-wrap .txt-wrap p{margin-bottom: 50px;}
    .main-wrap .info-section .info-visual-wrap{padding-bottom: 50px;}

    .view-wrap .info-section .intro-container .inner-con{flex-flow: column; align-items: flex-end;}
    .view-wrap .info-section .intro-container .thumb-wrap .circle-text svg{width: 80px;}
    
    .view-wrap .info-section .intro-container .txt-wrap{width: 100%;}
    .view-wrap .info-section .intro-container .thumb-wrap{width: 80%;}
    .view-wrap .info-section .intro-container{padding-top: 60px;}
    .view-wrap .info-section .intro-container .txt-wrap{padding-bottom: 60px;}
    .view-wrap .info-section .intro-container .txt-wrap h3{font-size: 42px; margin-bottom: 20px;}
    .view-wrap .info-section .intro-container .txt-wrap p{font-size: 13px;}

    .view-wrap .thumb-img-section .rolling-txt-wrap{font-size: 3vw; margin-top: 65px; margin-bottom: -2em;}
    .view-wrap .thumb-img-section .side-tit-wrap{height: 250px; width: 80px; width: 30px;}
    .view-wrap .thumb-img-section .side-tit-wrap h5{font-size: 15px; position: absolute; padding-top: 5px;}
    .view-wrap .thumb-img-section .thumb-img-list{width: calc(100% - 30px); padding-bottom: 45px;}
    .view-wrap .thumb-img-section .thumb-img-list li{width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px;}
    .view-wrap .thumb-img-section .thumb-img-list li:nth-of-type(3n){margin-right: 10px;}
    .view-wrap .thumb-img-section .thumb-img-list li:nth-of-type(2n){margin-right: 0;}
    .view-wrap .thumb-img-section .inner-con{align-items: flex-start;}
    
    .view-wrap .thumb-img-section .thumb-img-list li h6{padding-left: 5px;}
    .view-wrap .info-section .intro-container .thumb-wrap .view-thumb-slide1{width: calc(100% - 50px);}
    .room-wrap .thumb-img-container{padding-bottom: 70px;}
    .room-wrap .info-container .info-depth{flex-flow: column-reverse;}
    .room-wrap .info-container .info-depth .txt-wrap{width: 100%; padding-top: 30px;}
    .room-wrap .info-container .info-depth .thumb-img-wrap{width: 100%; padding-right: 0;}
    .room-wrap .info-container .info-depth .thumb-img-wrap .img-small{width: 150px; display: none;}
    
    .room-wrap .thumb-img-container .inner-con{flex-flow: column-reverse;}
    .room-wrap .thumb-img-container .thumb-slide-wrap{width: 100%;}
    .room-wrap .thumb-img-container .thumb-slide-wrap .swiper-slide{height: 60vw;}
    .room-wrap .thumb-img-container .txt-wrap{width: 100%; display: flex; flex-flow: column-reverse; position: relative; z-index: 5; }
    .room-wrap .thumb-img-container .txt-wrap .thumb-img{display: none;}
    .room-wrap .thumb-img-container .txt-wrap .tit {display: none;}
    .room-wrap .thumb-img-container .txt-wrap .tit {display: block;}
    .room-wrap .thumb-img-container .txt-wrap .tit h2{margin-right: 20px;}
    .room-wrap .thumb-img-container .txt-wrap p{font-size: 13px; text-align: left; padding-top: 15px; padding-bottom: 0;}
    .room-wrap .thumb-img-container .txt-wrap .tit .flex-scroll {align-items: flex-end; justify-content: space-between;}
    .room-wrap .thumb-img-container .txt-wrap .tit .slide-controller .slide-next-btn .center-line{width: 100px;}
    .room-wrap .thumb-img-container .txt-wrap .tit .slide-controller .page-num{font-size: 13px; line-height: 1;}
    .room-wrap .thumb-img-container .txt-wrap .tit{width: 100%;  padding-top: 5px; align-items:flex-start;}
    .room-wrap .thumb-img-container{padding-top: 25px;}

    .room-wrap .info-container .info-depth .txt-wrap .txt-list .tit h2{font-size: 15px;}
    .room-wrap .info-container .price-wrap .room-price-table table th, .room-wrap .info-container .room-price-table table td{font-size: 12px;}
    .room-wrap .info-container .info-depth .txt-wrap .txt-list .price-wrap{padding-bottom: 15px;}

    .room-wrap .info-container .info-depth .txt-wrap .txt-list .fac-wrap .info h5{font-size: 13px; margin-bottom: 5px;}
    .room-wrap .info-container .amenity-depth .amenity-list{margin-left: 0;}
    .room-wrap .info-container .info-depth .txt-wrap .txt-list .fac-wrap .info p{font-size: 13px; margin-bottom: 20px; line-height: 1.4;}
    
    .room-wrap .info-container .amenity-depth h5{font-size: 13px;}
    .room-wrap .info-container .amenity-depth .amenity-list li{width: 14.28%;}
    .room-wrap .info-container .amenity-depth .amenity-list li i{font-size: 25px;}
    .room-wrap .info-container .amenity-depth .amenity-list li h6{font-size: 10px;}
    .room-wrap .info-container{padding-bottom: 80px;}

    .special-wrap .info-section .info-container .thumb-img-wrap h4{font-size: 32px;}
    .special-wrap .info-section .info-container .txt-wrap{padding-top: 50px; padding-bottom: 50px;}
    .special-wrap .info-section .info-container .txt-wrap .tit h3{font-size: 15px;}
    .special-wrap .info-section .info-container .txt-wrap .tit h5{font-size: 13px; margin-bottom: 15px;}
    .special-wrap .info-section .info-container .txt-wrap .txt p{font-size: 13px;}
    .special-wrap .info-section .img-list-wrap{padding-bottom: 50px;}

    .special-wrap .info-section .img-list-wrap .img-list li{width: calc(33.3333% - 5px);}
    .special-wrap .info-section .img-list-wrap .img-list.on li{border-radius: 0 30px 0 0;}
    .special-wrap .info-section .img-list-wrap .txt h5{font-size: 13px;}
    
    .tour-wrap .info-container .info-list-wrap{flex-flow: column;}
    .tour-wrap .info-container .info-list-wrap .info-wrap{width: 100%;}
    .tour-wrap .info-container .info-list-wrap .info-wrap .tour-slide-wrap .swiper-slide{height: 54vw;}
    .tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .tit h2{font-size: 24px;}
    .tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .tit h5{font-size: 15px;}
    .tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap{min-height: 200px; padding-top: 15px; padding-bottom: 30px;}
    .tour-wrap .info-container{padding-bottom: 80px; padding-top: 50px;}
    .tour-wrap .info-container .info-list-wrap .info-wrap .txt-wrap .more-btn-wrap .more-btn{font-size: 13px;}
    .map-wrap .info-container{padding-top: 50px;}
    .map-wrap .info-container .info-wrap{padding-bottom: 30px; flex-flow: column; align-items: flex-end;}

    .map-wrap .info-container .info-wrap .thumb-img{width: 40%;}
    .map-wrap .info-container .info-wrap .thumb-img img{display: block; width: 100%;}

    .map-wrap .info-container .info-wrap .txt-wrap{padding-left: 0; width: 100%; padding-top: 0; margin-top: -30px;}
    .map-wrap .info-container .info-wrap .txt-wrap h2{font-size: 32px; margin-bottom: 25px;}
    .map-wrap .info-container .info-wrap .txt-wrap h5{font-size: 14px;}
    .map-wrap .info-container .info-wrap .txt-wrap p{font-size: 13px;}
    .map-wrap .info-container .info-wrap .thumb-img.on{border-radius: 20px 20px 0 0;}

    .reser-wrap .info-section .info-container{padding-top: 40px;}
    .reser-wrap .info-section .info-container .info-wrap{flex-flow: column; align-items: flex-end; padding-bottom: 30px;}
    .reser-wrap .info-section .info-container .info-wrap .txt-wrap{padding-left: 0; padding-top: 0; width: 100%; margin-top: -30px;}
    .reser-wrap .info-section .info-container .info-wrap .thumb-img{width: 50%;}
    .reser-wrap .info-section .info-container .info-wrap .thumb-img img{display: block; width: 100%;}
    .reser-wrap .info-section .info-container .info-wrap .txt-wrap h2{font-size: 24px; margin-bottom: 15px;}
    .reser-wrap .info-section .info-container .reser-btn-box .reser_btn i{margin-bottom: 10px;}
    .reser-wrap .info-section .info-container .info-wrap .txt-wrap p{font-size: 13px;}
    .reser-wrap .info-section .info-container .reser-btn-box .reser_btn{padding: 0 8px;}
    .reser-wrap .info-section .info-container .reser-btn-box .reser_btn::before{width: 70px; height: 70px; top: 10px;}
    .reser-wrap .info-section .info-container .reser-btn-box .reser_btn .txt{width: 70px; padding-bottom: 20px; padding-top: 5px;}
    .reser-wrap .info-section .info-container .reser-btn-box .reser_btn i{font-size: 28px;}
    .reser-wrap .info-section .info-container .reser-btn-box .reser_btn h5{font-size: 13px;}

    .reser-wrap .info-section .price-container .reser-table-wrap table th, .reser-wrap .info-section .price-container .reser-table-wrap table td{font-size: 12px;}
    .reser-wrap .info-section .use-info-container{flex-flow: column;}
    .reser-wrap .info-section .use-info-container .txt-wrap{padding-left: 0; padding-bottom: 50px;}
    .reser-wrap .info-section .price-container{padding-bottom: 50px;}
    .reser-wrap .info-section .use-info-container .img{margin-bottom: 30px;}
    .reser-wrap .info-section .use-info-container .txt-wrap .txt ul{margin-bottom: 20px;}
    .reser-wrap .info-section .use-info-container .txt-wrap .tit h2{font-size: 24px; margin-bottom: 15px;}
    .reser-wrap .info-section .use-info-container .txt-wrap .txt h5{font-size: 13px;}
    .reser-wrap .info-section .use-info-container .txt-wrap .txt li{font-size: 13px;}

    .reser-wrap .reser-notice-section .inner-con{flex-flow: column;}
    .reser-wrap .reser-notice-section{padding-top: 50px;}
    .reser-wrap .reser-notice-section .info-container{width: 100%; padding-right: 0;}
    .reser-wrap .reser-notice-section .info-container .tit h2{font-size: 24px; margin-bottom: 15px;}
    .reser-wrap .reser-notice-section .info-container1 .txt ul{margin-bottom: 15px;}
    .reser-wrap .reser-notice-section .info-container h5{font-size: 13px;}
    .reser-wrap .reser-notice-section .info-container li{font-size: 13px;}
    .reser-wrap .reser-notice-section .info-container1{padding-bottom: 50px;}
    .reser-wrap .reser-notice-section .info-container2 h5{margin-bottom: 20px;}
    .reser-wrap .reser-notice-section .info-container2 .refund-table th, .reser-wrap .reser-notice-section .info-container2 .refund-table td{font-size: 13px;}

    .notice-wrap .info-container .info-wrap .txt-wrap h2{font-size: 32px; margin-bottom: 25px;}
    .notice-wrap .info-container .info-wrap{padding-bottom: 15px;}
    .notice-wrap .info-container{padding-top: 70px;}
    .hd .hd-menu-container{padding-top: 100px; height: 100vh;}
    .hd .hd-menu-container .sns-wrap{margin-top: 30px;}
    .hd .hd-menu-container .inner-con{padding-top: 30px;}
    .hd .hd-menu-container .menu-list-wrap{flex-wrap: wrap;}
    .hd .hd-menu-container .menu-list-wrap .menu-list{width: 50%; margin-bottom: 30px;}
    .hd .hd-menu-container .menu-list-wrap .main-menu > li > a{font-size: 18px;}
    .hd .hd-menu-container .menu-list-wrap .main-menu .sub-menu a{font-size: 14px;}
    .hd .hd-menu-container .menu-img-wrap{display: none;}
    .hd .hd-menu-container .sns-wrap a{font-size: 13px;}

    .reser-section{padding-top: 50px; padding-bottom: 35px;}
    .reser-section .txt-wrap{margin-top: 25px;}
    .reser-section .txt-wrap p{font-size: 13px; margin-bottom: 50px;}
    .reser-section .txt-wrap .reser_btn i{font-size: 24px;}
    .reser-section .txt-wrap .reser_btn h5{font-size: 14px;}
    .reser-section .txt-wrap .reser_btn{padding: 0 8px;}
    .reser-section .txt-wrap .reser_btn::before{width: 70px; height: 70px; top: 10px;}
    .reser-section .txt-wrap .reser_btn .txt{width: 70px; padding-bottom: 20px;}
    .reser-section .txt-wrap .dot{font-size: 12vw;}
    .reser-wrap .info-section .info-container .info-wrap .thumb-img.on{border-radius: 20px 20px 0 0;}

    .room-preview-section{padding-bottom: 50px;}
    .room-preview-section .swiper-btn-wrap{margin-top: 15px;}
    .room-preview-section .side-tit-wrap{padding-top: 30px; padding-bottom: 50px;}
    .room-preview-section .side-tit-wrap .tit{font-size: 15px;}
    .room-preview-section .side-tit-wrap .line{height: 135px;}
    .room-preview-section .room-preview-wrap .swiper-slide .link-btn{display: none;}
    .room-preview-section .room-preview-wrap{padding: 0;}
    .room-preview-section .room-preview-wrap .swiper-slide .txt {align-items: center;}
    .room-preview-section .room-preview-wrap .swiper-slide h5{font-size: 20px;}
    .room-preview-section .room-preview-wrap .swiper-slide p {font-size: 15px;}
    .room-preview-section .room-preview-wrap .swiper-slide .link-btn{font-size: 15px;}
    .room-preview-section .slide-controller-wrap{padding-top: 30px;}
    .room-preview-section .side-tit-wrap{flex-flow: column-reverse; align-items: flex-start;}
    .room-preview-section .side-tit-wrap .tit{transform: rotate(0); margin-bottom: 5px;}
    .room-preview-section .side-tit-wrap .line{width: 80%; height: 1px;}

    .special-preview-section .swiper-slide.slide-big{width: calc(60% + 7.5px);}
    .special-preview-section .swiper-slide.slide-small{width: calc(40% + 7.5px);}
    .special-preview-section{padding: 0 15px;}
    .special-preview-section .special-preview-wrap{padding-top: 45px; padding-bottom: 80px;}
    .special-preview-section .tit-wrap{padding-top: 35px; padding-bottom: 30px;}
    .special-preview-section .tit-wrap h3{font-size: 18px;}
    .special-preview-section .swiper-slide h5{font-size: 12px;}
    
    .visual-section .txt-wrap h2{line-height: 1.2; font-size: 20px; padding-top: 50px;}
    .visual-section .txt-wrap h5{font-size: 10px; padding-bottom: 30px;}
    .visual-section .txt-wrap{padding-left: 0;}
    .visual-section .bg{height: 300px;}

    .ft{padding: 0;}
    .ft .ft-info-depth1{padding-bottom: 30px;}
    .ft .ft-info-depth1 .inner-con{padding-top: 35px;}
    .ft .ft-info-depth1 .ft-tel{font-size: 24px; margin-bottom: 25px;}
    .ft .ft-info-depth1 .ft-info-wrap .ft-txt-wrap .ft-logo{width: 125px;}
    .ft .ft-info-depth1 .ft-info-wrap h5{font-size: 13px; margin-bottom: 15px;}
    .ft .ft-info-depth1 .ft-info-wrap p{font-size: 13px;}
    .ft .ft-info-depth1 .ft-info-wrap p span{justify-content: center;}
    .ft .ft-info-depth2 h5{font-size: 12px; text-align: center;}
    .ft .ft-info-depth2 .ft-inner{flex-flow: column; align-items: center;}
    .ft .ft-info-depth2 .login{font-size: 13px; margin-top: 15px;}
    
    .ft .ft-info-depth1 .to-top-btn{width: 60px; font-size: 12px; top: -1px;}
    .ft .ft-info-depth1 .to-top-btn img{display: block; width: 100%;}

    .m-br{display: block;}

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