@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;}
/* .main-wrap .con1 .main-tit h1{font-family:"Louis",serif; font-weight: 400; letter-spacing: 0;} */
.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; transition: 1.5s, background-color 0.4s, color 0.4s !important;}
.res_box i{    margin-right: 7px;}
.res_box:hover{background-color: #837a69; color: white;}
.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;}
table{outline: none; border-spacing: 0;}
/*영상*/
.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: 70px; float: left; pointer-events: all; transition: 0.8s; position: relative; z-index: 15;}
.hd .logo a{width: 152px; display: block; transition: 0.8s;}
.hd-btn{float: right; margin-top: 80px; margin-right: 120px;  pointer-events: all;  transition: 0.8s; position: relative; z-index: 15;}
.hd .logo a img{width: 100%;}
.hd-btn .fal{margin-right: 5px;}
.hd-btn .fab{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: 10px;}
.hd.fixed .logo a{width: 90px;}
.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; width: 100%;}
.sub-wrap .main-menu > ul{display: flex; justify-content: center;}
.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: 14; margin-top: 70px;  pointer-events: all; transition: 0.8s; width: 100%; max-width: 950px;}
.main-menu > ul {display: flex; flex-wrap: wrap; justify-content: center;}
.main-menu > ul > li { width: 14.25%; text-align: center; line-height: 30px;}

.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;}
.inner-con{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;}

.m-page-wrap{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); color: white; text-align: center; z-index: 100;}
.m-page-wrap .scroll-down{font-family: "Baskerton",sans-serif; font-size: 16px; margin-bottom: 15px;}
.m-page-wrap .scroll-down p{cursor: pointer;}
.m-page-wrap .page{position: relative; pointer-events: none;}
.m-page-wrap .page p{display: inline-block; font-family: "Baskerton"; font-size: 16px; position: relative; top: -35px;}
.m-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;}
.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: -100px;}
.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: #5e4e3b; position: relative; display: inline-block; line-height: 1;}
.main-wrap .con2 .info .txt-box h2::after{content: ""; display: block; background-color: #5e4e3b; 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{position: absolute; bottom: 100px;}
.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;}

/* 메인 동영상 */

.main_video {
    margin-top: 10px;
}

.main_video .main-vdo {
    height: 795px;
}
.main_video .main-movie .inner_con {
    max-width: 1200px;
    margin: 0 auto;
}




.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: auto; 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; }
.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 .info{padding-bottom: 50px;}
.sub-wrap .con2 .info::after{content: ""; display: table; clear: both;}
.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;}
.tap-menu .sub-menu::after{display: table; content: ""; clear: both;}
.tap-menu .sub-menu li{float: left; clear: none; width: 125px;}
.tap-menu .sub-menu 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;}

.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;}

.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{display: none;}


/*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::after{content: ""; display: table; clear: both;}
.pro-wrap .con2 .img-box.img-video{width: 1100px; height: 625px;}
.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 .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: 75px; transform: rotate(0.03deg);}
.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;}
.room-wrap .con2 .info-box .right p.bold{font-weight: 500; color: #665c52;}
.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 .icon-box p{font-size: 13px; font-family: "Noto Sans KR",serif;}
.room-wrap .icon-box p.ame-brand{margin-top: 15px;}
.room-wrap .icon-box h5{font-size: 14px; margin-top: 15px;}
.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 i{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: 12px; font-family: "Noto Sans KR",serif; line-height: 2;}
.room-wrap .price .res_box{margin-top: 30px;}
.room-wrap .con2 .inner-con{padding-bottom: 280px;}

.room-wrap .room-price{width: 100%; text-align: center; font-size: 13px; margin-top: 30px; }

.room-wrap .room-price th{background-color: #f7f6f6; border: 1px solid #d8d8d8; padding: 3px 0;}
.room-wrap .room-price tr:first-child th{border-top: 2px solid #d8d8d8;}
.room-wrap .room-price tr:last-child th{font-weight: 500;}
.room-wrap .room-price td{border-right: 1px solid #d8d8d8; padding: 3px 0; border-bottom: 1px solid #d8d8d8;width: 100px;}
.room-wrap .room-price td:last-child{border-right: 0;}
.room-wrap .room-price th:last-child{border-right: 0;}
.room-wrap .room-price th:first-child{border-left: 0;}

/*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 .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;}
.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{width: 600px;}
.tour-wrap .inner-con{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;}

.map-link-wrap{display: none;}

/*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: 25px; margin-top: 60px; width: 100%; 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; letter-spacing: -0.05em;} 
.reser-wrap .con2 .left .txt-box li span a{position: relative;}
.reser-wrap .con2 .left .txt-box li span a::after{content: ""; display: block; width: 100%; height: 1px; background-color: #665c52; transform: scaleX(0); transition: 0.4s;}
.reser-wrap .con2 .left .txt-box li span a:hover::after{transform: scaleX(1);}
.reser-wrap .con2 .right{padding-left: 30px;}
.reser-wrap .con2 .right li{font-size: 13px; line-height: 2; letter-spacing: -0.5px;}
.reser-wrap .con2 .right ul{margin-bottom: 40px;}
.reser-wrap .con2 .right .bold li{font-weight: 800;}

.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;}
.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;}
.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 h5{font-size: 14px; margin-top: 20px; margin-bottom: 5px;}
.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;}
.reser-wrap .con2 .reser-box::before{display: table; content: ""; clear: both; margin-bottom: 100px;}
.reser-wrap .con2 .reser-box .res_box{margin-top: 30px;}


.reser-wrap .reser-price{width: 100%; text-align: center; font-size: 13px; margin-top: 15px; margin-bottom: 15px;}

.reser-wrap .reser-price th{background-color: #f7f6f6; border: 1px solid #d8d8d8; padding: 3px 0;    width: 100px;}
.reser-wrap .reser-price tr:first-child th{border-top: 2px solid #d8d8d8;}
.reser-wrap .reser-price tr:last-child th{font-weight: 500;}
.reser-wrap .reser-price td{border-right: 1px solid #d8d8d8; padding: 3px 0; border-bottom: 1px solid #d8d8d8;}
.reser-wrap .reser-price td:last-child{border-right: 0;}
.reser-wrap .reser-price th:last-child{border-right: 0;}
.reser-wrap .reser-price th:first-child{border-left: 0;}
.reser-wrap .reser-box #tit {margin-top: 7px;} 
.reser-wrap .reser-box .rsv_cal_t {margin-bottom: 30px;}
/*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: 30px;}
.map-wrap .con2 .map-box::after{content: ""; display: table; clear: both;}
.map-wrap .con2 .map-txt h5{font-size: 15px; margin-bottom: 5px;}
.map-wrap .con2 .map-txt p{font-size: 13px;}
.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: #5e4e3b;}
.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: 565px;}
.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 a{display: block; overflow: hidden;}
.room-preview-wrap .slide a .img{transition: 0.6s;}
.room-preview-wrap .slide a:hover .img{transform: scale(1.02);}
.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 .slide .txt-box .villa-pre{margin-bottom: unset !important;}


.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 .res_box{margin-top: 65px;} 
.reser-section{padding-bottom: 200px; background-color: #e9e6e1;}

.res_box .fal{margin-right: 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;}

.ft{background-color: #e1ddd7; z-index: 15; position: relative; padding-top: 65px; 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;}
.ft .right .tel-box a{font-size: 24px; font-family: 'Lato',sans-serif; color: #666666;}

.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 .address span img{width: 30px; transform: translateY(10px); margin-left: 5px;}
.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;}

.ft .partner-site-wrap{display: flex; justify-content: center; align-items: center;  flex-flow: column; padding-bottom: 50px; border-bottom: 1px solid #ccc; max-width: 1600px; margin: 0 auto; margin-bottom: 65px;}
.ft .partner-site-wrap h5{font-size: 20px; font-weight: 500; margin-bottom: 5px; font-family: "Noto Sans KR",sans-serif;}
.ft .partner-site-wrap .partner-site-link{display: flex; flex-flow: column; align-items: center; text-align: center; border: 1px solid #8a8279; padding: 20px 50px; transition: 0.8s; background-color: rgba(255,255,255,0.8);}
.ft .partner-site-wrap .partner-site-link img{width: 200px; display: block;}
.ft .partner-site-wrap .partner-site-link .txt{font-size: 17px; }
.ft .partner-site-wrap .partner-site-link:hover{background-color: rgba(255,255,255,0.6);}
.icon-aw_logo_svg:before{content:'\0042'; display:inline-block; margin-left:10px; margin-right:5px; vertical-align:middle; font-size:25px; color:#333333; }

/*스크롤 이펙트*/
.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-price{display: none;}


.pc-br{display: none;}

/* 메인 동영상 */

@media all and (max-width:1300px){
    .main_video .main-movie .inner_con{width: calc(100% - 60px);}
    .main_video .main-vdo{height: 52vw;}
}


/*반응형*/

@media all and (min-width: 1200px){
    .room-preview-wrap{padding-bottom: 100px;}
    
}
@media all and (max-width: 1400px){
    .tour-wrap .inner-con{width: calc(100% - 50px);}
}

@media all and (max-width: 1820px){
    .main-menu > ul > li{width: 130px;}
}

@media all and (max-width: 1320px){
    .hd .logo{margin-left: 15px;}
    .hd-btn{margin-right: 30px;}
}
@media all and (max-width: 1165px){
.main-menu > ul > li{width: 110px;}
.sub-menu a{font-size: 11px; white-space: nowrap;}
}

@media all and (max-width: 1024px){
    .main-wrap .con2 .info{width: calc(100% - 100px);}
    .basic-slide-wrap .slide-btn{width: calc(100% - 100px);}
    .m-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: 25px;}
    .hd .logo a{width: 79px;}
    .main-wrap .menu-btn{display: block;}
    .hd .menu-btn{float: right; margin-left: 0; margin-top: 35px; 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;}
    .sub-menu a{line-height: 25px;}
    .sub-wrap .main-menu > ul{display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;}
    .hd.on .main-menu{visibility: visible; opacity: 1; pointer-events: all;}
    .hd .main-menu .sub-menu{display: block; padding-bottom: 15px;}
    .sub-wrap .main-menu > ul > li > a{line-height: 35px;}
    /* .sub-wrap .main-menu > ul > li:last-of-type{margin-top: -50px;} */
    .main-menu > ul > li{width: 33.3333%;}
    /* .main-menu > ul > li:nth-of-type(n + 4){width: 25%;} */
    .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{position: relative; bottom: 0;}
    .main-wrap .con2 .info .img-box .img{width: calc(33.3333% - 10px); height: 150px;}
    .tour-wrap .tour-slide{width: calc(50% + 40px);}
    .tour-wrap .tour-slide .slide{height: 400px;}
    .tap-menu .sub-menu li{width: 100px;}
    .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;}
    .map-link-wrap{display: block; margin-top: 20px;}
	.map-link-wrap::after{content: ""; display: table; clear: both;}
	.map-link-wrap li{float: left; width: 30px; height: 30px; margin-right: 15px; border-radius: 3px; border: 1px solid #e3e3e3;}
	.map-link-wrap li a{ background: none; width: 100%; height: 100%; display: block; margin-top: 0; padding: 0; border: 0; display: block; border: 0; padding: 0; margin: 0; text-align: center !important; line-height: 30px;}
	.map-link-wrap li a img{display: block; width:100%;}
    .big-img-bg{background-attachment: unset;}
}
@media all and (max-width: 900px){
    .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;}
    .tour-wrap .txt-box{width: 100%;}
    .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;}
    .ft .right .tel-box a{font-size: 20px; text-align: center;}
    .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;}
}
@media all and (max-width: 700px){          
    
    /* 모바일 메뉴 조정 */
    .m-br{display: none;}

    .room-preview-wrap .slide .txt-box .villa-pre{
        margin-top: 8px !important;
    }
    .page-wrap .page{width: 150px;}
    .m-page-wrap .page{width: 150px;}
    .con2 .bread h3{line-height: 80px;}
    .basic-slide-wrap .slide-btn{width: calc(100% - 30px);}
    .m-slide-wrap .slide-btn{width: calc(100% - 30px);}
    .tour-wrap .inner-con{width: calc(100% - 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);}
    
    /*메인 갤러리 위치 조정*/
    .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%;}
    .main-wrap .con2 .info .txt-box h2 {font-size: 32px;}
    .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); padding-bottom: 10px;}
    .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; }
    .tap-menu .sub-menu{display: flex; justify-content: center; flex-wrap: wrap;}
    .tap-menu .sub-menu.long li{width: 33.3333%;}
    
    .pro-wrap .tap-menu .sub-menu li{width: 100px;}
    
    .reser-wrap .tap-menu .sub-menu li{width: 100px;}
    .reser-wrap .reser-price{font-size: 11px;}
    .tap-menu .sub-menu li{width: 100px;}
    .tap-menu .sub-menu li a{font-size: 10px; line-height: 35px; white-space: nowrap;}
    .tap-menu .sub-menu.long li a{line-height: 35px;}
    .page-wrap .scroll-down p{display: none;}
    .m-page-wrap .scroll-down p{display: none;}
    .inner-con{width: calc(100% - 50px);}
    .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: 55vw;} */
    
    
    .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;}
    .sub-wrap .con2 .info{padding-bottom: 25px;}
    .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 .img-box{margin-bottom: 15px;}
    .pro-wrap .con2 .txt-box p{margin-bottom: 20px;}
    .pro-wrap .con2 .txt-box{padding-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% - 30px); 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: 100%;}
    .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: 30px;}
    .room-wrap .con2 .info-box .right{padding-left: 0;}
    .room-wrap .con2 .info-box .right p{font-size: 12px; letter-spacing: -0.5px;}
    .room-wrap .con2 .info-box .right p span{display: block;}
    .room-wrap .con2 .info-box .right p br{display: none;}
    .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; float: none;}
    .room-wrap .icon-box li i{font-size: 24px;}
    .room-wrap .icon-box p{font-size: 10px; max-height: 2.4em;}
    .room-wrap .icon-box .floor-ame p{max-height: 500px;}
    .room-wrap .price-info{line-height: 1.6;}
    .room-wrap .main-tit h4{font-size: 12px;}
    .room-wrap .icon-box h5{font-size: 13px;}
    .page-wrap .page p{font-size: 12px; top: -27px;}
    .m-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 .info li{font-size: 12px; white-space: normal; font-weight: 400; line-height: 1.6;}
    .reser-wrap .con2 .info .txt-box{padding-left: 0; max-width: 100%;}
    .reser-wrap .con2 .info p{font-size: 12px;}
    .reser-wrap .con2 .right li{font-size: 12px;}
    

    .reser-wrap .reser-box #tit {margin-top: 7px;} 
    .room-preview-wrap > .txt-box{width: calc(100% - 30px); margin: 0 15px;}
    .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: 35vw;}
    .room-preview-wrap .slide.small {width: calc(35vw - 10px); height: 42vw; padding: 5px;}
    .room-preview-wrap .slide.long {width: calc(35vw - 10px); height: 55vw; padding: 5px; margin-bottom: 10px;}
    .room-preview-wrap .slide.long .inner-info{padding: 5px;}
    .room-preview-wrap .slide.long .img{height: 41vw;}
    .room-preview-wrap .slide.small .img{height: 28vw;}
    .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; letter-spacing: -1px;}
    .room-preview-wrap .slide .txt-box p{display: none;}
    .room-wrap .price {margin-top: 60px; margin-bottom: 60px;}
    .room-wrap .price-info{font-size: 10px;}
    .room-wrap .con2 .inner-con{padding-bottom: 100px;}
   
    .room-wrap .room-price td{font-size: 10px;}
    .room-wrap .room-price th{font-size: 10px;}
    .pro-info .right p{font-size: 10px;}    
    .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 .res_box{margin-top: 30px; 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: 4em; margin: 0 auto;}
    .reser-wrap .con3 .refund-box p{font-size: 10px;}
    .reser-wrap .con3 .info h3{display: block; width: 4em; margin: 0 auto;}
    .reser-wrap .con2 .reser-box::before{margin-bottom: 25px;}
    .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{width: 100%;}
    
    .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;}
    .tour-wrap .con2 .info-box{margin-top: 0px; padding-bottom: 0;}
	.tour-wrap .tour-slide{width: 100%;}
	.tour-wrap .tour-slide{position: unset;}
	.tour-wrap .tour-slide .slide{height: 250px;}
	.tour-wrap .con2 .info.right{margin-top: 5px;}
	.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: 30px; font-size: 12px;}
	.tour-wrap .txt-box p{font-size: 12px;}
	
	.tour-wrap .txt-box p span{display: block;}	
	.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: 25px;}    
    .reser-wrap .con3 .info h5{font-size: 13px; margin-top: 10px; }
    .pc-map{display: none;}
    .m-map{display: block; overflow: hidden; }
    .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;}

    .main-slide-wrap{display: none;}
    .m-slide-wrap{display: block;}
    .m-price{display: block;}
    .pc-price{display: none;}
    .m-br{display: block;}
    .room-wrap .icon-box ol{display: flex; flex-wrap: wrap;}

    .ft .partner-site-wrap{margin-bottom: 40px;}
    .ft .partner-site-wrap h5{font-size: 16px;}
    .ft .partner-site-wrap .partner-site-link img{width: 175px;}
    .ft .partner-site-wrap .partner-site-link .txt{font-size: 14px;}
    .ft .partner-site-wrap .partner-site-link{padding: 15px 35px;}
    .ft .partner-site-wrap .partner-site-link{background-color: rgba(255,255,255,0.6);}
}