@charset "utf-8";
/*Common*/
*{margin: 0; padding: 0; box-sizing: border-box;}
html,body{width: 100%; position: relative; font-family: "Marcellus","sCore",sans-serif; line-height: 1.8; color: #343434;}
main{position: relative; overflow: hidden;}
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;}
.slide{background-size: cover; background-repeat: no-repeat; background-position: center;}
.slide-wrap{border: 0; outline: 0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;}
.txt-red{color: #bd2f2f !important;}
.swiper-button-prev, .swiper-button-next{position: relative; width: auto; left: 0; right: 0; top: 0; bottom: 0;}

.dot-list li{position: relative; padding-left: 0.6em;}
.dot-list li::before{content: "\00B7"; position: absolute; left: 0;}

.dash-list li{position: relative; padding-left: 0.6em;}
.dash-list li::before{content: "-"; position: absolute; left: 0;}

.tap-menu{position: absolute; right: 0; top: 45px; z-index: 5;}
.tap-menu li{float: left; position: relative; }
.tap-menu li::before{content: "\00B7"; display: inline-block; margin: 0 5px;}
.tap-menu li:first-of-type::before{content: "";}
.tap-menu li a{color: #9a9a9a; font-size: 13px; font-weight: 300;}
.tap-menu li a:hover{
    font-weight: 400; text-decoration: underline; color: #555;
}

.scroll-box .box{overflow: hidden;}


/*header*/
.hd{position: fixed; top: 0; left: 0; width: 100%; z-index: 15; height: 120px; transition: 0.8s; z-index: 100;}
.hd .logo{display: block; width: 125px; float: left; margin-top: 55px;}
.hd .logo img{width: 100%;}
.hd .main-menu-wrap{position: absolute; top: 50px; left: 50%; transform: translateX(-50%); white-space: nowrap;}
.hd .main-menu-wrap a{display: block; width: 100%; transition: color 0.8s;}
.hd .main-menu-wrap > ul > li{float: left; width: 125px; text-align: left;}
.hd .main-menu-wrap > ul > li > a{font-size: 14px; line-height: 70px; position: relative; /*text-shadow: 0 0 3px rgba(0,0,0,0.3);*/ }
.hd .main-menu-wrap > ul > li > a::after{content: ""; display: block; width: 100%; height: 1px; background-color: #000; transform: scaleY(0);}
.hd .main-menu-wrap .sub-menu{padding-top: 10px; overflow: hidden; height: 0; transition: height 0.8s;}
.hd .main-menu-wrap .sub-menu a{font-size: 13px; line-height: 2.4; font-weight: 300;}
.hd .main-menu-wrap .sub-menu a:hover{
   text-decoration: underline; text-underline-position:under;
}
.hd .main-menu-wrap .menu-img-wrap{position: absolute; pointer-events: none; top: 85px; transition-delay: 0.4s;}
.hd .main-menu-wrap .menu-img-wrap.left_position{left: 415px;}
.hd .main-menu-wrap .menu-img-wrap.right_position{left: 0px;}
.hd .main-menu-wrap .menu-img-wrap li{position: absolute; top: 0; left: 0; opacity: 0; transition: 0.6s;}
.hd .main-menu-wrap .menu-img-wrap li.visible{opacity: 1; transition-delay: 0.4s;}


.hd .hd-sns{float: right; margin-top: 80px;}
.hd .hd-sns li{float: left; margin-left: 20px;}
.hd .hd-sns li a{display: block; position: relative; width: 19px; height: 19px; }
.hd .hd-sns li a img{position: absolute; display: block; width: 100%; transition: 0.8s;}
.hd .hd-sns li a img.color-btn{opacity: 0;}
.hd{height: auto;}
.hd.hover .hd-sns li a img.color-btn{opacity: 1;}
.hd.hover .hd-sns li a img.white-btn{opacity: 0;}
.hd.hover{background-color: none;}
.hd.hover{background-color: white; /*border-radius: 0px 0px 8vw 0px;*/ box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);}
.hd.hover .main-menu-wrap a{color: #000;}

.hd .hd-menu{display: none;}

/*full-page-wrap*/
.full-page-wrap .con1 .slide{height: 100vh;}
.full-page-wrap .con1 .main-tit{position: absolute; left: 0; bottom: 215px;  text-shadow: 0px 0px 3px rgba(0,0,0,0.3); z-index: 10;}
.full-page-wrap .con1 .main-tit h1{font-size: 50px; font-weight: 300; color: white;}
.full-page-wrap .con1 .main-tit h3{font-size: 16px; font-weight: 300; color: white; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.full-page-wrap .con1 .main-tit.on h3{transform: translateY(0); opacity: 1;}

.full-page-wrap .con1 .slide-control-wrap{width: 100%; position: absolute; bottom: 0; right: 0; z-index: 10;}
.full-page-wrap .con1 .slide-control-wrap .slide-timer{width: 100%; height: 1px; background-color: rgba(255,255,255,0.5); position: relative;}
.full-page-wrap .con1 .slide-control-wrap .slide-timer .active-time{position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-color: rgba(255,255,255,1); transform: scaleX(0); transform-origin: left;}
.full-page-wrap .con1 .slide-control-wrap .slide-timer.active .active-time{transform: scaleX(1);  transition: transform 2s;}


.full-page-wrap .con1 .slide-control-wrap .slide-btn{float: right; margin-top: 35px; margin-bottom: 35px;}
.full-page-wrap .con1 .slide-control-wrap .slide-btn button{float: left; position: relative;}
.full-page-wrap .con1 .slide-control-wrap .slide-btn .num{float: left; margin: 0 20px;}
.full-page-wrap .con1 .slide-control-wrap .slide-btn .num span{font-family: "Marcellus",sans-serif; color:white;  line-height: 40px;}
.full-page-wrap .con1 .slide-control-wrap button{color:white; width: 40px; height: 40px; text-align: center; line-height: 40px; border: 1px solid rgba(255,255,255,0.4); border-radius: 50%; font-size: 13px; cursor: pointer;}

.full-page-wrap .con1 .slide-control-wrap .slide-btn .btn-eff{position: absolute; top: 0; left: 0; stroke-dasharray: 200px; stroke-dashoffset: 200px; transform: rotate(90deg);}
.full-page-wrap .con1 .slide-control-wrap .slide-btn button:hover .btn-eff{animation: svg_circle 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; animation-fill-mode: forwards;}
.full-page-wrap .con1 .slide-control-wrap .slide-btn button.next:hover .fal{animation: arrow_hoverAni 1s;}
.full-page-wrap .con1 .slide-control-wrap .slide-btn button.prev:hover .fal{animation: arrow_hoverAni_back 1s;}

/*half-page-wrap*/
.half-page-wrap .con1 .top-img{height: 800px; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative;}
.half-page-wrap .con1 .inner-con{height: 100%;}
.half-page-wrap .con1 .main-tit{position: absolute; left: 0; bottom: 150px; color: white; text-shadow: 0 0 3px rgba(0,0,0,0.4);}
.half-page-wrap .con1 .main-tit h2{font-size: 50px; font-weight: 300;}
.half-page-wrap .con1 .main-tit h3{font-size: 16px; font-weight: 200; transform: translateY(30px); opacity: 0; transition: 1.2s;} 
.half-page-wrap .con1 .main-tit.on h3{transform: translateY(0); opacity: 1;}
.half-page-wrap .con2 .intro-tit{padding-top: 170px; text-align: center; margin-bottom: 95px;}
.half-page-wrap .con2 .intro-tit h2{font-size: 40px; color: #1f1f1f; font-weight: 300; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.half-page-wrap .con2 .intro-tit p{font-size: 16px; color: #484848; font-weight: 200; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.2;}
.half-page-wrap .con2 .intro-tit.on h2{transform: translateY(0); opacity: 1;}
.half-page-wrap .con2 .intro-tit.on p{transform: translateY(0); opacity: 1;}



/*main*/

.main-wrap .main-slide-wrap .vdo-slide iframe{top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute;}
.main-wrap .main-slide-wrap .vdo-slide.horizon iframe{width: 100vw; height: 56.25vw;}
.main-wrap .main-slide-wrap .vdo-slide.vertical iframe{height: 100%; width: 177.777vh;}

.main-wrap .intro-tit-wrap{text-align: center; padding-top: 120px; padding-bottom: 100px;}
.main-wrap .intro-tit-wrap h2{font-size: 40px; color:#2f2f2f; font-weight: 400; }
.main-wrap .intro-tit-wrap .line{width: 1px; height: 70px; display: block; margin: 50px auto; background-color: #333333; transform: scaleY(0);  transition: 1.2s; transform-origin: top; transition-delay: 0.4s;}
.main-wrap .intro-tit-wrap p{font-size: 16px; color: #555; margin-bottom: 25px; transform: translateY(30px);  opacity: 0; transition: 1.2s; font-weight: 300;}
.main-wrap .intro-tit-wrap p:nth-of-type(1){transition-delay: 0.6s;}
.main-wrap .intro-tit-wrap p:nth-of-type(2){transition-delay: 0.8s;}
.main-wrap .room-preview-slide{display: none;}
.main-wrap .intro-tit-wrap.on .line{transform: scaleY(1);}
.main-wrap .intro-tit-wrap.on p{transform: translateY(0); opacity: 1;}


.main-wrap .main-contents-gallery .slide{height: 800px;}
.main-wrap .main-contents-gallery .slide-btn{width: 100%; position: absolute; top: 50%; left: 0; z-index: 15;}
.main-wrap .main-contents-gallery .fal{font-size: 32px; color: white;}
.main-wrap .main-contents-gallery .swiper-button-prev{float: left; margin-left:50px;}
.main-wrap .main-contents-gallery .swiper-button-next{float: right; margin-right:50px;}

.main-wrap .main-widImg-wrap{display: block; position: relative; overflow: hidden;}
.main-wrap .main-widImg-wrap .img{height: 700px; transition: transform1.2s ; background-size: cover; background-repeat: no-repeat; background-position: center; transition: 1.2s;}


/*view*/
.view-wrap .intro-section{max-width: 1920px;margin: 0 auto; margin-top: 170px; padding-bottom: 300px; position: relative;}
.view-wrap .intro-section .txt-wrap{text-align: center;}
.view-wrap .intro-section .txt-wrap h3{font-size: 30px; color: #bfbfbf; margin-bottom: 15px; font-weight: 300; margin-top: 30px;}
.view-wrap .intro-section .txt-wrap h4{font-size: 20px; font-weight: 400; color: #000000; margin-bottom: 50px;}
.view-wrap .intro-section .txt-wrap p{font-size: 16px; font-weight: 300; color: #555; margin-bottom:15px;}
.view-wrap .intro-section .img-wrap{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
.view-wrap .intro-section .img-wrap .img{position: absolute;}
.view-wrap .intro-section .img-wrap .img img{display: block; }
.view-wrap .intro-section .img-wrap .img1{top: 0; left: 0; transition: 0.8s;}
.view-wrap .intro-section .img-wrap .img2{bottom: 90px; right: 0; transition: 0.8s;}

.view-wrap .intro-section .img-wrap .img2:after{transition-delay: 0.2s;}


.view-wrap .info-section .bg-wrap .bg-img{width: 100%; height: 49.47vw; overflow: hidden;}
.view-wrap .info-section .bg-wrap .bg-img img{width: 100%; display: block; }
.view-wrap .info-section .bg-wrap .bg-txt{padding: 50px 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 185px;}
.view-wrap .info-section .bg-wrap .bg-txt::after{content: ""; display: table; clear: both;}
.view-wrap .info-section .bg-wrap .bg-txt h3{float: left; font-size: 20px; color: #1f1f1f; font-weight: 400; line-height: 1.6;}
.view-wrap .info-section .bg-wrap .bg-txt p{float: right; font-size: 16px; color: #555; font-weight: 300;}

.view-wrap .info-section .img-wrap::after{content: ""; display: block; clear: both;}
.view-wrap .info-section .img-wrap .img{transform: translateY(50px); opacity: 0; transition: 1.2s;}
.view-wrap .info-section .img-wrap .img img{display: block; width: 100%;}
.view-wrap .info-section .img-wrap .img.movie-img{position: relative; overflow: hidden;}
.view-wrap .info-section .img-wrap .img.movie-img img{opacity: 0;}
.view-wrap .info-section .img-wrap .img.movie-img iframe{width: 115%; height: 100%; position: absolute; top: 0; left: 0;}
.view-wrap .info-section .img-wrap .img.left{float: left; width: 46.76923%;}
.view-wrap .info-section .img-wrap .img.right{float: right; width: 50.84615%;}
.view-wrap .info-section .img-wrap .img{margin-bottom: 30px;}
.view-wrap .info-section .img-wrap .img-box{float: right; width: 50.76923%;}
.view-wrap .info-section .img-wrap .img-box .img{width: 47.35%;}

.view-wrap .info-section .img-wrap.on .img{transform: translateY(0); opacity: 1;}
.view-wrap .info-section .img-wrap .img2{transition-delay: 0.2s;}
.view-wrap .info-section .img-wrap .img3{transition-delay: 0.4s; height: 520px;}
.view-wrap .info-section .img-wrap .img4{transition-delay: 0.8s;}
.view-wrap .info-section .img-wrap .img5{transition-delay: 0.6s;}

.movie-wrap .info-section{padding-bottom: 180px;}
/*room*/
.room-wrap .info-section::after{content: ""; display: table; clear: both;}
.room-wrap .info-section .img-wrap{width: 50%; float: left; height: 1000px;}
.room-wrap .info-section .img-wrap .img{height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}

.room-wrap .info-section .txt-wrap{width: 50%; float: left; padding-top: 80px;}
.room-wrap .info-section .txt-wrap .inner{max-width: 690px; margin: 0 auto;}
.room-wrap .info-section .txt-wrap .tit h5{font-size: 14px; color: #777777; font-family: "Jost",sans-serif; font-weight: 400;}
.room-wrap .info-section .txt-wrap .tit h3{font-size: 35px; font-weight: 400; color: #2b2b2b; font-family: "Marcellus",sans-serif; margin-bottom: 20px;}
.room-wrap .info-section .txt-wrap .tit p{font-size: 15px; color: #4a4a4a; font-weight: 300; line-height: 25px; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.3s;} 
.room-wrap .info-section .txt-wrap .tit.on p{transform: translateY(0); opacity: 1;}
.room-wrap .info-section .txt-wrap .info{margin-top: 50px;}
.room-wrap .info-section .txt-wrap .info .info-list::after{content: ""; display: table; clear: both;}
.room-wrap .info-section .txt-wrap .info::after{content: ""; display: table; clear: both;}
.room-wrap .info-section .txt-wrap .info h2{font-size: 20px; color: #2b2b2b; margin-bottom: 30px; font-weight: 400; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.room-wrap .info-section .txt-wrap .info li{width: 50%; float: left; padding-left: 45px; margin-bottom: 30px; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.room-wrap .info-section .txt-wrap .info li h3{font-size: 16px; font-weight: 400; font-family: "Jost"; margin-bottom: 10px;}
.room-wrap .info-section .txt-wrap .info li p{font-size: 15px; color: #555; font-weight: 300; line-height: 1.7;}
.room-wrap .info-section .txt-wrap .info li:nth-of-type(2) p{min-height: 6.8em;}

.room-wrap .info-section .txt-wrap .info h5{padding-left: 45px; margin-top: 10px; font-size: 15px; color: #2b2b2b; font-weight: 400;  margin-bottom: 40px; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.room-wrap .info-section .txt-wrap .info h5 b{font-weight: 500;}

.room-wrap .info-section .txt-wrap .info.on h2{transform: translateY(0); opacity: 1;}
.room-wrap .info-section .txt-wrap .info.on li{transform: translateY(0); opacity: 1;}
.room-wrap .info-section .txt-wrap .info.on li:nth-of-type(1){transition-delay: 0.2s;}
.room-wrap .info-section .txt-wrap .info.on li:nth-of-type(2){transition-delay: 0.3s;}
.room-wrap .info-section .txt-wrap .info.on li:nth-of-type(3){transition-delay: 0.4s;}
.room-wrap .info-section .txt-wrap .info.on li:nth-of-type(4){transition-delay: 0.5s;}
.room-wrap .info-section .txt-wrap .info.on h5{transform: translateY(0); opacity: 1; transition-delay: 0.8s;}

.room-wrap .info-section .price-table .price-box{max-height: 300px; overflow: hidden; margin-bottom: 15px;}
.room-wrap .info-section .price-table .reser_btn{float: right; font-size: 14px; font-family: "Jost",sans-serif; font-weight: 300; text-align: center; display: block; width: 145px; line-height: 45px; margin: 0 auto; color: #2d2d2d; border: 1px solid #1d1d1d; border-radius: 30px;}
.room-wrap .info-section .price-table .reser_btn:hover{ background-color: #000; color: #fff; transition: 0.3s;}


.room-wrap .ame-wrap{padding-top: 140px;}
.room-wrap .ame-wrap .txt-wrap{max-width: 700px; margin-bottom: 250px;}
.room-wrap .ame-wrap .txt-wrap .tit{font-size: 20px; font-weight: 400; color: #2b2b2b; margin-bottom: 60px; transform: translateY(30px); opacity: 1; transition: 1.2s;}
.room-wrap .ame-wrap .txt-wrap .info{padding-left: 60px;}
.room-wrap .ame-wrap .txt-wrap .info li{margin-bottom: 45px; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.room-wrap .ame-wrap .txt-wrap .info li:nth-of-type(1){transition-delay: 0.2s;}
.room-wrap .ame-wrap .txt-wrap .info li:nth-of-type(2){transition-delay: 0.4s;}
.room-wrap .ame-wrap .txt-wrap .info h5{font-size: 16px; font-weight: 400; font-family: "Jost",serif; color: #2b2b2b; line-height: 2; border-bottom: 1px solid #cccccc; margin-bottom: 15px;}
.room-wrap .ame-wrap .txt-wrap .info p{font-size: 14px; color: #555; font-weight: 300; margin-bottom: 10px;}
.room-wrap .ame-wrap .txt-wrap .info p span{display: block; float: left;}
.room-wrap .ame-wrap .txt-wrap .info p:nth-of-type(2) span{min-height: 2em;}


.room-wrap .ame-wrap .txt-wrap.on .info .tit{transform: translateY(0); opacity: 1;}
.room-wrap .ame-wrap .txt-wrap.on .info li{transform: translateY(0); opacity: 1;}

.room-wrap .ame-wrap .img-wrap{position: absolute; right: -160px; top: 0; width: 480px;  height: 568px;}
/* .room-wrap .ame-wrap .img-wrap.movie-img{} */
.room-wrap .ame-wrap .img-wrap.movie-img img{opacity: 0;}
.room-wrap .ame-wrap .img-wrap.movie-img iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 
.room-wrap .room-list-wrap .tit{text-align: center; padding-top: 230px; margin-bottom: 75px;}
.room-wrap .room-list-wrap .tit h2{font-size: 40px; font-weight: 400; color: #1f1f1f; margin-bottom: 5px;}
.room-wrap .room-list-wrap .tit h3{font-size: 16px; font-weight: 300; color: #4a4a4a;}

/*Special*/


.special-wrap .intro-section .intro-tit{padding-top: 200px; margin-bottom: 70px; text-align: center; color: #484848;}
.special-wrap .intro-section .intro-tit h2{font-size: 40px; font-weight: 300; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.special-wrap .intro-section .intro-tit h3{font-size: 16px; font-weight: 300; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.2s;}

.special-wrap .intro-section .intro-tit.on h2{transform: translateY(0); opacity: 1;}
.special-wrap .intro-section .intro-tit.on h3{transform: translateY(0); opacity: 1;}

.special-wrap .bg-img{height: 38.28vw; overflow: hidden;}
.special-wrap .bg-img img{display: block; width: 100%;
}
.special-wrap .info-section{padding-top: 55px;}
.special-wrap .txt-wrap{margin-bottom: 180px; text-align: center;}
.special-wrap .txt-wrap h3{font-size: 15px; font-family: "Jost",sans-serif; font-weight: 400; color: #2a2a2a; margin-bottom: 50px; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.special-wrap .txt-wrap p{font-size: 15px; font-weight: 300; color: #6c6c6c; margin-bottom: 30px; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.2s;}
.special-wrap .txt-wrap p b{font-weight: 400;}
.special-wrap .txt-wrap.on h3{transform: translateY(0); opacity: 1;}
.special-wrap .txt-wrap.on p{transform: translateY(0); opacity: 1;}

.special-wrap .info-section .img-wrap::after{content: ""; display: table; clear: both;}
.special-wrap .info-section .img-wrap .img{margin-bottom: 40px; overflow: hidden; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.special-wrap .info-section .img-wrap .img:nth-of-type(2){transition-delay: 0.2s;}
.special-wrap .info-section .img-wrap .img:nth-of-type(3){transition-delay: 0.4s;}
.special-wrap .info-section .img-wrap .img:nth-of-type(4){transition-delay: 0.6s;}
.special-wrap .info-section .img-wrap.on .img{transform: translateY(0); opacity: 1;}

.special-wrap .info-section .img-wrap .img-left{float: left;}
.special-wrap .info-section .img-wrap .img-right{float: right;}
.special-wrap .info-section .img-wrap .img.movie-img{position: relative;}
.special-wrap .info-section .img-wrap .img.movie-img img{opacity: 0;}
.special-wrap .info-section .img-wrap .img.movie-img iframe{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.special-wrap .info-section .center-txt{position: absolute; top: 50%; left: 50%; transform: rotate(90deg) translateY(-50%); transform-origin: top left; height: 1em; overflow: hidden;}
.special-wrap .info-section .center-txt .txt-col{float: left; margin-right: 10px; }
.special-wrap .info-section .center-txt .txt-col{font-size: 0;}
.special-wrap .info-section .center-txt .txt-col .txt-alp{font-size: 12px; font-family: "Jost",sans-serif; color: #9d9c9c; letter-spacing: 0.6em; display: inline-block; transform: translateY(15px) rotate(15deg); transition: 0.6s;}
.special-wrap .info-section .center-txt.on .txt-col .txt-alp{transform: translateY(0) rotate(0);}


.special-wrap .info-section .center-txt .col1 .txt-alp.alp1{transition-delay: 0.05s;}
.special-wrap .info-section .center-txt .col1 .txt-alp.alp2{transition-delay: 0.1s;}
.special-wrap .info-section .center-txt .col1 .txt-alp.alp3{transition-delay: 0.15s;}
.special-wrap .info-section .center-txt .col1 .txt-alp.alp4{transition-delay: 0.2s;}
.special-wrap .info-section .center-txt .col1 .txt-alp.alp5{transition-delay: 0.25s;}
.special-wrap .info-section .center-txt .col1 .txt-alp.alp6{transition-delay: 0.3s;}
.special-wrap .info-section .center-txt .col2 .txt-alp.alp0{transition-delay: 0.35s;}
.special-wrap .info-section .center-txt .col2 .txt-alp.alp1{transition-delay: 0.4s;}
.special-wrap .info-section .center-txt .col2 .txt-alp.alp2{transition-delay: 0.45s;}
.special-wrap .info-section .center-txt .col2 .txt-alp.alp3{transition-delay: 0.5s;}
.special-wrap .info-section .center-txt .col3 .txt-alp.alp0{transition-delay: 0.55s;}
.special-wrap .info-section .center-txt .col3 .txt-alp.alp1{transition-delay: 0.6s;}
.special-wrap .info-section .center-txt .col3 .txt-alp.alp2{transition-delay: 0.65s;}
.special-wrap .info-section .center-txt .col4 .txt-alp.alp0{transition-delay: 0.7s;}
.special-wrap .info-section .center-txt .col4 .txt-alp.alp1{transition-delay: 0.75s;}
.special-wrap .info-section .center-txt .col4 .txt-alp.alp2{transition-delay: 0.8s;}
.special-wrap .info-section .center-txt .col4 .txt-alp.alp3{transition-delay: 0.85s;}
.special-wrap .info-section .center-txt .col4 .txt-alp.alp4{transition-delay: 0.9s;}
.special-wrap .info-section .center-txt .col4 .txt-alp.alp5{transition-delay: 0.95s;}
.special-wrap .info-section .center-txt .col4 .txt-alp.alp6{transition-delay: 1s;}
.special-wrap .info-section .center-txt .col4 .txt-alp.alp7{transition-delay: 1.05s;}
.special-wrap .special-preview-wrap{padding-bottom: 100px;}
.special-wrap .contact-wrap{padding-top: 75px;}
/*Tour*/
.tour-wrap .info-section::after{content: ""; display: table; clear: both;}
.tour-wrap .info-section .fixed-txt-section{ width: 57%; left: 0; float: left;}
.tour-wrap .info-section .fixed-txt-section .trailer.fixed{position: fixed; top: 100px; left: calc((100vw - 1635px)/2)}
.tour-wrap .info-section .fixed-txt-section .trailer.fin{position: absolute; bottom: 0; left: 0;}
.tour-wrap .info-section .tit-wrap .tit{font-size: 35px; font-weight: 400; color: #404040; font-style: italic; margin-bottom: 55px;}
.tour-wrap .info-section .txt{overflow: hidden; transition: height 0.8s;}

.tour-wrap .info-section .txt-wrap h3{font-size: 16px; color: #343434; font-weight: 300; display: inline-block; cursor: pointer;}
.tour-wrap .info-section .txt-wrap h5{font-size: 14px; color: #161e27; font-weight: 200; padding-top: 30px; margin-bottom: 10px;}
.tour-wrap .info-section .txt-wrap p{font-size: 14px; color: #7c7c7c; font-weight: 300; padding-bottom: 60px; line-height: 25px;}

.tour-wrap .info-section .txt-wrap .active-txt{height: 0; overflow: hidden;}
.tour-wrap .info-section .txt-wrap li.on h3{font-size: 18px;}
.tour-wrap .info-section .txt-wrap li.on h3::after{content: ""; display: block; width: 100%; height: 1px; background-color: #000000;}
.tour-wrap .info-section .txt-wrap li.on .active-txt{height: auto;}

.tour-wrap .info-section .img-wrap{width: 43%; float: right;}
.tour-wrap .info-section .img-wrap .tour-slide-wrap{margin-bottom: 100px;}
.tour-wrap .info-section .img-wrap .slide{height: 800px;}
.tour-wrap .info-section .inner-con::after{content: ""; display: table; clear: both;}

/*Map*/
.map-wrap .info-section .txt-wrap{position: absolute; bottom: 0; right: 0; z-index: 50; background-color: white; height: 800px; padding: 0 60px; padding-top: 110px; }
.map-wrap .info-section .txt-wrap h2{font-size: 20px; font-weight: 400; margin-bottom: 100px;}
.map-wrap .info-section .txt-wrap .txt{margin-bottom: 60px;}
.map-wrap .info-section .txt-wrap .txt h3{font-size: 20px; font-family: "Jost",sans-serif; color: #2b2b2b; font-weight: 400;}
.map-wrap .info-section .txt-wrap .txt p{font-size: 16px; font-weight: 300; color: #656565; margin-top: 10px; line-height: 25px;}
.map-wrap .info-section .txt-wrap a{ display: inline-block; text-align: center; margin-top:80px; padding: 10px 35px; border: 1px solid #1d1d1b; font-family: "Jost",sans-serif; font-size: 14px; font-weight: 300; color: #2b2b2b; border-radius: 30px; margin-left: 100px;}
.map-wrap .info-section .txt-wrap a:hover{
    background-color: #000; color: #fff; transition: 0.3s;}
.map-wrap .info-section .map-box{min-height: 800px;}
.map-wrap .info-section .map-box::after{content: ""; display: table; clear: both;}
.map-wrap .root_daum_roughmap .wrap_controllers{display: none;}

/*RESERVATION*/
.reser-wrap .price-table-wrap .txt-wrap::after{content: ""; display: table; clear: both;}
.reser-wrap .price-table-wrap .txt-wrap{margin-top: 140px; position: relative; margin-bottom: 100px;}
.reser-wrap .price-table-wrap .txt-wrap .left-txt{float: left;}
.reser-wrap .price-table-wrap .txt-wrap .left-txt h3{font-size: 17px; font-weight: 300; margin-bottom: 55px;}
.reser-wrap .price-table-wrap .txt-wrap .left-txt h3 b{font-weight: 400;}
.reser-wrap .price-table-wrap .txt-wrap .left-txt p{font-size: 15px; font-weight: 300; font-family: "sCore",sans-serif; line-height: 27px;}
.reser-wrap .price-table-wrap .txt-wrap .right-txt{position: absolute; right: 0; bottom: 0; text-align: right;}
.reser-wrap .price-table-wrap .txt-wrap .right-txt p{font-size: 15px; font-weight: 300; line-height: 27px;}
.reser-wrap .price-table-wrap .price-table a{font-size: 14px; font-family: "Jost",sans-serif; font-weight: 300; text-align: center; display: block; width: 145px; line-height: 45px; margin: 0 auto; color: #2d2d2d; border: 1px solid #1d1d1d; border-radius: 30px; margin-bottom: 70px;}
.reser-wrap .price-table-wrap .price-table a:hover{
    background-color: #000; color: #fff; transition: 0.3s;
}

.reser-wrap .check-info .tit{margin-bottom: 30px;}
.reser-wrap .check-info .tit h3{font-size: 14px; color: #1f1f1f; font-weight: 300;}
.reser-wrap .check-info .tit h2{font-size: 18px; color: #1f1f1f; font-weight: 400;}
.reser-wrap .check-info .info-wrap::after{content: ""; display: table; clear: both;}
.reser-wrap .check-info .info-wrap .txt-wrap{float: left; margin-bottom: 70px;}
.reser-wrap .check-info .info-wrap .img{float: right;}
.reser-wrap .check-info ol{margin-bottom: 25px;}
.reser-wrap .check-info li{font-size: 14px; font-weight: 300; color: #484848;}
.reser-wrap .check-info p{font-size: 14px; font-weight: 300; color: #484848; margin-bottom: 25px;}
.reser-wrap .check-info .img{width: 390x;}
.reser-wrap .check-info .img img{width: 100%; display: block;}

.reser-wrap .guide-info .info{overflow: hidden; transition: height 0.6s;}

.reser-wrap .guide-info .tit{font-size: 16px; color: #555; line-height: 55px; font-weight: 400; border-bottom: 1px solid #e8e8e8; cursor: pointer; position: relative;}
.reser-wrap .guide-info .tit .plus{width: 10px; height: 10px; position: absolute; top: 50%; right: 8px; color: #bcbcbc;}
.reser-wrap .guide-info .tit .plus::after{content: ""; display: block; width: 100%; height: 1px; position: absolute; top: calc(50% - 0.5px); left: 0; background-color: #575757; transition: 0.4s;}
.reser-wrap .guide-info .tit .plus::before{content: ""; display: block; width: 100%; height: 1px; position: absolute; top: calc(50% - 0.5px); left: 0; background-color: #575757; transform: rotate(90deg);  transition: 0.4s;}
.reser-wrap .guide-info .tit.on .plus::before{ transform: rotate(0deg);}
.reser-wrap .guide-info .txt{padding-top: 30px; padding-bottom: 50px;}
.reser-wrap .guide-info .txt h4{font-size: 15px; font-weight: 400; color: #1f1f1f;}
.reser-wrap .guide-info .txt h5{font-size: 14px; font-weight: 400; color: #333; margin-top: 25px;}
.reser-wrap .guide-info .txt p{font-size: 13px; font-weight: 300; color: #484848;}

.reser-wrap .guide-info li{font-size: 14px; font-weight: 300; color: #484848; margin-bottom: 5px;}


.reser-wrap .refund-info{padding-top: 120px;}
.reser-wrap .refund-info .tit{margin-bottom: 50px;}
.reser-wrap .refund-info .tit h3{font-size: 14px; color: #1f1f1f; font-weight: 300;}
.reser-wrap .refund-info .tit h2{font-size: 18px; color: #1f1f1f; font-weight: 400;}

.reser-wrap .refund-info .info-wrap::after{content: ""; display: table; clear: both;}
.reser-wrap .refund-info .txt{width: 61.5%; float: left;}
.reser-wrap .refund-info .txt p{font-size: 14px; font-weight: 300; color: #555; margin-bottom: 20px; letter-spacing: -1px;}
.reser-wrap .refund-info .txt h5{font-size: 15px; margin-top: 40px; font-weight: 400; margin-bottom: 15px;}
.reser-wrap .refund-info .txt li{font-size: 13px; font-weight: 300; color: #484848; line-height: 25px;}
.reser-wrap .refund-info .refund-table{width: 38.5%; float: left;}
.reser-wrap .refund-info .refund-table table{border: 1px solid #efefef; width: 100%; margin-top: 20px;}
.reser-wrap .refund-info .refund-table th{width: 50%; text-align: center; border-bottom: 1px solid #dadada; line-height: 50px; background-color: #f7f7f7; font-size: 15px; font-weight: 400; color: #222222;}
.reser-wrap .refund-info .refund-table th:first-of-type{border-right: 1px solid #dadada;}
.reser-wrap .refund-info .refund-table td:first-of-type{border-right: 1px solid #dadada;}
.reser-wrap .refund-info .refund-table td{width: 50%; text-align: center; font-size: 14px; font-weight: 300; line-height: 2.5;}


/*room-list-wrap*/
.room-list-wrap .info-container{width: 100%; height: 800px; position: relative;}
.room-list-wrap .info-container .txt-wrap{position: relative; width: 100%; height: 100%; z-index: 5; text-align: center;}
.room-list-wrap .info-container .txt-wrap::after{content: ""; display: table; clear: both;}
.room-list-wrap .info-container .txt-wrap ul{height: 100%;}
.room-list-wrap .info-container .txt-wrap li{float: left; width: 16.666666%;  height: 100%; border-right: 1px solid rgba(255,255,255,0.2);  padding-top: 200px; transition: padding 0.4s;}
.room-list-wrap .info-container .txt-wrap li.on{padding-top: 160px;}
.room-list-wrap .info-container .txt-wrap li:last-of-type{border-right: 0;}
.room-list-wrap .info-container .txt-wrap{color: white;}
.room-list-wrap .info-container .txt-wrap li h3{font-size: 22px; font-weight: 300;}
.room-list-wrap .info-container .txt-wrap li .txt{ margin-top: 35px; opacity: 0; visibility: hidden; transition: 0.8s;}
.room-list-wrap .info-container .txt-wrap li.on .txt{opacity: 1; visibility: visible;}
.room-list-wrap .info-container .txt-wrap li .txt p{font-size: 13px; font-weight: 200;}
.room-list-wrap .info-container .txt-wrap li .txt .line{display: block; width: 1px; height: 140px; margin: 50px auto; background-color: white;}
.room-list-wrap .info-container .txt-wrap li .txt a{font-size: 13px; font-family: "Jost",sans-serif; font-weight: 300;  padding: 10px 30px; border: 1px solid white; border-radius: 20px;}
.room-list-wrap .info-container .txt-wrap li .txt a:hover{
    background-color: #fff; opacity: 0.7; color: #000;
}

.room-list-wrap .info-container .img-wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 4; overflow: hidden;}
.room-list-wrap .info-container .img-wrap .small-img-wrap{width: 100%; height: 100%;}
.room-list-wrap .info-container .img-wrap .small-img-wrap::after{content: ""; display: table; clear: both;}
.room-list-wrap .info-container .img-wrap .small-img-wrap li{float: left; width: 16.66666%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.room-list-wrap .info-container .img-wrap .big-img-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.room-list-wrap .info-container .img-wrap .big-img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; opacity: 0; visibility: hidden; transition: 0.8s, transform 8s;}
.room-list-wrap .info-container .img-wrap .big-img.on{opacity: 1; visibility: visible; transform: scale(1.05);}


/*room-preview*/
.room-preview-wrap .tit{padding-top: 160px;}
.room-preview-wrap .tit h2{font-size: 30px; color: #343434; margin-bottom: 15px; font-weight: 400;}
.room-preview-wrap .tit p{font-size: 16px; font-weight: 300; color: #4a4a4a; margin-bottom: 35px; transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s; line-height: 25px;}
.room-preview-wrap .tit.on p{transform: translateY(0); opacity: 1;}
.room-preview-wrap .info{border-top: 1px solid #e1e1e1; padding-top: 40px; padding-bottom: 40px;}
.room-preview-wrap .info::after{content: ""; display: table; clear: both;}
.room-preview-wrap .info li{float: left; border-right: 1px solid #cccccc; padding-top: 15px; padding-bottom: 20px; padding-left: 25px;}
.room-preview-wrap .info li:first-of-type{padding-left: 0;}
.room-preview-wrap .info li:last-of-type{border-right: 0;}
.room-preview-wrap .info li:nth-of-type(1){ width: 25.38%;}
.room-preview-wrap .info li:nth-of-type(2){ width: 27%;}
.room-preview-wrap .info li:nth-of-type(3){ width: 27%;}
.room-preview-wrap .info li:nth-of-type(4){ width: 20.62%;}
.room-preview-wrap .info.three-info li{width: 33.3333% !important;}
.room-preview-wrap .info li h5{font-size: 17px; color: #2e2e2e; font-family: "Jost",sans-serif; font-weight: 400; margin-bottom: 5px; position: relative; padding-left: 30px;}
.room-preview-wrap .info li h5 img{display: block; width: 27px; position: absolute; top: 0; left: 0;}
.room-preview-wrap .info li p{font-size: 14px; font-weight: 300; color: #767676; line-height: 22px;}

.room-preview-slide{position: relative; height: 700px;}
.room-preview-slide .slide{height: 700px;}
.room-preview-slide .swiper-pagination{position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: none;}
.room-preview-slide .swiper-pagination .fal{color: white; font-size: 32px;}
.room-preview-slide .swiper-pagination .swiper-button-prev{margin-left: 50px; float: left;}
.room-preview-slide .swiper-pagination .swiper-button-next{margin-right: 50px; float: right;}
/*special-preview*/
.special-preview-wrap{padding-top: 180px;}
.special-preview-wrap .tit{margin-bottom: 60px; padding-left: 135px;}
.special-preview-wrap .tit h2{font-size: 40px; font-weight: 300; color: #1f1f1f; margin-bottom: 35px;}
.special-preview-wrap .tit .line{width: 35px; height: 1px; display: block; background-color: #000; margin-bottom: 135px;}

.special-preview-wrap .nav-wrap li a{font-size: 17px; color: #434343; font-family: "Noto Sans KR",sans-serif; line-height: 2;}

.special-preview-wrap .info-section .small-special-wrap{width: 69.62%; float: left;}
.special-preview-wrap .info-section .small-special-wrap .inner{max-width: 820px; margin: 0 auto; position: relative;}
.special-preview-wrap .info-section .big-special-wrap{width: 30.38%; float: left; }
.special-preview-wrap .info-section .big-special-wrap .swiper-wrapper{position: relative;}
.special-preview-wrap .info-section .big-special-wrap .cursor{position: absolute; top: 0; left: 0; transition:opacity 0.8s; z-index: 15; pointer-events: none; width: 85px; height: 85px; background-color: rgba(255,255,255,0.75); font-size: 14px; font-weight: 300; color: #1e1e1e; text-align: center; line-height: 85px; border-radius: 50%; opacity: 0; transform: translate(-50%,-50%);}



.special-preview-wrap .info-section::after{content: ""; display: table; clear: both;}
.special-preview-wrap .small-special-wrap{float: left; width: 52%;}
.special-preview-wrap .small-special-wrap .nav-wrap{position: absolute; left: 0; padding-top: 100px;}
.special-preview-wrap .small-special-wrap .nav-wrap li a{font-size: 17px; font-weight: 300; color: #989898;}
.special-preview-wrap .small-special-wrap .nav-wrap li.on a{font-size: 18px; font-weight: 400; color: #484848;}
.special-preview-wrap .small-special-wrap .list-wrap li {padding-bottom: 50px; border-bottom: 1px solid #efefef; margin-bottom: 45px; }
.special-preview-wrap .small-special-wrap .list-wrap li::after{content: ""; display: table; clear: both;}
.special-preview-wrap .small-special-wrap .list-wrap li .img{float: left; width: 180px; overflow: hidden;}
.special-preview-wrap .small-special-wrap .list-wrap li .img img{display: block; width: 100%; transition: transform 1.8s;}
.special-preview-wrap .small-special-wrap .list-wrap li .img:hover img{transform: scale(1.05);}
.special-preview-wrap .small-special-wrap .list-wrap li .txt{float: left; width: calc(100% - 180px); padding-left: 35px;  padding-top: 40px;}
.special-preview-wrap .small-special-wrap .list-wrap li .txt h5{font-size: 14px; color: #8d8d8d; font-weight: 200;}
.special-preview-wrap .small-special-wrap .list-wrap li .txt h3{font-size: 16px; font-weight: 400; color: #575757;}
.special-preview-wrap .small-special-wrap .list-wrap li .txt p{font-size: 14px; font-weight: 200; color: #626262; letter-spacing: -1px; line-height: 20px; margin-top: 5px;}

.special-preview-wrap .big-special-wrap{float: left; width: 30.38%; overflow: hidden;}
.special-preview-wrap .big-special-wrap .img{width: 100%;}
.special-preview-wrap .big-special-wrap .img img{width: 100%; display: block;}
.special-preview-wrap .big-special-wrap .movie-img .img img{opacity: 0;}
.special-preview-wrap .big-special-wrap .movie-img .img{position: relative;}
.special-preview-wrap .big-special-wrap .movie-img .img iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; display: none;}
.special-preview-wrap .big-special-wrap .movie-img .img a{    width: 480px;  height: 462px;  position: relative;  display: block;}
.special-preview-wrap .big-special-wrap .txt{padding-top: 20px; padding-bottom: 65px;}
.special-preview-wrap .big-special-wrap .txt h5{font-size: 16px; font-weight: 300; font-family: "Jost",sans-serif; color: #434343; margin-bottom: 3px;}
.special-preview-wrap .big-special-wrap .txt h3{font-size: 18px; font-weight: 300; color: #000000; line-height: 22px;}
.special-preview-wrap .big-special-wrap .txt p{font-size: 15px; font-weight: 200; color: #484848; line-height: 20px; margin-top: 15px;}
.special-preview-wrap .big-special-wrap .swiper-pagination{position: initial; width: auto;}
.special-preview-wrap .big-special-wrap .swiper-slide{overflow: hidden;}

.special-preview-wrap .big-special-wrap .btn-control{width: 100%; padding: 45px 0; border-top; border: solid #f4f4f4; border-width: 1px 0;}
.special-preview-wrap .big-special-wrap .btn-control::after{content: ""; display: table; clear: both;}
.special-preview-wrap .big-special-wrap .btn-control h2{float: left; font-size: 13px; font-family: "Jost",sans-serif; font-weight: 400; color: #383838; padding-right: 80px; margin-right: 40px; line-height: 40px; border-right: 1px solid #f4f4f4;}
.special-preview-wrap .big-special-wrap .btn-control p{float: left; font-family: "Jost",sans-serif; line-height: 40px; font-size: 15px; color: #8c8c8c;}
.special-preview-wrap .big-special-wrap .btn-control .btn{float: right;}
.special-preview-wrap{padding-bottom: 200px;}
.special-preview-wrap .big-special-wrap .btn-control .btn button{width: 45px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #f4f4f4; border-radius: 50%; margin-left: 10px; cursor: pointer;}
.special-preview-wrap .big-special-wrap .btn-control .btn button .btn-eff{position: absolute; top: 0; left: 0; stroke-dasharray: 200px; stroke-dashoffset: 200px; transform: rotate(90deg); }
.special-preview-wrap .big-special-wrap .btn-control .btn button:hover .btn-eff{animation: svg_circle 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; animation-fill-mode: forwards;}
.special-preview-wrap .big-special-wrap .btn-control .btn button.swiper-button-next:hover .fal{animation: arrow_hoverAni 1s;}
.special-preview-wrap .big-special-wrap .btn-control .btn button.swiper-button-prev:hover .fal{animation: arrow_hoverAni_back 1s;}



.special-preview-wrap .small-special-wrap .small-special-list{width: calc(100% - 270px); margin-left: 270px;}
.special-preview-wrap .nav-wrap{float: left;}
.special-preview-wrap .small-special-list{float: left;}




/*contact*/

.contact-wrap{padding-top: 130px; padding-bottom: 110px;}
.contact-wrap .tit{margin-bottom: 100px;}
.contact-wrap .tit h2{font-size: 40px; font-weight: 400; color: #1f1f1f;}
.contact-wrap .tit p{font-size: 16px; font-weight: 300; color: #3e3e3e;}
.contact-wrap .info-wrap::after{content: ""; display: table; clear: both;}
.contact-wrap .info-wrap .info{width: calc(50% - 160px); float: left; margin-left: 160px;}
.contact-wrap .info-wrap .txt{margin-bottom: 60px;}
.contact-wrap .info-wrap .txt h3{font-size: 23px; font-family: "Jost",sans-serif; font-weight: 400; margin-bottom: 30px; color: #1f1f1f;}
.contact-wrap .info-wrap .txt h4{font-size: 17px; font-weight: 300; margin-bottom: 2px; color: #242424;}
.contact-wrap .info-wrap .txt a{font-size: 22px; font-weight: 300; color: #626262;}
.contact-wrap .info-wrap p{font-size: 16px; font-weight: 300; color: #626262; margin-top: 8px;}
.contact-wrap .info-wrap .img-wrap::after{content: ""; display: table; clear: both;}
.contact-wrap .info-wrap .img-wrap .link{width: 50px; height: 50px; text-align: center; line-height: 50px; border: 1px solid rgba(0,0,0,0.4); display: block; float: left; border-radius: 50%; margin-right: 80px; margin-top: 5px; position: relative; z-index: 5;}
.contact-wrap .info-wrap .img-wrap .link .fal{color: #2a2a28;}
.contact-wrap .info-wrap .img-wrap .link .btn-eff{position: absolute; top: 0; left: 0; stroke-dasharray: 200px; stroke-dashoffset: 200px; transform: rotate(90deg); }
.contact-wrap .info-wrap .info:hover .img-wrap .link .btn-eff{animation: svg_circle 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; animation-fill-mode: forwards;}

.contact-wrap .info-wrap .img-wrap .img{position: relative;}
.contact-wrap .info-wrap .img-wrap .img::after{width: 101%; height: 101%; position: absolute; top: 0; left: 0; background-color: white; content: ""; display: block; transform: translateX(-101%);}
.contact-wrap .info-wrap .info.hide .img::after{transform: translateX(0); transition: transform 0.8s;}
.contact-wrap .info-wrap .info.event .img-wrap .link .fal{animation: arrow_hoverAni 1s;}
.contact-wrap .info-wrap .info.event .img::after{transform: translateX(101%); transition:transform 0.8s;}
.contact-wrap .info-wrap .img-wrap .img{display: block; float: left;}
.contact-wrap .info-wrap .img-wrap .img img{display: block;}

.ft{background-color: #282622; padding-top: 70px; padding-bottom: 45px;}
.ft::after{content: ""; display: table; clear: both;}
.ft .left{float: left;}
.ft .left .logo{display: block; margin-bottom: 30px;}
.ft .left .logo img{display: block;}
.ft .left .ft-tel{font-size: 25px; font-family: "Jost",sans-serif; font-weight: 400; color: #e6e6e6; margin-bottom: 25px; display: block;}
.ft .left .ft-info{font-size: 14px; font-weight: 200; color: #e6e6e6; margin-bottom: 20px; font-family: "sCore",sans-serif;}
.ft .left .ft-copy{font-size: 13px; font-weight: 200; color: #e6e6e6; font-family: "sCore",sans-serif;}
.ft .right::after{content: ""; display: table; clear: both;}
.ft .right{padding-top: 90px;}
.ft .ft-sns{float: left; margin-right: 100px;}
.ft .ft-sns h3{font-size: 14px; font-family: "Jost",sans-serif; font-weight: 400; color: #e6e6e6; margin-bottom: 15px;}
.ft .ft-sns li{float: left; margin-right: 20px;}
.ft .right .ft-nav-wrap{float: left;}
.ft .right .ft-nav-wrap .main-menu-wrap{margin-bottom: 50px;}
.ft .right .ft-nav-wrap li a{display: block; font-size: 14px; color: #e6e6e6; font-family: "Jost",sans-serif; margin-bottom: 5px;}
.ft .right .ft-nav-wrap .login{font-size: 13px; color: #e6e6e6; font-weight: 300; display: inline-block;}
.ft .right .ft-nav-wrap .login::after{content: ""; display: block; height: 1px; background-color: #e6e6e6;}
.ft .menu-img-wrap{display: none;}


.ft .right{float: right;}
.ft .ft-nav-wrap .sub-menu{display: none;}

.to-top{width: 55px; height: 55px; line-height: 55px; border: 1px solid #333; border-radius: 50%; text-align: center; position: fixed; bottom: 55px; right: 55px; cursor: pointer; opacity: 0; visibility: hidden; transition: 1.2s; z-index: 30;}
.to-top:hover .fal{animation: arrow_hoverAni_up 1s;}
.to-top .fal{font-size: 18px;}
.to-top.visible{opacity: 1; visibility: visible;}

/*inner-con*/
.inner-con{margin: 0 auto; position: relative;}
.inner-1620{max-width: 1620px;}
.inner-1580{max-width: 1580px;}
.inner-1300{max-width: 1300px;}
.inner-980{max-width: 980px;}

.m-map{display: none;}
.m-br{display: none;}
.m-reser-btn{display: none;}
/*animation*/
.parent-box{overflow: hidden;}
.parent-box .scroll-box{transform: translateY(2.2em); transition: 1.2s;}
.on .parent-box .scroll-box{transform: translateY(0);}

.show_box{overflow: hidden; }
.show_box::after{width: 101%; height: 200%; display: block; content: ""; background: linear-gradient(to bottom, transparent 10%, white 20%, white 90%, transparent 100%); position: absolute; top: -50%; left: 0; transition: 1.4s;}
.on .show_box::after{transform: translateY(-100%);}

.scroll-txt{transform: translateY(30px); opacity: 0; transition: 1.2s;}
.scroll-txt.on{transform: translateY(0); opacity: 1;}
.m-vdo-wrap{display: none;}
@keyframes arrow_hoverAni{
    0%{transform: translateX(0); opacity: 1;}
    45%{transform: translateX(15px); opacity: 0;}
    50%{transform: translateX(-15px); opacity: 0;}
    95%{transform: translateX(0px); opacity: 1;}
    100%{transform: translateX(0px); opacity: 1;}
}
@keyframes arrow_hoverAni_back{
    0%{transform: translateX(0); opacity: 1;}
    45%{transform: translateX(-15px); opacity: 0;}
    50%{transform: translateX(15px); opacity: 0;}
    95%{transform: translateX(0px); opacity: 1;}
    100%{transform: translateX(0px); opacity: 1;}
}

@keyframes arrow_hoverAni_up{
    0%{transform: translateX(0); opacity: 1;}
    45%{transform: translateY(-15px); opacity: 0;}
    50%{transform: translateY(15px); opacity: 0;}
    95%{transform: translateY(0px); opacity: 1;}
    100%{transform: translateX(0px); opacity: 1;}
}
@keyframes svg_circle{
    0%{stroke-dashoffset: -200px; transform: rotate(-90deg);}
    100%{stroke-dashoffset: 0px; transform: rotate(420deg);}
}

@media all and (min-width: 1025px){
 .hd.fixed{background-color: white; height: 80px;}
 .hd.fixed .main-menu-wrap a{color: #333;}
 .hd.fixed .hd-sns li a img.color-btn{opacity: 1;}
 .hd.fixed .hd-sns li a img.white-btn{opacity: 1;}
 .hd.fixed .logo{margin-top: 20px; }
 .hd.fixed .hd-sns{margin-top: 30px; }
 .hd.fixed .main-menu-wrap{top: 5px;}

 .hd .logo{transition: 0.8s;}
 .hd .hd-sns{transition: 0.8s;}
 .hd .main-menu-wrap{transition: 0.8s;}
}

@media all and (max-width: 1720px){
    .inner-1620{width: calc(100% - 100px);}
    .inner-1580{width: calc(100% - 100px);}
    .tour-wrap .info-section .fixed-txt-section .trailer.fixed{left: 50px;}
}

@media all and (max-width: 1620px){
    .hd .main-menu-wrap{transform: translate(0); left: auto; right: 320px;}
}


@media all and (max-width: 1400px){
    .inner-1300{width: calc(100% - 100px);}
    .hd .main-menu-wrap{left: 200px; right: auto;}    
    .special-preview-wrap .small-special-wrap .small-special-list{margin-left: 120px; width: calc(100% - 150px);}
    .special-preview-wrap .small-special-wrap .nav-wrap li.on a{font-size: 15px;}
    .special-preview-wrap .small-special-wrap .nav-wrap li a{font-size: 14px;}
}

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

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

@media all and (max-width: 1188px){
    .hd{height: 60px; background-color: white;}
    .hd .main-menu-wrap{opacity: 0; visibility: hidden; transition:opacity 0.8s; position: absolute; top: 0; left: -35px; width: 100vw; height: 100vh; background-color: white; transform: translateX(-15px); }
    .hd .logo{width: 100px; margin-top: 15px; position: relative; z-index: 5;}
    .hd .hd-menu{display: block; position: absolute; top: 15px; right: 0; width: 30px; height: 30px; cursor: pointer; z-index: 5;}
    .hd .hd-menu .line{display: block; width: 100%; height: 1px; background-color: #333; position: absolute; top: calc(50% - 0.5px); left: 0; transition: 0.8s;}
    .hd .hd-menu .line1{ transform: translateY(-8px);}
    .hd .hd-menu .line3{transform: translateY(8px);}
    .hd.click .hd-menu .line{background-color: #333;}
    .hd.click .main-menu-wrap{opacity: 1; visibility: visible; padding: 150px 100px;}

            
    .hd .main-menu-wrap .sub-menu a{font-size: 18px;}
    .hd .hd-sns{float: left;}
    .hd .main-menu-wrap a{color: #333;}    
    .hd .main-menu-wrap > ul > li{float: none; display: block; width: 100%; text-align: left;}
    .hd .main-menu-wrap > ul > li > a{display: inline-block; text-align: left; width: auto; line-height: 2em; font-size: 32px;}
    .hd .main-menu-wrap .sub-menu{position: absolute; top: 100px; right: 25px; text-align: right; opacity: 0; top: 160px; right: 200px;}
    .hd .main-menu-wrap .click +.sub-menu{opacity: 1;}
    .hd .hd-sns li{margin-left: 0; margin-right: 10px;}
    .hd .main-menu-wrap .menu-img-wrap{width: 300px; height: 500px; position: absolute; bottom: 0; right: 0; top: auto;}
    .hd .main-menu-wrap .menu-img-wrap li{width: 300px; height: 500px; overflow: hidden;}
    .hd .main-menu-wrap .menu-img-wrap img{display: block; height: 100%; width: auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
    .hd .hd-sns li a img.color-btn{opacity: 1;}
    .m-reser-btn{display: block; position: absolute; top: 12px; right: 40px; color: #333; text-align: center;}
    .m-reser-btn .fal{font-size: 22px;}
    .m-reser-btn span{display: block; font-size: 11px; line-height: 1;}
}

@media all and (max-width: 1024px){
    .main-wrap .intro-tit-wrap{width: calc(100% - 100px); margin: 0 auto;}
    .view-wrap .intro-section{width: calc(100% - 100px); margin: 0 auto;}
    .con1{padding-top: 55px;}
   
    .view-wrap .intro-section .img-wrap{position: relative; margin-top: 200px;}
    .view-wrap .intro-section .img-wrap .img1{width: 300px; top: -100px;}
    .view-wrap .intro-section .img-wrap .img2{width: 200px; bottom: -50px;}
    .view-wrap .intro-section .img-wrap .img img{width: 100%;}

    .room-wrap .ame-wrap .txt-wrap .info{padding-left: 0; max-width: 500px;}
    .room-wrap .ame-wrap .txt-wrap .info p{font-size: 12px;}
    .room-wrap .info-section  .price-table .reser_btn{margin-right: 150px;}
    .special-wrap .info-section .img-wrap .img{width: calc(50% - 25px);}
    .special-wrap .info-section .img-wrap .img img{display: block; width: 100%;}
    .tour-wrap .info-section .img-wrap .slide{height: 300px;}


    .room-preview-wrap .info li p{font-size: 12px;}
    .special-preview-wrap .small-special-wrap .small-special-list{margin-left: 150px; width: calc(100% - 180px);}
    .contact-wrap .info-wrap .info{margin-left: 80px; width: calc(50% - 80px);}
    .map-wrap .info-section .txt-wrap{padding: 0 30px;}
    .map-wrap .info-section .txt-wrap h2{font-size: 15px;}
    .map-wrap .info-section .txt-wrap .txt p{font-size: 13px;}
    .contact-wrap .info-wrap .img-wrap .img::after{display: none;}
    .reser-wrap .refund-info .refund-table{width: 100%; margin-top: 30px;}
}
@media all and (max-width: 900px){
    .main-wrap .intro-tit-wrap{width: calc(100% - 50px);}
    .inner-1620{width: calc(100% - 50px);}
    .inner-1580{width: calc(100% - 50px);}
    .inner-1300{width: calc(100% - 50px);}
    .inner-980{width: calc(100% - 50px);}
    .view-wrap .intro-section{width: calc(100% - 50px);}
    .hd .main-menu-wrap{left: -10px;}
    .hd .main-menu-wrap .menu-img-wrap{width: 200px; height: 300px;}
    .hd .main-menu-wrap .menu-img-wrap li{width: 200px; height: 300px;}
    .hd .main-menu-wrap .sub-menu{right: 100px;}
    .room-list-wrap .info-container .txt-wrap li h3{font-size: 16px;}
    .room-preview-wrap .info li p{font-size: 11px;}
    .room-preview-wrap .info li{padding-left: 5px;}

    .special-wrap .special-preview-wrap{padding-top: 80px;}

    .tour-wrap .info-section .fixed-txt-section{float: none; width: 100%; text-align: center;}
    .tour-wrap .info-section .img-wrap .tour-slide-wrap{margin-bottom: 50px;}
    .tour-wrap .info-section .tit-wrap .tit{font-size: 32px; margin-bottom: 25px;}
    .tour-wrap .info-section .img-wrap .slide{height: 500px;}
    .tour-wrap .info-section .img-wrap{float: none; width: 100%;}
    .tour-wrap .info-section .img-wrap .txt{padding-top: 20px;}
    .tour-wrap .info-section .img-wrap .txt h3{font-size: 16px; margin-bottom: 10px; font-weight: 500;}
    .tour-wrap .info-section .img-wrap .txt h5{font-size: 13px; font-weight: 400;}
    .tour-wrap .info-section .img-wrap .txt p{font-size: 13px; font-weight: 300;}
    .tour-wrap .info-section .txt-wrap p br{display: none;}
    .tour-wrap .info-section .txt-wrap p br.m-br{display: block;}

    .special-preview-wrap{padding-top: 80px; padding-bottom: 80px;}
    .special-preview-wrap .big-special-wrap .txt h5{font-size: 14px;}
    .special-preview-wrap .big-special-wrap .txt h3{font-size: 16px;}
    .special-preview-wrap .big-special-wrap .txt p{font-size: 13px;}
    .special-preview-wrap .big-special-wrap .txt{padding-top: 15px; padding-bottom: 30px;}
    .special-preview-wrap .big-special-wrap .btn-control{padding: 15px 0;}
    .special-preview-wrap .big-special-wrap .btn-control h2{font-size: 12px; padding-right: 15px; margin-right: 15px;}
    .special-preview-wrap .big-special-wrap .btn-control p{font-size: 13px;}
    .special-preview-wrap .big-special-wrap .btn-control .btn button{width: 30px; height: 30px; line-height: 30px;}        
    .special-preview-wrap .tit{padding-left: 0;}
    .special-preview-wrap .small-special-wrap .nav-wrap{display: none;}
    .special-preview-wrap .small-special-wrap .small-special-list{display: none;}
    .special-preview-wrap .info-section .big-special-wrap{width: 100%;}
    .special-preview-wrap .tit h2{font-size: 24px; margin-bottom: 10px;}
    .special-preview-wrap .tit .line{margin-bottom: 0px;}
    .special-wrap .special-preview-wrap .info-section{padding-top: 0;}
    .contact-wrap .info-wrap .info{margin-left: 15px; width: calc(50% - 15px);}
    .view-wrap .info-section .bg-wrap .bg-txt p{font-size: 13px;}
    .view-wrap .info-section .bg-wrap .bg-txt h3{font-size: 16px;}
}
@media all and (max-width: 700px){
    
    .inner-1620{width: calc(100% - 30px);}
    .inner-1580{width: calc(100% - 30px);}
    .inner-1300{width: calc(100% - 30px);}
    .inner-980{width: calc(100% - 30px);} 
    .m-vdo-wrap{display: block; width: 100%; height: 52vw; margin-top: 15px;}
    .m-vdo-wrap .slide{width: 100%; height: 100%;}
    .m-vdo-wrap iframe{width: 100%; height: 100%;}
    .to-top{display: none;}
    

    .hd .main-menu-wrap > ul > li > a{font-size: 18px;}
    .hd.click .main-menu-wrap{padding: 100px 15px;}
    .hd .main-menu-wrap .sub-menu a {font-size: 12px;}
    .hd .main-menu-wrap .sub-menu{top: 100px; right: 25px;}
    .hd .main-menu-wrap .menu-img-wrap{width: 150px; height: 200px;}
    .hd .main-menu-wrap .menu-img-wrap li{width: 150px; height: 200px;}
    .full-page-wrap .con1 .main-tit{bottom: 60px;}
    .full-page-wrap .con1 .main-tit h1{font-size: 24px;}
    .full-page-wrap .con1 .main-tit h3{font-size: 13px;}
    .full-page-wrap .con1 .slide{height: 350px;}
    .full-page-wrap .con1 .slide-control-wrap .slide-btn .num{display: none;}
    .full-page-wrap .con1 .slide-control-wrap .slide-btn button{margin-left: 15px;}
    .full-page-wrap .con1 .slide-control-wrap button{width: 30px; height: 30px; line-height: 30px;}
    .full-page-wrap .con1 .slide-control-wrap .slide-btn{margin-top: 10px; margin-bottom: 10px;}

    .half-page-wrap .con1 .top-img{height: 300px;}
    .half-page-wrap .con1 .main-tit{bottom: 30px;}
    .half-page-wrap .con1 .main-tit h2{font-size: 24px;}
    .half-page-wrap .con1 .main-tit h3{font-size: 13px;}
    .half-page-wrap .con2 .intro-tit{padding-top: 50px; margin-bottom: 50px;}
    .half-page-wrap .con2 .intro-tit h2{font-size:24px;}
    .half-page-wrap .con2 .intro-tit p{font-size: 13px;}

    .hd .main-menu-wrap{left: 0px;}
    .main-wrap .intro-tit-wrap{padding-top: 80px; padding-bottom: 50px; width: calc(100% - 30px);}
    .main-wrap .intro-tit-wrap h2{font-size: 24px;}
    .main-wrap .intro-tit-wrap .line{height: 30px; margin: 25px auto;}
    .main-wrap .intro-tit-wrap p{font-size: 12px;}
    .main-wrap .intro-tit-wrap p{margin-bottom: 15px;}
    
    .special-preview-wrap .big-special-wrap .movie-img .img a{    height: 88vw;}
    
    .view-wrap .intro-section{ width: calc(100% - 30px); margin-top: 80px; padding-bottom: 80px;}
    .view-wrap .intro-section .img-wrap{position: initial;}
    .view-wrap .intro-section .img-wrap .img{position: relative; display: block; margin-bottom: 15px;}
    .view-wrap .intro-section .img-wrap .img1{top: 0; left: 0;}
    .view-wrap .intro-section .img-wrap .img2{top: 0; left: 0;}
    .view-wrap .intro-section .img-wrap .img img{display: block; width: 100%;}
    .view-wrap .intro-section .txt-wrap h3{margin-top: 0; font-size: 24px;}
    .view-wrap .intro-section .txt-wrap h4{font-size: 15px; margin-bottom: 30px;}
    .view-wrap .intro-section .txt-wrap p{font-size: 13px; margin-bottom: 15px;}  
    .view-wrap .info-section .bg-wrap .bg-txt{padding: 25px 0; margin-bottom: 50px;}   
    .view-wrap .info-section .bg-wrap .bg-txt h3{font-size: 15px; float: none; margin-bottom: 15px;}
    .view-wrap .info-section .bg-wrap .bg-txt p{font-size: 13px; float: none;}
    .view-wrap .info-section .img-wrap .img{margin-bottom: 10px;}
    .view-wrap .info-section .img-wrap .img3{height: 138px;}
    
    .movie-wrap .info-section{padding-bottom: 80px;}

    .room-wrap .info-section .img-wrap{display: none;}
    .room-wrap .info-section .txt-wrap{width: calc(100% - 30px); float: none; margin: 0 auto; padding-top: 50px;}
    .room-wrap .info-section .txt-wrap .tit h5{font-size: 13px;}
    .room-wrap .info-section .txt-wrap .tit h3{font-size: 24px; margin-bottom: 10px;}
    .room-wrap .info-section .txt-wrap .tit p{font-size: 13px;}
    .room-wrap .info-section .txt-wrap .info h2{font-size: 18px;}
    .room-wrap .info-section .txt-wrap .info li{width: 50%; float: left; padding-left: 0; margin-bottom: 20px; min-height: 95px;}
    .room-wrap .info-section .txt-wrap .info li h3{margin-bottom: 5px; font-size: 13px;}
    .room-wrap .info-section .txt-wrap .info li p{font-size: 11px; letter-spacing: -1px;}
    .room-wrap .info-section .txt-wrap .info h5{padding-left: 0; font-size: 13px;}
    .room-wrap .info-section .price-table .price-box{max-height: 325px;}
    /* .room-wrap .info-section .txt-wrap .info li:nth-of-type(2) p{min-height: 0;} */

    .room-wrap .calendar-controler .year-month{font-size: 13px;}
    .room-wrap .ame-wrap{padding-top: 10px;}    
    .room-wrap .ame-wrap .txt-wrap .info{padding-left: 0;}
    .room-wrap .ame-wrap .img-wrap.movie-img img{width: 100%; display: block;}
    .room-wrap .ame-wrap .img-wrap{position: relative; top: 0; left: 0;}
    .room-wrap .room-list-wrap .tit{padding-top: 50px; margin-bottom: 30px;}
    .room-wrap .room-list-wrap .tit h2{font-size: 24px;}
    .room-wrap .room-list-wrap .tit h3{font-size: 13px;}
    .room-wrap .ame-wrap .txt-wrap .tit{font-size: 18px; margin-bottom:50px;}
    .room-wrap .ame-wrap .txt-wrap .info h5{font-size: 14px;}
    .room-wrap .ame-wrap .txt-wrap .info p{font-size: 12px; letter-spacing: -1px;}
    .room-wrap .ame-wrap .txt-wrap .info p:nth-of-type(2) span{height: 3.7em;}
    .room-wrap .info-section  .price-table .reser_btn{margin-right: 0;}
    .room-wrap .ame-wrap .img-wrap{width: 100%;}
    
    
    .special-wrap .intro-section .intro-tit{margin-bottom: 35px; padding-top: 150px;}
    .special-wrap .intro-section .intro-tit h2{font-size: 24px;}
    .special-wrap .intro-section .intro-tit h3{font-size: 14px;}

    .special-wrap .txt-wrap{margin-bottom: 50px;}
    .special-wrap .txt-wrap h3{font-size: 14px; margin-bottom: 20px;}
    .special-wrap .txt-wrap p{font-size: 13px;}
    .special-wrap .info-section .img-wrap .img{margin-bottom: 15px; width: 100%;}
    .special-wrap .info-section .img-wrap .img-left{float: none;}
    .special-wrap .info-section .img-wrap .img img{display: block; width: 100%;}
    .special-wrap .info-section .center-txt{display: none;}      


    .tour-wrap .info-section .img-wrap .slide{height: 250px;}

    .map-wrap .info-section .txt-wrap{position: initial; padding: 0; height: auto;}
    .map-wrap .info-section .map-box{min-height: 0; margin: 0 15px;}
    .map-wrap .info-section .txt-wrap h2{margin-bottom: 25px; margin-top: 30px; font-size: 14px;}
    .map-wrap .info-section .txt-wrap .txt h3{font-size: 15px;}
    .map-wrap .info-section .txt-wrap .txt p{font-size: 13px;}
    .map-wrap .info-section .txt-wrap .txt{margin-bottom: 15px;}
    
    .tap-menu li a{font-size: 12px;}

    .room-list-wrap .info-container .txt-wrap li{width: calc(50% - 2.5px); float: left; margin-bottom: 5px;}
    .room-list-wrap .info-container .txt-wrap li:nth-of-type(2n - 1){margin-right: 5px;}
    .room-preview-wrap .info li:nth-of-type(1){width: 100%;}
    .room-preview-wrap .info li:nth-of-type(2){width: 100%;}
    .room-preview-wrap .info li:nth-of-type(3){width: 100%;}
    .room-preview-wrap .info li:nth-of-type(4){width: 100%;}
    .room-preview-wrap .info li{float: none; width: 100%;}
    .room-preview-wrap .info.three-info li{width: 100% !important;}
    .room-list-wrap .info-container{height: 610px;}
    .room-list-wrap .info-container .txt-wrap li{height: 200px; padding-top: 30px;}    
    .room-list-wrap .info-container .img-wrap{height: auto;}
    .room-list-wrap .info-container .img-wrap .small-img-wrap{height: auto;}
    .room-list-wrap .info-container .img-wrap .small-img-wrap li{width: calc(50% - 2.5px); display: block; height: 200px; border-right: 0; padding-right: 5px; margin-bottom: 5px;}
    .room-list-wrap .info-container .img-wrap .small-img-wrap li:nth-of-type(2n - 1){margin-right: 5px;}
    .room-list-wrap .info-container .img-wrap .big-img-wrap{display: none;}
    .room-list-wrap .info-container .txt-wrap li h3{font-size: 16px;}

    .room-list-wrap .info-container .txt-wrap li .txt{opacity: 1; visibility: visible; margin-top: 10px;}
    .room-list-wrap .info-container .txt-wrap li .txt p{display: none;}
    .map-wrap .info-section .txt-wrap a{width: 135px; display: block; float: none; margin-left: 0; margin-top: 25px;}
    .room-list-wrap .info-container .txt-wrap li .txt .line{margin: 10px auto; height: 30px;}
    .room-list-wrap .info-container .txt-wrap li .txt a{font-size: 12px; padding: 4px 15px;}
    .reser-wrap .price-table-wrap .txt-wrap{margin-top: 35px;}
    .reser-wrap .price-table-wrap .txt-wrap .left-txt{float: none;}
    
    .reser-wrap .price-table-wrap .txt-wrap .left-txt h3{font-size: 14px; margin-bottom: 20px;}
    .reser-wrap .price-table-wrap .txt-wrap .left-txt p{font-size: 13px;}

    .reser-wrap .price-table-wrap .txt-wrap .right-txt{position: initial; text-align: left; margin-top: 20px;}
    .reser-wrap .price-table-wrap .txt-wrap .right-txt p{font-size: 13px;}
    .reser-wrap .check-info p{font-size: 13px;}
    .reser-wrap .check-info li{font-size: 13px;}
    .dot-list li{padding-left: 0.3em;}
    .reser-wrap .guide-info .tit{font-size: 14px;}
    .reser-wrap .guide-info li{font-size: 13px;}
    .reser-wrap .check-info .tit h3{font-size: 13px;}
    .reser-wrap .check-info .tit h2{font-size: 16px;}
    .reser-wrap .guide-info .txt h5{font-size: 14px;}
    .reser-wrap .guide-info .txt h4{font-size: 14px;}
    
    .reser-wrap .refund-info .txt{width: 100%; float: none;}
    .reser-wrap .refund-info .refund-table{width: 100%; float: none;}
    .reser-wrap .refund-info .tit{margin-bottom: 15px;}
    .reser-wrap .refund-info .tit h3{font-size: 13px;}
    .reser-wrap .refund-info .tit h2{font-size: 16px;}
    .reser-wrap .refund-info .txt h5{font-size: 13px;}
    .reser-wrap .refund-info .txt p{font-size: 13px;}
    .reser-wrap .refund-info .refund-table th{font-size: 14px;}
    .reser-wrap .refund-info .refund-table td{font-size: 13px;}
    .reser-wrap .refund-info{padding-top: 80px;}
    
    
    .room-preview-wrap .tit{padding-top: 35px;}
    .room-preview-wrap .tit h2{font-size: 20px;}
    .room-preview-wrap .tit p{font-size: 13px;}
    .room-preview-wrap .info li{border-right: 0; padding-left: 0; padding-top: 5px; padding-bottom: 10px;}
    .room-preview-wrap .info li h5{font-size: 16px;}
    .room-preview-wrap .info li h5 img{width: 25px;}
    .room-preview-wrap .info li p{font-size: 13px;}
    .room-preview-slide {height: 200px;}
    .room-preview-slide .slide{height: 200px;}
    .room-preview-slide .swiper-pagination .fal{font-size: 24px;}
    .room-preview-slide .swiper-pagination .swiper-button-next{margin-right: 15px;}
    .room-preview-slide .swiper-pagination .swiper-button-prev{margin-left: 15px;}
  
    .main-wrap .main-contents-gallery .slide{height: 200px;}
    .main-wrap .main-contents-gallery .fal{font-size: 24px;}
    .main-wrap .main-contents-gallery .swiper-button-next{margin-right: 15px;}
    .main-wrap .main-contents-gallery .swiper-button-prev{margin-left: 15px;}
    .main-wrap .main-widImg-wrap .img{height: 200px;}
    .special-wrap .contact-wrap{padding-bottom: 80px;}
    .contact-wrap{padding-top: 80px; padding-bottom: 80px;}
    .contact-wrap .tit{margin-bottom: 30px;}
    .contact-wrap .tit h2{font-size: 24px;}
    .contact-wrap .tit p{font-size: 13px;}
    .contact-wrap .info-wrap .info{width: 50%; margin-left: 0;}
    .contact-wrap .info-wrap .txt{margin-bottom: 10px;}
    .contact-wrap .info-wrap .txt h3{font-size: 18px; margin-bottom: 10px;}
    .contact-wrap .info-wrap .txt h4{font-size: 15px;}
    .contact-wrap .info-wrap .txt a{font-size: 12px; display: block;}
    .contact-wrap .info-wrap .img-wrap .link{width: 35px; height: 35px; line-height: 35px; text-align: center; margin-right: 0; margin-top: 0; position: absolute; right: 0; bottom: -15px; background-color: rgba(255,255,255,0.8);}
    .contact-wrap .info-wrap .img-wrap .img{width: calc(100% - 10px); margin-right: 10px;}
    .contact-wrap .info-wrap .img-wrap .img img{display: block; width: 100%;}
    .contact-wrap .info-wrap p{font-size: 12px; letter-spacing: -1px; margin-top: 0;}
    .contact-wrap .info-wrap .img-wrap .img::after{display: none;}

    .ft{padding-top: 45px; text-align: center;}
    .ft .left{float: none;}
    .ft .left .logo{margin: 0 auto; width: 115px; margin-bottom: 15px;}
    .ft .left .logo img{display: block; width: 100%;}
    .ft .left .ft-tel{font-size: 22px; margin-bottom: 15px;}
    .ft .left .ft-info{font-size: 13px; margin-bottom: 30px;}
    .ft .left .ft-copy{font-size: 12px;}
    .ft .right .ft-nav-wrap .main-menu-wrap{display: none;}
    .ft .ft-sns{float: none; text-align: center; margin-right: 0; margin-bottom: 15px;}
    .ft .ft-sns h3{display: none;}
    .ft .ft-sns li{float: none; display: inline-block; margin: 0 5px;}
    .ft .right{float: none; padding-top: 30px;}
    .ft .right .ft-nav-wrap .login{font-size: 12px; text-align: center;}
    .ft .right .ft-nav-wrap{float: none;}


    .m-br{display: block;}
    .pc-price{display: none;}
    .m-price{display: block;}
    .pc-map{display: none;}
    .m-map{display: block;}    
    
    .main-wrap .main-slide-wrap .vdo-slide.horizon iframe{width: 100%; height: 100%;}
    .main-wrap .main-slide-wrap .vdo-slide.vertical iframe{height: 100%; width: 100%;}
}