@charset "utf-8";

/*default*/
*{margin: 0; padding: 0; box-sizing: border-box;}html,body{width: 100%; height: 100%; color: #676767; font-family: NotoSans;}
li{list-style: none;}
a{text-decoration: none; color: #676767;}
button,input,a,label{border: none; outline: none; background-color: transparent; box-shadow: none;}
.wrapper{width: 100%; position: relative;}
.inner-con{width: 1250px; margin: 0 auto;}
.con1,.con2,.con3,.ft,.special_preview_con,.room_preview_wrap{position: relative;}
main{background-color: #fafafa;}
/* .con1{position: absolute;top: 0; } */
/* main{position: fixed; top: 100vh; width: 100%; height: 100%;} */
/* main::after{display: table; content: ""; clear: both;} */
.slick-slide, .slick-slide * {outline: none !important;}


.hd{height: 100px; width: 100%; position: fixed; top: 0; left: 0;}
.hd.on{background-color: rgba(0,0,0,0.4); height: unset;}
.hd.on .logo{margin-top: 25px;}


.sub-wrap .hd.on  .main-menu a{margin-top: 10px;}
.sub-wrap .main-menu > ul > li > a:hover{color: white;}
.sub-wrap .main-menu > ul > li > a::after{background-color: white;}

.con1 .full-page{width: 100%; height: 100vh; background-size: cover; background-position: center center;} 
.m-bg{display: none; width: 100vw; height: 100vh;background-size: cover;background-position: center;}
.m-btn{display: none; position: absolute; top: 25px; right: 30px; transition: 0.5s;}
.m-btn a{color: white; display: block; float: left; text-align: center; margin-left: 10px;}
.m-btn span{display: block; font-size: 10px;}

.crumb.on {border-bottom: 0; height: unset;}    
.crumb.on ul{height: unset;}
.crumb.on ul li a {color: white; line-height: 50px;}
.hd .crumb ul::before{content: ""; display: block; background-color: white; width: 100%; height: 1px; transform: scale(0); transition: 0.8s;}
.hd.on .crumb ul::before{transform: scale(1);}
.main-menu ul::after{display: table; content: ""; clear: both;}

.hd_white{display: inline-block;}
.hd_black{display: none;}


/*슬라이드*/
.slick-dots{position: absolute; bottom: 70px; left: 50%; transform: translateX(calc(-50% - 7.5px));}
.slick-dots li{width: 10px; height: 10px; border-radius: 50%; background-color: transparent; float: left; margin-left: 15px;cursor: pointer; border: 1px solid white;}
.slick-dots li.slick-active{background-color: white; }
.slickArrow{position: absolute; top: 50%; left: 0; width: 100%; pointer-events: none;}
.slickArrow .fal{font-size: 40px; color: white;}
.slickArrow div{pointer-events: all; position: absolute; cursor: pointer;}
.slickArrow .slickPrev{left: 50px;}
.slickArrow .slickNext{right: 50px;}

.pc-slide{display: block !important;}
.m-slide{display: none !important;}

/*스크롤 이펙트*/
.scroll-box{overflow: hidden; transform: rotate(0.03deg);}
.scroll-tit{transform: translateY(50px); transition: 1.5s; transition-timing-function: ease-out;}
.scroll-tit.on{transform: translateY(0);}
.scroll-obj{transform: translateY(100px); transition: 1.5s; opacity: 0;}
.scroll-obj.on{transform: translateY(0px); opacity: 1;}
.scroll-txt{transform: translateY(50px); opacity: 0; transition: 1.5s;}
.scroll-txt.on{transform: translateY(0); opacity: 1;}
.scroll-basic{opacity: 0; transition: 3s;}
.scroll-basic.on{opacity: 1;}

.line-effect{transform: scale(0); transition: 1.5s;}
.line-effect.on{transform: scale(1);}

.con1 div{background-attachment: fixed;}

/*head*/
.hd {transition: 0.5s; z-index: 3000;}
.hd .logo{line-height: 100px; float: left; margin-left: 100px; width: 140px; height: 70px; transition: 0.5s; margin-top: 30px;}
.hd .logo img{height: 100%; }
.menu-btn{width: 40px; height: 40px; float: right; background-color: white; margin-right: 10px; margin-top: 10px; border-radius: 50%; position: relative; display: none;}
.menu-btn span{width: 25px; height: 1px; background-color: #676767; display: block; position: absolute; top: calc(50% - 1px); left: calc(50% - 12.5px);transition: 0.5s;}
.menu-btn span.line2{transform: translateY(5px);}
.menu-btn span.line3{transform: translateY(-5px);}

.menu-btn.on span.line1{transform: translate(30px, 0); opacity: 0;}
.menu-btn.on span.line2{transform: rotate(-45deg);}
.menu-btn.on span.line3{transform: rotate(45deg);}

/*nav*/
.main-menu{width: 720px; margin: 0 auto; position: relative;}
.main-menu a{font-size: 14px; text-align: center; display: block; color: #a0a0a0;}
.main-menu > ul > li{float: left; width: 120px;}
.main-menu > ul > li > a{display: block; line-height: 80px; font-size: 14px; position: relative; transition: 0.5s;}
.main-menu > ul > li > a:hover{color: #333;}
.main-menu > ul > li > a::after{content: ""; display: block; width: 30%; height: 2px; background-color: #333333; opacity: 0; position: absolute; bottom: calc(50% - 20px); left: 50%; transform: translateX(-50%); transition: 0.5s;}
.main-menu > ul > li > a:hover::after{opacity: 1; width: 80%;}

.sub-menu{height: 0; overflow: hidden;}

.main-wrap{background-color: #fafafa;}

.main-vdo{position: relative;}
.main-vdo .tit{ font-size: 14px; font-family: "MADE"; text-align: center; margin-top: 140px; margin-bottom: 80px;}
.main-vdo .tit h3{font-size: 14px;font-family: "MADE"}
.main-vdo .tit h2{font-size: 16px;font-family: "MADE"}
.main-vdo .vdo-wrap{position: relative; width: 100%; height: 620px;}

/*room-preview*/
.room_preview_wrap .tit{font-size: 14px; font-family: "MADE"; text-align: center; margin-top: 140px; margin-bottom: 80px;}
.room_preview_wrap .tit h2{font-weight: 100; line-height: 1.6;}
.room_preview_wrap .tit h3{font-weight: 100;}
.room_preview_wrap .info-wrap .info{float: left; width: 33.3333%; padding-right: 40px;  position: relative;}



.room_preview_wrap .info-wrap .info .txt{font-size: 13px; border-bottom: 1px solid #e4e4e4; position: relative; height: 210px; margin-bottom: 70px;}
.room_preview_wrap .info-wrap .info .txt h3{margin-top: 20px; margin-bottom: 25px;}
.room_preview_wrap .info-wrap .info .txt p{line-height: 1.8;}
.room_preview_wrap .info-wrap .info .txt a{margin-top: 60px; display: block; float: right; margin-bottom: 25px;}
.room_preview_wrap .info-wrap .info .txt a::after{display: block; content: ""; clear: both; width: 100%; height: 1px; background-color: #b9b9b9;}
.room_preview_wrap .info-wrap .info .txt a:hover::after{animation: underline 1s ease-out;}
.room_preview_wrap .info-wrap .info.info-up{margin-top: -320px;}
.room_preview_wrap .info-wrap .info.no-padding{padding-right: 0;}

/*
.info-wrap-top .info:nth-child(6){display: none;}
.info-wrap-bottom .info:nth-child(5){display: none;}
*/

.room_preview_wrap .info-wrap::after{content: ""; display: table; clear: both;}
.room_preview_wrap .info-wrap .info .img{position: relative; overflow: hidden;}
.room_preview_wrap .info-wrap .info .img img{transition: 1.5s;}
.room_preview_wrap .info-wrap .info .img:hover img{transform: scale(1.1);}
.room_preview_wrap .info-wrap .size1 .img{height: 260px;}
.room_preview_wrap .info-wrap .size2 .img{height: 460px;}
.room_preview_wrap .info-wrap .size3 .img{height: 586px;}
.room_preview_wrap .info-wrap .info .img img{height: 100%;}
.room_preview_wrap .tit h2{font-family: "MADE";}

.room_preview_wrap .info-wrap .info .cir a{display: block;position: absolute; text-align: center; bottom: 40px; right: 40px; color: #b5a999; background-color: #ffffff; width: 65px; height: 65px; line-height: 65px; border-radius: 50%; transition: 0.5s; visibility: hidden; opacity: 0;}
.room_preview_wrap .info-wrap .info:hover .cir a{visibility: visible; opacity: 1;}

.room_preview_wrap .info-wrap .info .txt span:last-of-type::after{content: ""; width: 100%; height: 1px; background-color: #676767; margin: 5px 0; display: none;}

/*special_preview*/
.special_preview_con{height: 960px;}
.special_preview_con aside{width: 50%; height: 100%; float: left;}
.special_preview_con aside::after{content: ""; display: table; clear: both;}
.special_preview_con .left{background-color: #f0f0f0;}
.special_preview_con .left .tit{margin-top: 165px; text-align: center; font-family: "MADE"; }
.special_preview_con .left .tit h2{font-weight: 100; font-size: 16px;}
.special_preview_con .left .tit h3{font-weight: 100; line-height: 1.8; font-size: 14px;}
.special_preview_con .left .img{width: 650px; height: 425px; margin: 65px auto; position: relative;}
.special_preview_con .left .img .img-con{width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; left: 0;}
.special_preview_con .left a{text-align: center; display: block; width: 100px; margin: 0 auto; font-size: 13px; text-decoration: underline;}
.special_preview_con .slide{height: 425px;}

.special_preview_con .right{background-color: #f5f5f5;}
.special_preview_con .right .spe-nav{margin-top: 275px; margin-left: 320px;}
.special_preview_con .right .spe-nav a{line-height: 50px; font-size: 18px; font-family: "Lato"; transition: 0.5s;}
.special_preview_con .right .spe-nav a:hover{margin-left: 10px;}
.special_preview_con .right .spe-nav a.active{margin-left: 20px;}
.special_preview_con .right .spe-nav li a::before{content: ""; display: inline-block; width: 15px; height: 1px; background-color: #676767; position: relative; top: -6px; margin-right: 20px;}
.special_preview_con .right .spe-nav span{font-size: 12px; margin-left: 10px; font-family: "NotoSans";}


/*main-con1*/
.main-wrap .res_btn{display: none;}
.main-bg{background-size: cover; background-position: center; background-repeat: no-repeat;}
.main-wrap .con1{height: 100vh; position: relative;}
.main-wrap .con1 .slide{height: calc(100vh - 80px);}
.main-wrap .con1 .tit{text-align: center; color: white; font-family: "Arita"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); pointer-events: none;}

.main-wrap .con1 .tit h1{font-size: 30px; font-weight: 300;}
.main-wrap .con1 .tit p{font-size: 16px;}
/* .main-wrap .con1 .tit .slide-obj{transform: translateY(100px);} */
.main-wrap .con1 .tit .line{display: block; width: 30px; height: 1px; background-color: white; margin: 20px auto;}

.main_con_1_pic{width: 100%; height: 620px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.main-vdo-img{    width: 58%; height: 600px; margin: 0 auto; background-size: cover; background-repeat: no-repeat; background-position: center;}

/*main con3*/
.reser_bg{width: 100%;}
.reser_bg .bg{width: 100%; height: 620px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden;}
.reser_bg .bg .tit{color: white; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(0.03deg); margin-left: -300px; font-family: "Arita"; z-index: 100;}
.reser_bg .bg .tit .line{display: block; width: 30px; height: 1px; background-color: white; margin: 20px auto;}
.reser_bg .bg .tit h2{font-size: 30px; font-weight: 300; font-family: "Arita";}
.reser_bg .bg .tit p{margin-bottom: 45px; line-height: 1.8; font-size: 16px;}
.reser_bg .bg .tit a{color: white; display: inline-block; font-size: 16px;}
.reser_bg .bg .tit a::after{display: block; content: ""; height: 1px; width: 100%; background-color: white;}
.reser_bg .bg .tit a:hover::after{animation: underline 1s ease-out;}
.reser_bg .bg .vdo iframe{transform: translateY(-10%);}

/*subpage-menu*/
.sub-wrap .hd{position: fixed; top: 0; left: 0; width: 100%;}
.sub-wrap .main-menu a{color: white; margin-top: 25px;}
.sub-wrap .hd .main-menu > .go_res{border: 1px solid white; display: block; width: 100px; height: 30px; line-height: 29px; text-align: center; border-radius: 30px; position: absolute; top: 25px; right: -250px; font-family: "NotoSerif";}
.sub-wrap .hd .main-menu > .go_res .fal{margin-right: 10px;}
.two-line h2{margin-bottom: 45px;}
/*view*/
.view-wrap .con3{margin-top: 160px;}
.view-wrap .con3 .bg{background-size: cover; background-position: center; width: 100%; height: 930px;}
.view-wrap .con3 .vdo-wrap{position: relative;  width: 100%; height: 100%; margin: 0 auto; padding-top: 0px; left: 0%;}
.view-wrap .con3 .vdo{position: relative; width: 100%; height: 530px; margin-bottom: 50px;}
.view-wrap .con3 .vdo-wrap .txt{text-align: center; color: white;    position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%,-50%);}
.view-wrap .con3 .vdo-wrap .txt h3{font-size: 14px; font-family: "MADE"; font-weight: 100;}
.view-wrap .con3 .vdo-wrap .txt h2{font-size: 16px; font-family: "MADE"; font-weight: 100; margin-top: 5px;}
.view-wrap .con3 .vdo-wrap .txt p{font-size: 15px; font-family: "NotoSerif"; font-weight: 100; margin-top: 22px;}

.view-wrap .con3 .info .img-wrap{margin-top:120px; padding: 0 85px;}
.view-wrap .con3 .info .img-wrap .img-con{width: calc(50% - 35px); float: left; height: 760px; margin-right: 70px;  background-size:cover; background-position: center;}
.view-wrap .con3 .info .img-wrap .img-con::after{display: table; content: ""; clear: both;}
.view-wrap .con3 .info .img-wrap .img-con1{margin-top: 250px; margin-bottom: 165px;}
.view-wrap .con3 .info .img-wrap .img-con2{margin-right: 0;}
.view-wrap .con3 .info .img-wrap .img-big{width: 100%; height: 610px; background-size:cover ; background-position: center; clear: both; }
.view-wrap .con3{padding-bottom: 150px;}

/*prologue*/
.view_vdo_img{width: 780px; height: 500px; margin-bottom: 80px; background-repeat: no-repeat; background-size: cover; background-position: center; display: none;}

/*room*/
.con1{height: 100vh; width: 100%; position: relative;}
.con1 .basic-slide{width: 100%; position: relative;}
.con1 .slide{width: 100%; height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.con1 .tit{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1000; color: white; text-align: center;}
.con1 .tit h1{font-size: 30px; font-family: "Arita"; font-weight: 100;}
.con1 .tit p{font-size: 16px; font-family: "Arita"; line-height: 1.6;}
.con1 .tit .line{height: 1px; width: 30px; display: block; margin: 20px auto; background-color: white;}


.crumb{border-bottom: 1px solid #d5d5d5; height: 70px;}
.crumb ul{height: 70px; margin: 0 auto;}
.crumb ul li{float: left; width: 120px;}
.crumb ul li a{display: block; text-align: center; color: #a0a0a0; line-height: 70px; font-weight: 500; white-space: nowrap; font-size: 14px;}


.sub-wrap .con2 .tit{text-align: center; width: 680px; border-bottom: 1px solid #dfdfdf; margin: 0 auto; margin-top: 110px; }
.sub-wrap .con2 .tit h3{font-size: 14px; font-family: "MADE";}
.sub-wrap .con2 .tit h2{font-size: 16px; font-family: "MADE"; line-height: 1.8;}
.sub-wrap .con2 .tit h1{font-size: 16px; font-family: "MADE"; margin-top: 40px; margin-bottom: 45px;}

.sub-wrap .con2 .txt-box{margin-top: 60px;}
.sub-wrap .con2 .txt-box .img{width: 170px; height: 170px; margin: 0 auto; border-radius: 50%; overflow: hidden;background-repeat: no-repeat; background-size: cover;}
.sub-wrap .con2 .txt-box .txt{text-align: center; margin-top: 50px; margin-bottom: 100px; font-family: "NotoSerif";}
.sub-wrap .con2 .txt-box .txt h3{font-size: 18px;}
.sub-wrap .con2 .txt-box .txt p{font-size: 15px; margin-top: 35px; line-height: 1.8;}

.room-wrap .con2 .info .bg{height: 580px; margin-bottom: 70px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.room-wrap .con2 .info aside{float: left;}
.room-wrap .con2 .info .img-box{width: 39%;}
.room-wrap .con2 .info .img-alone{float: right; width: 55%; height:540px;}
.room-wrap .con2 .info .img-alone div{width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat;}

.room-wrap .con2 .info .img-con{width: calc(50% - 30px); height: 201px; background-size: cover; background-repeat: no-repeat; background-position: center; float: left; margin-right:10px ; margin-bottom: 10px;}
.room-wrap .con2 .info .info-box {width: 55%; padding-left: 20px;}
.room-wrap .con2 .info::after{display: table; content: ""; clear: both;}
.room-wrap .con2 .info-box h2{font-size: 15px; margin-bottom: 20px; position: relative; color: #959595;font-weight: 100; font-family: "NotoSerif";}
.room-wrap .con2 .info-box h2 b{font-family: "Lato";}
.room-wrap .con2 .info-box h2::before{content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #959595; position: absolute; top: 0.55rem; left: -15px;}
.room-wrap .con2 .info-box .txt ol{margin-bottom: 30px; margin-left: 20px;}
.room-wrap .con2 .info-box .txt li{font-size: 14px; position: relative; color: #959595; line-height: 1.6;}
.room-wrap .con2 .info-box .txt li::before{content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #959595; position: absolute; top: 0.5rem; left: -15px;}
.room-wrap .con2 .info-box .icon .go_res{display: block; width: 100px; height: 30px; text-align: center; line-height: 29px; font-size: 14px; border: 1px solid #333333; border-radius: 10px; color: #333333; font-family: "NotoSerif";}
.room-wrap .con2 .info-box .icon .go_res:hover{color: white; border-color: white; background-color: #333; transition: 0.8s;}
.room-wrap .con2 .info-box .icon .go_res .fal{margin-right: 10px;}
.room-wrap .con2 .icon ol li{float: left; width: 12.5%; height: 80px; text-align: center;}
.room-wrap .con2 .icon ol{margin-top: 30px; margin-bottom: 50px;}
.room-wrap .con2 .icon ol::after{display: table; content: ""; clear: both;}
.room-wrap .con2 .icon ol li .fal{font-size: 22px; color: #959595;}
.room-wrap .con2 .icon ol li span{display: block; font-size: 10px; margin-top: 10px; color: #959595;}
.room-wrap .con2 .table-column{width: 100%;}
.room-wrap .con2 .table-wrap{width: 800px; margin: 0 auto; margin-top: 150px;}

.room_price_tb{width: 100%; border-collapse: collapse; text-align: center;color: #555;border-bottom: 2px solid #9e8c83;}
.room_price_tb th{font-size: 14px; font-weight: 300; background: #9e8c83; color: #fff; padding: 7px 2px; border: 1px solid rgba(255,255,255,0.2);}
.room_price_tb td{font-size: 14px; padding: 7px 2px; background: rgba(255,255,255,0.5); border: 1px solid rgba(238,238,238,0.5);}
.room_price_tb tr:nth-child(1) th:nth-child(1){border-radius: 7px 0 0 0;}
.room_price_tb tr:nth-child(1) th:nth-child(7){border-radius: 0 7px 0 0;}

.room_total_tb tr:nth-child(5){background: #efe9e6;}
.room_total_tb tr:nth-child(6){background: #efe9e6;}
.room_total_tb tr:nth-child(9){background: #efe9e6;}
.room_total_tb tr:nth-child(10){background: #efe9e6;}


/*special*/
.special-wrap .con2{margin-bottom: 200px;}
.special-wrap .con2 .info .img-box::after{content: ""; display: table; clear: both; margin-bottom: 30px;}
.special-wrap .con2 .info .img-box .img-con{width: calc(50% - 15px); height: 420px; float: left; background-size: cover; background-position: center;}
.special-wrap .con2 .info .img-box .img-con:first-child{margin-right: 15px;}
.special-wrap .con2 .info .txt{margin-top: 70px;}
.special-wrap .con2 .info .txt p{font-size: 10px; font-family: "Lato"; color: #c4ad93; line-height: 1.6; margin-bottom: 15px; letter-spacing: 1px;}
.special-wrap .con2 .info .bg{height: 560px; background-size: cover; background-position: center;}

/*tour*/
.tour-wrap .con2::after{content: ""; display: table; clear: both;}
.tour-wrap .con2 .info-wrap .info-box{width: calc(50% - 30px); float: left; margin: 0 15px; color: #191919;}
.tour-wrap .con2 .info-wrap .info-box img{width: 100%; display: block; height: 400px;}
.tour-wrap .con2 .info-wrap .txt{min-height: 350px; margin-top: 60px;}
.tour-wrap .con2 .info-wrap .txt h2{font-size: 18px;}
.tour-wrap .con2 .info-wrap .txt h3{font-size: 14px; text-decoration: underline; margin-top: 45px; margin-bottom: 20px;}
.tour-wrap .con2 .info-wrap .txt p{font-size: 13px; letter-spacing: -1.2px; line-height: 1.8;}

/*map*/
.m-map{display: none;}
.map-wrap .con2 .info-wrap{padding:0 10px;}
.map-wrap .con2 .info-wrap h3{font-size: 18px; font-family: "NotoSerif"; margin-bottom: 20px;}
.map-wrap .con2 .info-wrap h4{font-size: 14px; font-weight: 800;}
.map-wrap .con2 .info-wrap p{font-size: 14px;}
.map-wrap .con2 .info1{margin-top: 65px; padding-bottom: 50px; border-bottom: 1px solid #c8c8c8;}
.map-wrap .con2 .info2{margin-top: 50px;}
.map-wrap .con2 .info2 p{margin-top: 20px; margin-bottom: 35px; line-height: 1.8; letter-spacing: -1px;}
.map-wrap .con2 .col{margin-bottom: 70px;}
.map-wrap .con2 .col1 a{display: block; width: 245px; height: 30px; font-size: 13px; font-family: "NotoSerif"; text-align: center; line-height: 30px; border: 1px solid #5d5d5d; border-radius: 5px; margin-bottom: 20px;}
.map-wrap .con2 .col1 a:hover{color: white; border: white; transition: 0.8s; background-color: #5d5d5d;}
.map-wrap .con2{padding-bottom: 60px;}

/*reservation*/
.res-wrap .con2::after{content: ""; display: table; clear: both;}
.res-wrap .con2 aside{width: 50%; float: left;}
.res-wrap .con2 aside::after{display: table; content: ""; clear: both; margin-bottom: 150px;}
.res-wrap .con2 aside span{display: block;}
.res-wrap .con2 .info-before::after{content: ""; display: table; clear: both;}
.dash-con::before{content: "-"; display: inline-block;}
.dash-con{margin-left: -5px;}
.res-wrap .con2 .left{padding-left: 150px; border-right: 1px solid #c8c8c8; padding-top: 20px;}
.res-wrap .con2 .right{padding-left: 70px;}
.res-wrap .con2 .left p{font-size: 14px;}
.res-wrap .con2 span{line-height: 1.8; color: #191919;}
.res-wrap .con2 .left p b{color: #191919;}

.res-wrap .con2 .left p a.go_res{font-size: 14px; margin-top: 40px; display: block; width: 100px; height: 30px; line-height: 29px; text-align: center; font-family: "NotoSerif"; border: 1px solid #333333; border-radius: 5px; color: #191919;}
.res-wrap .con2 .left p a.go_res:hover{color: white; border-color: wihte; background-color: #333; transition: 0.8s;}

.res-wrap .con2 .left p a .fal{margin-right: 10px;}
.res-wrap .con2 .right p{font-size: 13px; margin-bottom: 33px;}

.res-wrap .con2 .price{margin-bottom: 125px;}
.m-price{display: none;}

.res-wrap .con3{margin-top: 100px;}
.res-wrap .con3::after{content: ""; display: table; clear: both;}
.res-wrap aside{width: 50%; float: left;}
.res-wrap .left{padding-left: 25px; border-right:1px solid #c8c8c8 ;}
.res-wrap .right{padding-left: 35px;}

.res-wrap .con3 h3{font-size: 18px; font-family: "NotoSerif"; margin-bottom: 35px; color: #191919;}
/*.res-wrap .con3 b{color: #191919;}*/
.res-wrap .con3 p{font-size: 14px; letter-spacing: -1.5px; line-height: 1.8; margin-bottom: 30px; color: #191919;}

table,td{margin: 0; padding: 0; border-collapse: collapse;}
.res-table{color: #191919; text-align: center; font-size: 12px; font-weight: 600; width: 470px;}
.res-table th{background-color: #efefef;}
.res-table th,.res-table td{width: 50%; height: 40px; line-height: 40px; border: 1px solid #e3e3e3;} 

.font1{color: #d50b0b;}

/*footer*/
.ft{text-align: center; background-color: #fafafa; padding-bottom: 30px;}
.ft .sns{margin-top: 70px; margin-bottom: 40px; display: inline-block;}
.ft .sns a{margin: 0 20px;}
.ft .tel{margin-bottom: 40px;}
.ft .tel a{font-size: 20px; font-family: "Lato";}
.ft .tel span{font-size: 20px; margin: 0 5px;}
.ft .address{border-top: 1px solid #e7e0d8; padding-top: 30px; }
.ft .address p{font-size: 14px; color: #717171; display: inline-block;}
.ft .address p:last-of-type{margin-left: 20px;}
.ft .address p:last-of-type img{width: 32px;}
.ft .copyright{ margin-bottom: 30px; margin-top: 5px;} 
.ft .copyright span{font-size: 12px; color: #929292;}
.ft .copyright span a{color: #929292;}

.ft .log{font-size: 14px; color: #717171; font-weight: 600;}
.ft .log:after{display: block ; content: ""; width: 70px; height: 1px; background-color: #717171; margin: 0 auto;}
.toTop{font-size: 14px; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; background-color: #f0f0f0; position: fixed; z-index: 300; right: 50px; bottom: 50px; cursor: pointer; display: none; font-weight: 400;}


.icon-aw_logo_svg:before{content:'\0042'; display:inline-block; margin-left:10px; margin-right:5px; vertical-align:middle; font-size:25px; color:#333333; }

.pc-map{overflow: hidden;}
.m-price{display: none;}
/*res 효과*/
.sub-wrap .hd .main-menu > .go_res:hover{background-color: white; color: #333; border-color: #333; transition: 0.5s;}

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

/*animate*/
@keyframes underline{
    from{transform: scale(0);}
    to{transform: scale(1);}    
}


/*mediaQuary*/

@media all and (max-width:1250px){
    .inner-con{width: calc(100% - 100px);}
}
@media all and (max-width:1024px){
    .main-menu{width: 480px;}
    .main-menu > ul > li{width: 80px;}
    .main-menu > ul > li > a {font-size: 12px;}
    .special_preview_con .right .spe-nav{margin-left: 220px;}
    .special_preview_con .left .img{width: 570px; height: 365px;}
    .sub-wrap .con2 .tit{width: calc(100% - 30px);}
    .tour-wrap .con2 .info-wrap .txt{min-height: 450px;}
    .main-vdo .vdo-wrap{height: 570px;}
    .reser_bg .bg .vdo iframe{transform: translateY(0);}
    
    
    .map-link-wrap{display: block;margin-top: 50px;}
	.map-link-wrap::after{content: ""; display: table; clear: both;}
	.map-link-wrap li{float: left; width: 30px; margin-right: 15px; border-radius: 50%; overflow: hidden; box-shadow: 3px 3px 2px rgba(0,0,0,0.2); text-align: center;}
	.map-link-wrap li a{ background: none; width: 100%; display: block; margin-top: 0; font-size: 20px;}
	.map-link-wrap li a img{display: block;}
}
@media all and (max-width:900px){
    .inner-con{width: calc(100% - 60px);}
    .reser_bg .bg .tit{margin-left: -150px;}
    .hd{position: fixed; top: 0; left: 0; width: 100%; height: unset;     background-color: #f0f0f0;}
    .main-menu{width: 100%;}
    .main-menu > ul > li{width: 16.6666%}
    .main-wrap .con1 .slide{height: 100vh;}
    .hd .logo{margin: 10px auto; float: none;}

    .hd.on{background-color: #f0f0f0;}
    .hd.on .logo{margin: 10px auto;}
    .hd.on .m-btn{top: 13px;}
    .hd.on .crumb{height: unset;}
    .hd.on .crumb ul{height: unset; margin-top: 10px;}
    
    .hd_white{display: none;}
    .hd_black{display: inline-block;}
    
    .main-vdo .vdo-wrap{height: 430px;}
    /* .menu-btn{display: block; margin-top: 40px; margin-right: 40px;} */
    .hd .logo img{width: 100%; height: unset;}
    
    .main-vdo-img{height: 500px;}
    
    .view-wrap .con3 .info .img-wrap{padding: 0; margin-top: 60px;}
    .view-wrap .con3 .info .img-wrap .img-con {height: 300px; width: calc(50% -15px); margin-right: 30px;}
    .view-wrap .con3 .info .img-wrap .img-big{height: 400px;}
    .view-wrap .con3 .info .img-wrap .img-con1{margin-bottom: 65px;}
    
    .view_vdo_img{    width: 450px; height: 300px;}
    
    .sub-menu{height: 0px;}
    .main-menu .sub-menu a{font-size: 12px;}
        
    .main-menu a{color: #333; line-height: 30px; margin-top: 0; color: white;}
    
    .sub-wrap .main-menu a{color: #333; line-height: 30px; margin-top: 0; color: white;}
    .main-menu > ul > li > a {line-height: 30px; color: #676767;}
    .m-btn a{color: #676767;}
    .room-wrap .crumb{height: 70px;}
    .room-wrap .crumb ul{width: 100% !important;}
    .room-wrap .crumb ul li{width: 14% !important;}
    .room-wrap .crumb ul li a{line-height: 50px;}
    
/*    .special-wrap .crumb{height: 100px;}*/
    .special-wrap .crumb ul{width: 100% !important;}
    .special-wrap .crumb ul li{width: 20% !important;}
    .special-wrap .crumb ul li:nth-child(6){width: 25% !important;}
    .special-wrap .crumb ul li:nth-child(7){width: 25% !important;}
    .special-wrap .crumb ul li:nth-child(8){width: 25% !important;}
    .special-wrap .crumb ul li:nth-child(9){width: 25% !important;}
    .special-wrap .crumb ul li a{line-height: 50px;}
    
    .special_preview_con{height: unset;}
    .special_preview_con .left .img{width: 100%; margin:0 auto; height: 450px;}
    .special_preview_con aside{float: unset; width: 100%; height: unset;}    
    .special_preview_con .right .spe-nav{margin: 0; }
    .special_preview_con .left a{display: none;}
    .special_preview_con .left .tit{margin-top: 0; padding-top: 50px; margin-bottom: 20px; text-align: left; margin-left: 10px;}    
    .special_preview_con .right{background-color: #f0f0f0; text-align: right; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}
    .special_preview_con .right .spe-nav a{font-size: 16px; line-height: 2.5;}
    .special_preview_con .right .spe-nav span{font-size: 10px; margin-left: 5px;}
    .special_preview_con .right .spe-nav li::before{margin-right: 10px; width: 10px;}

    

    .special-wrap .con2 .info .img-box .img-con{height: 280px;}
    .special-wrap .con2 .info .bg {height: 360px;}
    .special_preview_con .right .spe-nav li a::before{display: none;}
    .special_preview_con .right .spe-nav a{height: 0; font-weight: 600; overflow: hidden; display: block;}
    .special_preview_con .right .spe-nav a span{font-weight: 100;}
    .special_preview_con .right .spe-nav a.active{height: auto;}
    .room_preview_wrap .info-wrap .info .txt p{font-size: 11px; line-height: 1.4; height: 110px;}
    .room_preview_wrap .info-wrap .info .txt{height: 180px;}
    .room_preview_wrap .info-wrap .info .txt a{margin-top: 30px;}
    .room_preview_wrap .info-wrap .info .txt span{display: block;}
    .room-wrap .con2 .info-box h2::before{display: none;}


    .room_preview_wrap .info-wrap .size3 .img {height: 300px;}
    .room_preview_wrap .info-wrap .size2 .img {height: 300px;}
    .room_preview_wrap .info-wrap .size1 .img {height: 300px; background-position: right center;}
    .room_preview_wrap .info-wrap .info .txt span:last-of-type::after{display: block;}
    .room_preview_wrap .info-wrap .info{width: calc(33.3333% - 10px); margin: 0 5px; padding: 0; overflow: hidden;}
    .room_preview_wrap .info-wrap .info.info-up{margin-top: 0;}    
    .reser_bg .bg{height: 56vw;}

    .res-wrap .con2 .left{padding: 0;}
    .res-wrap .left{padding: 0;}
    .res-table{width: 100%;}
}
@media all and (max-width:700px){
    
    .pc-slide{display: none !important;}
    .m-slide{display: block !important;}
    
    .reser-pc-bg{display: none !important;}
    
    .inner-con{width: calc(100% - 30px);}
    .hd .logo{margin: 20px auto;}
    .hd .logo{width: 95px; height: 30px; line-height: 0px;}
    .crumb ul li a {font-weight: 100;}
    .con1 div{background-attachment: unset;}
    .main-menu a{transform: scale(0.8)}
    .main-vdo .vdo-wrap{height: 250px;}
    /*모바일 메인 슬라이드*/
    .main-wrap .slide:nth-of-type(1){background-position:calc(50% - 180px) center;}
    .main-wrap .slide:nth-of-type(2){background-position:calc(50% - 100px) center;}
    .main-wrap .slide:nth-of-type(3){background-position:left center;}
    .main-wrap .slide:nth-of-type(4){background-position:calc(50% + 200px) center;}
    .main-wrap .slide:nth-of-type(5){background-position:calc(50% + 300px) center;}
    .main-wrap .slide:nth-of-type(6){background-position:calc(50% + 100px) center;}
    .main-wrap .slide:nth-of-type(7){background-position: center;}
    .main-wrap .slide:nth-of-type(8){background-position:calc(50% + 80px) center;}
    .main-wrap .slide:nth-of-type(9){background-position: center;}
    .main-wrap .slide:nth-of-type(10){background-position:calc(50% - 300px) center;}
    .main-vdo .tit{margin-top: 50px; margin-bottom: 30px;}
    
    .main-vdo-img{width: 90%; height: 50vw;}
    .main_con_1_pic{height: 220px;}
    
    .main-wrap .con1 .tit h1{font-size: 20px;}
    .main-vdo .tit h3{font-size: 12px;}
    .main-vdo .tit h2{font-size: 14px; margin-top: 5px;}
    
    .sub-wrap .main-menu a{transform: scale(0.8)}
    
    .view_vdo_img{width: 300px; height: 150px;    margin: 0 auto;}
    
    .con1 .tit h1{font-size: 20px;}
    
    .room_preview_wrap .info-wrap .info .txt p{font-size: 10px;height: 120px;}
    .room_preview_wrap .info-wrap .info .txt a{font-size: 10px;}
    
    .room-wrap .con2 .info .bg{display: none;}
    .room-wrap .con2 .info aside{float: none;}
    .room-wrap .con2 .info .img-alone{float: none;  width: 100%;  height: 268px;}
    .room-wrap .con2 .info .img-box{width: 80%; margin: 0 auto;}
    .room-wrap .con2 .info .img-box::after{display: table; content: ""; clear: both; margin-bottom: 50px;}
    .room-wrap .con2 .info .info-box{width: 100%; margin: 0;}
    .room-wrap .con2 .icon ol li{width: 25%; margin-top: 40px;height: 40px;}
    .room-wrap .con2 .icon ol li .fal{    font-size: 18px;}
    .room-wrap .con2 .icon ol{margin-top: -20px;}
    .room-wrap .con2 .info .img-con{margin:5px; width: calc(50% - 10px); height: calc(50vw - 60px);}
    .room-wrap .con2 .info .info-box{padding-left: 0;}
    
    .room-wrap .con2 .table-wrap{width: unset; margin-top: 50px;}

    .sub-wrap .con2 .txt-box .img{width: 140px; height: 140px;}
    .sub-wrap .con2 .txt-box .img img{width: 100%;}
    .crumb ul li a{font-size: 12px; transform: scale(0.75);}
    .crumb.on ul li a {line-height: 30px;}
    .room-wrap .crumb.on ul li a{font-weight: 300;}
    .main-menu > ul > li > a{font-size: 11px;}
    /* .menu-btn{margin-top: 20px; margin-right: 20px;} */
    .main-wrap .hd{height: unset}
    
    .room-wrap .con2 .info-box h2::before{display: none;}

 
    .room_preview_wrap .info-wrap .size3 .img {height: 150px;}
    .room_preview_wrap .info-wrap .size2 .img {height: 150px;}
    .room_preview_wrap .info-wrap .size1 .img {height: 150px;}
    /* .room_preview_wrap .info-wrap .size3 .img {height: 293px;}
    .room_preview_wrap .info-wrap .size2 .img {height: 230px;}
    .room_preview_wrap .info-wrap .size1 .img {height: 130px;}

    .room_preview_wrap .info-wrap .size2.m-up{margin-top: -400px;}
    .room_preview_wrap .info-wrap .info.info-up{margin-top: -400px;}

    .room_preview_wrap .info-wrap .info{width: calc(50% - 10px); margin: 0 5px; padding: 0; overflow: hidden;} 
    .room_preview_wrap .info-wrap .info.info-up{margin-top: 0;} */
    .room_preview_wrap .tit h2{    font-size: 17px;}
/*    .room_preview_wrap .info-wrap .info .img img{opacity: 0;}*/
    
    .room_preview_wrap .info-wrap div .img img{display: none;}
    
    .room_preview_wrap .info-wrap-top div:nth-child(1) .img{background-image: url(../img/room_preview1.jpg); background-size: cover; background-repeat: no-repeat;}
    .room_preview_wrap .info-wrap-top div:nth-child(2) .img{background-image: url(../img/room_preview2.jpg); background-size: cover; background-repeat: no-repeat;}
    .room_preview_wrap .info-wrap-top div:nth-child(3) .img{background-image: url(../img/room_preview3.jpg); background-size: cover; background-repeat: no-repeat;}
    .room_preview_wrap .info-wrap-top div:nth-child(4) .img{background-image: url(../img/room_preview4.jpg); background-size: cover; background-repeat: no-repeat;}
    .room_preview_wrap .info-wrap-top div:nth-child(5) .img{background-image: url(../img/room_preview5.jpg); background-size: cover; background-repeat: no-repeat;}
    .room_preview_wrap .info-wrap-top div:nth-child(6) .img{background-image: url(../img/room_preview6.jpg); background-size: cover; background-repeat: no-repeat;}
    .room_preview_wrap .info-wrap-top div:nth-child(7) .img{background-image: url(../img/room_preview7.jpg); background-size: cover; background-repeat: no-repeat;}
    .room_preview_wrap .info-wrap-top div:nth-child(8) .img{background-image: url(../img/room_preview8.jpg); background-size: cover; background-repeat: no-repeat;}
    .room_preview_wrap .info-wrap-top div:nth-child(9) .img{background-image: url(../img/room_preview9.jpg); background-size: cover; background-repeat: no-repeat;}
    
    .room_preview_wrap .info-wrap-bottom div:nth-child(1) .img{background-image: url(../img/room_preview10.jpg); background-size: cover; background-repeat: no-repeat;}
    .room_preview_wrap .info-wrap-bottom div:nth-child(2) .img{background-image: url(../img/room_preview11.jpg); background-size: cover; background-repeat: no-repeat;}
    .room_preview_wrap .info-wrap-bottom div:nth-child(3) .img{background-image: url(../img/room_preview12.jpg); background-size: cover; background-repeat: no-repeat;}
    .room_preview_wrap .info-wrap-bottom div:nth-child(4) .img{background-image: url(../img/room_preview13.jpg); background-size: cover; background-repeat: no-repeat;}
    .room_preview_wrap .info-wrap-bottom div:nth-child(5) .img{background-image: url(../img/room_preview14.jpg); background-size: cover; background-repeat: no-repeat;}
    
    .room-wrap .con2 .info-box .icon .go_res{margin: 0 auto;}
    
    .room-wrap .crumb{height: 50px;}
    .room-wrap .crumb ul{width: 100% !important;}
    .room-wrap .crumb ul li{width: 50% !important;}
    .room-wrap .crumb ul li a{line-height: 49px;}
    
    .special-wrap .crumb{height: 50px;}
    .special-wrap .crumb ul li a{line-height: 49px;}
    
    .main-wrap .con1 .main-bg{height: 100vh;}    
    .main-wrap .con1 .tit{width: 100%;}
    .main-wrap .con1 .tit p{font-size: 12px;}
    .main-wrap .con1 .tit .line{margin: 10px auto;}
    
    .reser_bg .bg .tit{margin-left: 0; width: 100%;}
    .reser_bg .bg .tit h2{font-size: 16px;}
    .reser_bg .bg .tit p{font-size: 11px; margin-bottom: 10px;}
    .reser_bg .bg .tit .line{margin: 8px auto;}
    .reser_bg .bg .tit a{font-size: 11px;}
    
    .room_preview_wrap .info-wrap .info .txt h3{margin-bottom: 5px;}
    .room_preview_wrap .info-wrap .info .cir{display: none;}
    .room_preview_wrap .tit{margin-top: 80px; margin-bottom: 50px;}
    .room_preview_wrap .info-wrap .info .txt{font-size: 11px; height: 150px;}
    
    .room-wrap .con2 .info-box .txt li{font-size: 12px;}
    
    .special-wrap .crumb ul{width: 100% !important;}
    .special-wrap .crumb ul li{width: 20% !important;}
    .special-wrap .crumb ul li:nth-child(6){width: 25% !important;}
    .special-wrap .crumb ul li:nth-child(7){width: 25% !important;}
    .special-wrap .crumb ul li:nth-child(8){width: 25% !important;}
    .special-wrap .crumb ul li:nth-child(9){width: 25% !important;}
    
    
    .special-wrap .con2{margin-bottom: 50px;}
    .special-wrap .con2 .info .img-box .img-con{height: 200px; width: 100%; float: none; margin-top: 10px;}
    .special-wrap .con2 .info .bg{height: 200px;}
    .special-wrap .con2 .info .txt{margin-top: 50px;}
    .special_preview_con .left .img{height: 250px;}
    .special_preview_con .slide{height: 250px;}
    
    .sub-wrap .con2 .tit{width: 100%; margin-top: 50px;}
    .con1 .tit p{font-size: 12px; white-space: nowrap;}
    .special-wrap .con2 .info .img-box {height: unset;}
    .sub-wrap .con2 .txt-box .txt{margin-top: 40px; margin-bottom: 50px;}
    .sub-wrap .con2 .txt-box .txt p{font-size: 11px; width: 90%; margin: 20px auto;}
    
    .sub-wrap .con2 .txt-box .txt h3{font-size: 14px;width: 90%; margin: 0 auto;}

    .view-wrap .con3 .bg{height: 184px; padding-bottom: 40px;}
    .view-wrap .con3 .bg .vdo-wrap{width: 100%; left: unset; padding-top: 50px;}
    .view-wrap .con3 .bg .vdo-wrap .vdo{height: 55vw; width: 100%; margin: 0 auto;}
    
    .view-wrap .con3 .vdo-wrap .txt{margin-top: 20px;}
    .view-wrap .con3 .vdo-wrap .txt h3{font-size: 12px;}
    .view-wrap .con3 .vdo-wrap .txt h2{font-size: 14px;}
    .view-wrap .con3 .vdo-wrap .txt p{font-size: 13px; width: 90%; margin: 0 auto;  margin-top: 15px;}
    .view-wrap .con3 .info .img-wrap .img-con1{margin-top: 10px;}
    .view-wrap .con3 .info .img-wrap .img-con{width: 100%; margin-right: 0; height: 100vh; margin-bottom: 10px;}
    .view-wrap .con3 .info .img-wrap .img-big{height: 250px; margin-top: 10px;}
    .view-wrap .con3 .info .img-wrap{padding: 0;}
    .view-wrap .con3{padding-bottom: 0px; margin-top: 0px;}

    .tour-wrap .con2 .info-wrap .info-box{width: 100%; float: none; margin: 0;}
    .tour-wrap .con2 .info-wrap .info-box img{height: 200px;}
    .tour-wrap .con2 .info-wrap .txt{height: unset; padding-bottom: 30px; border-bottom: 1px solid #d3d3d3; margin-bottom: 30px; margin-top: 40px;min-height: 150px;}
    .tour-wrap .con2 .info-wrap .txt p{font-size: 13px;}
    .tour-wrap .con2 .info-wrap .txt p span{display: block;}
    .tour-wrap .con2 .info-wrap .txt h3{margin-top: 15px; font-size: 13px;}

    .map-wrap .con2 .info-wrap h4{font-size: 12px;}
    .map-wrap .con2 .info-wrap p{font-size: 12px;}

    .rsv_cal_t p{font-size: 12px !important;}
    .res-wrap .con2 aside{float: none; width: 100%;}
    
    .res-wrap .con2 .left{padding-left: 0px; border-right: 0;}
    .res-wrap .con2 .right{padding-left: 0px;}

    .res-wrap aside{float: none; width: 100%;}
    .res-wrap .left{padding-left: 0px; border-right: 0;}
    .res-wrap .right{padding-left: 0px;}
    .res-wrap .con2 .left p{font-size: 12px; border-right: 0;}
    .res-wrap .con2 .right p{font-size: 12px;}
    .res-wrap .con3 p{font-size: 12px;}
    .res-wrap .con2 aside::after{margin-bottom: 50px;}
    .res-table{width: 100%;font-size: 10px;}
    .res-wrap .con2 .left p a{margin-top: 20px;}
    
    .res-wrap .crumb{height: 50px;}
    .res-wrap .crumb ul{line-height: 50px;}
    .res-wrap .crumb ul li{width: 33.3% !important;}
    .res-wrap .crumb ul li a{line-height: 50px;}

    .crumb{width: 100%;}        
    .ft .copyright{margin-top: 20px;}
    .ft .copyright span{display: block;}
    .ft .address p{font-size: 12px;}
    .ft .tel a{font-size: 17px;}
    .ft .log{font-size: 11px;}
    .ft .log:after{width: 54px;}
    
    .toTop{font-size: 12px; width: 40px; height: 40px; bottom: 20px; right: 20px; line-height: 40px;}

    .pc-map{display: none;}
    .m-map{display: block;}
    .pc-price{display: none;}
    .m-price{display: block;}
    .m-bg{display: block;}
    
    .m-btn{display: block;    right: 15px;}    
    .basic-slide-wrap{position: relative; margin-top: 0px; margin-bottom: 30px;}
    .con2 .basic-slide{width: 100%; position: relative;}
    .main-wrap .basic-slide{width: 100%; position: relative;}
    .slickArrow .fal{font-size: 20px;}
    .slickArrow .slickNext {right: 30px;}
    .slickArrow .slickPrev{left: 30px;}
    .con2 .slide{width: 100%; height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center center;}
    .main-wrap .basic-slide-wrap{margin-top: 0;}
    .main-wrap .con1 .slide{width: 100%; height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center center;}
    .slick-dots{display: none !important;}
    .ft .address p:last-of-type img{width: 25px;}
    .m-price{display: block;}
    .pc-price{display: none;}
    
    .room_price_tb th{font-size: 11px;}
    .room_price_tb td{font-size: 11px;}
}