@charset "utf-8";

/*default*/
.special-wrap .room-preview-wrap {
    max-width: 1250px;
    margin: 0 auto;
    margin-bottom: 150px;
    position: relative;
    height: 700px;
}
.special-wrap .room-preview-wrap .slide {
    height: 700px;
}
.special-wrap .room-preview-wrap .slide .img {
    width: 100%;
}
.special-wrap .room-preview-wrap .gallery-btn {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 10;
    transform: translateY(-50%);
}
.special-wrap .room-preview-wrap .gallery-btn .prev {
    float: left;
    margin-left: 50px;
}
.special-wrap .room-preview-wrap .gallery-btn .next {
    float: right;
    margin-right: 50px;
}
.special-wrap .room-preview-wrap .gallery-btn .fal {
    font-size: 32px;
    color: white;
    transition: 0.6s;
}
.special-wrap .room-preview-wrap .gallery-btn button:hover .fal {
    color: #333;
}

.special-wrap .room-preview-wrap .room-slide-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}

.special-wrap .room-preview-wrap .room-slide-wrap .slick-list {
    height: 100%;
}

.special-wrap .room-preview-wrap .room-slide-wrap .slick-track {
    height: 100%;
}

.special-wrap .room-preview-wrap .room-slide-wrap .slide {
    position: relative;
    width: 100%;
    height: 700px;
}

*{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; height: auto; margin: 0 auto;}
/* .con3 .inner-con {height: 1100px;} */
.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;}
.slick-slider {position: relative; display: block; box-sizing: border-box;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-track {position: relative; top: 0; left: 0; display: block;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
.slick-slide.slick-active {display: block;}


.hd{height: 100px; width: 100%; position: fixed; top: 0; left: 0;}
.hd.on{background-color: rgba(0,0,0,0.4); height: unset;}
.hd.mon {background-color: #fafafa; height: unset;}
.hd.mon .main-wrap .main-menu > ul > li > a {color: #676767;}
.hd.mon .main-wrap .main-menu > ul > li > a::after {color: #676767;}
.hd.mon .main-wrap .main-menu > ul > li > a {color: #676767;}
/* .hd.mon .main-wrap .main-menu > ul > li > a::after {color: #676767;} */
.hd.on .logo{margin-top: 13px !important; padding-bottom: 11px;}
.hd.mon .logo{margin-top: 13px !important; padding-bottom: 11px;}


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

.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: 35px; 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: ""; position: absolute;  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;}
.pc_slide {display: block !important;}
.m_slide {display: none !important;}

/*슬라이드*/
.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;}
/*스크롤 이펙트*/
.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);}

.special-wrap .con1 {overflow: hidden;}
.con1 div{background-attachment: fixed;}
.pc-bg {
    width: 100%;
    height: -webkit-fill-available;
    background-size: cover;
    background-position: center;
}


/*head*/
.hd {transition: 0.5s; z-index: 3000;}
.hd .logo{float: left; margin-left: 100px; width: 130px; transition: 0.5s;}
.hd .logo>a{width: 100%;}
.hd .logo img{width: 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: #fff;}
.main-menu > ul {display: flex;}
.main-menu > ul > li{ width: 25%;}
.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-wrap .hd .main-menu > ul > li > a::after{content: ""; display: block; width: 30%; height: 2px; background-color: #fff; opacity: 0; position: absolute; bottom: calc(50% - 20px); left: 50%; transform: translateX(-50%); transition: 0.5s;}
.main-menu > ul > li > a::after{content: ""; display: block; width: 30%; height: 2px; background-color: #fff; opacity: 0; position: absolute; bottom: calc(50% - 20px); left: 50%; transform: translateX(-50%); transition: 0.5s;}
.main-wrap .hd .main-menu > ul > li > a:hover::after{opacity: 1; width: 80%;}
.main-menu > ul > li > a:hover::after{opacity: 1; width: 80%;}
.main-wrap .hd.mon .main-menu > ul > li > a:hover {color: #333;}
.main-wrap .hd.mon .main-menu > ul > li > a:hover::after{opacity: 1; width: 80%; background-color: #333;}

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

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

.main-vdo {position: relative; margin-bottom: 200px;}
.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;}

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

/*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;}

.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); */ background-position: top;}
.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 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); 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;}
.reser_bg .bg .tit p{margin-bottom: 45px; line-height: 1.8; font-size: 16px;}
.reser_bg .bg .tit .res_btn_set {width: 100%; display: flex; justify-content: space-evenly;}
.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%);}

.main_con_1_pic{width: 100%; height: 620px; background-repeat: no-repeat; background-size: cover; background-position: center;}

/*subpage-menu*/
.sub-wrap .hd{position: fixed; top: 0; left: 0; width: 100%;}
.sub-wrap .hd .logo{margin-top: 30px;}
.main-wrap .hd .logo{margin-top: 30px;}
.sub-wrap .main-menu a{color: white; margin-top: 25px;}
.main-wrap .main-menu a{color: white; margin-top: 25px;}
.hd .main-wrap .main-menu a{color: white; margin-top: 25px;}
.hd.mon .main-wrap .main-menu a {color: #676767;}
.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{padding-bottom: 150px;}
.view-wrap .con3 .bg{background-size: cover; background-position: center; width: 100%; height: 930px;}
.view-wrap .con3 .vdo-wrap{position: relative; width: 780px; margin: 0 auto; padding-top: 150px; left: 15%; top: 25%;}
.view-wrap .con3 .vdo-wrap2{position: relative; width: 100%; height: 100%; margin: 0 auto;}
.view-wrap .con3 .vdo{position: relative; width: 100%; height: 530px; margin-bottom: 50px;}
.view-wrap .con3 .vdo-wrap2 .vdo{height: 100%;}
.view-wrap .con3 .vdo-wrap .txt{text-align: center; color: white;}
.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;}

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

/*room*/
.con1{height: 100vh; width: 100%; position: relative;}
.con1 .basic-slide{width: 100%; position: relative; overflow: hidden;}
.con1 .slide{width: 100%; height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;}
.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; width: 90%; display: flex; justify-content: center;}
.crumb ul li{ width: 120px;}
.crumb ul li a{display: block; text-align: center; color: #676767; 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;}
.sub-wrap .con2 .txt-box .img img {width: 170px; height: 170px; margin: 0 auto;}
.sub-wrap .con2 .txt-box .txt{text-align: center; margin-top: 50px; margin-bottom: 100px; font-family: "NotoSerif";}
/* .sub-wrap .con2 .txt-box .txt table {margin: 0 auto; height: 200px; width: 500px;} */
.sub-wrap .con2 .txt-box .txt h3{font-size: 18px;}
.sub-wrap .con2 .txt-box .txt p{font-size: 15px; text-align: left; line-height: 1.8; margin: 35px auto 0; display: inline-block; }

.room-wrap .con2 {margin-bottom: 70px;}
.room-wrap .con2 .info .bg{height: 800px; margin-bottom: 70px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.room-wrap .con2 .info aside{float: left;}
.room-wrap .con2 .info .img-box{width: 45%;}

.room-wrap .con2 .info .img-con{width: calc(50% - 30px); height: 260px; 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; margin-bottom: 150px;}
.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;}
.room-wrap .con2 .info-box .icon .go_res:hover{color: white; border-color: white; background-color: #333; transition: 0.8s;}
/* .res-wrap .info-before .left .go_res:hover{color: white; border-color: white; background-color: #333; transition: 0.8s;} */
.room-wrap .con2 .info-box .icon .res_btn_set:hover{color: white; border-color: white; background-color: #333; transition: 0.8s;}
.res-wrap .info-before .left .res_btn_set:hover{color: white; border-color: white; background-color: #333; transition: 0.8s;}
.room-wrap .con2 .info-box .icon .go_res .fal, .room-wrap .con2 .info-box .icon .go_res .fa-square-n{margin-right: 10px;}
.room-wrap .con2 .icon ol{margin-top: 30px; margin-bottom: 50px; display: flex; flex-wrap: wrap;}
.room-wrap .con2 .icon ol::after{display: table; content: ""; clear: both;}
.room-wrap .con2 .icon ol li{ width: 12.5%; text-align: center; margin-bottom: 25px;}
.room-wrap .con2 .icon ol li .fal{font-size: 28px; color: #959595;}
.room-wrap .con2 .icon ol li span{display: block; font-size: 12px; margin-top: 10px; color: #959595;}
.room-wrap .con2 .table-column{width: 100%; background-color: #fafafa;}
.room-wrap .con2 .table-wrap{width: 1250px; margin: 0 auto;}

.room_price_grp{margin: 50px auto 0;}
.room_price_grp table{width: 100%; text-align: center;}
.room_price_grp.iframe{width: 100%; text-align: center;}
.room_price_grp tr:nth-child(2n){background: #f5f5f5;}
.room_price_grp tr:nth-child(2) td:nth-child(1){background: #fafafa !important;}
.room_price_grp th{background: #676767; padding: 10px 0;  border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; font-size: 13px; color: #fff;}
.room_price_grp th:first-child{border-radius: 7px 0 0 0;}
.room_price_grp th:last-child{border-right: 0; border-radius: 0 7px 0 0;}
.room_price_grp td{padding: 10px 0; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; font-size: 12px;}
.room_price_grp td:last-child{border-right: 0;}
.room_map {margin-top: 50px;}



/*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;}

.pc_special_txt{display: block;}
.pc_special_txt_last {display: inline;}
.m_special_txt{display: none;}

/*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 .info1:first-child {border: none; padding-bottom: 0;} */
.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: 80px;}
.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;}
.account_box {display: flex; flex-direction: column; line-height: 1.6; gap: 4px;}
.account-line {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.label {
  width: 55px; /* 고정 너비 */
  min-width: 55px;
  font-weight: bold;
}
.label2 {width: 65px; min-width: 65px;}

.account {
  /* flex: 1; */
}
/* .res-wrap .con2 .left p>span>span {padding-left: 68px;} */
.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 .label{color: #191919;}
.account_box {font-size: 14px;}
/* .res-wrap .con2 .left p a{font-size: 14px; margin-top: 40px; display: block; width: 100px; height: 30px; line-height: 29px; text-align: center; border: 1px solid #333333; border-radius: 5px; color: #191919;} */
.res-wrap .con2 .left p a{font-size: 14px; margin-top: 40px; display: inline-block; width: 150px; height: 40px; text-align: center; border: 1px solid #333333; border-radius: 5px; color: #676767; margin-right: 40px;}
.res_btn_set {font-size: 14px; display: inline-block; width: 150px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #676767; border-radius: 5px; color: #676767; margin-right: 40px;}
.index_res_btn {border: none;}
.res-wrap .con2 .left p a.res_air{width: auto;}
.res-wrap .con2 .left p a:hover{color: white; border-color: wihte; background-color: #333; transition: 0.8s;}
.res_btn_set .fal, .res_btn_set .fa-square-n {margin-right: 10px;}
.res-wrap .con2 .left p a .fal, .res-wrap .con2 .left p a .fa-square-n {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_btn_box.space {margin-top: 40px;}
.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: 0 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;} 

.res_tel{border: 0 !important; display: inline-block !important;margin-top: 0 !important;height: 20px !important; width: auto !important;}
.res_tel:hover{color: #191919 !important; background: transparent !important;}
.res_kakao{display: inline-block !important; border: 0 !important; text-align: left !important;margin-top: 0 !important;height: 20px !important;}
.res_kakao:hover{color: #191919 !important; background: transparent !important;}
.res_kakao img{float: left; margin-top: 5px; width: 60px;}


.total_price_grp{width: 100%; padding: 0 150px;}
.total_price_grp table{width: 100%; border-collapse: collapse;text-align: center; margin-bottom: 150px;}
.total_price_grp th{background: #676767; padding: 10px 0; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; font-size: 14px; color: #fff;}
.total_price_grp th:first-child{border-radius: 7px 0 0 0;}
.total_price_grp th:last-child{border-right: 0; border-radius: 0 7px 0 0;}
.total_price_grp tr:nth-child(2n-1){background: #f5f5f5;}
.total_price_grp td{padding: 10px 0; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; font-size: 13px;}
.total_price_grp td:last-child{border-right: 0;}


.priceTable{margin-bottom: 100px;}

/*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; float: left; height: 24px; }
.ft .sns a:last-child img{height: 17px;}
.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 .footer-common p{font-size: 14px; color: #717171; display: inline-block;}
.ft .address p:last-of-type{margin-left: 20px;}

.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;}
.footer_logo {margin: 0 auto; padding-bottom: 25px; border-bottom: 1px solid #e7e0d8; margin-bottom: 25px;}
.footer_logo img {text-align: center; width: 120px;}
/* .add_set {display: flex; justify-content: center; gap: 30px; margin-bottom: 30px;} */
/* .footer-common {margin-bottom: 20px;} */
.ft .address p img{width: 25px; /* display: block; */ margin-left: 5px;}
.icon-aw_logo_svg:before{content:'\0042'; display:inline-block; margin-left:10px; margin-right:5px; vertical-align:middle; font-size:25px; color:#333333;}
.ft .address p img {width: 16px; margin-left: 5px;}

.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;}
/* .sub-wrap .hd .main-menu > .res_btn_set:hover{background-color: white; color: #333; border-color: #333; transition: 0.5s;} */

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


/*mediaQuary*/

@media all and (max-width:1250px){
    .inner-con{width: calc(100% - 100px);}
    .view_vdo_img{width: 600px; height: 400px; margin: 0 auto; margin-bottom: 80px;}
    
    /* .room_price_grp{width: calc(100% - 100px);} */
    
}
@media all and (max-width:1024px){
    .m_roommap {text-align: center; margin-bottom: 30px;}
    .m_roommap img {width: 90%; }
    .main-menu{width: 400px;}
    .main-menu > ul > li{width: px;}
    .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);}
    
    .special_crumb{height: 140px;}
    .special_crumb ul{width: 100% !important;}
    .special_crumb li{width: 33.3% !important;}
    .con3 .inner-con {height: 1050px;}
    .res_btn_box {/* width: calc(100% - 300px); */ margin: 0 auto; display: flex; justify-content: space-evenly;}
/*
    .special_crumb li:nth-child(6){width: 25% !important;}
    .special_crumb li:nth-child(7){width: 25% !important;}
    .special_crumb li:nth-child(8){width: 25% !important;}
    .special_crumb li:nth-child(9){width: 25% !important;}
*/
    .room-wrap .con2 .table-wrap {width: 90%;}
    .total_price_grp{padding: 0px; width: calc(100% - 100px); margin: 0 auto;}
}
@media (min-width:790px) and (max-width:1024px) {
  .res-wrap .con2 span {font-size: 12px;}
  .res-wrap .con2 .left p>span>span {padding-left: 58px;}
}
@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;}
    .main-menu{width: 100%;}
    .main-menu > ul > li{width: 25%}
    .main-wrap .con1 .slide{height: 100vh;}
    .hd .logo{margin: 20px auto; float: none;}


    .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;}
    
    .main-vdo .vdo-wrap{height: 430px;}
    /* .menu-btn{display: block; margin-top: 40px; margin-right: 40px;} */
    .hd .logo img{width: 100%; height: unset;}

    .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-wrap .con3 .bg{height: 730px;}
    .view-wrap .con3 .vdo-wrap{width: 400px;}
    .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;}
    
    .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;}
    .campsite_preview_wrap .info-wrap .info .txt p{font-size: 11px; line-height: 1.4; height: 80px;}
    /* .room_preview_wrap .info-wrap .info .txt{height: 180px;} */
    .room_preview_wrap .info-wrap .info .txt a{margin-top: 0px;}
    .room_preview_wrap .info-wrap .info .txt span{display: block;}
    .room-wrap .con2 .info-box h2::before{display: none;}
    .con3 .inner-con {height: 500px;}
    
    
    .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;}
    
    /* .room_price_grp{width: calc(100% - 60px);} */
    .campsite_preview_wrap .info-wrap .info .txt a{margin-top: 0px;}
    
    .res-wrap .con2 .left{padding: 0;}
    .res-wrap .left{padding: 0;}
    .res-table{width: 100%;}
    .res_btn_box {/* width: calc(100% - 300px); */ margin: 0 auto; display: flex; justify-content: space-evenly;}
    .res_btn_set {font-size: 14px; display: inline-block; width: 150px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #676767; border-radius: 5px; color: #676767; /* margin-right: 40px; */}
    .index_res_btn {border: none;}
    .room-wrap .con2 .table-column {width: 90%; margin: 0 auto; margin-bottom: 70px;}
}
@media all and (max-width:700px){
    .inner-con{width: calc(100% - 30px);}
    .con3 .inner-con {height: 1700px;}
    .hd .logo{margin: 20px auto;}
    .hd .logo{width: 70px; height: 30px;  line-height: 40px;}
    .main-wrap .con1 .tit h1{font-size: 20px;}
    .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;}
    .pc_slide {display: none !important;}
    .m_slide {display: block !important;}
    /*모바일 메인 슬라이드*/
    .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; line-height: 20px;}
    
    .main-vdo-img{width: 90%; height: 150px;}
    
    .room_crumb ul{display: flex; flex-wrap: wrap; width: 95% !important; margin: 0 auto; height: 50px;}
    .room_crumb ul li{width: calc(100% / 6) !important; }
    
    .sub-wrap .main-menu a{transform: scale(0.8)}
    .room-wrap .con2 .info .bg{display: none;}
    .room-wrap .con2 .info.room_map .bg{display: block;}
    .room-wrap .con2 .info aside{float: none;}
    .room-wrap .con2 .info .img-box{width: 100%; margin: 0;}
    .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%;}
    .room-wrap .con2 .icon ol{margin-top: 0px; display: flex; flex-wrap: wrap;}
    .room-wrap .con2 .info .img-con{margin:5px; width: calc(50% - 10px); height: calc(50vw - 10px);}
    .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: 140px; height: 140px;}
    .special_crumb{height: auto !important;}
    .special_crumb ul{}
    .crumb ul li a{font-size: 12px; transform: scale(0.75);line-height: 50px; display: block; font-weight: 400;}
    .crumb.on ul li a {line-height: 50px;}
    .room-wrap .crumb.on ul li a{font-weight: 300;}
    .main-menu > ul > li > a{font-size: 10px;}
    /* .menu-btn{margin-top: 20px; margin-right: 20px;} */
    /* .main-wrap .hd{height: unset} */
    
    .room-wrap .con2 .info-box h2::before{display: none;}
    .res_btn_set {margin-right: 0;}

 
    .room_preview_wrap .info-wrap .size3 .img {height: 150px; width: 100%; margin: 0 auto; text-align: center;}
    .room_preview_wrap .info-wrap .size2 .img {height: 150px; width: 100%; margin: 0 auto;}
    .room_preview_wrap .info-wrap .size1 .img {height: 150px;width: 100%; margin: 0 auto;}
    /* .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-wrap .con2 .info-box .icon .go_res{margin: 0 auto;}
    .room-wrap .con2 .info .bg{height: 580px; /* margin-bottom: 70px;  */background-size: cover; background-repeat: no-repeat; background-position: center;}
    .room_map {margin: -150px 0 -200px; width: 100%;}
    .room_map .bg {margin: 0 20px;}
    
    .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;}
    
    .main_con_1_pic{height: 100%;}
    
    .reser_bg .bg .tit{margin-left: 0; width: 100%;}
    .reser_bg .bg .tit h2{font-size: 16px;}
    .reser_bg .bg .tit p{font-size: 12px; margin-bottom: 5px;}
    .reser_bg .bg .tit .line{margin: 5px auto;}
    .reser_bg .bg .tit a{font-size:11px;}
    .room_price_grp{ margin: 50px auto 0;}
    .room_price_grp th{font-size: 11px;}
    .room_price_grp td{font-size: 10px;}

    .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: 190px;}
    
    .room_preview_wrap .info-wrap .info .txt a{/* margin-top: 80px; */ font-size: 10px;}
    
    .special-wrap .con1 .tit{width: 250px;}
    .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;}
    .special_preview_con .right .spe-nav a{font-size: 14px;}
    .special-wrap .room-preview-wrap {
        width: 100%;
    }
    .special-wrap .room-preview-wrap {
        height: 56.25vw;
        margin-bottom: 50px;
    }
    .special-wrap .room-preview-wrap .slide {
        height: 56.25vw;
    }

    .special-wrap .room-preview-wrap .gallery-btn .prev {
        margin-left: 15px;
    }
    .special-wrap .room-preview-wrap .gallery-btn .next {
        margin-right: 15px;
    }
    
    .special-wrap .room-preview-wrap .room-slide-wrap .slick-list {
        height: 56.25vw;
    }
    
    .special-wrap .room-preview-wrap .room-slide-wrap .slick-track {
        height: 56.25vw;
    }
    
    .special-wrap .room-preview-wrap .room-slide-wrap .slide {
        height: 56.25vw;
    }
    .campsite_preview_wrap .info-wrap .info .txt{font-size: 11px;height: 190px;}
    
    .pc_special_txt{display: none;}
    .pc_special_txt_last {display: none;}
    .m_special_txt{display: block;}
    .basic-slide.pc-slide {
        display: none !important;
    }
    .basic-slide.m-slide {
        display: block !important;
    }
    
    .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: 12px; width: 90%; margin: 20px auto; text-align: center;}
    .sub-wrap .con2 .txt-box .txt p .m-br {margin-top: 0;}
    .sub-wrap .con2 .txt-box .txt p.long{font-size: 12px; width: 90%; margin: 20px auto;}
    

    .view-wrap .con3 .bg{height: unset; padding-bottom: 100px;}
    .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_vdo_img{width: 300px; height: 150px;}
    
    .view-wrap .con3 .vdo-wrap .txt{margin-top: 50px;}
    .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; 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;}
    
    .con1 .tit h1{font-size: 23px;}
    .sub-wrap .con2 .txt-box .txt h3{font-size: 13px;padding: 0 15px;}
    .room-wrap .con2 {margin-bottom: 0;}
    .room-wrap .con2 .info-box .txt li{font-size: 12px;}
    
    .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;}
    .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;}
    .map-wrap .con2 .info-wrap h3{font-size: 15px;}
    
    .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 .left p .dash-con:nth-of-type(3) {margin-bottom: 30px;}
    .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%;}
    /* .dash-con .label {display: inline-block; width: 80px;} */
    /* .dash-con .sub-account {display: block; padding-left: 80px;} */
    /* .res-wrap .con2 .left p>span>span {padding-left: 58px;} */
    .res-wrap .con2 .left p a{margin-top: 20px;font-size: 13px;}
    .res_btn_box {/* width: calc(100% - 300px); */ margin: 0 auto; display: flex; justify-content: space-evenly;}
    .res_btn_set {font-size: 14px; display: inline-block; width: 150px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #676767; border-radius: 5px; color: #676767; /* margin-right: 40px; */}
    
    .index_res_btn {border: none; line-height: 25px;}
    
    .reser_crumb{height: auto;}
    .reser_crumb ul{height: 50px;}
    .reser_crumb.reser ul li{ width: 25%;}
    
    .total_price_grp table{margin-bottom: 50px;}
    .total_price_grp{width: 100%; letter-spacing: -1px;}
    .total_price_grp th{font-size: 11px;}
    .total_price_grp td{font-size: 10px;}
    
    .crumb{width: 100%; height: auto;}
    .room_crumb.long {border-bottom: 1px solid #d5d5d5;}
    .ft .copyright{margin-top: 20px;}
    .ft .copyright span{display: block;}
    .ft .tel a{font-size: 17px;}
    .ft .log{font-size: 12px;}
    .ft .log:after{width: 60px;}
    .ft .address p{font-size: 13px;}
    .ft .footer-common p{font-size: 13px;}
    .footer_logo img {text-align: center; width: 90px;}
    .toTop{font-size: 12px; width: 40px; height: 40px; bottom: 20px; right: 20px; line-height: 40px;}
    /* .add_set {display: block;} */

    .pc-map{display: none;}
    .m-map{display: block;}
    .pc-price{display: none;}
    .m-price{display: block;}
    .m-bg{display: block;}
    
    .m-btn{display: block;top: 25px; right: 17px;}    
    .basic-slide-wrap{position: relative; margin-top: 0px; margin-bottom: 30px;}
    .con2 .basic-slide{width: 100%; position: relative;}
    /* .room_map {width: 100%;} */
    .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;}

    .m-price{display: block;}
    .pc-price{display: none;}
    .m-br {display: block; margin-top: -10px;}
    .m-res-br {display: block; margin-top: 0;}
  }

@media all and (max-width:400px) {
  .res_btn_box {/* width: calc(100% - 300px); */ margin: 0 auto; display: flex; justify-content: space-evenly;}
  .res_btn_set {font-size: 14px; display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #676767; border-radius: 5px; color: #676767; /* margin-right: 40px; */}
  .index_res_btn {border: none;}
  .crumb ul{margin: 0 auto; width: 100%; display: flex; justify-content: center; padding: 0 20px; flex-wrap: wrap;}
  .room_crumb.long, .reser_crumb.long {border-bottom: 1px solid #d5d5d5; height: 100px;}
}

@media (max-width: 480px) {
  .label {
    width: 49px;
    min-width: 49px;
    font-size: 12px;
  }
  .label2 {width: 60px; min-width: 60px;}
  .account {
    font-size: 12px;
  }
}