@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@import url( "https://fonts.googleapis.com/css?family=Chonburi" );
/* 한글 폰트 나눔고딕 (font-family: 'Nanum Gothic', sans-serif;) */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');
/* 영문 폰트 모던한 느낌  (font-family: 'Raleway', sans-serif;) */
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');


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: 6% 0 0 0;
	}
	#section3 h1{
		color: #000;
	}

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


	.m1_top{position:absolute; top: 50%; transform: translateY(-50%); z-index:100; text-align:center; 
	width:60%; margin-left:-30%; left:50%;}
	.m1_top img{ max-width:100%;}

.t_wrap_x{min-width:1200px;}

.wrap_line{position:fixed;}


.top_navi{ position:fixed; top:0; z-index:52; width:100%; transition:.4s;}
.top_navi .navi_cont{margin:0; position:relative;}
.menu_btn{opacity:1; position:fixed; right:0px; top:0px; width:100px; z-index:9998}
.menu_btn:hover {opacity:0.8;}
.top_navi .navi_cont .logo{position:relative;z-index:2; width:100%; height:140px;}
.top_navi .navi_cont .logo img{position:absolute; top:50px; left:50px; opacity:0.8;}
.top_navi .navi_cont .logo:hover .gnb{opacity:1;} 
.top_navi .navi_cont .logo .gnb{width:100%; height:60px; opacity:1; transition:.4s; position:absolute; left:280px; top:57px;}
.top_navi .navi_cont .logo .gnb .dae{}
.top_navi .navi_cont .logo .gnb .dae li{float:left; display:block; padding:0 20px; color:#333; transition:.4s; position:relative;}
.top_navi .navi_cont .logo .gnb .dae li a{line-height:30px; color:#333; font-size:14px; letter-spacing:4px; display:block;}
.top_navi .navi_cont .logo .gnb .dae li:hover a{color:#333;}
.top_navi .navi_cont .logo .gnb .dae li .sub{position:absolute; opacity:0; }
.top_navi .navi_cont .logo .gnb .dae li:hover .sub{opacity:1 }
.top_navi .navi_cont .logo .gnb .dae li:hover .sub a{color:#333;}
.top_navi .navi_cont .logo .gnb .dae li .sub a{line-height:30px; font-size:13px; letter-spacing:0px; color:#606060; transition:.4s; display:inline-block; padding:0 10px 0 0;}

.cont_box{margin-right:100px; height:100%; overflow:hidden;}
.cont_box2{margin:0 100px 0 0; height:100%; overflow:hidden;}

.reser_btn{position:fixed; left:40px; bottom:120px; color:#333; z-index:10; display:none}
.reser_btn a{color:#333; font-size:15px; padding: 5px 5px 5px 30px; background:url(http://homepageimg.infotown.kr/daol/images/common/reser_icon.png)no-repeat 0 7px; position:relative;}
.reser_btn a .han{position:absolute; top:-15px; left:30px; transition:.4s;}
.reser_btn:hover a .han{left:58px;}

.wrap_line4{position:fixed; height:100%; width:1px; border-right:1px solid #ddd; z-index:2; right:99px}
.wrap_line3{position:fixed; height:100%; width:1px; border-right:1px solid #ddd; z-index:2; left:25%;}
.wrap_line2{position:fixed; height:100%; width:1px; border-right:1px solid #ddd; z-index:2; left:50%;}
.wrap_line1{position:fixed; height:100%; width:1px; border-right:1px solid #ddd; z-index:2; right:25%;}




.left50{width:50%; float:left; height:100%; position:relative;}
.right50{width:50%; float:right; height:100%; position:relative;}

.left50 .title_box{position:absolute; top: 43%; transform: translateY(-50%); z-index:100; left:50%; width:60%; margin-left:-30%; text-align:left;  color:#fff; }
.left50 .title_box .t01{font-family: "Noto Sans KR", sans-serif; font-weight:400; font-size:20px; text-shadow:#333 1px 1px 3px; margin-bottom:5px; }
.left50 .title_box .t01 span {font-family: 'Chonburi', cursive; font-size:50px;}
.left50 .title_box .t02{font-size:16px; margin-bottom:20px; text-shadow:#333 1px 1px 3px;}
.left50 .title_box .t03{font-size:12px; opacity:0.8;}
.left50 .title_box .t04{margin-top:50px; display:inline-block; transition:.4s; position:relative; width:200px; height:40px;}
.left50 .title_box .t04 a{display:inline-block; color:#fff; background:#333;  width:200px; height:40px; text-align:center; position:absolute; left:5px; top:5px; 
line-height:40px;transition:.4s; z-index:4}
.left50 .title_box .t04:hover a{left:0px; top:0px;  border:none; color:#333; font-weight:500;  background:#fff; }



.left57{width:50%; float:left; height:100%; position:relative;}
.right57{width:50%; float:right; height:100%; position:relative;}

.left57 .title_box{position:absolute; top: 54%; transform: translateY(-50%); z-index:100; left:50%; width:60%; margin-left:-30%; text-align:left;  color:#333; }
.left57 .title_box .t01{font-family: 'Chonburi', cursive; font-size:50px;}
.left57 .title_box .t01 span {font-family: "Noto Sans KR", sans-serif; font-size:40px; font-weight:500;}
.left57 .title_box .t02{font-size:14.5px; margin-bottom:20px; margin-top:20px; opacity:0.8; font-weight:400;}
.left57 .title_box .t03{font-size:12px; color:#fff;}
.left57 .title_box .t04{margin-top:50px; display:inline-block; transition:.4s; position:relative; width:200px; height:40px;}
.left57 .title_box .t04 a{display:inline-block; color:#fff; background:#333;  width:200px; height:40px; text-align:center; position:absolute; left:5px; top:5px; 
line-height:40px;transition:.4s; z-index:4}
.left57 .title_box .t04:hover a{left:0px; top:0px;  border:1px solid #333; color:#333; font-weight:500;  background:#fff; }




.left54{width:50%; float:right; height:100%; position:relative;}
.right54{width:50%; float:left; height:100%; position:relative;}

.left54 .title_box{position:absolute; top: 50%; transform: translateY(-50%); z-index:100; left:50%; width:60%; margin-left:-30%; text-align:left;  color:#333; }
.left54 .title_box .t00{opacity:0.1; position:absolute; font-family: 'Chonburi', cursive; font-size:160px; position:absolute; top:-105px; }
.left54 .title_box .t01{font-family: 'Chonburi', cursive; font-size:50px; display:inline-block;}
.left54 .title_box .t01 span{font-family: "Noto Sans KR", sans-serif; font-size:13px;color:#fff; background:#333; padding:3px 10px; display:inline-block; position:absolute; right:110px; top:18px;}
.left54 .title_box .t02{font-size:14px; opacity:0.9; margin-bottom:40px; margin-top:50px;}
.left54 .title_box .t03{font-size:12px; opacity:0.4;}
.left54 .title_box .t04{margin-top:50px; display:inline-block; border:1px solid #333; transition:.4s; position:relative; width:200px; height:40px;}
.left54 .title_box .t04 a{display:inline-block; color:#fff; background:#333;  width:200px; height:40px; text-align:center; position:absolute; left:5px; top:5px; 
line-height:40px;transition:.4s; z-index:4}
.left54 .title_box .t04:hover a{left:0px; top:0px;  border:none; color:#333; background:#fff; }
.left54 .title_box .t05{font-family: 'Chonburi', cursive; font-size:50px; display:inline-block;}
.left54 .title_box .t05 span{font-family: "Noto Sans KR", sans-serif; font-size:13px;color:#fff; background:#333; padding:3px 10px; display:inline-block; position:absolute; right:0px; top:18px;}



.room_mo{margin-top:40%;
width:300px;
height:150px;
position:absolute;
left:calc(50% - 100px);
top:100px;
background-color:rgba(0,0,0,.7);
color:#fff;
}

.room_mo .txt_box{
	margin:30px 0 0 0;
}

.room_mo .txt_box .txt1{
	font-size:22px;
	margin:0 0 20px 0;
}

.room_mo .txt_box .line{
	width:180px;
	border:0.5px solid #898989;
	margin:auto;
}

.room_mo .txt_box .txt2{
	font-size:15px;
	margin:20px 0 0 0;
}

.room_mo .txt_box .txt3{
	margin:30px 0 0 0;
	font-size:15px;
	width:100%;
	height:40px;
	background-color:#fff;
	color:#333;
	line-height:40px;
	font-weight:bold;
}

.left56{width:50%; float:left; height:100%; position:relative;}
.right56{width:50%; float:right; height:100%; position:relative;}

.left56 .title_box{position:absolute; top: 50%; transform: translateY(-50%); z-index:100; left:50%; width:60%; margin-left:-30%; text-align:left;  color:#333; }
.left56 .title_box .t00{opacity:0.1; position:absolute; font-family: 'Chonburi', cursive; font-size:160px; position:absolute; top:-105px; }
.left56 .title_box .t01{font-family: 'Chonburi', cursive; font-size:50px; display:inline-block;}
.left56 .title_box .t01 span{font-family: "Noto Sans KR", sans-serif; font-size:13px;color:#fff; background:#333; padding:3px 10px; display:inline-block; position:absolute;     margin-left:20px; top:18px;}
.left56 .title_box .t02{font-size:14px; opacity:0.9; margin-bottom:40px; margin-top:50px;}
.left56 .title_box .t03{font-size:12px; opacity:0.4;}
.left56 .title_box .t04{margin-top:50px; display:inline-block; border:1px solid #333; transition:.4s; position:relative; width:200px; height:40px;}
.left56 .title_box .t04 a{display:inline-block; color:#fff; background:#333;  width:200px; height:40px; text-align:center; position:absolute; left:5px; top:5px; 
line-height:40px;transition:.4s; z-index:4}
.left56 .title_box .t04:hover a{left:0px; top:0px;  border:none; color:#333; background:#fff; }
.left56 .title_box .t05{font-family: 'Chonburi', cursive; font-size:50px; display:inline-block;}
.left56 .title_box .t05 span{font-family: "Noto Sans KR", sans-serif; font-size:13px;color:#fff; background:#333; padding:3px 10px; display:inline-block; position:absolute;     margin-left:200px; top:18px;}



.footer{position:fixed; bottom:0px; height:100px; width:100%; z-index:9998;
}
.footer .info{ width:100px; height:100px; position:absolute; right:0px; text-align:center; color:#333; font-size:13px; cursor:pointer;}



.footer .info .icon{margin-top:15px;display:inline-block; width:40px; height:40px; border-radius:100%; border:1px solid #333;margin-bottom:5px; 
background:#fff url(http://homepageimg.infotown.kr/daol/images/common/icon05.png) no-repeat 0 0; transition:.4s; position:absolute; z-index:9999; right:25px;}
.footer .info .icon:hover{background:#333 url(http://homepageimg.infotown.kr/daol/images/common/icon05.png) no-repeat -40px 0; }
.footer .info .foot_box{position:fixed; width:100%; bottom:0px;left:0px; z-index:9997; height:100px; background:#fff; display:none;  border-top:1px solid #ddd}
.footer .info .foot_box .cont{position:absolute; top: 50%; transform: translateY(-50%); z-index:100; text-align:left; 	margin-left:50px; left:0%;  color:#9c9c9c;}
.footer .info .foot_box .cont span{color:#333;}
.footer .info .cy{position:absolute; z-index:9999; bottom:15px; right:15px;}




.left51{width:35%; float:left; height:100%; position:relative;}
.right51{width:1200px; right:0px; position:absolute; top:50%; margin-top:-350px; z-index:5}

.left51 .title_box{position:absolute; top:28%; transform: translateY(-50%); z-index:100; left:50%; width:60%; margin-left:-30%; text-align:left;  color:#333; }
.left51 .title_box .t01{font-family: "Noto Sans KR", sans-serif; font-size:20px; font-weight:400; margin-bottom:20px; letter-spacing:-2px;}
.left51 .title_box .t01 span{font-family: 'Chonburi', cursive; font-size:50px; letter-spacing:-1px;}
.left51 .title_box .t02{font-size:14px; opacity:0.9;}
.left51 .title_box .t03{font-size:16px; color:#fff; text-shadow:#333 1px 1px 3px;}
.left51 .title_box .t04{margin-top:50px; display:inline-block; border:1px solid #333; transition:.4s; position:relative; width:200px; height:40px;}
.left51 .title_box .t04 a{display:inline-block; color:#fff; background:#333; width:200px; height:40px; text-align:center; position:absolute; left:5px; top:5px; line-height:40px;transition:.4s;}
.left51 .title_box .t04:hover a{left:0px; top:0px;  border:none; color:#333; background:#fff; }

.left51 .title_box .t04{margin-top:50px; display:inline-block; transition:.4s; position:relative; width:200px; height:40px;}
.left51 .title_box .t04 a{display:inline-block; color:#fff; background:#333;  width:200px; height:40px; text-align:center; position:absolute; left:5px; top:5px; 
line-height:40px;transition:.4s; z-index:4}
.left51 .title_box .t04:hover a{left:0px; top:0px;  border:none; color:#333; font-weight:500;  background:#fff; }

.bxslider_03 li{height:700px; background-repeat:no-repeat; background-position:100px; position:relative; background:#333;}
.right51 .bx-prev{position:absolute; left:-33px !important; bottom:0px !important;}
.right51 .bx-next{position:absolute; left:-33px !important; bottom:0px !important;}
.bxslider_03 li div{position:absolute; width:100%; height:100%; transition:.4s; opacity:0.7;}
.bxslider_03 li:hover div{opacity:1}
.room_list1 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s1.jpg); background-size:cover; }
.room_list2 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s2.jpg); background-size:cover;}
.room_list3 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s3.jpg); background-size:cover;}
.room_list4 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s4.jpg); background-size:cover;}
.room_list5 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s5.jpg); background-size:cover;}
.room_list6 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s6.jpg); background-size:cover;}
.room_list7 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s7.jpg); background-size:cover;}
.room_list8 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s8.jpg); background-size:cover;}
.room_list9 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s9.jpg); background-size:cover;}
.room_list10 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s10.jpg); background-size:cover;}
.room_list11 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s11.jpg); background-size:cover;}
.room_list12 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s12.jpg); background-size:cover;}
.room_list13 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s13.jpg); background-size:cover;}
.room_list14 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s14.jpg); background-size:cover;}
.room_list15 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s15.jpg); background-size:cover;}
.room_list16 { background:#333 url(http://homepageimg.infotown.kr/farmstay/images/main/s16.jpg); background-size:cover;}



.bxslider_03 li .name{position:absolute; top:0; left:0; width:150px; background:#333; line-height:50px; height:50px; color:#fff;}


.special_box{overflow:hidden; margin-top:75px; position:absolute; z-index:5; left:50%; margin-left:-700px;}
.special_box .title{text-align:center; overflow:hidden;}
.special_box .title .t01{font-size:20px; opacity:0.9;}
.special_box .title .t02{font-family: 'Chonburi', cursive; font-size:55px; margin-bottom:10px;}
.special_box .title .t03{font-size:12px;}

.spe_con{overflow:hidden; width:1300px; border:1px solid #ddd; margin:50px auto 0 auto;}
.spe_con ul{overflow:hidden;}
.spe_con ul li{float:left; width:50%; text-align:left; background:#fff; height:230px;}
.spe_con ul .s_one{float:left; width:100%; text-align:left; background:#fff;}
.spe_con ul li a{display:block; color:#333;}
.spe_con ul li a img{float:left;}
.spe_con ul li a .cont{width:50%; float:left;} 
.spe_con ul .s_one a .cont{width:50%; float:left;} 
.spe_con ul li a .cont .txt{padding:50px;}
.spe_con ul li a .cont .txt .t01{font-size:22px; font-family: 'Chonburi', cursive; padding-top:15px; }
.spe_con ul li a .cont .txt .t02{font-size:14px; opacity:0.9; padding-left:102px; width:200px;}
.spe_con ul li a .cont .txt .t03{font-size:13px; opacity:0.7; padding-top:30px;}
.spe_con ul li .over{position:absolute; width:640px; height:220px; padding:5px; border:0px; transition:250ms;}
.spe_con ul li .over:hover{position:absolute; width:640px; height:220px; border:5px solid #333; padding:0px;}




.spe_con ul .s_one a .cont .txt{padding:50px;}
.spe_con ul .s_one a .cont .txt .t01{font-size:22px; font-family: 'Chonburi', cursive; padding-top:15px; }
.spe_con ul .s_one a .cont .txt .t02{font-size:14px; opacity:0.9; padding-left:52px; width:200px;}
.spe_con ul .s_one a .cont .txt .t03{font-size:13px; opacity:0.7; padding-top:30px;}
.spe_con ul .s_one .over{position:absolute; width:1290px; height:220px; padding:5px; border:0px; transition:250ms;}
.spe_con ul .s_one .over:hover{position:absolute; width:1290px; height:220px; border:5px solid #333; padding:0px;}

.ab_txt{position:absolute; bottom:400px; right:200px; z-index:3; text-align:right; color:#fff;}
.ab_txt .t01{font-family: 'Chonburi', cursive; font-size:50px; text-shadow:#333 1px 1px 3px;}
.ab_txt .t02{margin-bottom:30px; font-size:14px; opacity:0.9; text-shadow:#333 1px 1px 3px;}
.ab_txt .t03{font-size:12px; opacity:0.4;}
.ab_txt .t04{font-family: 'Chonburi', cursive; font-size:50px; text-shadow:#333 1px 1px 3px;}
.ab_txt .t04 span{font-size:45px; font-family: "Noto Sans KR", sans-serif; font-weight:500; text-shadow:#333 1px 1px 3px;}
.ab_txt .t05 a{margin-top:20px; font-size:14px; color:#fff; background:#333;  width:200px; height:40px; text-align:center; position:absolute; left:410px; top:110px; 
line-height:40px;transition:.4s;}
.ab_txt .t05:hover a{left:0px; top:0px;  border:none; color:#fff; background:#ff0000; width:200px; height:40px; text-align:center; position:absolute; left:410px; top:110px; 
line-height:40px;transition:.4s;}
.ab_txt .t06{font-size:12px; opacity:0.4; padding-top:10px;}



.box_gnb{ position:fixed; top:0; right:100px; z-index:999; height:100%; width:300px; background:#fff; margin-left:1px; display:none; } 
.box_gnb .menu_close{position:absolute; right:0px; cursor:pointer; z-index:999}
.box_gnb .logo{position:absolute; top:30px; left:50px; z-index:2;}


.box_gnb .in_b{position:absolute; top:70px; left:50px; color:#fff;}
.box_gnb .in_b ul{overflow:hidden;}
.box_gnb .in_b ul li{margin-bottom:40px;}
.box_gnb .in_b ul li a{color:#000;}
.box_gnb .in_b ul li a .dae{font-family: 'Chonburi', cursive; font-size:23px; height:50px; line-height:50px; transition:250ms; opacity:0.7; position:relative; }
.box_gnb .in_b ul li a .dae SPAN {font-family: "Noto Sans KR", sans-serif; display:inline-block; font-size:15px; padding-left:10px; opacity:0; transition:250ms;}
.box_gnb .in_b ul li:hover a .dae{opacity:1; font-size:25px; color:#000;}
.box_gnb .in_b ul li:hover a .dae SPAN {color:#999; opacity:1}
.box_gnb .in_b ul li .sub{overflow:hidden; margin:0 0px; font-size:14px}
.box_gnb .in_b ul li .sub a{opacity:0.7; padding-right:20px;}
.box_gnb .in_b ul li:hover .sub a{opacity:1}
.box_gnb .in_b ul li .sub a:hover{text-decoration:underline; color:#999;}


.main_tel{position:fixed; right:-85px; color:#494949; font-size:15px; z-index:99999; bottom:300px; letter-spacing:1px;
   -ms-transform: rotateZ(90deg); 
   -webkit-transform: rotateZ(90deg); 
   transform: rotateZ(90deg);}
.main_tel span{font-weight:bold; color:#333}


.aileen_txt{position:absolute; top:890px; z-index:3; opacity:0.6;}
.aileen_txt2{position:absolute; top:50%; z-index:3; opacity:0.8; right:30px; display:inline-block;}
.aileen_txt2 span{display:inline-block; padding:3px 10px; background:#333; color:#fff; z-index:2; top:50px; left:210px; position:absolute; font-size:12px;}


.sub_wrap{overflow:hidden; margin-right:100px;}

.prologue_box{padding:150px 0 0 0; position:relative; height:810px;}
.prologue_box .img01{position:absolute; left:50%; margin-left:-600px; width:520px; height:420px;}
.prologue_box .img02{position:absolute; right:15%; top:320px; border:15px solid #fff; z-index:1; width:790px; height:649px;}
.prologue_box .eng{position:absolute; left:50%; margin-left:-40px; font-size:12px; opacity:0.4; margin-top:75px; z-index:2}
.prologue_box .big{position:absolute; top: 450px; font-family: 'Chonburi', cursive; font-size:230px; font-style:italic; left:50%; margin-left:-620px; z-index:2;}
.prologue_box .small{position:absolute; top:600px; font-family: 'Chonburi', cursive; font-size:40px; left:50%; margin-left:-460px; z-index:2}
.prologue_box .txt{position:absolute; top:700px; font-size:13px; left:50%; margin-left:-460px; z-index:2}



.prologue_box2{padding:150px 0 0 0; position:relative; height:830px;}
.prologue_box2 .img01{position:absolute; margin-left:100px; width:710px; height:530px;}
.prologue_box2 .img02{position:absolute; right:0px; margin-right:85px; top:520px; border:15px solid #fff; z-index:1; width:940px; height:560px;}
.prologue_box2 .eng{position:absolute; left:945px; margin-left:-40px; font-size:12px; opacity:0.4; top:430px; z-index:2}
.prologue_box2 .big{position:absolute; top: 200px; font-family: 'Chonburi', cursive; font-size:230px; font-style:italic; left:700px; z-index:2;}
.prologue_box2 .small{position:absolute; top:340px; font-family: 'Chonburi', cursive; font-size:40px; left:900px; z-index:2}
.prologue_box2 .txt{position:absolute; top:390px; font-size:13px; left:900px; z-index:2}


.prologue_box3{padding:150px 0 0 0; position:relative; height:750px;}
.prologue_box3 .img01{position:absolute; left:50%; margin-left:-500px; width:710px; height:530px;}
.prologue_box3 .img02{position:absolute; right:0px; margin-right:85px; top:350px; border:15px solid #fff; z-index:1; width:740px; height:560px;}
.prologue_box3 .eng{position:absolute; left:50%; margin-left:-490px; font-size:12px; opacity:0.4; top:580px; z-index:2; color:#fff;}
.prologue_box3 .big{position:absolute; top: 350px; font-family: 'Chonburi', cursive; font-size:230px; font-style:italic; left:50%; margin-left:-680px; z-index:2;}
.prologue_box3 .small{position:absolute; top:480px; font-family: 'Chonburi', cursive; font-size:40px; left:50%; margin-left:-490px; z-index:2; color:#fff}
.prologue_box3 .txt{position:absolute; top:580px; font-size:13px; left:50%; margin-left:-670px; z-index:2}



.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: 'Chonburi', cursive; 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;}


.copyright{line-height:100px; text-align:center; font-size:12px; color:#9c9c9c; border-top:1px solid #ddd; background:#fff;}
.copyright span{color:#333;}



.prologue_box4{padding:150px 0 0 0; position:relative; height:800px;}
.prologue_box4 .img01{position:absolute; left:50%; margin-left:-600px; width:520px; height:420px;}
.prologue_box4 .img02{position:absolute; right:15%; top:320px; border:15px solid #fff; z-index:1; width:790px; height:649px;}
.prologue_box4 .eng{position:absolute; left:50%; margin-left:-40px; font-size:12px; opacity:0.4; margin-top:75px; z-index:2}
.prologue_box4 .big{position:absolute; top: 450px; font-family: 'Chonburi', cursive; font-size:230px; font-style:italic; left:50%; margin-left:-640px; z-index:2;}
.prologue_box4 .small{position:absolute; top:600px; font-family: 'Chonburi', cursive; font-size:40px; line-height:35px; left:50%; margin-left:-480px; z-index:2}
.prologue_box4 .txt{position:absolute; top:700px; font-size:13px; left:50%; margin-left:-480px; z-index:2}
.prologue_box4 .price {position:absolute; top:800px; width:950px; padding:15px; background:#fff; left:50%; margin-left:-463px; z-index:3}

.community{overflow:hidden; height:500px; position:relative; background:#333;}
.community .img{width:100%; height:100%; background-position:center; background-size:cover; position:absolute; opacity: 0.5}
.community .txt_box{width:100%; text-align:center; margin-top:220px; color:#fff; opacity:1; position:absolute; z-index:2;} 
.community .txt_box .txt1{margin-bottom:10px;}
.community .txt_box .txt2{font-family: 'Chonburi', cursive; font-size:60px; }
.community .txt_box .txt3{margin-bottom:10px; font-size:11px; margin-top:20px; opacity:0.5 ; }
.community .txt_box .txt4 {margin-top:40px;}
.community .txt_box .txt4 a{display:inline-block; padding:8px 20px 8px 22px; color:#fff;  background:#333;font-size:14px; letter-spacing:2px; transition:250ms;}
.community .txt_box .txt4 a:hover{color:#333; background:#fff;}
.community .txt_box .txt4 a.on{color:#333; background:#fff;}



.community_board{width:70%; margin:50px auto; padding-right:100px; position:absolute; left:50%; margin-left:-35%; z-index:3}

.commu_txt{overflow:hidden;   -ms-transform: rotateZ(90deg);    -webkit-transform: rotateZ(90deg);    transform: rotateZ(90deg); position:absolute; right:-180px; margin-top:195px;}
.commu_txt .line{display:inline-block; width:100px; height:2px; background:#333; margin-bottom:20px; margin-top:13px; float:left; margin-right:10px;}
.commu_txt .txt{float:left;  font-family: 'Chonburi', cursive; font-size:50px; }



.commu_txt2{overflow:hidden;   -ms-transform: rotateZ(90deg);    -webkit-transform: rotateZ(90deg);    transform: rotateZ(90deg); position:absolute; right:-150px; margin-top:168px;}
.commu_txt2 .line{display:inline-block; width:100px; height:2px; background:#333; margin-bottom:20px; margin-top:13px; float:left; margin-right:10px;}
.commu_txt2 .txt{float:left;  font-family: 'Chonburi', cursive; font-size:50px; }




.commu_txt3{overflow:hidden;   -ms-transform: rotateZ(90deg);    -webkit-transform: rotateZ(90deg);    transform: rotateZ(90deg); position:absolute; right:-205px; margin-top:222px;}
.commu_txt3 .line{display:inline-block; width:100px; height:2px; background:#333; margin-bottom:20px; margin-top:13px; float:left; margin-right:10px;}
.commu_txt3 .txt{float:left;  font-family: 'Chonburi', cursive; font-size:50px; }




.commu_txt4{overflow:hidden;   -ms-transform: rotateZ(90deg);    -webkit-transform: rotateZ(90deg);    transform: rotateZ(90deg); position:absolute; right:-120px; margin-top:-15px;}
.commu_txt4 .line{display:inline-block; width:100px; height:2px; background:#333; margin-bottom:20px; margin-top:13px; float:left; margin-right:10px;}
.commu_txt4 .txt{float:left;  font-family: 'Chonburi', cursive; font-size:50px; }

.map_cont{margin:100px auto; padding-right:98px; padding-left:2px; z-index:5; position:relative;}
.map_cont .left{float:left; width:40%;  margin-left:10%}
.map_cont .right{float:left; width:40%; margin-right:10%;}
.map_cont .right2{float:left; width:50%; height:500px}
.map_cont .right3{float:left; width:50%; height:500px}




.map_cont2{margin:100px auto; padding-left:2px; z-index:5; position:relative;}
.map_cont2 .ton{max-width:1200px; margin:0 auto;}

.map_txt_c {padding-bottom:100px}
.map_txt_c .t01{ font-family: 'Chonburi', cursive; font-size:150px; opacity:0.1; position:absolute;  ; z-index:6}
.map_txt_c .t02{font-family: 'Chonburi', cursive; font-size:40px; position:relative; padding-top:107px; padding-left:100px}
.map_txt_c .t02 span{font-family: "Noto Sans KR", sans-serif; font-size:17px; background:#333; color:#fff; display:inline-block; padding:3px 10px; position:absolute; bottom:10px; margin-left:20px;}
.map_txt_c .txt{font-size:13px; color:#6e6e6e; margin:10px 40px 10px 10px; line-height:25px;}
.map_txt_c .txt p{color:#333; font-size:14px; padding-bottom:10px;}


.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: 'Raleway', sans-serif;
	font-weight:bold;
	color:#828282;
}

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