@charset "utf-8";
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body{width: 100%; height: 100%; position: relative; font-family: "S-core"; line-height: 1.8; color: #010101;}
main{position: relative; overflow: hidden;}
section{position: relative;}
li{list-style: none;}
a{text-decoration: none; color: #010101;}
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;}
.red-txt{color:#bb1818;}
.reser-box{padding: 15px 20px; font-size: 14px; border: 1px solid #070707; transition: 0.4s;}
.reser-box:hover{background-color: #070707; color: white;}
.reser-box i{margin-right: 10px; font-size: 18px; transform: translateY(1px); transition: 0.4s;}
.reser-box:hover i{color: white;}
.con2{width: calc(100% - 100px); margin-right: 100px;}
main::after{content: ""; display: table; clear: both;}
main .contents-container{width: calc(100% - 380px); float: right; margin-top: 100px;}
.top-vdo{overflow: hidden; position: relative;}

.top-vdo .vdo{width: 102%; height: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: white;}
.top-vdo .vdo.horizon{height: 62vw;}
.top-vdo .vdo.vertical{width: 107vh;}
.top-vdo .vdo iframe{width: 100%; height: 100%; position: absolute; pointer-events: none;}
/*header*/
.hd{position: fixed; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; pointer-events: none; z-index: 30;}
.hd .fixed-inner{width: 380px; height: 100%; background-color: white; position: relative; z-index: 15; pointer-events: all; padding-left: 50px; padding-top: 90px;}
.hd .fixed-inner .logo{position: relative; z-index: 30; width: 280px;}
.hd .fixed-inner .logo img{width:120px;}
/* .hd .m-logo{display: none;} */
.hd .fixed-inner .menu-container{position: absolute; top: 0; height: 100%; width: 100%; pointer-events: none;}
.hd .fixed-inner .menu-container .main-menu-wrap{position: absolute; top: 45%; transform: translateY(-50%); height: auto; pointer-events: all;}
.hd .fixed-inner .main-menu-wrap a{font-family: "Poppins","S-core";}
.hd .fixed-inner .main-menu-wrap > ul > li{margin-bottom: 25px;}
.hd .fixed-inner .main-menu-wrap > ul > li > a{font-size: 16px;}
.hd .fixed-inner .main-menu-wrap .sub-menu{height: 0; overflow: hidden; transition: 0.6s;}
.hd .fixed-inner .main-menu-wrap .main-menu-wrap > ul > li > a.active {color: #333; font-weight: 500;}
.main-menu > a.active,.main-menu > a.active:hover {color: #333; font-weight: 500;}
.sub-menu a.active, .sub-menu a.active:hover {color: #333; font-weight: 500;}
.hd .fixed-inner .main-menu-wrap .sub-menu li a{font-size: 14px; color: #797979; transition: 0.6s; display: block; line-height: 2;}
/* .hd .fixed-inner .main-menu-wrap .sub-menu li a:hover{color: #333; font-weight: 500;} */
.hd .fixed-inner .sns-wrap{width: 100%; bottom: 135px; position: absolute; pointer-events: all; max-width: 200px;}
.hd .fixed-inner .sns-wrap.sns2{bottom: 75px;}
.hd .fixed-inner .sns-wrap h5{font-weight: 500; font-size: 14px;}
.hd .fixed-inner .sns-wrap li{margin-bottom: 10px; max-width: 150px;}
.hd .fixed-inner .sns-wrap li::after{content: ""; display: block; clear: both;}
.hd .fixed-inner .sns-wrap li a::after{content: ""; display: table; clear: both;}
.hd .fixed-inner .sns-wrap li img{display: block; float: left;}
.hd .fixed-inner .sns-wrap li span{ float: left; font-size: 13px; font-weight: 400; line-height: 21px; display: inline-block; margin-left: 10px;}


.hd .reser-box-wrap{position: absolute; top: 0; width: 100%; height: 100px; background-color: white; z-index: 14; pointer-events: all; overflow: hidden; transition: 0.4s; padding-right: 50px;}

.hd .reser-box-wrap .reser_btn {font-size: 14px; float: right; margin-top: 40px; margin-right: 20px;}
.hd .reser-box-wrap .reser_btn i{margin-right: 10px; font-size: 16px;}
.hd .reser-box-wrap .reser_btn::after{content: ""; display: block; width: 100%; height: 1px; background-color: #1d1d1d; margin-top: 2px; transition: 0.4s;}
.hd .reser-box-wrap .reser_btn:hover::after{transform: scaleX(1.2);}

.hd.fixed .reser-box-wrap{height: 0;}

.m-reser{display: none;}



/*full-page-wrap*/
.full-page-wrap .con1 .swiper-slide{height: calc(100vh - 100px);}
.full-page-wrap .con1 .top-img{height: calc(100vh - 100px); background-size: cover; background-repeat: no-repeat; background-position: center;}
.full-page-wrap .con1 .slide-btn{position: absolute; bottom: 0; right: 0; z-index: 15;}
.full-page-wrap .con1 .slide-btn::after{content: ""; display: table; clear: both;}
.full-page-wrap .con1 .slide-btn .btn{width: 50px; height: 50px; text-align: center; float: left; cursor: pointer; background-color: white; margin-left: 1px; opacity: 0.85;}
.full-page-wrap .con1 .slide-btn .btn:hover{
    background-color: #f4f4f4;
}
.full-page-wrap .con1 .slide-btn .btn i{font-size: 16px; line-height: 50px; color: #bbb; transition: 0.8s;}
.full-page-wrap .con1 .slide-btn .btn:hover i{color: #000;}


/*main*/
.main-wrap .intro-section{padding-top: 200px; margin-bottom: 165px;}
.main-wrap .intro-section .inner-con::after{content: ""; display: table; clear: both;}
.main-wrap .intro-section .txt-wrap{width: 50%; float: left; padding-top: 60px; padding-left: 140px;}
.main-wrap .intro-section .txt-wrap h3{font-size: 23px; font-weight: 400; margin-bottom: 45px; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.main-wrap .intro-section .txt-wrap .line{ margin-bottom: 40px; display: block; height: 1px; width: 25px; background-color: #9c9c9c; transform: scaleX(0); transition-delay: 0.2s; transition: 0.8s;}
.main-wrap .intro-section .txt-wrap p{font-size: 15px; font-weight: 400; color: #555; margin-bottom: 20px;  transform: translateY(30px); opacity: 0; transition: 0.8s;}
.main-wrap .intro-section .txt-wrap p:nth-of-type(1){transition-delay: 0.2s;}
.main-wrap .intro-section .txt-wrap p:nth-of-type(2){transition-delay: 0.4s;}
.main-wrap .intro-section .txt-wrap p:nth-of-type(3){transition-delay: 0.6s;}
.main-wrap .intro-section .txt-wrap a{font-size: 13px; font-family: "Poppins"; margin-top: 55px; font-weight: 400; display: inline-block; transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.8s;}
.main-wrap .intro-section .txt-wrap a::after{content: ""; display: block; width: 100%; height: 1px; background-color: #010101; transform: scaleX(0); transition: 0.6s;}
.main-wrap .intro-section .txt-wrap a:hover::after{transform: scaleX(1);}

.main-wrap .intro-section .img-wrap{width: 50%; padding-right: 45px; float: left;}
.main-wrap .intro-section .img-wrap img{width:85%; display: block;}
.main-wrap .intro-section .txt-wrap.on h3{transform: translateY(0); opacity: 1;}
.main-wrap .intro-section .txt-wrap.on .line{transform: scale(1);}
.main-wrap .intro-section .txt-wrap.on p{transform: translateY(0); opacity: 1;}
.main-wrap .intro-section .txt-wrap.on a{transform: translateY(0); opacity: 1;}

.main-wrap .room-preview-section{margin-bottom: 150px;}
.main-wrap .room-preview-section .slide-nav{float: right;margin-bottom: 10px;}
.main-wrap .room-preview-section .slide-nav li{float: left; }
.main-wrap .room-preview-section .slide-nav li a{font-size: 16px; font-weight: 400; opacity: 0.4; transition: 0.4s;}
.main-wrap .room-preview-section .slide-nav li.on a{opacity: 1;}
.main-wrap .room-preview-section .slide-nav li::after{content: ""; display: inline-block; width: 1px; height: 15px; margin: 0 15px; background-color: #010101;}
.main-wrap .room-preview-section .slide-nav li:last-of-type::after{display: none;}
.main-wrap .room-preview-section .swiper-wrapper .swiper-slide{background-color: white;}
.main-wrap .room-preview-section .img {height: 614px; /* background-size: cover; background-repeat: no-repeat; background-position: center; */}
.main-wrap .room-preview-section .img iframe {width: 100%; height: 100%;}
.main-wrap .room-preview-section .txt{padding-top: 45px; text-align: center;}
.main-wrap .room-preview-section .txt h3{font-size: 19px; font-weight: 400; margin-bottom: 10px; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.main-wrap .room-preview-section .txt h5{font-size: 15px; font-weight: 400; color: #343434; margin-bottom: 5px; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.2s;}
.main-wrap .room-preview-section .txt p{font-size: 14px; font-weight: 300; color: #343434; margin-bottom: 20px; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.2s;}
.main-wrap .room-preview-section .txt a{font-size: 13px; font-weight: 400; font-family: "Poppins",sans-serif; transform: translateY(30px); opacity: 0;  transition: 1.2s; transition-delay: 0.4s; display: inline-block;}
.main-wrap .room-preview-section .txt a::after{content: ""; display: block; width: 100%; height: 1px; background-color: #343434; transform: scaleX(0); transition: 0.8s;}
.main-wrap .room-preview-section .txt a:hover::after{transform: scaleX(1);}

.main-wrap .room-preview-section .txt h3{transform: translateY(0); opacity: 1;}
.main-wrap .room-preview-section .txt h5{transform: translateY(0); opacity: 1;}
.main-wrap .room-preview-section .txt p{transform: translateY(0); opacity: 1;}
.main-wrap .room-preview-section .txt a{transform: translateY(0); opacity: 1;}


.main-wrap .special-preview-info-section{position: relative;}
.main-wrap .special-preview-section .special-preview-wrap{position: absolute; top: 0; left: 0; width: 100%; opacity: 0; pointer-events: none; transition: 0.8s;}
.main-wrap .special-preview-section .special-preview-wrap.visible{opacity: 1; pointer-events: all;}
.main-wrap .special-preview-section::after{content: ""; display: table; clear: both;}
.main-wrap .special-preview-section .special-preview-img-wrap{width: 41%; overflow: hidden; float: left; position: relative;}
.main-wrap .special-preview-section .swiper-wrapper .swiper-slide{width: 100%; height: auto;}
.main-wrap .special-preview-section .swiper-wrapper .swiper-slide img{width: 100%; display: block;}

.main-wrap .special-preview-section .swiper-sellecter{width: 45%; position: absolute; top: 50%; left: calc(43% + 75px); transform: translateY(-50%); margin-top: -17px;}
.main-wrap .special-preview-section .swiper-sellecter li{padding: 20px 0; border-bottom: 1px solid #d9d9d9; position: relative;}
.main-wrap .special-preview-section .swiper-sellecter li a{ color: #797979; transition: color 0.6s;}
.main-wrap .special-preview-section .swiper-sellecter li.on a{color: #000000;}
.main-wrap .special-preview-section .swiper-sellecter li.on .more::after{ background-color: #000000;}
.main-wrap .special-preview-section .swiper-sellecter li.on .more::before{ background-color: #000000;}

.main-wrap .special-preview-section .swiper-sellecter li h3{font-size: 17px; font-family: "Poppins"; font-weight: 400;}
.main-wrap .special-preview-section .swiper-sellecter li:hover h3{font-weight: 400;}
.main-wrap .special-preview-section .swiper-sellecter li p{font-size: 15px; font-weight: 400;}
.main-wrap .special-preview-section .swiper-sellecter li:hover p{font-weight: 400;}
.main-wrap .special-preview-section .swiper-sellecter li .more{width: 8px; height: 8px; display: block; position: absolute;  right: 0; bottom: 30px;}
.main-wrap .special-preview-section .swiper-sellecter li .more::after{content: ""; display: block; width: 100%; height: 1px; background-color: #797979; position: absolute; top: 0; left: 0; transition: 0.4s;}
.main-wrap .special-preview-section .swiper-sellecter li .more::before{content: ""; display: block; width: 100%; height: 1px; background-color: #797979; transform: rotate(90deg); position: absolute; top: 0; left: 0; transition: 0.4s;}
.main-wrap .special-preview-section .tit h2{font-size: 25px; font-family: "Poppins",sans-serif; font-weight: 400; margin-bottom: 45px;}
.main-wrap .special-preview-section .side-nav {position: absolute; top: 0; right: 0;}
.main-wrap .special-preview-section .side-nav li{display: inline-block;}
.main-wrap .special-preview-section .side-nav li a{font-size: 16px; font-weight: 400; opacity: 0.4; transition: 0.4s;}
.main-wrap .special-preview-section .side-nav li.on a{opacity: 1;}
.main-wrap .special-preview-section .side-nav li::after{content: ""; display: inline-block; width: 1px; height: 15px; margin: 0 15px; background-color: #010101;}
.main-wrap .special-preview-section .side-nav li:last-of-type::after{display: none;}

.view-wrap .movie-link{display: block; padding: 15px 25px; color: white; border: 1px solid white; transition: 0.6s; position: absolute; bottom: 50px; right: 50px; pointer-events: all; font-size: 15px; transition: 0.8s;}
.view-wrap .movie-link:hover{background-color: rgba(255,255,255,0.6) !important;}

/*view*/
.view-wrap .intro-section{margin-bottom: 190px;}
.view-wrap .intro-section .txt-wrap{padding-top: 160px; margin-bottom: 80px;}
.view-wrap .intro-section .txt-wrap::after{content: ""; display: table; clear: both;}
.view-wrap .intro-section .txt-wrap h2{font-size: 22px; font-weight: 400; float: left; line-height: 1; margin-right: 150px; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.view-wrap .intro-section .txt-wrap .txt{float: left;}
.view-wrap .intro-section .txt-wrap .txt p{font-size: 16px; font-weight: 400; color: #6b6b6b; margin-bottom: 30px; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.view-wrap .intro-section .txt-wrap .txt p:nth-of-type(1){transition-delay: 0.2s;}
.view-wrap .intro-section .txt-wrap .txt p:nth-of-type(2){transition-delay: 0.4s;}
.view-wrap .intro-section .txt-wrap .txt p:nth-of-type(3){transition-delay: 0.6s;}
.view-wrap .intro-section .img-wrap h3{text-align: right; font-size: 20px; font-weight: 400; margin-bottom: 45px; overflow: hidden; line-height: 1;}
.view-wrap .intro-section .img-wrap .img{width: 100%;}
.view-wrap .intro-section .img-wrap .img iframe{width: 100%; height: 100%;}
.view-wrap .intro-section .img-wrap h3 span{display: block; transform: translateY(1em); transition: 0.8s; letter-spacing: 10px; line-height: 1.5;}
.view-wrap .intro-section .img-wrap.on h3 span{transform: translateY(0);}
.view-wrap .intro-section .img-wrap img{display: block; width: 100%;}

.view-wrap .intro-section .txt-wrap.on h2{transform: translateY(0); opacity: 1;}
.view-wrap .intro-section .txt-wrap.on .txt p{transform: translateY(0); opacity: 1;}


.view-wrap .info-section .tit{margin-bottom: 35px;}
.view-wrap .info-section .tit h3{font-size: 20px; font-weight: 400; margin-bottom: 5px;  transform: translateY(30px); opacity: 0; transition: 0.8s;}
.view-wrap .info-section .tit p{font-size: 16px; font-weight: 400; color: #343434; transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}
.view-wrap .info-section .tit.on h3{transform: translateY(0); opacity: 1;}
.view-wrap .info-section .tit.on p{transform: translateY(0); opacity: 1;}

.view-wrap .info-section .info{margin-bottom: 125px; position: relative;}
.view-wrap .info-section .info::after{content: ""; display: table; clear: both;}
.view-wrap .info-section .info .view-img-slide-wrap{width: 52.6%; float: left; overflow: hidden; max-width: 750px;}
.view-wrap .info-section .info .view-img-slide-wrap img{display: block; width: 90%;}

.view-wrap .info-section .info .txt-wrap{width: 47.4%; height: 100%; float: left; padding-left: 50px;}
.view-wrap .info-section .info .txt-wrap h3{font-size: 20px; font-weight: 400; font-family: "Poppins",sans-serif; line-height: 1; margin-bottom: 40px; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.view-wrap .info-section .info .txt-wrap p{font-size: 15px; font-weight: 400; color: #3f3f3f; transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}

.view-wrap .info-section .info .txt-wrap.on h3{ transform: translateY(0); opacity: 1;}
.view-wrap .info-section .info .txt-wrap.on p{ transform: translateY(0); opacity: 1;}
.view-wrap .info-section .info .slide-btn{position: absolute; bottom: 0; right: 0;}
.view-wrap .info-section .info .slide-btn span{font-size: 13px;}
.view-wrap .info-section .info .slide-btn .btn{color: #bfbfbf; cursor: pointer; font-size: 18px; transform: translateY(0.08sem);}
.view-wrap .info-section .info .slide-btn .btn i{color: #bfbfbf;}
.view-wrap .info-section .info .slide-btn .btn:hover i{color: #7b7b7b;}
.view-wrap .info-section .info .slide-btn .prev-btn{margin-right: 10px;}
.view-wrap .info-section .info .slide-btn .next-btn{margin-left: 10px;}

/*tour*/
.tour-wrap .info-section .tit-wrap{padding-top: 145px; margin-bottom: 110px;}
.tour-wrap .info-section .tit-wrap h2{font-size: 25px; font-family: "Poppins"; font-weight: 400; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.tour-wrap .info-section .tit-wrap h3{font-size: 17px; font-weight: 400;transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}
.tour-wrap .info-section .tit-wrap.on h2{transform: translateY(0px); opacity: 1;}
.tour-wrap .info-section .tit-wrap.on h3{transform: translateY(0px); opacity: 1;}
.tour-wrap .info-section .info::after{content: ""; display: table; clear: both;}
.tour-wrap .info-section .info{margin-bottom: 95px;}
.tour-wrap .info-section .info .img{width: 55%; float: left;}
.tour-wrap .info-section .info .img img{display: block; width: 100%;}
.tour-wrap .info-section .info .txt-wrap{width: 45%; float: left; padding-left: 85px; padding-top: 15px;}
.tour-wrap .info-section .info .txt-wrap h3{font-size: 20px; color: #434343; font-weight: 500; line-height: 1; margin-bottom: 15px; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.tour-wrap .info-section .info .txt-wrap h4{font-size: 14px; font-weight: 400; line-height: 1; margin-bottom: 35px; transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}
.tour-wrap .info-section .info .txt-wrap h5{font-size: 15px; color: #343434; font-weight: 500; line-height: 1; margin-bottom: 20px; transform: translateY(30px); opacity: 0; transition: 0.8s;  transition-delay: 0.4s;}
.tour-wrap .info-section .info .txt-wrap .line{display: block; width: 30px; height: 1px; background-color: #9c9c9c; margin-bottom: 35px; transform: scaleX(0); transition: 0.8s; transition-delay: 0.6s; transform-origin: left;}
.tour-wrap .info-section .info .txt-wrap p{font-size: 15px; font-weight: 400; color: #6b6b6b; margin-bottom: 20px; transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.4s;}

.tour-wrap .info-section .info.on .txt-wrap h3{transform: translateY(0); opacity: 1;}
.tour-wrap .info-section .info.on .txt-wrap h4{transform: translateY(0); opacity: 1;}
.tour-wrap .info-section .info.on .txt-wrap h5{transform: translateY(0); opacity: 1;}
.tour-wrap .info-section .info.on .txt-wrap .line{transform: scaleX(1);}
.tour-wrap .info-section .info.on .txt-wrap p{transform: translateY(0); opacity: 1;}
.tour-wrap .info-section .info.on .txt-wrap p.small-font {font-size: 13px;}
/*map*/
.map-wrap .info-section .tit-wrap{padding-top: 200px; margin-bottom: 70px;}
.map-wrap .info-section .tit-wrap{padding-top: 200px; margin-bottom: 70px;}
.map-wrap .info-section .tit-wrap h2{font-size: 25px; font-family: "Poppins"; font-weight: 400; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.map-wrap .info-section .tit-wrap h3{font-size: 17px; font-weight: 400; transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}

.map-wrap .info-section .tit-wrap.on h2{transform: translateY(0); opacity: 1;}
.map-wrap .info-section .tit-wrap.on h3{transform: translateY(0); opacity: 1;}
.map-wrap .info-section .info::after{content: ""; display: table; clear: both;}
.map-wrap .info-section .info .map-contain{width: 61.6%; float: left;}
.map-wrap .info-section .info .txt-wrap{width: 38.4%; float: left; padding-left: 100px; padding-top: 80px;}
.map-wrap .info-section .info .txt-wrap h2{font-size: 20px; font-weight: 400; margin-bottom: 70px; letter-spacing: 5px;}
.map-wrap .info-section .info .txt-wrap .txt{margin-bottom: 70px;}
.map-wrap .info-section .info .txt-wrap .txt h3{font-size: 20px; font-family: "Poppins",sans-serif; font-weight: 400; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.map-wrap .info-section .info .txt-wrap .txt h3 span{font-family: "S-core",sans-serif; font-size: 14px; margin-bottom: 20px;}
.map-wrap .info-section .info .txt-wrap .txt .line{width: 25px; height: 1px; display: block; background-color: #9c9c9c; margin-bottom: 25px; margin-top: 20px; transform: scaleX(0); transition: 0.8s; transition-delay: 0.4s; transform-origin: left;}
.map-wrap .info-section .info .txt-wrap .txt p{font-size: 15px; font-weight: 300;  transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}

.map-wrap .info-section .info .txt-wrap .txt.on h3{transform: translateY(0); opacity: 1;}
.map-wrap .info-section .info .txt-wrap .txt.on .line{transform: scaleX(1); opacity: 1;}
.map-wrap .info-section .info .txt-wrap .txt.on p{transform: translateY(0); opacity: 1;}

/*room*/

.room-wrap .info-section::after{content: ""; display: table; clear: both;}
.room-wrap .info-section .fixed-tit-wrap{width: 48.95%; float: left; padding-top: 145px;}
.room-wrap .info-section .fixed-tit-wrap h2{font-size: 25px; font-weight: 400; font-family: "Poppins"; margin-bottom: 40px; line-height: 1;}
.room-wrap .info-section .fixed-tit-wrap h2 span{font-size: 20px; margin-left: 10px; font-family: "S-core";}
.room-wrap .info-section .fixed-tit-wrap h3{font-size: 18px; font-weight: 400; margin-bottom: 15px;}
.room-wrap .info-section .fixed-tit-wrap p{font-size: 15px; font-weight: 400; margin-bottom: 70px; color: #525252;}
.room-wrap .info-section .fixed-tit-wrap .info-nav-btn{margin-bottom: 75px;}
.room-wrap .info-section .fixed-tit-wrap .info-nav-btn li a{font-size: 15px; color: #797979; line-height: 2.2;}
.room-wrap .info-section .fixed-tit-wrap .info-nav-btn li.on a{color: #555; font-weight: 500;}

.room-wrap .info-section .info-wrap{width: 51.05%; float: right; padding-top: 270px;}
.room-wrap .info-section .info-wrap .txt-info .room-alert{padding-top: 50px;}
.room-wrap .info-section .info-wrap .txt-info .room-alert h3{font-size: 17px; font-weight: 500; margin-bottom: 25px; color: #333;}
.room-wrap .info-section .info-wrap .txt-info .room-alert li{ font-size: 15px; font-weight: 400; margin-bottom: 15px;}
.room-wrap .info-section .info-wrap .txt-info .room-alert li.flex-li{display: flex;}
.room-wrap .info-section .info-wrap .txt-info .room-alert li.flex-li span.margin-left {margin-left: 4px;}
.room-wrap .info-section .info-wrap .txt-info .room-alert h4 b{font-weight: 400;}
.room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list h5{font-size: 15px; font-family: "Poppins",sans-serif; font-weight: 400; border-bottom: 1px solid #cccccc; line-height: 40px; cursor: pointer;}
.room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list h5 .plus{float: right; display: block; width: 8px; height: 8px; position: relative; margin-top: 15px;}
.room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list h5 .plus::after{content: ""; display: block; width: 100%; height: 1px; background-color: #343434; position: absolute; top: 50%; left: 0;}
.room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list h5 .plus::before{content: ""; display: block; width: 100%; height: 1px; background-color: #343434; position: absolute; top: 50%; left: 0; transition: 0.6s;}
.room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list h5.on .plus::before{transform: rotate(90deg);}
.room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list{margin-bottom: 45px;}
.room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list .ame{margin-top: 15px; overflow: hidden; transition: 0.6s;}
.room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list .ame p {font-size: 14px; font-weight: 400; color: #3f3f3f; margin-bottom: 10px;} 
.room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list .ame p.bedroom {margin: 0;}
.room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list .ame p.indent {margin-left: 5px;}
.room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list .ame p strong {font-weight: 500;}
.room-wrap .info-section .info-wrap .txt-info .ame-list-wrap{margin-bottom: 100px;}


.room-wrap .info-section .info-wrap .slide-info{padding-top: 120px;}
.room-wrap .info-section .info-wrap .slide-info .tit h3{font-size: 18px; font-weight: 500; color: #3e3e3e;  line-height: 1; margin-bottom: 15px;}
.room-wrap .info-section .info-wrap .slide-info .tit p{font-size: 15px; font-weight: 400; color: #6a6a6a; margin-bottom: 30px; line-height: 1.5;}

.room-wrap .info-section .info-wrap .room-slide-wrap{overflow: hidden;}
.room-wrap .info-section .info-wrap .swiper-wrapper .swiper-slide img{width: 100%; display: block;}
.room-wrap .info-section .info-wrap .slide-btn{text-align: center; font-size: 13px; color: #222; font-weight: 300; margin-top: 15px;}
.room-wrap .info-section .info-wrap .slide-btn .btn{font-size: 18px; transform: translateY(1.5px); cursor: pointer;}
.room-wrap .info-section .info-wrap .slide-btn .btn i{color: #bfbfbf; transition: 0.8s;}
.room-wrap .info-section .info-wrap .slide-btn .prev-btn{margin-right: 15px;}
.room-wrap .info-section .info-wrap .slide-btn .next-btn{margin-left: 15px;}
.room-wrap .info-section .info-wrap .slide-btn .btn:hover i{color: #7a7a7a;}

/*special*/
.special-wrap .info-section::after{content: ""; display: table; clear: both;}
.special-wrap .info-section .fixed-tit-wrap{width: 48.95%; float: left; padding-top: 145px;}
.special-wrap .info-section .fixed-tit-wrap h2{font-size: 25px; font-weight: 400; font-family: "Poppins"; margin-bottom: 30px; line-height: 1;}
.special-wrap .info-section .fixed-tit-wrap h3{font-size: 18px; font-weight: 400; margin-bottom: 65px; line-height: 1;}
.special-wrap .info-section .fixed-tit-wrap .info-nav-btn{margin-bottom: 75px;}
.special-wrap .info-section .fixed-tit-wrap .info-nav-btn li a{font-size: 17px; color: #797979; line-height: 2;}
.special-wrap .info-section .fixed-tit-wrap .info-nav-btn li a .num{font-size: 15px;}
.special-wrap .info-section .fixed-tit-wrap .info-nav-btn li a .ko{font-size: 15px;}
.special-wrap .info-section .fixed-tit-wrap .info-nav-btn li.on a{color: #555; font-weight: 500;}

.special-wrap .info-section .info-wrap{width: 51.05%; float: right; margin-top: 245px;}


.special-wrap .info-section .info-wrap .info{margin-bottom: 100px; padding-top: 50px;}
.special-wrap .info-section .info-wrap .special-slide-wrap{overflow: hidden;}
.special-wrap .info-section .info-wrap .swiper-wrapper .swiper-slide img{width: 100%; display: block;}
.special-wrap .info-section .info-wrap .tit h3{font-size: 20px; font-family: "Poppins",sans-serif; color: #333; font-weight: 400; line-height: 1; margin-bottom: 20px;}
.special-wrap .info-section .info-wrap .tit h3 .num{font-size: 18px;}
.special-wrap .info-section .info-wrap .tit h3 .ko{font-size: 17px; font-family: "S-core",sans-serif; font-weight: 500;}
.special-wrap .info-section .info-wrap p{font-size: 15px; color: #6a6a6a; font-weight: 400; line-height: 1.8; margin-bottom: 30px;}
.special-wrap .info-section .info-wrap .slide-btn{text-align: center; font-size: 14px; color: #363636; font-weight: 300; margin-top: 15px;}
.special-wrap .info-section .info-wrap .slide-btn .btn{font-size: 18px; transform: translateY(1.5px); cursor: pointer;}
.special-wrap .info-section .info-wrap .slide-btn .btn i{color: #bfbfbf; transition: 0.8s;}
.special-wrap .info-section .info-wrap .slide-btn .prev-btn{margin-right: 15px;}
.special-wrap .info-section .info-wrap .slide-btn .next-btn{margin-left: 15px;}
.special-wrap .info-section .info-wrap .slide-btn .btn:hover i{color: #333333;}
/*reservation*/
.reser-wrap .intro-section::after{content: ""; display: table; clear: both;}
.reser-wrap .intro-section .txt-wrap{padding-top: 165px; margin-bottom: 45px;}
.reser-wrap .intro-section .txt-wrap::after{content: ""; display: table; clear: both;}
.reser-wrap .intro-section .txt-wrap .tit{width: 39.45%; float: left;}
.reser-wrap .intro-section .txt-wrap .tit h2{font-size: 25px; font-weight: 400;  line-height: 1; margin-bottom: 15px; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.reser-wrap .intro-section .txt-wrap .tit h3{font-size: 16px; font-weight: 400; line-height: 1; margin-bottom: 65px; transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}
.reser-wrap .intro-section .txt-wrap .tit p{font-size: 17px; font-weight: 400; transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.4s;}
.reser-wrap .intro-section .txt-wrap .txt{width: 60.55%; float: left; margin-top: 120px; position: relative;}
.reser-wrap .intro-section .txt-wrap .txt ol{margin-bottom: 20px;}
.reser-wrap .intro-section .txt-wrap .txt li{ font-size: 15px; color: #343434; font-weight: 500; transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.5s;}
.reser-wrap .intro-section .txt-wrap .txt li.flex-li{display: flex;}
.reser-wrap .intro-section .txt-wrap .txt p{font-size: 14px; font-weight: 400; color: #343434; transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.7s;}
.reser-wrap .intro-section .txt-wrap .txt .reser_btn{position: absolute; bottom: 0; right: 0;}

.reser-wrap .intro-section .txt-wrap.on .tit h2{transform: translateY(0); opacity: 1;}
.reser-wrap .intro-section .txt-wrap.on .tit h3{transform: translateY(0); opacity: 1;}
.reser-wrap .intro-section .txt-wrap.on .tit p{transform: translateY(0); opacity: 1;}
.reser-wrap .intro-section .txt-wrap.on .txt li{transform: translateY(0); opacity: 1;}
.reser-wrap .intro-section .txt-wrap.on .txt p{transform: translateY(0); opacity: 1;}
.reser-wrap .intro-section .reser-table-section{width: 100%; text-align: center; margin-bottom: 190px;}
.reser-wrap .intro-section .reser-table-section .price-table-wrap{margin-bottom: 50px;}
.reser-wrap .intro-section .reser-table-section .price-table-wrap .tit{display: flex; justify-content: end; margin-bottom: 15px;}
.reser-wrap .intro-section .reser-table-section .price-table-wrap .tit h3{font-weight: 500; font-size: 18px;}
.reser-wrap .intro-section .reser-table-section .price-table-wrap .tit .reser-box{padding: 5px 20px;}
.reser-wrap .intro-section .reser-table-wrap thead th{color: white; background-color: #545454; font-size: 15px; font-weight: 400; line-height: 60px; border-right: 1px solid #595959;}
.reser-wrap .intro-section .reser-table-wrap tbody td{line-height: 40px; font-size: 14px; color:#545354; border-right: 1px solid #f0f0f1; border-bottom: 1px solid #f0f0f1; background-color: #fbfbfb;}
.reser-wrap .intro-section .reser-table-wrap tbody td:first-of-type{border-left: 1px solid #f0f0f1;}
.reser-wrap .intro-section .reser-table-wrap tbody .gray-bg td{background-color: #f7f7f7;}


.reser-wrap .info-section .info::after{content: ""; display: table; clear: both;}
.reser-wrap .info-section .info .img{width: 39.45%; float: left;}
.reser-wrap .info-section .info .img img{width: 100%; display: block; max-width: 425px;}
.reser-wrap .info-section .info .txt-wrap{width: 60.55%; float: left;}
.reser-wrap .info-section .info .txt-wrap.margin-bottom{margin-bottom: 100px;}
.reser-wrap .info-section .info .tit{font-size: 22px; font-weight: 400; font-family: "Poppins",sans-serif; line-height: 1; margin-bottom: 25px;}
.reser-wrap .info-section .info .tit.margin-top{margin-top: 100px;}
.reser-wrap .info-section .info .tit span{font-family: "S-core"; font-size: 22px; display: block; margin-bottom: 5px;}
.reser-wrap .info-section .info .dash-list{margin-bottom: 20px;}
.reser-wrap .info-section .info .dash-list:last-of-type{margin-bottom: 40px;}
.reser-wrap .info-section .info .dash-list li{padding-left: 10px; position: relative; font-size: 14px; font-weight: 400; color: #404040;}
.reser-wrap .info-section .info .dash-list li::before{content: "-"; display: block; position: absolute; left: 0;}
.reser-wrap .info-section .info p.dash-list::before{content: "-"; display: block; position: absolute; left: 0;}
.reser-wrap .info-section .info p.dash-list{padding-left: 10px; position: relative; font-size: 14px; font-weight: 400; color: #404040;}
.reser-wrap .info-section .info p{font-size: 14px;  color: #404040; margin-bottom: 10px; margin-top: 10px;}
.reser-wrap .info-section .info .info-alert{margin-bottom: 30px;}
.reser-wrap .info-section .info .info-alert p{margin-top: 0; margin-bottom: 15px;}
.reser-wrap .info-section .info .info-alert h6{font-size: 13px;color: #404040; margin-top: 10px;}
.reser-wrap .info-section .info p b{font-weight: 400;}
.reser-wrap .info-section .info ol.basic-info > li {margin-bottom: 15px;}
.reser-wrap .info-section .info ol.basic-info p {margin: 0;}
.reser-wrap .info-section .info h4 {font-size: 16px; color: #404040; font-weight: 500;}
.reser-wrap .info-section .info li{font-size: 14px;  color: #404040;}
.reser-wrap .info-section .info h5{font-size: 15px; color: #343434; font-weight: 500; margin-top: 30px; margin-bottom: 5px;}
.reser-wrap .info-section .info1{margin-bottom: 150px; border-bottom: 1px solid #e3e3e3;}
.reser-wrap .info-section .info2{margin-bottom: 150px;}
.reser-wrap .info-section .info3 .refund-table{width: 100%; max-width: 485px;}
.reser-wrap .info-section .info3 .refund-table td{font-size: 13px; color: #7f7e7e; border-bottom: 1px solid #f4f4f4; line-height: 2;}
.reser-wrap .info-section .info3 .refund-table td.red-txt{color: #bb1818;}
.reser-wrap .info-section .info3 .refund-table tr:last-of-type td{border-bottom: 0px;}

/*Notice*/
.notice-wrap .info-section .tit-wrap{padding-top: 145px; margin-bottom: 110px;}
.notice-wrap .info-section .tit-wrap h2{font-size: 25px; font-family: "Poppins"; font-weight: 400; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.notice-wrap .info-section .tit-wrap h3{font-size: 17px; font-weight: 400;transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}
.notice-wrap .info-section .tit-wrap.on h2{transform: translateY(0px); opacity: 1;}
.notice-wrap .info-section .tit-wrap.on h3{transform: translateY(0px); opacity: 1;}

/*MOVIE*/
.movie-wrap .info-section .tit-wrap{padding-top: 200px; margin-bottom: 50px;}
.movie-wrap .info-section .tit-wrap h2{font-size: 25px; font-family: "Poppins"; font-weight: 400;}
.movie-wrap .info-section .tit-wrap h3{font-size: 16px; font-weight: 400;}
.movie-wrap .info-section .info::after{content: ""; display: table; clear: both;}
.movie-wrap .vdo-wrap{margin-bottom: 200px;}
/*footer*/

.ft{background-color: #f3f2f1; z-index: 20; position: relative; padding-top: 70px; padding-bottom: 55px;}
.ft .inner-con{max-width: 1680px;}
.ft .inner-con::after{content: ""; display: table; clear: both;}
.ft .address-section{float: left;}
.ft .address-section .ft-logo{width: 80px; display: block; margin-bottom: 30px;  /* margin-right: 80px; padding-top: 5px; */}
.ft .address-section .ft-tel{font-size: 25px; margin-bottom: 15px; display: inline-block; font-family: "Poppins";}
.ft .address-section .ft-address{font-size: 14px; font-weight: 400; margin-bottom: 20px; display: block; justify-content: start;}
.ft .address-section .ft-address p:first-child{position: relative; margin-right: 15px;}
.ft .address-section .ft-address span{display: inline-block; margin-right: 20px;}
.ft .address-section .ft-address span img {width: 25px; vertical-align: middle;}
.ft .address-section .ft-copyright{font-size: 12px; font-weight: 400; margin-bottom: 20px;}
.ft .address-section .ft-login{font-size: 14px; font-weight: 400; display: inline-block;}
.ft .address-section .ft-login:hover{
    font-weight: 500;
}
.ft .address-section .ft-login::after{content: ''; display: table; clear: both; width: 100%; height: 1px; background-color: #010101;}
.ft .address-section .ft-logo.m-logo{display: none;}

.ft .menu-section{float: right;}
.ft .menu-section{padding-left: 70px; padding-top: 20px;  padding-bottom: 15px; border-left: 1px solid #c0bfbe;}

.ft .menu-section .ft-sns h3{font-size: 14px; font-weight: 400; font-family: "Poppins"; margin-bottom: 5px;}
.ft .menu-section .ft-sns::after{content: ""; display: table; clear: both;}
.ft .menu-section .ft-sns li{float: left; margin-right: 15px;}
.ft .menu-section .ft-menu-wrap{margin-top: 30px;}
.ft .menu-section .ft-menu-wrap .sub-menu{display: none;}
.ft .menu-section .ft-menu-wrap li{margin-bottom: 5px;}
.ft .menu-section .ft-menu-wrap li a{font-size: 14px; font-family: "Poppins","S-core"; font-weight: 400;}

/*Gallery*/
.gallery-section{margin-top: 200px; margin-bottom: 20px;}
.gallery-section .tit{margin-bottom: 65px;}
.gallery-section .tit h2{font-size: 25px; font-family: "Poppins"; font-weight: 400;}
.gallery-section .tit p{font-size: 16px; font-family: "Poppins"; color: #474747;}
.gallery-section .img-wrap{width: 125%; overflow: hidden;}
.gallery-section .img-wrap::after{content: ""; display: table; clear: both;}
.gallery-section .img{width: 20%; float: left; padding-right: 25px;}
.gallery-section .img img{width: 100%; display: block;}

/*outtro*/
.outtro-section{text-align: center; color: #343434; padding-bottom: 190px; padding-top: 150px;}
.outtro-section h3{font-size: 50px; font-weight: 300; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.outtro-section p{font-size: 16px; color: #555; font-weight: 400; margin-bottom: 20px; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.outtro-section p:nth-of-type(1){transition-delay: 0.2s;}
.outtro-section p:nth-of-type(2){transition-delay: 0.4s;}
.outtro-section p b{ font-weight: 500;}
.outtro-section .reser_btn{display: inline-block; margin-top: 30px; font-size: 14px; font-weight: 400; transform: translateY(30px); opacity: 0; transition: 0.8s; margin: 0 10px;}
.outtro-section .reser_btn i{margin-right: 15px; font-size: 18px;}
.outtro-section .reser_btn::after{content: ""; display: block; width: 100%; height: 1px; margin-top: 5px;  background-color: #000000; transition: 0.4s;}
.outtro-section .reser_btn:hover::after{transform: scaleX(1.2);}

.outtro-section.on h3{transform: translateY(0); opacity: 1;}
.outtro-section.on p{transform: translateY(0); opacity: 1;}
.outtro-section.on .reser_btn{transform: translateY(0); opacity: 1;}


.inner-con{position: relative; margin: 0 auto;}
.main-wrap .intro-section .inner-con{max-width: 1670px;}

.m-map{display: none;}

.scroll-txt{opacity: 0; transform: translateY(30px); transition: 0.8s;}
.scroll-txt.on{opacity: 1; transform: translateY(0);}
.inner-wrapper{max-width: 1300px; margin: 0 auto; position: relative;}
.map-link-wrap{display: none;}
.m-br{display: none;}
.fad-br{display: none;}
@media all and (max-height: 900px){
    .hd .fixed-inner .sns-wrap{bottom: 90px;}
    .hd .fixed-inner .sns-wrap.sns2{bottom: 25px;}
}
@media all and (max-height: 825px){
    .hd .fixed-inner .sns-wrap{bottom: 90px;}
    .hd .fixed-inner .sns-wrap.sns2{bottom: 30px;}
}

@media all and (min-width: 2000px){
    
}
@media all and (min-width: 1660px){
    .special-preview-info-section{min-height: 515px;}
}
@media all and (max-width: 1780px){
    .ft .inner-con{width: calc(100% - 100px);}
}
@media all and (max-width: 1700px){
    .reser-wrap .info-section .info .txt-wrap{padding-left: 50px;}
}
@media all and (max-width: 1660px){
    .hd .fixed-inner{width: 250px;}
    .hd .fixed-inner .logo{width: 200px;}
    .con2{width: calc(100% - 30px);}
    main .contents-container{width: calc(100% - 260px);}
    .room-wrap .info-section .fixed-tit-wrap{width: 40%;}
    .room-wrap .info-section .fixed-tit-wrap h2{font-size: 18px;}
    .room-wrap .info-section .fixed-tit-wrap h2 span{font-size: 16px;}
    .room-wrap .info-section .fixed-tit-wrap h3{font-size: 16px; line-height: 1.8;}
    .room-wrap .info-section .fixed-tit-wrap p{font-size: 13px; margin-bottom: 25px;}
    .room-wrap .info-section .info-wrap .txt-info .room-alert li{font-size: 13px;}
    .room-wrap .info-section .fixed-tit-wrap .info-nav-btn li a{font-size: 15px;}
    .room-wrap .info-section .info-wrap{width: 60%; padding-left: 50px;}
    .room-wrap .info-section .info-wrap .txt-info .room-alert h3{font-size: 16px;}
    .room-wrap .info-section .info-wrap .txt-info .room-alert h4{font-size: 14px;}
    .room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list .ame p{font-size: 13px;}
    .fad-br{display: block;}

    .special-wrap .info-section .fixed-tit-wrap{width: 40%;}
    .special-wrap .info-section .fixed-tit-wrap h2{font-size: 18px;}
    .special-wrap .info-section .fixed-tit-wrap h2 span{font-size: 16px;}
    .special-wrap .info-section .fixed-tit-wrap h3{font-size: 16px; line-height: 1.8;}
    .special-wrap .info-section .fixed-tit-wrap p{font-size: 15px;}
    .special-wrap .info-section .fixed-tit-wrap .info-nav-btn li a .ko{font-size: 13px;}
    .special-wrap .info-section .fixed-tit-wrap .info-nav-btn li a{font-size: 15px;}
    .special-wrap .info-section .info-wrap{width: 60%; padding-left: 50px;}
    .special-wrap .info-section .info-wrap .txt-info .room-alert h3{font-size: 16px;}
    .special-wrap .info-section .info-wrap .txt-info .room-alert h4{font-size: 14px;}
    .special-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list .ame p{font-size: 13px;}
    .tour-wrap .info-section .info .txt-wrap{padding-left: 35px;}
    .reser-wrap .intro-section .txt-wrap .txt p{margin-bottom: 80px;}
   
    
}
@media all and (max-width: 1440px){
    
    .hd .fixed-inner{width: 275px; padding-left: 30px;}
    main .contents-container{width: calc(100% - 275px);}
    .map-wrap .info-section .info .txt-wrap{padding-left: 40px;}
}
@media all and (max-width: 1400px){
    .inner-wrapper{width: calc(100% - 100px);}
}
@media all and (max-width: 1345px){
    .ft .address-section .ft-address{display: block;}
    .ft .address-section .ft-address p:first-child{margin-bottom: 15px;}
    .ft .address-section .ft-logo{width: 50px;}
    .main-wrap .intro-section .txt-wrap{padding-left: 80px;}
}
@media all and (max-width: 1025px){
    .inner-wrapper{width: calc(100% - 50px);}
    .hd{width: 100%; height: 70px;}
    .hd .fixed-inner{width: 100%; height: 100%; padding-top: 0; padding-left: 0;}
    .hd .reser-box-wrap{display: none;}    
    main .contents-container{width: 100%; margin-top: 70px;}    
    .hd .fixed-inner .logo{padding-top: 25px; padding-left: 10px; width: 100px; position: relative; z-index: 6;}
    .hd .fixed-inner .logo img{display: block; width: 95%; margin-top: -10px;}
    .hd .fixed-inner .menu-btn{width: 35px; height: 25px; cursor: pointer; position: absolute;  top: 22px; right: 15px; z-index: 6;}
    .hd .fixed-inner .menu-btn .line{position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #1d1d1d; display: block; transition: 0.8s;}
    .hd .fixed-inner .menu-btn .line1{transform: translateY(-8px);}
    .hd .fixed-inner .menu-btn .line3{transform: translateY(8px);}
    .hd .fixed-inner .logo img.m-logo{display: block;}
    /* .hd .fixed-inner .logo img.pc-logo{display: none;} */

    .m-reser{position: absolute; top: 22px; right: 70px; display: block;}

    .hd .fixed-inner .menu-container{bottom: auto; top: 0; width: 100%; height: 120vh; background-color: white; z-index: 5; padding: 0 15px; padding-top: 100px; opacity: 0; visibility: hidden; pointer-events: none; transition: 0.8s;}
    .hd .fixed-inner .main-menu-wrap .sub-menu{height: auto;}
    .hd .fixed-inner .main-menu-wrap > ul > li{width: 33%; float: left;}
    /* .hd .fixed-inner .main-menu-wrap > ul > li:nth-of-type(3){clear: both;} */
    .hd .fixed-inner .main-menu-wrap::after{content: ""; display: table; clear: both;}
    .hd .fixed-inner .sns-wrap{margin-top: 30px; position: initial;}
    .hd .fixed-inner .menu-container .main-menu-wrap{position: initial; transform: translate(0); height: auto;}
    .hd .fixed-inner .menu-container .main-menu-wrap>ul {display: flex;}
    .hd.click .fixed-inner .menu-container{opacity: 1; visibility: visible; pointer-events: all;}
    .hd.click .fixed-inner .menu-btn .line1{transform: rotate(-45deg);}
    .hd.click .fixed-inner .menu-btn .line2{opacity: 0;}
    .hd.click .fixed-inner .menu-btn .line3{transform: rotate(45deg);}
    .main-wrap .special-preview-section .swiper-sellecter li{padding: 10px 0;}
    .main-wrap .special-preview-section .swiper-sellecter{margin-top: 0;}
    .con2{width: 100%;}
    .main-wrap .intro-section{width: calc(100% - 100px); margin: 0 auto;}
    .main-wrap .special-preview-section .side-nav li a{font-size: 14px;}
    .main-wrap .intro-section .txt-wrap{padding-left: 0px; padding-top: 0px;}
    .main-wrap .intro-section{padding-top: 100px; margin-bottom: 100px;}
    .main-wrap .intro-section .img-wrap{padding-right: 0;}
    .main-wrap .special-preview-section {padding: 0 50px;}
    .view-wrap .intro-section{padding: 0 50px;}
    .view-wrap .info-section{padding: 0 50px;}
    .view-wrap .info-section .info .slide-btn {bottom: -35px;}
    .tour-wrap .info-section .info .txt-wrap{width: 100%; padding-left: 0; padding-top: 60px;}
    .tour-wrap .info-section .info .img{width: 100%;}
    .tour-wrap .info-section .tit-wrap{padding-top: 80px; margin-bottom: 25px;}
    .tour-wrap .info-section{padding: 0 50px;}
    .map-wrap .info-section {padding: 0 50px;}
    .map-wrap .info-section .info .map-contain{width: 100%; float: none;}
    .map-wrap .info-section .info .txt-wrap{width: 100%; padding-left: 0;}
    .room-wrap .info-section {padding: 0 50px;}
    .room-wrap .info-section .fixed-tit-wrap p{font-size: 13px;}
    .room-wrap .info-section .info-wrap .txt-info .room-alert li{font-size: 14px;}
    .room-wrap .info-section .info-wrap .txt-info .room-alert li.flex-li span {margin: 0;}

    .special-wrap .info-section {padding: 0 50px; }
    .special-wrap .info-section .fixed-tit-wrap p{font-size: 13px;}
    .special-wrap .info-section .info-wrap .tit h3{font-size: 15px;}
    .special-wrap .info-section .info-wrap .tit h3 .num{font-size: 13px;}
    .special-wrap .info-section .info-wrap .tit h3 .ko{font-size: 13px;}
    .special-wrap .info-section .info-wrap p{font-size: 14px;}
    .special-wrap .info-section .fixed-tit-wrap .info-nav-btn li a{font-size: 15px;}
    .special-wrap .info-section .fixed-tit-wrap .info-nav-btn li a .ko{font-size: 12px;}

    .reser-wrap .intro-section {padding: 0 50px;}
    .reser-wrap .intro-section .txt-wrap .tit p{font-size: 15px;}
    .reser-wrap .intro-section .txt-wrap .txt li{font-size: 13px;}
    .reser-wrap .info-section .info p{font-size: 13px;}
    .reser-wrap .info-section .info .dash-list li{font-size: 13px;}
    .reser-wrap .info-section .info p.dash-list {font-size: 13px;}
    .reser-wrap .info-section .info .txt-wrap{width: 100%; margin-top: 50px;}
    .reser-wrap .info-section .info .img{width: 55%; padding-left: 50px;}
    .reser-wrap .info-section .info h4 {font-size: 14px;}
    .notice-wrap .info-section {padding: 0 50px;}
    .gallery-section{padding: 0 50px;}
    .ft{padding: 70px 10px;}

    .map-wrap .map-link-wrap{display: block; margin-top: 30px;}
	.map-wrap .map-link-wrap::after{content: ""; display: table; clear: both;}
	.map-wrap .map-link-wrap li{float: left; width: 30px; margin-right: 15px; border-radius: 3px; overflow: hidden; box-shadow: 3px 3px 2px rgba(0,0,0,0.2);}
	.map-wrap .map-link-wrap li a{ background: none; width: 100%; display: block; margin-top: 0; font-size: 20px; text-align: center; line-height: 30px;}
	.map-wrap .map-link-wrap li a img{display: block;}
    .ft .inner-con{width: calc(100% - 50px);}

}
@media all and (max-width: 900px){
    .main-wrap .intro-section{width: calc(100% - 50px);}
}
@media all and (max-width: 700px){
    .main-wrap .room-preview-section .img {height: 200px;}
    .movie-wrap .info-section .tit-wrap{padding-top: 80px; margin-bottom: 15px;}
    .movie-wrap .vdo-wrap{margin-bottom: 50px;}
    .inner-wrapper{width: calc(100% - 30px);}
    .view-wrap .movie-link{display: none;}
    .ft .inner-con{width: calc(100% - 30px);}
    .full-page-wrap .con1 .swiper-slide{height: 300px; width: 100%;}
    .full-page-wrap .con1 .top-img{height: 300px;}
    .reser-box{font-size: 13px; padding: 10px 15px;}
    .main-wrap .intro-section{width: calc(100% - 30px); padding-top: 50px; margin-bottom: 50px;}
    .main-wrap .intro-section .txt-wrap{padding-left: 0; width: 100%; padding-top: 20px;}
    .main-wrap .intro-section .txt-wrap h3{font-size: 18px; margin-bottom: 15px;}
    .main-wrap .intro-section .txt-wrap .line{margin-bottom: 25px;}
    .main-wrap .intro-section .txt-wrap p{font-size: 13px;}
    .main-wrap .intro-section .txt-wrap a{margin-top: 10px;}
    .main-wrap .intro-section .img-wrap{width: 50%; padding-right: 0; float: right; margin-bottom: 50px; margin-top: 30px;}
    .main-wrap .intro-section .img-wrap img{width: 100%;}
    .main-wrap .room-preview-section .slide-nav{margin-right: 15px;}
    .main-wrap .room-preview-section .slide-nav li a{font-size: 14px; padding-right: 3px;}
    .main-wrap .room-preview-section .swiper-wrapper .swiper-slide .img{height: 200px;}
    .main-wrap .room-preview-section .swiper-wrapper .txt{padding-top: 15px;}
    .main-wrap .room-preview-section .swiper-wrapper .txt h5{font-size: 12px; letter-spacing: -0.05em;}
    .main-wrap .room-preview-section .txt h3{font-size: 15px;}
    .main-wrap .room-preview-section .swiper-wrapper .txt p{font-size: 13px;}
    .main-wrap .room-preview-section{margin-bottom: 100px;}
    .main-wrap .special-preview-section{padding: 0;}
    .main-wrap .special-preview-section .swiper-sellecter{transform: translateY(0); width: 100%; position: initial; padding: 0 15px;}
    .main-wrap .special-preview-section .special-preview-img-wrap{width: 100%; float: none;}
    .main-wrap .special-preview-section .tit h2{font-size: 19px;  margin-bottom: 15px; padding-left: 15px; padding-left: 10px;}
    .main-wrap .special-preview-section .swiper-sellecter li{padding: 15px 0;}
    .main-wrap .special-preview-section .swiper-sellecter li h3{font-size: 15px;}
    .main-wrap .special-preview-section .swiper-sellecter li p{font-size: 13px;}
    .main-wrap .special-preview-section .side-nav{right: 15px;}
    .outtro-section{padding-top: 60px; padding-bottom: 80px;}
    .outtro-section p{font-size: 14px;}
    .outtro-section h3{font-size: 32px;}
    .outtro-section .reser_btn{font-size: 13px;}
    .view-wrap .intro-section{padding: 0 15px; margin-bottom: 80px;}
    .view-wrap .intro-section .txt-wrap h2{font-size: 16px; margin-right: 0; float: none; margin-bottom: 25px;}
    .view-wrap .intro-section .txt-wrap .txt{float: none;}
    
    .view-wrap .intro-section .txt-wrap{padding-top: 65px;}
    .view-wrap .intro-section .txt-wrap .txt p{font-size: 13px; margin-bottom: 15px;}
    .view-wrap .intro-section .txt-wrap{margin-bottom: 50px;}
    .view-wrap .intro-section .img-wrap h3{font-size: 15px; margin-bottom: 10px;}
    .view-wrap .info-section {padding: 0 15px;}
    .view-wrap .info-section .tit{margin-bottom: 15px;}
    .view-wrap .info-section .tit h3{font-size: 15px;}
    .view-wrap .info-section .tit p{font-size: 13px;}
    .view-wrap .info-section .info .view-img-slide-wrap{float: none; width: 100%;}
    .view-wrap .info-section .info .view-img-slide-wrap img{width: 100%;}
    .view-wrap .info-section .info .txt-wrap{padding-left: 0; padding-top: 15px;}
    .view-wrap .info-section .info .txt-wrap{width: 80%;}
    .view-wrap .info-section .info .txt-wrap h3{font-size: 18px; margin-bottom: 15px;}
    .view-wrap .info-section .info .txt-wrap p{font-size: 13px;}
    .view-wrap .info-section .info{margin-bottom: 80px;}

    .map-wrap .info-section{padding: 0 15px;}
    .map-wrap .info-section .tit-wrap{padding-top: 50px; margin-bottom: 20px;}
    .map-wrap .info-section .tit-wrap h2{font-size: 20px;}
    .map-wrap .info-section .tit-wrap h3{font-size: 16px;}
    .map-wrap .info-section .info .map-contain{width: 100%; float: none;}
    .map-wrap .info-section .info .txt-wrap{width: 100%; float: none; padding-left: 0; padding-top: 30px;}
    .map-wrap .info-section .info .txt-wrap h2{font-size: 16px; margin-bottom: 25px;}
    .map-wrap .info-section .info .txt-wrap .txt h3{font-size: 18px;}
    .map-wrap .info-section .info .txt-wrap .txt h3 span{font-size: 13px;}
    .map-wrap .info-section .info .txt-wrap .txt .line{margin-bottom: 15px; margin-top: 5px;}
    .map-wrap .info-section .info .txt-wrap .txt p{font-size: 13px;}
    .map-wrap .info-section .info .txt-wrap .txt{margin-bottom: 35px;}
    
    .notice-wrap .info-section{padding: 0 15px;}
    .notice-wrap .info-section .tit-wrap{padding-top: 50px; margin-bottom: 20px;}
    .notice-wrap .info-section .tit-wrap h2{font-size: 20px;}
    .notice-wrap .info-section .tit-wrap h3{font-size: 16px;}

    .tour-wrap .info-section {padding: 0 15px;}

    .tour-wrap .info-section .tit-wrap{padding-top: 50px; margin-bottom: 25px;}
    .tour-wrap .info-section .tit-wrap h2{font-size: 20px;}
    .tour-wrap .info-section .tit-wrap h3{font-size: 16px;}
    .tour-wrap .info-section .info .img{width: 100%;}
    .tour-wrap .info-section .info .txt-wrap{width: 100%; padding-left: 0;}
    .tour-wrap .info-section .info .txt-wrap p{font-size: 13px;}
    .tour-wrap .info-section .info .txt-wrap p br{display: none;}
    .tour-wrap .info-section .info .txt-wrap h3{font-size: 16px;}
    .tour-wrap .info-section .info .txt-wrap h4{font-size: 13px; margin-bottom: 15px;}
    .tour-wrap .info-section .info .txt-wrap .line{margin-bottom: 20px;}
    .tour-wrap .info-section .info{margin-bottom: 60px;}
    

    .room-wrap .info-section{padding: 0 15px;}
    .room-wrap .info-section .fixed-tit-wrap{float: none; width: 100%;}
    .room-wrap .info-section .info-wrap{width: 100%; float: none; padding-left: 0;}
    .room-wrap .info-section .fixed-tit-wrap{padding-top: 50px;}
    .room-wrap .info-section .fixed-tit-wrap h2 span{font-size: 15px; }
    .room-wrap .info-section .fixed-tit-wrap h3{font-size: 14px; margin-bottom: 15px; }
    .room-wrap .info-section .fixed-tit-wrap .info-nav-btn{display: none;}
    
    
    .room-wrap .info-section .fixed-tit-wrap p{font-size: 13px; margin-bottom: 30px;}
    .room-wrap .info-section .info-wrap{padding-top: 80px;}
    .room-wrap .info-section .info-wrap .txt-info .room-alert{padding-top: 0;}
    .room-wrap .info-section .info-wrap .txt-info .room-alert h3{font-size: 15px; margin-bottom: 15px;}
    .room-wrap .info-section .info-wrap .txt-info .room-alert h4{font-size: 13px; letter-spacing: -0.05em;}
    .room-wrap .info-section .info-wrap .slide-info{padding-top: 50px;}
    .room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list{margin-bottom: 15px;}
    .room-wrap .info-section .info-wrap .slide-info .tit h3{font-size: 15px; margin-bottom: 13px;}
    .room-wrap .info-section .info-wrap .slide-info .tit p{font-size: 13px; line-height: 1.5;}
    .room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list h5{font-size: 14px;}
    .room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list .ame p{font-size: 12px; font-weight: 400; color: #808080;}
    .room-wrap .info-section .info-wrap .txt-info .ame-list-wrap{margin-bottom: 50px;}
   

    .special-wrap .info-section{padding: 0 15px;}
    .special-wrap .info-section .fixed-tit-wrap{float: none; width: 100%;}
    .special-wrap .info-section .info-wrap{width: 100%; float: none; padding-left: 0;}
    .special-wrap .info-section .fixed-tit-wrap{padding-top: 50px;}
    .special-wrap .info-section .fixed-tit-wrap h2{margin-bottom: 25px;}    
    .special-wrap .info-section .fixed-tit-wrap h3{font-size: 14px; margin-bottom: 15px;}
    .special-wrap .info-section .fixed-tit-wrap .info-nav-btn{display: none;}
    .special-wrap .info-section .info-wrap{margin-top: 80px;}
    .special-wrap .info-section .info-wrap .info{margin-bottom: 80px; padding-top: 0;}
    .special-wrap .info-section .info-wrap .tit h3{font-size: 16px; margin-bottom: 10px;}   
    .special-wrap .info-section .info-wrap .tit h3 .num{font-size: 16px;}
    .special-wrap .info-section .info-wrap .tit h3 .ko{font-size: 14px;}
    .special-wrap .info-section .info-wrap p{font-size: 13px; margin-bottom: 15px;}
    
    .reser-wrap .intro-section{padding: 0 15px;}
    .reser-wrap .intro-section .txt-wrap{padding-top: 80px;}
    
    .reser-wrap .intro-section .txt-wrap .tit{width: 100%; float: none;}
    .reser-wrap .intro-section .txt-wrap .txt{width: 100%; float: none;}
    .reser-wrap .intro-section .txt-wrap .tit h2{font-size: 18px;}
    .reser-wrap .intro-section .txt-wrap .tit h3{margin-bottom: 25px; font-size: 15px;}
    .reser-wrap .intro-section .txt-wrap .tit p{font-size: 15px;}
    .reser-wrap .intro-section .txt-wrap .txt{margin-top: 35px;}
    .reser-wrap .intro-section .txt-wrap .txt li{font-size: 13px; letter-spacing: -0.05em;}
    .reser-wrap .intro-section .txt-wrap .txt p{font-size: 13px;  letter-spacing: -0.05em; margin-bottom: 25px;}
    .reser-wrap .intro-section .txt-wrap .txt .reser_btn{position: relative;}
    .reser-wrap .intro-section .reser-table-wrap thead th{font-size: 10px; letter-spacing: -0.05em;}

    .reser-wrap .intro-section .reser-table-wrap tbody td{font-size: 10px; letter-spacing: -0.05em;}
    .reser-wrap .intro-section .reser-table-section{margin-bottom: 50px;}
    
    .reser-wrap .info-section{padding: 0 15px;}
    .reser-wrap .info-section .info .img{width: 100%; float: none; padding-left: 0;}
    .reser-wrap .info-section .info .txt-wrap{width: 100%; float: none; padding-left: 0;}
    .reser-wrap .info-section .info .tit{font-size: 18px; margin-top: 70px;}
    .reser-wrap .info-section .info .tit span{font-size: 18px;}
    .reser-wrap .info-section .info .tit.margin-top{margin-top: 70px;}
    .reser-wrap .info-section .info p{font-size: 13px; margin-bottom: 15px; letter-spacing: -0.05em;}
    .reser-wrap .info-section .info .dash-list li{font-size: 13px;}
    .reser-wrap .info-section .info h5{font-size: 14px;}
    .reser-wrap .info-section .info1{margin-bottom: 50px;}
    .reser-wrap .info-section .info2{margin-bottom: 50px;}
    .reser-wrap .info-section .info3 .refund-table td{font-size: 12px;}
    .reser-wrap .intro-section .reser-table-section .price-table-wrap .tit h3{font-size: 16px; line-height: 2; transform: translateY(5px);}
    .reser-wrap .info-section .info .info-alert h6{font-size: 12px;}
    .reser-wrap .info-section .info .info-alert p{margin-bottom: 10px;}

    .reser-wrap .priceTable {font-size: 10px; letter-spacing: -0.05em;}



    .gallery-section{padding: 0 15px; margin-top: 80px; margin-bottom: 5px;}
    .gallery-section .img-wrap{width: 100%; overflow: hidden;}
    .gallery-section .img{padding:0 5px; margin-bottom: 10px;}     
    .gallery-section .tit h2{font-size: 19px;}
    .gallery-section .tit p{font-size: 13px;}
    .gallery-section .tit{margin-bottom: 15px;}
    
    .ft{text-align: center; padding-top: 45px; padding-bottom: 50px;}
    .ft .address-section{display: block;}
    .ft .address-section .ft-logo{height: auto;}
    .ft .address-section .ft-logo.pc-logo{display: none;}
    .ft .address-section .ft-logo.m-logo{display: block;}
    .ft .address-section .ft-address{display: block; font-size: 11px; margin-bottom: 30px;}
    .ft .address-section .ft-address p:first-child{margin-right: 0; margin-bottom: 15px;}
    .ft .address-section .ft-logo{margin: 0 auto; margin-bottom: 30px; width: 90px;}
    .ft .address-section .ft-address span:nth-of-type(1),.ft .address-section .ft-address span:nth-child(2){display: inline-block; margin: 0 5px;}
    .ft .address-section .ft-tel{font-size: 20px;}
    .ft .address-section .ft-address span{display: block; margin-right: 0;}
    .ft .address-section .ft-address br{display: none;}
    .ft .address-section{float: none;}
    .ft .address-section .ft-copyright span{display: block;}
    .ft .address-section .ft-copyright{font-size: 11px;}
    .ft .address-section .ft-login{font-size: 12px;}
    .ft .menu-section{display: none;}   
    .pc-map{display: none;}
    .m-map{display: block;}
    .m-br{display: block;}
    
}