@charset "utf-8";
@import "./reset.css";
body{background:#333;}
.clear::after{
	content:''; display:block; clear:both; width:0; height:0; visibility:hidden;
}
h3{-webkit-text-stroke:0.5px #fff;}
.container{
	width:90%; 
	max-width:1132px;
	margin:0 auto;
}

.header{
	padding:20px 5%;
	position:relative;
}
.logo{
	float:left; width:150px;
}
.gnb{
	display:block;
	position:absolute;
	top:100%; left:0;
	width:100%;
	background:#07703C;
}
.gnb>li>a{
	display:block;
	padding:10px 0px 10px 5%;
	color:#fff;
}
.gnb>li:hover{
	background:#94C93D;}
.menu{
	float:right;
	width:35px;
	margin-top:13px;
	cursor:pointer;
}
.menu span{
	display:block;
	width:100%; height:3px;
	background:#07703C;	
}

.menu span:nth-child(2){margin:5px 0;}

.slider img{display:block; width:100%; height:auto;}

section h2{
	width:0; height:0;
	overflow:hidden;
	text-indent:-99999px;
	visibility:hidden;
	display:none;
}
.sec_title{
	font-family: 'Lobster', cursive;
	font-size:42px;
	color:#07703C;	
	margin-bottom:70px;
}
.divider{
	width:90%; max-width:1132px;
	margin:0 auto;
	background:#ccc;
	height:1px;
}
.m_divider{
	width:20%;
	margin:70px auto;
	background:#07703C;
	height:5px;
}
.about{
	margin-top:70px;
	text-align:center;
}
.desc{font-size:12px; color:#fff; line-height:1.5;}

.icon{margin-top:35px;}
.icon_list>li{text-align:center; margin-top:35px;}
.icon_list img{width:150px;}
.icon_list h3{font-size:1.8em; color:#07703C; margin:20px 0;}
.icon_list p{font-size:0.9em; color:#fff; line-height:1.6; margin-bottom:20px;}
.photo h3{text-align:center; margin:35px auto;}
.photo_list>li{width:100%;}
.photo_list>li img{
	width:100%; max-width:100%; 
	display:block;
}
.photo_list>li a{
	width:100%; height:100%;
	display:block; 
	position:relative;
}
.photo_list>li a::before{content:'';width:100%; height:100%; display:block; position:absolute; background:#07703C; opacity:0; transition:all 0.5s;}
.photo_list>li a:hover::before{opacity:0.6;}
.info{
	z-index:999; width:90%;
	position:absolute;
	top:0; left:5%;
	opacity:0;
	transition:all 0.3s;
}
.photo_list>li a:hover .info{opacity:1; transform:translateY(30px);}
.info h4{
	font-size:2em;
	color:#fff;
	margin-bottom:10px;
}
.info span{
	width:100%; display:block;
	color:#fff; line-height:2;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.info p{
	width:100%; display:block;
	color:#fff; line-height:2;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.review h3.sec_title{
	text-align:center;
	margin-bottom:35px;
}
.review_list li{
	width:100%;
	margin-top:35px;
}
.review_list li img{width:100%; display:block;}
.review_list li time{
	display:block; 
	font-size:0.9em; 
}
.review_list li p{
	color:#333; line-height:1.2;
}
.contact{margin:70px 0;}
.contact .sec_title{text-align:center; margin-bottom:60px;}
.form_box input{
	padding-bottom:15px;
	margin-bottom:40px;
	outline:0;
}
.form_box textarea{
	outline:0;
	height:171px;
}
.btn_wrap{
	margin-top:40px; 
	text-align:right;
}
.btn_wrap button{
	padding:10px 30px;
	margin:0; border:0;
	color:#fff;
	background:#07703C;
	cursor:pointer;
	border-radius:5px;
}

.location iframe{width:100%;}
.location .sec_title{text-align:center; margin-bottom:70px;}

footer{margin-top:140px; text-align:center;}
.footer_logo{width:180px; margin:0 auto;}
.copyright{margin:20px 0;}

@media all and (min-width:768px){
	.header{position:static;}
	.menu{display:none;}
	.gnb{
		display:block !important;
		position:static;
		width:auto; 
		float:right;
		margin-top:10px;
		background:none;
	}
	.gnb>li{
		float:left;
		margin-left:50px;
	}
	.gnb>li>a{color:#07703C;}
	.gnb>li:hover{background:none; font-weight:bold;}
	.gnb>li>a{
		position:relative;
		width:100%; height:60px;
		line-height:70px;
		display:block;
		text-align:center;
	}
	.gnb>li>a::after{
		content:'';
		width:0%; height:5px;
		display:block;
		background:#07703C;
		position:absolute;
		bottom:0; left:53%; transform:translateX(-50%);
		transition:0.3s;
	}
	.gnb>li>a:hover::after{width:60%;}
	
	
	.icon li{float:left; width:25%;}
	.icon_list li{float:left; width:23%; margin-left:2.6;}
	.icon_list li:first-child{margin-left:0;}
	
	
	.photo_list>li{float:left; width:50%;}
	
	
	.review_list li{
		float:left;
		width:30%;
		margin-left:5%
	}
	.review_list li:nth-child(1){margin-left:0;}
	
	
	.form_wrap,.text_wrap{float:left; width:48%}
	.form_wrap,.btn_wrap{margin-right:2%;}
	.btn_wrap button{margin-top:60px;}
}
@media all and (min-width:1132px){
	.about{text-align:left;}
	.about .sec_title{float:left; margin-bottom:0;}
	.desc{
		position:relative;
		float:right;
		padding-left:20px; 
		line-height:1.4;
		width:70%;
	}
	.desc::before{content:''; display:block; width:1px; height:90%; background:#333; position:absolute; left:0; top:5%;
	}
	.photo .sec_title{text-align:left;}
	.photo_list>li{width:25%;}
	
	.review .sec_title{float:left;}
	.review_list{float:right; width:78%;}
	.review_list li{margin-top:0;}
	
	.contact .sec_title{float:left;}
	.contact .form_box{float:right; width:70%;}
	
	.location .sec_title{text-align:left;}
	
	footer{
		width:70%; margin:0 auto; padding-right:5%;
		display:flex; 
		flex-flow:row wrap; 
		justify-content:space-around;
	}
	footer .footer_logo{margin:0;}
	footer .copyright{text-align:right;}
}