/*=================================================================================================
// 명    칭 : 메인화면 스타일쉬트
// 처리내용 : 
// 작 성 자 : 2013-09-06 강대인 
//=================================================================================================*/
@charset "utf-8";
@import url("/common/css/global.css");

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* NanumBarunGothic 기본 폰트 */
@font-face{
font-family: "NanumBarunGothic";
src: url('/common/css/font/NanumBarunGothic.eot')format('eot');
src: url('/common/css/font/NanumBarunGothic.woff') format('woff');
}
/* NanumBarunGothic 굵은 폰트 */
@font-face{
font-family: "NanumBarunGothicBold";
src: url('/common/css/font/NanumBarunGothicBold.eot')format('eot');
src: url('/common/css/font/NanumBarunGothicBold.woff') format('woff');
}

html {width: 100%; }
body,h1,h2,h3,h4,input,button{font-family:NanumBarunGothic, Nanum Gothic, "나눔고딕", Sans-serif, Dotum, Gulim, AppleGothic ;font-size:12px;line-height:1.4}
/* body{_text-align:center; background:url(../img/common/bg_body.jpg) repeat 0 0; } */
body{_text-align:center; font: 14px/18px  Arial, Helvetica, sans-serif;color:#826660;	position:relative;	width:100%;	background: #5fa022;}
a[href^="tel:"] {color: inherit;text-decoration:none;}
* {	-webkit-text-size-adjust: none;}
h1, h2, h3, h4, h5, h6 {	font-weight: normal;	color: #5d0400;	font-family: Times New Roman;}
h2 {	font-size: 25px;	line-height: 30px;}
h3 {font-size: 20px;	line-height: 24px;}
p {	margin-bottom: 18px;}
p.inn1 {padding-top: 2px;	margin-bottom: 20px;}
img {	max-width: 100%;}
address {	font-style: normal;}
ul {	padding: 0;	margin: 0;	list-style: none;}
a {	text-decoration: none;	color: inherit;	outline: none;	transition: 0.5s ease;	-o-transition: 0.5s ease;	-webkit-transition: 0.5s ease;}
a:hover {	color: #699440;}


#di_wrap{width: 100%;margin: 0 auto; background: #f2f0f0 none repeat scroll 0 0;}

#di_header{width:100%;}
#di_gnb{width:100%; height:30px; background: #5fa022;}
#di_gnb ul{max-width:900px; margin:0 auto;}
#di_gnb ul li{float:right;margin-left:10px; margin-top:6px;}

.main_slider { overflow: hidden }
.ic {	border:0;	float:right;	background:#fff;	color:#f00;	width:50%;	line-height:10px;	font-size:10px;	margin:-220% 0 0 0;	overflow:hidden;	padding:0}
ul.list li{	background: url(/modules/user/img/main2/marker.png) 0 8px no-repeat;	padding-left: 11px;	color: #464646;	margin-bottom: 5.5px;}
ul.list.l1 li {	margin-bottom: 5.2px;}

/*links*/
a.btn {	font-size: 12px;	display: inline-block;	background: #e2827e;	padding: 5px 14px 4px;	border-radius: 4px;	margin-top: 17px;	color: #fff;	text-transform: uppercase;}
a.btn:hover {	background: #699440;}
a.btn.m1 {	margin-top: 30px;	margin-bottom: 1px;}

/*preclass*/
.mb0 {	margin-bottom: 0px !important;}
.m0 {	margin: 0 !important;}
.ind1 {	margin-top: 11px;}
.pad0 {	padding: 0 !important;}
.pt0 {	padding-top: 0;}
.img_inner {	max-width: 100%;	padding: 7px;	background: #fff ;	 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e6e4e4; margin-bottom: 19px; box-shadow: 2px 2px 4px #ddd;}
.fleft {	float: left;	margin-right: 20px;	margin-bottom: 0;}
.fright {	float: right !important;	}
.upp {	text-transform: uppercase;}
.alright {	text-align: right;}
.center {	text-align: center;}
.wrapper, .extra_wrapper {	overflow: hidden;}
.clear {	float: none !important;	clear: both;}
.col1 {	color: #464646;}
.col2 {	color: #e1837f;}
.hor_separator {	background: url(/modules/user/img/main2/hor_separator.png) 0 bottom no-repeat;	height: 40px;}

/*header*/
header {	display: block;	padding-top: 16px;	position: relative;	z-index: 999;	background: #f2f0f0 ;	padding-bottom: 10px;	border-bottom: 1px solid #dddbdb;	box-shadow: 0 1px 5px #ccc;}
header h1 {	float: none;	position: relative;	z-index: 999;}
header h1 a {	display: block;	overflow: hidden;	margin: 0 auto;	width: 179px;	float: left;	height: 83px;	text-indent: -999px;	transition: 0s ease;	-o-transition: 0s ease;	-webkit-transition: 0s ease;}
header h1 a img {	display: block;	}



.main {	background: #f2f0f0;}

/*Content*/
.content h2{ 	padding-top: 36px;	font-size: 24px;	color: #79302b;	margin-bottom: 17px;}
.content.page1 {	padding-top: 50px;	background: url(/modules/user/img/main2/hor_separator.png) center 50px no-repeat;}
.content.page1 h2 {	font-size: 25px;	padding-top: 43px;	margin-bottom: 19px;	color: #5D0400;}
.page1_block img {	float: left;	margin-top: 2px;	margin-right: 24px;}
.car_wrap {	position: relative;	margin: 0 -10px;	overflow: hidden;}
.content.page1 .car_wrap h2 {	padding-left: 10px;	padding-top: 23px;	padding-bottom: 3px;}

.carousel1 {	height: 249px;}
.carousel1 li {	float: left;	width: 240px !important;	font-size: 12px;}
.carousel1 li >div {	padding: 0 10px;}
.carousel1 li .price {	display: inline-block;	background: #699440;	color: #fff;	min-width: 41px;	height: 38px;	border-radius: 4px;	font: 20px/36px 'Lobster', cursive;	text-align: center;	margin-top: 15px;}
.carousel1 li span {	line-height: 16px;}
.carousel1 img {	box-shadow: 2px 2px 3px #ddd;	padding: 4px;	background: #fff;	border: 1px solid #e6e4e4;	 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-bottom: 19px;}
.prev {	background: url(/modules/user/img/main2/prevnext.png) 0 bottom no-repeat;	display: block;	position: absolute;	right: 42px;	top: 9px;	width: 32px;	z-index: 999;	height: 30px;}
.prev:hover {	background-position: 0 0;}
.next {	background: url(/modules/user/img/main2/prevnext.png) right bottom no-repeat;	display: block;	z-index: 999;	position: absolute;	right: 10px;	top: 9px;	width: 32px;	height: 30px;}
.next:hover {	background-position: right 0;}

.bottom_block {	background: url(/modules/user/img/main2/hor_separator.png) center 38px no-repeat;	padding-top: 38px;	font-size: 12px;	padding-bottom: 34px;	overflow: hidden;}
.bottom_block h3 {	padding-top: 39px;	margin-bottom: 25px;}
.socials {	overflow: hidden;}
.bottom_block nav {	padding-top: 27px;}
.bottom_block nav li {	float: left;}
.bottom_block nav li+li {	margin-left: 19px;}
.bottom_block nav {	font-size: 12px;	text-transform: uppercase;	color: #504f4f;}
.bottom_block p {	margin-top: -5px;}
.bottom_block nav li.current {	color: #699440;}

.socials a {	background: url(/modules/user/img/main2/socials.png) 0 0 no-repeat;	width: 26px;	float: left;	display: block;	height: 27px;	margin-left: 11px;}
.socials a:hover {	opacity: 0.5;}
.socials a:first-child {	margin-left: 0;}
.socials a:first-child+a {background: url(/modules/user/img/main2/socials.png) -38px 0 no-repeat;}
.socials a:first-child+a+a {	background: url(/modules/user/img/main2/socials.png) right 0 no-repeat;}

.testimo li img {	float: left;	margin-top: -1px;	margin-right: 20px;}
.testimo li {	float: left;}
.testimo li .title {	font-size: 24px;	line-height: 22.9px;	font-family: "Times New Roman", Times, serif;	color: #e2827e;	text-align: center;	padding-top: 36px;}
.testimo .col1 {	line-height: 22.9px;	margin-bottom: 6px;	padding-top: 10px;}

.prev1 {	background: url(/modules/user/img/main2/prevnext.png) 0 bottom no-repeat;	display: block;	float: left;	width: 32px;	z-index: 999;	height: 30px;	margin-top: 8px;}
.prev1:hover {	background-position: 0 0;}
.next1 {	background: url(/modules/user/img/main2/prevnext.png) right bottom no-repeat;	display: block;	z-index: 999;	float: left;	width: 32px;	height: 30px;	margin-top: 8px;}
.next1:hover {	background-position: right 0;}
.hor_separator.hor1 {margin-top: 13px;}

.content h2.head1 {	padding-top: 28px;	font-size: 25px;}
.content h2.head2 {	font-size: 25px;	padding-top: 35px;	margin-bottom: 20px;}

.chefs {	padding-top: 7px;}
.chefs .img_inner {	padding: 10px 4px;}
.chefs .col1 {	font-size: 12px;	padding-top: 8px;	margin-bottom: 16px;}

.menu {	padding-top: 8px;}
.menu h3 {	color: #85423f;	margin-bottom: 22px;}
.menu .img_inner {	padding: 5px 4px;	margin-bottom: 12px;}

.news .img_inner{	padding: 4px;	margin-top: 1px;}
.news {	font-size: 12px;	margin-bottom: 52px;}
.news .extra_wrapper {	position: relative;	top: -4px;}
.news a.btn {	margin-top: 5px;}

#newsletter {	position: relative;}
#newsletter label {	display: block;	position: relative;	width: 313px;	float: left;	padding-top: 1px;	z-index: 1;}
#newsletter input {	border: 1px solid #d9d8d8;	float: left;	color: #a8a8a8;	width: 220px;	height: 30px;	font: 12px/18px  Arial, Helvetica, sans-serif;	padding: 6px 10px;	box-shadow: none !important;	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#newsletter a.btn {	float: right;	text-transform: capitalize;	font-size: 13px;	margin-top: 0;	padding-top: 6px;	padding-bottom: 6px;}
#newsletter .error, #form1 .empty {			height:0px;	top: 35px;	width: 100%;	left: 4px;	font-size: 10px;	line-height: 13px;	display: block;	overflow: hidden;	z-index: 999;	color: #ff0000;		-webkit-transition:  0.3s ease-out; 		-o-transition: all 0.3s ease-out; 		transition: all 0.3s ease-out; 		position: absolute;	}
#newsletter label.invalid .error {	/*display: block;*/	height:40px;}
#newsletter .success {	width: 220px;	z-index: 999;	-moz-box-sizing: border-box; 	-webkit-box-sizing: border-box; 	-o-box-sizing: border-box; 	box-sizing: border-box;		display: none;		top: 0px;	border: 1px solid #d9d8d8;	background: #fff;	left: 0px;	font-size: 12px; color: #a7a7a7;	overflow: hidden;	padding: 10px;	-webkit-transition:  0.3s ease-out; 	-o-transition: all 0.3s ease-out; 	transition: all 0.3s ease-out; 	position: absolute;}

/****Map***/
.map {	padding-top: 6px;	color: #848383;}
.map figure { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; margin-bottom: 42px;}
.map figure iframe {	width: 100%;	height: 282px;	max-width: 100%;}
.map address {	float: left;	margin-right: 80px;}
.map .text1 {	line-height: 20px;	margin-bottom: 2px;}

address dd span {	min-width: 100px;	display: inline-block;	text-align: left;}

/************Footer***********/
footer {display: block;	padding: 10px 0;	font-size: 12px;	color: #fff;	text-align: center;}
footer a:hover {	color: #fff;	text-decoration: underline;}