@charset "utf-8";
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body{position: relative; font-family: "Pretendard",sans-serif; color: #2e3236; background-color: #f6f2e7;}
/* body{background-color: #dcdcdc;} */
main{position: relative; z-index: 1;} 
.iframe-has-html.has-scroll-smooth body, .iframe-has-html.has-scroll-smooth{height: auto; overflow: initial !important;}
/* .iframe-has-html.has-scroll-smooth{overflow: inherit !important;} */
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: #1d1d1d;}
.swiper-slide{background-size: cover; background-repeat: no-repeat; background-position: center;}
.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;}
.con1 .swiper-slide{ background-color: white;}
.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.8em;}
.dot-list li::after{position: absolute; top: 0.6em; left: 0; content: ""; width: 6px; height: 6px; background-color: #858484; border-radius: 50%;}

.center-dot-list li{position: relative; padding-left: 0.8em;}
.center-dot-list li::after{position: absolute; top: 0; left: 0; content: "ㆍ";}

.m-br{display: none;}

/*해더*/
.hd{position: fixed; top: 0; left: 0; width: 100%; z-index: 30; padding-top: 40px; padding-bottom: 30px; transition: 0.8s;}
.hd .hd-fixed-contents .inner-con{display: flex; justify-content: space-between; align-items: flex-start;}
.hd .hd-fixed-contents .logo-wrap{display: flex; align-items: flex-end; justify-content: start;}
.hd .hd-fixed-contents .menu-btn{align-items: center; display: none;}
.hd .hd-fixed-contents .menu-btn .circle{display: block; width: 8px; height: 8px; background-color: #111f29; border-radius: 50%;}
.hd .hd-fixed-contents .menu-btn .txt{font-size: 15px; font-weight: 400; color: #111f29; margin-left: 5px;}
.hd .hd-fixed-contents .btn-wrap{display: flex; align-items: center; padding-top: 55px;}
.hd .hd-fixed-contents .btn-wrap li{margin-left: 25px;}
.hd .hd-fixed-contents .btn-wrap li a{font-size: 18px; color: #000000;}
.hd .hd-menu-wrap{}
.hd .menu-container{display: flex; align-items: flex-start;}
.hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap{display: flex; align-items: flex-start; padding-top: 40px; margin-left: 20px;}
.hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap li a{color: #111f29; font-size: 16px; font-family: "Muli",sans-serif;}
.hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap > li{margin-right: 30px;}
.hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap > li.move-left{margin-left: -50px; transition: 1.8s;}
/* .hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap > li:nth-of-type(3){margin-right: 10px;} */
.hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap > li > a::before{display: block; content: ""; width: 8px; height: 8px; background-color: #111f29; border-radius: 50%; margin-right: 5px;}
.hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap > li > a{display: flex; align-items: center; line-height: 2; transition: 0.8s;}
.hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap .sub-menu{height: 0; overflow: hidden; transition: 0.8s;}
.hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap .sub-menu a{font-size: 13px; line-height: 2; letter-spacing: -0.05em;}

.hd.fixed{ background-color: #f6f2e7; padding-top: 10px; padding-bottom: 10px;}
.hd.on{background-color: #f6f2e7; padding-bottom: 30px;}
.hd.on.fixed{padding-bottom: 30px;}
.hd.on .menu-container .hd-menu-wrap .menu-contain .menu-wrap > li > a{margin-bottom: 10px; transition: 0s;}
.hd.on .menu-container .hd-menu-wrap .menu-contain .menu-wrap > li.move-left{margin-left: 0; transition: 0.4s;}
.hd.on .menu-container .hd-menu-wrap .menu-contain .menu-wrap .sub-menu{}

/* .top-slide-wrap .con1{padding-top: 165px;}
.top-slide-wrap .con1 .main-tit{font-size: 5vw; line-height: 1.2; color: #2e3136; text-align: center; font-family: "grande";  position: absolute; z-index: 5; width: 100%; text-align: center;}
.top-slide-wrap .con1 .main-tit h2{font-weight: 400; margin-top: -0.1em;}
.top-slide-wrap .con1 .main-top-container{margin: 0 auto;  transition-delay: 0.4s; width: 100%; height: 100vh; border-radius: 50% 50% 0 0 / 70% 70% 0  0; isolation: isolate; overflow: hidden; transform: scale(0.8); transform-origin: center bottom; transition: 2s; transition-delay: 0.8s; }
.top-slide-wrap .con1 .main-top-container .basic-slide-wrap{width: 100%; overflow: hidden; transition: 1.8s;}
.top-slide-wrap .con1 .main-top-container .basic-slide-wrap .swiper-slide{height: calc(100vh - 165px); background-size: cover; background-repeat: no-repeat;}

.top-slide-wrap .con1 .main-top-container.on .basic-slide-wrap{width: 100%; height: 100vh; margin-top: 0;  transform: scale(1);border-radius: 0;} */


.top-slide-wrap .con1 .main-tit{font-size: 5vw; line-height: 1.2; color: #2e3136; text-align: center; font-family: "grande";  position: absolute; z-index: 5; width: 100%; bottom: 65%;  transition: 1.6s; transition-delay: 1.6s;}
.top-slide-wrap .con1 .main-tit.on{bottom: 15px; transform: scale(0.6);}
.top-slide-wrap .con1 .main-tit h2{font-weight: 400;}
.top-slide-wrap .con1 .main-top-container{  
    margin: 0 auto;  transition-delay: 0.4s; width: 100%; height: 100vh; isolation: isolate; overflow: hidden; transform-origin: center bottom; transform: scale(0.8); transition: 2s; transition-delay: 1.2s;   
    -webkit-mask-image: url(../img/main_top_frame_long.png); -webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center top;
}
.top-slide-wrap .con1 .main-top-container .basic-slide-wrap{width: 100%; height: 100%; overflow: hidden; transition: 1.8s; }
.top-slide-wrap .con1 .main-top-container .basic-slide-wrap .swiper-slide{height: 100%; background-size: cover; background-repeat: no-repeat;}

.top-slide-wrap .con1 .main-top-container.on{margin-top: 0; transform: scale(1); -webkit-mask-position: center bottom; -webkit-mask-size: 200%;}
.top-img-wrap.special-wrap .con1{padding-top: 0; margin-bottom: 0px;}
.top-img-wrap.special-wrap .con1 .main-tit{bottom: 100px;}
.top-img-wrap.special-wrap .con1 .main-tit h2{margin-top: 0;}
.top-img-wrap .con1{padding-top: 250px; margin-bottom: 50px;}
.top-img-wrap .con1 .main-tit{font-size: 3vw; line-height: 1.2; color: #2e3136; text-align: center; font-family: "grande";  position: absolute; z-index: 5; width: 100%; text-align: center;}
.top-img-wrap .con1 .main-tit h2{font-weight: 400; margin-top: -0.4em;}
.top-img-wrap .con1 .main-top-container{  -webkit-mask-image: url(../img/main_top_frame.png); -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center top; width: 100%; height: calc(100vh - 300px);}
.top-img-wrap .con1 .main-top-container .top-img{height: 100%; background-size: cover; background-repeat: no-repeat;}

.top-img-wrap .intro-tit-wrap{position: relative; margin-top: 100px;}
.top-img-wrap .intro-tit-wrap .tit{font-size: 60px; font-weight: 400; font-family: "grande",sans-serif; position: relative; z-index: 1; background-color: #f6f2e7; line-height: 80px;}
.top-img-wrap .intro-tit-wrap .ico-deco-wrap{position: absolute; left: 0; top: -100px; display: flex; flex-flow: column; align-items: center; left: -20px; z-index: 0;}
.top-img-wrap .intro-tit-wrap .ico-deco-wrap .line{width: 2px; height: 300px; background-color: #e5b08a; display: block;}
.top-img-wrap .intro-tit-wrap .ico-deco-wrap .star{ margin-top: -4px;}

.con1 .slide-btn-wrap{opacity: 0;}
.con1 .slide-btn-wrap{position: absolute; top: 50%; right: 100px; transform: translateY(-50%); z-index: 15;display: flex; flex-flow: column; align-items: center; z-index: 15; text-align: center; transition: 0.8s; transition-delay: 1.8s;}
.con1 .slide-btn-wrap .slide-page-wrap{margin: 10px 0;}
.con1 .slide-btn-wrap .slide-page-wrap .num{color: #2e3236; font-size: 20px; letter-spacing: 0.05em; font-weight: 600;}
.con1 .slide-btn-wrap .slide-page-wrap .line{width: 30px; height: 1px; background-color: #2e3236; display: block; margin: 8px 0;}
.con1 .slide-btn-wrap .slide-page-wrap .total{opacity: 0.5;}
.con1 .slide-btn-wrap button {cursor: pointer;}
.con1 .slide-btn-wrap button i{color: #2e3236; font-size: 26px;}
.con1 .slide-btn-wrap button.next{opacity: 0.5;}
.con1 .slide-btn-wrap.on{opacity: 1;}

/*메인*/
/* .main-wrap .con1{} */
.main-wrap .con1 .main-tit{font-size: 9vw; line-height: 1.2; color: #2e3136; text-align: center; font-family: "grande";  position: absolute; z-index: 5; width: 100%; /* margin-top: 165px;*/ bottom: 50%; transition: 1.6s; transition-delay: 1.6s;}
.main-wrap .con1 .main-tit h2{font-weight: 400; }
.main-wrap .con1 .main-tit h5{font-size: 4vw; opacity: 0; transition: 1.2s; transform: translateY(0.6em); transition-delay: 2.8s; font-weight: 400;}
.main-wrap .con1 .main-tit.on h5{opacity: 1; transform: translateY(0);}
.main-wrap .con1 .main-tit.on{bottom: 15px; transform: scale(0.4);}
.main-wrap .con1 .main-tit.change_white{color: white;}
.main-wrap .con1 .main-tit.change_white .split-txt span{transition: 0.8s;}

.main-wrap .con1 .main-top-container{ 
    margin: 0 auto;  transition-delay: 0.4s; width: 100%; height: 100vh; isolation: isolate; overflow: hidden; transform-origin: center bottom; transform: scale(0.8); transition: 2s; transition-delay: 1.2s;   
    -webkit-mask-image: url(../img/main_top_frame_long.png); -webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center top;
 }
.main-wrap .con1 .main-top-container .main-slide-wrap{width: 100%; height: 100%; overflow: hidden; transition: 1.8s; }
.main-wrap .con1 .main-top-container .main-slide-wrap .swiper-slide{height: 100%; background-size: cover; background-repeat: no-repeat;}

.main-wrap .con1 .main-top-container.on{margin-top: 0; transform: scale(1); -webkit-mask-position: center bottom; -webkit-mask-size: 200%;}
.main-wrap .intro-section .contents-wrap{margin-top: 155px; margin-bottom: 80px;}
.main-wrap .intro-section .contents-wrap .flex-box{display: flex; align-items: flex-start; }
.main-wrap .intro-section .contents-wrap .vertical-line{width: 2px; height: 100%; background-color: #e5b08a; position: absolute; right: 0; top: 0; transform: scaleY(0); transform-origin: top;}
.main-wrap .intro-section .contents-wrap .tit-content{width: 50%; padding-left: 90px;}
.main-wrap .intro-section .contents-wrap .tit-content .tit{font-size: 60px; font-family: "grande",sans-serif; font-weight: 400; line-height: 1; margin-bottom: 200px;}
.main-wrap .intro-section .contents-wrap .tit-content .tit span{display: block;}
.main-wrap .intro-section .contents-wrap .tit-content .img{width: calc(100% - 50px); max-width: 565px;}
.main-wrap .intro-section .contents-wrap .tit-content .img img{display: block; width: 100%;}

.main-wrap .intro-section .contents-wrap .txt-content{display: flex; align-items: flex-start; justify-content: start; justify-content: start;padding-top: 180px; width: 50%;}
.main-wrap .intro-section .contents-wrap .txt-content .flex-wrap{display: flex; flex-flow: column; align-items: flex-end;}

.main-wrap .intro-section .contents-wrap .txt-content .img-wrap .star-wrap{position: absolute; top: 0; right: 0; width: 80%;}
.main-wrap .intro-section .contents-wrap .txt-content .img-wrap .star-wrap #svg-line path{fill: transparent; stroke: #e5b08a; stroke-width: 1.5px; stroke-dasharray: 850px; stroke-dashoffset: 850px;}

.main-wrap .intro-section .contents-wrap .txt-content .img-wrap .star-wrap .star-ico{position: absolute; top: 0px; left: 0; width: 100%; height: 100%; pointer-events: none;}
.main-wrap .intro-section .contents-wrap .txt-content .img-wrap .star-wrap .star-ico img{display: block;/* offset: path("M.07,3.92s516.71-78.3,555.23,514.3") auto; offset-distance: 50%;*/}
.main-wrap .intro-section .contents-wrap .txt-content .img-wrap .star-wrap .star-ico .star-box{width: 10px; height: 10px; background-color: #e5b08a; position: relative; border-radius: 50%;}
.main-wrap .intro-section .contents-wrap .txt-content .img-wrap .star-wrap .star-ico .star-box .star{position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); transform: scale(0.2); width: 50px;}

.main-wrap .intro-section .contents-wrap .txt-content .img-wrap .img{border-radius: 200px 200px 0 0; overflow: hidden; isolation: isolate; margin-bottom: 70px;}
.main-wrap .intro-section .contents-wrap .txt-content .img-wrap .img img{display: block; width: 100%;}
.main-wrap .intro-section .contents-wrap .txt-content .txt-wrap{text-align: right; transform: rotate(0.03deg); letter-spacing: 0.1em; }
.main-wrap .intro-section .contents-wrap .txt-content .txt-wrap h5{font-size: 18px; font-weight: 400; font-family: "Lato",sans-serif; margin-bottom: 60px; color: #2e3236;}
.main-wrap .intro-section .contents-wrap .txt-content .txt-wrap p{font-size: 16px; font-family: "Pretendard",sans-serif; font-weight: 300; letter-spacing: -0.05em; line-height: 1.8; color: #6d6b64; margin-bottom: 30px;}


.vdo-top .vdo{width: 110vw; height: 62vw; position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%);}
.vdo-top{position: relative;}
.vdo-top.vertical .vdo{height: 100%; width: 177.777vh;}
.vdo-top.horizon .vdo{width: 110vw; height: 62vw;}
.vdo-top video{width: 100%; height: 100%;}
.vdo-top iframe{width: 100%; height: 100%; pointer-events: none;}
.vdo-link{font-size: 16px; position: absolute; right: 125px; bottom: 125px; z-index: 15;  letter-spacing: -0.05em; display: flex; align-items: center; justify-content: center; line-height: 40px; width: 180px; background-color: transparent; transition: 0.8s; border: 1px solid rgba(255,255,255,0.6); font-family: "Cardo",sans-serif;}
.vdo-link i{font-size: 20px; color: white; margin-right: 5px;}
.vdo-link:hover{background-color: rgba(0,0,0,0.4);}

.main-wrap .intro-section .marquee-txt{margin-bottom: 125px; overflow: hidden;}
.main-wrap .intro-section .marquee-txt .roller{transform: translateX(10%);}

.main-wrap .intro-section .marquee-txt .roller h3{font-size: 4.5vw; font-family: "grande",sans-serif; font-weight: 400; color: #e5b08a; white-space: nowrap; overflow: hidden;}
.main-wrap .intro-section .marquee-txt .roller h3 span{margin: 0 15px;}
.visual-img-wrap{height: 860px; overflow: hidden;  position: relative;}
.visual-img-wrap .bg-wrap{width: 100%; height: 100%; clip: rect(0, auto, auto, 0);position: absolute;}
.visual-img-wrap .bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}

/*프롤로그*/
.view-wrap .info-section .tit-wrap{font-size: 60px; font-weight: 400; font-family: "grande",sans-serif; padding-top: 120px; margin-bottom: 50px; padding-left: 100px;}
.view-wrap .info-section .info-wrap{padding-bottom: 200px;}
.view-wrap .info-section .info-wrap{display: flex; align-items: flex-start;}
.view-wrap .info-section .info-wrap .txt-wrap{padding-left: 100px; width: 64%;}
.view-wrap .info-section .info-wrap .txt-wrap .img img{display: block; width: 100%;}
.view-wrap .info-section .info-wrap .txt-wrap .txt{padding-left: 40px; max-width: calc(100% - 105px);}
.view-wrap .info-section .info-wrap .txt-wrap .txt h5{font-size: 22px; font-weight: 400; color: #ae8d6c; margin-bottom: 55px; margin-top: 80px;}
.view-wrap .info-section .info-wrap .txt-wrap .txt p{font-size: 16px; font-weight: 400; letter-spacing: -0.025em; margin-bottom: 30px; line-height: 1.4;}

.view-wrap .info-section .img-wrap{position: relative; padding-top: 215px; width: 36%;}
.view-wrap .info-section .img-wrap .img{max-width: 440px; width: 100%; margin-left: -95px; border-radius: 250px 250px 0 0; overflow: hidden; isolation: isolate; transform: translateY(100px); transition: 0.8s;}
.view-wrap .info-section .img-wrap .img img{display: block; width: 100%;}
.view-wrap .info-section .img-wrap .star-wrap{position: absolute; top: 0; right: 0; width: 80%;}
.view-wrap .info-section .img-wrap .star-wrap #svg-line path{fill: transparent; stroke: #e5b08a; stroke-width: 1.5px; stroke-dasharray: 850px; stroke-dashoffset: 850px;}

.view-wrap .info-section .img-wrap .star-wrap .star-ico .star-box{width: 10px; height: 10px; background-color: #e5b08a; position: relative; border-radius: 50%;}
.view-wrap .info-section .img-wrap .star-wrap .star-ico .star-box .star{position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); transform: scale(0.2);}


.view-wrap .info-section .vertical-line{display: block; width: 2px; height: 100%; background-color: #e5b08a; position: absolute; right: 0; top: 0; transform: scaleY(0); transform-origin: top;}

/*객실*/
.room-wrap .intro-section{padding-top: 100px; padding-bottom: 120px;}
.room-wrap .intro-section .inner-con{z-index: 1;}
.room-wrap .intro-section .tit-wrap{position: relative;}
.room-wrap .intro-section .tit-wrap .tit{font-size: 60px; font-weight: 400; font-family: "grande",sans-serif; position: relative; z-index: 1; background-color: #f6f2e7; line-height: 80px;}
.room-wrap .intro-section .tit-wrap .ico-deco-wrap{position: absolute; left: 0; top: -100px; display: flex; flex-flow: column; align-items: center; left: -20px; z-index: 0;}
.room-wrap .intro-section .tit-wrap .ico-deco-wrap .line{width: 2px; height: 300px; background-color: #e5b08a; display: block;}
.room-wrap .intro-section .tit-wrap .ico-deco-wrap .star{ margin-top: -4px;}
.room-wrap .intro-section .info-wrap {display: flex; align-items: flex-start;}
.room-wrap .intro-section .info-wrap .txt-wrap{padding-left: 100px; display: flex; flex-flow: column; align-items: flex-start; width: 50%;}
.room-wrap .intro-section .info-wrap .txt-wrap .txt-list li{margin-bottom: 40px;}
.room-wrap .intro-section .info-wrap .txt-wrap .txt-list li h5{font-size: 18px; font-weight: 400; font-family: "Lato",sans-serif; margin-bottom: 10px; color: #ae8d6c;}
.room-wrap .intro-section .info-wrap .txt-wrap .txt-list li p{font-size: 16px; font-weight: 400; letter-spacing: -0.025em; color: #2e3236; line-height: 1.8;}
.room-wrap .intro-section .info-wrap .txt-wrap .reser_btn{display: block; position: relative;}

.room-wrap .intro-section .info-wrap .txt-wrap .reser_btn .txt{font-size: 20px; font-family: "grande",sans-serif; font-weight: 400; color: #4a4948; line-height: 60px; padding: 0 20px; background-color: #d3bda5; border-radius: 50%; display: block; transition: 0.8s; transition-delay: 0.4s;}
.room-wrap .intro-section .info-wrap .txt-wrap .reser_btn .outline{width: 100%; height: 100%; display: block; position: absolute; border: 1px solid #e5b28d; border-radius: 50%; top: 8px; left: 5px; transition: 0.8s;}
.room-wrap .intro-section .info-wrap .txt-wrap .reser_btn:hover .outline{ top: 0px; left: 0px;}
.room-wrap .intro-section .info-wrap .txt-wrap .reser_btn:hover .txt{background-color: white;}

.room-wrap .intro-section .info-wrap .img-wrap{width: 50%; display: flex; justify-content: center;}
.room-wrap .intro-section .info-wrap .img-wrap .flex-box{display: flex; flex-flow: column; align-items: flex-end;}
.room-wrap .intro-section .info-wrap .img-wrap .img{max-width: 450px;  overflow: hidden; transition: 0.8s;}
.room-wrap .intro-section .info-wrap .img-wrap .img.on{border-radius: 0 50% 0 50%;}
.room-wrap .intro-section .info-wrap .img-wrap .img img{display: block; width: 100%;}
.room-wrap .intro-section .info-wrap .img-wrap .txt{margin-top: 40px;}
.room-wrap .intro-section .info-wrap .img-wrap .txt h3{font-size: 45px; font-family: "grande",sans-serif; font-weight: 400; color: #614f4f; letter-spacing: 0.06em; margin-bottom: 15px; line-height: 1.3;}
.room-wrap .intro-section .info-wrap .img-wrap .txt h3 span{display: block;}
.room-wrap .intro-section .info-wrap .img-wrap .txt h5{font-size: 18px; font-weight: 400; color: #614f4f; display: flex; align-items: center;}
.room-wrap .intro-section .info-wrap .img-wrap .txt h5 img{margin-right: 4px;}


.room-wrap .intro-section .bg-txt-wrap{ position: absolute; left: 0; bottom: 50px; width: 100%; overflow: hidden; z-index: 0;}
.room-wrap .intro-section .bg-txt-wrap .roller{animation: txt_roller 30s infinite linear;}
.room-wrap .intro-section .bg-txt-wrap h5{font-size: 14vw; font-family: "grande",sans-serif; font-weight: 400; letter-spacing: 0.03em; color: #dec9ba; opacity: 0.5; white-space: nowrap;}
.room-wrap .intro-section .bg-txt-wrap h5.clone{position: absolute; left: 0; transform: translateX(100%); top: 0;}

.room-wrap .slide-info-section .swiper-slide{height: 820px;}

.room-wrap .room-slide-nav-wrap{position: absolute; left: -150px; top: 0; height: calc(100% - 500px);  z-index: 15;}
.room-wrap .room-slide-nav-wrap .room-slide-nav{position: sticky; top: 50%; transform: translateY(-50%); margin-top: 50vh;}
.room-wrap .room-slide-nav-wrap .room-slide-nav li{margin-bottom: 15px; opacity: 0.6; transition: 0.6s;}
.room-wrap .room-slide-nav-wrap .room-slide-nav li a{font-size: 22px; font-family: "grande",sans-serif; font-weight: 400; color: #614f4f;  display: flex; align-items: center; }
.room-wrap .room-slide-nav-wrap .room-slide-nav li a img{margin-right: 5px; width: 25px; opacity: 0; transition: 0.6s;}
.room-wrap .room-slide-nav-wrap .room-slide-nav li.on{opacity: 1;}
.room-wrap .room-slide-nav-wrap .room-slide-nav li.on a img{opacity: 1;}

.room-wrap .slide-info-section .txt-wrap{display: flex; justify-content: start; align-items: flex-start; padding-bottom: 275px; padding-top: 45px;}
.room-wrap .slide-info-section .txt-wrap .tit{width: 22.5%;}
.room-wrap .slide-info-section .txt-wrap .tit h2{font-size: 70px; font-family: "grande"; font-weight: 400;}
.room-wrap .slide-info-section .txt-wrap .txt{padding-top: 40px; padding-left: 25px;}
.room-wrap .slide-info-section .txt-wrap .txt h5{font-size: 18px; font-family: "Lato",sans-serif; font-weight: 400; color: #ae8d6c;  line-height: 1.8;}
.room-wrap .slide-info-section .txt-wrap .txt p{font-size: 16px; font-weight: 400; letter-spacing: -0.025em; line-height: 1.8;}
.room-wrap .slide-info-section .txt-wrap .txt h6{font-size: 18px; font-weight: 500; letter-spacing: -0.025em; line-height: 1.8;}
.room-wrap .slide-info-section .room-slide-wrap{position: relative;}
.room-wrap .slide-info-section{position: relative;}
.room-wrap .slide-info-section .slide-btn-wrap{position: absolute; right: -60px; top: 50%; transform: translateY(-50%); display: flex; flex-flow: column; align-items: center; z-index: 15; text-align: center;}
.room-wrap .slide-info-section .slide-btn-wrap .slide-page-wrap{margin: 10px 0;}
.room-wrap .slide-info-section .slide-btn-wrap .slide-page-wrap .num{color: #2e3236; font-size: 20px; letter-spacing: 0.05em; font-weight: 600;}
.room-wrap .slide-info-section .slide-btn-wrap .slide-page-wrap .line{width: 30px; height: 1px; background-color: #2e3236; display: block; margin: 8px 0;}
.room-wrap .slide-info-section .slide-btn-wrap .slide-page-wrap .total{opacity: 0.5;}
.room-wrap .slide-info-section .slide-btn-wrap button {cursor: pointer;}
.room-wrap .slide-info-section .slide-btn-wrap button i{color: #2e3236; font-size: 26px;}
.room-wrap .slide-info-section .slide-btn-wrap button.next{opacity: 0.5;}


.special-wrap .intro-section{padding-top: 100px;}
.special-wrap .intro-section .txt-wrap .tit-wrap{position: relative;}
.special-wrap .intro-section .txt-wrap .tit-wrap .tit{font-size: 60px; font-weight: 400; font-family: "grande",sans-serif; position: relative; z-index: 1; background-color: #f6f2e7; line-height: 80px;}
.special-wrap .intro-section .txt-wrap .tit-wrap .ico-deco-wrap{position: absolute; left: 0; top: -100px; display: flex; flex-flow: column; align-items: center; left: -20px; z-index: 0;}
.special-wrap .intro-section .txt-wrap .tit-wrap .ico-deco-wrap .line{width: 2px; height: 300px; background-color: #e5b08a; display: block;}
.special-wrap .intro-section .txt-wrap .tit-wrap .ico-deco-wrap .star{ margin-top: -4px;}
.special-wrap .intro-section .txt-wrap .txt{padding-top: 50px; padding-left: 55px;}
.special-wrap .intro-section .txt-wrap .txt h5{font-size: 24px; font-weight: 400; color: #ae8d6c; margin-bottom: 10px;}
.special-wrap .intro-section .txt-wrap .txt p{font-size: 16px; font-weight: 400; line-height: 1.6;}
.special-wrap .intro-section .txt-wrap .info-wrap{display: flex; align-items: flex-start; justify-content: space-between; z-index: 5; position: relative;}
.special-wrap .intro-section .txt-wrap .info-wrap .img-box{margin-right: -100px; margin-top: -50px; transform: translateY(-100px); transition: 0.8s;}
.special-wrap .intro-section .txt-wrap .info-wrap .img-box img{display: block; width: 100%;}
.special-wrap .intro-section .txt-wrap{padding-bottom: 65px; position: relative; z-index: 1;}
.special-wrap .intro-section .img-wrap{position: relative; z-index: 1;}
.special-wrap .intro-section .img-wrap .txt-content{display: flex; align-items: flex-start; margin-left: 80px; padding-bottom: 120px;}
.special-wrap .intro-section .img-wrap .txt-content .img img{display: block; width: 100%;}
.special-wrap .intro-section .img-wrap .txt-content .txt{padding-left: 30px;}
.special-wrap .intro-section .img-wrap .txt-content .txt h3{font-size: 45px; font-family: "grande",sans-serif; font-weight: 400; color: #614f4f; margin-bottom: 25px;}
.special-wrap .intro-section .img-wrap .txt-content .txt h5{font-size: 18px; font-weight: 400; color: #614f4f; display: flex; align-items: center;}
.special-wrap .intro-section .img-wrap .txt-content .txt img{margin-right: 5px;}

.special-wrap .intro-section .bg-txt-wrap{ position: absolute; left: 0; top: calc(50% - 7vw); width: 100%; overflow: hidden; z-index: 0;}
.special-wrap .intro-section .bg-txt-wrap .roller{animation: txt_roller 30s infinite linear;}
.special-wrap .intro-section .bg-txt-wrap h5{font-size: 14vw; font-family: "grande",sans-serif; font-weight: 400; letter-spacing: 0.03em; color: #dec9ba; opacity: 0.5; white-space: nowrap;}
.special-wrap .intro-section .bg-txt-wrap h5.clone{position: absolute; left: 0; transform: translateX(100%); top: 0;}


.special-wrap .special-slide-section .swiper-slide{height: 100vh;}
.special-wrap .special-slide-section .slide-btn-wrap{position: absolute; right: 115px; top: 50%; transform: translateY(-50%); display: flex; flex-flow: column; align-items: center; z-index: 15; text-align: center; opacity: 1 !important;}
.special-wrap .special-slide-section .slide-btn-wrap .slide-page-wrap{margin: 10px 0;}
.special-wrap .special-slide-section .slide-btn-wrap .slide-page-wrap .num{color: white; font-size: 20px; letter-spacing: 0.05em; font-weight: 600;}
.special-wrap .special-slide-section .slide-btn-wrap .slide-page-wrap .line{width: 30px; height: 1px; background-color: white; display: block; margin: 8px 0;}
.special-wrap .special-slide-section .slide-btn-wrap .slide-page-wrap .total{opacity: 0.5;}
.special-wrap .special-slide-section .slide-btn-wrap button {cursor: pointer;}
.special-wrap .special-slide-section .slide-btn-wrap button i{color: white; font-size: 26px;}
.special-wrap .special-slide-section .slide-btn-wrap button.next{opacity: 0.5;}

.special-wrap .special-visual-section .main-top-container{  -webkit-mask-image: url(../img/main_top_frame.png); -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center top; width: 100%; height: calc(100vh - 300px);}
.special-wrap .special-visual-section .main-top-container .top-img{height: 100%; background-size: cover; background-repeat: no-repeat;}
/*투어*/

.tour-wrap .tour-info-wrap{padding-top: 50px;}
.tour-wrap .tour-info-wrap .info-depth{display: flex; align-items: flex-start;}
.tour-wrap .tour-info-wrap .num{font-size: 31px; font-family: "grande",sans-serif; font-weight: 400; border: 1px solid #3b3f42; border-radius: 50%; width: 60px; height: 60px; line-height: 65px; text-align: center; margin-bottom: 25px;}
.tour-wrap .tour-info-wrap .tour-info{width: 50%; display: flex; justify-content: center; align-items: flex-start;}
.tour-wrap .tour-info-wrap .tour-info .flex-box{width: calc(100% - 130px);}
.tour-wrap .tour-info-wrap .tour-slide-wrap{overflow: hidden; width: 100%; border-radius: 50px; isolation: isolate;}
.tour-wrap .tour-info-wrap .tour-slide-wrap .img{height: 600px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.tour-wrap .tour-info-wrap{overflow: hidden;}
.tour-wrap .tour-info-wrap .txt-wrap{color: #614f4f; padding-top: 40px; padding-bottom: 185px;}
.tour-wrap .tour-info-wrap .txt-wrap h3{font-size: 20px; font-weight: 500; margin-bottom: 5px;}
.tour-wrap .tour-info-wrap .txt-wrap h5{font-size: 16px; font-weight: 500; margin-bottom: 40px;}
.tour-wrap .tour-info-wrap .txt-wrap p{font-size: 16px; font-weight: 400; letter-spacing: -0.05em; line-height: 1.6; margin-bottom: 30px;}
.tour-wrap .tour-info-wrap .txt-wrap p a{font-size: 16px; font-weight: 400; letter-spacing: -0.05em; line-height: 1.6; color: #614f4f;}

.tour-wrap .tour-info-wrap .info-depth .tour-info:last-of-type{margin-top: 300px;}
.tour-wrap .tour-info-wrap .info-depth:nth-of-type(n + 2){margin-top: -300px;}

/*오시는길*/
.map-wrap .info-wrap{display: flex; justify-content: space-between;}
.map-wrap .info-wrap .txt{padding-left: 55px; padding-top: 35px;}
.map-wrap .info-wrap .txt h5{font-size: 20px; font-weight: 400; letter-spacing: -0.025em;}
.map-wrap .info-wrap .txt h5 .color{color: #ae8d6c; letter-spacing: 0;}
.map-wrap .info-wrap .img img{display: block; width: 100%;}
.map-wrap .info-section .deco-txt-wrap{position: relative; z-index: 1; margin-top: 50px;  display: flex; justify-content: end;}
.map-wrap .info-section .deco-txt-wrap .txt-content{display: flex; align-items: flex-start; margin-left: -80px; padding-bottom: 120px; width: 50%;}
.map-wrap .info-section .deco-txt-wrap .txt-content .img img{display: block; width: 100%;}
.map-wrap .info-section .deco-txt-wrap .txt-content .txt{padding-left: 30px;}
.map-wrap .info-section .deco-txt-wrap .txt-content .txt h3{font-size: 45px; font-family: "grande",sans-serif; font-weight: 400; color: #614f4f; margin-bottom: 25px;}
.map-wrap .info-section .deco-txt-wrap .txt-content .txt h5{font-size: 18px; font-weight: 400; color: #614f4f; display: flex; align-items: center;}
.map-wrap .info-section .deco-txt-wrap .txt-content .txt h5 img{margin-right: 5px;}

.map-wrap .info-section .bg-txt-wrap{ position: absolute; left: 0; top: calc(50% - 2vw); width: 100%; overflow: hidden; z-index: 0;}
.map-wrap .info-section .bg-txt-wrap .roller{animation: txt_roller 30s infinite linear;}
.map-wrap .info-section .bg-txt-wrap h5{font-size: 14vw; font-family: "grande",sans-serif; font-weight: 400; letter-spacing: 0.03em; color: #dec9ba; opacity: 0.5; white-space: nowrap;}
.map-wrap .info-section .bg-txt-wrap h5.clone{position: absolute; left: 0; transform: translateX(100%); top: 0;}

.map-wrap .map-frame-section{padding-bottom: 200px;}

/*예약안내*/
.reser-wrap .intro-section .info-wrap{display: flex; justify-content: space-between;}
.reser-wrap .intro-section .info-wrap > .txt{display: flex; flex-flow: column; align-items: flex-start;}
.reser-wrap .intro-section .info-wrap .txt .txt-list{margin-bottom: 30px; padding-left: 80px; padding-top: 50px; margin-bottom: 30px;}
.reser-wrap .intro-section .info-wrap .txt .txt-list:first-of-type li{margin-bottom: 10px;}
.reser-wrap .intro-section .info-wrap .txt .txt-list li{display: flex;}
.reser-wrap .intro-section .info-wrap .txt .txt-list li h5{font-size: 18px; font-weight: 400; color: #ae8d6c; width: 75px;}
.reser-wrap .intro-section .info-wrap .txt .txt-list li p{font-size: 16px; font-weight: 400; letter-spacing: -0.05em;}
.reser-wrap .intro-section .info-wrap .txt .txt-list li a{font-size: 20px; letter-spacing: -0.025em;  color: #2e3236;}
.reser-wrap .intro-section .info-wrap .txt .txt-list:nth-of-type(2) p{line-height: 1.8;}
.reser-wrap .intro-section .info-wrap .txt .txt-list .check-in-out{padding-left: 75px}
.reser-wrap .intro-section .info-wrap .txt .txt-list .check-in-out li{font-size: 18px; font-weight: 400; color: #2e3236; padding-top: 15px;}
.reser-wrap .intro-section .info-wrap .img img{display: block; width: 100%;}

.reser-wrap .intro-section .deco-txt-wrap{position: relative; z-index: 1; margin-top: 50px;  display: flex; justify-content: end;}
.reser-wrap .intro-section .deco-txt-wrap .txt-content{display: flex; align-items: flex-start; margin-left: -80px; padding-bottom: 120px; width: 50%;}
.reser-wrap .intro-section .deco-txt-wrap .txt-content .img img{display: block; width: 100%;}
.reser-wrap .intro-section .deco-txt-wrap .txt-content .txt{padding-left: 30px;}
.reser-wrap .intro-section .deco-txt-wrap .txt-content .txt h3{font-size: 45px; font-family: "grande",sans-serif; font-weight: 400; color: #614f4f; margin-bottom: 25px;}
.reser-wrap .intro-section .deco-txt-wrap .txt-content .txt h5{font-size: 18px; font-weight: 400; color: #614f4f; display: flex; align-items: center;}
.reser-wrap .intro-section .deco-txt-wrap .txt-content .txt img{margin-right: 5px;}

.reser-wrap .intro-section .bg-txt-wrap{ position: absolute; left: 0; top: calc(50% - 2vw); width: 100%; overflow: hidden; z-index: 0;}
.reser-wrap .intro-section .bg-txt-wrap .roller{animation: txt_roller 30s infinite linear;}
.reser-wrap .intro-section .bg-txt-wrap h5{font-size: 14vw; font-family: "grande",sans-serif; font-weight: 400; letter-spacing: 0.03em; color: #dec9ba; opacity: 0.5; white-space: nowrap;}
.reser-wrap .intro-section .bg-txt-wrap h5.clone{position: absolute; left: 0; transform: translateX(100%); top: 0;}

.reser-wrap .info-section .info-container{padding-bottom: 45px;}
.reser-wrap .info-section .info-container h3{font-size: 20px; font-weight: 400; color: #866e5e; letter-spacing: -0.025em; margin-bottom: 15px; display: flex; align-items: center;}
.reser-wrap .info-section .info-container h3 img{margin-right: 5px;}
.reser-wrap .info-section .info-container li{font-size: 16px; font-weight: 400; letter-spacing: -0.025em; line-height: 1.6;}
.reser-wrap .info-section .info-container .refund-table{width: 100%; max-width: 550px; text-align: center; background-color: rgb(177, 168, 154, 0.3);}
.reser-wrap .info-section .info-container .refund-table th{line-height: 50px; border-bottom: 1px solid #b1a89a;}
.reser-wrap .info-section .info-container .refund-table td{line-height: 2.4;  border-bottom: 1px solid #b1a89a; background-color: rgba(255,255,255,0.3);}

.reser-wrap .intro-section .info-wrap .txt .reser_btn{display: block; position: relative; margin-left: 80px;}
.reser-wrap .intro-section .info-wrap .txt .reser_btn .txt{font-size: 20px; font-family: "grande",sans-serif; font-weight: 400; color: #4a4948; line-height: 60px; padding: 0 20px; background-color: #d3bda5; border-radius: 50%; display: block; transition: 0.8s; transition-delay: 0.4s;}
.reser-wrap .intro-section .info-wrap .txt .reser_btn .outline{width: 100%; height: 100%; display: block; position: absolute; border: 1px solid #e5b28d; border-radius: 50%; top: 8px; left: 5px; transition: 0.8s;}
.reser-wrap .intro-section .info-wrap .txt .reser_btn:hover .outline{ top: 0px; left: 0px;}
.reser-wrap .intro-section .info-wrap .txt .reser_btn:hover .txt{background-color: white;}

.notice-wrap .notice-frame-section{margin-top: 50px; padding-bottom: 100px;}

/*스페셜프리뷰*/
.special-preview-section{padding-top: 175px;}
.special-preview-section .inner-con{display: flex; align-items: flex-start; }
.special-preview-section .txt-wrap{width: 28.75%; padding-top: 100px;}
.special-preview-section .txt-wrap .tit h3{font-size: 50px; font-family: "grande",sans-serif; font-weight: 400; color: #957f72; line-height: 1; margin-bottom: 15px;}
.special-preview-section .txt-wrap .tit h5{font-size: 15px; font-weight: 400; letter-spacing: -0.05em; color: #5b5754;}
.special-preview-section .txt-wrap .slide-controller{display: flex; align-items: flex-start; justify-content: start; margin-top: 100px;}
.special-preview-section .txt-wrap .slide-controller .btn{width: 40px; height: 40px; border-radius: 50%; border: 1px solid #b4a397; cursor: pointer; margin-right: 40px; position: relative; display: flex; align-items: center; justify-content: center;}
.special-preview-section .txt-wrap .slide-controller .btn .arrow{position: relative;}
.special-preview-section .txt-wrap .slide-controller .btn .arrow::before{content: ""; display: block; width: 7px; height: 1px; background-color: #b09f93; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.special-preview-section .txt-wrap .slide-controller .btn .arrow::after{content: ""; display: block; width: 7px; height: 1px; background-color: #b09f93; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg);}
.special-preview-section .txt-wrap .slide-controller .btn .line{width: 35px; height: 1px; display: block; background-color: #b09f93; position: absolute; top: 50%;  transform: translateY(-50%);}
.special-preview-section .txt-wrap .slide-controller .btn.prev-btn .line{left: 50%; margin-left: -6px;}
.special-preview-section .txt-wrap .slide-controller .btn.next-btn .line{right: 50%; margin-right: -6px;}

.special-preview-section .txt-wrap .slide-controller .btn.prev-btn .arrow{margin-left: -3px;}
.special-preview-section .txt-wrap .slide-controller .btn.prev-btn .arrow::before{transform-origin: left center;}
.special-preview-section .txt-wrap .slide-controller .btn.prev-btn .arrow::after{transform-origin: left center;}

.special-preview-section .txt-wrap .slide-controller .btn.next-btn .arrow{margin-right: -3px;}
.special-preview-section .txt-wrap .slide-controller .btn.next-btn .arrow::before{transform-origin: right center;}
.special-preview-section .txt-wrap .slide-controller .btn.next-btn .arrow::after{transform-origin: right center;}

.special-preview-section .special-preview-slide-wrap{width: 71.25%; overflow: hidden;}
.special-preview-section .special-preview-slide-wrap .swiper-slide:nth-child(2n){margin-top: 100px;}
.special-preview-section .special-preview-slide-wrap .swiper-slide .img-wrap{}
.special-preview-section .special-preview-slide-wrap .swiper-slide .special-tit{font-size: 20px; font-family: "Lato",sans-serif; font-weight: 400; color: #6d6b64; margin-top: 10px;}
.special-preview-section .special-preview-slide-wrap .swiper-slide .img-wrap{overflow: hidden; border-radius: 200px 0 0 0; isolation: isolate;}
.special-preview-section .special-preview-slide-wrap .swiper-slide .img-wrap .img{height: 480px; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative;}
.special-preview-section .special-preview-slide-wrap .swiper-slide .img-wrap .img .hover-btn{position: absolute; bottom: 40px; right: 35px; width: 80px; height: 80px; background-color: #b1a89a; border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: 0.8s; cursor: pointer;}
.special-preview-section .special-preview-slide-wrap .swiper-slide .img-wrap .img .hover-btn .txt{font-size: 13px; font-weight: 500; letter-spacing: 0.1em ; color: white;}
.special-preview-section .special-preview-slide-wrap .swiper-slide .img-wrap .img .hover-btn .txt::after{content: ""; display: block; width: 100%; height: 1px; background-color: white;}

.special-preview-section .special-preview-slide-wrap .swiper-slide .img:hover .hover-btn{opacity: 1;}



/*푸터*/
.ft {padding-bottom: 70px; margin-top: 155px;}
.ft .inner-con{display: flex; align-items: flex-start; justify-content: center; }
.ft .ft-menu-wrap{width: 18.33%;}
.ft .ft-menu-wrap .sub-menu{display: none;}
.ft .ft-menu-wrap a{font-size: 14px; font-family: "Muli",sans-serif; font-weight: 400; color: rgba(175, 141, 108,0.6); line-height: 2.4; text-transform: uppercase;}
.ft .ft-info-wrap{width: 63.34%; text-align: center; border: 1px solid #af8d6c; border-width: 0 1px 0 1px;}
.ft .ft-info-wrap .ft-logo{width: 130px; display: block; margin: 0 auto; margin-bottom: 50px;}
.ft .ft-info-wrap .txt-info{font-size: 15px; color: #957f72; line-height: 1.8; margin-bottom: 40px;}
/* .ft .ft-info-wrap .txt-info span:nth-of-type(1)::after{content: "|"; padding: 0 20px;} */
.ft .ft-info-wrap .copyright{font-size: 12px; font-weight: 400; color: #957f72;}
.ft .ft-info-wrap .copyright a{color: #957f72;}
.ft .ft-info-wrap .copyright .icon-aw_logo_svg:before{color: #957f72;}
.ft .ft-ico-wrap{width: 18.33%; padding-left: 95px; display: flex; flex-flow: column; align-items: flex-start; padding-top: 40px;}
.ft .ft-ico-wrap h5{font-size: 14px;  font-weight: 400; font-family: "Muli"; margin-bottom: 35px;}
.ft .sns-wrap{display: flex; align-items: flex-start; justify-content: start; margin-bottom: 45px;}
.ft .sns-wrap li{margin-right: 20px;}
.ft .sns-wrap a i{font-size: 18px; color: #988275;}
.ft .ft-ico-wrap .login{font-size: 14px; font-family: "Noto Sans KR"; color: #957f72; display: block;}
.ft .ft-ico-wrap .login::after{content: ""; display: block; width: 100%; height: 1px; background-color: #c9beb2;}




.reser-pop-wrap{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); box-shadow: 5px 5px 10px rgba(0,0,0,0.3); background-color: white; padding: 30px 40px; z-index: 10000; visibility: hidden; opacity: 0; transition: 0.8s;}
.reser-pop-wrap.on{visibility: visible; opacity: 1;}

.reser-pop-wrap .close-btn{position: absolute; right: 20px; top: 12px;}
.reser-pop-wrap .checkT input{position: absolute; margin-top: 3px;}
.reser-pop-wrap .checkT p{width: 88%; margin: 0 auto;}
.reser-pop-wrap .checkT .red{color: red;}
.reser-pop-wrap .checkT p:last-child{width: 100%;margin-bottom: 20px; margin-left: 37px; margin-top: 8px;}
.reser-pop-wrap .checkT p input{margin-right: 10px;}
.reser-pop-wrap .btnArea .btn a{border: 1px solid #191919; padding: 10px 20px; border-radius: 5px; transition: 0.5s;color: #000000;}
.reser-pop-wrap .btnArea .btn a:hover{background:#191919; color: #fff;}

.reser-pop-wrap .btnArea{opacity: 0; pointer-events: none; transition: 0.8s;}
.reser-pop-wrap .btnArea.on{opacity: 1; pointer-events: all;}












.scroll-obj{transition: 1.4s;}
.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{transform: translateY(-100%); transition: 1.4s;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.6em); transition: 1.2s;}
.overflow-txt.on span{transform: translateY(0);}


.scroll-obj.down-star-event .line{transform: scaleY(0) scaleX(1); transform-origin: top; }
.scroll-obj.down-star-event .star img{transform: translateY(-300px) scale(0); transform-origin: top;}

/* .scroll-obj.down-star-event.on .line{transform: scaleY(1);}
.scroll-obj.down-star-event.on .star img{transform: translateX(0) scale(1); opacity: 1;} */

.split-txt{display: flex; justify-content: center;}
.split-txt span{opacity: 0; transform: translateY(50px); transition: 1.6s; display: block; min-width: 0.3em;}
.split-txt.on span{opacity: 1; transform: translateY(0px);}

.inner-con{max-width: 1600px; margin: 0 auto; position: relative;}
.inner-1400{max-width: 1400px;}
.inner-1200{max-width: 1200px;}

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

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

@media all and (max-width: 1700px) {
    .inner-con{width: calc(100% - 100px);}
    .room-wrap .slide-info-section .room-slide-wrap{width: calc(100% - 30px);}
    .room-wrap .slide-info-section .slide-btn-wrap{right: -45px;}
}

@media all and (max-width: 1025px) {
    
    .hd .hd-menu-wrap{width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background-color: #f6f2e7; opacity: 0; pointer-events: none; transition: 0.8s;}
    .hd .hd-menu-wrap .sub-menu{height: auto !important;}
    .hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap{flex-wrap: wrap; padding-top: 120px;}
    .hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap > li{width: 50%; margin-right: 0; margin-bottom: 30px;}
    .hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap > li > a{font-size: 15px;}
    .hd.on.fixed{padding-bottom: 10px;}
    .hd .hd-fixed-contents .menu-btn{display: flex;}
    .hd .hd-fixed-contents .btn-wrap{z-index: 15;}
    .hd .hd-fixed-contents .logo-wrap{z-index: 15; position: relative;}

    .hd.on .hd-menu-wrap{opacity: 1; pointer-events: all;}
    .hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap > li > a{margin-bottom: 5px;}
    .hd.on .menu-container .hd-menu-wrap .menu-contain .menu-wrap > li > a{margin-bottom: 5px;}

    .top-img-wrap .con1 .main-top-container{height: 500px;}
    
    .main-wrap .intro-section .contents-wrap .tit-content{padding-left: 0px;}
    .main-wrap .intro-section .contents-wrap .tit-content .tit{font-size: 24px;}
    .main-wrap .intro-section .contents-wrap .txt-content .txt-wrap p{font-size: 14px;}
    .main-wrap .intro-section .contents-wrap .txt-content .img-wrap .img{width: 80%;}
    .main-wrap .intro-section .contents-wrap .tit-content{width: 40%;}
    .main-wrap .intro-section .contents-wrap .txt-content{width: 60%;}
    .main-wrap .intro-section .contents-wrap .txt-content .txt-wrap{padding-right: 30px; width: 150%;}
    .main-wrap .intro-section .contents-wrap .txt-content .img-wrap .star-wrap .star-ico .star-box .star{width: 30px; top: calc(50% - 15px); left: calc(50% - 15px);}

    .view-wrap .info-section .info-wrap .txt-wrap{padding-left: 0;}
    .view-wrap .info-section .tit-wrap{padding-left: 0;}
    .view-wrap .info-section .info-wrap .txt-wrap .txt{padding-left: 0; max-width: 100%;}
    .view-wrap .info-section .img-wrap{padding-top: 50px;}
    .view-wrap .info-section .img-wrap .img{width: 80%; margin-left: 15px; transform: translateY(0);}
    .view-wrap .info-section .info-wrap .txt-wrap .txt{width: 150%;}

    .room-wrap .intro-section .info-wrap{flex-flow: column;}
    .room-wrap .intro-section .info-wrap .txt-wrap{padding-left: 30px;}
    .room-wrap .intro-section .info-wrap .img-wrap{width: 100%;}
    .room-wrap .intro-section .info-wrap .txt-wrap{width: 100%;}
    .room-wrap .intro-section .tit-wrap .ico-deco-wrap .line{width: 1px;}
    .room-wrap .intro-section .info-wrap .img-wrap .img{width: 30%;}
    .room-wrap .intro-section .info-wrap .img-wrap .flex-box{width: 100%;}
    .room-wrap .intro-section .info-wrap .img-wrap .txt{width: 100%;}
    .room-wrap .slide-info-section .swiper-slide{height: 400px;}
    .room-wrap .slide-info-section .txt-wrap{flex-flow: column;}
    .room-wrap .slide-info-section .txt-wrap .tit{width: 100%;}
    .visual-img-wrap{height: 52vh;}
    
    
    .room-wrap .room-slide-nav-wrap .room-slide-nav{display: none;}
    .room-wrap .slide-info-section .txt-wrap{padding-bottom: 150px;}
    .special-wrap .intro-section .txt-wrap .tit-wrap .tit{font-size: 32px;}
    .special-wrap .intro-section .txt-wrap .info-wrap .img-box{width: 150px; margin-right: 15px;}    
    /* .special-wrap .special-slide-section .swiper-slide{height: 400px;} */
    .special-wrap .special-slide-section .slide-btn-wrap{right: 30px;}
    .special-wrap .intro-section .img-wrap .txt-content .txt h3{font-size: 32px;}
    .special-wrap .intro-section .img-wrap .txt-content .img{width: 40%;}
    .special-wrap .special-visual-section .main-top-container{height: 500px;}

    .tour-wrap .tour-info-wrap .tour-info .flex-box{width: calc(100% - 30px);}
    .tour-wrap .tour-info-wrap .tour-slide-wrap .img{height: 450px;}
    .tour-wrap .tour-info-wrap .txt-wrap p{font-size: 14px;}
    .tour-wrap .tour-info-wrap .txt-wrap p br{display: none;}
    .tour-wrap .tour-info-wrap .txt-wrap{padding-bottom: 50px;}
    .map-wrap .info-section .deco-txt-wrap .txt-content{width: 100%;}
    .reser-wrap .intro-section .info-wrap .txt .txt-list{padding-left: 20px;}
    .top-img-wrap .intro-tit-wrap .ico-deco-wrap{left: -10px;}
    .top-img-wrap .intro-tit-wrap .ico-deco-wrap .star img{width: 25px;}
    .map-wrap .info-wrap .img {width: 150px;}

    .reser-wrap .intro-section .deco-txt-wrap .txt-content{width: 100%;}
    .reser-wrap .intro-section .info-wrap .img{width: 150px;}
    

    .special-preview-section .inner-con{}
    .special-preview-section .txt-wrap .tit h3{font-size: 32px;}
    .special-preview-section .txt-wrap .tit h5{font-size: 14px;}
    .special-preview-section .special-preview-slide-wrap .swiper-slide .img-wrap .img{height: 250px;}
    .special-preview-section .special-preview-slide-wrap .swiper-slide .img-wrap{border-radius: 100px 0 0 0;}
    .special-preview-section .special-preview-slide-wrap .swiper-slide .special-tit{font-size: 15px;}
    
    .ft .ft-ico-wrap{padding-left: 15px;}
    .ft .ft-info-wrap .txt-info span:nth-of-type(1)::after{display: block; content: "";}
    
    
}
@media all and (max-width: 900px) {
    .inner-con{width: calc(100% - 50px);}
}

@media all and (max-width: 700px) {
    .pop_div {top: 10% !important;}
    .top-img-wrap.special-wrap .con1 .main-tit{bottom: 30px;font-size: 4vw;}
    .special-wrap .special-slide-section .swiper-slide{height: 350px;}
    .main-wrap .con1 .main-top-container{-webkit-mask-size: 200%; height: 400px; transform: scale(0.9);}
    .main-wrap .con1 .main-tit.on{ transform:scale(0.9)}
    .top-slide-wrap .con1 .main-tit.on{transform:scale(1);}
    .inner-con{width: calc(100% - 30px);}
    .hd .hd-fixed-contents .logo-wrap .logo{width: 40px;}
    .hd .hd-fixed-contents .logo-wrap .logo img{display: block; width: 100%;}
    .hd{padding-top: 15px;}
    .hd .hd-fixed-contents .btn-wrap{padding-top: 30px;}
    .hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap > li{margin-bottom: 15px;}
    .top-img-wrap .con1 .main-top-container{height: 300px;}
    .top-img-wrap .con1{padding-top: 100px; margin-bottom: 0;}
    .hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap .sub-menu a{line-height: 1.6;}
    .hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap > li > a{line-height: 1.8; font-size: 14px;}
    .hd .menu-container .hd-menu-wrap .menu-contain .menu-wrap{padding-top: 100px;}
    .con1 .slide-btn-wrap .slide-page-wrap .num{font-size: 15px;}
    .con1 .slide-btn-wrap .slide-page-wrap button i{font-size: 18px;}
    .con1 .slide-btn-wrap .slide-page-wrap .slide-page-wrap .line{width: 25px;}
    .con1 .slide-btn-wrap {right: 15px;}
    
    .main-wrap .intro-section .contents-wrap .vertical-line{width: 1px;}
    
    .main-wrap .intro-section .contents-wrap .flex-box{flex-flow: column;}
    .main-wrap .intro-section .contents-wrap .tit-content{width: 100%;}
    .main-wrap .intro-section .contents-wrap .txt-content{width: 100%;}
    .main-wrap .intro-section .contents-wrap .tit-content .img{display: none;}
    .main-wrap .intro-section .contents-wrap .tit-content .tit{font-size: 30px; margin-bottom: 0;}
    .main-wrap .intro-section .contents-wrap{margin-top: 50px;}
    .main-wrap .intro-section .contents-wrap .txt-content{padding-top: 100px;}
    .main-wrap .intro-section .contents-wrap .txt-content .img-wrap .star-wrap{right: 15px; top: 30px; width: 70%;}
    .main-wrap .intro-section .marquee-txt .roller h3{font-size: 10vw;}
    .main-wrap .intro-section .marquee-txt{margin-bottom: 80px;}
    
    .main-wrap .intro-section .contents-wrap .txt-content .flex-wrap{width: 100%;}
    .main-wrap .intro-section .contents-wrap .txt-content .flex-wrap .img-wrap{width: 100%;}
    
    .main-wrap .intro-section .contents-wrap .txt-content .img-wrap .img{width: 70%;}
    .main-wrap .intro-section .contents-wrap .txt-content .img-wrap .img{margin-left: 15%;}
    .main-wrap .intro-section .contents-wrap .vertical-line{right: 15px;}
    .main-wrap .intro-section .contents-wrap .txt-content .txt-wrap h5{font-size: 15px; margin-bottom: 30px;}
    .main-wrap .intro-section .contents-wrap .txt-content .txt-wrap p{font-size: 13px; margin-bottom: 15px;}
    .main-wrap .intro-section .contents-wrap .vertical-line{display: none;}
    .main-wrap .intro-section .contents-wrap .video-wrap{margin-top: 50px; margin-bottom: 20px;}
    .main-wrap .intro-section .vdo-top .vdo{position: initial; transform: translateX(0);}
    .main-wrap .intro-section .m-vdo-wrap{margin-top: 50px;}
    .main-wrap .intro-section .vdo-top .vdo{width: 100%; height: 52vw;}
    .visual-img-wrap .bg{position: initial;}

    .view-wrap .info-section .tit-wrap{font-size: 32px; padding-top: 50px;}
    .view-wrap .info-section .info-wrap .txt-wrap .txt h5{font-size: 15px; margin-bottom: 30px; margin-top: 100px;}
    .view-wrap .info-section .info-wrap .txt-wrap .txt p{font-size: 13px; margin-bottom: 10px;}
    .view-wrap .info-section .img-wrap .img{width: 100%; margin-left: -15px; margin-top: -15px;}
    .view-wrap .info-section .info-wrap{padding-bottom: 80px;}
    .view-wrap .info-section .img-wrap .star-wrap .star-ico .star-box .star{width: 20px;}
    .view-wrap .info-section .img-wrap .star-wrap .star-ico .star-box{width: 5px; height: 5px;}
    .view-wrap .info-section .img-wrap .star-wrap .star-ico .star-box .star{top: calc(50% - 10px); left: calc(50% - 10px);}
    .view-wrap .info-section .vertical-line{width: 1px; display: none;}
    
    .room-wrap .intro-section .tit-wrap .tit{font-size: 32px; line-height: 50px;}
    .room-wrap .intro-section{padding-top: 50px;}
    .scroll-obj.down-star-event .star img{width: 20px;}
    .scroll-obj.down-star-event .star img{transform: translateY(-150px);}
    .top-img-wrap .intro-tit-wrap .ico-deco-wrap .star img{width: 20px;}
    .room-wrap .intro-section .tit-wrap .ico-deco-wrap{left: -10px; top: -50px;}
    .room-wrap .intro-section .tit-wrap .ico-deco-wrap .line{height: 150px;}
    .room-wrap .intro-section .info-wrap .txt-wrap .txt-list li h5{font-size: 15px; margin-bottom: 5px;}
    .room-wrap .intro-section .info-wrap .txt-wrap .txt-list li p{font-size: 13px;}
    .room-wrap .intro-section .info-wrap .txt-wrap{padding-left: 20px;}
    .room-wrap .intro-section .info-wrap .txt-wrap .txt-list li{margin-bottom: 15px;}
    .room-wrap .intro-section .info-wrap .txt-wrap .reser_btn .txt{font-size: 15px;}
    .room-wrap .intro-section .info-wrap .img-wrap .img{width: 40%;}
    .room-wrap .intro-section .info-wrap .img-wrap .txt h3{font-size: 24px;}
    .room-wrap .intro-section .info-wrap .img-wrap .txt h5{font-size: 15px;}
    .room-wrap .slide-info-section .swiper-slide{height: 200px;}
    .room-wrap .slide-info-section .slide-btn-wrap .slide-page-wrap .num{font-size: 15px;}
    .room-wrap .slide-info-section .slide-btn-wrap button i{font-size: 18px;}
    .room-wrap .slide-info-section .slide-btn-wrap .slide-page-wrap .line{width: 25px;}
    .room-wrap .slide-info-section .slide-btn-wrap{right: -35px;}
    .room-wrap .slide-info-section .txt-wrap .tit h2{font-size: 32px;}
    .room-wrap .slide-info-section .txt-wrap .txt{padding-top: 15px; padding-left: 0;}
    .room-wrap .slide-info-section .txt-wrap .txt h5{font-size: 15px;}
    .room-wrap .slide-info-section .txt-wrap .txt p{font-size: 13px;}
    .room-wrap .slide-info-section .txt-wrap .txt h6{font-size: 13px;}
    .room-wrap .slide-info-section .txt-wrap{padding-bottom: 80px; padding-top: 20px;}

    .special-wrap .intro-section{padding-top: 50px;}
    .special-wrap .intro-section .txt-wrap .tit-wrap .tit{font-size: 24px; line-height: 50px; padding-left: 15px; margin-left: -15px;}
    .special-wrap .intro-section .txt-wrap .tit-wrap .ico-deco-wrap{left: -10px; top: -50px;}
    .special-wrap .intro-section .txt-wrap .tit-wrap .ico-deco-wrap{}
    .special-wrap .intro-section .txt-wrap .tit-wrap .ico-deco-wrap .line{height: 150px; width: 1px;}
    .special-wrap .intro-section .txt-wrap .txt{padding-left: 15px; max-width: calc(100% - 125px);}
    .special-wrap .intro-section .txt-wrap .txt h5{font-size: 16px;}
    .special-wrap .intro-section .txt-wrap .txt p{font-size: 13px;}
    .special-wrap .intro-section .txt-wrap .info-wrap .img-box{margin-top: 50px; transform: translateY(20px); width: 120px; margin-right: 0;}
    .special-wrap .special-visual-section .main-top-container{height: 300px;}
    
    .visual-img-wrap{height: 300px;}
    .special-preview-section{padding-top: 50px;}
    .main-wrap .intro-section .contents-wrap .txt-content .txt-wrap{width: 100%; text-align: left; padding-right: 0;}
    .special-preview-section .inner-con{flex-flow: column;}
    .special-preview-section .txt-wrap{width: 100%; padding-top: 50px;}
    .special-preview-section .special-preview-slide-wrap{width: 100%;}
    .special-preview-section .txt-wrap .slide-controller{margin-top: 30px;}
    .special-preview-section .txt-wrap{display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 30px;}
    .special-preview-section .txt-wrap .slide-controller .btn{width: 30px; height: 30px;}
    .special-preview-section .special-preview-slide-wrap .swiper-slide:nth-child(2n){margin-top: 30px;}
    .special-wrap .intro-section .img-wrap .txt-content{margin-left: 0; flex-flow: column;}
    .special-wrap .intro-section .img-wrap .txt-content .img{width: 50%;}
    .special-wrap .intro-section .img-wrap .txt-content .txt{padding-left: 0; padding-top: 15px;}
    .special-wrap .intro-section .img-wrap .txt-content .txt h3{font-size: 28px; margin-bottom: 5px;}
    .special-wrap .intro-section .img-wrap .txt-content .txt h5{font-size: 13px;}
    
    .special-wrap .special-slide-section .slide-btn-wrap .slide-page-wrap .num{font-size: 15px;}
    .special-wrap .special-slide-section .slide-btn-wrap button i{font-size: 18px;}
    .special-wrap .special-slide-section .slide-btn-wrap .slide-page-wrap{margin: 5px 0;}
    .special-wrap .special-slide-section .slide-btn-wrap{right: 15px;}
    .special-preview-section .special-preview-slide-wrap .swiper-slide .img-wrap .img .hover-btn{width: 45px; height: 45px; bottom: 15px; right: 15px;}
    .special-preview-section .special-preview-slide-wrap .swiper-slide .img-wrap .img .hover-btn .txt{font-size: 11px;}

    .top-img-wrap .intro-tit-wrap .tit{font-size: 32px; line-height: 50px; padding-left: 15px; margin-left: -15px;}
    .top-img-wrap .intro-tit-wrap .ico-deco-wrap{top: -50px;}
    .top-img-wrap .intro-tit-wrap{margin-top: 50px;}
    .top-img-wrap .intro-tit-wrap .ico-deco-wrap .line{height: 150px; width: 1px; left: -5px;}
    .tour-wrap .tour-info-wrap .tour-info{width: 100%;}
    .tour-wrap .tour-info-wrap .info-depth{flex-flow: column;}
    .tour-wrap .tour-info-wrap .tour-slide-wrap .img{height: 100vw;}
    .tour-wrap .tour-info-wrap .num{font-size: 22px; width: 40px; height: 40px; line-height: 42px; margin-bottom: 15px;}
    .tour-wrap .tour-info-wrap .tour-slide-wrap{border-radius: 30px;}
    .tour-wrap .tour-info-wrap .txt-wrap{padding-top: 25px;}
    .tour-wrap .tour-info-wrap .txt-wrap h3{font-size: 18px;}
    .tour-wrap .tour-info-wrap .txt-wrap h5{font-size: 14px; margin-bottom: 25px;}
    .tour-wrap .tour-info-wrap .txt-wrap p{font-size: 13px;}
    .tour-wrap .tour-info-wrap .info-depth .tour-info:last-of-type{margin-top: 0;}
    .tour-wrap .tour-info-wrap .info-depth:nth-of-type(n + 2){margin-top: 0;}
    .tour-wrap .tour-info-wrap .txt-wrap p a{font-size: 13px;}
    .map-wrap .info-wrap .txt h5 .color{width: 6em;}
    .map-wrap .info-wrap .txt h5{font-size: 14px; display: flex;}
    .map-wrap .info-wrap .txt{padding-left: 15px; padding-top: 30px;}
    .map-wrap .info-wrap .img{width: 100px;}
    .map-wrap .info-section .deco-txt-wrap .txt-content{margin-left: 0;}
    .map-wrap .info-section .deco-txt-wrap .txt-content .txt h3{font-size: 24px; margin-bottom: 5px;}
    .map-wrap .info-section .deco-txt-wrap .txt-content .txt h5{font-size: 13px;}
    .map-wrap .info-section .deco-txt-wrap .txt-content .txt{padding-left: 0;}
    .map-wrap .info-section .deco-txt-wrap .txt-content{padding-bottom: 80px;}
    .reser-wrap .intro-section .info-wrap .txt .txt-list{max-width: calc(100% - 120px); padding-left: 15px;}
    .reser-wrap .intro-section .info-wrap .txt .txt-list li h5{font-size: 15px;}
    .reser-wrap .intro-section .info-wrap .txt .txt-list li p{font-size: 13px;}
    .reser-wrap .intro-section .info-wrap .txt .txt-list li h5{width: 65px;}
    .reser-wrap .intro-section .info-wrap .txt .txt-list li a{font-size: 16px;}
    .reser-wrap .intro-section .info-wrap .txt .txt-list .check-in-out{padding-left: 65px;}
    .reser-wrap .intro-section .info-wrap .txt .txt-list .check-in-out li{font-size: 13px; padding-top: 5px;}
    
    .reser-wrap .intro-section .info-wrap .txt .txt-list:nth-of-type(2){max-width: 100%;}
    
    .reser-wrap .intro-section .deco-txt-wrap .txt-content .txt h3{font-size: 24px; margin-bottom: 5px;}
    .reser-wrap .intro-section .deco-txt-wrap .txt-content .txt h5{font-size: 13px;}
    .reser-wrap .intro-section .info-wrap .txt .reser_btn{margin-left: 15px;}
    .reser-wrap .intro-section .info-wrap .txt .reser_btn .txt{font-size: 15px;}
    .map-wrap .map-frame-section{padding-bottom: 80px;}
    .map-wrap .map-frame-section .inner-con{overflow: hidden;}
    .reser-wrap .intro-section .deco-txt-wrap .txt-content .txt{padding-left: 0;}
    .reser-wrap .intro-section .deco-txt-wrap{margin-top: 15px; margin-left: 0;}
    .reser-wrap .intro-section .deco-txt-wrap .txt-content{padding-bottom: 80px;}

    .reser-wrap .info-section .info-container h3{font-size: 15px;}
    .reser-wrap .info-section .info-container li{font-size: 13px;}
    .reser-wrap .intro-section .deco-txt-wrap .txt-content .txt img{width: 20px;}
    .reser-wrap .info-section .info-container h3 img{width: 20px;}
    .reser-wrap .info-section .info-container .refund-table{font-size: 13px;}

    .reser-wrap .intro-section .info-wrap .img{position: absolute; right: 0; top: 0; width: 100px;}

    .notice-wrap .notice-frame-section{padding-bottom: 80px;}
    .ft{padding-bottom: 50px; margin-top: 100px;}
    .ft .sns-wrap{justify-content: center;}
    .ft .ft-ico-wrap h5{display: none;}
    .ft .ft-ico-wrap{width: 100%; align-items: center; padding-left: 0; padding-top: 30px;}
    .ft .sns-wrap{margin-bottom: 25px;}
    .ft .ft-info-wrap .txt-info{margin-bottom: 25px;}
    .ft .ft-info-wrap .ft-logo{margin-bottom: 25px;}
    .ft .ft-ico-wrap .login{font-size: 13px;}

    .ft .ft-menu-wrap{display: none;}
    .ft .inner-con{flex-flow: column;}
    .ft .ft-info-wrap{width: 100%; border: 0;}    
    .ft .ft-info-wrap .txt-info{font-size: 13px;}
    .ft .ft-info-wrap .copyright{font-size: 11px; display: flex; flex-flow: column; align-items: center;}
    .ft .sns-wrap li{margin: 0 10px;}
    .top-slide-wrap .con1 .main-top-container{height: 400px; transform: scale(0.9);}
    /* .top-slide-wrap .con1 .main-top-container.on{height: 400px;} */
    .pc-map{display: none;}
    .m-map{display: block;}
    .m-br{display: block;}
    
    .reser-pop-wrap{width: 80%; padding: 30px 20px; font-size: 12px;}
    .reser-pop-wrap .checkT p{width: 80%; font-size: 11px; padding-bottom: 10px;}
    .reser-pop-wrap .btnArea .btn a{font-size: 11px;}
}