
html, body{font-family: 'Noto Sans KR', sans-serif; overflow-x:hidden;}
	/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-size: 5em;
		font-family: arial,helvetica;
		color: #fff;
		margin:0;
		padding:0;
	}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}


	/* Backgrounds will cover all the section
	* --------------------------------------- */
	#section0,
	#section1,
	#section2,
	#section3{
		background-size: cover;
		background-attachment: fixed;
		background-position:center;
	}

	/* Defining each sectino background and styles
	* --------------------------------------- */
	#section0{
		background-size:cover;
		position:relative;
	}
	#section0 h1{
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		z-index:100;
	}
	#section2{
		background-size:cover;
	}
	#section3{
		background-size:cover;
		padding: 0 0 0 0;
	}
	#section3 h1{
		color: #000;
	}

	/* Bottom menu
	* --------------------------------------- */
	#infoMenu li a {
		color: #fff;
	}



.cont_box{margin-left:0px; height:100%; overflow:hidden;}
@media screen and (max-width: 1024px){
.cont_box{height:350px !important;}
#section1{height:350px !important;}
}


.top_navigation{position:fixed; top:0; width:100%; z-index:10}
.top_navigation .gnb{width:100%; position:absolute; top:0px; border-bottom:1px solid rgba(255,255,255,0.4);}
.top_navigation .gnb ul{overflow:hidden; text-align:center; padding:35px 0; transition:.5s}
.top_navigation .gnb ul li{display:inline-block; font-family: 'Open Sans', sans-serif; font-weight:600;}
.top_navigation .gnb ul li a{display:block; padding:5px 25px; color:#fff; font-size:15px; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); transition:.5s}
.top_navigation .gnb ul li:hover a{transform:scale(1.1)}

.naviclass{padding:20px 0 !important; background:#fff;  border-bottom:1px solid rgba(0,0,0,0.4) !important;}
.naviclass li{}
.naviclass li a{color:#333 !important;}

.top_navigation .logo{position:absolute; top:0; left:30px; z-index:11}
.top_navigation .reser_all_btn{position:absolute; top:0; right:30px; z-index:11; font-family: 'Open Sans', sans-serif; font-weight:600;  }
.top_navigation .reser_all_btn a{display:block; padding:40px 0px 40px 20px; color:#fff; font-size:15px; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); background:url(../images/reser1.png)no-repeat center left; transition:.5s}
.mobile_top{display:none; overflow:hidden; padding:10px 10px 10px 10px}
.mobile_top .logo{float:left;}
.mobile_top .logo img{width:80%}
.mobile_top .reser_all_btn{position:absolute; top:0; right:50px; z-index:11; font-family: 'Open Sans', sans-serif; font-weight:600;  }
.mobile_top .reser_all_btn a{display:block; padding:25px 0px 25px 20px; color:#333; font-size:15px; background:url(../images/reser2.png)no-repeat center left; transition:.5s; font-size:12px}
.mobile_top .menu_all_btn2{position:absolute; top:15px;  right:5px; padding:10px; cursor:pointer;}

.mobile_top .call{position:absolute; top:0; right:150px; z-index:11; font-family: 'Open Sans', sans-serif; font-weight:600;}
.mobile_top .call a{display:block; padding:25px 0px 25px 20px; color:#333; font-size:15px; background:url(../images/call.png)no-repeat center left; transition:.5s; font-size:12px}

@media screen and (max-width: 1024px){
.mobile_top{display:block;}
.top_navigation{display:none;}

}

.reser_all_btn2 a{ padding:25px 0px 25px 20px !important; color:#333 !important; background:url(../images/reser2.png)no-repeat center left !important; }

.back_menu{width:100%; position:fixed; top:100px; z-index:10;}
.back_menu .sub_menu{transition:.5s}
.back_menu .sub_menu ul{position:absolute; top:0; left:52.5%; background:rgba(0,0,0,0.1); padding:10px 20px; display:none}
.back_menu .sub_menu ul li{width:80px}
.back_menu .sub_menu ul li a{display:block; color:#fff; font-size:13px; text-align:center}

.back_menu{width:100%; position:fixed; top:100px; z-index:10;}
.back_menu .sub_menu2{ransition:.5s }
.back_menu .sub_menu2 ul{position:absolute; top:-30px; left:52.5%; background:rgba(255,255,255,1); padding:10px 20px; display:none}
.back_menu .sub_menu2 ul li{width:80px}
.back_menu .sub_menu2 ul li a{display:block; color:#333; font-size:13px; text-align:center}



.menu_list1{margin-left:-350px !important}
.menu_list2{margin-left:-240px !important}
.menu_list3{margin-left:-130px !important}
.menu_list4{margin-left:-0px !important}
.menu_list5{margin-left:134px !important}


.main_txt_top{position:absolute; z-index:9; width:100%; top:40%; text-align:center; color:#fff;}
.main_txt_top .t01{font-family: 'Open Sans', sans-serif; font-size:12px; letter-spacing:4px}
.main_txt_top .t02{font-family: 'Lexend', sans-serif; font-size:70px; font-weight:800}
.main_txt_top .t03{font-family: 'Noto Sans KR', sans-serif; font-size:13px}

@media screen and (max-width: 1024px){
.main_txt_top{top:40%;}
.main_txt_top .t02{font-size:20px;}
.main_txt_top .t03{font-size:11px}
}




.main_txt_top3{position:absolute; z-index:9; bottom:20%; left:10%; text-align:left; color:#fff;}
.main_txt_top3 .t01{font-family: 'Open Sans', sans-serif; font-size:12px; letter-spacing:4px}
.main_txt_top3 .t02{font-family: 'Open Sans', sans-serif; font-size:70px; font-weight:800}
.main_txt_top3 .t03{font-family: 'Noto Sans KR', sans-serif; font-size:13px}

@media screen and (max-width: 1024px){
.main_txt_top3{bottom:20%; left:15%;}
.main_txt_top3 .t02{font-size:20px;}
.main_txt_top3 .t03{font-size:11px}




}
.main_txt_top2{position:absolute; z-index:9; width:100%; top:40%; text-align:center; color:#fff; }
.main_txt_top2 .t02{font-family: 'Dancing Script', cursive; font-size:120px; margin-top:-20px; position:relative}
.main_txt_top2 .t02 .t01{font-family: 'Open Sans', sans-serif; font-size:12px; letter-spacing:4px; position:absolute; left:50%; top:30px}
.main_txt_top2 .t03{font-family: 'Noto Sans KR', sans-serif; font-size:13px; margin-top:-30px}
.main_txt_top2 .t05{font-family: 'Single Day', cursive; font-size:100px; letter-spacing:20px; position:relative;}

.button_left{position:absolute; top:48%; z-index:10; left:30px; cursor:pointer}
.button_right{position:absolute; top:48%; z-index:10; right:30px; cursor:pointer}

@media screen and (max-width: 1024px){
	

.button_left{left:10px; transform:scale(0.5); top:42%; }
.button_right{right:10px; transform:scale(0.5); top:42%;}
.main_txt_top2{top:45%;}
.main_txt_top2 .t02{font-size:30px;}
.main_txt_top2 .t03{font-size:11px; padding-top:30px}
.main_txt_top2 .t05{font-size:30px;}
.main_txt_top2 .t02 .t01{display:none;}
}

.cont_wrap{overflow:hidden;}
.cont_wrap .cont_title{overflow:hidden; margin:50px; text-align:center; padding-top:50px}
.cont_wrap .cont_title .t01{}
.cont_wrap .cont_title .t02{font-family: 'Open Sans', sans-serif; font-size:30px; color:#333; font-weight:600}
.cont_wrap .cont_title .t03{font-family: 'Noto Sans KR', sans-serif; font-size:13px; color:#666}
.cont_wrap .cont_title .t04{font-family: 'Open Sans', sans-serif; color:#2365af; cursor:pointer; text-align:center; font-size:11px; margin-top:20px}
.cont_wrap .cont_title .t04 .pre{display:inline-block; padding:0 30px;}
.cont_wrap .cont_title .t04 .next{display:inline-block; padding:0 30px;}
.cont_wrap .cont_title .t04 span{letter-spacing:-1px}

@media screen and (max-width: 1024px){
.cont_wrap .cont_title{margin: 30px; padding-top: 20px;}
.cont_wrap .cont_title .t02{font-size:20px;}
.cont_wrap .cont_title .t01 img {transform: scale(0.8);}
}

.room_slide_wrap{overflow:hidden; margin:0 100px; padding-bottom:100px}
.room_box{overflow:hidden; text-align:center}
.room_box img{width:100%;}
.room_box .t01{color:#333; margin-top:10px; font-family: 'Open Sans', sans-serif; }
.room_box .t02{color:#999; font-size:13px}
.room_box .t03{color:#2365af; font-size:12px; font-family: 'Open Sans', sans-serif; margin-top:10px; transition:.5s}
.room_box .t03 span{letter-spacing:-1px; font-size:11px; transition:.5s}
.room_box:hover .t03 span{padding-left:15px}
@media screen and (max-width: 1024px){

.room_slide_wrap{margin:0 5px;padding-bottom:10px}
.room_box .t03 span{display:none;}
}

.special_box{overflow:hidden; background:#333}
.special_box .box_in{width:100%; height:350px; position:relative; overflow:hidden; display:block; margin-bottom:1px}
.special_box .box_in .img{width:100%; height:100%; opacity:0.4; transition:.5s}
.special_box .box_in:hover .img{opacity:0.7; transform:scale(1.1)}
.special_box .box_in .txt{position:absolute; right:100px; bottom:100px; color:#fff; text-align:right; text-shadow: 1px 1px 1px rgba(0,0,0,0.1);  overflow:hidden}
.special_box .box_in .txt .t01{font-family: 'Open Sans', sans-serif; font-size:13px}
.special_box .box_in .txt .t02{font-family: 'Open Sans', sans-serif; font-size:50px}
.special_box .box_in .txt .t03{font-size:12px;}
.special_box .box_in .txt .button{display:inline-block; padding:5px 40px; font-family: 'Open Sans', sans-serif; font-size:12px; border:1px solid #fff; margin-top:30px;transition:.5s; }
.special_box .box_in:hover .txt .button{background:#fff; color:#333}


.special_box .box_in .txt2{position:absolute; left:100px; bottom:100px; color:#fff; text-align:left; text-shadow: 1px 1px 1px rgba(0,0,0,0.1);  overflow:hidden}
.special_box .box_in .txt2 .t01{font-family: 'Open Sans', sans-serif; font-size:13px}
.special_box .box_in .txt2 .t02{font-family: 'Open Sans', sans-serif; font-size:50px}
.special_box .box_in .txt2 .t03{font-size:12px;}
.special_box .box_in .txt2 .button{display:inline-block; padding:5px 40px; font-family: 'Open Sans', sans-serif; font-size:12px; border:1px solid #fff; margin-top:30px;transition:.5s; }
.special_box .box_in:hover .txt2 .button{background:#fff; color:#333}
@media screen and (max-width: 1024px){
	.special_box .box_in{width:100%; height:130px;}
	.special_box .box_in .txt .button{display:none;}
	.special_box .box_in .txt{ bottom:30px; right:10px;}
	.special_box .box_in .txt .t01{font-size:13px}
	.special_box .box_in .txt .t02{ font-size:20px}
	.special_box .box_in .txt2 .button{display:none;}
	.special_box .box_in .txt2{ bottom:30px; left:10px}
	.special_box .box_in .txt2 .t01{font-size:13px}
	.special_box .box_in .txt2 .t02{ font-size:20px}

}

.foot{background:#333; color:#fff; text-align:left}
.foot .footer{padding:25px 20px; overflow:hidden;  text-align:center; max-width:1000px; margin:0 auto}
.foot .footer .logo{font-size:20px;width:30%; float:left;}
.foot .footer .logo span{font-size:20px; color:#CCC; display:block; margin-top:10px}
.foot .footer .tel{ width:35%; float:left;}
.foot .footer .add{ width:35%; float:left;}
.foot .footer .t01{ font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:700; margin:15px 0 15px 0}
.foot .footer .t02{font-size:13px;}
.copy {padding: 10px 0; text-align: center; border-top: 1px solid #535353;}
.copy {color: #949494;}
.copy a {font-size: 12px; color: #949494;}

.scroll_down{position:absolute; width:100%; bottom:50px; text-align:center; z-index:5}
@media screen and (max-width: 1024px){
.scroll_down{display:none;}
.foot .footer .logo{display:none}
.foot .footer{padding:20px;}
.foot .footer .tel{ width:45%; float:left; margin:0 2.5%}
.foot .footer .tel img {transform: scale(0.8);}
.foot .footer .add{}
}

.about_wrap{overflow:hidden; padding:50px 50px 150px 50px}
.about_wrap .le{float:left; width:50%; text-align:center}
.about_wrap .le img{max-width:100%}
.about_wrap .ri{float:right; width:50%}
.about_wrap .ri .in{padding:0 50px;}
.about_wrap .ri .in .t01{font-family: 'Playball', cursive;  font-size:50px; margin-bottom:20px; margin-top:50px}
.about_wrap .ri .in .t02{font-size:14px; line-height:25px}
.about_wrap .ri .in a{display:inline-block; padding:10px 25px; background:#333; color:#fff;  font-family: 'Open Sans', sans-serif; letter-spacing:2px; font-size:13px; margin-top:50px;  transition:.5s}
.about_wrap .ri .in a:hover{background:#375f8c; color:#fff}
.about_wrap .view{width:100%; text-align:center}
.about_wrap .view img{max-width:100%}
.about_wrap .bo a{display:inline-block; padding:10px 25px; background:#333; color:#fff;  font-family: 'Open Sans', sans-serif; letter-spacing:2px; font-size:13px; margin-top:50px;  transition:.5s}
.about_wrap .bo a:hover{background:#375f8c; color:#fff}
.about_wrap .bo{text-align:center; margin:50px 0}
.about_wrap .bo .t01{font-family: 'Playball', cursive;  font-size:50px; margin-bottom:20px; margin-top:50px}
.about_wrap .bo .t02{font-size:14px; line-height:25px}
@media screen and (max-width: 1024px){
.about_wrap{ padding:30px 10px}
.about_wrap .le{float:left; width:100%;}
.about_wrap .ri{float:left; width:100%;}
.about_wrap .ri .in{padding:0;}
.about_wrap .ri .in .t01{font-size:30px;}
.about_wrap .ri .in .t02{font-size:12px; line-height:20px}
.about_wrap .bo .t01{font-size:20px;}
}



.sub_bg_color{background:#f9f9f9;}

.about_bar{width:100%; height:600px; background:#333; position:relative}
.about_bar .img{width:100%; height:100%; opacity:0.6}
@media screen and (max-width: 1024px){
.about_bar{height:200px}
.about_bar .img {background-attachment: scroll !important;}
}

.layout{overflow:hidden; position:relative}
.layout img{width:100%}

.roomPre_list{position:absolute; width:60%; height:100%; left:22%; top:0; z-index:2}
.roomPre_list a{position:absolute; display:block; width:9%; height:13.6%; opacity:0; filter:alpha(opacity=0;); background:#000; color:#fff;}
.roomPre_list .roomNav01{left:56.1%; top:55%}
.roomPre_list .roomNav02{left:78.2%; top:57.4%}
.roomPre_list .roomNav03{left:31%; top:38.4%}
.roomPre_list .roomNav04{left:54.7%; top:38.2%}
.roomPre_list .roomNav05{left:74.8%; top:42.8%}
.roomPre_list .roomNav06{left:43%; top:17.3%}
.roomPre_list .roomNav07{left:71%; top:26.3%}

.reser_btn_in {text-align:center}
.reser_btn_in a{display:inline-block; padding:10px 25px; background:#333; color:#fff;  font-family: 'Open Sans', sans-serif; letter-spacing:2px; font-size:13px; margin-top:50px;  transition:.5s}
.reser_btn_in a:hover{background:#375f8c; color:#fff}


.sub_menu_wrap{overflow:hidden; border-bottom:1px solid #ddd;}
.sub_menu_wrap .in{max-width:1300px; margin:0 auto; overflow:hidden; text-align:center; padding:15px 0}
.sub_menu_wrap .in a{display:inline-block; text-align:center; color:#666; font-size:15px; padding:2px 20px}
.sub_menu_wrap .in a:hover{text-decoration:line-through}
.sub_menu_wrap .in a.on{text-decoration:line-through; font-weight:bold;}

@media screen and (max-width: 1024px){
.sub_menu_wrap .in{padding:10px 0; text-align:center;  width:100%}
.sub_menu_wrap .in a{font-size:12px; padding:2px 10px}
}

.add_cont_box2{max-width:1400px; margin:0 auto;}
.room_detail{max-width:1400px; margin:100px auto;}
.room_detail .room_img1{overflow:hidden; text-align:center}
.room_detail .room_img1 img{display:block; width:24%; margin:0 0.5%; float:left}

@media screen and (max-width: 1024px){
.room_detail{width:100%; margin:50px auto;}
}
.room_img2{width:100%; height:600px;}
.room_img2 .img{height:600px; }

.room_img3{width:100%; margin:10px 0 10px 0}
.room_img3 img{width:100%; }


@media screen and (max-width: 1024px){

.room_img3{width:100%; margin:50px 0 0}
	.room_img2{width:100%; height:200px; margin:10px 0 10px 0 }
.room_img2 .img{height:200px; }

}
.room_detail .bo a{display:inline-block; padding:10px 25px; background:#333; color:#375f8c;  font-family: 'Open Sans', sans-serif; letter-spacing:2px; font-size:13px; margin-top:50px;  transition:.5s}
.room_detail .bo a:hover{background:#375f8c; color:#333}
.room_detail .bo{text-align:center; margin:50px 0}
.room_detail .bo .t01{font-family: 'Playball', cursive;  font-size:50px; margin-bottom:20px; margin-top:50px}
.room_detail .bo .t02{font-size:14px; line-height:25px}

@media screen and (max-width: 1024px){
.room_detail .bo .t01{font-family: 'Playball', cursive;  font-size:20px; }
}
.board{overflow:hidden; text-align:center;padding-bottom:150px}



.tour{max-width:1400px; margin:100px auto 0 auto; padding-bottom:100px}
.tour ul{overflow:hidden;}
.tour ul li{float:left; list-style:none; width:48%; margin:0 1% 30px 1%}
.tour ul li img{width:100%;}
.tour ul li .t01{font-size:20px; text-align:center; border-bottom:1px solid #ddd; padding-bottom:10px; padding-top:15px}
.tour ul li .t02{font-size:13px; margin:10px; color:#666 ; line-height:25px}
.tour ul li .t03{margin:10px; font-size:13px; }
.tour ul li .t04{margin:10px; font-size:13px; }

@media screen and (max-width: 1024px){
.tour ul li{width:96%; margin:0 2% 10px 2%;  }
.tour{ margin:10px auto 0 auto;}
}

.special_txt{font-size:13px; text-align:center}

.reservation_table{max-width:1400px; margin:0 auto 100px auto;}


.reser01{overflow:hidden; padding-bottom:50px;}
.reser01 .img{width:55%; height:500px; float:left;}
.reser01 .txt{float:left;overflow:hidden; width:30%;}
.reser01 .txt .t01{margin-left:50px; font-family: 'Open Sans', sans-serif; font-size:20px;}
.reser01 .txt .t02{margin-left:50px; font-size:13px; color:#666;}


.reser02{overflow:hidden; padding-bottom:100px;}
.reser02 .img{width:55%; height:500px; float:right;}
.reser02 .txt{float:right;overflow:hidden; }
.reser02 .txt .t01{margin-right:50px; font-family: 'Open Sans', sans-serif; font-size:20px;}
.reser02 .txt .t02{margin-right:50px; font-size:13px; color:#666;}

.reser03{overflow:hidden; padding-bottom:100px;}
.reser03 .img{width:55%; height:500px; float:left;}
.reser03 .txt{float:left;overflow:hidden; }
.reser03 .txt .t01{margin-left:50px; font-family: 'Open Sans', sans-serif; font-size:20px;}
.reser03 .txt .t02{margin-left:50px; font-size:13px; color:#666;}

@media screen and (max-width: 1024px){
	
.reser01 .img{width:100%; height:200px;}
.reser02 .img{width:100%; height:200px;}
.reser03 .img{width:100%; height:200px;}
.reser01 .txt{margin-top:10px; padding:10px; width:96%}
.reser02 .txt{margin-top:10px; padding:10px; width:96%}
.reser03 .txt{margin-top:10px; padding:10px; width:96%}
.reser01 .txt .t01{margin-left:0px;}
.reser01 .txt .t02{margin-left:0px;}
.reser02 .txt .t01{margin-right:0px;}
.reser02 .txt .t02{margin-right:0px;}
.reser03 .txt .t01{margin-left:0px;}
.reser03 .txt .t02{margin-left:0px;}
}

.mobile_menu{position:fixed; z-index:100; background:#45505c; width:300px; height:100%; left:-300px; transition:.5s; top:0}
.mobile_menu .sub_menu{padding:30px;}
.mobile_menu .sub_menu .daeme{color:#fff; font-family: 'Open Sans', sans-serif;  font-size:20px; margin-bottom:10px}
.mobile_menu .sub_menu .menu_list{ overflow:hidden; margin-bottom:20px; display:none;}
.mobile_menu .sub_menu .menu_list li{float:left}
.mobile_menu .sub_menu .menu_list li a{display:block; color:#fff; padding:2px 5px; font-size:15px}

.position_add{left:0}

.closed{position:absolute; right:30px; top:30px}

#info1_guide p{font-size:13px !important;}
#info2_guide p{font-size:13px !important;}
#info3_guide p{font-size:13px !important;}


.map_table{max-width:1400px; margin:0 auto 100px auto; height:400px}



#room_pc{display:block;}
#room_mobile{display:none;}
@media screen and (max-width: 1024px){
#room_pc{display:none;}
#room_mobile{display:block;}
}

/*�꾩씠�꾨젅�� css 異붽�*/
.iframe_mobile {display:none;}
@media screen and (max-width: 1024px){
.iframe_pc {display:none;}
.iframe_mobile { display: block; }
.iframe_mobile .txt_title { display: none;}
}