@charset "utf-8";


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

.main_img_box{
	width:100%;
	
}


/***************
+ .main_contents
***************/
.main_contents{
	width:100%;
	margin-bottom:10%;
	background:#ffff9a;
	padding-bottom:20px;
}

.title_area{
	width:100%;
	margin:0 auto 20px;
	position:relative;
}

.title_area h2{
	width:100%;
	font-size:13px;
	font-weight:bold;
	border-bottom:2px solid #a70014;
	margin:0 auto;
	text-align:center;
	padding:20px 0 0;
}
.title_area .title_img{
	width:30%;
	position:absolute;
	bottom:15%;
	right:0;
	
}
.txt_box{
	width:86%;
	font-size:10px;
	line-height:1.5em;
	margin:0 auto;
	text-align:center;
	padding-bottom:25px;
}
/***************
+ .art_slider
***************/
.art_slider_wrap{
	width:100%;
	background:#fff;
	margin:0 auto 50px;
}
.art_slider_wrap .art_slider{
	width:100%;
	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:0;
	left:0%;
	width:11.7%;
	height:100%;
	background:url("../images/img_art_slide_prev.png");
	background-repeat:no-repeat;
	background-size:contain;
	padding:0;
}
.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:0;
	right:0%;
	width:11.7%;
	height:100%;
	background:url("../images/img_art_slide_next.png");
	background-repeat:no-repeat;
	background-size:contain;
	padding:0;
	
}
.art_slider_wrap .art_slider .owl-controls .owl-dots{
	display:none !important;
}

.art_slider_wrap .owl-theme .owl-controls .owl-nav [class*='owl-'] {
	margin:0;
}

/***************
+ .gallery_area
***************/
.gallery_area{
	width:97%;
//	padding-top:516%;
	margin:0 auto;
	position:relative;
}
.area_1{
	padding-top:68.5%;
}
.area_2{
	padding-top:93.7%;
}
.area_3{
	padding-top:52.4%;
}
.area_4{
	padding-top:45.2%;
}
.area_5{
	padding-top:85%;
}
.area_6{
	padding-top:72.5%;
}
.area_7{
	padding-top:52%;
}
.area_8{
	padding-top:45%;
}
.area_9{
	padding-top:65%;
}
.gallery_area li{
	position:absolute;
	opacity:0;
}
.gallery_1{
	width:48%;
	top:0;
	left:0;
}
.gallery_2{
	width:48.9%;
	top:0;
	right:0;
}
.gallery_3{
	width:34.6%;
	top:0;
	left:0;
}
.gallery_4{
	width:30%;
	top:65.5%;
	left:0;
}
.gallery_5{
	width:64.2%;
	top:0;
	right:0;
}
.gallery_6{
	width:62.8%;
	top:0;
	left:0;
}
.gallery_7{
	width:36%;
	top:0;
	right:0;
}
.gallery_8{
	width:30.3%;
	top:0;
	left:0;
}
.gallery_9{
	width:68.8%;
	top:0;
	right:0;
}
.gallery_10{
	width:44.3%;
	top:0;
	left:0;
}
.gallery_11{
	width:53.8%;
	top:0;
	right:0;
}
.gallery_12{
	width:49.1%;
	top:0;
	left:0;
}
.gallery_13{
	width:49.2%;
	top:0;
	right:0;
}
.gallery_14{
	width:49.2%;
	top:46.5%;
	right:0;
}
.gallery_15{
	width:68.3%;
	top:0;
	left:0;
}
.gallery_16{
	width:30.3%;
	top:0;
	right:0;
}
.gallery_17{
	width:34.3%;
	top:0;
	left:0;
}
.gallery_18{
	width: 31.5%;
    top: 0;
    left: 35.5%;
}
.gallery_19{
    width: 31.5%;
    top: 0;
    right: 0;
}
.gallery_20{
    width: 43.8%;
    top: 0;
    left: 0;
}

.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);
	}
}