/*===admincss _ hyoung =========================================================*/
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR|Quicksand&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Poppins:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&family=Gowun+Batang:wght@400;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box;font-family: 'Noto Sans KR', sans-serif;font-weight:400;color:#4e4e4e;font-size: 14px;}
body{width:100%;min-width:100%; height:auto;min-height:100vh;}
h1{font-size: 1.5em;}
h2{font-size: 1.3em;}
h3{font-size: 1.2em;}
h4{font-weight:700}
.e_1{font-family: 'Noto+Sans+KR', cursive;}
.e_2{font-family: 'Noto+Sans+KR', sans-serif;}
.e_3{font-family: 'Noto+Sans+KR', sans-serif;}
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%}

.p_relative{position:relative}
.p_absolute{position:absolute;}
.p_fixed{position:fixed}

.dimmed{position:absolute;left:0;top:0;width:100%;bottom:0;background:rgba(0,0,0,0.2);}
.mobile_title{display:none;}

/*head*/
.top_wrap{position:fixed;z-index:18;display:block;top:0}
.top_wrap .logo{width:35%;display:inline-block;left:1%; top: 1%; overflow:hidden;position:fixed;}
.top_wrap .logo img{width:100%;width:120px;}
.top_wrap .top-rightmenu{display:inline-block;right:2%;overflow:hidden;position:fixed;top:30px}
.top_wrap .logo a, .top_wrap .top-rightmenu a,.top_wrap .top-rightmenu div{display:inline-block;cursor:pointer;}
.top_wrap .top-rightmenu div {margin-left:30px;}
/* .top_wrap .top-rightmenu a {position: relative; top: -9px; margin-right: 20px;} */
/* .top_wrap .top-rightmenu a > img {width: 32px;} */
/* .top_wrap .top-rightmenu a > span {display: inline-block; vertical-align: middle; margin-top: -27px; padding-left: 5px; color: #000;} */
.top_wrap .top-rightmenu a {position: relative; margin-right: 20px;}
.top_wrap .top-rightmenu a > span {display: inline-block; vertical-align: middle; margin-top: -44px; padding-left: 5px; font-size: 16px; font-weight: 600; color: #000;}



.topmenu{padding:5%;transition:right 1s;background:rgba(0,116,84,1);position: fixed;width:30%;z-index:19;top:0;right:-31%;bottom:0; overflow-y: auto;}
.topmenu .menulogo{margin-top: 10%; text-align: center}
.topmenu .menulogo img {width: 160px;}
.topmenu.on{right:0%;}
.topmenu .close {position:absolute; top: 5vh; right: 7vh;color: #fff; cursor: pointer; font-size:2em;transition:opacity 1s;opacity:1;}
.topmenu .close i{color:#fff}
.topmenu .top_menu{padding-top:8%;width:100%;margin:0 auto;text-align:center;}
.topmenu .top_menu li a{color:#fff;transition:opacity 1s; font-family: 'Crimson Text', serif; font-size:1.2em;padding:15px 0;display:block;opacity:1;}
.topmenu .top_menu li a:hover,.topmenu .close:hover{opacity:0.5;}

.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%;height:100vh;background-attachment: fixed;background-size:cover;background-repeat:no-repeat}
.height60{width:100%;height:60vh;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;}



/*sub*/

.c_submenu {width:100%;margin:0% auto 0;padding:1%;text-align:center;box-shadow:0 1px 2px rgba(200,200,200,0.3)}
.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: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;margin-top: 6px;}


.title .height100 .p_absolute{top: 50%; transform: translateY(-50%); left:0;right:0;font-size:1.2em;text-align:center;}
.title .height60 .p_absolute{margin:10% auto;left:0;right:0;font-size:1.2em;text-align:center;}
.title .height100 .p_absolute p,.title .height100 .p_absolute h3,.title .height60 .p_absolute p,.title .height60 .p_absolute h3{font-family: 'Crimson Text', serif; color:#fff;}

.sub_wrap{padding:5% 12%;overflow:hidden;display:block;}
.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.mb_about .content_wrap {font-family: 'Gowun Batang', serif; font-size: 1.1em;}
.sub_wrap .content_wrap1 h3{padding-bottom:20px;border-bottom:1px solid #000; font-family: 'Gowun Batang', serif; font-size: 1.4em; font-weight: 600;}
.sub_wrap .content_wrap1 .content_wrap{padding-top:20px; line-height: 1.8em;}
.backgroundimg{width:100%;height:42vh;background-size:cover !important}
.sub_borderd{border-bottom:1px solid #ddd;padding:25px 0}
.sub_content{font-size:0.99em;}

.maintitle_1{top:50%; transform: translateY(-50%); color:#fff;left:10%;z-index:4}
.maintitle_1 p:first-child{color:#fff;text-shadow:0 0 1px rgba(0,0,0,0.3);font-size:4.0em; font-family: 'Poppins', sans-serif; font-weight:700;}
.maintitle_1 p:last-child{color:#fff;text-shadow:0 0 1px rgba(0,0,0,0.3);font-size: 2.5em; font-family: 'Poppins', sans-serif; font-weight:700;margin-top:12px;}
.maintitle_1 span{padding: 8px 12px;border:2px solid #fff;border-radius:50%;color:#fff;margin-right: 11px;}
.meinvideo {overflow:hidden;position:relative}
#videobcg{ top: 0; left: 0; width: 100%; height: auto;  z-index: 1; min-height: 100%; object-fit: cover;}
.video_txt {display: inline-block; color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 1.2em;}

.nonepadding{margin-top:25px}

.roomtopbtn{margin:8vh auto 5vh;font-size:1.5em;width:100%;text-align:center;}
.roomtopbtn h3{font-family: 'Crimson Text', serif; margin:2vh auto;display:block;}
.roomtopbtn a{display:inline-block;position:relative;padding:5px 0;margin:0 20px;transition:width 1s; font-family: 'Gowun Batang', serif;}
.roomtopbtn a:after{content:"";width:0;transition:width 1s;display:inline-block;height:1px;position:absolute;bottom:0;left:0;background: #333}
.roomtopbtn a:hover:after, .roomtopbtn a.active:after{width:100%;}

.sub_wrap .room_wrap{position:relative;width:100%;padding:0 3%;display:inline-block;float:left;}
.sub_wrap .room_wrap h3{padding-bottom:20px;border-bottom:1px solid #000; font-family: 'Gowun Batang', serif; font-size: 2em; font-weight: bold;}
.sub_wrap .room_wrap .content_wrap{padding-top:20px;display:table;width:100%;}
.sub_wrap .room_wrap .content_wrap > div{width:33.33%;display:table-cell;}
.sub_wrap .room_wrap .content_wrap > div:nth-child(2){padding:0 2%;}
.sub_wrap .room_wrap .content_wrap > div .sub_borderd{margin:15px 0;}
.sub_wrap .room_wrap .content_wrap > div .sub_borderd h4{font-family: 'Gowun Batang', serif; font-size: 1.2em; font-weight:600}
.roomdetailwrap .res_btn{text-align:center;display:block;margin:5vh auto;}
.roomdetailwrap .res_btn:before{content:"";width:100%;height:1px;display:block;clear:both}
.sub_wrap .room_wrap .content_wrap .sub_tablecell div:nth-child(2){min-height:10vh; line-height: 1.8em;}


.roompreviewbtn{position:absolute;bottom:0px;}
.detailbtn{display:inline-block;padding:11px 40px 11px 12px;position:relative; font-family: 'Crimson Text', serif; font-weight:500;border:1px solid #333;color:#333;transition:color,background 1s;}
.detailbtn:after{content:"→";position:absolute;right:10px;}
.detailbtn:hover{color:#fff;background:#333;}


.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:100vh}

/*
#popup{position:fixed;display:none;top:10%;right:14%;max-width:400px;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{max-height:700px;overflow:hidden;}
.popupwrap .popup_list .popup_img img {width: 100%;}
.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;}
*/
#popup{position:absolute;display:none;top:10%;left:12%;max-width:450px;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 #5f9ea0;color:#5f9ea0;box-shadow:0 0 2px rgba(0,0,0,0.3) }
.popupx i{color:#5f9ea0;}
.popupwrap .popup_list{display:none}
.popupwrap .popup_list.active{display:inline-block}
.popupwrap .popup_list .popup_img{width:100%;max-width:650px;overflow:hidden;}
.popupwrap .popup_list .popup_img img{width: 100%;}
.popupwrap .popup_btn span{height: 4em;text-align:center;padding:12px 8px;cursor:pointer;background:#fff;font-size:0.8em;border:1px solid #5f9ea0;color:#5f9ea0;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:#5f9ea0;color:#fff;}

/* 이용안내 */
	.guide_table {line-height: 1.6em;}
	.guide_table h4, .guide_table h5 {color:#ff8c94; font-size:1.2em;}
    .guide_table span.bold {display: contents; font-weight: 600;}
	.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: 0.5em ;color:#000}
	.guide_table table tr td {padding: 0.5em;border-right: 1px solid #ddd;border-bottom:1px solid #ddd}
	.guide_table ul li {list-style:none; line-height: 1.6em; margin-left: 1.8em; margin-bottom: 0.8em; position:relative; word-break: keep-all;}
	.guide_table ul li:before {content:"";display:inline-block;position:absolute;    margin: 0.7em 0 0 -1.3em;width:3px;height:3px;border-radius:50%;background:#333}
	.guide_table .time {font-size:1.2em;font-weight: 500; color: #ff8c94;}
	.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;text-align:center;background:#fff;font-size:0.8em;}
.footer div:first-child li{display:inline-block;padding:0 15px;border-right:1px solid #eee;}
.footer div:first-child li:last-child{border-right:1px solid transparent;}
.footer .f_info, .footer .f_info em a {font-size: 14px; color: #888;}

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


.footer_n {
	display: block;
	width: 100%;
	background-color: #f7f7f7;
}
.footer_inner {
	display: block;
	
	margin: 80px auto 0;
	padding: 4% 5%;
}
.ft_top {
	display: block;
	width: 100%;
}
.ftt_l {
	display: block;
	width: 300px;
	float: left;
}
.f_logo {
	width: 100px;
}
ul.ftt_sns {
	margin: 0;
	padding: 50px 0 0;
	list-style-type: none;
}
ul.ftt_sns li {
	padding: 0;
	float: left;
	margin-right: 18px;
}
ul.ftt_sns li:last-child {
	margin-right: 0;
}
.ftt_r {
	display: block;
	width: 128px;
	float: right;
}
.ft_middle {
	display: block;
	width: 100%;
	margin-top: 50px;
}

.ft_middle ul li {
	margin-bottom: 10px;
	font-size: 14px;
	color: #888;
}
.ft_middle ul li.f_tell {
	font-size: 20px;
	font-weight: 600;
	color: #888;
	margin-bottom: 16px;
}
.ft_bottom {
	display: block;
	width: 100%;
}
.ftt_l2 {
	display: block;
	width: 400px;
	float: left;
}
.ftt_r2 {
	display: block;
	width: 50px;
	float: right;
}
.f_info {
	font-size: 14px;
	color: #888;
}
.clear {
	clear: both;
}
@-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}
	}



/*게시판*/
.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%}
.notice_wrap, .notice_wrap .ntable{display:block;width:100%;}
.notice_wrap{border-top:1px solid #333;width:70%;margin:5% 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}
.notice_wrap .nodata {text-align: center;}
.notice_wrap .nodata div i {margin: 3% 0 1% 0;}
.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:#eee;font-weight:700}

.faqwrap{padding:30px 8px;overflow:hidden;width:100%;border-bottom:1px dashed #ddd;border-top:1px solid #333;margin:10px auto 10%;}
.faqwriter {
    margin-bottom: 20px;
    font-size: 0.9em;
    float: right;
    overflow: hidden;
    color: #bbb;
}
.faqtitle{padding:8px;font-weight:bold;font-size:1.1em;overflow:hidden;width:100%;}
.faqtitle span:first-child{display:none;border-right:0px solid #ddd}
.faqtitle span:last-child{padding-left:0px;}
.faqwriter span:first-child{margin-right:8px;}
.faqwriter span{color:#bbb}
.commantwrap{background:#f8f8f8;margin-top:-10%;border-top:1px solid #f8f8f8;padding:30px 20px 10px;}






@media (max-width:1500px) {
.top_wrap .close{width:12%;}
.top_wrap .menu{width:12%}
.top_wrap .top_call{width:12%}
/* .top_wrap .menu em,.top_wrap .top_call em,.top_right_btn p:last-child,.top_wrap .close em {display:none;}
 */
}

@media (max-width:1000px) {
.loading .ld-icon{z-index:6;margin-top:40%;margin-left:-30%}
/*.real100vh {height: 100vh !important;}*/
	
.top_wrap .logo{left: 34%;text-align:center;}
.top_wrap .close i{padding:0 5px;}
.top_wrap .close{height:auto;line-height:2.6em;}
.top_wrap .menu{line-height:2.4em;height:auto;}
.top_wrap .top_call{line-height:3em;height:auto;top:5em;}
.top_wrap .top_call:before{padding-bottom:120%;}
.top_wrap .top_call i{padding:0 5px;color:#fff;}
.top_wrap .menu em,.top_wrap .top_call em,.top_wrap .close em {display:none;}
.top_right_btn p:last-child{font-size:0.7em;padding-bottom:3px;}
.scroll_wrap{display:none;}
.top_right_btn{width:9%;height:auto;}
.top_right_btn img{width:24px;margin-bottom: 4px;}

.maintitle_1 span{padding:9px 11px;font-size: 0.5em;border:1px solid #fff;border-radius:50%;color:#fff;margin-right: 11px;}


.topmenu{top:0;left:0;bottom:0;height:100vh;width: 100%; right:-100%; left: auto;padding: 4em 5% 5% 5%;}
.topmenu .top_menu {border-top: 0px solid #eee;width: 100%;}
.topmenu .top_menu .menu_wrap1 > li{display:block;width:100%;margin-bottom:15px;}
.topmenu .top_menu li span{color:#9debed;font-size:0.9em;padding:8px 0;display:inline-block;border-bottom:1px solid #9debed;}
.topmenu .top_menu li{display:inline-block;margin-right:20px;}
.topmenu.on{right:0%; z-index: 999;}


.height100{height:80vh;background-attachment: initial;    background-position: center;}
.height60{height:63vw;background-attachment: initial;    background-position: center;}
.height100.roomimg{background-attachment: initial;    background-position: center;}
.height60.roomimg{background-attachment: initial;    background-position: 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;text-shadow:0 0 20px rgba(0,0,0,0.4)}




.roomwrap .sub_wrap_left:nth-child(even) .content_wrap2{padding-left:0%;}

.roomdetail .sub_wrap_left.backgray{margin-top:12vw;}
.roomdetail .sub_wrap_left .content_wrap1 { width: 98%;padding:12vw 3vw 16vw 5%;}
.roomdetail .sub_wrap_left .content_wrap1 h3,.roomdetail .sub_wrap_left .content_wrap1 h3 em{color:#222222;}
.roomdetail .sub_wrap_left .content_wrap1 h3:after{content:"-";display:block;font-size:2em;font-weight:200}
.roomdetail .sub_wrap_left .content_wrap1 .content_wrap{font-size:0.8em;}
.roomdetail .content_wrap2{padding:12vw 0 0 0;background:#fff}
.roomdetail .res_btn{text-align:right}
.roomdetail .res_btn a{margin-top:12vw;padding:12px 40px;font-size:0.82em;}
.roomdetail .li4 li{vertical-align:middle;display:block;margin-bottom:0.5vh;width:100%;margin-right:0%;float:inherit;height:35vw;}


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


}

/* 모바일 미디어쿼리  */
@media (max-width:900px) {
    *{font-size: 15px;}
	/*.fix_menu {width: 100%; height: 100px; background:rgba(225,225,225,0.3);}*/
	.top_wrap .logo {left: -7%; top:1%}
    .top_wrap .logo img {width: 100px;}
    .top_wrap .top-rightmenu {top: 2%; right: 5%;}
    .top_wrap .top-rightmenu a {margin-right: 30px;}
    .top_wrap .top-rightmenu div {margin-left: 10px;}
	.roomdetailwrap .res_btn{text-align:center;display:block;margin:5vh auto;padding:0 5vw}
    .roomdetailwrap .res_btn a {font-size: 1.6em;}
	.sub_wrap .room_wrap .content_wrap{padding-top:20px;display:block;width:100%;}
	.sub_wrap .room_wrap .content_wrap > div{width:100%;display:block;}
	.sub_wrap .room_wrap .content_wrap > div:nth-child(2){padding:0;}
	.sub_wrap .room_wrap .content_wrap .sub_tablecell div:nth-child(2) {min-height: auto;margin-bottom:5vw; font-weight: 300;}
	.topmenu .close {top:3vh; right:3vh}
	.topmenu .menulogo {text-align: center; margin-left: 0; margin-top: 10%;}
    .topmenu .top_menu {padding-top: 10%;}
	.topmenu .top_menu li a {opacity: 1; font-weight: 400; font-size:1.725em; padding: 20px 0;}
	.title .height100 .p_absolute p, .title .height100 .p_absolute h3, .title .height60 .p_absolute p, .title .height60 .p_absolute h3 {font-size:2em}
    .title .height100 .p_absolute{font-size:1em; top: 16%;}
	
    /*.meinvideo {height: auto !important;}*/
    
    .m_main_txt h2{font-family: 'Gowun Batang', serif; font-size: 2em; font-weight: 600; margin-bottom: 40px}
    .m_main_txt {margin: 80px 0 20px; padding: 3vh 10px; font-family: 'Gowun Batang', serif; text-align:center;}
    
	.sub_wrap {padding: 8% 3%}
	.sub_wrap .content_wrap1, .sub_wrap .content_wrap2 {float: inherit; width: 100%; min-height: auto;margin:0vw auto 8vw}
	.sub_wrap .mb_marginbtm {margin-bottom: 3vh}
	.sub_wrap .content_wrap2 .backgroundimg {background-size: 100% !important}
    .backgroundimg {height: 35vh;}
	
	.sub_wrap .content_wrap1 .content_wrap div.sub_borderd:last-child {border-bottom:0}
	.sub_wrap .content_wrap1 .mb_guide table {margin-bottom: 8vh}
	.sub_wrap .content_wrap1 .mb_guide table tr th {background: #fff; font-size: 1.4em; line-height: 1.6em;}
    .sub_wrap .content_wrap1 .guide_table table tr td {font-size: 1.5em; line-height: 1.6em;}
	.sub_wrap .content_wrap1 .mb_guide table tr:first-child th{background: #e7e7e7}
    
    .sub_wrap .room_wrap h3 {font-size: 1.8em;}
    
	.mb_height35 {height: 420px;}
	
	.roompreviewbtn {position: inherit;}
    .roompreviewbtn a {font-size: 18px;}
    .roomtopbtn {padding: 3% 6%;}
    .roomtopbtn a {font-size: 20px; line-height: 36px; min-width: 10%;}
	.detailbtn {width: 100%; text-align: center; margin-top:50px; padding: 4% 0;}
    .detailbtn:after {top: 50%; transform: translateY(-50%); right: 5%; font-size: 30px;}
    
    .guide_table ul li {line-height: 1.7em; margin-bottom: 1.2em; font-size: 0.9em;}
    .guide_table ul li:before {margin: 1.2em 0 0 -1.3em;}
    .guide_table div a {font-size: 1.6em}
        
    .notice_wrap {width: 85%;}
    .notice_wrap .ntable.nthead li {font-size: 1.4em;}
    .notice_wrap .ntable li:first-child {font-size: 1.3em;}
    .notice_wrap .ntable li:last-child {font-size: 1.3em;}
    .notice_wrap .faqtitle span {font-size: 1.4em;}
	    
	.footer{margin-top:10vw;margin-bottom:3vw;}
	.footer div:first-child li {display: block; border: 0; line-height: 2em}
	.slick-dots {width: 100%}

	#videobcg {height:400px;}

	.footer_inner {
		width: 96%;
		padding: 8% 2%;
	}
	.f_logo {
		width: 86px;
	}
	.ftt_r {
		width: 160px;
	}
	ul.ftt_sns {
		padding: 14px 0 0;
	}
	.ftt_sns_ic {
		width: 40px;
	}
	
	.ft_middle ul li.f_tell {
		font-size: 16px;
		font-weight: 600;
	}

	.ft_middle ul li {
		font-family: 'Noto+Sans+KR', sans-serif;;
		font-size: 10px;
	}
	.ft_nong {
		width: 46px;
	}
	.f_info {
		font-size: 10px;
		color: #888;
	}
	
}