@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: "Pretendard"; color: #000;}
main{position: relative; overflow: hidden;}
section{position: relative;}
li{list-style: none;}
a{text-decoration: none; color: #000;}
table{outline: 0px; border-spacing: 0px;}
figure{position: relative;}
a,button,input{box-shadow: none; border: 0; background-color: transparent;}
button, i{color: #1d1d1d;}

.inner-con{max-width: 1600px; margin: 0 auto; position: relative;}
.inner-con.inner-1280{max-width: 1480px;}
.inner-padding{padding: 0 75px; position: relative;}

.tour-wrap .inner-con.inner-1280{width: 1250px;}

.dot-list-wrap li{position: relative;}
.dot-list-wrap li::before{content: "·"; display: block; position: absolute; top: 0; left: -0.5em;}

.reser-inner{padding-left: 150px;}
.left-padding{padding-left: 85px; position: relative;}
.content-main .bg-deco-box{background-color: #f2e5d6; height: 1800px; width: 300px; position: absolute; right: 0; z-index: 0;}
.reser-box{padding: 15px 50px; display: inline-block; border: 2px solid #f8f1e9;}
.reser-box:hover{background-color: #f8f1e9;}

.arrow-ico{width: 30px; height: 1px; background-color: #000; display: block; position: relative; box-shadow: 0px 0px 1px #000; transition: 0.4s;}
.arrow-ico::after{content: ""; display: block; position: absolute; right: 0; top: 0; width: 8px; height: 1px; transform: rotate(45deg); background-color: #000; transform-origin: bottom right; box-shadow: 0px 0px 1px #000;}
.arrow-ico::before{content: ""; display: block; position: absolute; right: 0; top: 0; width: 8px; height: 1px; transform: rotate(-45deg); background-color: #000; transform-origin: top right; box-shadow: 0px 0px 1px #000;}

.arrow-ico.left::after{right: auto; left: 0; transform: rotate(45deg); transform-origin: top left;}
.arrow-ico.left::before{ right: auto; left: 0; transform: rotate(-45deg); transform-origin: bottom left;}
/*header*/
.hd{position: fixed; top: 0; left: 0; width: 100%; z-index: 3000; transition: 0.6s; transition-delay: 0.4s;}
.hd .main-menu-wrap{max-width: 1280px; margin: 0 auto; padding-top: 170px; position: relative; transition: 0.8s;}
.hd .main-menu-wrap::after{content: ""; display: table; clear: both;}
.hd .main-menu-wrap .main-menu{float: left;}
.hd .main-menu-wrap .main-menu >  li{float: left;}
.hd .main-menu-wrap .main-menu a{display: block; font-family: "Arial",sans-serif; font-weight: 300;  transform: rotate(-0.05deg);}
.hd .main-menu-wrap .main-menu > li > a{font-size: 15px; line-height: 60px; padding-bottom: 27px; padding-right: 100px;}
.hd .main-menu-wrap .main-menu > li > a::after{content: ""; display: block; width: 15px; height: 3px; background-color: #000; transform: scaleX(0); transition: 0.4s; transform-origin: left; position: relative; top: -10px;}
.hd .main-menu-wrap .main-menu > li:hover > a::after{transform: scaleX(1);}

.hd .main-menu-wrap .main-menu > li:hover .sub-menu{padding-top: 15px;}
.hd .main-menu-wrap .main-menu .sub-menu{height: 0; overflow: hidden; transition: 0.6s; padding-left: 15px; background-color: white; padding-right: 20px;}
.hd .main-menu-wrap .main-menu .sub-menu li{padding-bottom: 5px;}
.hd .main-menu-wrap .main-menu .sub-menu a{font-size: 14px; line-height: 2.4; display: inline-block;}
.hd .main-menu-wrap .main-menu .sub-menu a::after{content: ""; display: block; background-color: #000; width: 100%; height: 1px; transform: scaleX(0); transition: 0.4s; transform-origin: left;}
.hd .main-menu-wrap .main-menu .sub-menu a:hover::after{transform: scaleX(1);}

.hd .main-menu-wrap .sns-wrap{float: right; margin-right: 30px; margin-top: 15px;}
.hd .main-menu-wrap .sns-wrap li{float: left;}

.hd .logo-wrap{width: 225px; height: 230px; background-color: #000; position: absolute; right: -230px; margin-top: -55px; transition: 0.4s;}
.hd .logo-wrap .logo{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 63.5%;}
.hd .logo-wrap .logo img{display: block; width: 100%;}

.hd.fixed .main-menu-wrap{padding-top: 30px;}
.hd.fixed .logo-wrap{width: 120px; height: 122px;}
.hd.fixed{height: 120px; background-color: white;}
.hd.fixed .logo-wrap{right: -205px;}
.hd .logo-wrap .logo {width: 76.5%;}

/*main*/
.main-wrap .con1{padding-bottom: 140px;}
.main-wrap .con1 .main-tit{margin-top: 300px; margin-bottom: 140px;}
.main-wrap .con1 .main-tit h2{font-size: 80px; font-family: "BaskOldFace",sans-serif; font-weight: 300; line-height: 1.15; margin-bottom: 10px; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.main-wrap .con1 .main-tit p{font-size: 15px; font-weight: 200; font-family: "Pretendard",sans-serif; line-height: 1.3; color: #c5c5c5; transform: translateY(30px); opacity: 0;  transition: 1.2s; transition-delay: 0.2s;}

.main-wrap .con1 .main-tit.on h2{transform: translateY(0); opacity: 1;}
.main-wrap .con1 .main-tit.on p{transform: translateY(0); opacity: 1;}

.priceTable {
    /* border-collapse: collapse; */
    text-align: center;
    width: 100%;
    color: #808080;
    font-size: 12px;
    padding-top: 75px;
}

/*video*/
.main_video_wrap2{position: relative;width: 1010px;height: 777px;margin: 0 auto;margin-top: 40px;}
/*prologue*/
.view-wrap .info-section{padding-bottom: 200px;}
.view-wrap .info-section .txt-wrap{text-align: center;}
.view-wrap .info-section .txt-wrap p{font-size: 15px; line-height:  1.8; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.view-wrap .info-section .txt-wrap .tit{margin-bottom: 100px;}
.view-wrap .info-section .txt-wrap .txt{margin-bottom: 125px;}
.view-wrap .info-section .txt-wrap .txt p{margin-bottom: 30px;}
.view-wrap .info-section .txt-wrap .txt p:nth-of-type(2){transition-delay: 0.2s;}
.view-wrap .info-section .txt-wrap .txt p:nth-of-type(3){transition-delay: 0.4s;}

.view-wrap .info-section .txt-wrap .tit.on p{transform: translateY(0px); opacity: 1;}
.view-wrap .info-section .txt-wrap .txt.on p{transform: translateY(0px); opacity: 1;}


.view-wrap .info-section .img-wrap::after{content: ""; display: table; clear: both;}
.view-wrap .info-section .img-wrap{position: relative;}
.view-wrap .info-section .img-wrap img{display: block; width: 39%; margin-bottom: 200px; transform: translateY(30px); opacity: 0; transition: 1.2s;}

.view-wrap .info-section .img-wrap img.left{float: left;}
.view-wrap .info-section .img-wrap img.right{float: right;}
.view-wrap .info-section .img-wrap img.center{position: absolute;  left: 50%; bottom: 0px; transform: translate(-50%,calc(50% + 30px)); z-index: 2;}

.view-wrap .info-section .img-wrap.on img{transform: translateY(0px); opacity: 1;}


.view-wrap .info-section .img-wrap.on img.right{transition-delay: 0.2s;}
.view-wrap .info-section .img-wrap.on img.center{transform: translate(-50%,50%); transition-delay: 0.4s;}

.view-wrap .map-section{padding: 0 138px; margin-bottom: 345px;}
.view-wrap .map-section h3{text-align: center; font-size: 20px; font-family: "BaskOldFace",sans-serif; font-weight: 400; margin-bottom: 95px;}
.view-wrap .map-section p{text-align: center; padding-top: 120px; font-size: 15px; font-weight: 400;}

/*tour*/
.tour-wrap .tour-info-wrap{margin-top: 135px; padding-bottom: 170px;}
.tour-wrap .tour-info-wrap .tour-info-row::after{content: ""; display: table; clear: both;}
.tour-wrap .tour-info-wrap .tour-info-row .info{width: 50%; float: left; padding: 0 90px;}
.tour-wrap .tour-info-wrap .tour-info-row .info img{display: block; width: 100%;}
.tour-wrap .tour-info-wrap .tour-info-row .info .txt{padding-bottom: 100px;}
.tour-wrap .tour-info-wrap .tour-info-row .info .txt .tit{font-size: 20px; font-family: "BaskOldFace",sans-serif; font-weight: 500; padding-top: 20px; padding-bottom: 10px; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.tour-wrap .tour-info-wrap .tour-info-row .info .txt .tit::after{content: ""; display: block; width: 100%; height: 1px; background-color: #d2d2d2;transform: translateY(10px) scaleX(0); transition: 0.4s; transform-origin: left; transition-delay: 0.4s;}
.tour-wrap .tour-info-wrap .tour-info-row .info .txt .tit span{font-size: 17px; font-family: "Pretendard";}
.tour-wrap .tour-info-wrap .tour-info-row .info .txt h5{font-size: 15px; margin-bottom: 35px; font-weight: 400; margin-top: 10px;transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.2;}
.tour-wrap .tour-info-wrap .tour-info-row .info .txt p{font-size: 15px; font-weight: 400; letter-spacing: -0.5px; line-height: 1.8;transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.4;}

.tour-wrap .tour-info-wrap .tour-info-row .info .txt.on .tit{transform: translateY(0); opacity: 1;}
.tour-wrap .tour-info-wrap .tour-info-row .info .txt.on .tit::after{transform: translateY(10px) scaleX(1);}
.tour-wrap .tour-info-wrap .tour-info-row .info .txt.on h5{transform: translateY(0); opacity: 1;}
.tour-wrap .tour-info-wrap .tour-info-row .info .txt.on p{transform: translateY(0); opacity: 1;}

/*room*/

.room-wrap .info-section{margin-bottom: 200px; margin-top: 245px;}
.room-wrap .info-section::after{content: ""; display: table; clear: both;}
.room-wrap .info-section .txt-wrap {float: left;}
.room-wrap .info-section .txt-wrap .tit h2{font-size: 30px; font-family: "BaskOldFace",sans-serif; font-weight: 300; display: inline-block; line-height: 1.8; margin-bottom: 30px; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.room-wrap .info-section .txt-wrap .tit h2::after{content: ""; display: block; height: 2px; width: calc(100% + 100px); background-color: #000; transform: scaleX(0); transition: 0.4s; transition-delay: 0.4s;}
.room-wrap .info-section .txt-wrap .tit p{ font-weight: 100; line-height: 1.6; margin-bottom: 40px; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.2s;}
.room-wrap .info-section .txt-wrap .info li{font-size: 15px; line-height: 1.6; transform: translateY(30px); opacity: 0; transition: 1.2s;  transition-delay: 0.4s;}
.room-wrap .info-section .txt-wrap .info li span{margin-right: 10px;}
.room-wrap .info-section .txt-wrap .reser-box{transform: translateY(30px); opacity: 0; transition: 1.2s; font-size: 14px;}

.room-wrap .info-section .txt-wrap.on .tit h2{transform: translateY(0); opacity: 1;}
.room-wrap .info-section .txt-wrap.on .tit p{transform: translateY(0); opacity: 1;}

.room-wrap .info-section .txt-wrap.on .info li{transform: translateY(0); opacity: 1;}
.room-wrap .info-section .txt-wrap.on .reser-box{transform: translateY(0); opacity: 1; margin-top: 40px;}

.room-wrap .info-section .txt-wrap .info{margin-bottom: 40px;}
.room-wrap .info-section .info-wrap {float: right; padding-right: 60px;  margin-top: 30px; transform: rotate(-0.03deg);}
.room-wrap .info-section .info-wrap h3{font-size: 15px; font-family: "BaskOldFace",sans-serif; margin-bottom: 25px; font-weight: 500;}
.room-wrap .info-section .info-wrap .info-list li {margin-bottom: 25px; position: relative; height: 30px; overflow: hidden; transition: 0.4s;}
.room-wrap .info-section .info-wrap .info-list li .tit-box{cursor: pointer;}
.room-wrap .info-section .info-wrap .info-list li h5{font-size: 16px; font-family: "BaskOldFace",sans-serif; font-weight: 500; display: inline-block;}
.room-wrap .info-section .info-wrap .info-list li h5::after{content: ""; display: block; width: 100%; height: 1px; background-color: #000;}
.room-wrap .info-section .info-wrap .info-list li p{line-height: 1.8; overflow: hidden; padding-top: 10px; font-size: 15px;}
.room-wrap .info-section .info-wrap .info-list li .more-btn{position: absolute; top: 3px; right: 0; width: 8px; height: 8px;}
.room-wrap .info-section .info-wrap .info-list li .more-btn::after{width: 100%; height: 1px; display: block; content: ""; background-color: #000; position: absolute; top: 50%; left: 0; transition: 0.4s;}
.room-wrap .info-section .info-wrap .info-list li .more-btn::before{width: 100%; height: 1px; display: block; content: ""; background-color: #000; position: absolute; top: 50%; left: 0; transition: 0.4s;}
.room-wrap .info-section .info-wrap .info-list li.on .more-btn::before{transform: rotate(90deg);}

.room-wrap .info-section .txt-wrap .price-table{width: 100%;
    border: 2px solid #f8f1e9;
    text-align: center;
    margin-bottom: 20px;
    border-collapse: collapse;
}

/*
.room-wrap .info-section .txt-wrap .price-table td:first-child{
    font-weight: bold;
}
*/

.room-wrap .info-section .txt-wrap .price-table th{
    background: #f7efe6;
}
  
.room-wrap .info-section .txt-wrap .price-table th, td {
    border-bottom: 2px solid #f8f1e9;
    padding: 10px;
  }
/*
.room-wrap .info-section .price-table{
    width: 100%;
    margin-bottom: 20px;
}
*/

.room-wrap .img-gallery-section .img-wrap{margin-bottom: 275px;}
.room-wrap .img-gallery-section .img-wrap::after{content: ""; display: table; clear: both;}
.room-wrap .img-gallery-section .img-wrap li{float: left; width: calc(33.33333% - 26.66666px); margin-right: 40px; margin-bottom: 40px; cursor: pointer; position: relative; overflow: hidden;}
.room-wrap .img-gallery-section .img-wrap li::after{content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); position: absolute; top: 0; left: 0; opacity: 0; transition: 0.6s;}
.room-wrap .img-gallery-section .img-wrap li:hover::after{opacity: 1;}
.room-wrap .img-gallery-section .img-wrap li:nth-of-type(3n){margin-right: 0;}
.room-wrap .img-gallery-section .img-wrap li.vertical img{display: block; width: 100%; }
.room-wrap .img-gallery-section .img-wrap li.horizen img{display: block; height: 100%; }
.room-wrap .img-gallery-section .img-wrap li img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.room-wrap .room-gallery-pop{width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10000; background-color: rgba(0,0,0,0.6); opacity: 0; transition: 0.6s; pointer-events: none;}

.room-wrap .room-gallery-pop .room-gallery-slider{width: 100%; height: 100%;}
.room-wrap .room-gallery-pop .room-gallery-slider .swiper-slide{width: 100%; height: 100%;}
.room-wrap .room-gallery-pop .room-gallery-slider .swiper-slide img{display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.room-wrap .room-gallery-pop .close-btn{position: absolute; top: 100px; right: 100px; width: 40px; height: 40px; cursor: pointer; z-index: 15;}
.room-wrap .room-gallery-pop .close-btn .line{width: 100%; height: 2px; background-color: white; display: block; position: absolute; top: 50%; left: 0;}
.room-wrap .room-gallery-pop .close-btn .line1{transform: rotate(45deg);}
.room-wrap .room-gallery-pop .close-btn .line2{transform: rotate(-45deg);}

.room-wrap .room-gallery-pop .swiper-btn-wrap{width: calc(100% - 150px); position: absolute; top: 50%; left: 75px; z-index: 30; transform: translateY(-50%); pointer-events: none;}
.room-wrap .room-gallery-pop .swiper-btn-wrap button{cursor: pointer;}
.room-wrap .room-gallery-pop .swiper-btn-wrap button.swiper-btn-prev{float: left;}
.room-wrap .room-gallery-pop .swiper-btn-wrap button.swiper-btn-next{float: right;}
.room-wrap .room-gallery-pop .swiper-btn-wrap button i{font-size: 30px; color: white;}

.room-wrap .room-gallery-pop.visible{opacity: 1; pointer-events: all;}
.room-wrap .room-gallery-pop.visible .swiper-btn-wrap button{ pointer-events: all;}
.room-wrap .room-gallery-pop .swiper-container-fade .swiper-slide-active, .room-wrap .room-gallery-pop .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events: none;}
.room-wrap .room-gallery-pop.visible .swiper-container-fade .swiper-slide-active, .room-wrap .room-gallery-pop.visible .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events: none;}
.room-wrap .room-gallery-pop .room-gallery-slider .swiper-slide img{opacity: 0; transition: 0.6s;}
.room-wrap .room-gallery-pop .room-gallery-slider .swiper-slide.swiper-slide-active img{opacity: 1;}
/*special*/
.special-wrap .info-section{margin-top: 135px;}
.special-wrap .info-section .txt-wrap{text-align: center;}
.special-wrap .info-section .txt-wrap h2{font-size: 20px; font-family: "BaskOldFace",sans-serif; font-weight: 400; transform: translateY(30px); opacity: 0;  transition: 1.2s;}
.special-wrap .info-section .txt-wrap .txt{ margin-top: 85px; font-size: 15px; font-weight: 400; margin-bottom: 135px;}
.special-wrap .info-section .txt-wrap .txt p{margin-bottom: 30px; line-height: 1.8; transform: translateY(30px); opacity: 0;  transition: 1.2s; transition-delay: 0.2s;}

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

.special-wrap .info-section .img-col{margin-bottom: 300px;}
.special-wrap .info-section .img-col::after{content: ""; display: table; clear: both;}
.special-wrap .info-section .img-col li{width: calc(33.3333% - 6.66666px); margin-right: 10px; float: left;}
.special-wrap .info-section .img-col li img{display: block; width: 100%; margin-bottom: 10px; opacity: 0; transform: translateY(30px); transition: 1.2s;}
.special-wrap .info-section .img-col li:last-of-type{margin-right: 0;}

.special-wrap .info-section .img-col.on li:nth-of-type(1) img:nth-of-type(1){transition-delay: 0.2s;}
.special-wrap .info-section .img-col.on li:nth-of-type(1) img:nth-of-type(2){transition-delay: 0.4s;}

.special-wrap .info-section .img-col.on li:nth-of-type(3) img:nth-of-type(1){transition-delay: 0.4s;}
.special-wrap .info-section .img-col.on li:nth-of-type(3) img:nth-of-type(2){transition-delay: 0.2s;}

.special-wrap .info-section .img-col.on li img{transform: translateY(0); opacity: 1;}
/*reservation*/
.reser-wrap .side-txt{position: absolute; top: 180px; left: 0;}
.reser-wrap .side-txt{font-size: 45px; font-family: "BaskOldFace",sans-serif; font-weight: 400; line-height: 1.2;}
.reser-wrap .side-txt span{display: block;  text-align: center; margin-bottom: 70px;}
.reser-wrap .join-info{margin-bottom: 75px;}
.reser-wrap .join-info .reser-inner::after{content: ""; display: table; clear: both;}
.reser-wrap .join-info .reser-inner .img-wrap{float: left; width: calc(50% - 75px); padding-right: 100px;margin-bottom: 50px;}
.reser-wrap .join-info .reser-inner .img-wrap img{width: 100%; }
.reser-wrap .join-info .reser-inner .txt-wrap{float: left; transform: rotate(0.03deg); width: calc(50% + 75px); padding-top: 65px;}
.reser-wrap .join-info .reser-inner .txt-wrap h3{font-size: 18px; font-family: "BaskOldFace",sans-serif; font-weight: 500; line-height: 40px; margin-bottom: 35px; padding-left: 5px;}
.reser-wrap .join-info .reser-inner .txt-wrap h3::after{content: ""; display: block; width: 100%; height: 1px ; background-color: #000; max-width: 450px; margin-left: -5px;}
.reser-wrap .join-info .reser-inner .txt-wrap p{font-size: 14px; font-weight: 400; line-height: 1.8;}
.reser-wrap .join-info .reser-inner .txt-wrap .join-txt h5{font-size: 14px; font-family: 'BaskOldFace',sans-serif; font-weight: 500;}
.reser-wrap .join-info .reser-inner .txt-wrap .join-txt p{margin-bottom: 35px;}
.reser-wrap .join-info .reser-inner .txt-wrap .join-txt{margin-bottom: 60px;}


.reser-wrap .reser-info .info1{padding-top: 75px; padding-bottom: 65px; border-top: 1px dashed #bfbfbf;}
.reser-wrap .reser-info .info1 h3{font-size: 15px; font-weight: 600; margin-bottom: 35px;}
.reser-wrap .reser-info .info1 li{font-size: 15px; font-weight: 300;  line-height: 1.8;}

.reser-wrap .reser-info .info2{margin-bottom: 30px; border-top: 1px dashed #bfbfbf; padding-top: 95px;}
.reser-wrap .reser-info .info2 h3{font-size: 15px; font-weight: 600; margin-top: 5px;}
.reser-wrap .reser-info .info2 li{font-size: 15px; font-weight: 300; line-height: 1.8;}

.reser-wrap .reser-info .refund-info h3{font-size: 15px; font-weight: 600;}
.reser-wrap .reser-info .refund-info p{font-size: 15px; font-weight: 400; line-height: 1.8; margin-bottom: 30px;}
.reser-wrap .reser-info .refund-info .refund-table{width: 100%; line-height: 45px; color: #5d3329; font-size: 15px; text-align: center; border-bottom: 2px solid #eaeaea; margin-bottom: 145px;}
.reser-wrap .reser-info .refund-info .refund-table th{background-color: #f6f5f4; font-weight: 500; }
.reser-wrap .reser-info .refund-info .refund-table td b.red-txt{font-weight: 500; color: #ce0b0b;}

.reser-wrap .reser-info .alert-txt{padding-bottom: 200px;}
.reser-wrap .reser-info .alert-txt .tit{text-align: center; position: relative; margin-bottom: 30px;}
.reser-wrap .reser-info .alert-txt .tit::after{display: block; content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #ec6446; }
.reser-wrap .reser-info .alert-txt .tit h2{text-align: center; display: inline-block; font-size: 15px; font-weight: 500; color: #ec6446; background-color: white; padding: 0 40px; position: relative; z-index: 5;}
.reser-wrap .reser-info .alert-txt h3{font-size: 15px; font-weight: 500; margin-bottom: 10px;}
.reser-wrap .reser-info .alert-txt ol{margin-bottom: 40px;}
.reser-wrap .reser-info .alert-txt li{font-size: 15px; font-weight: 300; margin-bottom: 10px;}
.reser-wrap .reser-info .alert-txt .check-reser{display: block; width: 100%; line-height: 50px; color: white; text-align: center; background-color: #ec6446; border-radius: 10px;}
.reser-wrap .reser-info .alert-txt .check-alert-txt{text-align: center; color: #ec6446; font-size: 15px; margin-top: 10px; opacity: 0; transition: 0.4s;}
.reser-wrap .reser-info .alert-txt .check-alert-txt.visible{opacity: 1;}

/*notice*/
.notice-wrap .top-img{height: 600px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.notice-wrap .table-wrap{margin-top: 100px; margin-bottom: 200px;}
.notice-wrap.content-main .bg-deco-box{height: 1260px;}
/*galley_top_page*/
.galley-top-section .swiper-slide{height: 910px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.galley-top-section .basic-slide-wrap{position: relative;}
.galley-top-section .basic-slide-wrap::after{content: ""; display: table; clear: both;}

.galley-top-section .page-num{position: absolute; left: 0; top: 50%; transform: rotate(-90deg); text-align: center; margin-left: -85px; font-size: 18px; font-family: "Italiana";}
.galley-top-section .page-num li{display: inline-block; }

.galley-top-section .page-btn{width: 140px; float: right; margin-top: 85px;  margin-right: 180px;}
.galley-top-section .page-btn button{cursor: pointer; height: 30px;}
.galley-top-section .page-btn .prev{float: left;}
.galley-top-section .page-btn .next{float: right;}
.galley-top-section .page-btn .next:hover .arrow-ico{transform: translateX(5px);}
.galley-top-section .page-btn .prev:hover .arrow-ico{transform: translateX(-5px);}

/*sub-top-title*/
.sub-main-wrap .main-tit{padding-top: 345px; text-align: center; border-bottom: 1px solid #e5e5e5;  max-width: 840px; margin: 0 auto; margin-bottom: 100px;}
.sub-main-wrap .main-tit h2{font-size: 30px; font-family: "BaskOldFace",sans-serif; font-weight: 300;}
.sub-main-wrap .main-tit .sub-menu{margin-top: 40px; padding-bottom: 35px;}

.sub-main-wrap .main-tit .sub-menu li{display: inline-block; margin: 0 15px; transform: rotate(0.03deg);}
.sub-main-wrap .main-tit .sub-menu li a{font-family: "BaskOldFace",sans-serif; font-size: 15px; font-weight: 400; }
.reser-wrap .reser-info .info1 p{font-weight: bold;}
.sub-main-wrap .main-tit .sub-menu li::after{content: ""; display: block; width: 100%; height: 1px; background-color: #000; transform: scaleX(0); transition: 1.2s;}
.sub-main-wrap .main-tit .sub-menu li.on::after{transform: scaleX(1);}
/*special-sub*/
.sub-main-wrap .main-tit .special-menu li:nth-child(4){
    margin: 0px 2px;
}
.sub-main-wrap .main-tit .special-menu li:nth-child(5){
    margin: 0px 2px;
}
.sub-main-wrap .main-tit .special-menu li:nth-child(6){
    margin: 0px 2px;
}
.sub-main-wrap .main-tit .special-menu li{
    margin: 0px 2px;
}


/*room-preview*/
.room-preview-section{margin-bottom: 200px;}
.room-preview-section .side-txt{font-size: 45px; font-family: "BaskOldFace"; text-align: center; width: 1em; font-weight: 400; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.room-preview-section .info-wrap .swiper-slide{height: 600px;}

.room-preview-section .room-preview-nav{position: absolute; top: 35px; left: calc(39.56% + 75px) ; z-index: 15; border-bottom: 1px solid #000000;}
.room-preview-section .room-preview-nav li{float: left;}
.room-preview-section .room-preview-nav li a{font-size: 18px; font-family: "BaskOldFace",sans-serif; font-weight: 400; color: #ababab; margin-right: 45px;  transition: 1.2s; line-height: 40px;}
.room-preview-section .room-preview-nav li.on a{color: #000;}
.room-preview-section .room-preview-nav li.on a.hover{color:#ababab;}
.room-preview-section .room-preview-nav li a:hover{color: #000;}
.room-preview-section .info1 .txt-wrap .moreview-button{
    margin-left: 80%;
        transition: 1.2s;
    transition-delay: 0.2s;
}.room-preview-section .info1 .txt-wrap .moreview-button:hover{
    background: #f9f2eb;
}
.room-preview-section .info1 .txt-wrap .moreview-button p{
   width: 100%;
    padding: 10px 30px 10px 30px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #f2e5d6;
    font-family: "BaskOldFace",sans-serif;
    
    
}
.room-preview-section .info .txt-wrap .moreview-button1{
    margin-left: 80%;
        transition: 1.2s;
    transition-delay: 0.2s;
}.room-preview-section .info .txt-wrap .moreview-button1:hover{
    background: #f9f2eb;
}
.room-preview-section .info .txt-wrap .moreview-button1 p{
   width: 100%;
    padding: 10px 30px 10px 30px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #f2e5d6;
    font-family: "BaskOldFace",sans-serif;
    
    
}
.room-preview-section .info.hover{opacity: 1;visibility: visible;}
.room-preview-section .info{position: absolute; width: 100%; height: 100%; z-index: 10; opacity: 0; visibility: hidden; pointer-events: all; transition: 0.3s;}
.room-preview-section .inner-padding{height: 100%;}
.room-preview-section .left-padding{height: 100%;}
.room-preview-section .info.on{opacity: 1; visibility: visible; pointer-events: all;}
.room-preview-section .info.on.hover{opacity: 0; visibility: visible; pointer-events: all;}
.room-preview-section .info .preview-detail-img{float: left; width: calc(39.56%); overflow: hidden; padding-right: 130px; height: 100%; position: relative;}
.room-preview-section .info .preview-detail-img .swiper-slide{background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; }
.room-preview-section .info .txt-wrap{float: left; width: 60.44%; padding-top: 120px;}
.room-preview-section .info::after{content: ""; display: table; clear: both;}
.room-preview-section .info .txt-wrap p{font-size: 14px; font-family: "Pretendard",sans-serif; font-weight: 400; line-height: 2;}
.room-preview-section .info .txt-wrap .check-inout{margin-top: 30px;}
.room-preview-section .info .txt-wrap .check-inout::after{content: ""; display: table; clear: both;}
.room-preview-section .info .txt-wrap .check-inout li{float: left; font-size: 14px; line-height: 2; margin-right:10px;}
.room-preview-section .info .img-wrap{margin-top: 85px;}
.room-preview-section .info .img-wrap::after{content: ""; display: table; clear: both;}
.room-preview-section .info .img-wrap .img{float: left; margin-right: 35px; width: calc(33.3333% - 23.3333px);}
.room-preview-section .info .img-wrap .img img{display: block; width: 100%;}
.room-preview-section .info .img-wrap .img:last-of-type{margin-right: 0;}

.room-preview-section .info .preview-detail-img .swiper-pagination{position: absolute; bottom: 35px; right: 70px; top: auto; z-index: 5;}
.room-preview-section .info .preview-detail-img .swiper-pagination .swiper-pagination-bullet{display: block; width: 8px; height: 8px; background-color: #b5b5b5; border-radius: 50%; opacity: 1; transition: 1.2s; cursor: pointer; margin-top: 10px;}
.room-preview-section .info .preview-detail-img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #000;}


/*special-preview*/
.special-preview-section{background-color: #f2e5d6;}
.special-preview-section .inner-con::after{content: ""; display: table; clear: both;}
.special-preview-section .section-tit{font-size: 45px; font-family: "BaskOldFace"; font-weight: 400; color: #000; margin-bottom: 100px; padding-top: 120px; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.special-preview-section .special-preview-list-wrap{width: calc(100% - 290px); float: left; transform: translateX(100px);}
.special-preview-section .special-preview-list-wrap::after{content: ""; display: table; clear: both;}
.special-preview-section .special-preview-list-wrap li{float: left; width: 33.3333%; padding-top: 40px; padding-bottom: 85px; border-right: 1px solid white; padding-left: 60px; transition: 1.2s;}
.special-preview-section .special-preview-list-wrap li:hover{background-color: #f9f2eb;}
.special-preview-section .special-preview-list-wrap li:nth-child(3) {border-right: 0px solid white;}
.special-preview-section .special-preview-list-wrap li h2{font-size: 30px; font-family: "BaskOldFace",sans-serif; font-weight: 300; margin-bottom: 20px; height: 2.4em; line-height: 1.2; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.2s;}
.special-preview-section .special-preview-list-wrap li p{font-size: 14px; font-family: "Pretendard"; margin-bottom: 80px; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.4s;}
.special-preview-section .special-preview-list-wrap li a{width: 30px; height: 20px; padding-top: 10px; display: block;}
.special-preview-section .special-preview-list-wrap li a:hover .arrow-ico{transform: translateX(5px);}
.special-preview-section .view-link{position: absolute; top:185px ;}
.special-preview-section .view-link a{font-size: 14px; font-weight: 300; font-family: "BaskOldFace",sans-serif; }
.special-preview-section .view-link a .arrow-ico{display: inline-block; margin-left: 5px; transform: translateY(-5px);}
.special-preview-section .view-link a:hover .arrow-ico{transform: translate(5px, -5px);}
.special-preview-section .special-bg{width: 100%; height: 585px; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center;}
/* .special-preview-section .special-preview-list-wrap li .sospecial_arrow_right{position: absolute;bottom: 141px;} */

.special-preview-section.on .section-tit{transform: translateY(0); opacity: 1;}
.special-preview-section.on .special-preview-list-wrap li h2{transform: translateY(0); opacity: 1;}
.special-preview-section.on .special-preview-list-wrap li p{transform: translateY(0); opacity: 1;}

/*reser-section*/
.outtro-reser-section .section-tit{padding-top: 750px; padding-bottom: 75px; width: 370px; float: left;}
.outtro-reser-section .section-tit h2{font-size: 45px; font-family: "BaskOldFace",sans-serif; font-weight: 400; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.outtro-reser-section .section-tit p{font-size: 14px; margin-bottom: 30px; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.2s;}
.outtro-reser-section .section-tit a{width: 30px; height: 20px; padding-top: 10px; display: block;}
.outtro-reser-section .section-tit a:hover .arrow-ico{transform: translateX(5px);}

.outtro-reser-section .section-tit.on h2{transform: translateY(0); opacity: 1;}
.outtro-reser-section .section-tit.on p{transform: translateY(0); opacity: 1;}
.outtro-reser-section .img-wrap{height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 370px;}
.outtro-reser-section .img-wrap .link-box{width: 100%; height: 100%; display: block;}
.outtro-reser-section .img-wrap::after{content: ""; display: block; width: 100%; height: 100%;  background-color: rgba(255,255,255,0.1); position: absolute; top: 0; left: 0; opacity: 0; transition: 0.6s; pointer-events: none;}
.outtro-reser-section .img-wrap:hover::after{opacity: 1;}
.outtro-reser-section .inner-con::after{content: ""; display: table; clear: both;}


/*footer*/
.ft{background-color: #f7efe6; text-align: center; padding-top: 30px; padding-bottom: 55px;}
.ft .ft-tel{font-size: 30px; font-family: "BaskOldFace",sans-serif;}
.ft .ft-tel i{font-size: 22px; margin-right: 10px;}
.ft .ft-info{margin-top: 30px; border-top: 1px solid white; padding-top: 35px;}
.ft .ft-info .ft-logo{width: 120px;}
.ft .ft-info .ft-add{font-size: 14px; line-height: 1.8; font-weight: 400; font-family: "Pretendard"; margin-bottom: 30px;}
.ft .ft-info .ft-add span:nth-of-type(2){margin-left: 10px;}
.ft .ft-info .copyright{font-size: 11px; color: #424242;}
.ft .ft-info .copyright a.login{margin-left: 5px; display: inline-block; position: relative;}
.ft .ft-info .copyright a.login::after{content: ""; display: block; width: 100%; height: 1px; background-color: #d3cdc5;}
.ft .ft-info .copyright a.login::before{content: ""; display: block; width: 100%; height: 1px; background-color: #000; position: absolute; bottom: 0; transform: scaleX(0); transition: 0.4s;}
.ft .ft-info .copyright a.login:hover::before{transform: scaleX(1);}
.ft .ft-info .ft-sns-wrap{text-align: center; margin-top: 30px;}
.ft .ft-info .ft-sns-wrap li{display: inline-block; margin: 0 10px;}

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

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

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


.m-map{display: none;}
.m-br{display: none;}
.scroll-txt{transform: translateY(30px); opacity: 0; transition: 1.2s;}
.scroll-txt.on{transform: translateY(0px); opacity: 1;}
.map-link-wrap{display: none;}

@media all and (max-width: 1700px){    
    .inner-con{width: calc(100% - 100px);}
    .left-padding{padding-left: 0;}
    .reser-inner{padding-left: 0px;}
    .inner-padding{padding: 0;}
}

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

@media all and (max-width: 1024px){    
    .hd .logo-wrap{left: 0; right: 0; top: 0; margin-top: 0; width: 95px; height: 100px;}
    .hd.fixed .logo-wrap{right: 0;}
    .hd .main-menu-wrap .main-menu{width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; padding: 0 15px; padding-top: 150px; background-color: white; opacity: 0; transition: 0.8s; pointer-events: none;}    
    .hd .main-menu-wrap .main-menu > li{width: 50%;}
    .hd .main-menu-wrap .main-menu > li > a::after{top: 0;}
    .hd .main-menu-wrap .main-menu > li:hover .sub-menu{padding-top: 0;}
    .hd.fixed{height: 85px;}
    .hd .main-menu-wrap .main-menu .sub-menu{height: auto; margin-bottom: 30px; padding-left: 0; margin-left: 0;}
    .hd .main-menu-wrap .main-menu .sub-menu a{font-size: 12px;}
    .hd .main-menu-wrap{padding-top: 40px;}
    .hd .main-menu-wrap .menu-btn{float: right; width: 30px; height: 30px; position: relative; margin-right: 15px; cursor: pointer;}
    .hd .main-menu-wrap .menu-btn .line{width: 100%; height: 2px; display: block; background-color: #000; position: absolute; top: calc(50% - 1px); left: 0; transition: 0.4s;}
    .hd .main-menu-wrap .menu-btn .line1{transform: translateY(-8px);}
    .hd .main-menu-wrap .menu-btn .line3{transform: translateY(8px);}

    .hd .main-menu-wrap .sns-wrap{margin-right: 15px; position: relative; z-index: 5; margin-top: 0;}

    .hd.click .main-menu-wrap .menu-btn{position: relative; z-index: 5;}
    .hd.click .main-menu-wrap .menu-btn .line1{transform: rotate(45deg);}
    .hd.click .main-menu-wrap .menu-btn .line2{opacity: 0;}
    .hd.click .main-menu-wrap .menu-btn .line3{transform:  rotate(-45deg);}
    .hd.click .main-menu-wrap .main-menu{opacity: 1; pointer-events: all;}

    .hd.fixed .logo-wrap{width: 82px; height: 85px;}
    .hd.fixed .main-menu-wrap{padding-top: 25px;}
    .hd .main-menu-wrap .main-menu > li > a{padding-bottom: 9px; line-height: 20px; padding-right: 0;}
    .galley-top-section .page-btn{margin-top: 25px; margin-right: 15px;}
    .room-preview-section .info .preview-detail-img{padding-right: 10px; width: 45%;}
    .room-preview-section .info .txt-wrap{width: 55%;}
    .room-preview-section .room-preview-nav{left:calc(45% + 10px) ;}
    .room-preview-section .room-preview-nav li a{margin-right: 15px; font-size: 14px;}
    .room-preview-section .info .preview-detail-img .swiper-pagination .swiper-pagination-bullet{display: inline-block; margin-right: 5px; margin-top: 0; background-color: white;}
    .room-preview-section .info .preview-detail-img .swiper-pagination{bottom: 0;  right: 0; transform: translate(0); text-align: right;} 
    .special-preview-section .special-preview-list-wrap li{width: 50%;}
    .special-preview-section.on .special-preview-list-wrap li h2{font-size: 23px;}
    .special-preview-section .special-preview-list-wrap li{padding-left: 15px;}
    .special-preview-section .special-preview-list-wrap{transform: translateX(0);}
    .reser-wrap .side-txt{display: none;}
    
    .map-link-wrap{display: block; margin-top: 25px;}
	.map-link-wrap::after{content: ""; display: table; clear: both;}
	.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-link-wrap li a{ background: none; width: 100%; display: block; margin-top: 0; font-size: 20px; text-align: center;}
	.map-link-wrap li a img{display: block;}
    
}


@media all and (max-width: 900px){    
    .inner-con{width: calc(100% - 50px);}
    .inner-con.inner-1280{width: calc(100% - 50px);}
    .tour-wrap .inner-con.inner-1280{width: calc(100% - 50px);}
    .special-preview-section .special-preview-list-wrap{width: 100%;}
    .special-preview-section .special-preview-list-wrap li{width: 100%;}
    .room-preview-section .info .preview-detail-img .swiper-pagination{width: 100%; text-align: center; left: 0;}

    .main_video_wrap2{width: 100%; height: 52vw;}
    .outtro-reser-section .section-tit{padding-left: 15px;}
    .outtro-reser-section .section-tit a{width: 20px; display: none;}
    .outtro-reser-section .section-tit h2{font-size: 24px;}
    .outtro-reser-section .section-tit p{font-size: 13px; margin-bottom: 20px;}
    .outtro-reser-section .img-wrap{position: relative; top: 0; left: 0; height: 350px; width: 100%; opacity: 65%;}
    .outtro-reser-section .inner-con{width: 100%;}
    
    .outtro-reser-section .section-tit{padding-top: 0; padding-bottom: 0; width: 100%; position: relative; z-index: 3; float: none; margin-top: -140px; padding-bottom: 20px;}
    .room-preview-section .info1 .txt-wrap .moreview-button{margin-left: 70%;}
    .room-preview-section .info1 .txt-wrap .moreview-button p{padding: 5px 15px 5px 15px;}
    .view-wrap .map-section{padding: 0 35px;}
    .tour-wrap .tour-info-wrap .tour-info-row .info{padding: 0 15px;}
    .galley-top-section .swiper-slide{height: 500px;}
    
}

@media all and (max-width: 700px){    
    .inner-con{width: calc(100% - 30px);}
    .tour-wrap .inner-con.inner-1280{width: calc(100% - 30px);}
    .inner-con.inner-1280{width: calc(100% - 30px);}
    .content-main .bg-deco-box{display: none;}
    .arrow-ico{width: 20px;}
    .m-br{display: block;}
    
    .sub-main-wrap .main-tit .sub-menu li{    margin: 2px 11px;}
    
    .hd .main-menu-wrap .main-menu .sub-menu li{padding-bottom: 0px;}
    
    .main-wrap .con1{padding-bottom: 50px;}
    .main-wrap .con1 .main-tit{margin-top: 175px; margin-bottom: 30px;}
    .main-wrap .con1 .main-tit h2{font-size: 32px;}
    .main-wrap .con1 .main-tit p{font-size: 10px; letter-spacing: -0.08em;}
    .galley-top-section .swiper-slide{height: 250px;}
    .galley-top-section .page-btn{margin-top: 10px; margin-right: 10px; width: 70px;}

    .room-preview-section{width: calc(100% - 30px); margin: 0 auto; margin-bottom: 50px;}
    .room-preview-section .info .preview-detail-img{width: 100%; padding-right: 0; height: 125vw; float: none;}                
    .room-preview-section .info .txt-wrap{width: 100%; padding-top: 80px; float: none;}
    .room-preview-section .info .txt-wrap p{font-size: 13px; letter-spacing: -1px;}
    .room-preview-section .info .txt-wrap .check-inout{margin-top: 20px;}
    .room-preview-section .info .txt-wrap .check-inout li{font-size: 13px;}
    .room-preview-section .side-txt{display: block; position: initial; width: 100%;  font-size: 22px; margin-top: 25px;}
    .room-preview-section .side-txt br{display: none;}
    .room-preview-section .room-preview-nav{width: 100%; text-align: center; top: calc(125vw + 10px); left: 0; border-bottom: 1px solid #e3e3e3;}
    .room-preview-section .room-preview-nav li{display: inline-block; float: none;}
    .room-preview-section .room-preview-nav li a{font-size: 14px; margin: 0 5px; transform: rotate(0.03deg);}
    .room-preview-section .info .txt-wrap .check-inout li{float: none; display: inline-block;}
    .room-preview-section .info{text-align: center;}
    .room-preview-section .info .img-wrap{margin-top: 30px;}
    .room-preview-section .info .img-wrap .img img{display: block; width: 100%;}
    .room-preview-section .info .img-wrap .img{margin-right: 5px; width: calc(33.3333% - 3.3333px);}
    .room-preview-section .info .txt-wrap .moreview-button{margin-left: 0%;    margin-top: 30px;}
    .room-preview-section .info .txt-wrap .moreview-button1{margin-left: 0%;    margin-top: 30px;}
    
    .special-preview-section .section-tit{font-size: 24px; padding-top: 30px; margin-bottom: 15px;}
    .special-preview-section .special-preview-list-wrap{width: 100%; transform: translateX(0);}
    .special-preview-section .special-preview-list-wrap li{width: 100%; padding-left: 10px;}
    .special-preview-section .special-preview-list-wrap li:first-of-type{width: 100%; padding-left: 10px;}

    .special-preview-section.on .special-preview-list-wrap li h2{font-size: 18px;}
    .special-preview-section .special-preview-list-wrap li p{font-size: 13px; margin-bottom: 25px;}
    .special-preview-section .special-preview-list-wrap li{padding-bottom: 30px; border-right: 0; border-bottom: 1px solid white;}
    .special-preview-section .special-preview-list-wrap li a{float: right; margin-right: 20px; width: 20px;}
    /* .special-preview-section .special-preview-list-wrap li .sospecial_arrow_right{float: right;margin-right: 20px;width: 20px; bottom: 0px;position: relative;} */
    
    .special-preview-section .view-link{display: none;}

    

    .sub-main-wrap .main-tit{padding-top: 100px; margin: 0 15px; margin-bottom: 25px;}
    .sub-main-wrap .main-tit h2{font-size: 24px;}
    .sub-main-wrap .main-tit .sub-menu{padding-bottom: 15px;}
    .sub-main-wrap .main-tit .sub-menu li a{font-size: 13px;}
    .view-wrap .info-section{padding-top: 80px;}
    .view-wrap .info-section .txt-wrap .tit{margin-bottom: 40px;}
    .view-wrap .info-section .txt-wrap p{font-size: 13px;}
    .view-wrap .info-section .txt-wrap .txt{margin-bottom: 50px;}
    .view-wrap .info-section .txt-wrap .txt p{margin-bottom: 15px;}
    .view-wrap .info-section .img-wrap img{width: 100%; margin-bottom: 15px;}
    .view-wrap .info-section .img-wrap img.center{position: initial; transform: translateY(30px); transition-delay: 0.2s;}
    .view-wrap .info-section .img-wrap img.right{transition-delay: 0.4s;}
    .view-wrap .info-section .img-wrap.on img.center{transform: translateY(0);}
    .view-wrap .map-section{padding: 0; margin-bottom: 80px;}
    .view-wrap .info-section{padding-bottom: 30px;}
    .view-wrap .map-section h3{margin-bottom: 30px; font-size: 18px;}
    .view-wrap .map-section p{font-size: 13px; padding-top: 30px;}

    .tour-wrap .tour-info-wrap{margin-top: 50px; padding-bottom: 80px;}
    .tour-wrap .tour-info-wrap .tour-info-row .info{width: 100%; padding: 0;}
    .tour-wrap .tour-info-wrap .tour-info-row .info .txt{padding-bottom: 60px;}
    .tour-wrap .tour-info-wrap .tour-info-row .info .txt .tit{font-size: 16px;}
    .tour-wrap .tour-info-wrap .tour-info-row .info .txt .tit span{font-size: 14px;}
    .tour-wrap .tour-info-wrap .tour-info-row .info .txt h5{font-size: 13px; margin-bottom: 15px;}
    .tour-wrap .tour-info-wrap .tour-info-row .info .txt p{font-size: 13px;}
    .tour-wrap .tour-info-wrap .tour-info-row .info .txt p br{display: none;}
    .tour-wrap .tour-info-wrap .tour-info-row .info .txt p .m-br{display: block;}

    .room-wrap .info-section{margin-top: 50px; margin-bottom: 50px;}
    .room-wrap .info-section .txt-wrap{float: none;}
    .room-wrap .info-section .txt-wrap .tit h2{font-size: 24px; margin-bottom: 20px;}
    .room-wrap .info-section .txt-wrap .tit p{font-size: 13px; margin-bottom: 15px;}
    .room-wrap .info-section .txt-wrap .info li{font-size: 13px;}
    .room-wrap .info-section .txt-wrap .info{margin-bottom: 20px;}
    .room-wrap .info-section .txt-wrap .reser-box{font-size: 12px; padding: 10px;}
    .room-wrap .info-section .info-wrap{margin-top: 70px; padding-right: 0; padding-left: 0; float: none;}
    .room-wrap .info-section .info-wrap .info-list li{margin-bottom: 10px;}
    .room-wrap .info-section .info-wrap .info-list li h5{font-size: 14px;}
    .room-wrap .info-section .info-wrap .info-list li p{font-size: 13px;}
    .room-wrap .img-gallery-section .img-wrap li{width: calc(33.33333% - 3.3333px); margin-right: 5px; margin-bottom: 5px;}
    .room-wrap .img-gallery-section .img-wrap{margin-bottom: 100px;}
    .room-wrap .room-gallery-pop .close-btn{top: 100px; right: 15px;}

    .room-wrap .room-gallery-pop .room-gallery-slider{width: 100%;}
    .room-wrap .room-gallery-pop .room-gallery-slider .swiper-slide{width: 100%;}
    .room-wrap .room-gallery-pop .room-gallery-slider .swiper-slide img{max-width: calc(100% - 80px); max-height: 100%;}
    .room-wrap .room-gallery-pop .close-btn{width: 30px; height: 30px;}
    .room-wrap .room-gallery-pop .swiper-btn-wrap{width: calc(100% - 30px); left: 15px;}
    .room-wrap .room-gallery-pop .swiper-btn-wrap button i{font-size: 24px;}


    .special-wrap .info-section{margin-top: 50px;}
    .special-wrap .info-section .txt-wrap h2{font-size: 18px;}
    .special-wrap .info-section .txt-wrap .txt{margin-top: 25px; margin-bottom: 50px; font-size: 13px;}
    .special-wrap .info-section .img-col{margin-bottom: 80px;}
    .special-preview-section .special-bg{height: 200px; background-attachment: local;}
    .reser-wrap .join-info{margin-bottom: 50px;}

    .reser-wrap .join-info .reser-inner .txt-wrap{float: none; width: 100%;}
    .reser-wrap .join-info .reser-inner .txt-wrap p{font-size: 13px;}
    .reser-wrap .join-info .reser-inner .txt-wrap .join-txt{margin-bottom: 25px;}
    .reser-wrap .join-info .reser-inner .txt-wrap .join-txt p{margin-bottom: 15px;}    
    .reser-wrap .side-txt{display: none;}
    .reser-wrap .reser-info .info1{padding-top: 50px; padding-bottom: 50px;}
    .reser-wrap .reser-info .info1 h3{font-size: 14px; margin-bottom: 15px;}
    .reser-wrap .reser-info .info1 li{font-size: 13px; letter-spacing: -0.08em;}

    .reser-wrap .reser-info .info2{padding-top: 50px;}
    .reser-wrap .reser-info .info2 h3{font-size: 14px;}
    .reser-wrap .reser-info .info2 li{font-size: 13px; letter-spacing: -0.08em;}
    .reser-wrap .reser-info .refund-info h3{font-size: 14px;}
    .reser-wrap .reser-info .refund-info p{font-size: 13px; letter-spacing: -0.08em;}
    
    .reser-wrap .reser-info .refund-info .refund-table{margin-bottom: 80px;}
    .reser-wrap .reser-info .refund-info .refund-table thead{width: 50%; float: left;}
    .reser-wrap .reser-info .refund-info .refund-table thead th{width: 100%; display: block; text-align: center; padding:10px;}
    .reser-wrap .reser-info .refund-info .refund-table tr{width: 100%; display: block; font-size: 13px; line-height: 2.15;}
    .reser-wrap .reser-info .refund-info .refund-table tbody{width: 50%; float: left;}
    .reser-wrap .reser-info .refund-info .refund-table tbody td{width: 100%; display: block; text-align: center;  font-size: 13px; line-height: 2;}
    .reser-wrap .reser-info .alert-txt .check-reser{font-size: 13px;}

    .reser-wrap .reser-info .alert-txt .tit h2{font-size: 14px; padding: 0 15px;}
    .reser-wrap .reser-info .alert-txt h3{font-size: 13px;}
    .reser-wrap .reser-info .alert-txt li{font-size: 13px;}
    .reser-wrap .reser-info .alert-txt{padding-bottom: 80px;}
    .reser-wrap .join-info .reser-inner .img-wrap{width: 100%; margin-bottom: 15px; padding-right: 0;}
    .reser-pop-wrap .checkT p:last-child{margin-left: 0; }
    
    .notice-wrap .top-img{height: 250px;}

    .ft .ft-tel i{font-size: 18px;}
    .ft .ft-tel{font-size: 22px;}
    .ft .ft-info .ft-logo{width: 70px; margin-bottom: 15px;}
    .ft .ft-info .ft-add{font-size: 13px;}
    .ft .ft-info .ft-add span{display: block; }
    .ft .ft-info .ft-add span:nth-of-type(2){margin-left: 0; margin-bottom: 15px;}
    .ft .ft-info .copyright a.login{display: block; width: 6em; margin: 0 auto;    margin-top: 15px;}
    .ft .ft-info .copyright > span{display: block;}

    .pc-map{display: none;}
    .m-map{display: block;}
    .reser-pop-wrap{width: 80%;    padding: 30px 20px;}
    .reser-pop-wrap .checkT p{width: 80%; font-size: 11px; padding-bottom: 10px; margin-left: 20px;}
    .reser-pop-wrap .btnArea .btn a{font-size: 11px;}
    .main_video_wrap2{width: 100%;height: 200px;margin-top: 45px;}
}