@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@import url('https://fonts.googleapis.com/css?family=Nunito|Prata');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
<link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400;0,500;1,400;1,500&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
<link href="https://fonts.googleapis.com/css2?family=Questrial&display=swap" rel="stylesheet">

html, body{font-family: "Noto Sans KR", sans-serif; overflow-x:hidden;}
	/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-size: 14px;
		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,
	#section3{
		background-size: cover;
		background-attachment: fixed;
		background-position:center;
	}

	/* Defining each sectino background and styles
	* --------------------------------------- */
	#section0{
		background-size:cover;
		position:relative;
	}
	#section2{
		position:relative;
		background-color:#fff;
	}
	#section3{
		background-size:cover;
        overflow:hidden;
		
	}
	#section3 h1{
		color: #000;
	}

	/* Bottom menu
	* --------------------------------------- */
	#infoMenu li a {
		color: #fff;
	}

	::selection{color:#fff; background:#566d9a;}

.wrap{width:100%; height:100%;}





/*  =================================================================================================================

                                                         PC ver.

===================================================================================================================== */


/* nav 1*/

	#nav{
		position:fixed;
		width:100%;
		height:100px;
		z-index:300;
		transition:.5s;
		background:#fff;
		display:block;
		opacity:0.9;
	}

	#nav .logo_wrap{
		position:absolute;
		left:50%;
		margin-left:-120px;
	}

	#nav .logo_wrap .logo{
		display:block;
		text-align:center;
		padding:15px 20px;
		width:200px;
		
	}
	#nav .logo_wrap .logo img{
		width:150px;
		height:auto;
	}


	#nav .nav_wrap{
		position:absolute;
		top:25px;
		width:1100px;
		left:50%;
		margin-left:-550px;
		
	}

	#nav .nav_wrap .menu{


	}

	#nav .nav_wrap .menu .menu_li{
		float:left;
	}

	#nav .nav_wrap .menu .menu_li .menu_a{
		font-family: 'Questrial', sans-serif;
		text-align:center;
		font-size:14px;
		width: 150px;
		display:block;
		height:80px;
		line-height:80px;
		color:#000;
	}

	#nav .nav_wrap .menu .nonelogo a{
		float:left;
		width:200px;
		height:80px;
	}

	#nav .right_menu{
		position:absolute;
		right:30px;
		padding:20px 20px;
	}
	
	#nav .right_menu .reser_btn{
		display:block
	}
	
	#nav .right_menu2{
		position:absolute;
		top:22px;
		right:120px;
		padding:15px 20px;
	}
	
	#nav .right_menu2 .insta_btn{
		display:block
	}

	#nav .right_menu2 .insta_btn .insta_on{
		background:url(http://homepageimg.infotown.kr/mer/images/common/insta2.png)no-repeat;
		width:40px;
		height:41px; 
		transition:.5s;
		
	}

	#nav .right_menu .reser_btn .reser_on{
		background:url(http://homepageimg.showplace.kr/seadream/images/common/reser_btn2.png)no-repeat;
		width:170px;
		height:59px; 
		transition:.5s;
		
	}

	#nav .right_menu .reser_btn .reser_on:hover{
		background:url(http://homepageimg.showplace.kr/seadream/images/common/reser_btn2.png)no-repeat;
		width:170px;
		height:59px; 
		
	}

	#nav .nav_wrap .menu .menu_li .sub_menu
	{
		overflow:hidden;
		height:0;
	
	}

	#nav .nav_wrap .menu .menu_li .sub_menu li
	{
		
	}

	#nav .nav_wrap .menu .menu_li .sub_menu li a
	{	
		font-family: 'Noto Sans KR', sans-serif;
		font-size:13px;
		font-weight:500;
		display:block;
		text-align:center;
		color:#000;
		padding-top:12px;
		height:30px;
		width:150px;
		background:#fff;
		opacity:0.9;
		margin-top:1px;
	}

	#nav .nav_wrap .menu .menu_li .sub_menu li a:hover
	{	
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:500;
		background:#b9a173;
		color:#fff;
	}


	#nav .menu_bg
	{
		height:0px;
		width:100%;
		background:rgba(255,255,255,0.7);
		transition:1s;
	}





/* contents */
.cont_box{
	height:100%;
	overflow:hidden;
	position:relative;
}

.contents{ width:100%; height:100%; overflow:hidden;}






/* 1page_main */
.ab_txt{
position:absolute; 
top:45%;
margin-top:-30px;
z-index:3;
text-align:center; 
color:#fff; 
text-shadow:#555 0px 0px 3px; 
width:1400px;
left:calc(50% - 700px);
}

.ab_txt .t01{font-family: 'Russo One', sans-serif; font-size:65px; text-transform:uppercase;}
.ab_txt .t02{margin-bottom:15px; font-size:15px;}
.ab_txt .t03{font-size:20px; margin-bottom:15px; }
.ab_txt .t04{font-family: 'Shrikhand', cursive;, cursive; font-size:40px;}
.ab_txt .t04 span{font-size:50px; background:#333; display:inline-block; padding:0 2px 0 10px; text-align:center;}
.ab_txt .t05{margin-top:20px; font-size:14px; opacity:0.9;}
.ab_txt .t06{font-size:12px; opacity:0.4; padding-top:10px;}





/* 2page_about */

#section2
{

	background-size:cover; 
	width:100%;
	clear:both;

}

#section2 .cont_box2{
	height:1200px;
	overflow:hidden;
	position:relative;
}



#section2 .cont_box2 .title
{
	text-align: center;
	font-size:40px;
	font-family: 'KBIZHanmaumMyungjo';
	font-weight:bold;
	margin-top:80px;
	
}

#section2 .cont_box2 .title_txt
{
	margin-top:50px;
	font-family: 'KBIZHanmaumMyungjo';
	font-size:17px;
	opacity:0.7;
	font-weight:600;
	line-height:25px;
	
}

#section2 .cont_box2 .a_line
{
	width:1px;
	background:#000;
	height:150px;
	position:absolute;
	left:50%;
	margin-top:20px;
	margin-left:-0.5px;
	opacity:0.5;
}


#section2 .cont_box2 .a_img
{
	width:1200px;
	background:red;
	height:650px;
	position:absolute;
	left:50%;
	margin-top:80px;
	margin-left:-600px;
}


/* 3page_room */

#section3
{
	position:relative;
	height:800px;
	background:#fff;
	background-position:center;
	width:100%;

}


#section3 .sec3_con .r_title_box
{
	position:absolute;
	bottom:0;
	right:0;
	width:20%;
	height:800px;
	background:#8e9fd2;

}

#section3 .sec3_con .r_title_box .r_title01 {
	font-size:35px;
	font-family: 'NotoSerifKR';
	letter-spacing: -1.5px;
	line-height:70px;
	color:#fff;
	text-align:left;
	padding-top:20px;
	margin-left:50px;
}

#section3 .sec3_con .r_title_box .r_title02 {
	font-size:15px;
	font-family: 'NotoSerifKR';
	letter-spacing: -1.5px;
	line-height:30px;
	color:#fff;
	text-align:left;
	margin-left:50px;
}


#section3 .sec3_con .r_title_box .rooms_Li
{
	color:#000;
	left:20px;
	top:0;
	width:1000px;
	position:relative;
	z-index:199;
	margin-top: 20px;

}

#section3 .sec3_con .r_title_box ul li a
{
	width:300px;
	margin-left:35px;
	text-align:left;
	font-size:14px;
	color:#fff;
	font-family: 'KBIZHanmaumMyungjo';
	font-weight:bold;
	line-height:30px;
	
}
#section3 .sec3_con .r_title_box ul li a:hover
{
	color:#282828;
	font-family: 'KBIZHanmaumMyungjo';
	font-weight:bold;
	

}


#section3 .sec3_con .r_title_box ul a
{
	display:block;
	font-family: 'KBIZHanmaumMyungjo';
	font-weight:bold;
	color:#fff;

}



#section3 .sec3_con .r_box
{
	position:absolute;
	width:80%;
}

#section3 .sec3_con .r_box li
{
	position: absolute;
    width: 100%;
	height:800px;

}

#section3 .sec3_con .r_box li .r_img{
/* 	vertical-align:top; */
	width:100%;
	height:800px;
	background-position:bottom;
	background-size:cover;
}


#section3 .sec3_con .banner li{
	display:none;
}

#section3 .sec3_con .banner li.on{
	display:block;
}





/*section4 부분*/


#p4{
	overflow:hidden;
	position:relative;
	width:100%;
	height:1000px;
	background-color:#fff;
	clear:both;
}
#p4 .p_txt_group{
	font-family: 'KBIZHanmaumMyungjo';
	font-weight:bold;
	color:#242526;
}

#p4 .p4_half{
	position:absolute;
	width:100%;
	height:1000px;
	background-color:#e7e7e7;
	opacity:0.5;
	bottom:0;
}

#p4 .p_txt_group .p4_txt1{
	top:120px;
	position:relative;
	font-size:50px;
	font-family: 'NotoSerifKR';
	letter-spacing: -1.5px;
	text-align:center;

}

#p4 .p_txt_group .p4_txt2{
	line-height:40px;
	margin-top:120px;
	font-size:20px;
	font-family: 'KBIZHanmaumMyungjo';
	font-weight:bold;
	text-align:center;
}



 



 #p4 .roombox_01{
	position:relative;
	width:1080px;
	left:50%;
	margin-left:-550px;
	top:82px;
	clear:both;
}




#p4 .roombox{
	overflow:hidden;
	float:left;
	width: 250px;
	background:#000;
	height: 500px;
	margin-left:20px;
	margin-bottom:70px;
	
}
 #p4 .roombox a{

	color:#fff;
}
 #p4 .roombox:hover .extand{
	opacity:1;
	transform:scale(1.1);
	}

#p4 .extand{
	
	display:block; 
	height:100%;
	opacity:0.3; 
	transition:.5s; 
	transform:scale(1.0);
}

#p4 .roombox_wrap .roombox .room_na{
	position:absolute;
	width:250px;
	top:250px;
	z-index:10;
	font-family: 'NotoSerifKR';
	letter-spacing: -1.5px;
	text-align:center; 
	font-size:20px; 

}




#p4 .roombox01{
	overflow:hidden;
	float:left;
	width: 250px;
	background:#000;
	height: 600px;
	margin-top:120px;
	margin-left:20px;
	
}
 #p4 .roombox01 a{

	color:#fff;
}
 #p4 .roombox01:hover .extand{
	opacity:1;
	transform:scale(1.1);
	}

#p4 .roombox01 .extand{
	
	display:block; 
	height:100%;
	opacity:0.3; 
	transition:.5s; 
	transform:scale(1.0);
}



 #p4 .roombox_02{
	position:relative;
	width:810px;
	left:50%;
	margin-left:-410px;
	top:82px;
	clear:both;
}



#p4 .roombox_wrap .roombox02 .room_na{
	position:absolute;
	width:250px;
	top:360px;
	z-index:10;
	font-family: 'Lora', serif;
	font-weight:500;
	text-align:center; 
	font-size:20px; 

}

#p4 .roombox02{
	overflow:hidden;
	float:left;
	width: 250px;
	background:#000;
	height: 600px;
	margin-top:120px;
	margin-left:20px;
	
}
 #p4 .roombox02 a{

	color:#fff;
}
 #p4 .roombox02:hover .extand{
	opacity:1;
	transform:scale(1.1);
	}

#p4 .roombox02 .extand{
	
	display:block; 
	height:100%;
	opacity:0.3; 
	transition:.5s; 
	transform:scale(1.0);
}

#p4 .roombox_wrap .roombox02 .room_na{
	position:absolute;
	width:250px;
	top:360px;
	z-index:10;
	font-family: 'Lora', serif;
	font-weight:500;
	text-align:center; 
	font-size:20px; 

}

/* 5page_reservation */

#section5
{
	position:relative;
	height:600px;
	background: url(http://homepageimg.showplace.kr/rayvalue/images/exterior/10.jpg);
	background-position:center;
	background-size:cover;
	width:100%;
	overflow:hidden;

}

#section5 .cont_box4
{
	position:absolute;
	width:1200px;
	height:800px;
	left:50%;
	margin-left:-600px;
	top:10px;
	overflow:hidden;
}


#section5 .cont_box4 .e_txtbox
{
	position: absolute;
    width: 1000px;
    text-align: center;
    color: #fff;
    opacity: 1;
    top: 190px;
    left: 50%;
    margin-left: -500px;
}


#section5 .cont_box4 .e_txtbox .e_txt01
{
	font-size:50px;
	line-height:100px;
	font-family: 'NotoSerifKR';
	font-style: normal;
	letter-spacing :0.5px;
	text-shadow:1px 1px 3px #555;
	opacity:1;
	
}


#section5 .cont_box4 .e_txtbox .e_txt02
{
	font-size:15px;
	line-height:20px;
	font-family: 'KBIZHanmaumMyungjo';
	text-shadow:0px 0px 3px #555;
	opacity:1;
	
}

#section5 .cont_box4 a
{
	color:#fff;
	line-height:48px;
	width:200px;
	height:50px;
	text-align:center;
}


#section5 .cont_box4 a:hover .e_btn
{
	
	color:#000;
	background:#fff;



}


#section5 .cont_box4 .e_btn
{
	font-family: 'NotoSerifKR';
	color:#fff;
	background:#767672;
	width:200px;
	height:50px;
	font-weight:300;
	position:absolute;
	margin-top:40px;
	left:50%;
	letter-spacing :1.5px;
	margin-left:-100px;

}


#section5 .cont_box .e_btn .ebtn_t
{

	
}


/* footer */

{
	height:250px !important;
	
}

.footer
{
	width:100%;
	overflow:hidden;
	background:#fff;
	height:180px;
	text-align:left;
	background:#292c2f;
}

.footer .f_first
{
	
	position:relative;
	width: 100%;
    height: 100%;
	border-bottom:1px solid #ddd;
	margin:auto;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;

}

.footer .f_first .f_fir
{
	display: inline-block;
    width: 25vw;
    vertical-align: top;
	color:#fff;

}


.footer .f_first .f_fir .title
{
	font-size:15px;
	font-style: normal;
	line-height:30px;
	color:#ce4242;
}

.footer .f_first .f_fir .txt
{
	font-family: 'Recipekorea';
	margin-top:15px;
	font-size:25px;
	line-height:35px;
	
	

}

.footer .f_first .f_fir .txt a
{
	border: 1px solid #fff;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:5px;
	color:#fff;

}



.footer .f_info
{
	position:relative;
	width:780px;
	margin-left:-390px;
	left:50%;
    padding-top: 50px;
    padding-bottom: 50px;   
	font-size:13px;
	
}

.footer .f_info .f_in
{
	float:left;
	text-align: center;

}

.footer .f_info .fi01
{
	margin-bottom:20px;
	text-align: left;
}

.footer .f_info .fi01 img
{
	padding-top:2px;
	width:120px;
	height:auto;
}

.footer .f_info .fi03{ margin-left:40px; margin-top:5px; color:#fff; text-align: left;}
.footer .f_info .mobile_footer_bar .footer_top_btn{cursor:pointer; font-family: 'Montserrat', sans-serif; color:#fff; width:40px; height:40px; border-radius:40px; background:#333; display:block; position:absolute; top:10px; right:0; font-weight:bold; line-height:40px; text-align:center;}
.footer .f_info span{font-size:12px; color:#999;}
.footer .f_info span a{color:#555;} */

#section5 > .footer .f_info .mobile_footer_bar .footer_top_btn{opacity:0}

/*-------------------------- i_prologue.php --------------------------*/

.swiper-container {
	position: relative;
	height: 100%;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#000;
	margin: 0;
	padding: 0;
}
.swiper-wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img{
	width:100%;
}



/* about */
.about_con1{width:100%; height:600px; position:relative; overflow:hidden;}
.about_con1 .about_bg{width:100%; height:100%; background:#333; opacity:0.2;}
.about_con1 .ac_txt{position:absolute; left:16.6%; bottom:1%; color:#fff; }
.about_con1 .ac_txt .ac_txt01{font-family: 'KBIZHanmaumMyungjo';  font-size:16px; text-align:left; margin-bottom:10px;  text-shadow:#000 0px 0px 3px; }
.about_con1 .ac_txt .ac_txt02{font-family: 'KBIZHanmaumMyungjo'; font-weight:bold; font-size:30px; text-align:left; line-height:65px; margin-right:10px;}
.about_con1 .ac_txt .ac_txt03{font-family: 'NotoSerifKR'; font-size:60px; line-height:40px;}

.about_con2{width:100%; height:1015px; position:relative; overflow:hidden;}
.about_con2 .ac_box5{position:absolute; width:100%; height:580px; background:#eee; bottom:0;}
.about_con2 .ac_box1{position:absolute; top:10%; left:10%; width:1000px; height:490px; background:#ccc;}
.about_con2 .ac_box2{    position: absolute; top: 26%; font-family: 'KBIZHanmaumMyungjo'; font-size: 22px; left: 64%; padding: 20px 20px; line-height: 22px; background: #fff;}
.about_con2 .ac_box2 span{ font-family: 'KBIZHanmaumMyungjo'; font-weight:bold; font-size:16px;}
.about_con2 .ac_box3{position:absolute; left:33%; bottom:10%; width:1000px; height:400px; background:#ede;}
.about_con2 .ac_box4{position:absolute; bottom:22%; left:15%; line-height:22px; font-size:16px; color:#fff; font-family: 'KBIZHanmaumMyungjo'; text-shadow:#000 0px 0px 3px; background:#333;}

.about_con3{width:100%;  position:relative; overflow:hidden;}
.about_con3 .ac_box6{float:left; width:1000px; height:600px; background:#ccc; margin-top:80px; }
.about_con3 .ac_box7{position:absolute; left:55%; top:16%; opacity:0.2; font-family: 'NotoSerifKR'; font-size:80px; letter-spacing:-3pt;}
.about_con3 .ac_box8{float: left; padding: 20px 20px; background: #fff; position: absolute; font-family: 'KBIZHanmaumMyungjo'; font-weight: bold; left: 55%; top: 25%; font-size: 16px; line-height: 22px;}
.about_con3 .ac_box9 a{position:absolute; top:60%; left:18%; display:block; color:#333; transition:.4s;}
.about_con3 .ac_box9 .p1{font-family: 'KBIZHanmaumMyungjo'; font-weight:bold; line-height:22px; float:left; text-align:right;}
.about_con3 .ac_box9 .p2{float:left; width:350px; height:3px; background:#a4d7df; margin:20px 0 0 20px;}
.about_con3 .ac_box9 a:hover{margin-left:20px;}
.about_con3 .ac_box10{float:right; width:1280px; height:634px; background:#eff;}




.e_txt{position:absolute; left:50%; width:500px; top:48%; margin-left:-250px; z-index:3; text-align:center; color:#fff;}
.e_txt .t04{font-family: 'KBIZHanmaumMyungjo'; font-weight:bold; font-size:60px; text-shadow:#333 1px 1px 3px;}
.e_txt .t04 span{font-family: 'KBIZHanmaumMyungjo'; font-weight:bold; font-size:45px;   text-shadow:#333 1px 1px 3px;}
.e_txt .t05 { font-family: 'KBIZHanmaumMyungjo'; font-weight:bold;  margin-top:10px; font-size:20px; color:#fff;   text-align:center; text-shadow:#333 1px 1px 3px; }

.e_txt .t06{font-size:12px; opacity:0.4; padding-top:10px;}

#prol_sec3{
	width:1000px;
	margin: auto;
	height:1000px;
}



#prol_sec3 .txt_group{
	margin-top:20px;
	text-align:center;
	/* position:absolute;
	width:1000px;
	left:50 */
}



#prol_sec3 .txt_group .txt1{
	font-size: 45px;
    font-family: 'NotoSerifKR';
    font-weight: bold;
	text-align:center;
    color: #000;
}


#prol_sec3 .txt_group .txt2{
	font-size:15px;
	font-family: 'PT Serif', serif;
	color:#a7a7a7;
}

#prol_sec3 .txt_group .txt3{
	font-size:15px;
	font-family: 'Nanum Gothic', sans-serif;
	font-weight:600;
	color:#666666;
	margin:40px 0 0 0;
}

#prol_sec3 .txt_group .txt4{
	font-size:13px;
	margin:30px 0 0 0;
	font-family: 'Nanum Gothic', sans-serif;
}

#prol_sec3 .txt_group .txt4 span{
	font-size:14px;
	font-family: 'Nanum Gothic', sans-serif;
	font-weight:600;
}

#prol_sec3 .map{
	width:1000px;
	margin:30px 0 0 0;

}









/* Roompreview */

#room_preview{
	width:100%;
	height:1800px;
	background-color:#fff;
	clear:both;
}

#room_preview .room_pre_bg{
	position:absolute;
	width:100%;
	height:700px;
	background: url(http://homepageimg.showplace.kr/seadream/images/room/1/2.jpg); 
	background-size:cover;
	background-position:center;
}

#room_preview .room_pre_bg .room_back
{
	width: 100%;
    height: 700px;
    opacity: 0.5;
    background: #000;


}

#room_preview .r_txt_group{

	position:absolute;
    top: 40%;
	width:1200px;
	left:50%;
	margin-left:-600px;
    color: #fff;
    text-align: center;
}


#room_preview .r_txt_group .r_txt1{
	text-align:center;
	font-style:italic;
	font-size:45px;
	font-family: 'NotoSerifKR';
	font-weight:bold;
	letter-spacing:0.3px;
	color:#fff;
	line-height:100px;
	text-shadow:0px 0px 3px #555;
	opacity:1;
}

#room_preview .r_txt_group .r_txt2{
	text-align:center;
	padding-top:20px;
	font-size:12px;
	line-height:15px;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	text-shadow:0px 0px 3px #555;
	opacity:0.3;
}


#room_preview .cont_box3 .r_line
{
	position:relative;
	top:30px;
	width:1px;
	height:70px;
	background:#000;
	opacity:0.5;
	left:50%;
	margin-left:-15px;
}


#room_preview .sec3_con {
    height: 1000px;
	top:650px;
    overflow: hidden;
    position: relative;
}


#room_preview .sec3_con .r_line
{
	position:absolute;
	width:100%;
	height:1px;
	background:#000;
	opacity:0.2;
	top:50px;


}


#room_preview .sec3_con .r_tbox
{
	text-align:center;
	padding-top:150px;
	font-family: 'KBIZHanmaumMyungjo';


}


#room_preview .sec3_con .r_tbox .r_txt01
{
	font-size:45px;
	font-family: 'NotoSerifKR';
	letter-spacing:-1.5px;

}

#room_preview .sec3_con .r_tbox .r_txt02
{
	padding-top:15px;
	font-size:17px;
	font-family: 'KBIZHanmaumMyungjo';
	letter-spacing:-1.5px;

}




#room_preview .sum_txt_box .line{
	width:200px;
	height:2px;
	margin-top:10px;
	background:#555;
	left:50%;
	margin-left:-100px;
	position:absolute;
	opacity:0.7;
}

#room_preview .roompre{
	width:1200px;
	left:50%;
	top:100px;
	position:relative;
	margin-left:-625px;

}



#room_preview .roompre .room_pre_t{
	width:1200px;
	display:inline-flex;
}


#room_preview .roompre .room_pre_s{
	width:800px;
	display:inline-flex;
}


#room_preview .roompre .ro_sec{
	width:390px;
	margin-left:10px;
	height:300px;
	position:relative;
}

#room_preview .roompre .ro_sec .extand{
	width:390px;
	height:300px;
	z-index:99;
}

#room_preview .roompre .ro_sec .ro_name{
	font-size:20px;
	position:absolute;
	z-index:109;
	width:140px;
	height:85px;
	background:#fff;
	right:0px;
	bottom:0;

}

#room_preview .roompre .ro_sec .ro_name .txt_group{
	
	margin: 10px 15px 0 0;
	text-align:right;
}

#room_preview .roompre a{
	width:390px;
	height:350px;
	color:#555;
	margin-left:15px;
}

#room_preview .roompre .ro_sec .ro_name .txt_group .txt1{
	font-size:20px;
	color:#252524;
	font-family: 'KBIZHanmaumMyungjo';
	font-weight: bold;
	

}


#room_preview .roompre .ro_sec .ro_name .txt_group .txt2{
	font-size:13px;
	font-family: 'NotoSerifKR';
	font-style: normal;
	font-weight: 400;
}

#room_preview .roompre .ro_sec .ro_name .txt_group .txt3{
	font-size:10px;
	line-height:20px;
	text-decoration: underline;
	font-family: 'NotoSerifKR';
	font-style: normal;
	font-weight: 400;

}














/* room.php CSS
 * --------------------------------------- */

.room_name{
	margin:100px auto 0;
	width:1000px;
	background-color:#ededed;
	text-align:center;
	height:80px;
	line-height:80px;
}

.room_name .txt1{
	font-size:22px;
	font-family: 'NotoSerifKR';
	font-weight:bold;
	color:#555;
}

.room_info{
	width:1000px;
	margin:50px auto 0;
}

.r_txt{position:absolute; bottom:500px; right:200px; z-index:3; text-align:right; color:#fff;}
.r_txt .t01{font-size:50px; text-shadow:#333 1px 1px 3px;}
.r_txt .t02{margin-bottom:30px; font-size:14px; opacity:0.9; text-shadow:#333 1px 1px 3px;}
.r_txt .t03{font-size:20px; line-height:30px; font-family: 'SANJUGotgam'; text-shadow:#333 1px 1px 3px;}
.r_txt .t04{font-family: 'SANJUGotgam'; font-style: normal; font-size:50px; text-shadow:#333 1px 1px 3px;}
.r_txt .t04 span{font-size:45px;   text-shadow:#333 1px 1px 3px;}
.r_txt .t05 a{margin-top:20px; font-size:15px; color:#fff; background:#bc9a57;  width:200px; height:50px; right:0px; text-align:center; position:absolute; top:110px; 
line-height:50px;transition:.4s;}
.r_txt .t05:hover a{border:none; color:#000; background:#fff;
}
.r_txt .t06{font-size:12px; opacity:0.4; padding-top:10px;}


.r_sub_wrap{overflow:hidden;}
.prologue_bottom{overflow:hidden; height:500px; position:relative; background:#333; /* margin-top:100px; */}
.prologue_bottom .img{width:100%; height:100%; background:url(http://homepageimg.infotown.kr/farmstay/images/main/1.jpg)no-repeat center; position:absolute; opacity: 0.5;background-size:cover;}
.prologue_bottom .txt_box{width:100%; text-align:center; margin-top:120px; color:#fff; opacity:1; position:absolute; z-index:2;} 
.prologue_bottom .txt_box .txt1{margin-bottom:10px; }
.prologue_bottom .txt_box .txt2{font-family: 'SANJUGotgam'; font-size:50px;}
.prologue_bottom .txt_box .txt3{margin-bottom:10px; font-size:11px; margin-top:20px; opacity:0.5 ;}
.prologue_bottom .txt_box .txt4 {margin-top:40px; }
.prologue_bottom .txt_box .txt4 a{display:inline-block; padding:8px 20px 8px 22px; color:#fff;  border:1px solid #fff; font-size:14px; font-weight:500; letter-spacing:2px; transition:250ms;}
.prologue_bottom .txt_box .txt4 a:hover{color:#333; background:#fff;}




/* special */
#s_preview{
	width:100%;
	height:1680px;
	background-color:#fff;
	clear:both;
}

#s_preview .spe_pre_bg{
	position:absolute;
	width:100%;
	height:700px;
	background: url(http://homepageimg.showplace.kr/seadream/images/special/1/1.jpg); 
	background-size:cover;
	background-position:center;
}

#s_preview .spe_pre_bg .s_back
{
	width: 100%;
    height: 700px;
    opacity: 0.5;
    background: #000;


}

#s_preview .s_txt_group{

	position:absolute;
    top: 40%;
	width:1200px;
	left:50%;
	margin-left:-600px;
    color: #fff;
    text-align: center;
}


#s_preview .s_txt_group .s_txt1{
	text-align:center;
	font-style:italic;
	font-size:45px;
	font-family: 'NotoSerifKR';
	font-weight:bold;
	letter-spacing:0.3px;
	color:#fff;
	line-height:100px;
	text-shadow:0px 0px 3px #555;
	opacity:1;
}

#s_preview .s_txt_group .s_txt2{
	text-align:center;
	padding-top:20px;
	font-size:12px;
	line-height:15px;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	text-shadow:0px 0px 3px #555;
	opacity:0.3;
}



#s4{
	top:780px;
	overflow:hidden;
	position:relative;
	width:100%;
	height:900px;
	background-color:#fff;
	clear:both;
}
#s4 .p_txt_group{
	font-family: 'KBIZHanmaumMyungjo';
	font-weight:bold;
	color:#242526;
}

#s4 .p4_half{
	position:absolute;
	width:100%;
	height:500px;
	background-color:#e7e7e7;
	opacity:0.5;
	bottom:0;
}

#s4 .p_txt_group .p4_txt1{
	position:relative;
	font-size:50px;
	font-family: 'NotoSerifKR';
	letter-spacing: -1.5px;
	text-align:center;

}

#s4 .p_txt_group .p4_txt2{
	line-height:40px;
	font-size:20px;
	font-family: 'KBIZHanmaumMyungjo';
	font-weight:bold;
	text-align:center;
}



 #s4 .roombox_01{
	position:relative;
	width:1080px;
	left:50%;
	margin-left:-550px;
	top:82px;
	clear:both;
}




#s4 .roombox{
	overflow:hidden;
	float:left;
	width: 250px;
	background:#000;
	height: 500px;
	margin-left:20px;
	margin-bottom:70px;
	
}
 #s4 .roombox a{

	color:#fff;
}
 #s4 .roombox:hover .extand{
	opacity:1;
	transform:scale(1.1);
	}

#s4 .extand{
	
	display:block; 
	height:100%;
	opacity:0.3; 
	transition:.5s; 
	transform:scale(1.0);
}

#s4 .roombox_wrap .roombox .room_na{
	position:absolute;
	width:250px;
	top:250px;
	z-index:10;
	font-family: 'NotoSerifKR';
	letter-spacing: -1.5px;
	text-align:center; 
	font-size:20px; 

}




#s4 .roombox01{
	overflow:hidden;
	float:left;
	width: 250px;
	background:#000;
	height: 600px;
	margin-top:120px;
	margin-left:20px;
	
}
 #s4 .roombox01 a{

	color:#fff;
}
 #s4 .roombox01:hover .extand{
	opacity:1;
	transform:scale(1.1);
	}

#s4 .roombox01 .extand{
	
	display:block; 
	height:100%;
	opacity:0.3; 
	transition:.5s; 
	transform:scale(1.0);
}



 #s4 .roombox_02{
	position:relative;
	width:810px;
	left:50%;
	margin-left:-410px;
	top:82px;
	clear:both;
}



#s4 .roombox_wrap .roombox02 .room_na{
	position:absolute;
	width:250px;
	top:360px;
	z-index:10;
	font-family: 'Lora', serif;
	font-weight:500;
	text-align:center; 
	font-size:20px; 

}

#s4 .roombox02{
	overflow:hidden;
	float:left;
	width: 250px;
	background:#000;
	height: 600px;
	margin-top:120px;
	margin-left:20px;
	
}
 #s4 .roombox02 a{

	color:#fff;
}
 #s4 .roombox02:hover .extand{
	opacity:1;
	transform:scale(1.1);
	}

#s4 .roombox02 .extand{
	
	display:block; 
	height:100%;
	opacity:0.3; 
	transition:.5s; 
	transform:scale(1.0);
}

#s4 .roombox_wrap .roombox02 .room_na{
	position:absolute;
	width:250px;
	top:360px;
	z-index:10;
	font-family: 'Lora', serif;
	font-weight:500;
	text-align:center; 
	font-size:20px; 

}

.special_s
{
	position:relative;
	font-size:50px;
	font-family: 'NotoSerifKR';
	font-weight:bold; 
	font-style: normal;
	text-align:center;
	z-index:100;
	top:200px;
	color:#000;
}


.special_bg .title_txt
{
	position:relative;
	font-size:20px;
	text-align:center;
	z-index:100;
	top:230px;
	color:#000;
}



.sp_bg{
font-family: 'NotoSerifKR';
position:fixed;
right:-1000px; 
top:120px; 
width:40%; 
height:60%; 
background-image: url(http://homepageimg.infotown.kr/theon/images/special/spbg.png);
z-index:5; 
background-position:center;
-webkit-transition: right 2s; /* For Safari 3.1 to 6.0 */
transition: right 2s;
display:block;
margin:110px 0 0 0;}

.sp_bg .cont_t{ 
position:absolute;
width:60%; 
margin-left:-30%; 
left:50%; 
top:20%; 
text-align:center; 
color:#ffffff;}

.sp_bg .cont_t .t00{
margin-bottom:5px;}

.sp_bg .cont_t .t01{
font-family: 'Jua', sans-serif;
margin-bottom:5px; 
font-size:50px;
}

.sp_bg .cont_t .t02{
font-family: 'Jua', sans-serif;
margin-bottom:30px; 
font-size:35px;}

.sp_bg .cont_t .t02 span {
color:#fff717;}

.sp_bg .cont_t .t03{
font-family: 'Jua', sans-serif;
margin-bottom:10px; 
font-size:15px;}

.sp_bg .cont_t .close_spe{
margin:50px 0 0 0;
cursor:pointer;}

.s_txt .open_spe{
margin:50px 0 0 200px;
cursor:pointer;}


.s_txt{position:fixed; top:36%; width:100%; margin: 0 10% 0 0; text-align:left; z-index:9; font-family: 'Jua', sans-serif;}
.s_txt .t01{background:url(../images/room/left.png)no-repeat left 40px; display:inline-block; text-shadow:0px 0px 2px #555;}
.s_txt .t01 p{padding-left:190px; color:#ffffff; font-size:50px; padding-right:50px;}
.s_txt .t02 {padding-left:190px; font-size:35px; color:#ffffff; text-shadow:0px 0px 2px #555;}
.s_txt .t02 span{color:#fff717;}
.s_txt .open {padding-left:190px; padding-top:20px; position:relative; background:#fff; cursor:pointer; display:inline-block}
.s_txt .open .tip{ position:absolute; top: 30px; left:250px; border-radius:10px; color:#ffffff; background:#000; width:100px; text-align:center; padding:5px 0; font-size:12px; display:none; transition:all 200ms ease-in-out;}
.s_txt .open:hover .tip{display:block;  transition:all 200ms ease-in-out;}



.s_txt .clo {padding-left:190px; padding-top:20px; position:relative;; cursor:pointer}
.s_txt .clo .tip{ position:absolute; top: 30px; left:250px; border-radius:10px; color:#ffffff; background:#000; width:100px; text-align:center; padding:5px 0; font-size:12px;}


.sp_info{position:absolute; width:1000px; top:40%; left:50%; margin-left:-500px;}
.sp_info .sp_title{color:#fff; text-shadow:#555 0px 0px 3px; }
.sp_info .sp_title .sp01{font-family: 'NotoSerifKR'; font-weight:bold; font-size:60px; }
.sp_info .sp_title .sp02{width:40px; height:1px; background:#555; margin:20px auto; }
.sp_info .sp_title .sp03{font-size:14px; margin-bottom:60px;}
.sp_info .sp_title .open_btn{ padding: 20px 40px;  background:#555; color:#fff; font-size:13px; font-weight:bold; cursor:pointer; transition:.5s;}
.sp_info .sp_title .open_btn:hover{background:#bc9a57; color:#fff; text-shadow:none; }

.sp_info2{position:absolute; top:35%; left:50%; margin-left:-212px;}
.sp_info2 .sp_title{color:#fff; text-shadow:#333 0px 0px 2px}
.sp_info2 .sp_title .sp01{font-family: 'Rozha One', serif; font-size:60px;}
.sp_info2 .sp_title .sp02{width:40px; height:1px; background:#fff; margin:20px auto; }
.sp_info2 .sp_title .sp03{font-size:14px; margin-bottom:60px;}
.sp_info2 .sp_title .open_btn{padding: 8px 15px; color:#fff; font-size:13px; font-weight:bold; cursor:pointer; transition:.5s;}
.sp_info2 .sp_title .open_btn:hover{background:#fff; color:#555; text-shadow:none; }

.sp_info3{position:absolute; top:35%; left:50%; margin-left:-236px;}
.sp_info3 .sp_title{color:#fff; text-shadow:#333 0px 0px 2px}
.sp_info3 .sp_title .sp01{font-family: 'Rozha One', serif; font-size:60px;}
.sp_info3 .sp_title .sp02{width:40px; height:1px; background:#fff; margin:20px auto; }
.sp_info3 .sp_title .sp03{font-size:14px; margin-bottom:60px;}
.sp_info3 .sp_title .open_btn{border:1px solid #fff; padding: 8px 15px; color:#fff; font-size:13px; font-weight:bold; cursor:pointer; transition:.5s;}
.sp_info3 .sp_title .open_btn:hover{background:#fff; color:#555; text-shadow:none; }

.sp_txt{position:absolute; top:45%; left:50%; margin-left:-390px; z-index:9999; width:580px; padding:50px 100px 120px; display:none; background:#fff; font-size:14px; text-align:left;}
.sp_txt .close_btn{border:1px solid #555; padding: 8px 15px; color:#555; font-size:13px; font-weight:bold; cursor:pointer; transition:.5s; position:absolute; left:42%; bottom:50px;}
.sp_txt .close_btn:hover{background:#555; color:#fff; text-shadow:none; }




/* reser */

#res_preview{
	width:100%;
	height:700px;
	background-color:#fff;
	clear:both;
}

#res_preview .res_bg{
	position:absolute;
	width:100%;
	height:700px;
	background: url(http://homepageimg.showplace.kr/seadream/images/room/3/6.jpg); 
	background-size:cover;
	background-position:center;
}

#res_preview .res_bg .res_back
{
	width: 100%;
    height: 700px;
    opacity: 0.5;
    background: #000;


}

#res_preview .res_txt_group{

	position:absolute;
    top: 40%;
	width:1200px;
	left:50%;
	margin-left:-600px;
    color: #fff;
    text-align: center;
}


#res_preview .res_txt_group .res_txt1{
	text-align:center;
	font-style:italic;
	font-size:45px;
	font-family: 'NotoSerifKR';
	font-weight:bold;
	letter-spacing:0.3px;
	color:#fff;
	line-height:100px;
	text-shadow:0px 0px 3px #555;
	opacity:1;
}

#res_preview .res_txt_group .res_txt2{
	text-align:center;
	padding-top:20px;
	font-size:12px;
	line-height:15px;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	text-shadow:0px 0px 3px #555;
	opacity:0.3;
}
.reser_con1 .reser_txt .reser_txt03:hover{
margin-top:110px;}

.reser_con{
width:1200px; 
margin:0 auto 0; 
height:850px; 
background:#fff; 
position:relative;}


.reser_con2{
width:1200px; 
margin:100px auto 0; 
height:900px;
background:#fff; 
position:relative;}

.reser_con2 .reser_left{
float:left;}

.reser_con2 .reser_left .reser_p{
font-size:14px; 
margin-left:100px; 
line-height:28px;}

.reser_con2 .reser_left .reser_up{
margin-left:180px;
margin-top:220px;
}

.reser_con2 .reser_left .rp00{
font-family: 'NotoSerifKR';
font-weight:bold;
font-size:180px; 
opacity:0.1; 
letter-spacing:-10px}

.reser_con2 .reser_left .rp01{
position:absolute; 
left:85px; 
top:85px;
font-family: 'NotoSerifKR';
font-weight:bold;
font-size:60px;}

.reser_con2 .reser_left .rp02{
position:absolute; 
left:85px; 
top:165px;
font-size:14px;}

.reser_con2 .reser_left .rp03{
position:absolute; 
left:85px; 
top:190px; 
font-size:11px; 
font-family: "Noto Sans KR", sans-serif;
color:#ccc;}



.reser_con .reser_right{
float:left;}

.reser_con .reser_left{
float:left;}

.reser_con .reser_left .reser_p{
font-size:14px; 
margin-left:100px; 
line-height:28px;}

.reser_con .reser_left .reser_up{
margin-left:180px;
margin-top:220px;
}

.reser_con .reser_left .rp00{
font-family: 'NotoSerifKR';
font-weight:bold;
font-size:180px; 
opacity:0.1; 
letter-spacing:-10px}

.reser_con .reser_left .rp01{
position:absolute; 
left:85px; 
top:85px;
font-family: 'NotoSerifKR';
font-weight:bold; 
font-size:60px;}

.reser_con .reser_left .rp02{
position:absolute; 
left:85px; 
top:180px;
font-size:14px;}

.reser_con .reser_left .rp03{
position:absolute; 
left:85px; 
top:205px; 
font-size:11px; 
font-family: "Noto Sans KR", sans-serif;
color:#ccc;}

.reser_con .reser_img1{
position:absolute;
bottom:-200px; 
right:0;
width:520px; 
height:360px;
background:#333;
z-index:99;}

.reser_con .reser_img2{
position:absolute; 
bottom:-80px;
width:450px; 
height:340px; 
background:#333;}

.reser_con .reser_img3{
position:absolute; 
bottom:5%; 
left:40%; 
width:340px; 
height:240px; 
background:#333;}

.reser_con .reser_img4{
position:absolute;
bottom:5%; 
left:70%; 
width:340px; 
height:240px;
background:#333;}

.reser_con .reser_right{
float:left;}

.reser_con .reser_right .reser_p{
font-size:14px;  
line-height:25px;}

.reser_con .reser_right .reser_up{
margin-left:500px;
margin-top:10px;}

.reser_con .reser_right .rp00{
position:absolute; 
right:20px;
font-family: 'NotoSerifKR';
font-weight:bold;
font-size:180px; 
opacity:0.1;
letter-spacing:-10px;}

.reser_con .reser_right .rp01{
position:absolute;
right:85px;
top:85px; 
font-family: 'NotoSerifKR';
font-weight:bold;
font-size:60px;}

.reser_con .reser_right .rp02{
position:absolute;
right:85px; 
top:165px;
font-size:14px;}

.reser_con .reser_right .rp03{
position:absolute;
right:85px; 
top:190px;
font-size:11px;
font-family: "Noto Sans KR", sans-serif;
text-align:right; 
color:#ccc;}


.reser_con .reser_left .reser_p{
margin-top:180px;
}

/* tour */
#t_preview{
	width:100%;
	height:700px;
	background-color:#fff;
	clear:both;
}

#t_preview .t_bg{
	position:absolute;
	width:100%;
	height:700px;
	background: url(http://homepageimg.showplace.kr/seadream/images/tour/bg.jpg); 
	background-size:cover;
	background-position:bottom;
}

#t_preview .t_bg .t_back
{
	width: 100%;
    height: 700px;
    opacity: 0.5;
    background: #000;


}

#t_preview .t_txt_group{

	position:absolute;
    top: 40%;
	width:1200px;
	left:50%;
	margin-left:-600px;
    color: #fff;
    text-align: center;
}


#t_preview .t_txt_group .t_txt1{
	text-align:center;
	font-style:italic;
	font-size:45px;
	font-family: 'NotoSerifKR';
	font-weight:bold;
	letter-spacing:0.3px;
	color:#fff;
	line-height:100px;
	text-shadow:0px 0px 3px #555;
	opacity:1;
}

#t_preview .t_txt_group .t_txt2{
	text-align:center;
	padding-top:20px;
	font-size:12px;
	line-height:15px;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	text-shadow:0px 0px 3px #555;
	opacity:0.3;
}



.tour_con .tour_txt
{ 
	color:#fff;
	text-align:center;
	padding-top:250px;
}

.tour_con .tour_txt .tour_txt01{
font-size:18px;}

.tour_con .tour_txt .tour_txt02{
font-family: 'Shrikhand', cursive;, cursive;
font-weight:bold;
font-size:60px; 
text-shadow:#555 0px 0px 3px;
}

.tour_con .tour_txt .tour_txt03{
margin-top:100px; 
transition:0.3s; 
cursor:pointer;}

.tour_con .tour_txt .tour_txt03:hover{
margin-top:110px;}

.tour_con1{
overflow:hidden; 
margin:50px 0;}

.tour_con1 .tour_left{
float:left; 
width:40%; 
margin-left:10%; 
height:460px;
text-align:center;}

.tour_con1 .tour_right{
float:left;
margin-left:4%; 
width:35%; 
height:420px;}

.tour_con1 .tour_right .tp01{
font-size:30px; 
font-weight:bold; 
margin-top:30px;}

.tour_con1 .tour_right .tp02{
color:#999; 
font-size:14px;}

.tour_con1 .tour_right .tp03{
font-size:14px; 
border-top:1px solid #ddd; 
margin:35px auto 0; 
padding:30px 50px; 

line-height:25px;}

.tour_con1 .tour_right .tp04{
font-size:14px; 
font-weight:bold;
border-bottom:1px solid #ddd; 
margin:10px auto 0; 
padding-left:50px;
padding-bottom:10px;
line-height:25px;
}




/* board */
.co_con1{
width:100%; 
height:700px; 
position:relative; 
overflow:hidden;}

.co_con1 .co_bg{
width:100%; 
height:100%; 
background:#333; 
opacity:0.2;}

.co_con1 .co_txt{
position:absolute; 
width:268px;
text-align:center; 
left:50%; 
top:52%;
margin-left:-134px;
color:#fff; 
text-align:center;}

.co_con1 .co_txt .co_txt01{
font-size:18px;}

.co_con1 .co_txt .co_txt02{
	text-align:center;
	font-style:italic;
	font-size:45px;
	font-family: 'NotoSerifKR';
	font-weight:bold;
	letter-spacing:0.3px;
	color:#fff;
	line-height:100px;
	text-shadow:0px 0px 3px #555;
	opacity:1;
	}

.co_con1 .co_txt .co_txt03{
margin-top:100px;
transition:0.3s; 
cursor:pointer;}

.co_con1 .co_txt .co_txt03:hover{
margin-top:110px;}

.board_menu{
text-align:center; 
margin:50px 0 100px;}

.board_menu li{
display:inline-block; 
font-size:14px;
margin:0 2px;}

.board_menu li a{
display:block; 
padding:7px 25px;
border:2px solid #ddd; 
color:#333;}

.board_menu li a:hover{
border:2px solid #aaa; 
color:#666;}

.board_menu li a.on{
background:#555; 
border:2px solid #555; 
color:#fff;}

.cont_box .board{
width:1200px; 
margin:0 auto 150px;}