/*===admincss _ hyoung =========================================================*/
@font-face { font-family: 'Handon3gyeopsal300g'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/Handon3gyeopsal300g.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Cafe24Simplehae'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff'); font-weight: normal; font-style: normal; }
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;400;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box;font-family: 'Handon3gyeopsal300g','Quicksand', sans-serif;color:#4e4e4e;}
*:lang(en) {font-family: 'Rajdhani', sans-serif;font-size:1.1em;font-weight:600 ;}
body{width:100%;min-width:1100px;height:100%;min-height:100vh;}
h1{font-size: 1.5em;}
h2{font-size: 1.3em;}
h3{font-size: 1.2em;}
.e_1{font-family: 'Alex Brush', cursive;}
.e_2{font-family: 'Quicksand', sans-serif;}
.e_3{font-family: 'Rajdhani', 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:1em;
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 rgba(0,0,0,0.5);
-moz-box-shadow:  0 0 5px rgba(0,0,0,0.5);
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

 



/*onepage*/

.scroll-container {
	width: 100%;
	height: 100vh;
	position: relative;
	margin: 0;
	padding: 0;
}

.scroll-container section {
	width: 100%;
	height: 100%;
}

.dots {	
	z-index: 1;
	list-style: none;
	padding: 0;
	position: absolute;	
    top: 50%;
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dots li a {
	padding: 10px;
	width: 4px;
	height: 5px;
	display: block;
}

.dots li a:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: rgba(255, 255, 255, 0.48);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;	
	-webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease;
	-moz-transition: -moz-transform 0.3s ease, background-color 0.3s ease;
	-ms-transition: -ms-transform 0.3s ease, background-color 0.3s ease;
	-o-transition: -o-transform 0.3s ease, background-color 0.3s ease;
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.dots li a.active:before {
	content: '';
	background-color: #FFFFFF;
	width: 14px;
	height: 14px;
	margin-top: -4px;
	left: 7px; 
	background-color: white;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
}

.dots-right {
	right: 10px;
}

.dots-left {
	left: 10px;
}



	.section2 {
		background-color: #98C19F; 
	}

	.section3 {
		background-color:  #A199E2;
	}

	.section4 {
		background-color:  #CC938E;
	}

	.section5 {
		background-color:  #D2C598;
	}
			
	section div {
		position: relative;
		
	}

	.button {
		background-color: #F2CF66;
		border-bottom: 5px solid #D1B358;
		text-shadow: 0px -2px #D1B358;
		padding: 10px 40px;		  	
		border-radius: 10px;
		font-size: 25px;
		color: #FFF;
		text-decoration: none;	
	}

/*onepage*/

.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%}
.mb_20{margin-bottom:18%;}
.zi10{z-index:10}
.p_relative{position:relative}
.p_absolute{position:absolute;}
.p_fixed{position:fixed}
.floatleft{float:left;}


.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.on .logo{width:20%;max-width: 254px;display:inline-block;position:fixed;z-index:21;top:3px;left:15px;overflow:hidden;height:60px;background:url('./img/logo1.png')center center no-repeat;background-size:cover;}
.top_wrap .logo{width:20%;max-width: 250px;display:inline-block;position:fixed;z-index:21;top:0px;left:15px;overflow:hidden;height:60px;background:url('./img/logo4.png')center center no-repeat;background-size:cover;}
.top_wrap.on .menu{transition:border 1s;padding:0 8px 5px;cursor:pointer;box-shadow:0 0 1px rgba(0,0,0,0.5);width:60px;text-align:center;display:inline-block;position:fixed;border:2px solid #fff;z-index:20;top:15px;right:15px;height:60px;}
.top_wrap.on .topmenu{display:none;}

.top_wrap .menu{display:none;overflow:hidden;transition:border 1s;padding:0 8px 5px;cursor:pointer;box-shadow:0 0 1px rgba(0,0,0,0.5);width:60px;text-align:center;position:fixed;border:2px solid #fff;z-index:20;top:15px;right:15px;height:60px;}
.top_wrap .menu span{transition:background,transform,display 1s;width:100%;display:block;margin-top:8px;height:2px;background:#fff;box-shadow:0 0 1px rgba(0,0,0,0.5)}
.top_wrap .menu p{color:#fff;transition:color 1s;font-size:0.8em;margin-top:5px;font-weight:700;text-shadow:0 0 1px rgba(0,0,0,0.6)}

.top_wrap .menu:hover{border:2px solid #5388aa;}
.top_wrap .menu:hover span{background:#5388aa;}
.top_wrap .menu:hover span:nth-child(2){display:none;}
.top_wrap .menu:hover span:nth-child(1){transform: rotate(0.38turn);margin-top: 20px;}
.top_wrap .menu:hover span:nth-child(3){transform: rotate(-0.38turn); margin-top: -2px;}
.top_wrap .menu:hover p{color:#5388aa;margin-top:13px;}


.top_wrap .close{display:none;transition:border 1s;padding:0 8px 5px;cursor:pointer;box-shadow:0 0 1px rgba(0,0,0,0.5);width:60px;text-align:center;position:fixed;border:2px solid #5388aa;z-index:20;top:15px;right:15px;height:60px;}
.top_wrap .close span{transition:background,transform,display 1s;width:100%;display:block;margin-top:8px;height:2px;background:#5388aa;box-shadow:0 0 1px rgba(0,0,0,0.5)}
.top_wrap .close p{color:#5388aa;transition:color 1s;font-size:0.8em;margin-top:13px;font-weight:700;text-shadow:0 0 1px rgba(0,0,0,0.6)}
.top_wrap .close span:nth-child(2){display:none;}
.top_wrap .close span:nth-child(1){transform: rotate(0.38turn);margin-top: 20px;}
.top_wrap .close span:nth-child(3){transform: rotate(-0.38turn); margin-top: -2px;}
.top_wrap .close:hover span:nth-child(3),.top_wrap .close:hover span:nth-child(1){transform: rotate(0turn); margin-top:8px;}
.top_wrap .close:hover{border:2px solid #fff;}
.top_wrap .close:hover span{background:#fff;}
.top_wrap .close:hover span:nth-child(2){display:block;}
.top_wrap .close:hover p{color:#fff;margin-top:5px;}


.top_right_btn{padding-top: 8px;width:65px;height:65px;text-align:center;display:inline-block;background:#5388aa;position:fixed;z-index:20;top:15px;right:15px;}

.topmenu{padding:0 0 0 2%;display:block;height:60px;transition:display 1s;background:rgba(255,255,255,0.85);font-weight:600;font-size:0.9em;position: fixed;width: 100%;z-index: 20;}
.topmenu .top_menu{width:70%;margin-left:30%;}
.topmenu .top_menu .menu_wrap1 > li{display:inline-block;width:16.6666%;height:65px;float:left;text-align: center;}
.topmenu .top_menu li a{color:#4e4e4e;width:100%;padding:23px 0;text-align:center;cursor:pointer;display:inline-block}
.topmenu .top_menu li:hover > a{background:#5388aa;color:#fff;}
.topmenu .top_menu li .menu_wrap2 a{color:#4e4e4e;background:rgba(255,255,255,0.8);transition:background, color 1s;padding:20px 0;display:block; font-weight: 100;}
.topmenu .top_menu li .menu_wrap2 a:hover{color:#fff;background:#4e4e4e}
.topmenu .top_menu .menu_wrap1 li .menu_wrap2{display:none;}
.topmenu .top_menu .menu_wrap1 li:hover .menu_wrap2{display:block;}
.roomtopbtnwrap.menu_wrap2{margin-left:-150%;width:400%;background:#4e4e4e;}
.roomtopbtnwrap.menu_wrap2 li{float:left;width:33.3%;overflow:hidden;position:relative;}
.roomtopbtnwrap.menu_wrap2 li a{opacity:1;top:0;left:0;right:0;bottom:0;padding:32px 0 !important;z-index:1;color:#fff !important;font-weight:700;text-shadow:0 0 1px rgba(0,0,0,0.8);text-align:center;display:block}

.roomtopbtnwrap.menu_wrap2 li:nth-child(1) a{background:url("./img/main/2.jpg")center center no-repeat;background-size:cover;}
.roomtopbtnwrap.menu_wrap2 li:nth-child(2) a{background:url("./img/room/1/1.jpg")center center no-repeat;background-size:cover;}
.roomtopbtnwrap.menu_wrap2 li:nth-child(3) a{background:url("./img/room/2/1.jpg")center center no-repeat;background-size:cover;}
.roomtopbtnwrap.menu_wrap2 li:nth-child(4) a{background:url("./img/room/3/1.jpg")center center no-repeat;background-size:cover;}
.roomtopbtnwrap.menu_wrap2 li:nth-child(5) a{background:url("./img/room/4/1.jpg")center center no-repeat;background-size:cover;}
.roomtopbtnwrap.menu_wrap2 li:nth-child(6) a{background:url("./img/room/5/1.jpg")center center no-repeat;background-size:cover;}
.roomtopbtnwrap.menu_wrap2 li:nth-child(1):hover a{background:url("./img/main/2.jpg")center center no-repeat;background-size:140%}
.roomtopbtnwrap.menu_wrap2 li:nth-child(2):hover a{background:url("./img/room/1/1.jpg")center center no-repeat;background-size:140%}
.roomtopbtnwrap.menu_wrap2 li:nth-child(3):hover a{background:url("./img/room/2/1.jpg")center center no-repeat;background-size:140%}
.roomtopbtnwrap.menu_wrap2 li:nth-child(4):hover a{background:url("./img/room/3/1.jpg")center center no-repeat;background-size:140%}
.roomtopbtnwrap.menu_wrap2 li:nth-child(5):hover a{background:url("./img/room/4/1.jpg")center center no-repeat;background-size:140%}
.roomtopbtnwrap.menu_wrap2 li:nth-child(6):hover a{background:url("./img/room/5/1.jpg")center center no-repeat;background-size:140%}

/* 비디오 */

#videobcg {
	 top : 0;
	 left : 0;
	 width : 100%;
	 height : auto;
	 z-index : -1;
     min-height: 100%;
     object-fit: cover;
}	

	.videowrap {width: 100%; max-width:1100px;text-align: center; margin: 0 auto; padding-top:8%}


.specialpreview_btn{text-align:center}
.specialpreview_btn span{display: inline-block !important;
    margin-bottom: 15px;
    padding: 8px 10px;
    margin-top: 30px !important;
    border-bottom: 1px solid transparent;
    transition: border 1s;
    font-size: 1em !important;
    letter-spacing: 0.2em;}
.specialpreview_btn span:hover{border-bottom:1px solid #fff}

.scrollwrap{height:5vw;background:#fff;width:1px;position:absolute;bottom:0;left:50%;transition:height 1.5s;}
/* .scrollwrap.bottom20{bottom:36vh;} */
.scrollwrap span{color: #fff;
    transition: opacity 1s;
    opacity: 1;
    font-size: 0.95em;
    text-align: center;
    text-shadow: 0 0 5px rgba(0,0,0,0.7);
    display: inline-block;
    cursor: pointer;
    width: 5vw;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: -25px;
	position:absolute;

    font-weight: 700;}
.scrollwrap span:hover{opacity:0.87}

.scroll{color:#fff;bottom:7px;font-size:0.95em;position:absolute;text-align:center;text-shadow:0 0 5px rgba(0,0,0,1);display:inline-block;cursor:pointer;width: 10vw;left:48.5vw;font-weight: 700;}
.scroll:hover{opacity:0.87}
.scroll:after{content:"";width: 27px;
    background: url(./img/arr.png)center 8px no-repeat;
    background-size: 27px;display:block;height: 4vw;margin: auto;}

.height100{width:100%;height:100vh;background-attachment: fixed;background-size:cover;background-repeat:no-repeat}
.height60{width:100%;height:60vh;background-attachment: fixed;background-position: center;background-size:cover;background-repeat:no-repeat}
.maintitle_1{top:45%;color:#fff;left:7%;z-index:4}
.maintitle_1 p:first-child{color:#fff;text-shadow:0 0 1px rgba(0,0,0,0.3);font-size:4.2em;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-weight:700;margin-top:12px;}
.maintitle_1 p span{padding: 11px;font-size: 0.5em;border:1px solid #fff;border-radius:50%;color:#fff;margin-right: 11px;}

.main3 .main_special{overflow:hidden;}
.main3 .main_special .height100{position:relative;}
.main3 .main_special .height100 span{color:#fff;text-shadow:0 0 2px rgba(0,0,0,0.7);font-size:1.2em;margin-top:20px;display:block;}
.main3 .main_special .height100 .p_absolute{z-index: 2; top: 47%;text-align:center;left: 0;right: 0;}
.main3 .main_special .height100 p{color:#fff;letter-spacing:1em}
.main3 .special_dimmed{position:absolute;left:0;top:0;width:100%;bottom:0;transition:opacity 1s;opacity:1;background:rgba(50,50,50,0.5)}
.main3 .main_special .height100:hover .special_dimmed{opacity:0.2;}

.main4{overflow:hidden;color:#fff;text-shadow:0 0 2px rgba(0,0,0,0.8)}
.main4 .p_absolute{z-index: 2;padding:28vh 2vw 0 10vw;width:40vw;transition:opacity 2s;opacity:0;}
.main4 .slick-slide.slick-active .p_absolute{opacity:1;}
.main4 .p_absolute span , .main4 .p_absolute a{display:block;color:#fff;}
.main4 .room_dimmed{position:absolute;opacity:1;left:0;top:0;width:100%;height:100vh;z-index:1;background:rgba(33,33,33,0.3);}
.main4 .main_room_num{font-size:4em;color:#fff;font-weight: bold;margin-bottom:2vh;text-shadow:0 0 0px rgba(0,0,0,0.8)}
.main4 .main_room_type{margin-top:15px;}
.main4 .main_room_type:before{content:"";margin-bottom:15px;display:block;width:40px;height:1px;background:#fff;}
.main4 .main_room_title{font-family: 'Noto Sans KR', sans-serif;margin-bottom:20px;font-size:2em;font-weight:100; letter-spacing: -1px;}
.main4 span{font-size:1.2em;line-height:1.5em;}


.main4 .p_absolute a{margin-top:10vh;display: inline-block;font-size:1.2em;font-weight:500;padding-bottom:5px;}
.main4 .p_absolute a:after{display: inline-block;content:"";transition:width 1s;height:1px;background:#fff;width:0%;}
.main4 .p_absolute a:hover:after{width:100%;}
.main4 .room_bottom_btn{bottom:5em;right:20px;}
.main4 .main_room_btn div span{color:#fff;}
.main4 .main_room_btn div{display:inline-block;width:20%;float:left;text-align:center;}
.main4 .main_room_btn{z-index:1;position:absolute;width:80%;bottom: 60px;right:60px;font-size:0.9em;}

.main4 .slick-dots{z-index:10;position:absolute;bottom:4%;width:80%;display:inline-block;left:auto;right:60px;border-top:0px solid #fff}
.main4 .slick-dots li button{position:relative;left:0;font-size:0em;width:100%;display:inline-block;float:left;height:80px;border:1px solid transparent;right:auto;margin-top:-80px}
.main4 .slick-dots li{display:inline-block;margin-right:0;transform: initial;background:transparent;height:1px;width:20%;float:left;box-shadow:0 0 0px #fff;transition:background 1s;}
.main4 .slick-dots li.slick-active button{color:transparent}
.main4 .slick-dots li.slick-active {background:#fff;transform: initial;}
.main4 .slick-dots li.slick-active:after {content:"";display:none;}
.main4 .slick-dots:after{content:"";display:inline-block;position:absolute;margin-top:-30%;right:71px;font-size:0em;color:#fff}

.page5 .p_relative{display:block;width:100%;padding-left:25%;}
.page5 .page5title{width:25%;position:absolute;left:0;top:0;color:#b6b6b6;bottom:0;background:#4c4c4c;height:100vh;padding-top:16%;text-align:center;}
.page5 .page5title h2 span{color:#b6b6b6;}
.page5 .page5title p{margin-top:22px;color:#b6b6b6; line-height: 26px;}
.page5 .slick-dots{left:-25% !important}

/*sub*/
.title{display:block;position:fixed;z-index:1;top:0;left:0;width:100%;bottom:0;}
.title .p_absolute{transition:opacity 1s;opacity:1;}
.title.on .p_absolute{opacity:0}
.title.on .scrollwrap{height:0;}
.title.on .scrollwrap span{opacity:0}

.title .height100 .p_absolute{top: 50%; transform: translateY(-50%); left:0;right:0;font-size:1.8em;text-align:center;}
.title .height60 .p_absolute{top: 50%; transform: translateY(-50%); left:0;right:0;font-size:1.8em;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: 'Noto Sans KR', sans-serif; font-weight: 100; font-size: 1em; letter-spacing: -1px; color:#fff;margin-bottom:20px;text-shadow:0 0 20px rgba(0,0,0,0.4)}
.title .height100 .p_absolute p,.title .height60 .p_absolute p{font-size: 0.5em; font-weight:400;letter-spacing:1em; margin-left: 20px;}

.stitle1{position:fixed;z-index:5;top:48%; box-shadow: 0 0 50px rgba(0,0,0,0.2);background: rgba(0,0,0,0.1);display:inline-block;width:40%;left:30%;font-size:3em;text-shadow:0 0 2px rgba(0,0,0,0.7);color:#fff;letter-spacing:1em;text-align:center;
}
.stitle2{position:fixed;font-size:1.6em;z-index:5;top:24%;display:inline-block;width:25%;left:10%;text-shadow: 1px 0px 2px #222222; word-break: keep-all;}
.slide-maintitle .stitle2{position:fixed;font-size:1.5em;z-index:5;top:42%;display:inline-block;left:30%;text-align:center;}
.stitle2 h2{text-shadow:0 0 2px rgba(0,0,0,0.9);color:#fff;}
.stitle3{position:fixed;font-size:1.1em;z-index:5;top:45%;display:inline-block;width:40%;right:30%;text-align:center;}
.stitle3 p{text-shadow:0 0 2px rgba(0,0,0,0.9);color:#fff;line-height:2em;font-weight:700}


.slide-maintitle .stitle1{position:absolute;    margin-top: 40vh;transition:opacity 3s}
.slide-maintitle .stitle2{position:absolute;    margin-top: 40vh;}

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


.page2.active .slide-maintitle .stitle1,.slide-title.on .stitle1{opacity:1;
-webkit-animation: event_ani1 3s; /* Chrome, Safari, Opera */ 
-webkit-animation-timing-function: ease-in-out; 
animation: event_ani1 3s;
animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;

}
.page2.active .slide-maintitle .stitle2,.slide-title.on .stitle2{opacity:0;
-webkit-animation: event_ani2 4s; /* Chrome, Safari, Opera */ 
-webkit-animation-timing-function: ease-in-out; 
animation: event_ani2 4s;
animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;

}
.page2.active .slide-maintitle .stitle3,.slide-title.on .stitle3{opacity:0;
-webkit-animation: event_ani2 6s; /* Chrome, Safari, Opera */ 
-webkit-animation-timing-function: ease-in-out; 
animation: event_ani2 6s;
animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;

}

.subSlide{overflow:hidden;width:100%;height:100vh;}

.roomwrap,.travelwrap{position:absolute;top:100vh;left:0;right:0;z-index:2;}
.roomdetail{position:absolute;top:60vh;left:0;right:0;z-index:2;}
.roomdetail .content_wrap2{padding:5vw 0;background:#fff}
.roomdetail .r_sub_title{display:block;margin-top:10px;}
em.r_sub_title {font-weight: 600;}

.roomli2{width:80%;}
.roomli2 li{width:50%;float:left;padding-right:15px;}
.roomli2 li img{width:100%}
.nonepadding{margin-top:25px}

.roomwrap{background:rgba(255,255,255,0.85);padding:8% 12% 12%;}
.travelwrap{background:rgba(255,255,255,1);padding:8% 10% 12%;}
.roomwrap .sub_wrap_left{overflow:hidden;width:100%;background:#fff;margin-bottom:20px}
.roomwrap .sub_wrap_left .content_wrap1,.roomwrap .sub_wrap_left .content_wrap2{display:inline-block;width:50%;float:left;}
.roomwrap .sub_wrap_left .content_wrap1 img,.roomwrap .sub_wrap_left .content_wrap2 img{width:100%;}
.roomwrap .sub_wrap_left .content_wrap1{padding:5em 0 0;text-align:center;}
.roomwrap .sub_wrap_left .content_wrap1 h3{font-family: 'Noto Sans KR', sans-serif; font-weight: 400;font-size:1.5em; margin-bottom:10px;}
.roomwrap .sub_wrap_left .content_wrap1 h3 em{font-weight:400;font-size:1em;display:inline-block;margin-right:10px;}
.roomwrap .sub_wrap_left .content_wrap1 .content_wrap a{display:inline-block;transition:background,color 1s;font-weight:400;padding:12px 20px;color:#5388aa;border:1px solid #5388aa;margin-top:30px;}
.roomwrap .sub_wrap_left .content_wrap1 .content_wrap a:hover{color:#fff;background:#5388aa}
.titlecontent{letter-spacing:8px;font-size:0.8em;margin-bottom:20px;}
.roomwrap .sub_wrap_left .content_wrap1 .content_wrap p{line-height:1.5em;}
.veiwbtn{text-shadow:0 0 1px rgba(0,0,0,0.9);color:#fff;position:absolute;transition:right 1.2s;right:12vw;bottom:5vw;cursor:pointer;z-index:3;font-size: 2em;font-weight:700;}
.veiwbtn.on{right:-15vw;}


.specialwrap{z-index:5;top:0;bottom:0;right:-30vw;transition:right 1.2s;width:30vw;padding:7% 3vw;background:rgba(255,255,255,0.8); overflow-y: scroll;}
.room_wrap{z-index:5;top:0;bottom:0;right:-30vw;transition:right 1.2s;width:30vw;padding:5% 3vw;background:rgba(255,255,255,0.8);}
.specialwrap.on{right:0;}
.specialwrap h3{margin-bottom:20px; font-family: 'Noto Sans KR', sans-serif; font-size:2em; font-weight: 100; letter-spacing: -1px;}
.specialwrap p{line-height:1.5em;}
.specialwrap .titlecontent:after{content:"";width:30px;height:1px;display:block;background:#4e4e4e;clear:both;margin:2vw 0}
.special_btn {display:block;margin-top:3vw;}
.special_btn:before {content: ""; display: block; width: 100%; height: 1px; background: #4e4e4e; margin-bottom: 40px;}
.special_btn a{display:inline-block;margin-bottom:15px;padding:8px 10px;margin-right:10px;border-bottom:1px solid transparent;transition:border 1s}
.special_btn a:hover{border-bottom:1px solid #4e4e4e}
a.room_btn{display:inline-block;transition:background,color 1s;font-weight:400;padding:12px 20px;color:#fff;background:#5388aa;border:1px solid #5388aa;margin-top:30px;}
a.room_btn:hover{color:#5388aa;background:transparent}

.nodata{text-align:center;padding:5em 0;color:#666}
.nodata i{font-size:4em;color:#c3c3c3;margin-bottom:20px;}


.roomslide .slick-dots{z-index:10;position:absolute;bottom:4%;width:auto;display:inline-block;list-style:none;left:auto;right:200px;border-top:0px solid #fff}
.roomslide .slick-dots li button{color:transparent;position:absolute;margin-top:-4.75%;right:131px;font-size:1.4em;background:transparent;border:1px solid transparent;}
.roomslide .slick-dots li{display:inline-block;transition:transform 1s;height:40px;margin-right:20px;width:2px;cursor:pointer;float: none;box-shadow:0 0 0px #fff;background: #fff;}
.roomslide .slick-dots li.slick-active{transform: skew(20deg, -30deg);}
.roomslide .slick-dots li.slick-active ~ li{box-shadow:0 0 0px transparent;background:#fff;}
.roomslide .slick-dots li.slick-active button{color:transparent;}
.roomslide .slick-dots li.slick-active:after {content:"";display:none;}
.roomslide .slick-dots:after{content:"";display:inline-block;position:absolute;margin-top:0;right:71px;font-size:0;color:#fff}
.roomslide .slick-prev,.roomslide .slick-next{text-shadow: 0 0 0px #000;z-index:19;width:50px;height:50px;border-radius:50%;font-size:0em;padding:0;line-height:50px;display:inline-block;text-transform:uppercase; word-wrap: break-word;position: absolute;border:2px solid #fff;cursor: pointer;outline: none;color: #fff;background:transparent;}
.roomslide .slick-prev{top:auto;left:auto;bottom:4%;right:80px}
.roomslide .slick-next{top:auto;left:auto;bottom:4%;right:20px}
.roomslide .slick-next:before{content:">";display:inline-block;color:#fff;font-size:25px;width:100%;}
.roomslide .slick-prev:before{content:"<";display:inline-block;color:#fff;font-size:25px;width:100%;}


.li4{width:80%;margin:0 auto; text-align: center;overflow:hidden;}
.li4 li{position:relative;overflow:hidden;text-align:center;display:inline-block;margin-bottom:0.5vh;width:25%;padding:15px;}
.li4 .popup_content{background:#fff;box-shadow:0 0 2px rgba(100,100,100,0.5);padding:8px 5px;}
.li4 .popupimg{width:100%;height:23vw;background-repeat:no-repeat;background-size:cover;}
.li4 .popupcontent{min-height:200px;padding:8px 5px;}
.li4 .popupcontent p:nth-child(1){font-size:1.5em;margin-bottom:20px;}


.sub_wrap_left.backgray1{margin-top:0}
.sub_wrap_left.backgray1 .content_wrap1{background:#fff;padding:4vw 5vw 2vw;}
.reservationbtn{text-align:center;}
.reservationbtn a{display: inline-block;padding: 0 20px;position:relative}
.reservationbtn a.on{font-weight:600;color:#5388aa}
.reservationbtn a:last-child{margin-right:0;margin-left:1.3vw;}
.reservationbtn a:last-child:before{display: inline-block;content:"|";position:absolute;left:-1vw}
.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-bottom:2vw;width:60%;margin:0 auto;}
.reservation_wrap .subtitle{padding:1.5vw 0;border-bottom:1px dashed #5388aa;color:#5388aa;}
.reservation_wrap .subtitle span{padding:8px 12px;background:#5388aa;color:#fff;font-size:0.8em;margin-right:20px;}
.reservation_wrap .subtitle i{color:#fff}
.reservation_wrap .content_wrap{padding:1.5vw 0;}
.reservation_wrap .content_wrap p{line-height:1.3em;}
#reserveframe{width:100%;min-height:130vh}
.map_wrap{width:40%;overflow:hidden;margin:0 auto 20px;}


.travelwrap .sub_wrap_left .content_wrap1 h3{font-size:2.2em;}
.travelwrap .sub_wrap_left:nth-child(even) .content_wrap1{margin-left:10%;}
.travelwrap .sub_wrap_left .content_wrap2 ul.travel_wrap{overflow:hidden;background:#fff;width:100%;padding:5vw 10vw;}
.travelwrap .sub_wrap_left .content_wrap2 ul.travel_wrap li{overflow:hidden;width:50%;float:left}
.travelwrap .sub_wrap_left .content_wrap2 ul.travel_wrap li .travel_img{width:100%;padding:5px;}
.travelwrap .sub_wrap_left .content_wrap2 ul.travel_wrap li .travel_img img{width:100%}
.travelwrap .sub_wrap_left .content_wrap2 ul.travel_wrap li:last-child{padding-left:3vw;padding-top:3vw;}
.travelwrap .sub_wrap_left .content_wrap2 h3{}
.travelwrap .sub_wrap_left .content_wrap2 h3 span:first-child{font-size:3em;opacity:0.8;font-weight:bold;}
.travelwrap .sub_wrap_left .content_wrap2 h3 span:first-child em{font-weight:bold;font-size:1em; /*opacity:0.6*/}
.travelwrap .sub_wrap_left .content_wrap2 h3 span:last-child{display:block;font-family: 'Noto Sans KR', sans-serif;font-size:1.8em;font-weight:100; letter-spacing: -1px;} 

.travelwrap .sub_wrap_left .content_wrap2 .travel_wrap li:first-child p{font-size:0.7em;margin-bottom:4.3vw;text-align:center;}
.travelwrap .sub_wrap_left .content_wrap2 .travel_wrap li:last-child p{line-height:1.5em;}
.travelwrap .sub_wrap_left .content_wrap2 .travel_wrap li:last-child .travel_line{margin:2vw 0;}
.travelwrap .sub_wrap_left .content_wrap2 .travel_wrap li:last-child .travel_line span{width:50px;height:1px;background:#aaa;display:inline-block;}
.movewrap {font-weight: 600; margin-bottom: 10px;}

.faqwrap{padding:30px;overflow:hidden;width:70%;border-bottom:1px dashed #ddd;border-top:1px solid #333;margin:10px auto 8%;}
.faqtitle{padding:20px;overflow:hidden;width:70%;margin:10px auto;}
.faqtitle span:first-child{padding-right:20px;border-right:1px solid #ddd}
.faqtitle span:last-child{padding-left:20px;}
.faqwriter span:first-child{margin-right:20px;}
.faqwriter span{color:#bbb}
.commantwrap{background:#f8f8f8;margin-top:-8%;border-top:1px solid #f8f8f8;padding:30px 20px 10px;}

.faqwrap input,.faqwrap textarea{border:1px solid #ddd;background:#fff;padding:10px;width:100%;}
.faqwrap input[type=password]{width:25%;}
.faqwrap input[type=submit]{width:auto;float:right;border-radius:0;border:1px solid #ddd;font-size:12px;color:#333;cursor:pointer;}
.faqwrap input[type=submit]:hover{color:#fff;}

.faqbtn{cursor:pointer;float:right;display:inline-block;transition:background,color 1s;padding:12px 20px;color:#fff;background:#5388aa;border:1px solid #5388aa;margin-top:30px;}
.faqbtn:hover{color:#5388aa;background:transparent}
.faqfaq{margin-bottom:20px;margin-top:30px;}
.faqbtnwrap{padding:20px 0 10px;text-align:right;}
.upbtn{cursor:pointer;display:inline-block;margin-right:10px;padding:10px;border-radius:5px;background:#b4b1b1;color:#fff}
.delbtn{cursor:pointer;display:inline-block;padding:10px;border-radius:5px;background:#e5e5e5;}
.faqwriter{margin-bottom:20px;font-size:0.9em;float:right;overflow:hidden;color:#bbb}
.commentView{overflow:hidden;width:70%;margin:10px auto;}
.commentView > div{padding:15px;font-size:0.9em;border-bottom:1px dashed #ddd}
.commentView > div a{display:inline-block;float:right;color:#bbb;padding:1px 10px;}
.del_popup{width:300px;display:none;border:1px solid #bbb;position:absolute;background:#fff;box-shadow:0 0 2px 1px rgba(0,0,0,0.2)}
.del_popup .subtitle{padding:10px;background:#5388aa;color:#fff;}
.del_popup button{padding:5px 8px;background:#fff;border:1px solid #bbb;color:#bbb;margin:3px;font-size:0.8em;display:inline-block;width:auto;}
.del_popup .content_wrap{text-align:center;margin-top:20px;}
.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:#5388aa;font-weight:700}

#popup{position:fixed;display:none;top:10%;left:12%;z-index:50;}
.popupxwrap{overflow:hidden;display:block;}
#popup .popupx{float:right;display:inline-block;cursor:pointer;padding:8px 12px;background:#fff;border:1px solid #4e4e4e;color:#4e4e4e;box-shadow:0 0 2px rgba(0,0,0,0.3) }
.popupx i{color:#4e4e4e;}
.popupwrap .popup_list{display:none}
.popupwrap .popup_list.active{display:inline-block}
.popupwrap .popup_list .popup_img{width:500px;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 #4e4e4e;color:#4e4e4e;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:#4e4e4e;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; margin-bottom: 15px;}
	.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:square; margin-left: 2em; margin-bottom: 15px;}
	.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: #5388aa; border-bottom: 2px dashed #ddd;}
	.guide_table .text_ss {font-size:0.8em; font-weight: 500;padding-bottom: 10px}



.footerbtn{display:inline-block;position:absolute;cursor:pointer;z-index:100;bottom:20px;right:40px;font-weight:700;color:#fff;text-shadow:0 0 1px rgba(0,0,0,0.5)}
.footer{padding:2%;transition:display 1.2s;display:none;width:30%;background:#4e4e4e;z-index:99;font-size:13px;position:absolute;bottom:0;right:0;}
.footer img{width:130px}
.footer .footerlogo{margin-bottom:20px;}
.footer  p:lang(en){font-size:1.2em; margin-bottom:6px;margin-top:6px;}
.footer .footer_info p{color:#aaa;line-height:1.4em;}
.footer .footer_info i,.footer .footer_info em{color:#aaa;margin:0 10px 0 0;}
.footer .footer_business{}
.footer .footer_business p{color:#aaa;line-height:1.4em;}
.footer .footer_business em{color:#aaa;margin:0 10px 0 0;}
.footer3{font-size:0.6em !important;margin-top:15px !important;}
.footer3 a {color: #fff;}
.footer.on{display:inline-block;}
.page5.active .footer{opacity:1;position:absolute;}

.loading{background:#4e4e4e;position:fixed;top:0;bottom:0;left:0;width:100%;z-index:100;box-sizing:border-box;padding-top:20%;text-align:center;}
.loading .ld-icon{display:inline-block;}
.loading .ld-icon img{width:130px;-webkit-animation-name:loading-icon; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration:2s; /* Safari 4.0 - 8.0 */
  animation-name:loading-icon;
  animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.loading .ld-bg{display:inline-block;overflow:hidden;color:#fff;font-family: 'Noto Sans KR', sans-serif; font-weight: 100; font-size:1.8em; letter-spacing: -1px; margin-top:25px;opacity:0;height:100px;-webkit-animation-name:loading-bar; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration:2s; /* Safari 4.0 - 8.0 */
  animation-name:loading-bar;
  animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.loading .ld-bg em{font-size:0.6em;color:#fff;margin-top:20px;}
@-webkit-keyframes loading-bar{
   0% {opacity:0;}
   70% {opacity:1;}
   100% {opacity:1;}
}

@keyframes loading-bar{
   0% {opacity:0;}
   70% {opacity:1;}
   100% {opacity:1;}
}
@-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{opacity:1}
50%{opacity:1}
to{opacity:0}
}
/* Standard syntax */
@keyframes event_ani1{
from{opacity:1}
50%{opacity:1}
to{opacity:0}

}

@-webkit-keyframes event_ani2{
from{opacity:0}
50%{opacity:0}
to{opacity:1}
}
/* Standard syntax */
@keyframes event_ani2{
from{opacity:0}
50%{opacity:0}
to{opacity:1}

}

@media (max-width:1200px) {

.top_wrap.on .logo{width:45%;max-width: 246px;}
.top_wrap .logo{width:45%;max-width: 246px;}

}