@charset "utf-8";
/*default*/
*{margin: 0; padding: 0; box-sizing: border-box;}
html,body{width: 100%; position: relative; font-family: "Noto Sans KR",sans-serif; line-height: 1.8; background-color: #faf9f5; color: #827160;}
main{position: relative; overflow: hidden;}
section{position: relative;}
li{list-style: none;}
a{text-decoration: none; color: #fff;}
figure{position: relative;}
a,button,input{box-shadow: none; border: 0; background-color: transparent;}
table{ outline: 0; border-spacing: 0;}
.yapen-priceContent .yapen-realReserveBtn{display: none !important;}
.yapen-dateTime-content{display: block !important;}
.yapen-sec-title{display: block !important;}
.yapen-dateTime-content .yapen-dateTime-item:nth-child(0){
    display: none !important;
}
.yapen-dateTime-content .yapen-dateTime-item:nth-child(1){
    display: none !important;
}
.yapen-dateTime-content .yapen-dateTime-item:nth-child(2){
    display: none !important;
}
.yapen-dateTime-content .yapen-dateTime-item:nth-child(3){
    display: none !important;
}
.yapen-dateTime-content .yapen-dateTime-item:nth-child(4){
    display: none !important;
}
.yapen-dateTime-content .yapen-dateTime-item:nth-child(5){
    display: none !important;
}
.yapen-dateTime-content .yapen-dateTime-item:nth-child(6){
    display: none !important;
}
.yapen-dateTime-content .yapen-dateTime-item:nth-child(7){
    display: none !important;
}

.slide{background-size: cover; background-repeat: no-repeat; background-position: center;}
.slide-wrap{border: 0; outline: 0;}

.dash-list li{position: relative; padding-left: 8px;}
.dash-list li::after{content: "-"; display: block; position: absolute; left: 0px; top: 0;}
.swiper-container::after{content: ""; display: table; clear: both;}
.swiper-slide{height: auto;}
.swiper-wrapper{height: auto;}
.page-wrap{position: absolute; bottom: 30px;width: 100%; text-align: center; pointer-events: none; }
.page-wrap p{font-size: 12px; color: rgba(255, 255, 255, 0.8); display: inline-block;}
.page-wrap span{font-size: 12px; color: rgba(255,255,255,0.8); margin: 0 5px; display: inline-block;}

.font1{color: #d31b2d;}

#room_des{clear: both;}
#room_des .room_data li{text-align: center;}
#room_des .room_data li .person_limit table{margin: 0 auto; margin-top: 5px;}
#room_des .room_data li .data{padding-left: 0;}
#room_des .room_data{padding-left: 0;}
/*header*/
.hd{position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; transition: 1.2s; height: 130px; }
.hd .logo{display: inline-block; margin-top: 50px; position: relative; left: 50%; transform: translateX(-50%); z-index: 1; transition: 1.2s; width: 230px; height: 90px; background-position: center; background-repeat: no-repeat; background-size: contain;background-image:url(../img/common/logo_white.png);}
.hd .logo img{width: 114px;}
.hd .m_hd_grp{display: none;}

.hd .main-menu-wrap{float: right; text-align: center; margin-top: 80px; transition: 1.2s;}
.hd .main-menu-wrap a{font-family: "Open sans"; font-weight: 400; display: block;border: 1px solid #fff; padding: 8px 26px;font-size: 13px;letter-spacing: 1.05px;}
.hd .main-menu-wrap > ul{position: relative; z-index: 1; right: 150px; width: 565px;}
.hd .main-menu-wrap > ul > li{float: left; width: 125px;}
.hd .main-menu-wrap > ul > li > a{font-size: 15px; line-height: 36px;}

.hd .main-menu-wrap .sub-menu{height: 0; overflow: hidden; transition: 0.8s;  margin-top: 50px;}
.hd .main-menu-wrap .sub-menu a{font-size: 14px; line-height: 2; font-family: "Noto Sans KR",sans-serif;}
.hd .main-menu-wrap .white-box{background: linear-gradient(0deg, rgba(255,255,255,0.804359243697479) 0%, rgba(255,255,255,1) 100%); position: fixed; top: 0px; right: 0; height: 380px; transform: scaleY(0); z-index: 0; pointer-events: none; transition: 0.8s; transform-origin: top; opacity: 0.9; width: 100%;}
.hd.fixed .main-menu-wrap .white-box{top: 100px; height: 250px;}

.hd .main-menu-wrap.on .white-box{transform: scaleY(1);}
.hd .main-menu-wrap.on .sub-menu{height: 250px;}
.hd .main-menu-wrap .sub-menu{transition: 0.5s;}
.hd .main-menu-wrap.on .sub-menu{transition: 0.8s; transition-delay: 0s; transition-delay: 0.2s;}
.hd .main-menu-wrap.fixed .sub-menu{transition-delay: 0s; transition: 0.8s;}
.hd .main-menu-wrap.fixed.on .sub-menu{transition-delay: 0s; transition: 0.8s;}


.sns_grp{position: absolute; bottom: 60px; z-index: 9999; left: 50%; transform: translateX(-50%); width: 1400px;display: none;}
.sns_grp ul{float: right;}
.sns_grp li{color: #fff; float: left; margin-left: 16px; height: 28px;}
.sns_grp i{color: #fff; margin-top: 6px;}
.hd .sns_grp i{margin-top: 7px;}

.hd.fixed .logo{margin-top: 3px !important; background-image:url(../img/common/logo_black.png) !important; width: 200px;}
.hd.fixed .main-menu-wrap{margin-top: 24px;}
.hd.fixed{background-color: #f7f5f0; height: 100px;}
.hd.fixed .main-menu-wrap a{color: #66594c !important; border: 1px solid #66594c;}
.hd.fixed .toggle{top: 38px;}
.hd.fixed .toggle span{background: #66594c; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: none !important;}


.toggle {position: absolute; display: block; cursor: pointer; top: 80px; left: 0; height: 25px;z-index: 1; transition: 0.5s;}
.toggle span { display: block; background: #FFF; width: 42px; height: 2px; border-radius: 3px; transition: 0.25s margin 0.25s, 0.25s transform;}
.toggle span:nth-child(1) {margin-bottom: 8px;}
.toggle span:nth-child(2) {width: 25px;}
.toggle span:nth-child(3) {margin-top: 8px;}
.toggle.active span {transition: 0.25s margin, 0.25s transform 0.25s;}
.toggle.active span:nth-child(1) { margin-top: 8px;margin-bottom: -4px;transform: rotate(45deg);}
.toggle.active span:nth-child(2) {transform: rotate(45deg); display: none;}
.toggle.active span:nth-child(3) { margin-top: -4px;  transform: rotate(135deg);}


/* header - submenu */
header.on .main-sub-menu{display: block;}
header.on .toggle span{background-color: #66594c;}
header.on .logo{background-image: url(../img/common/logo_black.png); margin-top: 50px !important;}
header.on .main-menu-wrap a{color: #66594c; border: 1px solid #66594c; z-index: 1; position: relative;}
header.on ~ .main-wrap .sns_grp{position: fixed; bottom: 90px;}
header.on ~ .main-wrap .sns_grp i{color: #66594c;}
header.on ~ .main-wrap .sns_grp a{color: #66594c;}

.main-sub-menu{background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.6082808123249299) 100%); width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none;}
.main-sub-menu>ul{width: 1400px; top: 50%; left: 50%; transform: translate(-50%, -50%);position: absolute;}
.main-sub-menu>ul>li{width: 16.6%; float: left;}
.main-sub-menu>ul>li>a{font-family: 'Playfair Display', serif; font-size: 28px; margin-bottom: 20px; display: inline-block;}
.main-sub-menu a{color: #66594c;font-family: "Open sans"; font-size: 17px; display: inline-block; margin-bottom: 7px;}
.main-sub-menu a.kor{font-family: "Noto Sans KR",sans-serif;}
.main-sub-menu p{clear: both; width: 1400px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 90px;font-size: 13px; line-height: 18px; display: none;}

/* 스페셜프리뷰 버튼 */
.special-preview-slide-grp .slick-prev:before, .slick-next:before{
    display: none;
}
/*마우스 따라다니는거*/
.mouse-circle {  position: absolute;  width: 100px;  height: 100px;  top: 50%;  left: 50%;  margin: -50px 0 0 -50px;  border-radius: 80%;  backface-visibility: hidden; border: 1px solid #d1cbc1; z-index: 2; display:none;}

/*full-page-wrap*/
.full-page-wrap .slide{height: 100vh;}
.full-page-wrap .btn-wrap{position: absolute; bottom: 80px; width: 115px; max-width: 1400px; left: 50%; transform: translateX(-50%); text-align: center;z-index: 9999;}
.full-page-wrap .btn-wrap .fal{color: white; opacity: 1.5; font-size: 16px; transition: 1.2s; position: relative; z-index: 5; margin-top: 12.5px;}
.full-page-wrap .btn-wrap button{cursor: pointer; width: 40px; height: 40px; margin-top: 13px; text-align: center; position: relative;}
.full-page-wrap .btn-wrap button:hover i{opacity: 1;}

/* .full-page-wrap .btn-wrap button:hover .fal{color: #434343;} */

.full-page-wrap .btn-wrap .line::after{width: 100%; height: 1px; background-color: rgba(255,255,255,0.5); display: block; content: ""; position: absolute; top: 0; left: 0; transform: scaleX(0);  transition-timing-function: linear; transform-origin: left;}
.btn-wrap .line{top: 50px; width: 1px; height: 48px; background: rgba(255,255,255,0.5); display: inline-block;}
.btn-wrap .line.ani::after{transform: scaleX(0);}

.full-page-wrap .btn-wrap .prev{float: left; background-image: url(../img/common/slide_arrow_left.png); background-size: contain; background-repeat: no-repeat;}
.full-page-wrap .btn-wrap .next{float: right;background-image: url(../img/common/slide_arrow_right.png); background-size: contain; background-repeat: no-repeat;}
.full-page-wrap .btn-wrap i{display: none;}
.full-page-wrap .main-tit{position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%);z-index: 2; text-align: center;}
.full-page-wrap .main-tit h2{ font-family: "Mango",sans-serif; font-size: 30px; font-weight: 300; color: white; letter-spacing: 0.2em;}

.wrapper .slick-dots{display: block; width: 1400px; position: absolute; bottom: 72px; left:50%; transform: translateX(-50%);}
.wrapper .slick-dots li{width: 8px; height: 8px; background: #fff; transform: rotate(45deg); float: left; opacity: 0.2;margin: 0 8px 0 0;}
.wrapper .slick-dots li.slick-active{opacity: 1;}

.wrapper .slick-dots{z-index: 10000;}
.wrapper .slick-list{z-index: 1;}

.scroll_down{width: 200px; position: absolute; right: 0; bottom: 150px; transform: rotate(270deg); z-index: 9999; cursor: pointer;}
.scroll_down p{color: #fff;font-family: 'Open sans'; font-size: 12px;}
.scroll_down p i{color: #fff;font-size: 15px; margin-right: 20px;}

/*영상*/
.main-slide-wrap .slide-wrap{overflow: hidden;}
.video-btn{ position: absolute; z-index: 9999; left: 50%; transform: translateX(-50%); font-family: 'Open sans'; font-size: 13px; bottom: 150px; width: 1400px;}
.video-btn:after{right: 2.2%; bottom: 6px; background: #fff; transition: width .4s ease;}
.video-btn i{margin-right:5px;}

/*half-page-wrap*/
.half-page-wrap .con1 .top-img{height: 770px; background-size: cover; background-repeat: no-repeat; background-position: center;}

.main-tit{color: #fff;}
.main-tit h1{font-family: 'Playfair Display', serif; font-size: 42px; font-weight: 400; }
.main-tit .line{width: 283px; height: 1px; background-color: rgba(255,255,255,0.6); display: inline-block; margin-bottom: 10px;}
.main-tit span{font-family: 'OpenSans'; display: block; font-size: 20px; opacity: 1.8;}

/*Main*/
.main-wrap .sns_grp{display: block;}
.main-wrap .main-tit{position: absolute; left:61%; transform: translateX(-50%); top: 50%; transform: translateY(-30%);z-index: 2;    text-align: left;}

.deco_circle{width: 200px; height: 200px; background: #fafaf9; border-radius: 50%;z-index: 0;right: -2%; top: -8%; position: absolute;}

.main-wrap .con2 .intro-wrap{width: 1300px; margin: 0 auto;}
.main-wrap .con2 .main_con_tit{    padding-bottom: 70px; border-bottom: 1px solid #dddcd8;}
.main-wrap .con2 .main_con_tit .line{width: 1px; height: 40px; background-color: #d2d2d2; display: block; margin: 0 auto; margin-top: 40px; margin-bottom: 40px;transform: rotate(30deg);}
.main-wrap .con2 .main_con_tit h1{font-family: 'Playfair Display', serif; font-weight: 400; margin: 70px 0 20px 0; text-align: center; color: #585858;}
.main-wrap .con2 .main_con_tit h2{color: #828282; font-weight: 400; font-size: 14px; font-family: 'Open sans'; line-height: 24px; text-align: center; margin-top: 50px;}
.main-wrap .con2 .main_con_tit h2 ul{display: inline-block; zoom: 1;}
.main-wrap .con2 .main_con_tit h2 li{float: left; display: inline; zoom:1;}
.main-wrap .con2 .main_con_tit h2 li span{width: 70px; height: 1px; background-color: #d2d2d2;display: inline-block; margin-right: 30px;}

.main-wrap .con2 .main-cont{height: 590px; margin-top: 100px;}
.main-wrap .con2 .main-cont>div{float: right; height: 100%;}
.main-wrap .con2 .main-cont .txt{width: 33%;}
.main-wrap .con2 .main-cont .txt h3{font-family: 'Playfair Display', serif; font-weight: 400; font-size: 60px; color: #827160;margin-top: 40px; float: right; margin-right: -26px; position: relative; z-index: 1;}
.main-wrap .con2 .main-cont .txt p{font-family: 'Noto Sans KR'; font-size: 16px; color: #585858; clear: both; padding-top: 80px;}
.main-wrap .con2 .main-cont .txt a{    font-family: 'Open sans'; color: #827160; font-size: 13px; display: inline-block; margin-top: 100px; float: right; margin-right: 70px; font-weight: 500;}
.main-wrap .con2 .main-cont .txt a i{    margin-left: 10px; font-size: 15px;}
.main-wrap .con2 .main-cont .img{width: 67%; border-radius: 0 70px 0 70px;background-repeat: no-repeat; background-size: cover; overflow: hidden;}
.main-wrap .con2 .main-cont .img iframe{overflow: hidden; transform: scale(1.21);}

.main-wrap .con2 .bg{width: 100%; height: 450px; background: #ebe5dd; margin-top: -260px;}

.main-vdo .vdo-wrap{margin-top: 100px;}

.room-preview-wrap{clear: both;}
.room-preview-wrap .inner-con .room-slide-wrap{height: 800px;}
.room-prev-txt h2{    font-family: 'Playfair Display', serif; font-size: 42px; font-weight: 400; letter-spacing: 1.1px; margin-bottom: 30px; margin-top: 20px; transition: 0.5s; position: absolute; top: 100px;}
.room-slide-wrap{width: 100%;}
.room-slide-wrap .slide{position: relative;}
.room-slide-wrap .pic1{width: 560px; height: 780px; background-repeat: no-repeat; background-size: cover; position: absolute; right: 0; border-radius: 0px 400px 0 0;}
.room-slide-wrap .pic2{width: 290px; height: 400px; background-repeat: no-repeat; background-size: cover; position: absolute; right: 527px; top: 200px;}

.room-slide-wrap .txt_grp{margin-top:300px;}
.room-slide-wrap .txt_grp h4{font-family: 'Noto Sans KR'; color:#696969; font-size: 16px; font-weight:500; margin-bottom: 30px;}
.room-slide-wrap .txt_grp p{font-family: 'Noto Sans KR';color:#696969; font-size: 14px; font-weight:300;}

.room-prev-wrap{clear: both;}

.sub-img{width: 270px; height: 400px; background-repeat: no-repeat; background-size: cover;}



/*room-preview*/
.room-prev-wrap::after{content: ""; display: table; clear: both;}
.room-prev-wrap .tit-wrap h2{font-size: 40px; font-family: "Tenor Sans",sans-serif; font-weight: 400; opacity: 1; transform: translateY(30px); }
.room-prev-wrap .tit-wrap p{font-size: 14px; font-weight: 300; opacity: 1; transform: translateY(30px); transition-delay: 0.2s;}
.room-prev-wrap .tit-wrap{margin-bottom: 30px; position: absolute; right: 0;}

.room-prev-wrap .tit-wrap h2{    transform: translateY(0); opacity: 1; font-family: 'Playfair Display', serif; font-size: 60px; font-weight: 400; letter-spacing: 1.1px;  margin-top: 10px; transition: 0.5s; z-index: 3; position: relative; left: -184px;}
.room-prev-wrap .tit-wrap p{transform: translateY(0); opacity: 1;}

.room-prev-wrap{height: 1088px; background: #ebe5dd; margin-top: -30px; padding-top: 200px}
.room-prev-wrap .inner-con{width: 1300px; height: 100%;}
.room-prev-wrap .room-img-slide figure a{}
.room-prev-wrap .room-img-slide figure a div{width: 980px; height: 750px; background-repeat: no-repeat; background-size: cover;}

.room-prev-wrap .room_swiper .swiper-container{width: 920px; height: 740px; position: absolute; left: 0;}
.room-prev-wrap .room_swiper .swiper-container .swiper-slide{background-repeat: no-repeat; background-size: cover;}

.room-prev-wrap .room_swiper .swiper-txt{width: 550px; height: 470px; background: #aba29a; position: absolute; right: 0; z-index: 1; top: 210px;}
.room-prev-wrap .room_swiper .swiper-txt ul{height: 100%; padding: 120px 70px 70px 70px;}
.room-prev-wrap .room_swiper .swiper-txt li{opacity: 0; transition: 0.5s; transform: translateY(0px); position: absolute; width: 100%; height: 100%;}
.room-prev-wrap .room_swiper .swiper-txt li.active{opacity: 1;transform: translateY(-50px); z-index: 1;}

.room-prev-wrap .room_swiper .swiper-txt h3{color:#fff; font-family: 'Playfair Display', serif; font-size: 45px; font-weight:400;}
.room-prev-wrap .room_swiper .swiper-txt h4{color:#fff; font-family: 'Playfair Display', serif; font-size: 20px; font-weight:400;}
.room-prev-wrap .room_swiper .swiper-txt p{color:#fff; font-family: "Noto Sans KR",sans-serif; font-size: 15px;    float: right; transform: translateX(-50%); margin-right: 55px; margin-top: 60px;}
.room-prev-wrap .room_swiper .swiper-txt a{position: absolute; bottom: 120px;font-weight: 400; font-size: 13px;}
.room-prev-wrap .room_swiper .swiper-txt a i{    margin-left: 10px; display: inline-block;}

.room-prev-wrap .room_swiper .main_nav .swiper-button-prev{--swiper-theme-color: #fff; left: auto; right: 120px; top: auto; bottom: 50px; --swiper-navigation-size: 16px;}
.room-prev-wrap .room_swiper .main_nav .swiper-button-next{--swiper-theme-color: #fff; right: 70px; top: auto; bottom: 50px; --swiper-navigation-size: 16px;}

/*main-cont2*/
.main-img-wrap{width: 100%; height: 600px; background-size: cover; background-repeat: no-repeat; opacity: 1; background-attachment: fixed;}

/*스페셜프리뷰*/
.special-preview-wrap a{color: #735e3a;}
.special-preview-wrap .tit{margin: 100px 0 80px 0; text-align: center;}
.special-preview-wrap .tit h2{font-family: 'Playfair Display', serif; font-size: 40px; font-weight: 400; letter-spacing: 1.1px; margin-bottom: 10px; margin-top: 20px; transition: 0.5s; color: #827160;}
.special-preview-wrap .tit p{font-family: 'Open sans'; color: #827160; font-size: 15px; transition: 0.5s;}

.special-preview-wrap .inner-con{width: 1300px; margin: 0 auto; margin-bottom: 160px;}
.special-preview-slide{height: 1000px; overflow: hidden;}
.special-preview-slide .slick-list{overflow: visible !important;}
.special-preview-slide .spec_slide{height: 640px; background: #fff; transform: scale(0.9); transition: 0.5s; opacity: 0.5;    background-size: cover; background-repeat: no-repeat;}
.special-preview-slide .spec_slide .spec_vdo_grp{width: 100%; height: 100%;overflow: hidden; position: relative; z-index: 2;}
.special-preview-slide .spec_slide .spec_vdo_grp iframe{transform: scale(1.1); background: 0; pointer-events: none;}

.special-preview-slide .slick-list{ padding: 0px 60px; padding-bottom: 50px !important; border-bottom: 1px solid #e6e6e6; }

.special-preview-slide .slick-cloned{transform: scale(0.9); opacity: 0.5;}
.special-preview-slide .slick-current{transform: scale(1); opacity: 1;}

.special-preview-slide-grp .slick-prev:before, .slick-next:before{color: #735e3a !important;    font-family: "Noto Sans KR",sans-serif !important;}

/*.special-preview-slide .slick-track{margin-left: -41px;}*/

.special-preview-slide .slick-prev{left: 460px; top: 780px; width: 50px; height: 88px; background-image: url(../img/common/arrow_left.png); background-repeat: no-repeat; background-size: contain;}
.special-preview-slide .slick-next{right: 460px; top: 780px; width: 50px; height: 88px; background-image: url(../img/common/arrow_right.png); background-repeat: no-repeat; background-size: contain;}

.special-preview-slide .slick-prev:hover{width: 50px; height: 88px; background-image: url(../img/common/arrow_left.png); background-repeat: no-repeat; background-size: contain;}
.special-preview-slide .slick-next:hover{width: 50px; height: 88px; background-image: url(../img/common/arrow_right.png); background-repeat: no-repeat; background-size: contain;}

.spec_txt_grp{text-align: center; }
.spec_txt_grp h3{font-family: 'Open sans'; font-size: 20px;font-weight: 500;}
.spec_txt_grp p{font-size: 14px; margin-top: 16px;}

.special-preview-slide .slick-cloned .spec_txt_grp{opacity: 0; }
.special-preview-slide .slick-current .spec_txt_grp{opacity: 1; position: absolute; top: 720px; left: 50%; transform: translateX(-50%); transition-delay: 0.5s;}

.special-preview-slide-grp .spec_slide{height: 850px;}
.special-preview-slide-grp .spec_img_grp{width: 100%; height: 650px;background-repeat: no-repeat; background-size: cover; transform: scale(0.9); border-radius: 300px 300px 0 0; background-position: center bottom; overflow: hidden;  isolation: isolate;}
.special-preview-slide-grp .spec_img_grp .vdo{width: calc(100% + 2px);}
.special-preview-slide-grp .spec_img_grp .vdo iframe{pointer-events: none;width: 100%; height: 100%;}
.special-preview-slide-grp .spec_slide:nth-child(2n-1) .spec_img_grp{height: 420px;}

.special-preview-slide .spec_txt_grp h3{    font-family: 'Playfair Display', serif; font-weight: 600; font-size: 20px; letter-spacing: 1.1px;}
.special-preview-slide .spec_txt_grp p{font-family: 'Noto Sans KR';  font-size: 14px;}

/*inner-con*/
.inner-con{position: relative; margin: 0 auto;}
.room-preview-wrap .inner-con{max-width: 1300px;}
.ft .inner-con{max-width: 1500px;}
.hd .inner-con{max-width: 1400px; margin: 0 auto; height: 130px;}
.ft .inner-con .ft_flex{max-width: 1500px;display: flex;}
.room-wrap .info-wrap .inner-con{max-width: 1360px;}
.room-wrap .con3 .info-wrap .inner-con{max-width: 1360px; display: inline-block; zoom: 1; margin: 0 auto;}
.view-wrap .inner-con{max-width: 1300px;height: 100%;}
.special-wrap .inner-con{max-width: 1300px;}
.reser-wrap .inner-con{max-width: 1300px;}
.notice-wrap .inner-con{max-width: 1300px;}
.map-wrap .inner-con{max-width: 1300px;}
.tour-wrap .inner-con{max-width: 1300px;}

.main-wrap .intro-wrap .inner-con{max-width: 760px;}
.movie-wrap .inner-con{max-width: 1300px;}

.m-map{display: none;}

/*.main-tit{transform: translateY(50px); opacity: 1; transition: 1.2s;}*/
/*.main-tit.on{transform: translateY(-50%); opacity: 1;}*/
.scroll-txt{transform: translateY(50px); opacity: 1; transition: 1.2s;}
.scroll-txt.on{transform: translateY(0); opacity: 1;}


.vdo-con img{opacity: 1;}
.m-br{display: none;}
.hd .menu-btn{display: none; position: relative; z-index: 1;}

.tour-wrap .con2 .info-wrap .tour-con .txt-wrap h5{display: none}
.tour-wrap .con2 .info-wrap .tour-con .txt-wrap p{display: none}

/* subpage-common */
.wrapper .sub-tit{position: absolute; top: 50%; left: 50%; transform: translate(-50%); text-align: center;  margin-top: -50px;}
.wrapper .sub-tit span{font-size: 14px; opacity: 0.8;}

.start-tit .start-tit-top{width: 100%; height: 100px; text-align: center; border-bottom: 1px solid #eeece8; margin-bottom: 40px;}
.start-tit .start-tit-top p{margin-top: 85px; font-family: 'Open sans'; font-size: 13px; color: #aba29a;}
.start-tit .start-tit-top h2{font-family: 'Playfair Display', serif; font-weight: 500; margin-top: 85px;}
.start-tit .start-tit-top span.line{    display: block; width: 85px; height: 1px; background: #735e3a; margin: 0 auto; margin-top: 22px;}
.start-tit-bottom{text-align: center; padding: 0px 0 190px 0;}
.start-tit-bottom p{font-family: 'Noto Sans KR'; color: #696969; font-size: 15px;}

/*prologue*/
.view-wrap .con3{margin-bottom: 330px;}
.view-wrap .con3 .bg-con{width: 100%; height: 500px; background: #ebe5dd;}
.view-wrap .con3 .inner-con div{float: left;width: 600px; padding-left: 80px; padding-top: 60px; box-sizing: border-box;}
.view-wrap .con3 .inner-con .img{width:700px; height: 670px; margin-top: -55px; background-repeat: no-repeat; background-size: cover;}

.view-wrap .con3 .inner-con .txt h3{font-family: 'Playfair Display', serif; font-weight: 500; font-size: 50px;}
.view-wrap .con3 .inner-con .txt p{line-height: 21px; font-size: 15px; margin-top: 40px;}

.view-wrap .con4 .inner-con .img_grp{width: 100%; height: 930px;}
.view-wrap .con4 .inner-con .img_grp div{position: absolute;}
.view-wrap .con4 .inner-con .img_1{width: 780px; height: 500px;  background-repeat: no-repeat; background-size: cover; top: 170px; left: 0; z-index: 2;}
.view-wrap .con4 .inner-con .img_2{width: 700px; height: 420px;  background-repeat: no-repeat; background-size: cover; top: 0; right: 0; z-index: 1;}
.view-wrap .con4 .bg_area{width: 710px; height: 450px; background: #ebe5dd; position: absolute;right: 0; top: 100px; z-index: 0;}

.view-wrap .con5 .bg-con{width: 100%; height: 660px;  background-repeat: no-repeat; background-size: cover; margin-bottom: 220px;}
.view-wrap .con5 .bg-con h3{color: #fff; font-weight: 400; font-size: 16px; text-align: center; position: absolute; top: 50%; left: 0%;transform: translate(-50%, -50%);animation: unset;}
.view-wrap .con5 .bg-con span{display: block; font-weight: 400; font-size: 100px; font-family: 'IM Fell French Canon', serif; transform: rotate(180deg); text-align: center;}


.view-wrap .con6{}
.view-wrap .con6 .inner-con div{float: right;}
.view-wrap .con6 .inner-con .img{width: 700px; height: 615px;  background-repeat: no-repeat; background-size: cover; margin-bottom: 260px;}
.view-wrap .con6 .inner-con .txt{width: 600px;}
.view-wrap .con6 .inner-con .txt h3{text-align: right;font-family: 'Playfair Display', serif; font-weight: 500; font-size: 50px; margin: 60px -35px 80px 0;}
.view-wrap .con6 .inner-con .txt p{font-size: 15px; margin-top: 40px;}
.view-wrap .con6 .inner-con .txt a{color: #aba29a; border: 1px solid #aba29a; font-size: 13px; padding: 10px 30px; margin-top: 65px; display: inline-block;}
    

/*map*/
ul.dashed {list-style-type: none;}
ul.dashed > li {text-indent: -5px;}
ul.dashed > li:before {content: "-"; text-indent: -5px;}

.map-info{margin-bottom: 360px;display: inline-block; zoom: 1; margin-top: 250px;}
.map-info .map-info-img{width: 570px; height: 700px; float: left; display: inline-block; zoom: 1; background-repeat: no-repeat; background-size: cover;}
.map-info .map-info-txt{width: 570px; float: right; display: inline-block; zoom: 1; margin-top: 86px; margin-left: 136px;}


.map-info .map-info-txt h3{font-family: 'Playfair Display', serif; font-weight: 400; font-size: 25px; margin-bottom: 30px;color: #827160;}
.map-info .map-info-txt h3 span{font-family: 'Noto Sans KR'; font-size: 13px; margin-left: 10px;}
.map-info .map-info-txt li{font-family: 'Noto Sans KR'; font-size: 14px; color: #585858;}
.map-info .map-info-txt li a{color: #585858; display: inline-block; border: 1px solid #aba29a; padding: 9px 21px; font-size: 13px; margin-right: 40px;}
.map-info .map-info-txt>ul>li{margin-bottom: 30px; border-bottom: 1px solid #e7e7e7;padding-bottom: 30px;}
.map-info .map-info-txt>ul>li:last-child{border: 0;}


/*movie*/
.movie-wrap .vdo-wrap{margin-bottom: 200px;}


/*room*/
.room-wrap .con3 figure{text-align: center;}
.room-wrap .con3 .inner-con .img{width: 460px; height: 660px; border-radius: 300px 300px 0 0; float: right; margin-bottom: 200px; background-repeat: no-repeat; background-size: cover;}
.room-wrap .con3 .inner-con .txt{float: left; width: 900px; text-align: left;}
.room-wrap .con3 .inner-con .txt h3{font-family: 'Playfair Display', serif; font-weight: 400; font-size: 30px; margin: 120px 0 70px 0;}
.room-wrap .con3 .inner-con .txt h3 span{font-family: 'Noto Sans KR'; font-size: 13px; display: block;}
.room-wrap .con3 .inner-con .txt > ul{width: 870px;}
.room-wrap .con3 .inner-con .txt > ul > li{margin-bottom: 30px;}
.room-wrap .con3 .inner-con .txt > ul > li h4{font-family: 'Open sans'; font-size: 15px;}
.room-wrap .con3 .inner-con .txt > ul > li ul{margin-left: 20px;}
.room-wrap .con3 .inner-con .txt > ul > li ul li{font-family: 'Noto Sans KR'; font-size: 15px; color: #585858;}

.room-wrap .con4 .inner-con>ul{width: 100%; display: inline-block; zoom: 1; margin-bottom: 270px;}
.room-wrap .con4 .inner-con>ul>li{width: 59%; float: left; margin-left: 1%; height: 800px;}
.room-wrap .con4 .inner-con>ul>li ul{width: 100%; height: 100%;}
.room-wrap .con4 .inner-con>ul>li ul li{background-repeat: no-repeat; background-size: cover;}
.room-wrap .con4 .inner-con>ul>li:nth-child(1){margin-left: 0%; width: 39%}

.room-wrap .con4 .inner-con>ul>li:nth-child(1) li:nth-child(1){height: 29%; margin-bottom: 2%;}
.room-wrap .con4 .inner-con>ul>li:nth-child(1) li:nth-child(2){height: 69%;}
.room-wrap .con4 .inner-con>ul>li:nth-child(2) li:nth-child(1){height: 49%; margin-bottom: 2%;}
.room-wrap .con4 .inner-con>ul>li:nth-child(2) li:nth-child(2){height: 49%;}

.room-wrap .con5 .bg-con{width: 100%; height: 570px; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.room-wrap .con5 .room-prev-wrap{background-color: #faf9f5;}


/*special*/
.special-wrap .con3 .bg-con{width: 100%; height: 1375px; background: #ebe5dd; margin-top: 363px;}
.special-wrap .con3 .inner-con .top_img{width: 100%; height: 725px; transform: translateY(-50%); background-repeat: no-repeat; background-size: cover;}
.special-wrap .con3 .inner-con ul{width: 100%; height: 740px; margin-top: -250px;}
.special-wrap .con3 .inner-con ul li{width: 48%; height: 100%; float: right; margin-left: 4%; }
.special-wrap .con3 .inner-con ul li:first-of-type{z-index: 5; position: relative;}
.special-wrap .con3 .inner-con ul li:last-child{margin-left: 0;}
.special-wrap .con3 .inner-con .right_txt{height: 33%; margin-bottom: 4%;}
.special-wrap .con3 .inner-con .right_txt h3{font-family: 'Playfair Display', serif; font-weight: 400; font-size: 40px; margin-top: 27px; margin-left: -72px; position: relative; z-index: 1;}
.special-wrap .con3 .inner-con .right_txt h3 span{font-family: 'Noto Sans KR'; font-size: 15px; display: inline-block; margin-left: 25px;}
.special-wrap .con3 .inner-con .right_txt p{font-family: 'Noto Sans KR'; font-size: 14px; color: #585858; margin-top: 30px;}
.special-wrap .con3 .inner-con .right_img{width: 100%; height: 60%; background-repeat: no-repeat; background-size: cover;}
.special-wrap .con3 .inner-con .right_img .vdo{width: 100%;}
.special-wrap .con3 .inner-con .right_img .vdo iframe{width: 100%; height: 100%;}
.special-wrap .con3 .inner-con .left_img{width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}


/* tour */
.tour_grp{}
.tour_grp>ul>li{clear: both;}
.tour_grp>ul>li ul{display: inline-block; zoom:1; width: 100%; margin-bottom: 120px;}
.tour_grp>ul>li .tour_top>li{width: 50%; float: right;}
.tour_grp>ul>li .tour_bottom>li{width: 50%; float: left;}

.tour_grp>ul>li ul h3 span{font-family: 'Open sans'; font-size: 12px; color: #585858; font-weight: 500; display: block; margin-top: 90px;}
.tour_grp>ul>li ul h3{font-family: 'Noto Sans KR'; font-size: 25px; color: #585858;font-weight: 500;}
.tour_grp>ul>li ul h4{font-family: 'Noto Sans KR'; background: #90867d; color: #fff; font-size: 14px; display: inline-block;padding: 5px 10px; margin: 20px 0; font-weight: 400;}
.tour_grp>ul>li ul p{font-family: 'Noto Sans KR'; font-size: 14px; color: #585858;}
.tour_grp>ul>li ul div{height: 500px; background-repeat: no-repeat; background-size: cover;}

.tour_grp>ul>li .tour_top>li:last-child p{padding-right: 50px;}
.tour_grp>ul>li .tour_bottom>li:last-child{padding-left: 100px;}


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


/*reservation*/
.reser_info{width: 100%;  background:#f7f5f0; }
.reser_info .reser_info_img{width: 600px; height: 650px; margin-top: 75px;float: left; background-repeat: no-repeat; background-size: cover;}
.reser_info .reser_info_txt{float: right; margin-top: 120px;margin-bottom: 60px;position: relative;z-index: 10;}
.reser_info .reser_info_txt h4{font-family: 'Noto Sans KR'; font-size: 12px; font-weight: 400;}
.reser_info .reser_info_txt h3{font-family: 'Playfair Display', serif; font-size: 25px; font-weight: 400;}
.reser_info .reser_info_txt p{font-size: 14px; margin: 25px 0; color: #585858;}
.reser_info .reser_info_txt ul li{font-size: 14px; color: #585858;}
.reser_info .reser_info_txt ul li a{color:#827160; color: #585858;}

.reser_tb_grp{width: 100%; border-collapse: collapse; text-align: center; margin-bottom: 75px;transform: translateY(35px);}
.reser_tb_grp tr{background-color: #fff;}

.reser_tb_grp th{background-color: #827160; color: #fff; font-weight: 400; font-size: 14px; padding: 7px 0; border:1px solid rgba(255,255,255,0.2);}
.reser_tb_grp tr:nth-child(1) th:first-child{border-radius: 20px 0 0 0;}
.reser_tb_grp tr:nth-child(1) th:last-child{border-radius: 0 20px 0 0;}
.reser_tb_grp td{font-size: 13px; padding: 21px 0; border:1px solid #f2f2f2;}

.table-btn{color: #aba29a; border: 1px solid #aba29a; display: block; font-weight: 400; font-size: 13px; width: 170px; height: 45px; text-align: center; margin: 0 auto; margin-bottom: 160px; line-height: 42px; transition: 0.5s;    clear: both;    margin-top: 40px;}
.table-btn:hover{background:#827160; color: #fff;}

.reser-wrap .con3 figure{width: 100%; height: 450px; margin-bottom: 220px; clear: both; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}

.reser-wrap .con4 .reser_info_box{display: inline-block; zoom: 1; margin-bottom: 200px;}
.reser-wrap .con4 .guide{width: 45%; float: left; }
.reser-wrap .con4 .refund{width: 45%; float: right; }
.reser-wrap .con4 h4{font-family: 'Noto Sans KR'; font-size: 12px; font-weight: 400;}
.reser-wrap .con4 h3{font-family: 'Playfair Display', serif; font-size: 25px; font-weight: 400;}
.reser-wrap .con4 h5{font-family: 'Noto Sans KR'; font-size: 14px; color: #585858;}
.reser-wrap .con4 p{font-size: 14px; color: #585858; margin-bottom: 35px;}

.reser-wrap .con4 .guide h4{text-align: left;}
.reser-wrap .con4 .guide h3{margin-bottom: 60px; text-align: left;}

.reser-wrap .con4 .refund h3{margin-bottom: 30px;}
.reser-wrap .con4 .refund table{width: 400px; border-collapse: collapse; text-align: center;margin-bottom: 20px;}
.reser-wrap .con4 .refund table tr{background: #fff;}
.reser-wrap .con4 .refund table tr:nth-child(2n-1){background: #f9f9f9;}
.reser-wrap .con4 .refund table th{background-color: #827160; color: #fff; font-weight: 400; font-size: 14px; padding: 7px 0; border:1px solid rgba(255,255,255,0.2);}
.reser-wrap .con4 .refund table td{font-size: 13px; padding: 7px 0; border:1px solid #f2f2f2;}

.clear{clear: both;}

.notice-wrap .notice-table{margin: 100px 0;}

/*footer*/
.m-br{display: none;}
.top_btn{background: #9f9080; width: 50px; height: 50px; display: block; border-radius: 10px; text-align: center; position: absolute; right: 4%; top: -25px;}
.top_btn span{display: inline-block; margin-top: 12px;}
.top_btn i{font-size: 20px; color: #fff;}

.ft h2 .ft_sns_grp a span{display: inline-block; margin-top: -7px; font-size: 18px;}

footer{width: 100%; height: 470px; background-color: #ebe5dd; color: #444; position: relative;}
footer a{color: #666;}

.ft h2{width: 1500px; margin: 0 auto; text-align: center; margin-bottom: 30px; padding: 27px 0 20px 0;color: #71685f; font-weight: 400;}
.ft h2 a{font-family: 'Open sans'; font-weight: 400; font-size: 24px; display: inline-block; color: #71685f;}
.ft h2 a i{margin-right: 7px; font-size: 17px;}
.ft h2 .ft_sns_grp{border-bottom: 1px solid #dddcd8; height: 35px; }
.ft h2 .ft_sns_grp a{margin-left: 5px; font-size: 16px; float: right;}

.ft .ft_left{float: left; width: 600px;}
.ft .ft_left .ft-logo{margin-bottom: 40px;}
.ft .ft_left .ft-logo img{width: 115px;}
.ft .ft_left ul li{font-family: 'Noto Sans KR'; font-size: 14px; text-align: right; color: #8a8279; margin-bottom: 4px;}
.ft .ft_left ul li .login{    color: #8a8279; text-decoration: underline;margin-top: 20px; display: inline-block;}

/*.ft .ft_left ul li:after{content: "|"; margin: 0 5px;}*/
.ft .ft_left ul li:nth-child(2n):after{content: "";}
.ft .ft_left ul li:last-child{margin-bottom: 30px;}
.ft .ft_left ul li img{width: 20px; margin-left: 3px;}

.ft .ft_right{float: right; width: 600px;}
.ft .ft_right ul li h3{font-family: 'Open sans'; font-weight: 400; font-size: 15px;margin-bottom: 10px;}
.ft .ft_right>ul>li{clear: both;}
.ft .ft_right>ul>li>a{width: 135px;}
.ft .ft_right ul li a{display: inline-block;font-size: 13px;margin-bottom: 5px;float: left; color: #8a8279;}
/* .ft .ft_right ul li .ft_sub_nav{float: left; } */
.ft .ft_right ul li .ft_sub_nav li{float: left;}
.ft .ft_right ul li .ft_sub_nav li:after{content: "|"; font-size: 12px; float: left; margin-left: 10px; margin-right: 10px; opacity: 0.4;}
.ft .ft_right ul li .ft_sub_nav li:last-child:after{content: "";}

.ft .ft-copyright{clear: both; margin-top: 30px;    border-top: 1px solid #dddcd8; padding-top: 20px;}
.ft .ft-copyright p{font-size: 12px; color: #8a8279; font-family: 'Open sans'; text-align: center;}
.ft .ft-copyright p a{color: #8a8279;}
.ft .ft-copyright .login {color: #1c1c1c; font-size: 13px; font-weight: 400; display: inline-block;}
.ft .ft-copyright .login::after{content: ""; display: block; height: 1px; background-color: #1c1c1c;}


/* Generated by Glyphter (http://www.glyphter.com) on  Thu Aug 30 2018*/
@font-face {
    font-family: 'Glyphter';
    src: url('../font/Glyphter.eot');
    src: url('../font/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('../font/Glyphter.woff') format('woff'),
         url('../font/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-aw_logo_svg:before{content:'\0042'; display:inline-block; margin-left:10px; margin-right:5px; vertical-align:middle; font-size:25px; color:#333; }
.icon-aw_logo_svg{color: #333;}
.icon-ico_map_atlan:before {content: "\e900";color: #37cefe;}
.icon-ico_map_kakao:before {content: "\e901";color: #007eff;}
.icon-ico_map_naver:before {content: "\e902";color: #71e951;}
.icon-ico_map_tmap:before {content: "\e903"; color: #007eff;}



@media all and (max-width : 1720px){
    .room-preview-wrap .inner-con{width: calc(100% - 100px);}
}


@media all and (max-width : 1580px){
    .hd .inner-con{width: calc(100% - 100px);}
    .ft .inner-con{width: calc(100% - 100px);}
    .ft h2{width: calc(100% - 100px);}
}
@media all and (max-width : 1540px){
    .view-wrap .con5 .bg-con h3{
        left: 15%
    }
}

@media all and (max-width : 1460px){
    .room-prev-wrap .deco_title{font-size: 200px; margin-top: -220px;}
    .room-wrap .info-wrap .inner-con{width: calc(100% - 100px);}
    .view-wrap .inner-con{width: calc(100% - 100px);}
    .reser-wrap .inner-con{width:calc(100% - 100px);}
    .movie-wrap .inner-con{width: calc(100% - 100px);}
    .map-wrap .inner-con{width: calc(100% - 100px);}
    .wrapper .slick-dots{width: calc(100% - 100px);}
    .scroll_down{right: -50px;}
    .room-wrap .room_cont2_grp .room_cont2_left .room_info_vdo iframe{width: 70vw; height: 100vw;}
    .room-prev-wrap .main-slide .txt-wrap{left: 50px;}
    
    .reser-wrap .con3 figure{margin-bottom: 100px;}
    .ft .ft_left{width: 600px;}
    .ft .ft_right{width: 600px;}
}


@media all and (max-width : 1350px){
    .main-wrap .main-slide-wrap iframe{transform: scale(1.2);}
    .video-btn{width: calc(100% - 100px);}
    .room-wrap .room-info .ico-info li{width: 25%; margin-right: 0; margin-bottom: 15px; text-align: center;}
    .reser-wrap .reser-info .reser_left{width: 400px; height: 520px;}
    .reser-wrap .reser-info .reser_right .txt_grp{margin-top: 20px;}
    .reser-wrap .reser-info .reser_right{height: 600px;}
    .reser-wrap .reser-info .reser_right .right_pic_line{top: 350px;}
    
    .view-wrap .con3 .inner-con .img{width: 50%;}
    .view-wrap .con3 .inner-con div{width: 45%;}
    .view-wrap .con5 .bg-con{height: 500px;}
    .view-wrap .con5 .bg-con h3{right: 30px; top: 50%;}
    .view-wrap .con6 .inner-con .img{width: 50%;}
    .view-wrap .con6 .inner-con .txt{width: 45%;}
    
    .room-wrap .con3 .inner-con .txt{width: 50%;}
    .room-wrap .con3 .inner-con .txt > ul{width: 100%;}
    .room-wrap .con5 .bg-con{height: 440px; background-attachment: unset; background-position: center;}
    .room-wrap .room_cont2_grp .room_cont2_left .room_info_vdo iframe{width: 72vw;}
    
    .special-wrap .con3 .bg-con{margin-top: 280px; height: 1240px;}
    .special-wrap .con3 .inner-con .top_img{height: 600px; background-position: center;}
    
    .half-page-wrap .con1 .top-img{height: 570px;}
    .map-info{width: 100%;}
    .map-info .map-info-img{width: 50%;}
    .map-info .map-info-txt{width: 46%; margin-left: 4%;}
    
    .reser_info .reser_info_img{width: 45%;}
    .reser_info .reser_info_txt{width: 50%;}
}
@media all and (max-width : 1200px){
    .main-wrap .con2 .intro-wrap{width: calc(100% - 100px); margin: 0 auto;}
    .room-prev-wrap .inner-con{width: calc(100% - 100px); margin: 0 auto;}
    .special-preview-wrap .inner-con{width: calc(100% - 100px); margin: 0 auto;}
    .main-wrap .main-slide-wrap iframe{transform: scale(1.5);}
/*    .room-wrap .con3{width: calc(100% - 100px); margin: 0 auto;}*/
/*    .room-wrap .con4{width: calc(100% - 100px);}*/
    
    .notice-wrap .inner-con{width: calc(100% - 100px);}
    .map-wrap .inner-con{width: calc(100% - 100px);}
    .tour-wrap .inner-con{width: calc(100% - 100px);}
    
    .special-wrap .inner-con{width: calc(100% - 100px);}
    .amenity-preview-wrap .inner-con{width: calc(100% - 100px); }
    
    .video-btn{bottom: 70px;}
    .scroll_down{right: -30px;}
    .wrapper .slick-dots{display: none !important;}
    
    .deco_title{font-size: 200px;top: -150px;}
    
    .main-wrap .con2 .main-cont .left{width: 35%;}
    .main-wrap .con2 .main-cont .right{width: 65%;}
    .main-img-wrap{background-attachment: unset; background-position: center;}
    
    .view_con_grp{height: 650px;}
    .view_con_grp .view_con_txt h3{font-size: 35px;}
    .view_con_grp .view_con_txt p{font-size: 13px;}
    .view_con_img .view_arch_line{width: 370px; height: 560px;}
    .view_con_img .view_arch_img{width: 350px; height: 540px;}
    .view_con_img .view_rect_line{width: 310px; height: 440px; left: auto; right: 50px; bottom: 35px;}
    .view_con_img .view_rect_img{width: 290px; height: 420px;}
    
    .view-wrap .view_gallery > ul > li:nth-child(2) div{overflow: hidden;}
    .view-wrap .view_gallery > ul > li:nth-child(2) div iframe{top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); width: 70vw !important; height: 100%;}
    .view-wrap .view_vdo_grp{margin: 100px 0 120px 0;}
    
    .view-wrap .view_outro{height: 300px;}
    .view_outro .view_outro_txt h3{margin-bottom: 40px;}
    .view_outro .view_outro_txt p{font-size: 13px; margin-left: 30px;}
    
    .room-wrap .room_cont2_grp .room_cont2_right{width: 42%;}
    .room-wrap .room_cont2_grp .room_cont2_left .room_info_vdo iframe{width: 80vw;}
    .room-prev-wrap .sub-slide{width: 460px; height: 660px; border-radius: 0 300px 0 0; top: -32px;}
    .sub-slide-line{width: 460px; height: 660px; border-radius: 0 300px 0 0; top: -32px;}
    .room-prev-wrap .main-slide .img-slide-wrap{margin-right: 20px; width: 240px; height: 350px; margin-top: 0px;}
    .sub-img{width: 240px; height: 350px;}
    .room-prev-wrap .main-slide .img-wrap{width: 240px !important;}
    .room-prev-wrap .sub-slide .slide .img-wrap a div{background-repeat: no-repeat; background-size: cover;}
    .room-prev-wrap .main-slide .txt-wrap{height: 350px;}
    .room-prev-wrap .deco_title{margin-top: 0px; top: -250px; font-size: 150px;}
    
    .special-wrap .cont2_content .deco_title_right_spec{font-size: 150px;}
    .deco_title_right_spec{font-size: 150px;}
    .special-preview-slide .slick-prev{left: 400px;}
    .special-preview-slide .slick-next{right: 400px;}
    .special-preview-slide .spec_slide .spec_vdo_grp iframe{width: 60vw !important; height: 60vw !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%);}
    
    .reser-wrap .reser_line{width: 90%; margin: 0 auto;margin-top: 120px; margin-bottom: 120px;}
    .reser-wrap .reser-info .reser_right .txt_grp{margin-left: 40px;margin-top: 50px;}
    .reser-wrap .reser-info .reser_right .txt_grp>span{font-size: 13px;}
    .reser-wrap .reser-info .reser_right .txt_grp h3{font-size: 35px;}
    .reser-wrap .reser-info .reser_right .txt_grp ul{margin: 30px 0;}
    
    .reser-wrap .reser-info .reser_right .right_pic_line{width: 180px; height: 260px;}
    .reser-wrap .reser-info .reser_right .right_pic_img{width: 170px; height: 250px;}
    
    .reser-notice-img{width: 400px; height: 550px;}
    .reser-notice-line{width: 410px; height: 550px;}
    
}



@media all and (max-width : 1366px){
    .hd .main-menu-wrap{display: none;}
    .hd.fixed .main-menu-wrap{margin-top: 0;}
    .hd.fixed .menu-btn{top: 35px; transition: 0.5s;}
    .hd.fixed .menu-btn .line{background: #666;}
    .hd .main-menu-wrap .white-box{display: none;}
    .hd .main-menu-wrap > ul{right: 0px; width: 100%;}
    .hd .main-menu-wrap > ul > li{width: 25%;}
    .hd .main-menu-wrap a{color: #434343;}
    .hd .main-menu-wrap .sub-menu{height: auto; min-height: 220px;}
    .hd .logo span {transition: 1.2s;}
    .menu-btn{display: block;}
    .bg-wrap .bg{background-attachment: initial;}    
    .hd .menu-btn{width: 30px; height: 30px; display: block; position: absolute; top: 45px; right: 10px; cursor: pointer;}
    .hd .menu-btn .line{width: 100%; height: 1px; background-color: white; display: block; position: absolute; top: 50%; left: 0; transition: 1.2s;}
    .hd .menu-btn .line1{transform: translateY(-8px);}
    .hd .menu-btn .line3{transform: translateY(8px);}
    
    .sns_grp{float: none;width: 100%; position: absolute; bottom: 45px; left: 45%;}
    

    .hd.click .main-menu-wrap{pointer-events: all; opacity: 1; visibility: visible;}
    .hd.click .logo{background-image: url(../img/common/logo_black.png);}
    .hd.click .logo span {color: #2678f9;}
    .hd.click .menu-btn span{background-color: #434343;}
    .hd.click .menu-btn span.line1{transform: rotate(45deg);}
    .hd.click .menu-btn span.line2{opacity: 0;}
    .hd.click .menu-btn span.line3{transform: rotate(-45deg);}
    .hd .main-menu-wrap > ul > li > a{font-size: 15px;font-weight: 500;}
    .hd .main-menu-wrap .sub-menu a{font-size: 12px; line-height: 2;}
    .hd .main-menu-wrap .sub-menu{margin-top: 0;}
    .hd .main-menu-wrap .sub-menu li{padding: 7px 0;}
    
    .main-sub-menu>ul{width: 90%;}
    .main-sub-menu p{width: 90%;}
    
    .main-wrap .con2 .intro-wrap{width: 90%;}
    .main-img-wrap{height: 400px; background-attachment: unset; background-position: 0 67%;}
    
    .room-prev-wrap .inner-con{width: 90%;}
    .special-preview-wrap .inner-con{width: 90%;}
    
    .ft .ft_dep1 .toTop{right: 20px; top: 20px; width: 30px; height: 30px; font-size: 10px; line-height: 30px;}
    .ft .ft_dep1{padding: 0 50px; padding-top: 60px; padding-bottom: 100px;}
    .ft .ft_dep1 .ft-menu > ul > li{margin: 0 10px;}
    .ft .ft_dep1 .ft-menu > ul > li > a{font-size: 13px;}
    .ft .ft_dep1 .ft-menu .sub-menu a{font-size: 12px;}
    
    .ft .ft_left{width: 100%; float: none;}
    .ft .ft_left ul li{text-align: center;}
    .ft .ft_right{display: none;}
}

@media all and (max-width : 1024px){
    .hd .logo{width: 250px;}
    .main-sub-menu>ul>li>a{font-size: 23px;}
    .main-sub-menu a{font-size: 15px;}
    .main-wrap .main-slide-wrap .full-page{transform: scale(1.1); width: 100%; height: 100%;}
    .main-wrap .main-slide-wrap iframe{left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);}
    .main-wrap .con2 .main-cont .left .arch_line{height: 520px;}
    .main-wrap .con2 .main-cont .left .arch_pic{height: 500px; margin-top: 4px;}
    .main-wrap .con2 .main-cont .right{margin-top: 110px;}
    .main-wrap .con2 .main-cont .right h3{font-size: 32px;}
    .main-wrap .con2 .main-cont .right p{font-size: 13px;}
    
    .main-wrap .main-tit{left: 50%;transform: translate(-50%, -30%);}
    .main-tit h1{font-size: 35px;}
    .main-tit span{font-size: 15px;}
    .main-wrap .sns_grp{display: none;}
    
    .main-wrap .con2 .main_con_tit h1{font-size: 21px;margin: 50px 0 20px 0;}
    .main-wrap .con2 .main_con_tit h2{font-size: 12px; margin-top: 0px;}
    .main-wrap .con2 .main_con_tit{margin-bottom: 50px;}
    
    .main-wrap .con2 .main-cont{margin-top: 150px; height: 470px;}
    .main-wrap .con2 .main-cont .img{width: 60%;}
    .main-wrap .con2 .main-cont .txt{width: 40%;}
    .main-wrap .con2 .main-cont .txt h3{margin-top: 10px;font-size: 55px;}
    .main-wrap .con2 .main-cont .txt p{padding-top: 60px; font-size: 15px;}
    .main-wrap .con2 .main-cont .txt a{margin-top: 70px;}
    
    .main-img-wrap{height: 300px;}
    .special-preview-wrap .inner-con{width: 80%;}
    .special-preview-wrap .tit h2{font-size: 35px;}
    .special-preview-slide-grp .spec_slide:nth-child(2n-1) .spec_img_grp{height: 428px;}
    .special-preview-slide-grp .spec_img_grp{height: 550px;}
    .spec_txt_grp h3{font-size: 18px;}
    .spec_txt_grp p{font-size: 13px; margin-top: 11px;}
    
    .full-page-wrap .btn-wrap button{width: 34px; height: 34px;}
    
    .view-wrap .con3 .inner-con .txt h3{font-size: 33px;}
    .view-wrap .con4 .inner-con .img_1{width: 52%; height: 300px;}
    .view-wrap .con4 .inner-con .img_2{width: 52%; height: 300px;}
    .view-wrap .con4 .bg_area{width: 400px; height: 300px;}
    .view-wrap .con4 .inner-con .img_grp{height: 700px;}
    .view-wrap .con6 .inner-con .txt p{width: 90%;}
    
    .room-wrap .con5 .bg-con{height: 370px;}
    .room-wrap .con3 .inner-con .img{width: 46%; height: 575px;}
    .room-wrap .con3 .inner-con .txt h3{margin: 67px 0 45px 0;}
    
    .room-prev-wrap .main-slide .txt-wrap{left: 20px;}
    .room-prev-wrap .tit-wrap{display: none;}
    .room-prev-wrap .room_swiper .swiper-container{height: 600px;}
    .room-prev-wrap .room_swiper .swiper-txt{background: rgba(171,162,154,0.7);}
    
    .special-preview-slide .slick-prev{left: 300px;}
    .special-preview-slide .slick-next{right: 300px;}
    .room-wrap .con3{height: auto;}
    .room-wrap .room_cont2_grp .room_cont2_left{float: none; width: 100%; height: 500px; margin-bottom: 100px;}
    .room-wrap .room_cont2_grp .room_cont2_left .room_info_vdo iframe{width: 95vw;}
    .room-wrap .room_cont2_grp .room_cont2_right{float: none; width: 100%; height: auto; margin-left: 0%;}
    .room_cont2_right .room_info_txt_grp p{margin-bottom: 40px; margin-top: 20px;}
    .room_cont2_right .room_info_img_grp{display: none;}
    .room-wrap .con4 .room_gallery_grp{height: 500px;}
    .room-wrap .room_last_bg{height: 320px;margin: 240px 0 400px 0;}
    .room-prev-wrap{margin-bottom: 0px;}
    .room-prev-wrap .sub-slide figure{height: 100%;}
    .room-prev-wrap .sub-slide .slide{height: 100%;}
    .room-prev-wrap .main-slide .img-slide-wrap{display: none;}
    .room-prev-wrap .slide-control{bottom: 100px; width: 400px;}
    
    .special-wrap .con3 .inner-con .top_img{height: 400px;}
    .special-wrap .con3 .inner-con ul{margin-top: -150px; height: 550px;}
    .special-wrap .con3 .bg-con{margin-top: 120px;height: 945px;}
    .special-wrap .con3 .inner-con .right_txt{height: 41%;}
    .special-wrap .con3 .inner-con .right_txt p{margin-top: 5px; font-size: 13px;}
    .special-wrap .con3 .inner-con .right_txt h3{margin-top: 5px;}
    .special-wrap .con3 .inner-con .right_img{height: 55%; overflow: hidden; position: relative;}
    .special-wrap .con3 .inner-con .right_img .vdo{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
    
    .tour_grp>ul>li .tour_bottom>li:last-child{padding-left: 50px;}
    .tour_grp>ul>li ul p{width:90%;}
    .tour_grp>ul>li ul h3 span{margin-top: 0px;}
    .map-info{margin-top: 150px;}
    
    .map-info .map-link-wrap{display: block; margin-top: 20px;}
	.map-info .map-link-wrap::after{content: ""; display: table; clear: both;}
	.map-info .map-link-wrap li{float: left; width: 30px; height: 30px; margin-right: 15px; border-radius: 3px;}
	.map-info .map-link-wrap li a{ background: none; width: 100%; height: 100%; display: block; margin-top: 0; padding: 0; border: 0;}
	.map-info .map-link-wrap li a img{display: block; width:100%;}
    
}

@media all and (max-width : 900px){
    .main-tit span{display: none;}
    .wrapper .slick-dots{display: none !important;}
    .scroll_down{display: none;}
/*inner-con*/
    .main-wrap .con2 .intro-wrap{width: calc(100% - 100px); margin: 0 auto;}
    .room-prev-wrap .inner-con{width: calc(100% - 100px); margin: 0 auto;}
    .special-preview-wrap .inner-con{width: 80%; margin: 0 auto;}
    .room-preview-wrap .inner-con{width: calc(100% - 100px);}
    .hd .inner-con{width: calc(100% - 100px);}
    .room-wrap .info-wrap .inner-con{width: calc(100% - 100px);}
    .view-wrap .inner-con{width: calc(100% - 100px);}
    .notice-wrap .inner-con{width: calc(100% - 100px);}
    .map-wrap .inner-con{width: calc(100% - 100px);}
    .tour-wrap .inner-con{width: calc(100% - 100px);}    
    .special-wrap .inner-con{width: calc(100% - 100px);}
    .amenity-preview-wrap .inner-con{width: calc(100% - 100px); }
    .reser-wrap .inner-con{width:calc(100% - 100px);}
    .main-wrap .intro-wrap .inner-con{width: calc(100% - 100px);}
    .movie-wrap .inner-con{width: calc(100% - 100px);}
    
    .main-wrap .main-tit{text-align: center;}
    .main-sub-menu>ul{top: 45%;display: flex;justify-content: start;align-items: start;flex-wrap: wrap;}
    
/*inner-con*/    
    .main-wrap .con2 .main_con_tit h2{font-size: 12px;}
    .main-wrap .con2 .main-cont .right p{font-size: 12px;}
    
    .main-wrap .con2 .main-cont{height: 500px; margin-top: 100px;}
    .main-wrap .con2 .main-cont .left .arch_line{height: 420px;}
    .main-wrap .con2 .main-cont .left .arch_pic{height: 400px;}
    .main-wrap .con2 .main-cont .left .arch_pic_img{height: 400px;}
    .main-wrap .con2 .main-cont .left p{font-size: 11px;}
    .main-wrap .con2 .main-cont .right{margin-top: 70px;}
    
    .main-wrap .con2 .main-cont .img{width: 100%;}
    .main-wrap .con2 .bg{height: 638px;}
    .main-wrap .con2 .main-cont .txt h3{float: unset; top: -55px; margin-bottom: -30px;}
    .main-wrap .con2 .main-cont .txt p{padding-top:0px;margin-left: 30px;}
    .main-wrap .con2 .main-cont .txt a{float: unset; margin-top: 50px;margin-left: 30px;}
    .main-wrap .con2 .main-cont .txt{width: 96%;}
    
    .hd .m_hd_grp{display: inline-block; float: right; margin-top: 68px; transition: 0.5s;}
    .hd .m_hd_grp li{color: #fff;float: left; text-align: center; padding-left: 20px;}
    .hd .m_hd_grp li i{font-size: 18px;}
    .hd .m_hd_grp li span{display: block; font-size: 13px;}
    
    .hd.fixed .m_hd_grp{margin-top: 25px;}
    .hd.fixed .m_hd_grp li i{color: #827160;}
    .hd.fixed .m_hd_grp li span{color: #827160; margin-top: -4px;}
    
    .main-img-wrap{ height: 280px;}
    
    .room-prev-wrap .room_swiper .swiper-container{height: 500px; width: 100%;}
    .room-prev-wrap .room_swiper .swiper-container .swiper-slide{background-position: center;}
    
    .room-prev-wrap .room_swiper .swiper-txt{width: 100%; height: 272px; background: #aba29a; top: 500px;}
    .room-prev-wrap .room_swiper .swiper-txt ul{padding:80px 60px 40px 60px;}
    .room-prev-wrap .room_swiper .swiper-txt h3{font-size: 35px; font-weight: 400; display: inline-block;}
    .room-prev-wrap .room_swiper .swiper-txt h4{font-size: 15px; font-weight: 400; display: inline-block; margin-left: 22px;}
    .room-prev-wrap .room_swiper .swiper-txt a{clear: both; position: auto; display: block;bottom: 80px;}
    .room-prev-wrap .room_swiper .swiper-txt p{margin-top: 30px;}
    
    .view-wrap .deco_title{font-size: 160px;top: -100px;}
    .view-wrap .view_vdo_grp{margin: 0;}
    
    .view_con_grp .view_con_txt{width: 50%;padding-left: 50px;}
    .view_con_grp .view_con_txt p{margin-left: 20px;}
    .view_con_grp .view_con_img{width: 50%;}
    
    .view_con_img .view_arch_line{width: 320px; height: 460px; left: 0;}
    .view_con_img .view_arch_img{width: 300px; height: 440px;}
    .view_con_img .view_rect_line{width: 270px; height: 370px; right: 0;}
    .view_con_img .view_rect_img{width: 250px; height: 350px;}
    .view_con_img p{display: none;}
    
    .view-wrap .view_outro{height: 220px;}
    .view_outro .view_outro_txt h3{font-size: 25px;margin-bottom: 30px;}
    .view_outro .view_outro_txt p{font-size: 12px; margin-left: 20px;}
    
    
    .sub-slide-line{width: 400px; height: 550px; border-radius: 0 250px 0 0; top: 0;}
    
    .room-wrap .con4 .inner-con>ul>li{height: 500px;}
    .room-wrap .con4 .inner-con>ul{margin-bottom: 150px;}
    
    .special-wrap .cont2_left .cont2_left_img{background-position: 0 80%;}
    .special-wrap .cont2_left .cont2_left_img.visible{background-position: 0 100%;}
    
    .special-wrap .cont2_left .cont2_arch-line{left: auto; right: 0; transform: translate(-10%, -50%);width: 220px; height: 330px;}
    .special-wrap .cont2_left .cont2_arch-line.visible{transform: translate(-10%, -30%);}
    .special-wrap .cont2_left .cont2_arch-img{width: 200px; height: 310px;}

    .special-wrap .cont2_content{width: calc(100% - 50px); margin: 0 auto;}
    .special-wrap .cont2_left{float: none; width: 100%; height: 45%;}
    .special-wrap .cont2_right{float: none; width: 100%; margin-left: 30px; margin-top: 70px;}
    .special-wrap .cont2_right span{font-size: 13px;}
    .special-wrap .cont2_right h3{font-size: 35px;}
    .special-wrap .cont2_right .kor{margin: 30px 0;}
    
    .special-wrap .cont2_content .deco_title_right_spec{font-size: 120px; top: -125px; right: -40px;}
    
    .special-wrap .con3 .inner-con{margin-top: 200px; height: 700px;}
    .special-wrap .con4 .spec_cont_bg{height: 400px;}
    
    .special-preview-slide .spec_slide .spec_vdo_grp iframe{height: 75vw !important;}
    
    .half-page-wrap .con1 .top-img{height: 490px;}
    .map-info{margin-bottom: 0px;}
    .map-info .map-info-img{width: 100%; height: 360px; background-position: center; float: unset;}
    .map-info .map-info-txt{float: unset; width: 100%; margin-left: 0; }
    .map-info .map-info-txt h3{margin-bottom: 15px;}
    .map-info .map-info-txt>ul>li{padding-left: 15px;}
    
    .reser-wrap .con3 figure{height: 250px; background-attachment: unset; background-position: center;}
    .reser-wrap .reser-info .reser_left{width: 350px; height: 450px;}
    .reser-wrap .reser-info .reser_right{height: 500px;}
    .reser-wrap .reser-info .reser_right .txt_grp{margin-left: 20px; margin-bottom: 0; height: 400px;}
    .reser-wrap .reser-info .reser_right .txt_grp h3{font-size: 30px;}
    .reser-wrap .reser-info .reser_right .txt_grp ul{margin: 20px 0;}
    .reser-wrap .reser-info .reser_right .txt_grp ul li{font-size: 13px;}
    .reser-wrap .reser-info .reser_right .txt_grp ul li input{width: 10px;}
    .reser-wrap .reser-info .reser_right .txt_grp p{font-size: 13px;}
    .reser-wrap .reser-info .reser_right .right_pic_line{display: none;}
    .reser-wrap .reser-info .reser_right .right_pic_img{width: 140px; height: 220px;}
    .info-wrap .txt_grp{margin-bottom: 100px;}
    .info-wrap .txt_grp span{font-size: 13px;}
    .info-wrap .txt_grp h3{font-size: 30px;}
    .dash-list li{font-size: 13px;}
    .reser-notice-img{width: 300px; height: 450px; border-radius: 250px 0 0 0;}
    .reser-notice-line{width: 310px; height: 450px; border-radius: 250px 0 0 0;}
    
    .refund_txt_grp span{font-size: 13px;}
    .refund_txt_grp h3{font-size: 30px;    margin-bottom: 20px;}
    .refund_txt_grp + ol li{font-size: 13px;}
    
    .deco_title_right_spec{font-size: 120px;}
    
    .hd .logo{margin-top: 68px;}
    
    .ft .ft_dep1{padding: 0 15px; border-top: 0; border-bottom: 1px solid rgba(187, 187, 185, 0.8); padding-bottom: 10px;}
    .ft .ft_dep2 .ft-address span{display: block; font-size: 13px;}
    .ft .ft_dep1 .ft-logo{float: none; padding-top: 25px;}
    .ft .ft_dep1 .ft-logo img{width: 80px; margin: 0 auto;}
    .ft .ft_dep1 .ft-logo h2{font-size: 18px;}
    .ft .ft_dep1 .ft-sns{float: none; text-align: center; margin-top: 25px;}
    .ft .ft_dep2 .ft-tel a{font-size: 22px;}
    .ft .ft_dep1 .ft-sns li{float: none; display: inline-block; margin: 0 5px;}
    
    .m-br{display: block;}
    
/* 스페셜프리뷰 버튼 */
.special-preview-slide-grp .slick-prev:before, .slick-next:before{
    display: block;
}
    
}

@media all and (max-width : 700px){
    .hd{height: 60px;}
    .hd .menu-btn{top: 15px; right: 5px; width: 25px;}
    .hd .menu-btn .line1{transform: translateY(-7px);}
    .hd .menu-btn .line3{transform: translateY(7px);}
    
    .hd .main-menu-wrap{background: #fafaf9;}
    .hd .main-menu-wrap > ul{width: 90%; margin: 0 auto; top: 50%; transform: translateY(-240px);}
    .hd .main-menu-wrap > ul > li{width: 50%;}
    .hd .main-menu-wrap > ul > li > a{font-size: 14px;}
    .hd .main-menu-wrap .sub-menu li{padding: 5px 0;}
    .hd .main-menu-wrap .sub-menu a{font-size: 11px;}
    .hd .main-menu-wrap .sub-menu{min-height: 160px;}
    
    .hd .m_hd_grp{margin-top: 25px;}
    .hd .m_hd_grp li{padding-left: 15px;}
    .hd .m_hd_grp li i{font-size: 14px;}
    .hd .m_hd_grp li span{font-size: 11px;}
    .hd.fixed .m_hd_grp{margin-top: 22px;}
    
    .main-sub-menu>ul>li{width: 33.3%; text-align: center;    margin: 20px 0;}
    .main-sub-menu>ul>li>a{font-size: 16px;margin-bottom: 10px;}
    .main-sub-menu p{display: none;}
    .main-sub-menu a{margin-bottom: 0px; font-size: 12px; letter-spacing: -0.08em;}
    
    .hd.click .main-menu-wrap{height: 100% !important;}
    
    .hd .sns_grp{left: auto; right: 30px; bottom: 30px;}
    .hd .sns_grp li{float: right;}
    
    .hd.fixed .menu-btn{top: 20px;}
    
    .wrapper .sub-tit{margin-top: -4px;}
    .main-tit h1{font-size: 20px; letter-spacing: 3px;}
    .main-tit .line{width: 50px;}
    
/*inner-con*/
    .room-preview-wrap .inner-con{width: calc(100% - 50px);}
    .hd .inner-con{width: calc(100% - 50px); height: 60px;}
    
    .main-wrap .con2 .intro-wrap{width: calc(100% - 50px);}
    .room-wrap .info-wrap .inner-con{width: calc(100% - 50px);}
    .room-prev-wrap .inner-con{width: calc(100% - 50px);}
    .view-wrap .inner-con{width: calc(100% - 50px);}
    .notice-wrap .inner-con{width: calc(100% - 50px);}
    .map-wrap .inner-con{width: calc(100% - 50px);}
    .tour-wrap .inner-con{width: calc(100% - 50px);}    
    .special-wrap .inner-con{width: calc(100% - 50px); margin-bottom: 50px;}
    .amenity-preview-wrap .inner-con{width: calc(100% - 50px); }    
    .reser-wrap .inner-con{width:calc(100% - 50px);}
    .main-wrap .intro-wrap .inner-con{width: calc(100% - 50px);}
    .movie-wrap .inner-con{width: calc(100% - 50px);}
/*inner-con*/
    .main-wrap .video-btn{display: none;}
    .m-vdo-wrap{display: block; position: relative; margin-bottom: 80px;}
    .m-vdo-wrap .main-vdo-wrap{position: relative;}
    .full-page-wrap .m-vdo-wrap .slide{height: 100%;}
    .full-page-wrap .m-vdo-wrap .full-page{height: 100%;}
    .half-page-wrap .con1 .top-img{height: 250px;}
    .hd .logo{margin-top: 25px; position: relative; width: 150px; height: 55px;}
    header.on .logo{margin-top: 25px !important;}
    .hd.fixed .logo{width: 150px;}
    .hd.fixed .toggle{top: 30px;}
    .hd .logo img{width: 45px;}
    .hd .logo span{font-size: 18px;}
    .toggle{top: 40px;}
    .toggle span{width: 27px; height: 1px;}
    .toggle span:nth-child(1){margin-bottom: 7px;}
    .toggle span:nth-child(2){width: 17px;}
    .toggle span:nth-child(3){margin-bottom: 7px;}
    .toggle.active span:nth-child(3){margin-top: 2px;}
    
    .hd.fixed{height: 75px;}
    .hd.fixed .main-menu-wrap{margin-top: 0;}
    .hd .main-menu-wrap{padding-top: 80px; opacity: 0;}
    .main-wrap.full-page-wrap .btn-wrap .line{top: 29px;}
    
    .main-wrap .slick-initialized .main-video-grp{display: none;}
    
    .start-tit .start-tit-top{height: 60px;}
    .start-tit .start-tit-top p{margin-top: 50px; font-size: 11px;}
    .start-tit .start-tit-top h2{font-family: 'Playfair Display', serif; font-weight: 300; font-size: 19px; margin-top: 40px;}
    .start-tit .start-tit-top span.line{margin-top: 17px;}
    .start-tit-bottom{padding: 0px 0 100px 0;}
    .start-tit-bottom p{font-size: 12px;}
    
    .gradient-btn{padding: 1em 2em; font-size: 10px;letter-spacing: 1.5px;}
    
    .main-vdo{margin-top: 50px;}
    .main-vdo .vdo-wrap{display: block; position: relative; width: 100%; height: 200px; left: 50%; transform: translateX(-50%);}
    .main-vdo .vdo-wrap h2{font-family: 'Italiana'; font-weight: 300; font-size: 16px; text-align: center;}
    
    .main-vdo + .con2 .deco_circle{display: none;}
    .main-wrap .con2 .main_con_tit .line{margin-top: 0px;}
    .main-wrap .con2 .main_con_tit h1{font-size: 18px; margin: 34px 0 14px 0;}
    .main-wrap .con2 .main_con_tit h2{font-size: 10px;}
    
    .main-wrap .con2 .main_con_tit{margin-bottom: 0px; padding-bottom: 40px;}
    .main-wrap .con2 .main-cont{margin-top: 40px;height: 220px;}
    
    .main-wrap .con2 .bg{margin-top: -113px; height: 450px;}
    .main-wrap .con2 .main-cont .txt{width: 100%;}
    .main-wrap .con2 .main-cont .txt h3{width: 100%; text-align: center; top: -38px; font-size: 35px;}
    .main-wrap .con2 .main-cont .txt p{margin-left: 0px; margin-top: 20px; font-size: 12px; text-align: center;}
    .main-wrap .con2 .main-cont .txt a{display: block; text-align: center; margin: 0; margin-top: 50px; font-size: 11px;}
    
    .main-img-wrap{height: 196px;}
    
    .room-preview-wrap .swiper-container .swiper-slide .txt a{opacity: 1; visibility: visible; width: 90px; height: 50px; padding-top: 15px;}
    .room-preview-wrap .swiper-container .swiper-slide .txt h2{font-size: 24px;}
    .room-preview-wrap .swiper-container .swiper-slide .txt p{font-size: 14px;}
    .room-preview-wrap .swiper-container .swiper-slide .txt{bottom: 10px; left: 10px;}
    .room-preview-wrap .swiper-container .swiper-slide:nth-child(2n) .txt{bottom: 60px;}
    .room-preview-wrap .swiper-container .swiper-slide:nth-child(2n - 1){margin-top: 50px;}
    .room-preview-wrap .swiper-container{margin-left: 15px;}
    .main-wrap .con1 .main-tit h1{font-size: 20px;}
    .main-wrap .intro-wrap .tit{font-size: 18px; padding-top: 30px; margin-bottom: 50px;}
    .main-wrap .intro-wrap .info-wrap{padding-bottom: 250px; position: relative;}
    
    .main-wrap .intro-wrap .info-wrap .info1{width: 80%;}
    .main-wrap .intro-wrap .info-wrap .info2{width: 235px; margin-top: 50px;}
    .main-wrap .intro-wrap .info-wrap .info2 .txt{padding: 0 20px; padding-top: 70px; }
    .main-wrap .intro-wrap .info-wrap .info1 .txt{bottom: 50%; transform: translateY(50%);}
    .main-wrap .intro-wrap .info-wrap .info1 .txt h2{font-size: 25px; } 
    .main-wrap .intro-wrap .info-wrap .info2 .txt h3{font-size: 24px;}
    .main-wrap .intro-wrap .info-wrap .info2 .txt p{font-size: 12px;}
    .main-wrap .intro-wrap .info-wrap .info2 .txt img{width: 40px; bottom: 55px;}
    .main-wrap .video-btn{width: 120px; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0.6); color: white; text-align: center; font-size: 19px; font-family: "Mango"; text-shadow: 0 0 0 white; position: absolute; top: 10px; left: 10px;}
    /* .main-wrap .intro-wrap .bg-shadow{opacity: 1.4;} */

    .amenity-preview-wrap .img-wrap{width: 125px; height: 110px; top: calc(50% - 65px); left: calc(50% - 55px);}
    .room-preview-wrap .tit{margin-top: 80px; margin-bottom: 50px;}
    .room-preview-wrap .tit h3{font-size: 32px;}
    .room-preview-wrap .tit h2{font-size: 42px;}

    
    .full-page-wrap .slide{height: 350px;}
    .full-page-wrap .slide .full-page-wrap iframe{position: absolute; left: 50%; transform: translateX(-50%);}
    .full-page-wrap .btn-wrap{bottom: 20px; width: 70px;}
    .full-page-wrap .btn-wrap button{width: 25px; height: 25px;margin-top: 9px;}
    .full-page-wrap .btn-wrap .line{top: 10px; height: 30px;}
    .full-page-wrap .main-tit h2{font-size: 24px;}
    .amenity-preview-wrap{margin-top: 100px;}
    .amenity-preview-wrap ol li{font-size: 52px;}
    .amenity-preview-wrap ol li a{font-size: 52px;}
    
/*
    .room-wrap .con3{width: calc(100% - 50px);}
    .room-wrap .con4{width: calc(100% - 50px);}
*/
    .room-wrap .room_cont2_grp .room_cont2_left{height: 200px; margin-bottom: 50px;}
    .room_cont2_right .room_info_txt_grp span{font-size: 12px; margin-bottom: -5px;}
    .room_cont2_right .room_info_txt_grp h3{font-size: 25px;}
    .room_cont2_right .room_info_txt_grp p{margin-top: 10px; font-size: 12px;}
    .accordionTitle{font-size: 14px; padding: 8px 5px;}
    .accordionTitle .kor{font-size: 11px;}
    .accordion .item .text.show{font-size: 12px; padding: 12px 10px;}
    .accIcon:after{width: 10px; height: 1px;}
    .accIcon:before{width: 1px; height: 10px;}
    
    
    .week_date p{font-size: 13px !important; padding: 0 !important;}
    .week_date .prv{transform: scale(0.7);}
    .week_date .next{transform: scale(0.7);}
    
    .room-wrap .con4 .room_gallery_grp{height: 200px;}
    .room-wrap .room_last_bg{height: 150px; margin: 100px 0 0px 0;}
    
    .room-prev-wrap{height: 555px; margin-top: 0px; padding-bottom: 0px; padding-top: 40px;}
    .room-prev-wrap .tit-wrap.on h2{font-size: 30px; line-height: 45px; margin-left: 0px}
    .room-prev-wrap .main-slide .txt-slide-wrap{margin-top: 350px;}
    .room-prev-wrap .main-slide .txt-wrap .txt p span{font-size: 13px;}
    
    .room-prev-wrap .sub-slide-line{width: 87%; height: 300px; border-radius: 0 150px 0 0; right: 50%; transform: translate(53%,-4%); opacity: 1; margin: 130px 0 100px 0;}
    .room-prev-wrap .sub-slide{width: 87%; height: 300px; border-radius: 0 150px 0 0; right: 50%; transform: translateX(50%); margin: 130px 0 100px 0;}
    
    .room-prev-wrap .deco_title{top: -80px; font-size: 70px; margin-left: -15px;}
    
    .room-prev-wrap .slide-control{width: 100%; height: 40px;}
    .room-prev-wrap .sub-slide .slide .img-wrap a div{background-position: bottom;}
    .room-prev-wrap .slide-control .slide-line{display: none;}
    .room-prev-wrap .slide-control .page-wrap{bottom: 1px; left: 10px; display: none;}
    .room-prev-wrap .slide-control .slide-btn{top: -40px; z-index: 2; right: 10px;}
    
    .room-prev-wrap .room_swiper .swiper-container{height: 238px;}
    .room-prev-wrap .room_swiper .swiper-txt{top: 238px; height: 234px;}
    .room-prev-wrap .room_swiper .swiper-txt ul{padding: 70px 35px 0 35px;}
    .room-prev-wrap .room_swiper .swiper-txt h3{font-size: 25px;}
    .room-prev-wrap .room_swiper .swiper-txt h4{font-size: 12px; margin-left: 18px;}
    .room-prev-wrap .room_swiper .swiper-txt p{margin-top: 20px;font-size: 13px; float: unset; margin-top: 15px; transform: translateX(0);}
    .room-prev-wrap .room_swiper .swiper-txt a{bottom: 48px; font-size: 12px; font-weight: 300; letter-spacing: 1.2px;}
    .room-prev-wrap .room_swiper .main_nav .swiper-button-next{right: 25px; bottom: 32px;}
    .room-prev-wrap .room_swiper .main_nav .swiper-button-prev{right: 70px; bottom: 32px;}
    
    .room-wrap .con3 .inner-con .img{float: none; width:77%; height: 350px; margin:0 auto;}
    .room-wrap .con3 .inner-con .txt{float: none; width:100%; margin-bottom: 60px;}
    .room-wrap .con3 .inner-con .txt h3{font-size: 22px; margin: 67px 0 20px 0;}
    .room-wrap .con3 .inner-con .txt h3 span{font-size: 11px;}
    .room-wrap .con3 .inner-con .txt > ul > li h4{font-size: 12px;}
    .room-wrap .con3 .inner-con .txt > ul > li ul li{font-size: 13px;}
    .room-wrap .con4 .inner-con>ul>li{height: 300px;}
    .room-wrap .con4 .inner-con>ul{margin-bottom: 100px;}
    .room-wrap .con5 .bg-con{height: 150px; margin-bottom: 70px;}
    
    .special-preview-wrap .tit{margin: 50px 0 50px 0;}
    .special-preview-slide-grp .spec_img_grp{height: 318px; width:80%; margin: 0 auto;}
    .special-preview-slide-grp .spec_slide:nth-child(2n-1) .spec_img_grp{height: 318px;}
    .special-preview-slide-grp .spec_slide{height: 600px;}
    .special-preview-slide-grp .slick-prev{top: 61%; left: -9px;z-index:10;}
    .special-preview-slide-grp .slick-next{top: 61%; right: -9px;z-index:10;}
    .spec_txt_grp p{font-size: 12px;}
    .spec_txt_grp h3{font-size: 16px;}
    .spec_txt_grp {font-size: 12px;}
    
    .view-wrap .con3{margin-bottom: 50px;}
    .view-wrap .con3 .bg-con{padding-top: 10px; height: 500px;}
    .view-wrap .con3 .inner-con div{float: unset; width: 100%; padding-left: 0px; padding-top: 0px;}
    .view-wrap .con3 .inner-con .img{width:100%; height: 283px;}
    .view-wrap .con3 .inner-con .txt h3{font-size: 22px; margin-top: 20px;}
    .view-wrap .con3 .inner-con .txt p{font-size: 12px; margin-top: 19px;}
    
    .view-wrap .con4 .inner-con .img_grp div{position: auto;}
    .view-wrap .con4 .inner-con .img_1{width: 100%; height: 200px;}
    .view-wrap .con4 .inner-con .img_2{width: 100%; height: 150px;}
    .view-wrap .con4 .bg_area{display: none;}
    .view-wrap .con4 .inner-con .img_grp{height: 420px;}
    .view-wrap .con5 .bg-con{height: 200px;margin-bottom: 50px;}
    .view-wrap .con5 .bg-con h3{right: 0; top: 50%; font-size: 12px; white-space: nowrap;left: 50%;animation: none;}
    .view-wrap .con5 .bg-con span{font-size: 45px;}
    .view-wrap .con6 .inner-con div{float: none;}
    .view-wrap .con6 .inner-con .img{width:100%; height: 250px;margin-bottom: 30px;}
    .view-wrap .con6 .inner-con .txt{width:100%;}
    .view-wrap .con6 .inner-con .txt h3{margin: 0; text-align: left; font-size: 22px;}
    .view-wrap .con6 .inner-con .txt p{width: 100%; font-size: 12px; margin-top: 10px;}
    .view-wrap .con6{margin-bottom: 130px;}
    .view-wrap .con6 .inner-con .txt a{font-size: 11px; padding: 8px 26px; margin-top: 38px;}
    
    .special-wrap .cont2_content{height: 300px;}
    .special-wrap .cont2_content .deco_title_right_spec{font-size: 60px; top: -60px; right: -35px;}
    .special-wrap .cont2_left{height: 45%;}
    .special-wrap .cont2_left .cont2_left_img{height: 100%;}
    .special-wrap .cont2_left .cont2_left_img{background-position: 0 100%;}
    .special-wrap .cont2_left .cont2_left_img.visible{background-position: 0 80%;}
    .special-wrap .cont2_left .cont2_arch-img{width: 80px; height: 120px; margin-top: 5px;}
    .special-wrap .cont2_left .cont2_arch-line{width: 90px; height: 130px;}
    .special-wrap .cont2_left .cont2_arch-line.visible{transform: translate(-10%, -60%);}
    
    .special-wrap .cont2_right{margin-left: 10px; margin-top: 30px;}
    .special-wrap .cont2_right span{font-size: 12px;}
    .special-wrap .cont2_right h3{font-size: 25px; line-height: 30px;}
    .special-wrap .cont2_right .kor{font-size: 12px;}
    .special-wrap .cont2_right .eng{font-size: 10px;}
    
    .special-wrap .inner-con .spec_thumb li{overflow: hidden;}
    .special-wrap .inner-con .spec_thumb li:nth-child(2) iframe{transform: scale(1.5);}
    .special-wrap .inner-con .spec_thumb li:nth-child(3) iframe{transform: scale(1.5);}
    .special-wrap .inner-con .spec_thumb li:nth-child(4) iframe{left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); width: 65vw !important; height: 65vw !important;}
    .special-wrap .inner-con .spec_thumb li:nth-child(5) iframe{transform: scale(1.5);}
    
    .special-wrap .con3 .bg-con{margin-top: 80px; height: 1200px;}
    .special-wrap .con3 .inner-con{margin-top: 0px;}
    .special-wrap .con3 .inner-con .top_img{height: 200px;}
    .special-wrap .con3 .inner-con ul li{width: 100%; float: none; margin-left:0; margin-top: 40px;}
    .special-wrap .con3 .inner-con .right_txt h3{margin-left:0; line-height: 25px; margin-top: 50px; font-size: 25px;}
    .special-wrap .con3 .inner-con .right_txt h3 span{font-size: 12px; margin-left: 0px; display: block; margin-top: 7px;}
    .special-wrap .con3 .inner-con ul{margin-top: -120px; height: 470px;}
    .special-wrap .con3 .inner-con .right_txt p{margin-top: 30px;}
    .special-wrap .con3 .inner-con .right_txt{margin-bottom: 70px;    height: 220px;}
    .special-wrap .con3 .inner-con .right_img{height: 180px; background-position: center;}
    
    .special-wrap .con4{margin: 80px 0 100px 0;}
    .special-wrap .con4 .spec_cont_bg{height: 150px;}
    
    .special-preview-wrap .tit h2{font-size: 25px; line-height: 30px;}
    .special-preview-wrap .tit p{font-size: 12px;}
    
    .deco_title_right_spec{font-size: 60px; top: -100px;right: -10px;}
    
    .special-preview-slide{height: 650px;}
    .special-preview-slide .spec_slide{height: 400px;background-position: center;}
    .special-preview-slide .spec_slide .spec_vdo_grp iframe{width: 100vw !important; height: 72vh !important;}
    .special-preview-slide .slick-current .spec_txt_grp{top: 500px;}
    .special-preview-slide .spec_txt_grp h3{font-size: 15px;font-weight: 400;}
    .special-preview-slide .spec_txt_grp p{font-size: 15px;}
    .special-preview-slide .slick-prev{left: 22px; top: 550px;}
    .special-preview-slide .slick-next{right:22px; top: 550px;}
    
    .tour_grp>ul>li .tour_top>li{width: 100%; float: unset;}
    .tour_grp>ul>li ul div{height: 200px; background-position: center;}
    .tour_grp>ul>li .tour_bottom>li{width: 100%; float: unset;}
    .tour_grp>ul>li .tour_bottom>li:last-child{padding-left: 0px;}
    .tour_grp>ul>li ul h3{font-size: 16px; margin-top: 30px;}
    .tour_grp>ul>li ul h3 span{font-size: 11px;color: #777;}
    .tour_grp>ul>li ul h4{font-size: 12px; margin: 15px 0 30px 0;}
    .tour_grp>ul>li ul p{font-size: 13px; width:100%;}
    .tour_grp>ul>li ul p br{display: none;}
    .tour_grp>ul>li ul p .m-br{display: block;}
    .tour_grp>ul>li .tour_top>li:last-child p{padding-right: 0;}
    
    .map-info .map-info-img{height: 170px;}
    .map-info .map-info-txt{margin-top: 36px;}
    .map-info .map-info-txt h3{font-size: 20px;}
    .map-info .map-info-txt h3 span{font-size: 12px;}
    .map-info .map-info-txt li{font-size: 12px;}
    .map-info .map-info-txt li a{margin-bottom: 15px;}
    
    .map-info .map-link-wrap li a{padding: 0;text-align: center; line-height: 30px; font-size: 18px; border-radius: 50%; box-shadow: 3px 5px 7px #e5e5e5;}
    
    .view-wrap .info-wrap .intro-section .txt-wrap{top: 55px;}
    .view-wrap .info-wrap .intro-section .txt-wrap h2{font-size: 32px; margin-bottom: 25px;}
    .view-wrap .info-wrap .tit{padding-top: 25px; margin-bottom: 50px;}
    .view-wrap .info-wrap .tit h2{font-size: 18px;}
    .view-wrap .info-wrap .intro-section .txt-wrap p{font-size: 11px; color: rgba(255,255,255,0.8);}
    .view-wrap .info-wrap .info{padding-bottom: 150vw;}
    .view-wrap .info-wrap .info .txt{width: 100%; padding-left: 0; float: none; padding-top: 50px; padding-bottom: 0;} 
    .view-wrap .info-wrap .info .txt h2{font-size: 32px;}
    .view-wrap .info-wrap .info .txt h3{font-size: 16px; margin-bottom: 25px;}
    .view-wrap .info-wrap .info .txt h5{margin-bottom: 10px; font-size: 14px;}
    .view-wrap .info-wrap .info .txt p{font-size: 13px;}
    .view-wrap .info-wrap .info .img-wrap{width: 100%; float: none; margin-top: 10px;}
    
    .view-wrap .info-wrap .info .img-wrap .img1{width: 70%; top: 15px; left: 0;}
    .view-wrap .info-wrap .info .img-wrap .img2{width: 50%; left: 5vw; top: 52vw;}
    .view-wrap .info-wrap .info .img-wrap .img3{width: 65%; right: 0; left: auto; top: 24vw;}
    
    .view_con_grp{height: 700px;}
    .view_con_grp .view_con_txt{width: 100%;padding-left: 0px;}
    .view_con_grp>div{float: none; height: 44%;}
    .view_con_grp .view_con_txt h3{margin-top: 0px; font-size: 28px; line-height: 38px;    margin-left: 20px;}
    .view_con_grp .view_con_txt p{margin-left: 0px; text-align: center; font-size: 12px;}
    
    .view_con_img .view_arch_line{width: 220px; height: 320px;}
    .view_con_img .view_arch_img{width: 200px; height: 300px; background-position: 0%;}
    .view_con_img .view_arch_img.visible{background-position: 100%;}
    .view_con_grp .view_con_img{width: 100%; height: 70%;}
    .view_con_img .view_rect_img{width: 150px; height: 200px; background-position: 67%;}
    .view_con_img .view_rect_img.visible{background-position: 0%;}
    .view_con_img .view_rect_line{width: 170px; height: 220px;right: auto; left: 40%;}
    
    .view-wrap .deco_title{top: -110px; font-size: 100px;}
    .view-wrap .view_vdo_grp{height: 420px;}
    
    .view-wrap .view_outro{height: 250px; margin-bottom: 300px;}
    .view-wrap .view_outro>div{float: none; width: 100%; height: 50%;}
    
    .view_outro .view_outro_txt{margin-top: 100px;}
    .view_outro .view_outro_txt h3{font-size: 23px; line-height: 30px;}
    .view_outro .view_outro_txt p{text-align: center; margin-left: 0px;}
    
    .view-wrap .view_gallery{margin-bottom: 150px;}
    .view-wrap .view_gallery > ul > li{margin-left: 0%; float: none; width: 100%;height: 30%;}
    .view_gallery > ul > li > ul li{margin-top: 0%; width: 48%; height: 100%; float: left; margin-left: 3%;}
    .view-wrap .view_gallery > ul > li:nth-child(1){margin-left: 0%;}
    .view-wrap .view_gallery > ul > li:nth-child(2){width: 100%; margin: 3% 0;height: 40%;}
    .view-wrap .view_gallery > ul > li:nth-child(2) div iframe{width: 100% !important; height: 50vh !important;}
    .view_gallery > ul > li > ul li:nth-child(1){margin-left: 0%;}
    .view_gallery > ul > li > ul li:nth-child(2){margin-right: 0%;}
    
    .tour-wrap .con2 .info-wrap .tour-con.top-con .txt-wrap{width: 100%; display: block; padding-left: 0; transform: translateY(0);}
    .tour-wrap .con2 .info-wrap .txt-wrap h3{font-size: 16px; margin-bottom: 5px;}
    .tour-wrap .con2 .info-wrap .txt-wrap h5{font-size: 14px;}
    .tour-wrap .con2 .info-wrap .txt-wrap p{font-size: 13px;}
    .tour-wrap .con2 .info-wrap .tour-con.top-con .img-wrap{margin-bottom: 15px;}
    .tour-wrap .con2 .info-wrap .tour-con.top-con .img-wrap{width: 80%;}
    .tour-wrap .con2 .info-wrap .tour-con{margin-bottom: 80px;}

    .movie-wrap .tit{padding-top: 25px; margin-bottom: 50px;}
    .movie-wrap .tit h2{font-size: 18px;}

    .room-wrap .info-wrap .tit h2{font-size: 18px; line-height: 1.8; padding-top: 25px; margin-bottom: 50px;}
    .room-wrap .info-wrap .info-section{width: calc(100% - 30px); float: none;  margin: 0 auto;}
    .room-wrap .thumb-img ol .img img{width: 100%;}
    .room-wrap .thumb-img ol .img1{width: 80%;}
    .room-wrap .thumb-img ol .img1 p{font-size: 24px; right: -5vw; transform: translateX(30px);}
    .room-wrap .thumb-img ol .img1 img{transform: translateY(30px);}
    .room-wrap .thumb-img ol .img2{width: 50%; left: 0; bottom: -50px;}
    .room-wrap .thumb-img ol .img2 img{transform: translateY(-15px); display: none;}
    .room-wrap .thumb-img ol .img3{width: 60%; left: auto; right: 0; top: auto; bottom: -80px; display: none;}
    .room-wrap .thumb-img ol .img3 img{transform: translateX(-15px);}
    .room-wrap .thumb-img ol .img3 p{font-size: 12px;}
    .room-wrap .info-wrap .img-section{width: 42%; top: 85vw; right: 15px; left: auto;}
    .room-wrap .room-info li{font-size: 13px;}
    .room-wrap .room-info li h5{min-width: 80px;}
    .room-wrap .room-info .room-price h5{margin-bottom: 25px;}
    .room-wrap .room-info .ico-info li{width: 25%; text-align: center; margin-bottom: 15px; margin-right: 0;}
    .room-wrap .room-info .ico-info li .fal{font-size: 30px;}
    
    .room-price .week_date p{font-size: 12px; padding: 0 10px;}
    .room-wrap .room-info h5{font-size: 18px;}
    .room-wrap .room-info .img-wrap .img1 p{left: 25px; }
    .room-wrap .room-info .img-wrap .img2 p{right: 25px; }
    .room-wrap .room-info .img-wrap .img p{font-size: 24px; bottom: 10px;}
    .room-wrap .room-info .ico-info{margin-bottom: 50px;}
    .room-wrap .room-info{padding-bottom: 80px;}
    
    .room-wrap .room-info .ico-info p{font-size: 12px; letter-spacing: -1.5px;}

    .amenity-preview-wrap{margin-bottom: 80px;}
    .special-wrap .info-wrap .txt-wrap{padding-top: 25px;}
    .special-wrap .info-wrap .txt-wrap h2{font-size: 18px; margin-bottom: 50px; }
    .special-wrap .info-wrap .txt-wrap h3{font-size: 14px;}
    .special-wrap .info-wrap .txt-wrap p{font-size: 13px;}
    .special-wrap .info-wrap .img-wrap{width: 100%;}

    .special-wrap .tail-img-wrap{margin-top: 50px; padding-bottom: 120px;}
    .special-wrap .info-wrap .img-list img{margin-bottom: 0px;}
    .special-wrap .info-wrap .img-list h3{font-size: 24px;}
    /* .special-wrap .info-wrap .bg-shadow{opacity: 1.4;} */
    .special-wrap .info-wrap .img-wrap img{transform: translateX(-10%)}
    .map-info{margin-top: 30px;}
    .reser-wrap .info-wrap .info-section{width: 100%; margin: 0 auto; float: none;}
    .reser-wrap .info-wrap .tit h2{font-size: 18px; line-height: 1.8; padding-top: 25px; margin-bottom: 50px;}
    .reser-wrap .info-section .reser-info ol li{font-size: 13px; letter-spacing: -1px;}
    .reser-wrap .info-section .reser-info p{font-size: 13px; letter-spacing: -1px;}
    .reser-wrap .info-section .reser-info a.reser_btn{font-size: 13px; padding: 3px 15px; margin-bottom: 30px;}
    .reser-wrap .info-wrap .reser-notice h3{font-size: 14px; padding-top: 50px; margin-bottom: 15px; margin-top: 0;}
    .reser-wrap .info-wrap .reser-notice p{font-size: 13px; letter-spacing: -1px;}
    .reser-wrap .info-wrap .reser-notice .reser-notice-list li{font-size: 13px; letter-spacing: -1px;}
    
    .reser-notice-img{display: none;}
    .reser-notice-line{display: none;}
    
    .reser_info{height: auto; padding-top: 10px; margin-bottom: 50px;}
    .reser_info .reser_info_img{width: 100%; height: 150px; background-position: center; float: unset; margin-top: 42px;}
    .reser_info .reser_info_txt{width: 100%; float: unset; margin-top: 50px;}
    .reser_info .reser_info_txt h4{font-size: 11px;}
    .reser_info .reser_info_txt h3{font-size: 22px;}
    .reser_info .reser_info_txt p{font-size: 12px;}
    .reser_info .reser_info_txt ul li{font-size: 12px;}
    .reser_tb_grp{margin-bottom: 43px;transform: unset;}
    .reser_tb_grp th{font-size: 11px;}
    .reser_tb_grp td{font-size: 11px;}
    .table-btn{font-size: 11px; width: 129px; height: 40px; line-height: 39px;margin-bottom: 100px;}
    
    .reser-wrap .con3 figure{height: 200px;}
    .reser-wrap .con4 .reser_info_box{width: 100%;margin-bottom: 50px;}
    .reser-wrap .con4 h4{font-size: 11px;}
    .reser-wrap .con4 h3{font-size: 22px;}
    .reser-wrap .con4 .guide{width: 100%; float: unset;}
    .reser-wrap .con4 .guide h3{margin-bottom: 40px;}
    .reser-wrap .con4 h5{font-size: 13px;}
    .reser-wrap .con4 p{font-size: 12px;}
    .reser-wrap .con4 .refund{width: 100%; float: unset; margin-top: 100px;}
    .reser-wrap .con4 .refund table{width: 100%;}
    .reser-wrap .con4 .refund table th{font-size: 13px;}
    .reser-wrap .con4 .refund table td{font-size: 12px;}
    
    .notice-wrap .info-wrap .tit h2{font-size: 18px; padding-top: 25px; margin-bottom: 50px;}

    .bg-wrap .tit h2{font-size: 42px;}
    .reser-wrap .refund-wrap .refund-table{font-size: 11px;}
    .reser-wrap .info-wrap .reser-notice{padding-bottom: 100px;}
    
    .bg-wrap{height: 250px;}
    .room-wrap .room-preview-wrap{padding-bottom: 120px;}

    .pc-map{display: none;}
    .m-map{display: flex;justify-content: center;}
    .m-map .map{width: 100%; }
    .m-br{display: block;}
    .page-wrap{bottom: 22px;}
    .page-wrap p{font-size: 10px;}
    .page-wrap .line{width: 15px;}
    .room-preview-wrap .swiper-button-next{right: 15px; width: 30px; height: 30px; line-height: 30px; font-size: 16px; top: 90px;}
    .room-preview-wrap .swiper-button-prev{right: 55px; width: 30px; height: 30px; line-height: 30px; font-size: 16px; top: 90px;}
    .room-preview-wrap .swiper-button-prev .fas{line-height: 30px;}
    .room-preview-wrap .swiper-button-next .fas{line-height: 30px;}
    
    .reser-wrap .reser-info .reser_right .txt_grp>span{font-size: 12px;}
    .reser-wrap .reser-info .reser_left{width: 100%; height: 300px;}
    .reser-wrap .reser-info .reser_right{height: 650px;}
    .reser-wrap .reser-info .reser_right .txt_grp{margin-left: 0px;}
    .reser-wrap .reser-info .reser_right .txt_grp ul li{font-size: 12px;}
    .reser-wrap .reser-info .reser_right .txt_grp ul li button{margin-left: 0px; font-size: 10px; padding: 4px 9px;}
    .reser-wrap .reser-info .reser_right .txt_grp p{font-size: 12px;}
    
    .info-wrap .txt_grp span{font-size: 12px}
    .info-wrap .txt_grp{margin-bottom: 35px;}
    .reser-notice-list h5{font-size: 12px;}
    .reser-wrap .info-wrap .reser-notice .reser-notice-list li{font-size: 12px;}
    
    .reser-notice-list .dash-list{margin-bottom: 20px;}
    .reser-wrap .reser_line{margin-top: 50px; margin-bottom: 50px;}
    .refund-wrap{margin: 150px 0;}
    .refund-wrap .deco_title_right_spec{top: -120px; font-size: 80px;}
    .refund_txt_grp span{font-size: 12px;}
    .refund_txt_grp + ol li{font-size: 12px;}
    .refund-table th{font-size: 10px;}
    .refund-table td{font-size: 10px;}
    #snackbar{font-size: 10px; padding: 4px 8px;}
    
    footer{height: 366px;}
    .ft .inner-con{width: calc(100% - 50px);}
    .ft h2{padding: 15px 0; margin-bottom: 10px; font-size: 15px;}
    .ft h2 a{font-size: 15px; margin-left: 0px;}
    .ft h2 .ft_sns_grp{display: none;}
    .ft .ft_left .ft-logo{text-align: center;margin-bottom: 20px;}
    .ft .ft_left .ft-logo img{width: 100px;}
    .ft .ft_left ul li{float: none; text-align: center; font-size: 12px;}
    .ft .ft_left ul li:after{content: ''; margin: 0;}
    
    .ft .ft-copyright{text-align: center;}
    .ft .ft-copyright p{font-size: 11px;text-align: center;}
    .ft .ft-copyright .login{margin-top: 15px; font-size: 11px;}
    
    .hologram-btn{padding: 10px 30px; margin-top: 50px; font-size: 10px;}
    
    .m-br{display: block;}
    .main-vdo .vdo-wrap{margin-top: 15px;}   
    .main-vdo .vdo-wrap{width: calc(100% + 50px);}
}