@charset "utf-8";


/*default*/
*{margin: 0; padding: 0; box-sizing: border-box;}
html,body{width: 100%; height: 100%; color: #333333; font-family: 'Nanum Gothic', sans-serif;}
li{list-style: none;}
a{color: #333333; text-decoration: none;}
section{position: relative;}
button,a,input{border: 0; background-color: none; outline: none;}
.slide{background-size: cover; background-repeat: no-repeat; background-position: center;}
.res_box{width: 160px; line-height: 35px; display: block; margin: 0 auto; border: 1px solid #333; font-size: 13px; text-align: center; transition: 0.8s;}
.res_box:hover{background-color: #333; color: white;}

/*inner-con*/
.main-inner{width: 1620px; margin: 0 auto; position: relative;}
.inner-con{width: 1260px; margin: 0 auto; position: relative;}
/*slick-dot*/

.slick-dots { position:absolute; bottom:100px; left:0; right:0; z-index:1800; clear:both; text-align:center; }
.slick-dots li { display:inline-block; margin:0 10px; font-size:0; }
.slick-dots li button { display:block; width:10px; height:10px; background:transparent; border-radius:100%;  border: 1px solid white;}
.slick-dots li.slick-active button { background: white }



/*header*/
.hd{width: 100%; height: 100px; border-bottom: 1px solid rgba(255,255,255,0.6); position: relative; position: fixed; top: 0; left: 0; z-index: 3000; transition: 0.8s; background-color:transparent;}
.hd:hover{background-color: rgba(0,0,0,0.4) !important;}
.hd .logo{width: 200px; height: 80px; position: absolute; left: 270px; top: 10px; z-index: 500;}
.hd .logo img{width: 100%;}
.hd .nav-btn{z-index: 500;}
.hd .main-menu{width: 960px; margin: 0 auto; transform: translateX(100px); position: relative; z-index: 300;}
.hd .main-menu > ul > li{float: left;}
.hd .main-menu > ul > li > a{width: 160px; line-height: 100px; font-size: 16px;}
.hd .main-menu a{display: block; text-align: center; color: white; font-family: "Colaborate" , sans-serif; font-weight: 100;}
.hd .main-menu a:hover{color: #40b5e3 ;}
.hd .sub-menu{width: 100%; height: 0px; position: relative; z-index: 100; overflow: hidden; transition: 0.6s; padding-top: 10px;}
.hd .sub-menu a{line-height: 30px; font-size: 13px; font-family: "Nanum Gothic", sans-serif; position: relative; z-index: 300;}
.hd .white-box{display: block; position: absolute; top: 100px; left: 0; width: 100%; height: 0px; background-color: rgba(0,0,0,0.4); transition: 0.8s; overflow: hidden;}
.hd:hover .sub-menu{height: 340px;}


.hd .btn-box .go_res{float: right; display: block; background-color: #104c77; line-height: 99px; color: white; width: 140px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
.hd .btn-box .go_res .fal{margin-right: 10px;}
.hd .n-pay{height: 79px; background-color: #41b649; width: 90px; display: block; background-repeat: no-repeat; background-position: center; float: right;}

.hd .nav-btn{position: absolute; right: 30px; top: 30px; width: 30px; height: 20px; padding-top: 9px; display: none;}
.hd .nav-btn span{width: 30px; height: 1px; background-color: white; display: block; transition: 0.5s;}
.hd .nav-btn .line1{transform: translateY(-8px);}
.hd .nav-btn .line3{transform: translateY(8px);}
.hd .nav-btn.on span{ background-color: #333;}
.hd .nav-btn.on .line1{transform: rotate(45deg);}
.hd .nav-btn.on .line2{opacity: 0; transform: translateX(10px);}
.hd .nav-btn.on .line3{transform: rotate(-45deg) translateY(-2px);}

.hd .go_vdo{position: absolute; top: 30px; left: 15vw;}
.hd .go_vdo a{color: white; display: block; padding: 10px; border: 1px solid white; line-height: 25px; font-size: 12px; transition: 0.5s;}
.hd .go_vdo a:hover{color: #333; background-color: rgba(255,255,255,0.8);}

/*main*/
.full-page-wrap .con1 .slide{height: 100vh;}
.full-page-wrap .con1 .tit{text-align: center; color: white; position: absolute; top: 50%; left: 50%; z-index: 300; transform: translate(-50%, -50%);}
.full-page-wrap .con1 .tit h3{font-size: 16px; font: 100; font-family: Arial, Helvetica, sans-serif ; font-weight: 100;}
.full-page-wrap .con1 .tit h1{font-size: 40px; font-family: "DongKang", sans-serif; font-weight: 400;}
.con1 .slick-arrow{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  pointer-events: none;}
.con1 .slick-arrow .prev{float: left; pointer-events: all; cursor: pointer; margin-left: 150px; width: 40px; height: 40px;  transition: 0.8s;}
.con1 .slick-arrow .next{float: right; pointer-events: all; cursor: pointer; margin-right: 150px; width: 40px; height: 40px;  transition: 0.8s;}
.con1 .slick-arrow .fal{font-size: 40px; color: rgba(255,255,255,0.7); text-align: center; line-height: 40px; margin-top: -2px; padding-left: 8px; transition: 0.8s;}



.con1 .slick-arrow .fal:hover{color: rgba(33,128,166,0.7);}


.main-wrap .con2{margin-bottom: 275px;}
.main-wrap .con2 .tit{text-align: center; margin-bottom: 85px; padding-top: 100px;}
.main-wrap .con2 .tit h2{font-size: 24px; font-family: "Lastoria",sans-serif; font-weight: 100;}
.main-wrap .con2 .tit p{font-size: 16px; line-height: 1.6;}
.main-wrap .con2 #vimeo-wrap{width: 100%; height: 700px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
.main-wrap .con2 #vimeo-wrap .txt-box{width: 380px; height: 330px; background-color: #2180A6; text-align: center; color: white; padding-top: 60px; position: absolute; bottom: -120px; right: 60px; z-index: 100;}
.main-wrap .con2 #vimeo-wrap .txt-box h3{font-size: 40px; font-family: "Caviar", sans-serif; font-weight: 100; margin-bottom: 20px;}
.main-wrap .con2 #vimeo-wrap .txt-box p{font-size: 15px; line-height: 1.6; padding-top: 10px;}
.main-wrap .con2 #vimeo-wrap .txt-box a{color: white; font-size: 13px; text-align: center; width: 85px; border: 1px solid white; display: block; margin: 0 auto; line-height: 30px; margin-top: 50px;}
.main-wrap .con2 #vimeo-wrap .full-page{width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.res-wrap{text-align: center;}
.res-wrap h2{padding-top: 170px; margin-bottom: 30px; font-size: 45px; font-family: "Caviar",sans-serif; font-weight: 300;}
.res-wrap p{font-size: 16px; margin-bottom: 60px; line-height: 1.6;;}

.res-wrap a{margin-bottom: 125px;}


/*main specialPreview*/
.special-preview{background-color: #f9f8f8; padding-bottom: 180px;}
.special-preview .tit{margin-bottom: 100px; margin-left: 90px; padding-top: 120px;}
.special-preview .tit h2{font-size: 40px; font-family: "Caviar",sans-serif; font-weight: 300;}
.special-preview .tit h3{font-size: 18px; color: #555555; font-weight: 500;}
.special-preview::after{display: table; content: ""; clear: both;}
.special-preview .slide{width: calc(50% - 180px); height: 500px; background-color: white; float: left; margin: 90px; padding-top: 38px; padding: 30px; border: 1px solid #e0e0e0; transition: 0.8s;}
.special-preview .slide:hover{box-shadow: 5px 5px 15px rgba(0,0,0,0.3);}




.main-wrap .special-preview .slide:nth-of-type(2n - 1){margin-top: -30px;}

.special-preview .slide .img{width: 100%; height: 310px; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative;}
.special-preview .hover-effect{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 40px; height: 40px; background-color: rgba(255,255,255,0.65); border-radius: 50%;  visibility: hidden; opacity: 0; transition: 0.8s;}
.special-preview .hover-effect::after{display: block; content: ""; width: 30px; height: 1px; background-color: #7c7c7c; position: absolute; top: 50%; left: calc(50% - 15px);}
.special-preview .hover-effect::before{display: block; content: ""; width: 30px; height: 1px; background-color: #7c7c7c; position: absolute; top: 50%; left: calc(50% - 15px); transition: 0.5s;}
.special-preview .slide:hover .hover-effect{ visibility: visible; opacity: 1;}
.special-preview .slide:hover .hover-effect::before{transform: rotate(90deg);}


.special-preview .slide .txt h2{font-size: 22px; margin-top: 25px; margin-bottom: 15px;}
.special-preview .slide .txt p{font-size: 14px; color: #555555; line-height: 1.6;}

/*sub - default*/
.sub-wrap .con2 .tit{text-align: center;}
.sub-wrap .con2 .tit h2{font-family: "Caviar",sans-serif; font-size: 35px; font-weight: 300; margin-bottom: 20px;}
.sub-wrap .con2 .tit h3{font-size: 16px; color: #555555;}
.sub-wrap .con2 .tit p{font-size: 16px; color: #555555;}

/*view*/

.view-wrap .con2{padding-top: 120px;}
.view-wrap .con2 .wide-img{width: 100%; height: 600px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: 40px;}
.view-wrap .con2 aside{width: 50%; float: left;}
.view-wrap .con2 .col::after{content: ""; display: table; clear: both;}
.view-wrap .con2 .col1{padding-top: 70px;}
.view-wrap .con2 .col1 h2{font-family: "Signature",sans-serif; font-size: 30px; text-align: right; padding-right: 100px;}
.view-wrap .con2 .col1 .right{margin-bottom: 100px;}
.view-wrap .con2 .col1 .right h3{font-size: 16px; margin-bottom: 30px;}
.view-wrap .con2 .col1 .right p{font-size: 14px; color: #555555; line-height: 1.8;}
.view-wrap .con2 .col2{margin-bottom: 200px;}
.view-wrap .con2 .col2 .left .img{width: calc(100% - 35px); height: 330px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.view-wrap .con2 .col2 .left .txt-box p{font-size: 14px; text-align: right; margin-right: 35px; margin-top: 100px; line-height: 1.8;}
.view-wrap .con2 .col2 .left p.no-margin{text-align: left; margin: 0; font-size: 14px; margin-top: 5px;}
.view-wrap .con2 .col2 .right .img{width: calc(100% - 35px); height: 600px; background-size: cover; background-position: center; background-repeat: no-repeat;}

.view-wrap .con2 .col3::after{content: ""; display: table; clear: both; margin-bottom: 250px;}
.view-wrap .con2 .col3 .img{width: 680px; height: 430px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}
.view-wrap .con2 .col3 .right .img{z-index: 2;}

.view-wrap .con2 .col3 .left .txt-box h3{font-size: 20px; font-family: "Caviar",sans-serif; line-height: 45px; font-weight: 600;}
.view-wrap .con2 .col3 .left .txt-box h4{font-size: 14px;margin-bottom: 40px; font-weight: normal;}

/*room*/
.tap-menu{border-bottom: 1px solid #c0c0c0; margin-bottom: 100px;}
.tap-menu span{display: none;}
.tap-menu ul{width: 700px; margin: 0 auto; position: relative;height: 60px;}
.tap-menu::after{content: ""; display: table; clear: both;}
.tap-menu ul li{float: left;}
.tap-menu ul li a{display: block; text-align: center; line-height: 60px; font-size: 12px;}
.tap-menu ul li a::after{display: block; content: ""; width: 100%; height: 1px; background-color: #333; position: relative; bottom: 15px; transform: scaleX(0); transition: 0.5s;}
.tap-menu ul li a:hover::after{transform: scaleX(1);}
.tap-menu ul li a:hover{font-weight: 600; color: #40b5e3;}
.room-tap ul li a::after{margin: 0 auto; width: 70%;}

.room-wrap .con2 {margin-bottom: 80px;}
.room-wrap .con2 .tit h3{margin-top: 20px; margin-bottom: 45px;}
.room-wrap .con2 .tit p{font-size: 14px; margin-bottom: 30px; line-height: 1.8;}
.room-wrap .con2 .wide-img{width: 100%; height: 660px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.room_tit{text-align: center;}
.room_data li .data{text-align: center; padding-left: 0 !important; line-height: 1.6;}
.room-info{margin-top: 50px;}

.room-wrap .con3::after{content: ""; display: table; clear: both;}
.room-wrap .con3 aside{width: calc(50%); float: left;}
.room-wrap .con3 aside .img{background-position: center; background-size: cover; background-repeat: no-repeat; width: 640px; height: 425px;}
.room-wrap .con3 .left{margin-top: 270px; position: relative; z-index: 3;}
.room-wrap .con3 .right{position: relative; z-index: 2;}
.room-wrap .con3 .right .txt{padding-left: 55px; margin-top: 35px; font-size: 14px; color: #555555; line-height: 1.6;}
.room-info-wrap{padding-left: 5px; margin-top: 30px;}
.room-info-wrap h3{font-size: 11pt; line-height: 3; border-bottom: 1px solid #333;}
.room-info-wrap p{font-size: 10pt; margin-top: 15px;}
#priceLayer{margin-top: 50px;}

.room-wrap .con2 .room-slide-wrap::after{content: ""; display: table; clear: both;}
.room-wrap .con2 .room-slide-wrap{margin-bottom: 60px;}
.room-wrap .con2 .room-slide-wrap .slide-tit{width: 30%; float: left; text-align: center; padding-top: 100px; padding-right: 30px;}
.room-wrap .con2 .room-slide-wrap .slide-tit h2{font-family: "Caviar",sans-serif; font-size: 24px; font-weight: 400; margin-bottom: 30px;}
.room-wrap .con2 .room-slide-wrap .slide-tit p{font-size: 14px; line-height: 1.6;}
.room-wrap .con2 .room-slide-wrap .slide-tit p b{margin-top: 10px;}
.room-wrap .con2 .room-slide-wrap .slide-img{width: 70%; float: left; position: relative;}
.room-wrap .con2 .room-slide-wrap .slide-img .slide{height: 500px;}
.room-wrap .con2 .room-slide-wrap .slide-btn{position: absolute; bottom: 0; right: 0;}
.room-wrap .con2 .room-slide-wrap .slide-btn .btn{width: 50px; height: 50px; text-align: center; line-height: 50px; background-color: white; cursor: pointer;}
.room-wrap .con2 .room-slide-wrap .slide-btn .btn.prev{border-bottom: 1px solid #333;}


/*special*/
.special-wrap .con2 .tit{padding-top: 125px; margin-bottom: 80px;}
.special-wrap .con2 .wide-img{height: 600px; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.special-wrap .con3{padding-bottom: 200px;}
.special-wrap .con3::after{content: ""; display: table; clear: both;}
.special-wrap .con3 .tit{text-align: center; padding-top: 130px;}
.special-wrap .con3 .tit h3{font-size: 14px; font-weight: 300;}
.special-wrap .con3 .tit h2{font-size: 22px; margin-top: 5px;}
.special-wrap .con3 .tit .line{width: 1px; height: 25px; background-color: #e6e6e6; margin: 15px auto; display: block;}
.special-wrap .con3 .tit p{font-size: 14px; line-height: 1.6;}
.special-wrap .con3 .img-wrap{margin-top: 95px;}
.special-wrap .con3 .img-wrap .img{width: calc(50% - 10px); height: 360px; float: left; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: goldenrod; margin: 5px;}
.special-wrap .con3 .img-wrap.two-img .img{width: 60%; height: 420px;}
.special-wrap .con3 .img-wrap.two-img .img2{float: right; margin-top: -120px;}
.special-wrap .special-slide-wrap{margin-top: 20; background-color: #f5f5f5; padding-bottom: 175px;}
.special-wrap .special-slide-wrap .tit{text-align: center; margin-bottom: 70px; padding-top: 70px;}
.special-wrap .special-slide-wrap .tit h2{font-family: "Caviar",sans-serif; font-size: 40px; font-weight: 100;}
.special-wrap .special-slide-wrap .slide{height: 380px; margin:0 35px; padding: 30px; background-color: white; transition: 1s;}
.special-wrap .special-slide-wrap .slide:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.3);}
.special-wrap .special-slide-wrap .slide .img{width: 100%; height: 235px; margin-bottom: 20px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.special-wrap .special-slide-wrap .slide .txt h2{font-size: 17px;}
.special-wrap .special-slide-wrap .slide .txt p{font-size: 11px; transform: rotate(0.03deg); line-height: 1.6; margin-top: 5px;}
.special-wrap .special-slide-wrap .slick-dots{bottom: -100px;}
.special-wrap .special-slide-wrap .slick-dots li button{border: 1px solid #656565;}
.special-wrap .special-slide-wrap .slick-dots li.slick-active button{background-color: #104c77;}
.special-wrap .special-slide-wrap .slick-arrow{width: 100%; position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%);  pointer-events: none;}
.special-wrap .special-slide-wrap .slick-arrow .prev{float: left;width: 50px; height: 50px; border: 1px solid #333; border-radius: 50%; margin-left: -40px; padding-left: 18px; cursor: pointer; pointer-events: all;}
.special-wrap .special-slide-wrap .slick-arrow .next{float: right;width: 50px; height: 50px; border: 1px solid #333; border-radius: 50%; margin-right: -40px; padding-left: 20px;cursor: pointer; pointer-events: all;}
.special-wrap .special-slide-wrap .slick-arrow .fal{line-height: 48px; font-size: 20px;}
.special-wrap .special-slide-wrap .slick-arrow div:hover{background-color: #104c77;}
.special-wrap .special-slide-wrap .slick-arrow div:hover .fal{color: white;}

/*tour*/
.small-page-wrap .con1{width: 100%; height: 750px;} 
.small-page-wrap .bg{width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.small-page-wrap .con1 .tit{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white;}
.small-page-wrap .con1 .tit h3{font-weight: 100; text-align: center; margin-bottom: 20px; font-size: 18px;}
.small-page-wrap .con1 .tit h1{font-size: 45px; font-family: "DongKang",sans-serif; font-weight: 100;}

.tour-wrap .con2::after{display: table; content: ""; clear: both;}
.tour-wrap .con2 .tit{padding-top: 135px; margin-bottom: 150px;}
.tour-wrap .con2 aside{width: calc(50% - 10px); height: 350px; float: left; position: relative; margin-bottom: 80px;}
.tour-wrap .con2 aside .slide{width: 100%; height: 350px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.tour-wrap .con2 aside.left{margin-right: 20px;}
.tour-wrap .con2 aside.txt-box.right{padding-left: 30px;}
.tour-wrap .con2 aside.txt-box.left{text-align: right; padding-right: 30px;}
.tour-wrap .con2 aside.txt-box.left .line{margin-left: calc(100% - 35px);}
.tour-wrap .con2 aside.txt-box.left .bold{right: 30px;}
.tour-wrap .con2 aside.txt-box{padding-top: 45px;}
.tour-wrap .con2 aside.txt-box h2{font-size: 22px; color: #053150 ;}
.tour-wrap .con2 aside.txt-box .line{width: 35px; height: 1px; background-color: #104c77 ; display: block; margin-top: 15px; margin-bottom: 15px;}
.tour-wrap .con2 aside.txt-box h3{font-size: 14px; margin-bottom: 35px;}
.tour-wrap .con2 aside.txt-box p{font-size: 13px; line-height: 1.6;}
.tour-wrap .con2 aside.txt-box p.bold{font-weight: 600; position: absolute; bottom: 50px;}

.tour-wrap .slick-arrow{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;  pointer-events: none;}
.tour-wrap .slick-arrow .prev{float: left; margin-left: 50px; cursor: pointer; pointer-events: all;}
.tour-wrap .slick-arrow .next{float: right; margin-right: 50px; cursor: pointer; pointer-events: all;}
.tour-wrap .slick-arrow .fal{font-size: 24px; color: white;}

/*map*/
.map-wrap .inner-con{padding: 0 70px;}
.m-map{display: none; margin: 0 auto;}
.pc-map{width: 100%; margin: 0 auto; overflow: hidden;}

.map-wrap .con2::after{display: table; content: ""; clear: both;}
.map-wrap .con2 .map-box .nav-txt{width: 100%; height: 80px; border-bottom: 1px solid #bfc2c1;}
.map-wrap .con2 .map-box .nav-txt h2{float: left; font-size: 22px; font-family: "Colaborate",sans-serif; line-height: 80px;}
.map-wrap .con2 .map-box .nav-txt h2 span{font-size: 14px; font-family: "Nanum Gothic",sans-serif; font-weight: 100;}
.map-wrap .con2 .map-box .nav-txt p{float: left; line-height: 80px; margin-left: 50px;}
.map-wrap .con2 .tit{padding-top: 130px; margin-bottom: 55px;}

.map-wrap .con3{margin-top: 120px;}
.map-wrap .con3::after{display: table; content: ""; clear: both;}
.map-wrap .con3 aside{width: 50%; float: left;}
.map-wrap .con3 .left h2{font-size: 22px; font-family: "Colaborate",sans-serif;}
.map-wrap .con3 .left h3{font-size: 14px; margin-bottom: 40px; line-height: 1.8; font-weight: 300;}
.map-wrap .con3 .left p{font-size: 14px; margin-bottom: 30px; line-height: 1.6;}
.map-wrap .con3 .left b{display: block;}

.map-wrap .con3 .right .img{width: 530px; height: 310px; background-size: cover; background-repeat: no-repeat; background-position: center; margin-top: 40px; margin-left: 15px;}

/*reser*/
.m-price{display: none;}
.reser-wrap .con2 .tit{padding-top: 150px; margin-bottom: 60px;}
.reser-wrap .con2 .txt{padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #333;}
.reser-wrap .con2 .res_box{float: right; margin-top: 40px;}
.reser-wrap .con2 .res_box::after{content: ""; display: table; clear: both;}
.reser-wrap .con2 .txt::after{content: ""; display: table; clear: both;}
.reser-wrap .con2 .txt h3{font-size: 22px; font-family: "Colaborate",sans-serif; font-weight: 300;}
.reser-wrap .con2 .txt h4{font-size: 16px; margin-top: 55px; float: left;}
.reser-wrap .con2 .txt span{font-size: 16px; margin-left: 25px; font-weight: 300;}
.reser-wrap .con2 .info-txt h4{font-size: 16px; border-bottom: 1px solid #e4e2e2; padding-bottom: 10px; margin-bottom: 10px; margin-top: 50px;}
.reser-wrap .con2 .info-txt p{font-size: 14px; color: #555555; line-height: 1.8;}
.reser-wrap .con2{margin-bottom: 150px;}

.reser-wrap .con3 .col::after{display: table; content: ""; clear: both;}
.reser-wrap .con3::after{content: ""; display: table; clear: both;}
.reser-wrap .con3 .tit h3{font-size: 22px; font-family: "Colaborate",sans-serif; font-weight: 300;}
.reser-wrap .con3 .tit h3 span{font-size: 16px; margin-left: 25px; font-weight: 300;}
.reser-wrap .con3 .col{border-bottom: 1px solid #dddddd;}

.reser-wrap .con3 aside{float: left;}

.reser-wrap .con3 .left{width: 33%}
.reser-wrap .con3 .right{width: 67%;}


.reser-wrap .con3 .col1 .left{width: 45%;}
.reser-wrap .con3 .col1 .right{width: 55%; padding-top: 80px; padding-left: 60px;}
.reser-wrap .con3 .col1 .left .tit{margin-bottom: 50px;}
.reser-wrap .con3 .col1 .img{width: 100%; height: 330px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.reser-wrap .con3 .col1 .txt p.tel{font-size: 16px;}
.reser-wrap .con3 .col1 .txt p.tel a{margin-right: 5px; display: inline-block; margin-left: 5px;}
.reser-wrap .con3 .col1 .txt p{margin-bottom: 30px; line-height: 1.6;}
.reser-wrap .con3 .col1{padding-bottom: 100px;}

.reser-wrap .con3 .col1 .txt p{line-height: 1.6;}
.reser-wrap .con3  h3{margin-bottom: 15px; font-size: 16px;}
.reser-wrap .con3  p{font-size: 14px; line-height: 1.8; margin-bottom: 30px; color: #555555;}
.reser-wrap .con3  p span.red{color: #b91616;}

.reser-wrap .con3 .col4 table{font-size: 14px;}
.reser-wrap .con3 .col4 table{outline: none; width: 645px; text-align: center; outline: none; border-spacing: 0; margin-bottom: 10px;}
.reser-wrap .con3 .col4 table td,.reser-wrap .con3 .col4 table th{line-height: 40px; border: 1px solid #dddddd;}
.reser-wrap .con3 .col4 table th{background-color: #ebebeb;}
.reser-wrap .con3 .col4 table .line1{width: 60%;}
.reser-wrap .con3 .col4 table .line2{width: 40%;}

.reser-wrap .con3 .col{padding-top: 40px;}
.reser-wrap .con3 .col2{ padding-bottom: 120px;}
.reser-wrap .con3 .col3{padding-bottom: 95px;}
.reser-wrap .con3 .col4{border-bottom: none;}
.reser_box{width: 160px; line-height: 40px; display: block; border: 1px solid #939ba6; text-align: center; margin: 30px auto; transition: 0.8s;}
.reser_box:hover{background-color: #939ba6; color: white;}
.reser_box .fal {margin-right: 5px;}

/*ft-con*/

.ft-con .bg{width: 100%; height: 700px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.ft-con .inner-con{height: 100%;}
.ft-con .txt{color: white; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.ft-con .txt h3{font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: 300;}
.ft-con .txt h2{font-size: 45px; margin-bottom: 30px; font-family: "Caviar",sans-serif; font-weight: 300;}
.ft-con .txt p{font-size: 14px; line-height: 1.6;}
.room_data li .person_limit table{margin: 0 auto;}


/*ft*/
.ft{padding-top: 120px; padding-bottom: 60px; text-align: center;}
.ft .tel{font-size: 26px; margin-bottom: 30px; display: inline-block;}
/* .ft .tel:first-of-type::after{content: "/"; display: inline-block; margin: 0 10px;} */
.ft .address span{ font-size: 13px; line-height: 1.6;}
.ft .address span::after{content: "|"; display: inline-block; margin: 0 15px;}
.ft .address span:last-of-type::after{display: none;}
.ft .copyright{margin-top: 25px; margin-bottom: 45px;}
.ft .copyright span{font-size: 13px; font-family: Arial,"Nanum Gothic";}
.ft .log{font-size: 14px; text-decoration: underline;}
.ft .sns-box{margin-bottom: 45px;}
.ft .sns-box a{display: inline-block; margin: 0 10px; width: 20px; height: 20px;}
.ft .sns-box a img{width: 100%;}
.ft-link{width: 180px; line-height: 40px; display: block; margin: 0 auto; font-size: 14px; background-color: #888888; margin-bottom: 30px; color: white;}
.icon-aw_logo_svg:before{content:'\0042'; display:inline-block; margin-left:10px; margin-right:5px; vertical-align:middle; font-size:25px; color:#333333; }
.toTop{width: 40px; height: 40px; background-color: #939ba6; position: fixed; right: 100px; bottom: 100px; cursor: pointer; transition: 0.8s; font-size: 12px; color: white; text-align: center; }
.toTop .fal{display: block; margin-bottom: 5px; margin-top: 3px;}


/*스크롤 효과*/
.scroll-box{overflow: hidden;}
.scroll-tit{transform: translateY(1.5em); transition: 1.5s; transition-timing-function: ease-out;}
.scroll-tit.on{transform: translateY(0);}

.scroll-txt{transform: translateY(50px); opacity: 0; transition: 1.5s;}
.scroll-txt.on{transform: translateY(0); opacity: 1;}

.scroll-obj{transform: translateY(100px); transition: 1.5s; opacity: 0;}
.scroll-obj.on{transform: translateY(0px); opacity: 1;}
.scroll-line{transform: scaleY(0); transition: 1.5s;} 
.scroll-line.on{transform: scaleY(1);}

/*반응형*/
@media all and (max-width: 1620px){
    .main-inner{width: calc(100% - 50px);}
    .inner-con{width: calc(100% - 50px);}
    .hd .logo{left: 50px;}    
}

@media all and (max-width: 1024px){
    .special-preview .slide{width: calc(50% - 40px); margin:20px;}    
    .hd .nav-btn{display: block;}  
    .hd .n-pay{display: none;}  
    .hd .btn-box .go_res{width: 35px; height: 35px; margin-top: 18px; z-index: 500; position: relative; background-size: cover; background-color: transparent; position: relative; font-size: 10px;}  
    .hd .btn-box .go_res .fal{width: 35px; height: 35px; line-height: 35px; text-align: center; position: absolute; top: 0; left: 0; font-size: 24px; text-indent: 0;}
    .hd .main-menu:hover .sub-menu{height: unset;}
    .hd .white-box{display: none;}
    .hd .main-menu{display: none; width: 100vw; height: 100%; position: fixed; top: 0px; left: 0; background-color: white; transform: translateX(0); padding-top: 80px;}
    
    .hd .main-menu > ul > li > a{font-size: 14px; line-height: 1.8;}
    .hd .main-menu a{color: #333; font-size: 12px; line-height: 28px;}
    
    .hd .main-menu > ul > li{ width: 33.333%;}
    .hd .main-menu > ul > li > a{width: 100%; color: #333; line-height: 40px;}
    .hd .sub-menu{min-height: 280px;}
    .view-wrap .con2 .col3 .img{width: 100%; height: 300px;}
    .room-wrap .con3 aside .img{width: 100%; height: 300px;}
    .map-wrap .con3 .right .img{width: 100%; height: 280px;}
    .toTop{bottom: 30px; right: 30px;}
    .hd .btn-box {margin-right: 80px;}
    .hd:hover .sub-menu{height: unset;}
}

@media all and (max-width: 900px){
    .view-wrap .con2 .col3 .img{height: 250px;}
    .room-wrap .con3 aside .img{width: 100%; height: 250px;}
    .map-wrap .con3 .right .img{height: 220px;}

    .room-wrap .con2 .room-slide-wrap{margin-bottom: 80px; margin-top: 100px;}
    .room-wrap .con2 .room-slide-wrap .slide-tit{width: 100%; padding: 0; float: unset; margin-bottom: 50px; }
    .room-wrap .con2 .room-slide-wrap .slide-img{width: 100%; float: unset; }
    .room-wrap .con2 .room-slide-wrap .slide-img .slide{height: 300px;}                        
}

@media all and (max-width: 700px){
    
    .main-inner{width: calc(100% - 20px);}
    .full-page-wrap .con1 .slide{height: 300px;}
    .inner-con{width: calc(100% - 20px);} 
    
    
  
    .hd .logo{left: 10px; width: 140px; height: 90px; line-height: 90px;}
    .hd .sub-menu{padding-top: 0;}
    .con1 .slick-arrow .fal{font-size: 24px;}
    .con1 .slick-arrow .prev{margin-left: 25px;}
    .con1 .slick-arrow .next{margin-right: 25px;}
    .main-wrap .con2 .tit h2{font-size: 16px;}
    .main-wrap .con2 .tit p{font-size: 12px;}
    .slick-dots{display: none !important;}
    .main-wrap .con2 #vimeo-wrap{height: 55vw;}
    .main-wrap .con2 #vimeo-wrap .txt-box{width: 100%; height: 190px; bottom: -46.3vw; right: 0px; padding-top: 10px;}
    .main-wrap .con2 #vimeo-wrap .txt-box h3{font-size: 18px; margin-bottom: 10px}
    .main-wrap .con2 #vimeo-wrap .txt-box p{font-size: 12px;}
    .main-wrap .con2 #vimeo-wrap .txt-box a{margin-top: 20px;}
    .full-page-wrap .con1 .tit h2{font-size: 14px;}
    .full-page-wrap .con1 .tit h1{font-size: 24px; white-space: nowrap;}
    .main-wrap .con2 .tit{margin-bottom: 50px; padding-top: 50px;}
    .special-preview .slide{width: calc(50% - 10px); margin: 5px; height: 240px; padding: 10px;} 
    .special-preview .slide .img{height: 120px;}
    .special-preview .slide .txt h2{font-size: 14px; margin-top: 10px; margin-bottom: 10px;}
    .special-preview .slide .txt p{font-size: 11px;}
    .special-preview .slide .txt p br{display: none;}
    .main-wrap .special-preview .slide:nth-of-type(2n - 1){margin-top: 5px;}
    .special-preview{padding-bottom: 100px;}
    .special-preview .tit{margin: 0 auto; padding: 50px; text-align: center; }  
    .special-preview .tit h2{font-size: 30px;}
    .special-preview .tit h3{font-size: 14px; margin-top: 10px;}
    .res-wrap h2{padding-top: 0; font-size: 25px;}   
    .res-wrap p{font-size: 12px; margin-bottom: 30px;}
    .res-wrap a{margin-bottom: 50px;}
    .res-wrap{padding-top: 30px;}
    .view-wrap .con2{padding-top: 50px;}
    .sub-wrap .con2 .tit h2{font-size: 30px;}
    .sub-wrap .con2 .tit p{font-size: 14px;}
    .view-wrap .con2 .wide-img{height: 200px;}
    .view-wrap .con2 aside{width: 100%; float: none;}
    .view-wrap .con2 .col1 h2{text-align: left;}
    .view-wrap .con2 .col1 .right h3{font-size: 12px; margin-top: 30px;}
    .view-wrap .con2 .col1 .right p{font-size: 12px; margin-top: 30px;}
    .view-wrap .con2 .col2 .right .img{height: 200px; width: 100%;}
    .view-wrap .con2 .col2 .left .img{height: 200px; width: 100%;}    
    .view-wrap .con2 .col2 .right .img{ margin-top: 35px;}
    .view-wrap .con2 .col2 .txt-box p{font-size: 12px; margin-top: 5px; line-height: 1.6;}
    .view-wrap .con2 .col2{margin-bottom: 50px;}
    .view-wrap .con2 .col3 .left .txt-box h3{font-size: 14px;}
    .view-wrap .con2 .col3 .img{width: 70%; height: 40vw;}
    .view-wrap .con2 .col3 .right .img{margin-top: -30px; margin-left: 28vw;}
    .view-wrap .con2 .col3::after{margin-bottom: 50px;}
    .view-wrap .con2 .col2 .left p.no-margin{font-size: 12px; margin-top: 5px;}
    
    .tap-menu ul{width: 100%;}
    /* .tap-menu ul li{width: 11.1111%;} */
    .tap-menu ul li a{width: 100%; font-size: 10px; white-space: nowrap;}
    .sub-wrap .con2 .tit h3{font-size: 12px;}
    .room-wrap .con2 .tit p{font-size: 12px; letter-spacing: -1px;}
    .sub-wrap .con2 .tit h2{margin-bottom: 10px;}
    .room-wrap .con2 .tit h3{margin-top: 10px; margin-bottom: 25px;}
    .room-wrap .con2 .wide-img{height: 200px;}
    .room-wrap .con3 aside{width: 100%;}
    .room-wrap .con3 aside .img{width: 70%; height: 45vw;}
    .room-wrap .con3 .right .img{margin-top: -30px; margin-left: 25vw;}
    .room-wrap .con3 .right .txt{display: none;}
    .room-wrap .con3 .left{margin-top: 0;}
    .week_date p{font-size: 13px !important;}


    .special-wrap .con3 .tit p{font-size: 12px;}
    .special-wrap .con3 .img-wrap .img{width: 100%; float: none; margin: 0; margin-bottom: 10px; height: 200px;}
    .special-wrap .con3 .img-wrap.two-img .img{width: 100%; float: none; height: 200px; margin: 0; margin-bottom: 10px;}
    .special-wrap .con2 .wide-img{height: 200px;}
    .special-wrap .con2 .tit{padding-top: 50px; margin-bottom: 50px;}
    .special-wrap .con3 .tit{padding-top: 50px;}
    .special-wrap .con3 .img-wrap{margin-top: 50px;}
    .special-wrap .con3{padding-bottom: 50px;}
    .special-wrap .special-slide-wrap .tit{margin-bottom: 50px;}
    .special-wrap .special-slide-wrap .tit h2{font-size: 30px;}
    .special-wrap .special-slide-wrap .slide{width: calc(50% - 10px); float: left; padding: 10px; margin: 0; margin: 5px; height: 80vw;}
    .special-wrap .special-slide-wrap .slide .img{height: 35vw;}
    .special-wrap .special-slide-wrap .slide .txt h2{font-size: 14px;}
    .special-wrap .special-slide-wrap .slide .txt p{font-size: 10px;}
    .special-wrap .special-slide-wrap .slide .txt p br{display: none;}
    .special-wrap .special-slide-wrap::after{display: table; content: ""; clear: both;}
    .special-wrap .special-slide-wrap .slick-arrow{display: none;}
    .fix-mobile br{display: none;}
    .fix-mobile span{display: block;}
    .small-page-wrap .con1{height: 300px;}
    .small-page-wrap .con1 .tit h1{font-size: 24px;}
    .small-page-wrap .con1 .tit h3{font-size: 12px;}
    .tour-wrap .con2 aside.txt-box p{font-size: 12px;}
    .tour-wrap .con2 aside.txt-box p br{display: none;}
    .tour-wrap .con2 aside.txt-box p span{display: block;}
    .tour-wrap .con2 aside.txt-box p.bold{position: unset; margin-top: 30px;}
    .tour-wrap .con2 .tit{padding-top: 50px; margin-bottom: 50px;} 
    .tour-wrap .con2 aside{width: 100%; float: none; margin: 0; height: unset; }
    .tour-wrap .con2 aside .slide{height: 200px;}
    .tour-wrap .con2 aside.txt-box.right{padding-left: 0;}
    .tour-wrap .con2 aside.txt-box.left{text-align: left; padding-right: 0;}
    .tour-wrap .con2 aside.txt-box.left .line{margin-left: 0;}
    .tour-wrap .con2 section{margin-bottom: 50px; border-bottom:1px solid #d8d8d8 ; padding-bottom: 50px;}
    .tour-wrap .con2 .txt br{display: none;}
    .tour-wrap .con2 .txt span{display: block;}
    .tour-wrap .slick-arrow .prev{margin-left: 25px;}
    .tour-wrap .slick-arrow .next{margin-right: 25px;}

    .map-wrap .con3 aside{width: 100%; float: none;}
    .map-wrap .con3 .right .img{width: 100%; height: 200px; margin-left: 0; margin-bottom: 30px;}
    .map-wrap .inner-con{padding: 0;}
    .map-wrap .con2 .map-box .nav-txt p{font-size: 12px; margin-left: 0; line-height: 1.8;}  
    .map-wrap .con2 .map-box .nav-txt{height: 40px; margin-top: 20px;}  
    .map-wrap .con2 .map-box .nav-txt h2{line-height: 40px;}
    .map-wrap .con3{margin-top: 50px;}
    .map-wrap .con2 .tit{padding-top: 50px; margin-bottom:50px;}
    .map-wrap .con3 .left p{font-size: 12px; margin-bottom: 35px;}
    
    .reser-wrap .con2 .tit{padding-top: 50px; margin-bottom: 50px;}
    .reser-wrap .con3 aside{float: none;}
    .reser-wrap .con3 .col1{padding-bottom: 50px;}
    .reser-wrap .con3 .col1 .left{width: 100%;}
    .reser-wrap .con3 .col1 .right{width: 100%; padding-left: 0;}
    .reser-wrap .con3 .col1 .img{height: 250px;}
    .reser-wrap .con3 .left{width: 100%;}
    .reser-wrap .con3 .right{width: 100%;}
    .reser-wrap .con3 .col4 table{width: 100%; font-size:11px;}
    .reser-wrap .con3 .tit h3 span{font-size: 12px; margin-left: 5px;}
    .reser-wrap .con3 p{font-size: 13px;}
    .reser-wrap .con2 .info-txt p{font-size: 12px;}
    .reser-wrap .con3 .col1 .txt p{font-size: 12px;}
    .reser-wrap .con3 .col1 .txt p.tel{font-size: 14px;}
    .reser-wrap .con3 .col2{padding-bottom: 50px;}
    .reser-wrap .con3 .tit h3{font-size: 18px;}
    .reser-wrap .con3 p{font-size: 12px;}
    .hd:hover{background-color: transparent !important;}
    .rsv_cal_t p{font-size: 13px !important;}
    .reser-wrap .con2{margin-bottom: 50px;}
    .reser-wrap .con2 .info-txt h4{margin-top: 25px;}
    .reser-wrap .con3 .col1 .left .tit{margin-bottom: 25px;}
    .ft-con .bg{height: 300px;}
    .ft-con .txt h3{font-size: 14px;}
    .ft-con .txt h2{font-size: 30px;}
    .ft-con .txt p{font-size: 12px;}
    .ft  span{display: block;}
    .ft .address span:first-of-type::after{display: none;}
    .ft .address span{font-size: 12px;}
    .ft .log{font-size: 12px;}
    .ft .sns-box a{width: 18px;}
    
    .ft .copyright{margin-bottom: 25px;}
    .ft .copyright span{font-size: 12px;}
    
    .ft .tel{font-size: 20px;}
    .ft{padding-bottom: 50px; padding-top: 80px;}
    


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