@charset "utf-8";


/***************
+ .main_img
***************/

.main_img_box{
	width:100%;
	position:relative;
	padding-top:65px;
}
.main_img{
	width:100%;
}
.main_img img{
	width:100%;
}
.main_title{
	width:330px;
	height:50px;
	padding-top:65px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
/***************
+ .main_contents
***************/
.main_contents{
	width:100%;
	padding:20px 0 0;
	margin:0 auto 70px;
	background:#ffff97;
}
/***************
+ .title_area
***************/
.title_area{
	width:956px;
	margin:0 auto 45px;
	position:relative;
}

.title_area h2{
	width:956px;
	font-size:23px;
	font-weight:bold;
	border-bottom:4px solid #9f0014;
	margin:0 auto 45px;
	text-align:center;
	padding:35px 0 0;
}
.title_area .title_img{
	width:250px;
	height:120px;
	position:absolute;
	top:0;
	right:20px;
}
.title_area .txt_box{
	width:800px;
	font-size:14px;
	line-height:2.0em;
	margin:0 auto;
	text-align:center;
}
/***************
+ .art_slider
***************/
.art_slider_wrap{
	width:100%;
	height:276px;
	background:#fff;
	margin:0 auto 50px;
}
.art_slider_wrap .art_slider{
	width:956px;
	height:276px;
	margin:0 auto;
	position:relative;
}
.art_slider_wrap .art_slider li{
	height:276px;
	width:173px;
}
.art_slider_wrap .art_slider .owl-controls{
	position:static !important;
}
.art_slider_wrap .art_slider .owl-controls .owl-nav .owl-prev,
.art_slider_wrap .art_slider .owl-controls .owl-nav .owl-prev:hover{
	position:absolute;
	top:120px;
	left:-40px;
	width:20px;
	height:36px;
	background:url("../images/img_art_slide_prev.png");
	background-repeat:no-repeat;
	padding:0;
	z-index:100;
}
.art_slider_wrap .art_slider .owl-controls .owl-nav .owl-next,
.art_slider_wrap .art_slider .owl-controls .owl-nav .owl-next:hover{
	position:absolute;
	top:120px;
	right:-40px;
	width:20px;
	height:36px;
	background:url("../images/img_art_slide_next.png");
	background-repeat:no-repeat;
	padding:0;
	z-index:100;
	
}
.art_slider_wrap .art_slider .owl-controls .owl-dots{
	display:none !important;
}

@media only screen
 and (min-device-width: 768px)
 and (max-device-width: 1024px) {

.art_slider_wrap .art_slider .owl-controls .owl-nav .owl-prev,
.art_slider_wrap .art_slider .owl-controls .owl-nav .owl-prev:hover{
	position:absolute;
	top:120px;
	left:0px;
	width:20px;
	height:36px;
	background:url("../images/img_art_slide_prev.png");
	background-repeat:no-repeat;
	padding:0;
	z-index:100;
}
.art_slider_wrap .art_slider .owl-controls .owl-nav .owl-next,
.art_slider_wrap .art_slider .owl-controls .owl-nav .owl-next:hover{
	position:absolute;
	top:120px;
	right:0px;
	width:20px;
	height:36px;
	background:url("../images/img_art_slide_next.png");
	background-repeat:no-repeat;
	padding:0;
	z-index:100;
	
}


}


/***************
+ .gallery_area
***************/
.gallery_area{
	width:956px;
	/*height:2460px;*/
	height:2885px;
	margin:0 auto;
	padding-bottom:90px;
	position:relative;
}
.gallery_area li{
	position:absolute;
	opacity:0;
}
.gallery_1{
	width:384px;
	height:538px;
	top:0;
	left:0;
}
.gallery_2{
	width:370px;
	height:509px;
	top:0;
	left:394px;
}
.gallery_3{
	width:183px;
	height:316px;
	top:0;
	left:773px;
}
.gallery_4{
	width:160px;
	height:160px;
	top:326px;
	left:773px;
}
.gallery_5{
	width:283px;
	height:411px;
	top:548px;
	left:76px;
}
.gallery_6{
	width:510px;
	height:410px;
	top:548px;
	left:369px;
}
.gallery_7{
	width:285px;
	height:400px;
	top:968px;
	left:0;
}
.gallery_8{
	width:280px;
	height:400px;
	top:968px;
	left:295px;
}
.gallery_9{
	width:370px;
	height:233px;
	top:968px;
	left:585px;
}
.gallery_10{
	width:330px;
	height:480px;
	top:1211px;
	left:585px;
}
.gallery_11{
	width:212px;
	height:403px;
	top:1408px;
	left:43px;
}
.gallery_12{
	width:310px;
	height:487px;
	top:1378px;
	left:265px;
}
.gallery_13{
	width:370px;
	height:247px;
	top:1701px;
	left:585px;
}
.gallery_14{
	width:411px;
	height:306px;
	top:1875px;
	left:164px;
}
.gallery_15{
	width:250px;
	height:417px;
	top:1958px;
	left:585px;
}
.gallery_16{
	width:575px;
	height:267px;
	top:2191px;
	left:0;
}
.gallery_17{
	width:282px;
	height:267px;
	top:2468px;
	left:0;
}
.gallery_18{
	width:285px;
	height:267px;
	top:2468px;
	left:291px;
}
.gallery_19{
	width:370px;
	height:520px;
    top: 2385px;
    left: 586px;
}

.faUp {
	-webkit-animation-duration: 0.8s;
	-ms-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: faUp;
	animation-name: faUp;
	visibility: visible !important;
}
@-webkit-keyframes faUp {
	0% {
		opacity: 0; -webkit-transform: translateY(8%);
	}
	100% {
		opacity: 1; -webkit-transform: translateY(0);
	}
}
@keyframes faUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(8%);
		-ms-transform: translateY(8%);
		transform: translateY(8%); 
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}