.pc { display:block; }
.mobile { display:none; }
@media all and (max-width:1250px){
	.pc { display:none; }
	.mobile { display:block !important; }
}

.top_menu{width:100%;margin:0 auto; max-width:1000px;height:70px;}
.top_menu ul{padding-top:25px;}
.top_menu ul li{float:left;border-right:1px solid #D2D2D2;padding:0 6%;}
.top_menu ul li:nth-child(1){padding-left:0;}
.top_menu ul li:nth-child(6){padding-right:0;border-right:0;}

@media all and (max-width:1000px){
	.top_menu{width:100%;height:40px;}
	.top_menu ul{padding-top:0;}
	.top_menu ul li{width:33.1%;padding:0;border-right:1px solid #D2D2D2;border-bottom:1px solid #D2D2D2;text-align:center;}
	.top_menu ul li:nth-child(3){border-right:0;}
	.top_menu ul li:nth-child(4){border-left:0;}
	.top_menu ul li a{display:block;font-size:14px;}
}


header{position:fixed; top:0px;z-index:9999;width:100% !important;left:auto !important;}
.logo{position:relative;top:30px;left:40px;}
.menu{position:absolute;top:45px;right:40px;z-index:9999;}
.reserve{position:absolute;top:40px;right:200px;z-index:9999;}

.scroll_reservation { opacity:0; position:fixed; right:0; bottom:0; width:18.88%; z-index:9999; }

@media all and (max-width:1250px){
	.logo{left:4%;}
	.menu{right:4%;}
	.reserve{display:none;}

	.scroll_reservation { width:38.88%; }
}

@media all and (max-width:600px){
	.logo img{width:10%;}
}


/*메뉴*/

#menu_on{position:fixed;top:0;background:#5B6460;width:100%; height:100%;overflow:hidden;z-index:9999;display:none;}
#menu_on .menu_on_wrap{position:relative;width:100%; margin:0 auto; max-width:1200px;margin-top:200px;overflow:hidden;}
#menu_on .menu_on_wrap .instalogo{float:left;}
#menu_on .menu_on_wrap .close{float:right;}


.nav1{clear:both;width:100%;border-top:2px solid #818583;border-bottom:2px solid #353736;height:94px;margin-top:10px;}
.nav1 a{color:#eae8e4;display:inline-block;line-height:94px;font-family:"Spoqa Han Sans";font-size:34px;margin-right:80px;}
.nav1 a:hover, .nav1 a.current { color:#343940; }
.nav1 a:last-child{margin-right:0;}

.nav2{clear:both;width:100%;height:290px;margin-top:15px;border-bottom:2px solid #353736;}
.nav2 ul{float:left;overflow:hidden;}
.nav2 ul li{line-height:38px;overflow:hidden;}
.nav2 ul li a{color:#eae8e4;font-size:20px;  font-family:"Spoqa Han Sans";}
.nav2 ul li a:hover, .nav2 ul li a.current { color:#343940; }
.nav2 .nav2_1{width:214px;}
.nav2 .nav2_2{width:204px;}
.nav2 .nav2_3{width:180px;}
.nav2 .nav2_4{width:240px;}
.nav2 .nav2_5{width:237px;}
.nav2 .nav2_6{width:119px;}

.menu_call{color:#eae8e4;font-size:26px; font-family:"Spoqa Han Sans";font-weight:400;float:left;margin-top:30px;}
.menu_call2{color:#eae8e4;font-size:26px; font-family:"Spoqa Han Sans";font-weight:400;float:left;margin-top:30px;margin-left:45px;}
.menu_reserve{width:319px; height:60px; line-height:60px;background:#343940;text-align:center;float:right;margin-top:5px;}
.menu_reserve a{font-size:26px; font-family:"Spoqa Han Sans";color:#eae8e4;display:block;}

#menu_on .menu_on_wrap .nav1 .menu_m{display:none;}
#menu_on .menu_on_wrap .nav1 .menu_m2{display:none;}
#menu_on .menu_on_wrap .nav1 .menu_m3{display:none;}

.nav2 a{color:#eae8e4;}


@media all and (max-width:1250px){
	.menu{z-index:999;}
	#menu_on .menu_on_wrap .close{float:right;position:relative;right:5%;margin-bottom:50px;}
	#menu_on .menu_on_wrap{width:100%;margin-top:50px;}
	#menu_on .menu_on_wrap .instalogo{display:none;}
	.nav1{height:100%;}
	.nav1{width:100%;margin:0 auto;border-bottom:0;border-top:0;}
	.nav1 a{width:100%;padding-left:10%;font-size:18px;height:40px;line-height:40px;border-bottom:1px solid #818483;}
	.pc_in li a{font-size:14px;}
	.pc_in2 li a{font-size:14px;}
	.pc_in3 li a{font-size:14px;}
	.nav1 a:nth-child(2){border-top:1px solid #818483;}
	.nav1 a:hover, .nav1 a.current{color:#e3ccbe;}

	.nav2{border-bottom:0;height:100%;}
	.nav2 ul{width:100%;}
	.nav2 a:hover{color:#e3ccbe;}
	.nav2 .nav2_1{width:100%;display:none;}
	.nav2 .nav2_2{width:100%;display:none;}
	.nav2 .nav2_3{width:100%;display:none;}
	.nav2 .nav2_4{width:100%;display:none;}
	.nav2 .nav2_5{width:100%;display:none;}
	#menu_on .menu_on_wrap .nav2 .nav2_6{width:100%;display:none;}
	
	
	#menu_on .menu_on_wrap .nav1 .menu_pc{display:none;}
	#menu_on .menu_on_wrap .nav1 .menu_m{display:block;}
	#menu_on .menu_on_wrap .nav1 .menu_m2{display:block;}
	#menu_on .menu_on_wrap .nav1 .menu_m3{display:block;}

	
	.menu_call{display:none;}
	.menu_call2{display:none;}
	.menu_reserve{display:none;}

}


footer{clear:both;width:100%; background:#333941; }
footer .foot_wrap{width:100%; max-width:1400px; margin:0 auto;}
footer .f_text{width:310px; margin:0 auto;padding-top:40px; text-align:center;}
footer .f_text .f_tel{font-size:14px; font-family:"Spoqa Han Sans";color:#fff;font-weight:400;letter-spacing:1px;line-height:40px;}
footer .f_text .f_tel a{font-size:14px;font-family:"Spoqa Han Sans";color:#fdc132; font-weight:400;text-decoration:underline;}
footer .f_text .f_tel strong{font-weight:400;font-size:14px;}
footer .f_text .f_location{font-size:14px; font-family:"Spoqa Han Sans";color:#fff;font-weight:400;letter-spacing:0.5px;line-height:40px;}
footer .f_text .f_bank{font-size:14px; font-family:"Spoqa Han Sans";color:#fff;font-weight:400;letter-spacing:-0.5px;line-height:40px;}

footer .f_text .f_tel img{position:relative;top:14px;margin-right:20px;}
footer .f_text .f_location img{position:relative;top:10px;margin-right:20px;}
footer .f_text .f_bank img{position:relative;top:12px;margin-right:20px;}

footer .f_logo{text-align:center;margin:50px 0;}
footer .f_info{text-align:center;margin:10px 0;}

footer .copyright{text-align:center;font-size:12px;font-family:"Spoqa Han Sans";color:#666; font-weight:400;line-height:28px;padding-bottom:20px;}
footer .copyright a{font-size:12px;font-family:"Spoqa Han Sans";color:#AEAEAE; font-weight:400;text-decoration:underline;}


/* 객실 리스트 */
.rooms { padding-bottom:90px; z-index:99;}
.rooms h2{color:#000; font-family:"Spoqa Han Sans"; font-weight:300;}
.rooms.main_rooms h2 { font-size:30px; }
.rooms.sub_rooms h2 { font-size:20px; text-align:center; }

.rooms h3{color:#6c6c6c;font-family:"Spoqa Han Sans";font-weight:400;padding-bottom:60px;}
.rooms.main_rooms h3 { font-size:18px; }
.rooms.sub_rooms h3 { font-size:18px; text-align:center; }

.rooms ul{clear:both;width:100%; margin:0 auto; max-width:1400px; font-size:0; }
.rooms ul li{display:inline-block;position:relative;width:48%;margin-right:1.5%;margin-bottom:20px; background:#000; overflow:hidden; }

/* 마우스 효과 */
.rooms ul li figure {
	display:block; width:100%; height:100%; 
	animation-name: rooms_fadeIn;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-fill-mode: forwards;
	/* 축소 */
	transform:scale(1);
	transition:0.6s;
}
.rooms ul li:hover figure {
	animation-name: rooms_fadeOut;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-fill-mode: forwards;
	/* 확대 */
	transform:scale(1.3,1.3);
	transition:0.4s;
}
@keyframes rooms_fadeOut {
    from { opacity:0.80; }
    to { opacity:7; }
}
@keyframes rooms_fadeIn {
    from { opacity:7; }
    to { opacity:0.80; }
}

.rooms ul li img{width:100%;}
.rooms ul li:nth-child(3n){margin-right:0;}
.rooms ul li .room_text{position:absolute;top:30%;left:0;width:100%; text-align:center;margin:0 auto;z-index:999;}
.rooms ul li .room_text .room_no{font-size:52px; color:#fff; font-family:"Spoqa Han Sans";font-weight:400;}
.rooms ul li .room_text .room_style{font-size:16px; color:#fff; font-family:"Spoqa Han Sans";font-weight:400;padding-bottom:20px;}
.rooms ul li .room_text .room_detail{width:32%; margin:0 auto; height:38px;border:1px solid #fff;color:#fff; line-height:38px; font-size:16px;}

@media all and (max-width:1200px){
	.rooms h2{text-align:center;}
	.rooms h3{text-align:center;}
	.rooms ul li{width:47%;margin-left:1.5%;}	
	.rooms ul li:nth-child(3n){margin-right:1.5%;}
	.rooms ul li:nth-child(2n){margin-right:0;}
	.rooms ul li .room_text .room_no{font-size:40px;}
	.rooms ul li .room_text .room_style{font-size:14px;padding-bottom:15px;}
	.rooms ul li .room_text .room_detail{width:32%; margin:0 auto; height:30px;line-height:30px;}
}

@media all and (max-width:600px){
	.rooms ul li{width:100%;height:320px;margin-right:0;margin-left:0;}
	.rooms ul li:nth-child(3n){margin-right:0;}
	.rooms ul li img{height:100%;}
	.rooms ul li .room_text{top:30%;}
/*
	.rooms ul li:nth-child(3n){margin-right:0;}
	.rooms h2{font-size:30px;}
	.rooms h3{font-size:16px;}*/
}