@charset "utf-8";



/*defualt*/
*{margin: 0; padding: 0; box-sizing: border-box;}
html,body{width: 100%; height: 100%;-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; color: #665c52; font-family: "NotoSerif","Lato",sans-serif;}

li{list-style: none;}
a{text-decoration: none; color: #665c52;}
button,input,a,label{border: none; outline: none; background-color: transparent; box-sizing: none;}
.wrapper{width: 100%; position: relative;}
.slide{background-position: center; background-size: cover; background-repeat: no-repeat;}
section{position: relative; z-index: 10; background-color: white;}
.con1{z-index: 11;}
.slick-slider *{border: 0; outline: 0;}
.full-page{width: 100%; height: 100vh;}
.con1 .main-tit{text-align: center; position: absolute; bottom: 50%; left: 50%; transform: translateX(-50%); pointer-events: none;}
.con1 .main-tit h3{font-size: 16px; color: white; font-family: "Lato",sans-serif; margin-bottom: 25px; font-weight: 400;}
.con1 .main-tit h1{font-size: 50px; color: white; font-family:"Didot",serif; font-weight: 100; letter-spacing: 0.1em; white-space: nowrap;}
.con2 .bread h3{line-height: 220px; text-align: center; font-size: 12px; font-family: "Noto Sans KR",sans-serif; color: #999999; font-weight: 100;}
.res_box{display: block; border: 1px solid #837a69; line-height: 40px; width: 260px; text-align: center; color: #837a69; font-family: "Noto Sans KR",sans-serif; font-size: 14px; margin: 0 auto;}
.star-list li{position: relative;}
.star-list li::before{content: "*"; display: inline-block; position: absolute; left: -1em; top: 0.2em;}
.dash-list li{position: relative;}
.dash-list li::before{content: "-"; display: inline-block; position: absolute; left: -1em; top: -0.2em;}
.dash-list1 li{position: relative;}
.dash-list1 li::before{content: "-"; display: inline-block; position: absolute; left: -1em; top: -0.2em;}
.reser-box{padding-top: 0px;}
.m-br{display: block;}
.p-br{display: none;}
.icon-wrap-box{width: 100%;display: flex;justify-content: center;padding-bottom: 100px;}
/*영상*/
.main-slide-wrap .slide-wrap{overflow: hidden;}
.m-main-vdo{display: none;}

/*header*/
.hd{width: 100%; height: 130px; position: fixed; top: 0; left: 0; z-index: 5000; pointer-events: none; transition: 0.8s;}
.hd .logo{margin-left: 80px; margin-top: 55px; float: left; pointer-events: all; transition: 0.8s;}
.hd .logo a{width: 135px; display: block; transition: 0.8s;}
.hd .logo a img{width: 100%;height: 100%;}
.hd-btn{float: right; margin-top: 80px; margin-right: 120px;  pointer-events: all;  transition: 0.8s;}
.hd-btn .fal{margin-right: 5px;}
.hd-btn a{display: inline-block; border: 1px solid white; padding: 0px 15px; line-height: 1.8; border-radius: 10px; font-size: 14px; font-family: "NotoSerif",sans-serif; color: white; transition: 0.8s;}
.hd-btn a:hover{background-color: #665c52;}
.hd.fixed .hd-btn a:hover{color: white;}
.hd.on .hd-btn a:hover{color: white;}

.hd.fixed{height: 80px; background-color: rgba(255,255,255,0.8);}
.hd.fixed .main-menu{margin-top: 0; top: 0;}
.hd.fixed .logo{margin-top: 6px;}
.hd.fixed .logo a{width: 100px;}
.hd.fixed .hd-btn{margin-top: 28px;}
.hd.fixed .main-menu a{color: #665c52;}
.hd.fixed .main-menu > ul > li > a{line-height: 80px; transition: 0.8s;}
.hd.fixed .hd-btn a{color: #665c52; border-color: #665c52;}

.hd.on{height: 80px; background-color: rgba(255,255,255,0.8);}
.hd.on .main-menu{margin-top: 0;}
.hd.on .logo{margin-top: 10px;}
.hd.on .logo a{width: 90px;}
.hd.on .hd-btn{margin-top: 28px;}
.hd.on .menu-btn{margin-top: 35px;}
.hd.on .hd-btn a{color: #665c52; border-color: #665c52;}

.hd.on .main-menu a{color: #665c52;}
.hd.on .menu-btn .line{background-color: #665c52;}
.sub-wrap .main-menu{visibility: hidden; opacity: 0; pointer-events: none;}
.sub-wrap .hd.on .main-menu{visibility: visible; opacity: 1; pointer-events: all;}
.sub-wrap .main-menu{transform: translateX(-50%); top: 0;}
.sub-wrap .main-menu > ul > li > a{line-height: 80px;}

.main-menu{text-align: center; position: absolute; top: 50%; left: 50%; transform: translateX(-50%); z-index: 50; margin-top: 70px;  pointer-events: all; transition: 0.8s;}
.main-menu > ul{display: flex; justify-content: space-between;}
.main-menu > ul > li { width: 130px; text-align: center; line-height: 30px; float: left;}
.main-menu > ul > li > a{display: block; line-height: 50px; font-size: 13px;}
.main-menu a{color: white; font-family: "Lato",sans-serif;}
.sub-menu{display: none;}
.sub-menu li{clear: both;}
.sub-menu a{display: block; line-height: 25px; font-size: 12px; letter-spacing: -0.05em;}
.inner-con{max-width: 1250px; margin: 0 auto; position: relative;}
.sub-wrap .page-wrap{bottom: 0px;}

.sub-wrap .page-wrap .page{margin-top: 0;}
.page-wrap{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); color: white; text-align: center; z-index: 100;}
.page-wrap .scroll-down{font-family: "Baskerton",sans-serif; font-size: 16px; margin-bottom: 15px;}
.page-wrap .scroll-down p{cursor: pointer;}
.page-wrap .page{position: relative; pointer-events: none;}
.page-wrap .page p{display: inline-block; font-family: "Baskerton"; font-size: 16px; position: relative; top: -35px;}
.page-wrap .line{width: 1px; height: 80px; display: inline-block; background-color: white; margin: 0 5px;}
/*main*/
.full-page .slide{height: 100vh;}
.main-wrap .menu-btn{display: none;}
.main-wrap .con2{background-color: #e8e5e1; padding-bottom: 120px;}
.main-wrap .con2 .info {width: 1180px; margin: 0 auto; height: auto; background-color: #e0dcd6; position: relative; height: 900px;}
.main-wrap .con2 .info::after{content: ""; display: table; clear: both;} 
.main-wrap .con2 .info .left-img{width: 42%; height: 100%; float: left; overflow: hidden; position: relative;}
.main-wrap .con2 .info .left-img img{height: 100%; margin-left: -400px;}
.main-wrap .con2 .info .right{float: left; padding-left: 75px;}
.main-wrap .con2 .info .txt-box{padding-top: 160px; margin-bottom: 65px;}
.main-wrap .con2 .info .txt-box::after{content: ""; display: table; clear: both;}
.main-wrap .con2 .info .txt-box h2{margin-bottom: 65px; font-size: 60px; font-family: "Portrait",sans-serif; font-weight: 100; color: #996666; position: relative; display: inline-block; line-height: 1;}
.main-wrap .con2 .info .txt-box h2::after{content: ""; display: block; background-color: #996666; height: 1px; width: 120%;}
.main-wrap .con2 .info .txt-box p{color: #999999; font-size: 14px; line-height: 1.6; margin-bottom: 60px; font-weight: 300;}
.main-wrap .con2 .info .txt-box p.b{margin-bottom: 35px; font-weight: 600;}
.main-wrap .con2 .info .img-box .img{float: left; width: 180px; height: 170px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-right: 10px;}
.left-txt{ position: absolute; left: 30px; top: 50%; transform: rotate(-90deg); font-size: 12px; font-family: "Noto Sans KR",sans-serif; font-weight: 300;}
.right-txt{ position: absolute; right: 30px; top: 50%; transform: rotate(-90deg); font-size: 12px; font-family: "Noto Sans KR",sans-serif; font-weight: 300;}
.video-section{ width: 100%; height: 960px; z-index: 0; overflow: hidden;}
.video-section .video-wrap{top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; position: fixed;}
.video-section .video-wrap img{display: block; width: 100%;}
.img-box .video-wrap iframe{transform: scale(1.024);}
.full-page-vimeo{width: 100vw; position: relative;}

/*sub*/
.sub-wrap .main-menu{display: block; margin-top: 0;}
.hd .menu-btn{float: left; width: 30px; height: 25px; cursor: pointer; border: 1px; margin-top: 90px; margin-left: 25px; pointer-events: all;  transition: 0.8s;}
.hd .menu-btn .line{width: 30px; height: 2px; background-color: white; box-shadow: 0px 1px 5px rgba(0,0,0,0.6); display: block; transition: 0.5s; position: absolute;}
.hd .menu-btn .line2{width: 15px; transform: translateY(8px);}
.hd .menu-btn .line3{transform: translateY(15px);}

.hd .menu-btn.on .line1{transform: rotate(45deg);}
.hd .menu-btn.on .line3{transform: rotate(-45deg);}
.hd .menu-btn.on .line2{transform: translateX(30deg); opacity: 0; visibility: hidden;}


.sub-wrap section{background-color: #f7f4ee;}
.pro-info{width: calc(100% - 200px); margin: 0 100px; border-bottom: 1px solid #c9c6bd; padding:  65px 0;}
.pro-info::after{content: ""; display: table; clear: both;}
.pro-info .left{float: left;}
.pro-info .left h3{font-size: 14px; line-height: 2; font-family: "Lato",sans-serif; font-weight: 400;}
.pro-info .right{float: right;}
.pro-info .right h4{font-size: 14px; font-family: "Noto Sans KR", sans-serif; font-weight: 400;}
.pro-info .right p{font-size: 14px; font-family: "Lato",sans-serif; margin-top: 12px; font-weight: 300;}
.sub-wrap .con2{background-color: #f7f4ee;}
.sub-wrap .con2 .tit-box{text-align: center; padding-top: 70px;}
.sub-wrap .con2 .tit-box h4{font-family: "Portrait",sans-serif; font-size: 50px; font-weight: 100; color: #5e4e3b;}
.sub-wrap .con2 .tit-box h3{font-size: 18px; color: #5e4e3b; font-weight: 300;margin-bottom: 70px;}
.tap-menu{width: 100%; border-bottom: 1px solid #cccccc;}
.tap-menu .sub-menu{display: block; margin: 0 auto; display: flex; justify-content: space-between;}
/* .tap-menu .sub-menu::after{display: table; content: ""; clear: both;} */
.tap-menu .sub-menu.room2-menu li{margin-left: 27px;}
.tap-menu .sub-menu li a{line-height: 75px; text-align: center; font-size: 12px; font-family: "Noto Sans KR",serif;}
/* .tap-menu .sub-menu.long li{width: 16%;}


.tap-menu .sub-menu.long{display: flex; justify-content: space-between;}
.tap-menu .sub-menu.long::after{display: table; content: ""; clear: both;}

.tap-menu .sub-menu.long li a{line-height: 75px; text-align: center; font-size: 12px; font-family: "Noto Sans KR",serif;} */
.wide-inner{width: 1360px; margin: 0 auto; position: relative;}
.half-page{width: 100%; height: 600px;}
.half-page .bg{width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}

.basic-slide-wrap .slide-btn{pointer-events: none; width: calc(100% + 50px); position: absolute; top: calc(50% + 15px); left: 50%; transform: translate(-50%, -50%); z-index: 300;}
.basic-slide-wrap .slide-btn .btn{pointer-events: all; display: inline-block;}
.basic-slide-wrap .slide-btn .btn.prev{float: left;}
.basic-slide-wrap .slide-btn .btn.next{float: right;}
.basic-slide-wrap .slide-btn .btn .fal{color: white; font-size: 24px; cursor: pointer;}

.main-slide-wrap .slide-btn{pointer-events: none; width: calc(100% + 50px); position: absolute; top: calc(50% + 15px); left: 50%; transform: translate(-50%, -50%); z-index: 300;}
.main-slide-wrap .slide-btn .btn{pointer-events: all; display: inline-block;}
.main-slide-wrap .slide-btn .btn.prev{float: left;}
.main-slide-wrap .slide-btn .btn.next{float: right;}
.main-slide-wrap .slide-btn .btn .fal{color: white; font-size: 24px; cursor: pointer;}

.m-slide-wrap .slide-btn{pointer-events: none; width: calc(100% + 50px); position: absolute; top: calc(50% + 15px); left: 50%; transform: translate(-50%, -50%); z-index: 300;}
.m-slide-wrap .slide-btn .btn{pointer-events: all; display: inline-block;}
.m-slide-wrap .slide-btn .btn.prev{float: left;}
.m-slide-wrap .slide-btn .btn.next{float: right;}
.m-slide-wrap .slide-btn .btn .fal{color: white; font-size: 24px; cursor: pointer;}



/*PROLOGUE*/
.pro-wrap .con2{background-color: #f7f4ee;}
.pro-wrap .con2 .tit-box h2{font-size: 16px; color: #999999; font-family: "Lato",sans-serif; font-weight: 300; margin-bottom: 25px;}
.pro-wrap .con2 .tit-box h1{font-size: 44px; font-family: "Didot"; color: #999999; font-weight: 100; margin-bottom: 50px;}
.pro-wrap .con2 .img-box{width: 680px; height: 420px; margin: 0 auto; background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 55px;}
.pro-wrap .con2 .img-box.img-video{width: 1100px; height: 625px;}
.pro-wrap .con2 .img-box.img-video img{width: 100%; display: block;}
.pro-wrap .con2 .txt-box{text-align: center; padding-bottom: 80px;}
.pro-wrap .con2 .txt-box p{font-size: 15px; color: #999999; font-weight: 300; line-height: 1.6; margin-bottom: 40px;}
.pro-wrap .con2 .txt-box p.bold{font-size: 16px; font-weight: 600; margin-bottom: 30px;}
.pro-wrap .con2 .txt-box .link{display: block; width: 150px; text-align: center; margin: 0 auto; line-height: 30px; border-bottom: 1px solid #999966; font-size: 15px;}
.pro-wrap .con3{background-color: #f6f4ee;}
.pro-wrap .con3 .img-box{width: 90%; margin: 0 auto; margin-top: 180px; }
.pro-wrap .con3 .img-box::after{content: ""; display: table; clear: both; padding-bottom: 150px;}
.pro-wrap .con3 .img-box .img{width: calc(50% - 8.8vw); float: left; background-size: cover; background-repeat: no-repeat; background-position: center; height: 23vw; margin: 0 4.4vw;}
.sub-wrap .reser-section .txt-box{background-color: #f6f4ee;}


.big-img-bg{width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed;}

/*ROOM*/
.room-wrap .main-tit h4{display: inline-block; color: white; font-family: "Noto Sans KR",serif; font-size: 15px; font-weight: 300;}
.room-wrap .main-tit h4::after{content: ""; display: block; height: 1px; background-color: white; margin-top: 5px;}
.room-wrap .con2 .cir-img{width: 200px; height: 200px; border-radius: 50%; border: 2px solid #c8beb7; overflow: hidden; margin: 0 auto;}
.room-wrap .con2 .info-box::after{display: table; content: ""; clear: both;}
.room-wrap .con2 .info-box aside{float: left; width: 50%;}
.room-wrap .con2 .info-box h3{font-size: 14px; font-family: "LATO",sans-serif; font-weight: 500; padding-left: 1px; margin-bottom: 15px;}
/* .room-wrap .con2 .info-box h2{font-size: 40px; font-family: "Didot",sans-serif; font-weight: 300; line-height: 1; letter-spacing: 0.15em; margin-bottom: 30px;} */
.room-wrap .con2 .info-box h2{font-size: 40px; font-family: "Didot",serif; line-height: 1; margin-bottom: 30px;font-weight: 100;letter-spacing: 0.1em;}
.room-wrap .con2 .info-box .left p{font-size: 14px; font-weight: 300; font-family: "Noto Sans KR",serif; display: inline-block;}
.room-wrap .con2 .info-box .left .line{width: 130px; height: 1px; background-color: #999966; display: inline-block; margin-left: 110px; position: relative; top: -0.5em;}
.room-wrap .con2 .info-box .right{padding-top: 100px; padding-left: 50px; transform: rotate(0.03deg);}
.room-wrap .con2 .info-box .right h5{font-size: 16px; margin-bottom: 15px; font-weight: 600; color: #988f84;}
.room-wrap .con2 .info-box .right p{font-size: 14px; font-family: "Noto Sans KR",serif; margin-bottom: 30px; line-height: 1.6; color: #988f84; letter-spacing: -0.05em;}
.room-wrap .con2 .info-box .right p.bold{font-weight: 500; color: #665c52;}
.room-wrap .con2 .info-box .right p b{font-weight: 500;}
.room-wrap .con2 .info-box .info-txt::after{display: table; content: ""; clear: both;}

.room-wrap .con2 .img-box::after{content: ""; display: table; clear: both;}
.room-wrap .con2 .img-box{margin-top: 165px; margin-bottom: 20px;}
.room-wrap .con2 .img-box .img{width: calc(25% - 10px); margin-right: 10px; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center; float: left; overflow: hidden;}
.room-wrap .con2 .table-wrap .basic-price-wrap {width: 100%; border-spacing: 0;}
.room-wrap .con2 .table-wrap .basic-price-wrap th, .room-wrap .con2 .table-wrap .basic-price-wrap td{font-size: 14px; text-align: center; line-height: 3;}
.room-wrap .con2 .table-wrap .basic-price-wrap th{background-color: #efefdc; border-right: 1px solid white; border-bottom: 1px solid white;}
.room-wrap .con2 .table-wrap .basic-price-wrap th:last-of-type{border-right: 0;}
.room-wrap .con2 .table-wrap .basic-price-wrap td{border-bottom: 1px solid #818181;}



.reser-wrap .con2 .table-wrap .basic-price-wrap {width: 100%; border-spacing: 0;}
.reser-wrap .con2 .table-wrap .basic-price-wrap thead{font-size: 14px;}
.reser-wrap .con2 .table-wrap .basic-price-wrap th{font-size: 14px;text-align: center; line-height: 3;}
.reser-wrap .con2 .table-wrap .basic-price-wrap td{font-size: 13px; text-align: center; line-height: 3;}
.reser-wrap .con2 .table-wrap .basic-price-wrap th{background-color: #efefdc; border-right: 1px solid white; border-bottom: 1px solid white;}
.reser-wrap .con2 .table-wrap .basic-price-wrap th:last-of-type{border-right: 0;}
.reser-wrap .con2 .table-wrap .basic-price-wrap td{border-bottom: 1px solid #818181;}
.reser-wrap .table-wrap .basic-price-wrap {width: 65%; border-spacing: 0;margin: 0 auto;}
.reser-wrap .table-wrap .basic-price-wrap th, .reser-section .con2 .table-wrap .basic-price-wrap td{font-size: 14px; text-align: center; line-height: 3;}
.reser-wrap .table-wrap .basic-price-wrap th{background-color: #efefdc; border-right: 1px solid white; border-bottom: 1px solid white;}
.reser-wrap .table-wrap .basic-price-wrap th:last-of-type{border-right: 0;}
.reser-wrap .table-wrap .basic-price-wrap td{border-bottom: 1px solid #818181;}



.reser-wrap .price{margin-top: 120px; margin-bottom: 30px;}
.reser-wrap .price-info{font-size: 14px; font-family: "Noto Sans KR",serif; line-height: 2; margin-top:75px;}
.reser-wrap .price-info h5{font-size: 15px;}
.reser-wrap .price-info1{font-size: 14px; font-family: "Noto Sans KR",serif; line-height: 2; margin-top:25px;}
.reser-wrap .price-info1 h5{font-size: 15px;}
.reser-wrap .price .res_box{margin-top: 30px;}


.room-wrap .icon-box p{font-size: 13px; font-family: "Noto Sans KR",serif;}
.room-wrap .icon-box ol{margin-top: 20px; margin-bottom: 40px;}
.room-wrap .icon-box ol::after{display: table; content: ""; clear: both;}
.room-wrap .icon-box li{float: left; margin-right: 50px; text-align: center;}
.room-wrap .icon-box li .fal{font-size: 30px;}
.room-wrap .icon-box li p{font-size: 10px;}
.room-wrap .price{margin-top: 120px; margin-bottom: 30px;}
.room-wrap .price-info{font-size: 14px; font-family: "Noto Sans KR",serif; line-height: 2; margin-top:75px;}
.room-wrap .price-info h5{font-size: 15px;}
.room-wrap .price-info1{font-size: 14px; font-family: "Noto Sans KR",serif; line-height: 2; margin-top:25px;}
.room-wrap .price-info1 h5{font-size: 15px;}
.room-wrap .price .res_box{margin-top: 30px;}
.room-wrap .con2 .inner-con{padding-bottom: 280px;}


.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: 35px; 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: 25px; line-height: 1;}
.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: #888; line-height: 2.2;}
.room-wrap .info-section .fixed-tit-wrap .info-nav-btn li.on a{color: #222; 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 h3{font-size: 17px; font-weight: 500; margin-bottom: 25px; color: #333;}
.room-wrap .info-section .info-wrap .txt-info .room-alert h4{ font-size: 15px; font-weight: 400; margin-bottom: 50px;}                
.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;}
.room-wrap .info-section .info-wrap .txt-info .ame-list-wrap{margin-bottom: 100px;}


.room-wrap .info-section .info-wrap .slide-info{padding-top: 180px;}
.room-wrap .info-section .info-wrap .slide-info .tit h3{font-size: 17px; 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;}


.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: 30px; line-height: 1;}
.room-wrap .info-section .fixed-tit-wrap h3{font-size: 18px; font-weight: 400; margin-bottom: 65px; line-height: 1;}
.room-wrap .info-section .fixed-tit-wrap .info-nav-btn{margin-bottom: 75px;}
.room-wrap .info-section .fixed-tit-wrap .info-nav-btn li{line-height: 2;}
.room-wrap .info-section .fixed-tit-wrap .info-nav-btn li a{font-size: 17px; color: #888; line-height: 2;}
.room-wrap .info-section .fixed-tit-wrap .info-nav-btn li a .num{font-size: 15px;}
.room-wrap .info-section .fixed-tit-wrap .info-nav-btn li a .ko{font-size: 15px;}
.room-wrap .info-section .fixed-tit-wrap .info-nav-btn li.on a{color: #222; font-weight: 500;}
.room-wrap .info-section .fixed-tit-wrap .res_box{margin: 0;}
.room-wrap .info-section .fixed-tit-wrap .res_box i{margin-right: 10px;}

/*SPECIAL*/
.special-wrap .con2 .img-bg{background-size: cover; background-repeat: no-repeat; background-position: center; width: 780px; height: 660px; margin: 0 auto;}
.special-wrap .con2 .info-tit{width: 780px; margin: 0 auto; margin-top: -60px; position: relative; left: 30px;}
.special-wrap .con2 .info-tit h4{font-size: 16px; font-family: "Lato",sans-serif; margin-left: 5px;}
.special-wrap .con2 .info-tit h2{font-size: 70px; font-family: "Didot",serif; font-weight: 100;}
.special-wrap .con2 .info-txt{text-align: center; margin-top: 100px; padding-bottom: 120px;}
.special-wrap .con2 .info-txt p{font-size: 14px; line-height: 2; font-family: "Noto Sans KR",sans-serif;}
.special-wrap .con2 .info-txt p.bold{font-weight: 600; margin-bottom: 30px;}
.special-wrap .con2 .img-box .img{width: calc(50% - 5px); height: 400px; margin-right: 5px; float: left; background-size: cover; background-repeat: no-repeat; background-position: center;}
.special-wrap .con2 .img-box .img:last-of-type{margin-right: 0;}
.special-wrap .con2 .img-box p{text-align: right; font-family: "Lato",sans-serif; font-size: 11px; color: #999999; line-height: 30px;}

/*GALLERY*/
.gallery-insta::after{content: ""; display: table; clear: both; padding-bottom: 100px;}
.gallery-insta{width: 100%; margin: 0 auto; margin-top: 70px;}
.gallery-insta a{width: calc(33.3333% - 20px); margin: 10px 10px; float: left; opacity: 1; position: relative; display: block; transition: 1.5s; overflow: hidden;}
.gallery-insta a img{width: 100%; transition: 1.5s;}
.gallery-insta a .txt{width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; text-align: center; font-size: 12px; color: white; padding: 0 30px; padding-top: 50px; transition: 0.8s;}
.gallery-insta a:hover .txt{opacity: 1; visibility: visible;}

/*TOUR*/
.tour-wrap .con2 .info-box{margin-top: 380px; padding-bottom: 120px;}
.tour-wrap .con2 .info{margin-top: 250px;}
.tour-wrap .con2 .info.right{margin-top: 50px;}
.tour-wrap .info{position: relative;}
.tour-wrap .txt-area{width: 100%; background-color: #f7f7f7; position: relative; padding: 70px 0; overflow: hidden;}
.tour-wrap .right .txt-area{background-color: transparent;}
.tour-wrap .ft .txt-box{width: auto;}
.tour-wrap .txt-box h4{font-size: 17px; color: #b9b8b8; margin-bottom: 30px; font-family: "Perpetua"; font-weight: 100; letter-spacing: -1px;}
.tour-wrap .txt-box h2{font-size: 23px; margin-bottom: 5px; font-weight: 400;}
.tour-wrap .txt-box h3{font-size: 15px; margin-bottom: 60px; font-weight: 400;}
.tour-wrap .txt-box p{font-size: 14px; margin-bottom: 30px; line-height: 1.4;}

.tour-wrap .tour-slide{width: 700px;  position: absolute; max-width: 50%;}
.tour-wrap .tour-slide-wrap{position: relative; z-index: 3;}
.tour-wrap .tour-slide .slide{height: 500px; background-size: cover; background-position: center;}
.tour-wrap .left .tour-slide{left: -50px; top: -150px;}
.tour-wrap .txt-box{max-width: 600px;}
.tour-wrap .inner-con{max-width: 1400px;}
.tour-wrap .right .tour-slide{left: 50%; top: 0;}

.tour-wrap .slick-dots{bottom: -25px;}
.tour-wrap .slick-dots  button{background-color: #dedede;}
.tour-wrap .slick-dots li.slick-active button{width: 10px; height: 10px; background-color: #ababab;}

.tour-wrap .left .txt-box{margin-left: 50%; margin-top: 50px;}

/*RESERVATION*/
.reser-wrap .con2::after{content: ""; display: table; clear: both;}
.reser-wrap .con2 .info aside{width: 50%; float: left;}
.reser-wrap .con2 .info .img{width: 185px; height: 185px; border-radius: 50%; overflow: hidden; border: 1px solid #9f8c83; float: left;}
.reser-wrap .con2 .info .img img{width: 100%;}
.reser-wrap .con2 .info .txt-box{float: left; padding-left: 40px; margin-top: 60px; max-width: calc(100% - 185px);}
.reser-wrap .con2 .info h3{display: inline-block; font-size: 18px; font-weight: 300;}
.reser-wrap .con2 .info h3::after{content: ""; display: block; height: 1px; background-color: #9a867c; margin-bottom: 20px; margin-top: 5px;}
.reser-wrap .con2 .info p{font-size: 13px; line-height: 1.6;}
.reser-wrap .con2 .left{border-right: 1px solid #bdb6aa;}
.reser-wrap .con2 .left .txt-box ul{margin-top: 30px;}
.reser-wrap .con2 .left .txt-box li{position: relative; line-height: 1.8; font-family: "Noto Sans KR",serif;}
.reser-wrap .con2 .left .txt-box li span{position: absolute; left: 4.6em;} 
.reser-wrap .con2 .right{padding-left: 30px;}
.reser-wrap .con2 .right li{font-size: 13px; line-height: 2;}
.reser-wrap .con2 .right ul{margin-bottom: 40px;}
.reser-wrap .con2 .right .bold li{font-weight: 800;}
.sub-wrap .con2 .info{padding-bottom: 50px;}

.reser-wrap .con3 .info-txt::after{content: ""; display: table; clear: both;}
.reser-wrap .con3 .info h3{display: inline-block; font-size: 18px; font-weight: 300; margin-top: 30px;}
.reser-wrap .con3 .info h3::after{content: ""; display: block; height: 1px; background-color: #9a867c; margin-bottom: 20px; margin-top: 5px;}
.reser-wrap .con3 .info{padding-top: 130px;padding-bottom: 40px;}
.reser-wrap .con3 .info aside{width: 50%; float: left;}
.reser-wrap .con3 .info .right{padding-left: 100px;}
.reser-wrap .con3 .info .right .star-list{margin-bottom: 50px;}
.reser-wrap .con3 .info li{font-size: 14px; font-family: "Noto Sans KR",serif; line-height: 2; font-weight: 300; letter-spacing: -0.6px; }
.reser-wrap .con3 .info li .red{color: #cc0000;}
.reser-wrap .con3 .info .bold li{font-weight: 400;}
.reser-wrap .con3 .refund-box{padding-top: 100px;}
.reser-wrap .con3 .refund-box table{width: 100%; text-align: center; border-collapse: collapse;}
.reser-wrap .con3 .refund-box table td{line-height: 2.5; border: 1px solid #999966; font-size: 14px;}
.reser-wrap .con3 .refund-box p{font-size: 14px; margin-top: 5px; padding-bottom: 15px;}
.reser-wrap .con3 .info h5{font-size: 14px; margin-top: 20px; margin-bottom: 5px;}
.reser-wrap .info-txt{font-size: 16px; font-weight: 400; font-family: "Noto Sans KR",serif; padding-bottom: 100px;}
/*MAP*/
.m-map{display: none;}
.pc-map{width: 100%; overflow: hidden;}
.map-wrap .con2 .info-txt .img{width: 185px; height: 185px; float: left; border-radius: 50%; overflow: hidden;}
.map-wrap .con2 .info-txt .txt-box{margin-left: 40px; float: left; margin-top: 60px;}
.map-wrap .con2 .info-txt h3{display: inline-block; font-size: 18px; font-weight: 300;}
.map-wrap .con2 .info-txt h3::after{content: ""; display: block; height: 1px; background-color: #9a867c; margin-bottom: 20px; margin-top: 5px;}
.map-wrap .con2 .info-txt p span{display: block;}
.map-wrap .con2 .info-txt p{font-size: 14px; font-family: "Noto Sans KR",serif;}
.map-wrap .con2 .info-txt::after{content: ""; display: table; clear: both;}
.map-wrap .con2 .map-box{margin-top: 80px; padding-bottom: 70px;}
.map-wrap .con2 .map-box::after{content: ""; display: table; clear: both;}

.map-wrap .con2 .map-info::after{display: table; clear: both; content: "";}
.map-wrap .con2 .map-info aside{float: left; width: 50%;}
.map-wrap .con2 .map-info h3{display: inline-block; font-size: 18px; font-weight: 300;}
.map-wrap .con2 .map-info h3::after{content: ""; display: block; height: 1px; background-color: #9a867c; margin-bottom: 40px; margin-top: 5px;}
.map-wrap .con2 .map-info li{font-size: 14px; line-height: 2; font-family: "Noto Sans KR",serif; margin-bottom: 35px; margin-left: 1em;}
.map-wrap .con2 .map-info .right{padding-left: 90px;}


/*ROOM-PREIVEW*/
.room-preview-wrap{background-color: #e9e6e1; position: relative; overflow: hidden;}
.room-preview-wrap > .txt-box{width: calc(100% - 200px); margin: 0 100px; border-bottom: 1px solid #c9c6bd; padding:  65px 0;}
.room-preview-wrap > .txt-box::after{content: ""; display: table; clear: both;}
.room-preview-wrap > .txt-box .left{float: left;}
.room-preview-wrap > .txt-box .left h3{font-size: 14px; line-height: 2; font-family: "Lato",sans-serif; font-weight: 400;}
.room-preview-wrap > .txt-box .right{float: right;}
.room-preview-wrap > .txt-box .right h4{font-size: 14px; font-family: "Noto Sans KR", sans-serif; font-weight: 400;}
.room-preview-wrap > .txt-box .right p{font-size: 14px; font-family: "Lato",sans-serif; margin-top: 12px; font-weight: 300;}
.room-preview-wrap .tit-box{margin-top: 75px; margin-bottom: 100px; text-align: center;}
.room-preview-wrap .tit-box h1{font-size: 85px; font-family: "Tuesday",sans-serif; font-weight: 100; color: #999966;}
.room-preview-wrap .tit-box p{color: #999999; font-size: 14px; line-height: 1.8;}


.room-preview-wrap .slide.small{width: 530px; height: 415px;}
.room-preview-wrap .slide.small::after{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(../img/room_preview_deco1.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; opacity: 0.2; pointer-events: none;}
.room-preview-wrap .slide.small .inner-info{padding:40px 80px;}
.room-preview-wrap .slide.small .img{width: 100%; height: 255px;}
.room-preview-wrap .slide.long{width: 395px; height: 590px;}
.room-preview-wrap .slide.long::after{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(../img/room_preview_deco2.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; opacity: 0.2; pointer-events: none;}
.room-preview-wrap .slide.long .inner-info{padding:40px 60px;}
.room-preview-wrap .slide.long .img{width: 100%; height: 400px;}
.room-preview-wrap .slide{margin:0 40px; background-color: white; box-shadow: 3px 3px 5px rgba(0,0,0,0.2); margin-bottom: 10px; position: relative;}
.room-preview-wrap .slide-wrap{ width: 1620px; margin: 0 auto;}
.room-preview-wrap .slide-wrap .aside-txt p{position: absolute; top: 50%; transform: rotate(-90deg); margin-top: -2em; font-size: 12px; color: #999966;}
.room-preview-wrap .slide-wrap .aside-txt p:first-child{left: 5px;}
.room-preview-wrap .slide-wrap .aside-txt p:last-child{ right: 5px; transform: rotate(90deg);}
.room-preview-wrap .slide .img{background-size: cover; background-repeat: no-repeat; background-position: center;}

.room-preview-wrap .slide .txt-box{text-align: center;}
.room-preview-wrap .slide .txt-box h3{font-size: 26px; font-family: "PrettyNight",sans-serif; font-weight: 400; margin-top: 30px; margin-bottom: 25px;}
.room-preview-wrap .slide .txt-box p{font-size: 10px; font-family: "Lato",sans-serif;}


.room-preview-wrap .room-deco{height: 100%; position: absolute; right: 0; top: 0; pointer-events: none;}
.room-preview-wrap .deco1 img{height: 100%;}
.room-preview-wrap .deco2{top: 300px; pointer-events: none;}
.room-preview-wrap .deco2 img{height: 60%;}

.gauge-wrap{width: 100%; height: 2px; background-color: #cccccc; position: absolute; bottom: -96px;}
.gauge-wrap .gauge{background-color: #333333; height: 2px; width: 11.1111%;}

/*예약하기*/
.reser-section .txt-box{text-align: center; background-color: #e9e6e1;}
.reser-section .txt-box h1{font-size: 58px; font-family: "Danjunghae",sans-serif; font-weight: 300; padding-top: 165px;}
.reser-section .txt-box p{font-size: 14px; margin-top: 25px; line-height: 1.6;}
.reser-section{padding-top: 65px;}
.reser-section{padding-bottom: 200px; background-color: #e9e6e1;}
.res_box .fal{margin-right: 10px;}

/*인스타그램*/
.ft-sns-wrap{text-align:left; margin-top: 30px;margin-bottom: 17px;display: none;}
.ft-sns-wrap li{display: inline-block; margin: 0 10px;}
.wrapper .insta-wrap{background-color: #e1ddd7; padding-top: 150px;}
.insta-wrap::after{content: ""; display: table; clear: both;}

.insta-wrap h2{text-align: center; font-family: "LATO",sans-serif; line-height: 1.6; font-weight: 400; color: #988f8b;}
.instagramFeed{width: calc(100% - 200px); margin: 0 auto; margin-top: 70px;}
.instagramFeed a{width: calc(20% - 70px); margin: 0 35px; float: left; opacity: 0.7; position: relative; display: block; transition: 1.5s; overflow: hidden;}
.instagramFeed a:hover{opacity: 1;}
.instagramFeed a img{width: 100%; transition: 1.5s;}
.instagramFeed a .txt{width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; text-align: center; font-size: 12px; color: white; padding: 0 30px; padding-top: 50px; transition: 0.8s;}
.instagramFeed a:hover .txt{opacity: 1; visibility: visible;}


/* footer */
.ft{background-color: #e1ddd7; z-index: 15; position: relative; padding-top: 130px; padding-bottom: 100px;}
.ft::after{content: ""; display: table; clear: both;}
.ft .left{width: 30%; float: left; border-right: 1px solid #cccccc;}
.ft .left .txt-box{text-align: center; float: right; margin-right: 150px;}
.ft .left .txt-box h3{font-size: 14px; font-family: "Lato",sans-serif; color: #999999; font-weight: 500; margin-bottom: 15px;}
.ft .left .txt-box h2{font-size: 20px; font-family: 'Didot'; color: #999999; line-height: 1.4; font-weight: 500; transform: skew(0.03deg);}
.ft .right{width: 60%; float: left; padding-left: 170px;}
.ft .right .tel-box{margin-bottom: 40px;position: relative;}
.ft .right .tel-box a{font-size: 24px; font-family: 'Lato',sans-serif; color: #666666;}
.ft .right .tel-box a img{position: absolute;left:180px;top:6px;}
.ft .right .address{margin-bottom: 25px;}
.ft .right .address span{font-size: 14px; color: #666666; font-family: "Noto Sans KR",sans-serif; margin-right: 15px;}
.ft .right .address span b{font-weight: 600;}
.ft .right .copyright span{ color: #999999; font-size: 12px; font-family: "Noto Sans KR",sans-serif; }
.ft .right .copyright span a{color: #999999;}
.ft .right .copyright span:first-child::after{content: "|"; display: inline-block; margin: 0 10px;}
.ft .log{ font-size: 12px; font-weight: 600; font-family: "Noto Sans KR",sans-serif; margin-left: 30px; display: inline-block;}
.ft .right .copyright .log {color: #666666;}
.ft .log::after{content: ""; display: block; width: 100%; height: 1px; background-color: #cccccc;}
.icon-aw_logo_svg:before{content:'\0042'; display:inline-block; margin-left:10px; margin-right:5px; vertical-align:middle; font-size:25px; color:#333333; }


.ft  .ybs_wrap {width: 1640px; display: flex; margin: auto; justify-content: flex-end; text-align: center;} 
.ft  .ybs_btn {display: flex; flex-direction: column; justify-content: center; position: relative; top: -50px;}
.ft  .ybs_btn span{font-size: 15px; font-weight: 400; padding-top: 5px;}
.fa-square-y {font-size: 20px;}

/*스크롤 이펙트*/
.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;}
.animateme { transition:1.2s; }
.non-slide .page-wrap{display: none;}
.m-eng-sub{display: none;}

.m-slide-wrap{display: none;}
/*반응형*/
@media all and (min-width: 1520px){
    .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: 15px;}
    .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;}

    .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: 15px;}
    .room-wrap .info-section .fixed-tit-wrap .info-nav-btn li a .ko{font-size: 13px;}
    .room-wrap .info-section .fixed-tit-wrap .info-nav-btn li a{font-size: 15px;}
    .main-wrap .con2 .info .txt-box::after{width: 100%;}
    
}
@media all and (min-width: 1200px){
    .room-preview-wrap{padding-bottom: 100px;}
    
}
@media all and (max-width: 1024px){
    .main-wrap .con2 .info{width: calc(100% - 100px);}
    .basic-slide-wrap .slide-btn{width: calc(100% - 100px);}
    .inner-con{width: calc(100% - 100px);}
    .wide-inner{width: calc(100% - 100px);}
    .hd{height: 80px;}
    .hd.on{background-color: white;}
    .hd.on .logo{margin-top: 15px;}
    .hd.on .menu-btn{margin-top: 45px;}
    .hd .logo{margin-left: 30px; margin-top: 40px;}
    .hd .logo a{width: 100px;}
    .main-wrap .menu-btn{display: block;}
    .hd .menu-btn{float: right; margin-left: 0; margin-top: 60px; margin-right: 40px;}
    .hd-btn{margin-right: 50px; margin-top: 55px;}
    .sub-wrap .hd .main-menu{display: block; width: 100vw; height: calc(100vh - 80px); position: fixed; top: 80px; left: 0; transform: translate(0); background-color: white;}
    .hd .main-menu{visibility: hidden; opacity: 0; pointer-events: none; width: 100vw; height: calc(100vh - 80px); position: fixed; top: 80px; left: 0; transform: translate(0); background-color: white; padding-top: 30px; display: block; margin-top: 0;}
    .main-menu > ul{display: block;}
    .sub-menu a{line-height: 25px; letter-spacing: -0.08em; white-space: nowrap;}
    .main-wrap .con2 .info .txt-box h2::after{width: 100%;}
    .hd.on .main-menu{visibility: visible; opacity: 1; pointer-events: all;}
    .hd .main-menu .sub-menu{display: block; min-height: 230px;}
    .sub-wrap .main-menu > ul > li > a{line-height: 35px;}
    .main-menu > ul > li{width: 33.3333%;}
    .reser-wrap .con3 .info aside{width: 100%; float: none;}
    .reser-wrap .con3 .info .right{padding-left: 0; margin-top: 50px;}
    .main-wrap .con2 .info .left-img{width: 35%;}
    .main-wrap .con2 .info .right{padding-left: 20px;}
    .main-wrap .con2 .info .img-box .img{width: calc(33.3333% - 10px); height: 150px;}    
    .video-section {height: 55vw;}
    .video-section .video-wrap{position: unset;}  
    .video-section .video-wrap{height: 55vw; position: unset;}  
    .main-wrap .con2 .info .txt-box p{margin-bottom: 30px;}
    .room-wrap .info-section {padding: 0 50px;}
    .room-wrap .info-section .fixed-tit-wrap p{font-size: 13px;}
    .room-wrap .info-section .fixed-tit-wrap p{font-size: 13px;}
    .room-wrap .info-section .fixed-tit-wrap .info-nav-btn li a{font-size: 15px;}
    .room-wrap .info-section .fixed-tit-wrap .info-nav-btn li a .ko{font-size: 12px;}

}
@media all and (max-width: 900px){
    .main-wrap .con2 .info{height: auto; padding-bottom: 15px;}
    .main-wrap .con2 .info .txt-box{margin-bottom: -20px;}
    .main-wrap .con2 .info .left-img{width: 100%; float: none; height: 350px;}
    .main-wrap .con2 .info .right{width: 100%; float: none; padding-left: 10px;}
    .main-wrap .con2 .info .left-img img{height: unset; width: 100%; margin-left: 0;}
    .main-wrap .con2 .info .txt-box h2{margin-bottom: 20px;}
    .main-wrap .con2 .info .txt-box p.b{margin-bottom: 15px;}
    .left-txt{display: none;}
    .right-txt{display: none;}
    .pro-wrap .con2 .img-box.img-video{width: 100%; height: 300px;}
    .instagramFeed a{width: calc(20% - 10px); margin: 0 5px;}
    .tap-menu .sub-menu li{width: 60px;}
    .special-wrap .con2 .img-bg{width: 100%;}
    .special-wrap .con2 .info-tit{width: 100%;}
    .ft {padding-top: 50px; padding-bottom: 50px;}
    .ft .left{width: 100%; float: none;}
    .ft .left .txt-box{float: none; margin-right: 0;}
    
    .ft .right{width: 100%; float: none; padding-left: 0;}
    .ft .right .tel-box{text-align: center; margin-top: 30px;margin-bottom: 10px;}
    .ft .right .tel-box a{font-size: 20px; text-align: center;display: block;}
    
.ft .right .tel-box .reser_btn{display: none;}
    /* .ft .right .tel-box a img{
        position: absolute;
        top: 35px;
        left: 171px;
    } */
    .ft .right .tel-box a img{
        margin-top: 30px;
    }
    .ft .right .address span{display: block; text-align: center; font-size: 12px;}
    
    .ft .right .copyright span{display: block; text-align: center;}
    .ft .right .copyright span:first-child::after{display: none;}
    .ft .log{width: 6em; margin: 0px auto; margin-top: 30px; display: block;}
    /* .ft-sns-wrap{text-align:center; margin-top: 30px;margin-bottom: 17px;display: block;} */
    .ft-sns-wrap{text-align:center; display: block;}
    .ft-sns-wrap li{display: inline-block; margin: 0 10px;}
    
}
@media all and (max-width: 700px){
    .page-wrap .page{width: 150px;}
    .basic-slide-wrap .slide-btn{width: calc(100% - 30px);}
    .m-br{display: block;}
    .p-br{display: block;}
    .inner-con .icon-wrap-box img{width: 100%;}
    .hd .logo{margin-top: 5px;}
    .hd .menu-btn{margin-top: 30px;}
    /*메인 갤러리 영상*/
    /* .main-wrap .main-slide-wrap .vdo-wrap .full-page{display: none;} */
    .m-main-vdo{display: block; margin: 0px auto 50px auto; width: calc(100% - 50px); background-color: transparent;}
    .m-main-vdo .vdo-container{display: block; position: relative; width: 100%; height: 51vw; left: 50%; transform: translateX(-50%);}
    .m-main-vdo .vdo-container .slide{height: 100%;}
    .m-main-vdo .vdo-container .full-page{width: 100%; height: 100%;}
    .m-main-vdo .vdo-container .vdo{width: 100%; height: 100%; overflow: hidden;}
    .m-main-vdo .vdo-container .vdo iframe{transform: scale(1.1);}

    .ft .ybs_wrap {width: 90%; display: flex; margin: auto; justify-content: center}
    .ft .ybs_btn {display: flex; flex-direction: column; justify-content: center; position: relative; top: 20px;}
    .ft .ybs_btn span{font-size: 15px; font-weight: 400; padding-top: 5px;}
    .fa-square-y {font-size: 20px;}
    /* 기존코드
    .m-main-vdo{display: none; margin: 0px auto 50px auto; width: calc(100% - 50px); background-color: transparent;}
    .m-main-vdo .vdo-container{display: block; position: relative; width: 100%; height: 51vw; left: 50%; transform: translateX(-50%);}
    .m-main-vdo .vdo-container .slide{height: 100%;}
    .m-main-vdo .vdo-container .full-page{width: 100%; height: 100%;}
    .m-main-vdo .vdo-container .full-page iframe{transform: none !important;}
    .main-wrap .full-page{height: 100vh;}
    .main-wrap .full-page .slide{height: 100vh;}
    .m-main-vdo .vdo-container .vdo{width: 100%; height: 100%; overflow: hidden;}
    .m-main-vdo .vdo-container .vdo iframe{transform: scale(1.1);}
    .con2 .bread h3{line-height: 60px;}
    .main-wrap .con2{padding-bottom: 50px;}
    */

    /*메인 갤러리 위치 조정*/
    /* .main-wrap .con1 .slide1{background-position-x: 60%;}
    .main-wrap .con1 .slide2{background-position-x: 75%;}
    .main-wrap .con1 .slide3{background-position-x: 50%;}
    .main-wrap .con1 .slide4{background-position-x: 50%;}
    .main-wrap .con1 .slide5{background-position-x: 50%;}
    .main-wrap .con1 .slide6{background-position-x: 40%;}
    .main-wrap .con1 .slide7{background-position-x: 38%;}
    .main-wrap .con1 .slide8{background-position-x: 30%;}
    .main-wrap .con1 .slide9{background-position-x: 78%;}
    .main-wrap .con1 .slide10{background-position-x: 50%;}
    .main-wrap .con1 .slide11{background-position-x: 23%;}
    .main-wrap .con1 .slide12{background-position-x: 50%;}
    .main-wrap .con1 .slide13{background-position-x: 25%;}
    .main-wrap .con1 .slide14{background-position-x: 50%;}
    .main-wrap .con1 .slide15{background-position-x: 0%;} */
    .map-wrap .con2 .info-txt p span{padding-left: 0; display: block; letter-spacing: -1px;}
    .map-wrap .con2 .info-txt p .none{display: none;}
    .main-menu{display: none;}
    .sub-wrap .main-menu{display: none;}
    .room-wrap .con2 .info-box .left .line{margin-left: 10px; top: -0.3em;}
    .hd-btn{display: none;}
    .main-wrap .con2 .info{width: calc(100% - 50px);}
    .wide-inner{width: calc(100% - 50px);}
    .pro-wrap .con2 .img-box{width: 100%; height: 250px;}
    .pro-wrap .con2 .img-box.img-video{width: 100%; height: 220px;}
    .pro-wrap .con2 .txt-box p{font-size: 12px; letter-spacing: -1px;}
    .big-img-bg{height: 250px; background-attachment: unset;}
    /* .tap-menu .sub-menu{margin: 0;} */
    .tap-menu .special-menu{flex-wrap: wrap; width: 100% !important;}
    .tap-menu .sub-menu.special-menu li{width: 20%;}
    .tap-menu .special-menu li a{line-height: 75px;text-align: center;font-size: 12px;font-family: "Noto Sans KR",serif;}
    .tap-menu .sub-menu.long li{width: 20%;}
    .pro-wrap .tap-menu .sub-menu li{width: 100px;}
    .reser-wrap .tap-menu .sub-menu li{width: 100px;}
    .notice-wrap .tap-menu .sub-menu li{width: 100px;}
    /* .tap-menu .sub-menu li{width: 60px;} */
    .tap-menu .sub-menu li{width: 15%;}
    .tap-menu .sub-menu li a{font-size: 12px; white-space: nowrap; letter-spacing: -0.06em; transform: scale(0.7);}
    .tap-menu .sub-menu.long li a{line-height: 35px;}
    .tap-menu .sub-menu.long{flex-wrap: wrap; justify-content: flex-start;}
    .tap-menu .sub-menu.long li{width: 25%;}
    .tap-menu .sub-menu .room2-menu li{width: 49.3333%;}
    .tap-menu .sub-menu.room2-menu li{margin-left: 0px;}
    .page-wrap .scroll-down p{display: none;}
    .inner-con{width: calc(100% - 30px);}
    .main-wrap .con2 .info .left-img{height: 250px;}

    .main-wrap .con2 .info .txt-box{padding-top: 30px;}
    .main-wrap .con2 .info .txt-box p{font-size: 11px; margin-bottom: 20px; letter-spacing: -0.5px;}
    
    .main-wrap .con2 .info .txt-box{margin-bottom: 0;}
    .video-section{height: 50vw;}
    
    
    
    .main-wrap .con2 .info .img-box .img{width: calc(33.3333% - 10PX); height: 150px;}
    .sub-wrap .page-wrap{bottom: 0; width: 150px;}

    .main-menu{display: none;}
    .sub-wrap .con1{height: 350px;}
    .sub-wrap .con1 .slide{height: 350px;}
    .sub-wrap .con1 .main-tit{transform: translate(-50%, -50%); top: 50%; bottom: unset;}
    .main-wrap .con1 .main-tit h3{display: block;}
    .con1 .main-tit h3{font-size: 14px; margin-bottom: 14px; display: none;}
    .con1 .main-tit h1{font-size: 22px;}
    .con1 .main-tit{transform: translate(-50%,50%);}
    .sub-wrap .con2 .tit-box{padding-top: 30px;}
    .sub-wrap .con2 .tit-box h4{font-size: 30px;}
    .sub-wrap .con2 .tit-box h3{font-size: 14px; margin-bottom: 50px;}
    .pro-wrap .con2 .tit-box h2{font-size: 14px; margin-bottom: 15px;}
    .pro-wrap .con2 .tit-box h1{font-size: 24px; margin-bottom: 25px;}
    .pro-wrap .con2 .txt-box p.bold{font-size: 12px;}
    /* .pro-wrap .con2 .txt-box p br{display: none;} */
    .pro-wrap .con2 .txt-box p span{display: block;}
    .pro-wrap .con2 .txt-box .link{font-size: 14px;}
    .pro-info{width: calc(100% - 82px); margin: 0 auto;}
    .pro-wrap .con3 .img-box{margin-top: 30px;}
    .pro-wrap .con3 .img-box .img{width: 100%; float: none; height: 250px; margin: 0; margin-top: 10px;}
  

    .pro-info .left h3{line-height: 1.4; font-size: 16px;}
    .pro-info .right{margin-top: 30px;}
    .pro-info .right h4{font-size: 12px; }
    .pro-info .txt-box .right p{font-size: 12px; } 
    .pro-wrap .con3 .img-box::after{padding-bottom: 50px;}

    .room-wrap .con2 .cir-img{width: 150px; height: 150px;}
    .room-wrap .con2 .cir-img img {width: 150px; height: 150px;}
    .room-wrap .con2 .info-box aside{width: 100%; float: none;}
    .room-wrap .con2 .info-box .left{margin-top: 50px;}
    .room-wrap .con2 .info-box h3{font-size: 14px;}
    .room-wrap .con2 .info-box h2{font-size: 22px;}
    .room-wrap .con2 .info-box .right{padding-left: 0; padding-top: 50px;}
    .room-wrap .con2 .info-box .right p{font-size: 11.5px; letter-spacing: -0.5px; margin-bottom: 0;}
    .room-wrap .con2 .info-box .right p span{display: block;}
    .room-wrap .con2 .info-box .right p br{display: block;}
    .room-wrap .con2 .img-box{margin-top: 50px;}
    .room-wrap .con2 .img-box .img{width: calc(50% - 10px); margin-top: 10px; height: 150px;} 
    .room-wrap .con2 .img-box .img .video-wrap iframe{margin-left: -50px;}
    .room-wrap .icon-box li{margin-right: 0; width: 25%; margin-top: 20px;}
    .room-wrap .icon-box li .fal{font-size: 24px;}
    .room-wrap .icon-box p{font-size: 10px;}
    .room-wrap .price-info{line-height: 1.6;}
    .room-wrap .price-info1{line-height: 1.6;}
    .room-wrap .main-tit h4{font-size: 12px;}
    .room-wrap .con2 .info-box .right h5{font-size: 15px; margin-bottom: 10px;}
    
    .reser-section .price-info{line-height: 1.6;}
    .reser-section .price-info1{line-height: 1.6;}


    .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 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;}
    .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: 13px;}
    .room-wrap .info-section .info-wrap .txt-info .ame-list-wrap .list .ame p{font-size: 12px;}
    .room-wrap .info-section .info-wrap .txt-info .ame-list-wrap{margin-bottom: 50px;}
    .room-wrap .price {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .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{margin-bottom: 25px;}    
    .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;}

    .reser-section .con2 .table-wrap .basic-price-wrap th, .reser-section .con2 .table-wrap .basic-price-wrap td{font-size: 10px; letter-spacing: -0.05em;}
    .room-wrap .con2 .table-wrap .basic-price-wrap th, .room-wrap .con2 .table-wrap .basic-price-wrap td{font-size: 10px; letter-spacing: -0.05em;}
    .page-wrap .page p{font-size: 12px; top: -27px;}
    .special-wrap .con2 .img-bg{width: 100%; height: 250px;}
    .special-wrap .con2 .info-tit{margin-top: 50px; left: 0; width: 100%; text-align: center;}
    .special-wrap .con2 .info-tit h4{font-size: 14px;}
    .special-wrap .con2 .info-tit h2{font-size: 30px;}
    .special-wrap .con2 .info-txt p{font-size: 12px; letter-spacing: -0.5px;}
    .special-wrap .con2 .info-txt{margin-top: 30px; padding-bottom: 50px;}
    .special-wrap .con2 .img-box .img{height: 100px;}
    .special-wrap .con2 .img-box p{line-height: 1.6;}

    .reser-wrap .con2 .info aside{width: 100%; float: none;}
    .reser-wrap .con2 .info aside::after{display: table; content: ""; clear: both;}
    .reser-wrap .con3 .refund-box{padding-top: 30px;}
    .reser-wrap .con3 .info li{font-size: 12px; white-space: normal; font-weight: 400; line-height: 1.6;}
    .reser-wrap .con2 .info .txt-box{padding-left: 0; width: 100%; float: none; max-width: 100%;}
    .reser-wrap .con2 .info p{font-size: 12px;}
    .reser-wrap .con2 .right li{font-size: 12px;}
    .reser-wrap .con2 .right li br{display: none;}
    .room-preview-wrap > .txt-box{width: calc(100% - 80px); margin: 0 40px;}
    .room-preview-wrap .tit-box{margin-top: 40px; margin-bottom:40px ;}
    .room-preview-wrap .tit-box h1{font-size: 50px;}
    .room-preview-wrap > .txt-box .left h3{line-height: 1.4; font-size: 16px;}
    .room-preview-wrap > .txt-box .right{margin-top: 30px;}
    .room-preview-wrap > .txt-box .right h4{font-size: 12px; }
    .room-preview-wrap > .txt-box .right p{font-size: 12px; }    
    .room-preview-wrap{margin-top: 0; padding-bottom: 50px;}
    /* .room-preview-wrap .slide-wrap{width: 100%;}
    .room-preview-wrap .slide{margin: 5px; float: left; background-color: transparent;}    
    .room-preview-wrap .slide.small{width: calc(33.333% - 10px); height: auto; margin-bottom: 75px;}
    .room-preview-wrap .slide.small .inner-info{padding: 0;}
    .room-preview-wrap .slide.small .img{height: 130px;}
    .room-preview-wrap .aside-txt{display: none;}
    .room-preview-wrap .slide .txt-box h3{font-size: 20px; margin-top: 15px; margin-bottom: 15px;}
    .room-preview-wrap .slide.long{width: calc(33.333% - 10px); height: auto;}
    .room-preview-wrap .slide.long .img{height: 200px;}
    .room-preview-wrap .slide.long .inner-info{padding: 0;} */
    .room-preview-wrap .slide-wrap{width: 100%;}
    .room-preview-wrap .slide{width: 40vw;}
    .room-preview-wrap .slide.small {width: 33.3333vw; height: 42vw; padding: 5px;}
    .room-preview-wrap .slide.long {width: 33.3333vw; height: 62vw; padding: 5px; margin-bottom: 10px;}
    .room-preview-wrap .slide.long .inner-info{padding: 5px;}
    .room-preview-wrap .slide.long .img{height: 45vw;}
    .room-preview-wrap .slide.small .img{height: 25vw;}
    .room-preview-wrap .slide.small .inner-info{padding: 5px;}
    .room-preview-wrap .slide{margin: 0 5px;}
    .room-preview-wrap .tit-box p{font-size: 12px; display: none;}
    .room-preview-wrap .slide-wrap .aside-txt p{display: none;}
    .room-preview-wrap .slide .txt-box h3{font-size: 14px; margin-top: 15px;}
    .room-preview-wrap .slide .txt-box p{display: none;}
    .room-wrap .price-info{font-size: 12px;}
    .room-wrap .price-info h5{font-size: 13px;}
    .room-wrap .price-info1{font-size: 12px;}
    .room-wrap .price-info1 h5{font-size: 13px;}
    .reser-section .price-info{font-size: 12px;}
    .reser-section .price-info h5{font-size: 13px;}
    .reser-section .price-info1{font-size: 12px;}
    .reser-section .price-info1 h5{font-size: 13px;}
    .room-wrap .con2 .inner-con{padding-bottom: 100px;}
    .pro-info .right p{font-size: 10px;}
    .reser-section .table-wrap .basic-price-wrap{width: 100%;}    

    .tour-wrap .con2 .info-box{margin-top: 0px; padding-bottom: 0;}
	.tour-wrap .tour-slide{width: 100%; max-width: 100%;}
	.tour-wrap .tour-slide{position: unset;}
	.tour-wrap .tour-slide .slide{height: 250px;}
	
	.tour-wrap .txt-box h4{font-size: 13px; margin-bottom: 15px;}
	.tour-wrap .txt-box h2{font-size: 20px;}
	.tour-wrap .txt-box h3{margin-bottom: 15px; font-size: 12px;}
	.tour-wrap .txt-box p{font-size: 12px; margin-bottom: 15px;}
	
	.tour-wrap .txt-box p span{display: block;}	
    .tour-wrap .txt-box p br{display: none;}
	.tour-wrap .txt-area{padding: 30px 0;}
	.tour-wrap .con2 .info{margin-top: 0;}
    .tour-wrap .left .txt-box{padding: 0 10px; margin-left: 0;}
    .tour-wrap .left .txt-box{margin-top: 5px;} 


    .reser-section .txt-box{padding: 0 25px;}
    .reser-section .txt-box p{font-size: 10px; margin-top: 10px;}
    .reser-section .txt-box h1{padding-top: 50px;}
    .reser-section{padding-top: 30px;}
    .reser-section .res_box{ width: 150px; font-size: 14px}
    .reser-section {padding-bottom: 50px;}
    .reser-wrap .con2 .right{padding-left: 0;}
    .reser-wrap .con2 .info .left{margin-bottom: 100px;}
    .reser-wrap .con2 .info .img{float: none; width: 150px; height: 150px; margin: 0 auto;}
    .reser-wrap .con3 .info{padding-top: 50px;}
    .reser-wrap .con3 .refund-box table td{font-size: 12px; width: 20%;}    
    .reser-wrap .con2 .left{border-right: none;}
    .reser-wrap .con2 .info h3{display: block; width: 100%; margin: 0 auto;}
    .reser-wrap .con3 .refund-box p{font-size: 10px;}
    .reser-wrap .con3 .info h3{display: inline-block; margin: 0 auto; width: auto;}
    .reser-wrap .con3 .info ul{margin-bottom: 30px;}
    .map-wrap .con2 .map-info aside{width: 100%; float: none;}
    .map-wrap .con2 .map-info .right{padding-left: 0;}
    .map-wrap .con2 .map-info li{font-size: 12px; letter-spacing: -1px;}
    .map-wrap .con2 .info-txt .txt-box{margin-left: 0;}
    .map-wrap .con2 .info-txt .txt-box{width: 100%; text-align: center;}
    .map-wrap .con2 .info-txt h3{font-size: 14px;}
    .map-wrap .con2 .info-txt p{font-size: 12px;}
    .map-wrap .con2 .map-info h3{font-size: 14px;}
    .map-wrap .con2 .info-txt .img{float: none; margin: 0 auto; width: 145px; height: 145px;}
    .map-wrap .con2 .info-txt .img img{width: 145px; height: 145px;}
    .map-wrap .con2 .map-box{padding-bottom: 30px;}
    .insta-wrap{padding-top: 50px;}
    .instagramFeed{width: calc(100% - 50px);}
    .instagramFeed a{width: calc(50% - 10px); margin: 0 5px;}
    .instagramFeed a:last-of-type{display: none;}
    
    .ft .right .address{margin-bottom: 15px;}
    
    /* .ft-sns-wrap{text-align:center; margin-top: 30px;margin-bottom: 17px;} */
    .ft-sns-wrap{text-align:center;}
    .ft-sns-wrap li{display: inline-block; margin: 0 10px;}

    
    .reser-wrap .con3 .refund-box table tbody{width: 100%;display: block;}
    .reser-wrap .con3 .refund-box table tr{width: 50%; display: block; float: left;}
    .reser-wrap .con3 .refund-box table td{width: 100%; display: block;}
    .reser-wrap .con3 .refund-box table td:nth-of-type(n+1){margin-top: -1px;}
    .reser-wrap .con3 .refund-box table tr:nth-of-type(2) td{border-left: 0;}

    .pc-map{display: none;}
    .m-map{display: flex; justify-content: center;}
    .week_date p{font-size: 12px !important;}
    .m-eng-sub{display: block; text-align: center; font-size: 14px;}
    .m-eng-sub a{display: inline-block; padding: 0 15px; line-height: 1.8; border-radius: 5px; border: 1px solid #666666; margin-bottom: 15px;}
    .m-eng-sub a .fal{margin-right: 5px;}
    .notice-wrap .half-page .bg{background-position: center;}
    .m-slide-wrap{display: block;}
    .main-slide-wrap{display: none;}
    .reser-box{padding-top: 0px;}
    .reser-wrap .price{margin-top: 0px;}
    .reser-wrap .info-txt{padding-bottom: 50px; font-size: 13px;}
    .reser-info-txt{font-size: 12px;} 
    .refund-info-txt{font-size: 12px;}
    
    .ft .right .tel-box{text-align: center; margin-top: 30px;margin-bottom: 10px;}
}

@media all and (max-width:400px) {
  .tap-menu .sub-menu.long{flex-wrap: wrap; justify-content: flex-start;}
  .tap-menu .sub-menu.long li{width: calc(100% / 3);}
  .tap-menu .sub-menu .room2-menu li{width: 49.3333%;}
  .tap-menu .sub-menu.room2-menu li{margin-left: 0px;}
  .room-preview-wrap .slide .txt-box h3{font-size: 12px; margin-top: 10px;}
}