@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/css?family=Alex+Brush|Noto+Sans+KR|Quicksand|Rajdhani:400,600&display=swap');

*{margin:0;padding:0;box-sizing:border-box;font-family: 'Noto Sans KR', sans-serif;font-weight:400;color:#4e4e4e;font-size: 16px;}
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 #5f9ea0;
-moz-box-shadow:  0 0 5px #5f9ea0;
box-shadow: 0 0 5px #5f9ea0;
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%;max-width:340px;}
.top_wrap .top-rightmenu{display:inline-block;right:2%;/*overflow:hidden;*/position:fixed;top:2%;}
.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:20px;}

.top_wrap .top-rightmenu a .header_ic,.top_wrap .top-rightmenu .topright .header_ic {width: 64px;}


.topmenu{padding:5%;transition:right 1s;background:rgba(95,70,55,1);position: fixed;width:30%;z-index:19;top:0;right:-31%;bottom:0; overflow-y: auto;}
.topmenu .menulogo{margin: 10% 0; text-align: center}
.topmenu .menulogo img {width: 70%;}
.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:3%;width:100%;margin:0 auto;text-align:center;}
.topmenu .top_menu li a{color:#fff;transition:opacity 1s; font-family: 'Poppins', sans-serif; font-size:1.2em;padding:15px 0;display:block;opacity:1;}
.topmenu .top_menu li a:hover,.topmenu .close:hover{opacity:0.5;}
.topmenu .top_menu li.gnb_banner {display: inline-block; width: 45%; margin-top: 10%; margin-right: 2%;}
.topmenu .top_menu li.gnb_banner:last-child {margin-right: 0;}
.topmenu .top_menu li.gnb_banner img.banner_img {width: 100%;}
.topmenu .top_menu li.gnb_banner p {color: #fff;}

.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}
.height80{width:26vw;height:80vh;background-attachment: fixed;background-size:cover;background-repeat:no-repeat}

/*.main_special .slick-list {left: 60px;}*/
.main3,.main5,.main7{display: flex;justify-content: center;}
.main2{text-align:center; padding:5%;}
.main4{padding:12% 15%;}
.main4 .main4_a{display:inline-block;}
.main4 .slick-slide{padding:8px;overflow:hidden;}
.main4 h2{text-align:center; font-family: 'Poppins', sans-serif; font-weight:500;font-size:2em !important;display:block; margin-bottom:3%;}
/*.main4 .main4_a img{height:330px;width:100%;}*/
.main4 .main4_a p:first-child{font-size:1.3em; margin-top:16px;}
.main4 .main4_a p:nth-of-type(2) {font-family: 'Poppins', sans-serif; margin-top: 8px; color: #888;}
.main4 .slick-prev{top:35%;left:-60px;background:url('./img/s_left1.png')center center no-repeat;}
.main4 .slick-next{top:35%;right:-60px;background:url('./img/s_right1.png')center center no-repeat;}
.main4 .slick-dots,#popupmobile_1 .slick-dots {z-index:10;position:absolute;bottom:-24%;list-style:none;margin:0 auto;width: 100%;text-align:center;display:inline-block;overflow:hidden;}
.main4.slick-dots li, #popupmobile_1 .slick-dots li{display:inline-block;height:25px;width:30px;text-align:center}
.main4 .slick-dots li button,#popupmobile_1 .slick-dots li button{color:transparent;border-radius:50%;height:8px;width:8px;background:transparent;border:1px solid #888;}
.main4 .slick-dots li.slick-active button,#popupmobile_1 .slick-dots li.slick-active button{background:#888}

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

.main5{position:relative;overflow:hidden;}
.main5:before{content:"";background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));transition:height 3s;display:block;right:0;position:absolute;top:0;left:0;height:100%;}
.main5:hover:before{height:0;}
.main5 h2, .main5 p, .main5 a{color:#fff;text-align:center;text-shadow:0px 0px 3px rgba(0,0,0,0.4); font-size: 1.3em;}
.main5 a{color:#fff;text-align:center;text-shadow:0px 0px 3px rgba(0,0,0,0.4); font-size: 1em;}
.main5 h2{font-family: 'Poppins', sans-serif; font-weight: 500; font-size:2em;display:block;margin:20px auto;}
.main5 .p_absolute{z-index:1;width:50%;left:25%;top:38%;}

.main6{width: 1000px; margin: 200px auto; text-align:center;}


.main6 .ul_wrap{width:100%;display:inline-block;}

/*.main6 a {display: block; margin-bottom: 50px;}*/
.main6 a:nth-child(2) .ul_wrap li:first-child {width:60%;}
.main6 a:nth-child(2) .ul_wrap li:last-child {width:37%;}

.main6 a p {font-size: 1.2em; margin: 20px 0 50px 0;}

.main6 li:first-child{width:37%;height:360px;min-height:150px;margin-right:3%;float:left;}
.main6 li:last-child{width:60%;height:360px;min-height:150px;float:left;}

/*.main6 a{display:inline-block;}*/
.main6 img{display: block; max-width:80%;margin:5% auto;}
.main7 {overflow:hidden;width:100%;min-height:650px;background:url("./img/about/13.jpg")center center;background-repeat:no-repeat;background-attachment: fixed;position:relative;background-size: cover;}

.main8 {text-align: center; padding: 5%;}
.main8 p {font-size: 1.4em; line-height: 1.8em; margin-top: 1em;}

.line_btn{margin:20px;padding-bottom: 8px; display: inline-block; overflow: hidden; position: relative;}
.line_btn:after{content:"";bottom:0;display:block;position:absolute;width:0%;height:1px;background:#fff;transition:width 1s;}
.line_btn:hover:after{width:100%;}

.line_btn1{transition:all ease 1s 0s;padding:10px 50px 10px 20px; border:1px solid #333;display: inline-block !important; overflow: hidden; position: relative;font-family: 'Poppins', sans-serif;}
.line_btn1:after{content:"→";right:20px;display:inline-block;position:absolute;}
.line_btn1:hover{color:#fff;background:#333;}
.show-on-scroll {
  opacity: 1;
  -webkit-transition: opacity 0.5s 0s ease;
  transition: opacity 0.5s 0s ease;
}

.show-on-scroll.is-visible {
  opacity: 1;
}

.show-on-scroll > h2, .show-on-scroll >  img{
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}

.is-visible > h2,.is-visible > img{
  -webkit-transform: none;
          transform: none;
}
@media (max-width:900px) {

.main6{width: 100%; padding: 3%; margin: 100px auto;}
.main6 .ul_wrap{width:100%;display:inline-block;}
.main6 li:first-child{height:20vh;}
.main6 li:last-child{height:20vh;}
.main5,.main6 a{font-size:1.3em;}
.main5{margin-top:10%;margin-bottom:8%}
.main6 img {max-width: 100%; margin: 10% auto 5%;}
.main6 a p {font-size: 15px;}
}



/*sub*/
.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: 'Poppins', sans-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 h3{padding-bottom:20px;border-bottom:1px solid #000;font-family: 'Poppins', 'Noto Sans KR', sans-serif; font-weight: 500;}
.sub_wrap .content_wrap1 .content_wrap{padding-top:20px; line-height: 1.8em;}
.sub_wrap .content_wrap3 h3{padding-bottom:20px;border-bottom:1px solid #000;font-family: 'Poppins', 'Noto Sans KR', sans-serif; font-weight: 500;}
.sub_wrap .content_wrap3 .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:46%; 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; margin-bottom: 20px;}
.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: 'Poppins', sans-serif; margin:2vh auto;display:block;}
.roomtopbtn a{display:inline-block;position:relative;padding:5px 0;margin:0 15px;transition:width 1s;}
.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-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-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:10px 50px 12px 20px;position:relative;font-family: 'Poppins', sans-serif; font-weight:500;border:1px solid #333;color:#333;transition:color,background 1s;}
.detailbtn:after{content:"→";position:absolute;right:20px;}
.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:#5f9ea0}
.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{margin:7vw auto 2vw;width:60%; display:block;}
.reservation_wrap .subtitle{padding:1.5vw 0;border-bottom:1px dashed #5f9ea0;color:#5f9ea0;}
.reservation_wrap .subtitle span{padding:8px 12px;background:#5f9ea0;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}


#popup{position:fixed;top:10%;left:14%;max-width:500px;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:500px;max-height:700px;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 #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 .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: #5f9ea0; 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_img img {width: 140px; margin-top: 20px;}

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



/*게시판*/
.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{width:40%;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 {left: 20%;}
.maintitle_1 p:first-child {font-size: 2.6em;}
.maintitle_1 span{padding:9px 11px;font-size: 0.5em;border:1px solid #fff;border-radius:50%;color:#fff;margin-right: 11px;}
.main_special .slick-list {left: 0;}
.main_special .slick-list .slick-track .slick-slide {margin: 0 5px;}
.main2{padding: 10% 5%;}
.main3 {height: 400px !important;}
.main5 .p_absolute {top: 28%; width: 80%; left: 50%; transform: translateX(-50%);}
.main8 {padding: 15% 5%;}


.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 .top_menu li.gnb_banner {display: inline-block; width: 100%; margin-top: 10%;}
.topmenu .top_menu li.gnb_banner:last-child {margin: 3% 0 10% 0;}
.topmenu .top_menu li.gnb_banner p {font-size: 0.8em;}
.topmenu.on{right:0%;}


.height100{height:63vw;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;}
.height80{width: 100%; height: 960px;}



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




.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:#5f9ea0;}
.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}


}

.mini_box {
	width: 100%;
	padding: 20px 30px;
	display: block;
	margin: 20px auto;
	border: 1px solid #eee;
	border-radius: 10px;
}
.center_box h2, .center_box h1, .center_box p {
	text-align: center;
}
.center_box p {
	margin: 10px 0;
	color:rgb(222, 12, 89);
	font-size: 20px;
}
.m_left{
	width: 280px;
	display: inline-block;
}
.m_right {
	width: 280px;
	display: inline-block;
	float:right;
}
.m_l {
	width: 140px;
	display: inline-block;
}
.m_r {
	padding-left: 20px;
	display: inline-block;
	vertical-align: top;
}
input[type=date] {
	width: 150px;
}
input[type=text], .startDate, .endDate {
	width: 150px;
}
input[type=number] {
	padding: 0.2em;
	margin-bottom: 4px;
	text-align: center;
}
.res_inline {
	width: 25%;
	text-align: center;
	display: inline-block;
}
.r_img {
	width: 140px;
}
.price {
	font-size: 20px;
    font-weight: 500;
}
.nextB {
	display: block;
	margin: 60px auto;
	width: 150px;
	height: 60px;
	font-size: 16px;
	font-weight: 500;
	background-color: #333;
	color: #fff;
	border: 1px solid #222;
	border-radius: 5px;
}
#rTable {
	width: 100%;
	border-collapse: collapse;
}
#rTable thead tr th, #rTable tr td {
	width: 20%;
	text-align: center;
}
#rTable thead tr th {
	height: 40px;
	border-bottom: 1px solid #eee;
}
#rTable tr td {
	height: 40px;
	vertical-align: bottom;
}
.m_left2{
	width: 48%;
	display: inline-block;
	
}
.m_right2 {
	width: 48%;
	display: block;
	float: right;
}
.mm_box {
	display: block;
	width: 96%;
	margin: 10px 0;
}
.mm_box p {
	display: block;
	width: 96%;
}
.chk {
	display: block;
	width: 96%;
	background-color: #eee;
	padding: 4px 0 4px 4px;
}
#c_fee {
	width: 96%;
	border-collapse: collapse;
}
#c_fee thead tr th, #c_fee tr td {
	width: 33%;
	height: 30px;
	text-align: center;
}
#c_fee thead tr th {
	font-weight: 500;
	border-top: 1px solid #333;
	border-bottom: 1px solid #eee;
}
#c_fee tr td {
	border-bottom: 1px solid #eee;
}
#rc_table {
	width: 100%;
}
#rc_table tr td{
	width: 25%;
	vertical-align: unset;
}
#rc_table tr td.tfc {
	width: 80%
}
.clear {
	clear: both;
}
.res_box {
	display: block;
}
input[type=text].fc {
	width: 100%;
}
#c_fee_t {
	width: 100%;
}
#c_fee_t tr td {
	width: 20%;
}
#c_fee_t tr td.cfee {
	width: 80%;
	text-align: right;
	font-size: 20px;
}
.total {
	font-weight: 600;
	color: rgb(222, 12, 89);
}
/* 모바일 미디어쿼리  */
@media (max-width:900px) {
    *{font-size: 16px;}
	.fix_menu {width: 100%; height: 100px; /*background:rgba(255,255,255,0.9);*/}
	.top_wrap .logo {left: -3%; top: 1.5%;}
    .top_wrap .logo img {width: 110%;}
    .top_wrap .top-rightmenu {top: 1.5%; right: 3%;}
/*    .top_wrap .top-rightmenu a img {width: 160%;}
    .top_wrap .top-rightmenu div img {width: 160%;}*/
    .top_wrap .top-rightmenu div {margin-left: 30px;}
    .top_wrap .top-rightmenu a .header_ic,.top_wrap .top-rightmenu .topright .header_ic {width: 100%;}
	.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;}
	.topmenu .close {top:3vh; right:3vh}
	.topmenu .menulogo {text-align: center; margin-left: 0; margin-top: 18%;}
/*    .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;}
	
	.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 .content_wrap3 h3 {font-size: 1.8em;}
    
    .sub_wrap .room_wrap h3 {font-size: 1.8em;}
    
	.mb_height35 {height: 45vw;}
    
    .main2 img {width: 100%;} 
    
    .main_icon div {margin: 50px 0;}
    .main4 .main4_a img {width: auto; height: 300px; margin-left: -28%;}
    
    .main_icon div img {width: 100%;}
	
	.roompreviewbtn {position: inherit;}
    .roompreviewbtn a {font-size: 18px;}
    .roomtopbtn {padding: 0 6%;}
    .roomtopbtn a {font-size: 20px; line-height: 36px;}
	.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%}
	
	.mini_box {
		display: inline-block;
	}
	.m_left2{
		width: 100%;
		display: block;
		
	}
	.m_right2 {
		width: 100%;
		display: block;
		
	}
	.mm_box {
		width: 100%;
	}
	.mm_box p {
		font-size: 12px;
	}
	.chk {
		width: 100%;
	}
	label {
		font-size: 1.5em;
	}
	input[type=text].fc {
		width: 100%;
		height: 70px;
		font-size: 20px;
	}
	#rc_table tr td {
		font-size: 1.2em;
	}
	#rc_table tr td, #c_fee_t tr td {
		font-size: 1.5em;
	}
	#c_fee_t tr td.cfee {
		font-size: 1.8em;
	}
	h2 {
		font-size: 30px;
	}
	.nextB {
		width: 50%;
		height: 70px;
		font-size: 24px;
	}
}