/* 한글 전체 폰트  (font-family: 'Noto Sans KR', sans-serif;) */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
/* 메인 롤링 궁서체 영문폰트 font-family: 'Playfair Display', serif; */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i&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');
/* 한글 폰트 약간 궁서체 느낌 (font-family: 'Noto Serif KR', serif;) */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,400,500,600,700,900');
/* 영문 폰트 날씬한 느낌 (font-family: 'PT Serif', serif;) */
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i');
/* 영문 폰트 자간이 좁은 느낌 (font-family: 'Fjalla One', sans-serif;) */
@import url('https://fonts.googleapis.com/css?family=Fjalla+One&subset=latin-ext');
/* 영문폰트 Roboto (font-family: 'Roboto', sans-serif;) */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

*{
	box-sizing:border-box;
	font-family: 'Noto Sans KR', sans-serif;
}


/* ------------------------ swiper.php ------------------------ */
	.swiper-container {
      width: 100%;
      height: 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%;*/
	}

	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 50px;
    left: 0;
    width: 100%;
	}

	.swiper-pagination-fraction,
	.swiper-pagination-custom,
	.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 70px;
	left: 0;
	 width: 100%;
	}


/* ------------------------ header.php ------------------------ */

#i_header{	
}

#i_header .navbg{
	position:fixed;
	top:0px;
	z-index:9999;
	width:100%;
	background:rgba(43,43,43,.7);
	border-bottom:1px solid #ebebeb;
    float:left;
}

#i_header .logo{
	float:left;
	font-size:25px;
/*	font-weight:700;*/
	color:#ffffff;
	padding: 10px 30px;
	
}

#i_header .logo a{
	color:#ffffff;
	text-decoration:none;
}
	
#i_header .nav{
	width:800px;
	margin:auto;
	float:right;
	margin-right:20px;
}

#i_header .menu{
	height:60px;
}

#i_header .menu li.level1{
	float:left;
	width:20%;
	text-align:center;
	line-height:60px;
}

#i_header .menu li a{
	font-size:15px;
	color:#fff;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
}

#i_header .reser_btn{
	float:right;
	height:60px;
	margin-right:50px;
}

#i_header .reser_btn img{
	height:50px;
	margin: 5px 0 0 0;
}

/* ------------------------ footer.php ------------------------ */

#i_footer{
	background-color:#2d2d2d;
	width:100%;
}

#i_footer .footer_wrap{
	width:1500px;
	height:100px;
	margin:auto;
}

#i_footer .footer_wrap .le_section{
	float:left;
	color:#fff;
	margin:20px 0 0 0;
	font-size:13px;
}

#i_footer .footer_wrap .ri_section{
	color:#fff;
	float:right;
	margin:20px 0 0 0;
	font-size:13px;
}

/* ------------------------ index.php ------------------------ */

#i_index .section1{
	position:relative;
	height:1070px;
}  

#i_index .section1 .main_txt_box{
	position:absolute;
	width:1200px;
	top:500px;
	left:calc(50% - 600px);
	z-index:99;
	text-align:center;
	color:#fff;
	font-family: 'Raleway', sans-serif;
}

#i_index .section1 .main_txt_box .txt1{
	font-size:80px;
	font-weight:600;
}

#i_index .section1 .main_txt_box .txt2{
	font-size:25px;
}

#i_index .section2{
	width:1300px;
	margin:100px auto;
}

#i_index .section2 .txt_group{
	width:1300px;
	text-align:center;
	margin:auto;
}

#i_index .section2 .txt_group .txt1{
	font-size:50px;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
}

#i_index .section2 .txt_group .txt2{
	font-size:20px;
}

#i_index .section2 ul{
	margin:50px 0;
}

#i_index .section2 ul li{
	float:left;
	overflow:hidden;
	margin:10px 0 50px 0;

}

#i_index .section2 ul li:nth-child(2n){
	margin-left:100px;
}

#i_index .section2 ul li img{
	height:auto;
	width:600px;
}

#i_index .section2 ul li p{
	font-size:25px;
	color:#333;
	text-align:center;
}

/* ------------------------ map.php ------------------------ */

#i_map{
	width:100%;
}

#i_map .map_wrap{	 
	height:1100px;
	position:relative;
}

#i_map .map_wrap .section1{
	width:1400px;
	margin:auto;
	top:200px;
	left:calc(50% - 700px);
	position:absolute;
	
}

#i_map .map_wrap .section1 .txt_group{
	width:800px;
	text-align:center;
	margin:auto;
	
}

#i_map .map_wrap .section1 .txt_group .txt1{
	font-size:50px;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
}

#i_map .map_wrap .section1 .add_txt{
	position:absolute;
	top:150px;
	color:#333;
	font-size:16px;
	text-align:center;
	width:1000px;
	left:calc(50% - 500px);
}

#i_map .map_wrap .section1 .txt_group .txt2{
	font-size:20px;
}

#i_map .map_wrap .map{
	margin:70px auto 0;
	width:1000px;
}

/* ------------------------ reservation.php ------------------------ */
#i_reser{
}

#i_reser .reser_wrap{
	width:100%;
	margin-bottom:100px;
}

#i_reser .section1 .txt_group{
	width:800px;
	text-align:center;
	margin:200px auto 100px;
}

#i_reser .section1 .txt_group .txt1{
	font-size:50px;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
}

#i_reser .section1 .txt_group .txt2{
	font-size:20px;
}

#i_reser .reser_wrap .section2 .room_info_box{
	width:1200px;
	margin:auto;
}


#i_reser .reser_info{
	width:100%;
	margin-bottom:100px;
}

#i_reser .section3
{
margin-bottom:100px;
}

#i_reser .section3 .txt_group{
	width:800px;
	text-align:center;
	margin:200px auto 100px;
}

#i_reser .section3 .txt_group .txt1{
	font-size:50px;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
}

#i_reser .section3 .txt_group .txt2{
	font-size:20px;
}

#i_reser .section3 .con_group{
	text-align:center;
	font-size:15px;
}