@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">
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Luckiest+Guy|Quicksand|Shrikhand');


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;f
		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%; overflow:hidden;}





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

                                                         PC ver.

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

/*-------------------------- header.php --------------------------*/
/* nav 1*/

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

	#nav .logo_wrap{
		position:absolute;
		top:8px;
		width:200px;
		left:30px;
	}

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


	#nav .nav_wrap{
		position:absolute;
		top:40px;
		width:1067px;
		right:50px;
		
	}

	#nav .nav_wrap .menu{


	}

	#nav .nav_wrap .menu .menu_li{
		float:left;
		margin-left:1px;
	}

	#nav .nav_wrap .menu .menu_li .menu_a{
		font-family: 'InfinitySans-RegularA1';
		text-align:center;
		width: 160px;
		font-size:15px;
		background:#fff;
		display:block;
		height:50px;
		line-height:50px;
		color:#000;
	}


		#nav .nav_wrap .menu .menu_li .menu_b{
		font-family: 'InfinitySans-RegularA1';
		text-align:center;
		width: 100px;
		background:#fff;
		display:block;
		height:50px;
		line-height:50px;
		color:#000;
	}

			#nav .nav_wrap .menu .menu_li .menu_b img{
		margin-top:11px;
	}


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

	

	#nav .right_menu .reser_btn .reser_on:hover{
		background:url(http://homepageimg.infotown.kr/haru/images/common/reser_on.png)no-repeat;
		width:40px;
		height:41px; 
		
	}

	#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: 'InfinitySans-RegularA1';
		font-size:14px;
		display:block;
		text-align:center;
		color:#000;
		padding-top:15px;
		height:40px;
		width:160px;
		background:#fff;
		opacity:0.9;
		margin-top:1px;
	}

	#nav .nav_wrap .menu .menu_li .sub_menu li a:hover
	{	
		background:#0088d1;
		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 */
#section1
{
 position:relative;
 width:100%;
 height:1050px;
}
.ab_txt{
	position: absolute;
    top: 43%;
    margin-top: -30px;
    z-index: 3;
    text-align: center;
    color: #fff;
    text-shadow: #555 0px 0px 3px;
    width: 800px;
	left:50%;
	margin-left:-400px;
    right: 70px;
}

.ab_txt .t01
{
	font-size:80px;
    letter-spacing: -0.5px;
	font-family: 'Godo';
	font-weight:bold;
	
}
.ab_txt .t02{margin-bottom:15px; font-size:15px;}
.ab_txt .t03{font-size:20px; margin-bottom:15px; }
.ab_txt .t04{font-family: 'Godo'; 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
{
	position:relative;
	background-color:#fff;
	background-size:cover; 
	width:100%;
	height:850px;
/* 	clear:both; */

}

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


#section2 .cont_box .title
{
	text-align: center;
	font-size:40px;
	font-family: 'Godo';
	margin-top:150px;
	font-weight:bold;
}

#section2 .cont_box .title_txt
{
	font-family: 'Jeju Gothic', sans-serif;
	font-size:15px;
	line-height:35px;
}

#swiper_r {
	width: 1100px;
    height: 450px;
    top: 30px;

}

#swiper_w {
	text-align:center;
	display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */
	align-items:center; /* 위아래 기준 중앙정렬 */

}

#swiper_s
{
	position:relative;
	height:400px;
	width:40px;
	margin-right:10px;

}

#swiper_s img {
	box-shadow:0 0 5px #555;
	max-width:100%; /* 이미지 최대너비를 제한, 슬라이드에 이미지가 여러개가 보여질때 필요
	이 예제에서 필요해서 설정했습니다. 상황에따라 다를 수 있습니다. */
}


#r_next
{
	position:absolute;
	right: 47%;
    left: auto;
	top:640px;
}

#r_prev
{
	position:absolute;
	left:47%;
    right: auto;
	top:640px;
}

.swiper-button-next
{

	background-image:url("http://homepageimg.showplace.kr/cube1007/images/common/btn_next.png");
	left:50px;
	right:auto;
}

.swiper-button-prev
{

	background-image:url("http://homepageimg.showplace.kr/cube1007/images/common/btn_prev.png");
	right:50px;
	left:auto;
}

.swiper-button-next,.swiper-button-prev
{
	position:absolute;
	top:50%;
	width:66px;
	height:66px;
	margin-top:-22px;
	z-index:10;
	cursor:pointer;
	background-size:66px 66px;
	background-position:center;
	background-repeat:no-repeat;
}

.swiper-button-prev,.swiper-button-next
{
		outline:none;
}


#swiper_s a
{
	color:#393b3c;
	

}



#swiper_s .r_info
{
	text-align:center;
	margin-left:10px;
	padding-top:10px;
	height:70px;
	

}

#swiper_s .r_info .r_name
{
	font-size:25px;
	line-height:35px;
	font-family: 'Godo';
	font-weight: bold;
	color:#483f3e;
	

}

#swiper_s .r_info .r_st
{
	font-size:15px;
	line-height:25px;
	font-weight: 400;
	font-family: 'Godo';
	

}


#swiper_s .r_info .r_view
{
	font-size:15px;
	line-height:35px;
	font-weight: 400;
	font-family: 'NanumSquare';
	

}


/* 3page */




#section3
{
	position:relative;
	background-color:#fff;
	background-size:cover; 
	width:100%;
	height:1000px;

}


#section3 .cont_box .sec3_img
{
	position:relative;
	background-size:cover; 
	width:100%;
	height:1000px;


}



#section3 .cont_box .sec3_img .sec3_tbox
{
	text-align:left;
	padding-top:680px;
	padding-left:80px;
	color:#fff;
	text-shadow:1px 1px 3px #555;
}


#section3 .cont_box .sec3_img .sec3_tbox .sec3_txt01
{
	font-size:80px;
	line-height:90px;
	font-family: 'Godo';
}


#section3 .cont_box .sec3_img .sec3_tbox
{
	font-family: 'InfinitySans-RegularA1';
	font-size:18px;
	line-height:30px;
}








/* 4page */

#section4
{
	position:relative;
	background-color:#fff;
	background-size:cover; 
	width:100%;
	height:700px;

}

#section4 .sec4_about 
{
	
	width: 1604px;
    height: 500px;
    top: 150px;
    left: 50%;
    margin-left: -604px;
    position: relative;
	display: flex;

}

#section4 .sec4_about .sec4_img
{
	width:600px;
	left:0;
	position:relative;


}



#section4 .sec4_about .sec4_img img
{
	width:600px;

}


#section4 .sec4_about .sec4_txt
{
	top:0px;
	width:600px;
	right:0;
	position:relative;
	text-align:left;
	padding-left:50px;
	
}

#section4 .sec4_about .sec4_txt .sec4_title
{
	font-size:60px;
	line-height:75px;
	font-family: 'Godo';
	font-weight:bold;
	color:#322d2d;
	
}


#section4 .sec4_about .sec4_txt .sec4_title span
{
	color:#0088d1;
	
}

#section4 .sec4_about .sec4_txt .sec4_txt01
{
	padding-left:15px;
	padding-top:40px;
	font-size:15px;
	line-height:30px;
	font-family: 'InfinitySans-RegularA1';
	color:#6a747d;
	
	
}


#section4 .sec4_line
{
	width:1604px;
	height:1000px;
	top:0;
	left:50%;
	margin-left:-1003px;
	position:absolute;

}

#section4 .sec4_line ul
{
	

}


#section4 .sec4_line ul li
{
	float:left;
	width:1px;
	background:#6a747d;
	height:1000px;
	margin-left:400px;
	opacity:0.1;
}


/* 5page */


#section5
{
	position:relative;
	background-color:#228dc7;
	background-size:cover; 
	width:100%;
	height:850px;

}


#section5 .contents{
	width:1290px;
	overflow:hidden;
	margin:auto;
	position:relative;
	
}

#section5 .contents ul{
	position:relative;
	width:1280px;
	left:50%;
	margin-left:-635px;
	margin-top:100px;
}

#section5 .contents ul li{
	float:left;
	margin-left:20px;
	margin-top:0px;
	
}


#section5 .contents .sp_title{
	margin-top:90px;
	text-align:left;
	color:#fff;

}

#section5 .contents .sp_title .sp01{
	font-size:80px;
	font-family: 'Godo';
	font-weight:bold;
	line-height:85px;

}

#section5 .contents .sp_title .sp02{
	margin-top:20px;
	font-size:20px;
	font-family: 'InfinitySans-RegularA1';
	line-height:30px;

}

#section5 .contents .sp_title .line{
	 margin-top:15px;
	 position:absolute;
	 width:70px;
	 height:3px;
	 background:#fff;
	 margin-left:-25px;

}


.spe_wrap{
	position:absolute;
	width:300px;
	height:360px;
	background:red;
}



.spebox{
  display: inline-block;
  position: relative;
  border: none;
  cursor: pointer;
  width:300px;
  height:360px;
  opacity:0;
}

.spebox:hover{
	background-color: rgba(0, 0, 0, 0.8);
	opacity:1;
}



.spebox::before, .spebox::after{
  content:"";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.5s linear;
  background: #fff;
  
  
 
}

#section5 .contents .text_box{
  display: block;
  text-align:center;
  margin-top:122px;
  z-index:500;
}

#section5 .contents .text_box .t01{
   font-size:15px;
   font-family: 'Godo';
	font-weight:bold;
   color:#fff;
   letter-spacing:-0.8px;
}

#section5 .contents .text_box .line{
  margin-top:10px;
  position:absolute;
  width:50px;
  height:3px;
  background:#fff;
  left:50%;
  margin-left:-25px;

}

#section5 .contents .text_box .t02{
   margin-top:10px;
   font-size:30px;
   font-family: 'Godo';
   color:#fff;
   line-height: 40px;
}

#section5 .contents .text_box .t03{
   font-size:30px;
   line-height:35px;
	font-family: 'Godo';
   color:#fff;
}


.text_box::before, .text_box::after
{  
  content:"";
  width:2px;
  height:0;
  position: absolute;
  transition: all 0.5s linear;
  background: #fff;
}
.spebox:hover::before, .spebox:hover::after
{
  width: 260px;
}
.spebox:hover .text_box::before, .spebox:hover .text_box::after
{
  height: 320px;
}




/*----- button 1 -----*/
#specon::before, #specon::after{
  transition-delay: 0.5s;
}
#specon .text_box::before, #specon .text_box::after{
  transition-delay: 0.5s;
}
#specon::before{
  right: 20px;
  top: 20px;
}
#specon::after{
  left: 20px;
  bottom: 20px;
}
#specon .text_box::before{
  left: 20px;
  top: 20px;
}
#specon .text_box::after{
  right: 20px;
  bottom: 20px;
}
#specon:hover::before, #specon:hover::after{
  transition-delay: 0s;
}
#specon:hover .text_box::before, #specon:hover .text_box::after{
  transition-delay: 0.3s;
}






/* footer */


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


.footer .f_info
{
	position:relative;
	width:1000px;
	margin-left:-375px;
	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-top:20px;
	text-align: left;
}

.footer .f_info .fi01 img
{
	width:150px;
	height:auto;
}

.footer .f_info .fi03{ margin-left:40px; margin-top:10px; 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;} */

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

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

#i_pro {
	position: relative;
	height: 100%;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#000;
	margin: 0;
	padding: 0;
}
.#i_pro_w {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
#i_pro_s {
	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;
}

#i_pro_s img{
	width:100%;
}

#i_prologue{
}

#i_prologue .wrap{
	font-family: 'Godo';
	
}

/* section1 부분 */

#i_prologue .section1{
	position:relative;
	height:100%;
}

#i_prologue .section1 .txt_box{
	position:absolute;
	z-index:99;
	color:#fff;
	width:600px;
	text-align:center;
	top:500px;
	left:calc(50% - 300px);
}

#i_prologue .section1 .txt_box .txt1{
	font-size:70px;
	font-family: 'Godo';
	text-shadow:#555 0px 0px 1px; 
}

#i_prologue .section1 .txt_box .txt2{
	font-family: 'Godo';
	font-size:25px;
	text-shadow:#555 0px 0px 1px; 
}

#i_prologue .section1 .pre_bt{
	width:100%;
	height:60px;
	background-color:#228dc7;
	position:absolute;
	z-index:99;
	bottom:0px;	
}

#i_prologue .section1 .pre_bt .txt_group{
	width:600px;
	display:flex;
	margin:auto;
	line-height:60px;
}

#i_prologue .section1 .pre_bt .txt_group p{
	font-family: 'InfinitySans-RegularA1';
	color:#fff;
	font-size:16px;
	width:200px;
	text-align:center;
}

#i_prologue .section_view{
	background-color:#1770a0;
}
#i_prologue .section_view .section2 .contents{
	background-color:#fff;
	width:1300px;
	margin:auto;
}

#i_prologue .section2 .txt_box1{
	padding:70px 0 0 0;
	text-align:center;
}
 
#i_prologue .section2 .txt_box1 .txt1{
	font-size:45px;	
	font-family: 'Godo';
	font-weight:bold;
	color:#1f2021;
}

#i_prologue .section2 .txt_box1 .txt2{
	font-size:15px;
	font-family: 'InfinitySans-RegularA1';
	color:#a7a7a7;
}

#i_prologue .section2 .txt_box1 .txt3{
	font-size:15px;
	color:#666666;
	margin-top:50px;
	font-family: 'InfinitySans-RegularA1';
	line-height:30px;
}
#i_prologue .section2 .contents_detail{
	width:1300px;
	margin:auto;
}

#i_prologue .section2 .contents_detail .detail1{
	display:flex;
	margin:90px 0 0 0;
}

#i_prologue .section2 .contents_detail .detail1 .img1{

	width:1300px;
	height:800px;
	
}

#i_prologue .section2 .contents_detail .detail2{
	margin:20px 0 0 0;
	display:flex;
}

#i_prologue .section2 .contents_detail .detail2 .img2{
	width:640px;
	height:600px;

}



#i_prologue .section2 .contents_detail .detail2 .img3{
	margin-left:20px;
	width:640px;
	height:600px;
}


#i_prologue .section2 .contents_detail .detail3{
	display:flex;
	margin:20px 0 0 0;
}
#i_prologue .section2 .contents_detail .detail3 .img4{
	width:1300px;
	height:800px;
}



#i_prologue .section3{
	background-color:#fff;
	width:1300px;
	margin:auto;
	border:1px solid #fff;
}

#i_prologue .section3 .txt_group{
	text-align:center;
	margin:70px 0 0 0;
}

#i_prologue .section3 .txt_group .txt1{
	font-size:45px;	
	font-family: 'Godo';
	font-weight:bold;
	color:##1f2021;
}

#i_prologue .section3 .txt_group .txt2{
	font-size:15px;
	font-family: 'InfinitySans-RegularA1';
	color:#a7a7a7;
}

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

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

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

#i_prologue .section3 .map{
	height:600px;
	margin:30px 0 0 0;

}


#i_prologue .swiper-button-next
{

	background-image:url("http://homepageimg.infotown.kr/noblesse/images/common/left_btn.png");
	left:50px;
	right:auto;
}

#i_prologue .swiper-button-prev
{

	background-image:url("http://homepageimg.infotown.kr/noblesse/images/common/right_btn.png");
	right:50px;
	left:auto;
}






/* Roompreview */

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

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

#room_preview .room_pre_bg{
	position:absolute;
	z-index:200;
	width:100%;
	height:700px;
    overflow: hidden;
}


#room_preview .r_txt_group{
	position: absolute;
	left:50%;
	top:300px;
    margin-left: -500px;
    color: #fff;
    width: 1000px;
    text-align: center;
}


#room_preview .r_txt_group .r_txt1{
	text-align:center;
	font-size:60px;
	font-family: 'Godo';
	letter-spacing: 0.3px;
	color:#fff;
	text-shadow:0px 0px 3px #555;
	opacity:1;
}

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


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




#r_swiper_r {
	position:relative;
	width: 1100px;
    height: 450px;
    top: 800px;

}

#r_swiper_w {
	text-align:center;
	display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */
	align-items:center; /* 위아래 기준 중앙정렬 */

}

#r_swiper_s
{
	position:relative;
	height:400px;
	width:40px;
	margin-right:10px;

}

#r_swiper_s img {
	box-shadow:0 0 5px #555;
	max-width:100%; /* 이미지 최대너비를 제한, 슬라이드에 이미지가 여러개가 보여질때 필요
	이 예제에서 필요해서 설정했습니다. 상황에따라 다를 수 있습니다. */
}


#r_r_next
{
	position:absolute;
	right: 47%;
    left: auto;
	top:1180px;
}

#r_r_prev
{
	position:absolute;
	left: 47%;
    right: auto;
	top:1180px;
}

.swiper-button-next
{

	background-image:url("http://homepageimg.showplace.kr/cube1007/images/common/btn_next.png");
	left:50px;
	right:auto;
}

.swiper-button-prev
{

	background-image:url("http://homepageimg.showplace.kr/cube1007/images/common/btn_prev.png");
	right:50px;
	left:auto;
}

.swiper-button-next,.swiper-button-prev
{
	position:absolute;
	top:50%;
	width:39px;
	height:39px;
	margin-top:-22px;
	z-index:10;
	cursor:pointer;
	background-size:39px 39px;
	background-position:center;
	background-repeat:no-repeat;
}

.swiper-button-prev,.swiper-button-next
{
		outline:none;
}


#r_swiper_s a
{
	color:#6a747d;
	

}



#r_swiper_s .r_info
{
	text-align:center;
	margin-left:10px;
	padding-top:10px;
	height:70px;
	

}

#r_swiper_s .r_info .r_name
{
	font-size:25px;
	line-height:35px;
	font-family: 'Godo';
	font-weight: bold;
	color:#483f3e;
	

}

#r_swiper_s .r_info .r_st
{
	font-size:15px;
	line-height:25px;
	font-weight: 400;
	font-family: 'Godo';
	

}


#r_swiper_s .r_info .r_view
{
	font-size:15px;
	line-height:35px;
	font-weight: 400;
	font-family: 'NanumSquare';
	

}







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

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

.room_name .txt1{
	font-size:30px;
	font-family: 'Godo';
	font-weight: bold;
	font-weight:bold;
	color:#1f2021;
}

.room_name .line{
	position:relative;
	left:50%;
	margin-left:-15px;
	width:30px;
	height:2px;
	background:#1f2021;
}

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

.r_txt
{
	position: absolute;
    bottom: 150px;
    right: 100px;
    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:12px; opacity:0.4;}
.r_txt .t04{font-family: 'Godo'; font-weight: bold;font-size:60px; 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:#333;  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:#fff; background:#0088d1;
}
.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: 'Godo'; font-size:60px;}
.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 preview */


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


#spe_preview .special_back{
	position:absolute;
	width:100%;
	height:700px;
	background:#000;
	opacity:0.5;
}


#spe_preview .spe_bg{
	position:absolute;
	z-index:200;
	width:100%;
	height:700px;
    overflow: hidden;
}

#spe_preview .s_txt_group{

	position: absolute;
	left:50%;
	top:300px;
    margin-left: -500px;
    color: #fff;
    width: 1000px;
    text-align: center;
}


#spe_preview .s_txt_group .s_txt1{
	text-align:center;
	font-size:60px;
	font-family: 'Godo';
	letter-spacing: 0.3px;
	color:#fff;
	text-shadow:0px 0px 3px #555;
	opacity:1;
}

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


#spe_w
{
	position:relative;
	background-size:cover; 
	width:100%;
	height:900px;

}


#spe_w .contents{
	width:1280px;
	overflow:hidden;
	margin:auto;
	position:relative;
	
}

#spe_w .contents ul{
	position:relative;
	width:1280px;
	left:50%;
	margin-left:-650px;
	margin-top:105px;
}

#spe_w .contents ul li{
	float:left;
	margin-left:20px;
	margin-top:0px;
	
}


#spe_w .contents .sp_title{
	margin-top:75px;
	text-align:center;
	color:##1f2021;

}

#spe_w .contents .sp_title .sp01{
	font-size:50px;
	font-family: 'Godo';
	font-weight:bold;
	line-height:85px;

}

#spe_w .contents .sp_title .sp02{
	margin-top:20px;
	font-size:20px;
	font-family: 'InfinitySans-RegularA1';
	line-height:30px;

}






#spe_w .contents .text_box{
  display: block;
  text-align:center;
  margin-top:122px;
  z-index:500;
}

#spe_w .contents .text_box .t01{
   font-size:15px;
   font-family: 'Godo';
   font-weight:bold;
   color:#fff;
   letter-spacing:-0.8px;
}

#spe_w .contents .text_box .line{
  margin-top:10px;
  position:absolute;
  width:50px;
  height:3px;
  background:#fff;
  left:50%;
  margin-left:-25px;

}

#spe_w .contents .text_box .t02{
   margin-top:10px;
   font-size:30px;
   font-family: 'Godo';
   color:#fff;
   line-height: 40px;
}

#spe_w .contents .text_box .t03{
	font-size:30px;
	line-height:35px;
	font-family: 'Godo';
	color:#fff;
}





/*----- button 1 -----*/
#specon::before, #specon::after{
  transition-delay: 0.5s;
}
#specon .text_box::before, #specon .text_box::after{
  transition-delay: 0.5s;
}
#specon::before{
  right: 20px;
  top: 20px;
}
#specon::after{
  left: 20px;
  bottom: 20px;
}
#specon .text_box::before{
  left: 20px;
  top: 20px;
}
#specon .text_box::after{
  right: 20px;
  bottom: 20px;
}
#specon:hover::before, #specon:hover::after{
  transition-delay: 0s;
}
#specon:hover .text_box::before, #specon:hover .text_box::after{
  transition-delay: 0.3s;
}




/*----- button 1 -----*/
#specon::before, #specon::after{
  transition-delay: 0.5s;
}
#specon .text_box::before, #specon .text_box::after{
  transition-delay: 0.5s;
}
#specon::before{
  right: 20px;
  top: 20px;
}
#specon::after{
  left: 20px;
  bottom: 20px;
}
#specon .text_box::before{
  left: 20px;
  top: 20px;
}
#specon .text_box::after{
  right: 20px;
  bottom: 20px;
}
#specon:hover::before, #specon:hover::after{
  transition-delay: 0s;
}
#specon:hover .text_box::before, #specon:hover .text_box::after{
  transition-delay: 0.3s;
}




/* special */

.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: 'Godo'; 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:#0088d1; color:#fff; 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:center; line-height:25px;}
.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_back{
	position:absolute;
	width:100%;
	height:700px;
	background:#000;
	opacity:0.5;
}



#res_preview .res_bg{
	position:absolute;
	z-index:200;
	width:100%;
	height:700px;
    overflow: hidden;
}

#res_preview .res_txt_group{

	position: absolute;
	left:50%;
	top:300px;
    margin-left: -500px;
    color: #fff;
    width: 1000px;
    text-align: center;
}


#res_preview .res_txt_group .res_txt1{
	text-align:center;
	font-size:60px;
	font-family: 'Godo';
	font-weight:bold;
	letter-spacing: 0.3px;
	color:#fff;
	text-shadow:0px 0px 3px #555;
	opacity:1;
}

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

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


.reser_con2{
width:1200px; 
margin:100px auto 0; 
height:800px; 
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: 'Godo'; 
font-weight:bold;
font-size:180px; 
opacity:0.1; 
letter-spacing:-10px}

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

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

.reser_con2 .reser_left .rp03{
position:absolute; 
left:85px; 
top:135px; 
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: 'Godo';
font-weight:bold;
font-size:180px; 
opacity:0.1; 
letter-spacing:-10px}

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

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

.reser_con .reser_left .rp03{
position:absolute; 
left:85px; 
top:135px; 
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: 'Godo'; 
font-weight:bold;
font-size:180px; 
opacity:0.1;
letter-spacing:-10px;}

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

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

.reser_con .reser_right .rp03{
position:absolute;
right:85px; 
top:135px;
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 .tour_back{
	position:absolute;
	width:100%;
	height:700px;
	background:#000;
	opacity:0.5;
}

#t_preview .t_bg{
	position:absolute;
	z-index:200;
	width:100%;
	height:700px;
    overflow: hidden;
}

#t_preview .t_txt_group{

	position: absolute;
	left:50%;
	top:300px;
    margin-left: -500px;
    color: #fff;
    width: 1000px;
    text-align: center;
}


#t_preview .t_txt_group .t_txt1{
	text-align:center;
	font-size:60px;
	font-family: 'Godo'; 
	letter-spacing: -0.3px;
	color:#fff;
	text-shadow:0px 0px 3px #555;
	opacity:1;
}

#t_preview .t_txt_group .t_txt2{
	text-align:center;
	font-size:12px;
	line-height:15px;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	text-shadow:0px 0px 3px #555;
	opacity:0.5;
}
.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: 'Godo';
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{
font-family: 'Godo'; 
font-weight:bold;
font-size:60px; 
margin-right:10px;
text-shadow:#555 0px 0px 3px;}

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