/*===css _ hyoung =========================================================*/

/*@font-face {
    font-family: 'SunBatang-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/SunBatang-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}*/


*{margin:0;padding:0;box-sizing:border-box;font-family: 'Noto Sans KR', sans-serif;font-weight:300;color:#4e4e4e;font-size: 14px;}
body{width:100%;min-width:100%; height:100%;min-height:100vh;}
h1{font-size: 1.5em;}
h2{font-size: 1.3em;}
h2.main_room_num {font-family: 'Noto Sans KR', 'Spartan', sans-serif; font-weight: 500; margin-bottom: 20px;}
h3{font-size: 1.2em;}
h4{font-weight:700}

button {cursor:pointer;font-size:1em;}
em{font-style:normal}
a {text-decoration:none;outline:none}
span{display:inline-block}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	outline:none;
	-webkit-transition:* 2s;
    transition:* 2s;
}
li,ol{list-style:none;}

input[type=text],input[type=number],input[type=date],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding:0.8em;
width:70%;
margin-bottom:20px;
border: 1px solid #666
}
 
input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus, textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #222222;
-moz-box-shadow:  0 0 5px #222222;
box-shadow: 0 0 5px #222222;
border: 1px solid #666 !important;}

.w10{width:10%}
.w15{width:15%}
.w20{width:20%}
.w25{width:25%}
.w30{width:30%}
.w35{width:35%}
.w40{width:40%}
.w45{width:45%}
.w50{width:50%}
.w60{width:60%}
.w70{width:70%}
.notosans100{font-weight:100;font-family: 'Noto Sans KR', sans-serif;}
.margin_8bauto{margin:0 auto 8% }
.text_center{text-align:center;}
.text_center p {font-family: 'Spartan', 'Noto Sans KR', serif;}
.text_center h3 {font-family: 'Noto Sans KR', sans-serif;}
.text_center.roombottom {margin-top: 10%;}
.text_center.roombottom h3 {font-family: 'Spartan', sans-serif; font-size: 1.8em; font-weight: 500;}
.p_relative{position:relative;}

.p_relative .top_map {background-image: url("http://t1.daumcdn.net/roughmap/imgmap/1ddebc42d53b734b501bff8095c6e35edf67c298a9efc267fc408ea6adc6cd88"); background-position: center; background-repeat: no-repeat; max-width: 100%; height: 450px;}

/*
.p_relative .top_map  {margin-top: 50px;}
*/
.p_absolute{position:absolute;}
.p_fixed{position:fixed}
.zindex2{z-index:2}
.dimmed{position:absolute;left:0;top:0;width:100%;bottom:0;background:rgba(0,0,0,0.2);}
.mobile_title{display:none;}
.padding_l5{padding-left:5%}
.padding_r5{padding-right:5%}
.vertical_top li{vertical-align:top !important}
/* 비디오 */
#videobcg {
	     position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    min-width: 70%;
    right: 0;
}
/*head*/
.top_wrap{position:fixed;z-index:18;display:block;top:0}
.top_wrap .logo{width: 16%; min-width: 200px; max-width: 200px; height: 80px; background-size: cover;background:url('./img/logo.png')center center no-repeat;display:inline-block;top:-2px;  overflow:hidden;position:fixed;z-index:20;}
.top_wrap .top-rightmenu{display:inline-block;right:2%;overflow:hidden;position:fixed;padding: 2px 5px 2px 30px;top:25px;z-index:20;}
.top_wrap .top-rightmenu a{padding:2px;color:#fff}
.top_wrap .top-rightmenu a:before{content:'';position: absolute;margin-left: -30px;margin-top: -1px;width: 23px; height: 23px;background:url('./img/reserv.png')center center no-repeat; background-size: cover; display:inline-block;}
.top_wrap .top-rightmenu a.naver_icon:before{content:'';position: absolute;margin-left: -30px;margin-top: -1px;width: 23px; height: 23px;background:url('./img/search.png')center center no-repeat; background-size: cover; display:inline-block;}
.top_wrap .top-rightmenu a:nth-child(1) {margin-right: 50px;}
.topmenu:hover .logo, .topmenu.on .logo{background:url('./img/logo_h.png')center center no-repeat;} 
.topmenu{padding:5px 10px;background:rgba(255,255,255,0);position:fixed;width:100%;z-index:19;top:0;}

.topmenu:hover a.naver_icon:before, .topmenu.on a.naver_icon:before{background:url('./img/search_h.png')center center no-repeat; background-size: cover;}
.topmenu:hover a:before, .topmenu.on a:before{background:url('./img/reserv_h.png')center center no-repeat; background-size: cover;}
.topmenu:hover, .topmenu.on{background:rgba(255,255,255,0.9);height:80px;}

.close,.mobile-menu,.room_imgwrap{display:none;}

.topmenu .top_menu{width:55%;margin:0px auto;text-align:center;}
.topmenu .top_menu li{display:inline-block;float:left;width:16.2%;text-align:center;}
.topmenu .top_menu li:nth-child(5){width:19%;}
.topmenu .top_menu .menu_wrap1 > a {display:inline-block;padding:26px 5px;font-family: 'Spartan', sans-serif; font-weight: 400; color:#fff;}
.topmenu .top_menu:hover li.menu_wrap1 > a{color:#2d2d2d}
.topmenu .top_menu li.menu_wrap1:hover > a{color:#78aae1}

.topmenu .top_menu .menu_wrap1 .menu_wrap2{display:none;position:absolute;}
.topmenu .top_menu .menu_wrap1 .menu_wrap2:before{content:" ";position:fixed;width:100%;top:80px;left:0;z-index:-1;display:none;background:rgba(200,200,200,0.6);height:1px;}
.topmenu .top_menu .menu_wrap1:hover .menu_wrap2{display:block;text-align:left;z-index: -1;position:absolute;top:0;left:0;width:100%;padding-top:110px;padding:110px 12% 42px;background:rgba(255,255,255,0.9);}
.topmenu .top_menu .menu_wrap1:hover .menu_wrap2:before{display:block;}
.topmenu .top_menu .menu_wrap1 .menu_wrap2 .subtitle{width:78%;padding-bottom:20px;float:left;text-align:left;font-family: 'Noto Sans KR', sans-serif; font-size: 1.2em; font-weight: 500;}
.topmenu .top_menu .menu_wrap1 .menu_wrap2 .subtitle span{margin-bottom:8px;font-family: 'Spartan', sans-serif; font-weight: 500;}
.topmenu .top_menu .menu_wrap1 .menu_wrap2 .submenu{width:78%;float:left;text-align:left;} 
.topmenu .top_menu .menu_wrap1 .menu_wrap2 .submenu a{padding:5px 15px 8px 0;display:inline-block;margin:3px 25px 6px 0; font-family: 'Spartan', 'Noto Sans KR', sans-serif; font-size: 15px;}
.topmenu:hover a ,.topmenu:hover .menu_wrap1 a, .topmenu.on a,.topmenu.on .menu_wrap1 a{color:#2d2d2d}


.topmenu .top_menu .menu_wrap1 .menu_wrap2 .subimg{margin-top: -60px;width: 21.6%;padding-bottom:13.9%; float: right;}
.topmenu .top_menu .menu_wrap1:nth-child(1) .subimg{background:url('./img/about/2.jpg')center center no-repeat;background-size:cover;}
.topmenu .top_menu .menu_wrap1:nth-child(2) .subimg{background:url('./img/room/1/13.jpg')center center no-repeat;background-size:cover;}
.topmenu .top_menu .menu_wrap1:nth-child(3) .subimg{background:url('./img/main/3/6.jpg')center center no-repeat;background-size:cover;}
.topmenu .top_menu .menu_wrap1:nth-child(4) .subimg{background:url('./img/main/3/8.jpg')center center no-repeat;background-size:cover;}
.topmenu .top_menu .menu_wrap1:nth-child(5) .subimg{background:url('./img/about/13.jpg')center center no-repeat;background-size:cover;}
.topmenu .top_menu .menu_wrap1:nth-child(6) .subimg{background:url('./img/about/7.jpg')center center no-repeat;background-size:cover;}

.maintitle_1{top:42%;color:#fff;left:8%; z-index:11;font-family: 'Spartan', 'Noto Sans KR', serif; font-size: 1.2em; font-weight:400;}
.maintitle_1 h2{font-family: 'Spartan', 'Noto Sans KR', sans-serif; font-size:2.5em; font-weight: 500; color:#fff; margin-top: 15px;}
.scroll_btn{bottom:5%; left: 50%; transform: translateX(-50%); width:200px;height:70px;text-align:center;z-index:11}
.scroll_btn a{display:inline-block;margin:0 auto;padding: 25px 0;}
.scroll_btn img{margin-top: -2px;margin-left: 8px;position:absolute;}
.scroll_btn a span{font-family: 'Spartan', sans-serif; font-weight: 400; color:#fff;}
.scroll_btn1{bottom:0;left:49%; transform: translateX(-50%); height:70px;text-align:center;z-index:11}
.scroll_btn1 img{margin-top: -5px;position:absolute;}
.btn_main{color:#78aae1;border:1px solid #78aae1;display:inline-block;}
.btn_main a {display: block; width: 180px; padding: 15px 30px; font-family: 'Spartan', sans-serif; font-weight: 600; color: #78aae1; transition:color,background 1s;}
.btn_main a:hover {color: #fff; background-color: #78aae1; }
.btn_bottom{display:inline-block;font-family: 'Spartan', 'Noto Sans KR', sans-serif; font-weight: 500; color:#969696;border:1px solid #969696;padding:15px 30px 15px 60px;}
.btn_bottom:first-child {margin-right: 10px;}
.scroll_top{color:#ffffff;text-align:center;width:70px;height:70px;padding:13px 0 10px 0;position:absolute;top:0;right:0} 

.ulwrap{width:100%;display:table; }
.ulwrap li{display:table-cell;vertical-align:middle;}
.ulwrap li h3 {font-family: 'Spartan', 'Noto Sans KR', serif; font-weight: 500;}
.ulwrap li h3:nth-of-type(1) {font-size: 2.2em; font-weight: 400; margin-bottom: 10px;}
.ulwrap li img {margin-bottom: 40px;}
.ulwrap li .content_line::after {content: '';display: block;width: 100%;height: 1px;background-color: #dddddd;margin: 30px 0 10px 0;}

.notice_wrap, .notice_wrap .ntable{display:block;width:100%;}
.notice_wrap{border-top:1px solid #333;width:70%;margin:auto;}
.notice_wrap .ntable li:first-child{display:inline-block;float:left;width:70%;padding:15px 5px;overflow:hidden;border-bottom:1px solid #ddd}
.notice_wrap .ntable li:last-child{display:inline-block;float:left;width:30%;padding:15px 5px;text-align:center;border-bottom:1px solid #ddd}
.notice_wrap .ntable.nthead li{text-align:center;font-weight:bold}

.nodata{text-align:center;padding:5em 0;color:#666}

.paging {width:50%;text-align:center;margin:10px auto;overflow:hidden;}
.paging ul{display:inline-block;overflow:hidden;}
.paging li{display:inline-block;float:left;padding:0 10px;}
.paging li a{display:inline-block;padding:10px;}
.paging li.current a{color:#78aae1;font-weight:700}


.main_2{text-align:center;color:#222;background:#ffffff;padding:3% 4% 4%;font-family: 'Yellowtail', cursive;}
.main_2 p{font-family: 'Jost', sans-serif; margin-top:50px; font-size: 3.2em;}
.main_2 span {color: #969696; margin-top: 20px; font-size: 1.3em; line-height: 1.7em; font-weight: 400;}
.main_2 h2 {margin-top: 5px;}
.main_2 .line {width: 1px; height: 50px; background: #000; margin: 20px auto; margin-bottom: -100px;}

.main_3 .ulwrap li {height:50vh;background:#f0f0f0;overflow:hidden;}
.main_3 .ulwrap li h3{font-family: 'Spartan', sans-serif; font-size:2.4em; font-weight: 500;}
.main_3 .ulwrap li p{margin:12px 0 40px 0; font-size: 1.2em; line-height: 1.7em;}

.main_3 .ulwrap:first-child li:first-child{width:60%;}
.main_3 .ulwrap:first-child li:nth-child(2){width:40%;text-align:center;}
.main_3 .ulwrap:nth-child(2) li:first-child{width:40%;text-align:center;}
.main_3 .ulwrap:nth-child(3) li:nth-child(2){width:40%;text-align:center;}
.main_3 .ulwrap:nth-child(4) li:first-child{width:40%;text-align:center;}


.main_4{text-align:center;}
.main_4 .p_absolute{top:45%;width:50%;color:#fff;left:25%;font-size:2em;letter-spacing:1em;z-index:11}

.main_5{padding:3% 10% 10%;width:100%; height: 100% !important; overflow:hidden;position:relative;}

.main_icon div {max-width: 1000px; text-align: center; margin: auto;}

.mainSlide2{width:100%;position: initial !important;}
.mainSlide2 .main_5img{width:100%;padding:0 3%;height: 70vh;}
.mainSlide2 .main_5img > div{width:100%;height: 70vh;}
.mainSlide2 .p_absolute{background:#78aae1;color:#fff;bottom:-5%;right:30px;padding:12px 40px}
.mainSlide2 .p_absolute h2{color:#fff;min-width:180px;width:80%;text-align:left;MARGIN-BOTTOM: 0;}
.mainSlide2 .p_absolute h2:last-child{width:75%;display:inline-block;    }
.mainSlide2 .p_absolute h2:last-child:after{content:"";width:24PX;height:23px;background: url(./img/s_right.png)center center no-repeat;display:inline-block;color:#fff;FLOAT: RIGHT;    MARGIN-TOP: -0.6EM;}
.mainSlide2 .slick-dots{bottom:16%;width:auto;margin-left:7%}
.mainSlide2 .slick-next {right: 6.3%;background-size:70px;background-image: url(./img/next.png);width:72px}
.mainSlide2 .slick-prev {left: 6.3%;background-size:70px;background-image: url(./img/prev.png);width:72px}

.logo_bg{z-index:15;bottom:12%;left:16%;}
.right_20back{width:25%;top:0;height:100%;background:#78aae1;position: absolute;z-index: 0;right: 0;}

.scroll_wrap{width:30%;position:absolute;bottom:40px;left:35%;text-align:center;}
.scroll{color:#fff;letter-spacing:0.5em;font-size:0.8em;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,0.4);display:inline-block;cursor:pointer;}
.scroll:after{content:"v";text-shadow:0 0 2px rgba(0,0,0,0.4); display: block;font-size:0.8em;color:#fff}

.height100{width:100%;min-height:100%;height:100vh;background-size:cover;background-repeat:no-repeat}
.height60{width:100%;height:60vh;min-height:60%;background-size:cover;background-repeat:no-repeat}
.main2{background:url('./img/back2.jpg')center center no-repeat;background-size:cover;text-align:center;padding:5%;font-size:2em;}
 
.main_6 .ulwrap li {height:100vh;background:#f0f0f0}
.main_6 .ulwrap li h3{font-family: 'Noto Sans KR', sans-serif; font-size:2em}
.main_6 .ulwrap li p{margin:12px auto;font-family: 'Spartan', 'Noto Sans KR', serif;}
.main_6 .ulwrap li p:nth-of-type(3) {margin-bottom: 50px;}
.main_6 .ulwrap li:first-child{width:50%;text-align:center;}

/*sub*/
.c_submenu {width:50%;margin:8% auto 0;text-align:center;}
.c_submenu a{display:inline-block;padding:5px 0px;margin:5px 12px;color:#ddd}
.c_submenu a span{font-size: 1.2em; color:#969696;}
.c_submenu a:hover span, .c_submenu a.on span{transition:color 1s;color:#696969;}
.c_submenu a span:after{content:"";display:inline-block;width:100%;height:1px;transition:background 1s;background:#fff}
.c_submenu a:hover span:after, .c_submenu a.on span:after{width:100%;background:#696969}

.info_title h3{font-size:2.5em; margin-top: 15px;}



/* 예약안내 추가 */
.reserve_content {display: inline-block; width: 50%; float: left; padding: 1%; text-align: center;}
.reserve_content .reserve_img {width: 100%;}
.reserve_content h3 {margin-top: 3%; font-family: 'Spartan', sans-serif; font-size: 1.6em; font-weight: 500; color: #78aae1;}
.reserve_content p {margin-top: 1%; font-weight: 400;}
.reserve_content span {margin-top: 3%; padding: 2% 4%; background: #78aae1; color: #fff; font-weight: 500;}


/* 기존 */
.room_content{background:#f0f0f0}
.sub_wrap{width:100%;padding:8% 20%;overflow:hidden;display:block;}
.sub_wrap + .sub_wrap {padding: 0 20% 8% 20%;}
.sub_wrap .content_wrap1, .sub_wrap .content_wrap2{position:relative;width:50%;padding:0 3%;display:inline-block;/*min-height:42vh;*/float:left;}
.sub_wrap .content_wrap1 h3{padding-bottom:30px;font-family: 'Noto Sans KR', sans-serif; font-size:2.5em; font-weight: 500; border-bottom:1px solid #f0f0f0;}
.sub_wrap .content_wrap1 .content_wrap{padding-top:30px; line-height: 1.8em;}
.sub_wrap .content_wrap1 .content_wrap h4 {font-weight: 400; color: #78aae1; margin: 3% 0 1%;}
.backgroundimg{width:100%;height:70vh;background-size:cover !important}
.sub_borderd{border-bottom:1px solid #ddd;padding:20px 0}
.sub_content{font-size:0.99em;}
.back_gray:after{content:" ";background:#f0f0f0;width:100%;margin-top: -25%; height:54%; position: absolute; z-index:0; left: 0;}

.special_content .sub_wrap{width:100%;padding:10%;overflow:hidden;display:block;}
.special_content .sub_wrap li{width:50%;padding:2% 2% 12%;display:inline-block;float:left;position:relative;}
.special_content .sub_wrap li:nth-child(odd){padding-bottom:15%;}
.special_content .sub_wrap li:nth-child(even){padding-top:5%;}
.special_content .sub_wrap li div:nth-child(1){width:100%;padding-bottom:54%;}
.special_content .sub_wrap li .mb_special{font-size:1.2em;padding:3% 4% 12%;background:#fff;width:75%;margin-top: -10%;position:absolute;left:10%}
.special_content .sub_wrap li .mb_special p {font-family: 'Spartan', 'Noto Sans KR', serif; font-weight: 400;}
.special_content .sub_wrap li .mb_special p:nth-of-type(2) {font-size: 18px; font-weight: 500;}
.special_content .sub_wrap li h3{font-family: 'Spartan', sans-serif; font-size:2em; margin-bottom: 5px;}
.main_2 .sub_wrap{width:100%;padding:5% 15%;overflow:hidden;display:block;text-align:left;}
.main_2 .sub_wrap li:nth-child(1){border-right:1px solid #f0f0f0; padding: 10px 0}
.main_2 .sub_wrap li:nth-child(2) .content_wrap p {font-family: 'Noto Sans KR', sans-serif; font-size: 1.0em; line-height: 1.8em;}
.main_2 .sub_wrap li:nth-child(2) .content_wrap p:lang(en) {font-style:italic; color: #767676; margin-bottom: 20px; font-family: 'Spartan', sans-serif; font-size: 1.4em; font-weight: 500;}
.main_2 .sub_wrap h3{color:#fff;font-size:1.0em;}
.main_2 .sub_wrap p{color:#fff;}
.nonepadding{margin-top:25px}

.special_bg{text-align:center;color:#222;background:#f0f0f0;padding:5%;font-family: 'Yellowtail', cursive; font-size:3em;}
.special_bg .ulwrap {text-align: left;}
.special_bg .sub_wrap li:nth-child(1){border-right:1px solid #bdbdbd; padding: 10px 0}
.special_bg .sub_wrap li:nth-child(2) .content_wrap p:lang(en) {font-style:italic; color: #767676; margin-bottom: 20px; font-family: 'Spartan', sans-serif; font-size: 1.4em; font-weight: 500;}
.special_bg .sub_wrap li:nth-child(2) .content_wrap p {font-size: 1.2em; color:#222;}

.mouseHoverSlide{position:relative;}
.mouseHoverSlide:after{content:"";transition:background 1s;position:absolute;top:0;left:0;display:block;bottom:0;background:rgba(0,0,0,0.4);width: 100%;}
.roomSlide2 .slick-slide:hover .mouseHoverSlide:after{background:rgba(0,0,0,0);}

.room_subwrap{position:relative;width:100%;padding-bottom:60%;display:block;text-align:left;}
.sub_wrap .logo_bg{bottom: -9%;left: -5%;}
.roompreviewbtn{margin-top: 40px;}
.detailbtn{display:inline-block;padding:15px 30px; line-height: 20px; width: 180px; border:1px solid #78aae1;font-family: 'Spartan', sans-serif; font-weight: 500; color:#78aae1;transition:color,background 1s; text-align: center;}
.detailbtn:hover{color:#fff;background:#78aae1;border:1px solid #78aae1;}
/*
.sub_wrap .content_wrap1 {margin-bottom: 150px;}
*/
.room_content .sub_wrap{width:100%;padding:10%;overflow:hidden;display:block;}
.room_content .sub_wrap:nth-child(odd):after{display: inline-block;margin-top:6%;content:"";height:60vh;background:#fff;width:90%;z-index:0;position:absolute;left:0;}
.room_content .sub_wrap:nth-child(even):after{display: inline-block;margin-top:6%;content:"";height:60vh;background:#fff;width:90%;z-index:0;position:absolute;right:0;}
.room_content .sub_wrap:nth-child(even) > .content_wrap1 {padding: 13% 3% 0 6%;}
.room_content .sub_wrap .content_wrap2{position:relative;width:60%;padding:0 3%;display:inline-block;float:left;z-index:2;}
.room_content .sub_wrap .content_wrap1{position:relative;width:40%;padding:15% 3% 0;display:inline-block;float:left;z-index:2;}
.room_content .sub_wrap .content_wrap1 > p:nth-of-type(1){font-family: 'Spartan', 'Noto Sans KR', serif; font-size: 1.4em; font-weight: 400; margin-bottom: 5px;}
.room_content .sub_wrap .content_wrap1 h3{padding:8px 0 30px 0;border-bottom:1px solid #f0f0f0;font-family: 'Spartan', 'Noto Sans KR', sans-serif; font-size:2.5em; font-weight: 500;}
.room_content .sub_wrap .content_wrap1 .content_wrap{padding-top:30px;}
.room_content .backgroundimg{width:100%;height:60vh;background-size:cover !important}
.roomdetailwrap .content_wrap1 p{position: relative; padding:5px 0 10px 10px; line-height: 1.8em;}
.roomdetailwrap .content_wrap1 p:first-child::before {top: -99999px}
.roomdetailwrap .content_wrap1 p::before {content: ''; position: absolute; left: 0; top: 15px; width: 4px; height: 4px; background-color: #78aae1; border-radius: 50%; margin-right: 5px;}
.roomdetailwrap .content_wrap1 p:lang(en){font-style:italic; color: #767676; margin: 10px 0 0 -10px; font-family: 'Spartan', sans-serif; font-size: 1.4em; font-weight: 500;}
/* .sub_wrap .content_wrap1 .content_wrap p em {display: block; font-weight: 600; margin-right: 20px;} */
.service_content .sub_wrap .content_wrap1{position:relative;width:100%;display:inline-block;}
div.content_wrap1.mb_service + div.content_wrap1.mb_service {padding-top: 8%;}
.roomdetailwrap .roompreviewbtn {position: relative;margin-top:50px; bottom: 0px;}

.reservationbtn{text-align:center;}
.reservationbtn a{display: inline-block;margin-right:1.5vw;position:relative;}
.reservationbtn a.on{font-weight:600;color:#222222}
.reservationbtn a:last-child{margin-right:0;margin-left:1.5vw;}
.reservationbtn a:last-child:before{display: inline-block;content:"|";position:absolute;left:-1.5vw}
.reservationbtn a:after{display: inline-block;content:"";transition:background 1s;height:1px;background:#fff;width:100%;}
.reservationbtn a:hover:after{background:#4e4e4e;}

.reservation_wrap{overflow:hidden;margin:7vw auto 2vw;width:60%;}
.reservation_wrap .subtitle{padding:1.5vw 0;border-bottom:1px dashed #222222;color:#222222;}
.reservation_wrap .subtitle span{padding:8px 12px;background:#222222;color:#fff;font-size:0.8em;margin-right:20px;}
.reservation_wrap .content_wrap{padding:1.5vw 0;}
.reservation_wrap .content_wrap p{line-height:1.3em;}
#reserveframe{width:100%;min-height:252vh}
.videowrap {    min-width: 100%;  min-height: 100%;  width: 100%;  height: 100%; position: absolute; top:0;left:0;object-fit: cover;}
#popup{position:fixed;display:none;top:10%;right:12%;max-width:100%;z-index:30;}
.popupxwrap{overflow:hidden;display:block;}
#popup .popupx{float:right;display:inline-block;cursor:pointer;padding:8px 12px;background:#fff;border:1px solid #222222;color:#222222;box-shadow:0 0 2px rgba(0,0,0,0.3) }
.popupx i{color:#222222;}
.popupwrap .popup_list{display:none}
.popupwrap .popup_list.active{display:inline-block}
.popupwrap .popup_list .popup_img{width:100%;/*max-height:400px;*/overflow:hidden;}
.popupwrap .popup_btn span{height: 4em;text-align:center;padding:12px 8px;cursor:pointer;background:#fff;font-size:0.8em;border:1px solid #222222;color:#222222;display:inline-block;float:left; overflow: hidden; text-overflow: ellipsis;
            display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.popupwrap .popup_btn span.active{background:#222222;color:#fff;}

/* 이용안내 */
	.guide_table {line-height: 1.6em;font-size:0.88em;}
	/*.guide_table h4, .guide_table h5 {color:#ff8c94; font-size:1.2em;}*/
	.guide_table .guide_txt {margin-bottom: 1em}
	.guide_table .guide_top_txt {margin-bottom: 1em}
	.guide_table .guide_top_txt strong {color:red}
	/*.guide_table .guide_point {color:red}*/
	.guide_table table {border:1px solid #ddd;width: 100%;text-align: center;}
	.guide_table table tr th {border-bottom:1px solid #ddd; border-right:1px solid #ddd ; background: #e7e7e7; font-weight: 400; padding: 1.0em 0;color:#000}
	.guide_table table tr td {padding: 1.0em 0;border-right: 1px solid #ddd;border-bottom:1px solid #ddd}
	.guide_table ul li {list-style:none; margin-left: 1.5em;position:relative; line-height: 1.8em;}
	.guide_table ul li:before {content: "-";display:inline-block;position:absolute;margin: 0 0 0 -20px;/* width:3px; *//* height:3px; *//* border-radius:50%; *//* background:#333; */}
    .guide_table ul p {line-height: 2em;}
	.guide_table .time {font-weight: 500; color: #ff0000; margin: 20px 0;}
	.guide_table .time2 {font-size:1.2em;font-weight: 500;padding-bottom:1em;margin-bottom:1em; color: #222222; border-bottom: 2px dashed #ddd;}
	.guide_table .text_ss {font-size:0.8em; font-weight: 500;padding-bottom: 10px}





.footer{padding:4% 5% 2%;overflow:hidden;background:#272727;position:relative;}
.footer .footer1{width:60%;display:inline-block;}
.footer .footer2{display:inline-block;float:right;margin-top: 80px;}
.footer .footer1 li:first-child{color:#fff;font-family: 'Spartan', sans-serif; font-size:1.4em;}
.footer .footer1 li:nth-child(2), .footer .footer1 li:nth-child(3){font-size: 1.2em;}
.footer .footer1 li:nth-child(4), .footer .footer1 li:nth-child(5){font-size: 1em;}
.footer .footer1 li:nth-child(1), .footer .footer1 li:nth-child(2), .footer .footer1 li:nth-child(3){font-weight:bold}
.footer .footer1 li{color:#969696;font-size:10px;padding:3px 0}
.btn_bottom:before{content:'';position: absolute;margin-left: -30px;margin-top: -1px;width: 23px; height: 23px;background:url('./img/reserv.png')center center no-repeat; background-size: cover; display:inline-block;}
.btn_bottom.naver_icon:before{content:'';position: absolute;margin-left: -30px;margin-top: -1px;width: 23px; height: 23px;background:url('./img/search.png')center center no-repeat; background-size: cover; display:inline-block;}

.footer3 {font-family: 'Spartan', sans-serif; color: #969696;}
.footer3 em a {font-family: 'Spartan', sans-serif; color: #969696;}




.loading{position:fixed;top:0;bottom:0;left:0;width:100%;z-index:100;box-sizing:border-box;text-align:center;}
.loading .ld-icon{display:inline-block;z-index:6;margin-top:24%;margin-left:-10%}
.loading .ld-icon h1{font-size:2em;letter-spacing:1em;color:#fff;-webkit-animation-name:loading-icon; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration:4s; /* Safari 4.0 - 8.0 */
  animation-name:loading-icon;
  animation-duration: 4s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}


@-webkit-keyframes loading-icon{
   0% {margin-top:0;}
   50% {margin-top:-20px;}
   100% {margin-top:0;}
}

@keyframes loading-icon{
   0% {margin-top:0;}
   50% {margin-top:-20px;}
   100% {margin-top:0;}
}


/*애니메이션*/
	.h_line{display:block;text-align:center;width:100%;height:120px}
	.h_line span{width:1px;transition:padding-bottom 1s;background:#4e4e4e;display:inline-block}
	.h_line.on span{padding-bottom:120px;}

	.opacityAni{opacity:0;transition:opacity 1s;}
	.opacityAni.on{opacity:1;}

	.op1{opacity:0;
	-webkit-animation: event_ani1 1s; /* Chrome, Safari, Opera */ 
	-webkit-animation-timing-function: ease-in-out; 
	animation: event_ani1 1s;
	animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
	.op2{opacity:0;
	-webkit-animation: event_ani1 1s; /* Chrome, Safari, Opera */ 
	-webkit-animation-timing-function: ease-in-out;-webkit-animation-delay:1s; 
	animation: event_ani1 1s;
	animation-timing-function: ease-in-out;animation-delay:1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
	.op3{opacity:0; 
	-webkit-animation: event_ani1 1s; /* Chrome, Safari, Opera */ 
	-webkit-animation-timing-function: ease-in-out;-webkit-animation-delay:2s; 
	animation: event_ani1 1s;
	animation-timing-function: ease-in-out;animation-delay:2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}

	@-webkit-keyframes event_ani1{
	from{}
	to{opacity:1}
	}
	/* Standard syntax */
	@keyframes event_ani1{
	from{}
	to{opacity:1}
	}




@media (max-width:800px){
    * {font-size: 16px;}
.scroll_btn,.subimg{display:none;}
body{width:100%;height:100%;font-size:14px;}

.w50{width:100%}
.w60{width:100%}
.w70{width:100%}
.padding_l5{padding-left:0%}
.padding_r5{padding-right:0%}
.detailbtn {padding: 20px 40px;width:100%;text-align:center; font-size: 1.2em;}
.btn_main a {font-size: 1.0em;}
    .backgroundimg {width: 80%; height: 60vh; margin: 0 auto;}

.loading .ld-icon{z-index:6;margin-top:40%;margin-left:-30%}
.real100vh {min-height: 100% !important;height: 100vh !important;}
.ulwrap{width:100%;display:block;}
.ulwrap li{display:inline-block;vertical-align:middle;}
.sub_wrap {width: 100%; padding:15% 5%;}
.sub_wrap .mb_marginbtm {margin-bottom: 50px;}
.sub_wrap .content_wrap1 .content_wrap {font-size: 1.2em;}
.sub_wrap + .sub_wrap {padding: 10% 5%;}
    
.text_center.roombottom {padding: 15% 0;}
.text_center.roombottom h3 {font-size: 2.0em;}

.notice_wrap, .notice_wrap .ntable{display:block;width:100%;}
.notice_wrap{border-top:1px solid #333;width:90%;margin:auto;}
.notice_wrap .ntable li:first-child{display:inline-block;float:left;width:80%;padding:15px 5px;overflow:hidden;border-bottom:1px solid #ddd}
.notice_wrap .ntable li:last-child{display:inline-block;float:left;width:20%;padding:15px 5px;text-align:center;border-bottom:1px solid #ddd}
.notice_wrap .ntable.nthead li{text-align:center;font-weight:bold}


.mobile-menu{display:inline-block;width:36px;height:30px;z-index:21;position:fixed;right:32px;top:26px;}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #fff;
	border-radius: 2px;
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;z-index:21
}

.video_btn img{width:100px !important;}
    
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}

.menu-trigger span:nth-of-type(2) {
	top: 14px;
}

.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}


/* 전체 메뉴를  엑스버튼 만들기 */

.menu-trigger.active-1 span:nth-of-type(1) {
    -webkit-animation : active-menu-bar11-01 0s 0s forwards;
    animation : active-menu-bar11-01 0s 0s forwards;
}
@-webkit-keyframes active-menu-bar11-01 {
    0% {
        -webkit-transform : translateY(0) rotate(0deg);
		background-color:#fff;
    }
    100% {
        -webkit-transform : translateY(18px) rotate(-45deg);
		background-color:#292929;
    }
}
@keyframes active-menu-bar11-01 {
    0% {
        transform : translateY(0) rotate(0deg);
		background-color:#fff;
    }
    100% {
        transform : translateY(18px) rotate(-45deg);
		background-color:#292929;
    }
}
.menu-trigger.active-1 span:nth-of-type(2) {
    -webkit-animation : active-menu-bar11-02 0s 0s forwards;
    animation : active-menu-bar11-02 0s 0s forwards;
}
@-webkit-keyframes active-menu-bar11-02 {
    0% {
        opacity : 1;
    }
    100%  {
        opacity : 0;
    }
}
@keyframes active-menu-bar11-02 {
    0% {
        opacity : 1;
    }
    100% {
        opacity : 0;
    }
}
.menu-trigger.active-1 span:nth-of-type(3) {
    -webkit-animation : active-menu-bar11-03 0s 0s forwards;
    animation : active-menu-bar11-03 0s 0s forwards;
    width: 100%
}
@-webkit-keyframes active-menu-bar11-03 {
    0% {
        -webkit-transform : translateY(0) rotate(0deg);
		background-color:#fff;
    }
    100% {
        -webkit-transform : translateY(-8px) rotate(45deg);
		background-color:#292929;
    }
}
@keyframes active-menu-bar11-03 {
    0% {
        transform : translateY(0) rotate(0deg);
		background-color:#fff;
    }
    100% {
        transform : translateY(-8px) rotate(45deg);
		background-color:#292929;
    }
}

    
.topmenu:hover, .topmenu.on{background:rgba(255,255,255,0);height:auto;}
.topmenu.active{background:rgba(255,255,255,1);z-index:100 !important;position:fixed;top:0;bottom:0;left:0;width:100%;height:100%;}
.topmenu.active .subimg{display:none !important; }
.topmenu .top_menu{display:none;}
.topmenu.active .top_menu{display:block;width:100%;margin-top:14%; padding: 0 20px;}
.topmenu.active .top_menu .menu_wrap1 > a{display:none;}
.topmenu .top_menu .menu_wrap1 .menu_wrap2 {display: block;position: relative;}
.topmenu .top_menu .menu_wrap1 .menu_wrap2:before{background:none;}
.topmenu .top_menu li ,.topmenu .top_menu li:nth-child(5){display:block;width:100%;text-align: left;}
.topmenu .top_menu .menu_wrap1:hover .menu_wrap2 {text-align: left;z-index:19;position: relative; top: 0; left: 0;width: 100%; padding-top:0px;padding: 0px;background: rgba(255,255,255,0);}
.topmenu .top_menu .menu_wrap1 .menu_wrap2 .subtitle span {font-size: 1.0em;}
.topmenu .top_menu .menu_wrap1 .menu_wrap2 .submenu {width: 100%; margin-bottom: 20px;}
.topmenu .top_menu .menu_wrap1 .menu_wrap2 .submenu a { padding: 10px 20px 5px 2px;display: inline-block;margin: 3px 10px 6px 0; font-size: 1.2em; color: #767676;}
.top_wrap .logo{width:40%;top: 8px; left: 3%; padding-bottom:6%;text-align:center;}
.topmenu .top_menu {border-top: 0px solid #eee;width: 100%;}
.topmenu .top_menu .menu_wrap1 > li{display:block;width:100%;margin-bottom:15px;}
.top_wrap .top-rightmenu {right: 12%;padding: 0px;top:20px;height:50px;}
.top_wrap .top-rightmenu a:nth-child(1) {margin-right: 20px;}
.top_wrap .top-rightmenu a{font-size:0;color:transparent;padding: 30px; margin-right: 20px;}
.top_wrap .top-rightmenu a:before{content:'';position: absolute;margin-left: -30px;margin-top: -3px;width:45px; height: 45px;background-size:28px;background:url('./img/reserv.png')center center no-repeat;display:inline-block;}
.top_wrap .top-rightmenu a.naver_icon:before{content:'';position: absolute;margin-left: -30px;margin-top: -3px;width:45px; height: 45px;background-size:28px;background:url('./img/search.png')center center no-repeat;display:inline-block;}
.topmenu:hover .top-rightmenu a:before { background: url('./img/reserv_h.png')center center no-repeat;width:45px; height: 45px;}
.topmenu:hover .top-rightmenu a.naver_icon:before { background: url('./img/search_h.png')center center no-repeat;width:45px; height: 45px;}
.topmenu .top_menu .menu_wrap1 .menu_wrap2 .subtitle {width: 100%;margin-top:15px; margin-bottom:10px;border-bottom:1px solid #f0f0f0; font-size: 1.6em;}
    .topmenu .top_menu .menu_wrap1 .menu_wrap2 .subtitle:first-child {margin-top: 50px;}


.height100{height:63vw;background-attachment: initial;    background-position: center;}
.height60{height:63vw;background-attachment: initial;    background-position: center;}
.height100.roomimg{height:55vw;background-attachment: initial;    background-position: center;}
.height60.roomimg{height:55vw;background-attachment: initial;    background-position: center;}

.maintitle_1{top:72%;color:#fff;left:10%; width:64%;z-index:11;}
.maintitle_1 img{width:100%;}
.maintitle_1 h2{color:#fff;}

    
.sub_wrap .content_wrap1, .sub_wrap .content_wrap2 {position: relative; width: 100%; display: inline-block; float: left; padding: 0;}
div.content_wrap1.mb_service + div.content_wrap1.mb_service {padding-top: 15%;}

.main_2 {padding: 5% 5% 10%;}
.main_2 p {font-size: 3em;}
.main_2 .line {margin: 30px auto; margin-bottom: -60px;}
.main_2 .sub_wrap h3{font-size:1.4em;}
.main_2 .sub_wrap li:nth-child(2) .content_wrap p:lang(en) {font-size: 2em;}
.main_2 .sub_wrap li:nth-child(2) .content_wrap p {font-size: 1.4em; word-break: keep-all;}
.main_3.height100.real100vh {height: 100% !important;}
.main_3  .ulwrap{width:100%;display:table;}
.main_3 .ulwrap li {height: 40vh; min-height:320px;padding:3%;display:table-cell;}
.main_3 .ulwrap li p {font-size: 1.2em; line-height: 1.6em; word-break: keep-all;}
.main_3 .ulwrap li h3 {font-size: 2em;}
.main_3 .ulwrap:first-child li:first-child {width: 50%;}
.main_3 .ulwrap:first-child li:nth-child(2) {width: 50%;}
.main_3 .ulwrap:nth-child(2) li:first-child {width: 50%;}
.main_3 .ulwrap:nth-child(3) li:nth-child(2) {width: 50%;}
.main_3 .ulwrap:nth-child(4) li:first-child {width: 50%;}
    
    
.main_4 .p_absolute{top:45%;width:70%;left:15%;font-size:1.2em;letter-spacing:0em}

/* .main_5.real100vh{padding:15% 10%;width:100%;height:62vh !important;min-height:500px; background: #f7f7f7;}
.mainSlide2{width:100%;}
.mainSlide2 .main_5img{width:100%;height: 40vh;min-height:320px}
.
 */
.main_5{padding:3% 3% 10%;width:100%; height: 100% !important; overflow:hidden;position:relative;}

.main_icon div {max-width: 1000px; text-align: center; margin: auto;}

.mainSlide2{width:100%;}
.mainSlide2 .main_5img{width:100%;padding:0 1%;height: auto;}
.mainSlide2 .main_5img > div{width:100%;height:34vh; min-height: 340px;}
.mainSlide2 .p_absolute{background:#78aae1;color:#fff;bottom:-5%;right:30px;padding:12px 40px}
.mainSlide2 .p_absolute h2{color:#fff;min-width:180px;width:80%;text-align:left;MARGIN-BOTTOM: 0;}
.mainSlide2 .p_absolute h2:last-child{width:75%;display:inline-block;    }
.mainSlide2 .p_absolute h2:last-child:after{content:"";width:24PX;height:23px;background: url(./img/s_right.png)center center no-repeat;display:inline-block;color:#fff;FLOAT: RIGHT;    MARGIN-TOP: -0.6EM;}
.mainSlide2 .slick-dots{bottom:16%;width:auto;margin-left:7%}
.mainSlide2 .slick-next {    right: 2%;
    background-size: 80px;
    background-image: url(./img/next.png);
    width: 80px;}
.mainSlide2 .slick-prev {left: 2%;
    background-size: 80px;
    background-image: url(./img/prev.png);
    width: 80px;}




.logo_bg {bottom:auto;top:54%;left:1%;}
.main_5 img.p_absolute.logo_bg {top: 70%; left: 1% !important;}
img.p_absolute.logo_bg {top: 92%; left: 3% !important;}
.right_20back {width: 50%;}
.main_6.real100vh{min-height:500px;}
.main_6 .ulwrap li {height:auto;padding:20px;}
.main_6 .ulwrap li h3{font-size:2.5em; margin: 20px 0 40px 0;}
.main_6 .ulwrap li:first-child,.main_6 .ulwrap li:last-child{width:100%;text-align:center;}
.main_6 .ulwrap li:first-child {padding: 18% 0;}
.main_6 .ulwrap li:last-child{padding-bottom:54%}
    
.main_icon div img {width: 100%;}

.location_content .ulwrap li{margin-bottom:10%;}
.location_content .ulwrap li p:nth-of-type(2) {font-size: 1.4em !important;}


.title .height100 .p_absolute{margin:20% auto;left:0;right:0;font-size:1em;text-align:center;}
.title .height60 .p_absolute{margin:20% auto;left:0;right:0;font-size:1em;text-align:center;}
.title .height100 .p_absolute p,.title .height100 .p_absolute h3,.title .height60 .p_absolute p,.title .height60 .p_absolute h3{color:#fff;margin-bottom:15px;text-shadow:0 0 20px rgba(0,0,0,0.4)}

.main_2 .sub_wrap{width:100%;padding:5% 40px;overflow:hidden;display:block;text-align:left;}
.main_2 .sub_wrap li:nth-child(1){border-right:0px solid #f0f0f0;}
.main_2 .sub_wrap li.w30,.main_2 .sub_wrap li.w70{width:100% !important}
.main_2 .sub_wrap li.w30{border-bottom:1px solid #f0f0f0;margin-bottom:10%;padding-bottom:10%}
.room_content .sub_wrap{width:100%;padding:10% 5%;overflow:hidden;display:block;}
.room_content .sub_wrap:nth-child(odd):after{display: inline-block;margin-top:-10%;content:"";height:60vh;background:#fff;width:100%;}
.room_content .sub_wrap:nth-child(even):after{display: inline-block;margin-top:-10%;content:"";height:60vh;background:#fff;width:100%;}
.room_content .sub_wrap .content_wrap2{position:relative;width:100%;padding:5% 3%;display:inline-block;float:left;z-index:2;}
.room_content .sub_wrap .content_wrap1{position:relative;width:100%;padding:3% 3% 0; min-height:auto;display:inline-block;float:left;z-index:2;}
.room_content .sub_wrap .content_wrap1 h3{border-bottom:1px solid #f0f0f0;font-size:2.5em;font-weight: 500;}
.room_content .sub_wrap .content_wrap1 .content_wrap{padding-top:30px;}
.room_content .backgroundimg{width:100%;height:35vh;background-size:cover !important}
.room_content .roompreviewbtn{position:relative;margin:10% auto 5%;}
    
.room_subwrap {padding-bottom: 56%; background-size: cover !important;}
    
.roomdetailwrap .content_wrap1 p {padding: 5px 0 10px 15px;}
.roomdetailwrap .content_wrap1 p:lang(en) {font-size: 2em; margin: 10px 0 0 -15px;}
.roomdetailwrap .content_wrap1 p::before {top: 25px;}


.roomdetailwrap .height100{height:34vh;min-height:320px;}
.roomdetailwrap .sub_wrap .content_wrap2{position:relative;width:100%;padding:0 3%;display:inline-block;float:left;z-index:2;}
.roomdetailwrap .sub_wrap .content_wrap1{position:relative;width:100%;padding:3% 3% 0; min-height:auto;display:inline-block;float:left;z-index:2;}
.roomdetailwrap .sub_wrap .content_wrap1 h3{padding-bottom:40px;border-bottom:1px solid #f0f0f0;font-size:2.5em;font-weight: 500;}
.roomdetailwrap .sub_wrap .content_wrap1 .content_wrap{padding-top:20px;}
.roomdetailwrap .roompreviewbtn{position:relative;margin:10% 0 18% 0;}

.room_imgwrap{background:#f0f0f0;width:100%;padding:24% 0 15%;display:block;}
.room_imgwrap .maintitle_1{color:#292929;width:100%;text-align:center;}
.room_imgwrap .maintitle_1 h2{width:100%;color:#292929;text-align:center;font-size:2em;}

.special_content .sub_wrap {padding: 5%;}
.special_content .sub_wrap li{width:100%;padding:2% 2% 15%;margin-bottom:15%;}
.special_content .sub_wrap li:nth-child(odd){padding-top:10%;padding-bottom:20%;}
.special_content .sub_wrap li:nth-child(even){padding-top:10%;padding-bottom:15%;}
.special_content .sub_wrap li div:nth-child(1){width:100%;padding-bottom:64%;}
.special_content .sub_wrap li .mb_special{font-size:1.2em;padding:5% 5% 20%;background:#fff;width:75%;margin-top: -10%;position:absolute;left:10%}
.special_content .sub_wrap li h3{font-size:2em;}
.special_bg .sub_wrap li:nth-child(1) {border: none; font-size: 1.6em; width: 100%;}
.special_bg .sub_wrap li:nth-child(2) .content_wrap p {font-size: 1.6em;}
    
.roomwrap .sub_wrap_left:nth-child(even) .content_wrap2{padding-left:0%;}

.reservation_wrap{width:100%;margin:5vw auto;}
.reservation_wrap .content_wrap{padding:8vw 0 5vw;font-size:0.8em}
.reservation_wrap .content_wrap p{line-height:1.3em;}
#reserveframe{min-height:220vh}

/* 추가*/
.reserve_content {width: 100%;}
.reserve_content:first-child {margin-bottom: 10%;}

.footer .footer1{width:100%;display:block;}
.footer .footer2{display:block;float:left;margin-top:15%;}
.footer .footer1 li:first-child{color:#fff;font-size:3em; font-weight: 400 !important; margin-top: 60px;}
.footer .footer1 li:nth-child(1), .footer .footer1 li:nth-child(2), .footer .footer1 li:nth-child(3){font-weight:bold}
.footer .footer1 li:nth-child(4), .footer .footer1 li:nth-child(5) {font-size: 0.8em;}
.footer .footer1 li{color:#969696;font-size:10px;padding:3px 0}
.footer .footer3{width:100%;display:block; margin: 10% 0;}
.footer .footer3:before{content:"";clear:both;display:block;height:10px;width:100%}
}
@media (max-width:800px) and (orientation: landscape){

.real100vh {min-height: 140vh !important;height: 100vh !important;}
.main_3 .ulwrap li {
    height:70vh;
    min-height:70vh;
    padding: 3%;
    display: table-cell;
}
.top_menu > ul {width:100%;height:100vh;overflow-y:auto}

.height100.roomimg{height:67vw;background-attachment: initial;    background-position: center;}
.height60.roomimg{height:67vw;background-attachment: initial;    background-position: center;}
.room_content .backgroundimg {
    width: 100%;
    height: 67vw;
    background-size: cover !important;
}
}