/* 포인트 색상 #a2e4b0 */
/* 배경색상(header,footer) #1b1c1e */
*{
	margin:0;
	padding:0;
}
header,footer,article,section {display:block;}
body{
	font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	font-size:14px;
	background:#1b1c1e;
	color:#333;
	overflow-x:hidden;
	width:100%;	
}
h1{
	margin:0; padding:0;
	heihgt:60px;	
}
h2{
	font-size:20px;
	padding:10px 0px 10px 0px;
	margin:15px 0px 20px 0px;
}
a, a:hover{
	text-decoration:none;
}

p{
	padding:5px 0px;
}
/* 레이아웃 영역 */
header{
	position:relative;
	width:100%;
	z-index:100;
	border-bottom:7px solid #fff;
	box-shadow:0 5px 10px #333;
	height:70px;
}
header h1 { float:left; }
header p { float:right; margin-top:35px; }
header p a { color:#FFF; font-size:15px; font-weight:bold; }
haeder p a:hover { color:#FFF; }

#contents{
	width:100%;
	height:auto;
	clear:both;
	background:#fff;
}
.wrapper{
	width:960px;
	margin:20px auto;	
}
article {
	overflow:hidden;
	position:relative;
    top:380px;
	width:860px;
	height:auto;
	margin:0 auto;
	background:#333;
	max-width:100%;
	border-radius:10px;
	-webkit-box-shadow:0 0 10px 0 #333;
	-moz-box-shadow:0 0 10px 0 #333; 
	-o-box-shadow:0 0 10px 0 #333; 
	box-shadow:0 0 10px 0 #333;
}
article section{
	background:#252629;
	width:276px;
	height:276px;
	margin:5px 0 5px 5px;
	float:left;
	border-radius:10px;	
	border:2px solid  #252629;
}
.footer_wrap{
	clear:both;
	position:relative;
	width:100%;
	height:20px;
	border-top:7px solid #fff;
	-webkit-box-shadow:0 -5px 10px #000;
	-moz-box-shadow:0 -5px 10px #000;
	-o-box-shadow:0 -5px 10px #000;
	box-shadow:0 -5px 10px #000;
}
footer{	
	text-align:center;
	width:50%;
	height:10px;
	margin:0 auto;
	padding:20px 0px;
	clear:both;
}
.footer_wrap p{
	font-family:돋움,dotum,arial;
	font-size:0.8em;
	font-style:none;
	font-weight:none;
	color:#666;
	text-shadow:none;
	margin:0; padding:0;
}
/* 소개(intro), 전화(Call),질답(FAQ) 영역 */

/* 소개영역 (intro) */
article section.intro{
	background:#F2F2F2 url(../imgs/yourfarm/intro.png) no-repeat center;
}
/* 전화영역 (Call) */
article section.call{
	background:#fff url(../imgs/yourfarm/call.png) no-repeat center;	
	border:2px solid  #fff
	-webkit-box-shadow:inset 0 0 0 rgba(102,102,102,0.5); 
	-moz-box-shadow:inset 0 0 0 rgba(102,102,102,0.5); 
	-o-box-shadow:inset 0 0 0 rgba(102,102,102,0.5);
	box-shadow:inset 0 0 0 rgba(102,102,102,0.5);
	-webkit-transition:ease-out 0.7s;
	-moz-transition:ease-out 0.7s;
	-o-transition:ease-out 0.7s;
	transition:ease-out 0.7s;
}
article section.call:hover{
	-webkit-box-shadow:inset 0 0 100px rgba(102,102,102,0.5); 
	-moz-box-shadow:inset 0 0 100px rgba(102,102,102,0.5); 
	-o-box-shadow:inset 0 0 100px rgba(102,102,102,0.5);
	box-shadow:inset 0 0 100px rgba(102,102,102,0.5);

}
article section.call .call_h{
	background:url(../imgs/yourfarm/call_h.png) no-repeat right top;
	width:100%;
	height:100%;
	opacity:0;
	-webkit-transition:ease-out 0.7s;
	-moz-transition:ease-out 0.7s;
	-o-transition:ease-out 0.7s;
	transition:ease-out 0.7s;
}	
article section.call:hover .call_h{
	opacity:1;

}

/* 질답영역 (FAQ) */
article section.FAQ{
	background:#287D7D url(../imgs/yourfarm/FAQ_1.png) no-repeat center 100px;
	overflow:hidden;
}
article section.FAQ:hover .FAQ_h{
	opacity:1;

	
}
article section.FAQ .FAQ_h{
	background:#fff url(../imgs/yourfarm/FAQ_h.png) no-repeat center;
	width:276px;
	height:276px;
	opacity:0;
	border-radius:5px;
	-webkit-transition:ease-out 0.7s;
	-moz-transition:ease-out 0.7s;
	-o-transition:ease-out 0.7s;
	transition:ease-out 0.7s;		
}
/* 슬라이드 스타일 영역 */
.pxs_container{
	width:100%;
	height:730px;
	position:relative;
	overflow:hidden;
	margin:0; padding:0;
}
.pxs_bg{
	background:transparent url(../imgs/yourfarm/bg.png) repeat top left;
}
.pxs_bg div{
	position:absolute;
	top:0px;
	left:0px;
	width:7584px; /*1264px window width times number of imgs/yourfarm*/
	height:730px;
	background-repeat:repeat;
	background-position:top left;
	background-color:transparent;
}
/* 슬라이드 맨뒤 배경영역(3/3)  */
.pxs_bg .pxs_bg1{
	background:url(../imgs/yourfarm/bg1.png);
	/*left negative 1/8 of sww*/
}
/* 슬라이드 중간 배경영역(2/3) */
.pxs_bg .pxs_bg2{
	background:url(../imgs/yourfarm/bg2_1.png) repeat-x bottom;
	opacity:1;
	/*left negative 1/4 of ww*/
}
/* 슬라이드 맨앞  배경영역(1/3) */
.pxs_bg .pxs_bg3{
	background:url(../imgs/yourfarm/bg3.png) repeat-x top;
	opacity:0.7;
	/*left negative 1/2 of ww*/
}
.pxs_slider_wrapper{
	display:none;
}
.pxs_container ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.pxs_slider{
	position:absolute;
	left:0px;
	top:0px;
	height:420px;
}
ul.pxs_slider li{
	float:left;
	position:relative;
	height:420px;
}
ul.pxs_slider li img{
	display:block;
	margin:35px auto 0px auto;
	-moz-box-shadow:0px 0px 7px #222;
	-webkit-box-shadow:0px 0px 7px #222;
	box-shadow:0px 0px 7px #222;
	border: 6px solid #fff;
	max-width:100%;
	background:#2e2e2e;
}
/* 썸네일 영역 */
ul.pxs_thumbnails{
	height:35px;
	position:absolute;
	top:320px;
	left:50%;
	z-index:100;
}
ul.pxs_thumbnails li{
	position:absolute;
	display:block;
}
ul.pxs_thumbnails li img{
	border: 5px solid #FFFFFF;
	-moz-box-shadow:1px 1px 7px #555;
	-webkit-box-shadow:1px 1px 7px #555;
	box-shadow:1px 1px 7px #555;
	cursor:pointer;
	display:block;
	opacity:0.7;
	
}
ul.pxs_thumbnails li.selected img{
	opacity:1.0;
}
/* 슬라이드 사진 이전 다음 버튼 영역 */
.pxs_navigation span{
	position:absolute;
	width:50px;
	height:50px;
	-moz-box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	box-shadow:0px 0px 2px #000;
	top:155px;
	opacity:0.6;
	border-radius:30px;
	cursor:pointer;
}
.pxs_navigation span:hover{
	opacity:0.9;
}
.pxs_navigation span.pxs_prev{
	background:#000 url(../imgs/yourfarm/prev.png) no-repeat center center; margin-left:-10%; max-width:100%;
}
.pxs_navigation span.pxs_next{
	background:#000 url(../imgs/yourfarm/next.png) no-repeat center center; margin-right:-10%;  max-width:100%;
}
/* 로딩영역 */
.pxs_loading{
	color:#fff;
	padding:25px;
	position:absolute;
	background:#333 url(../imgs/yourfarm/ajax-loader.gif) no-repeat 10px 50%;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	opacity:0.7;
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-90px;
}