@charset "utf-8";

.main_gallery {width:100%; margin:0 auto; height:533px; position:relative; margin-top:65px; border-bottom:1px solid #ececec;}
.main_gallery .slick-slide {/* height:560px; */ width:1920px;}
.main_gallery div img {width:100%; min-width:1280px; height:532px; margin:0 auto; object-fit:none; cursor:pointer;}
.main_gallery div canvas{position:absolute; top:0; z-index:2;}


.main_gallery .slick-prev {z-index:5; opacity:.6;}
.main_gallery .slick-next {opacity:.6;}
.main_gallery .slick-prev:before {content:url("/resources/images/common/arrow_left.png");}
.main_gallery .slick-next:before {content:url("/resources/images/common/arrow_right.png");}

.main_gallery .slick-dots li button {background:rgba(255,255,255,0.6);}
.main_gallery .slick-dots li.slick-active {background:var(--common-point);}
.main_gallery .slick-dots li.slick-active button {background:var(--common-point);}


@media all and (max-width:1920px){
	.main_gallery .slick-prev {left:372px; top:50%;}
	.main_gallery .slick-next {right:372px; top:50%;}
	
}

 @media screen and (min-width:1024px) and (max-width:1280px){
	.main_gallery .slick-prev {left:0;}
	.main_gallery .slick-next {right:0;}
	
}

/* IE6,7,8 */
@media \0screen\,screen\9 {
.main_gallery div img{  
 	-webkit-transform: translateX(-50%) translateY(-50%); 
    -moz-transform: translateX(-50%) translateY(-50%); 
    -ms-transform: translateX(-50%) translateY(-50%); 
    -o-transform: translateX(-50%) translateY(-50%); 
    transform: translateX(-50%) translateY(-50%); 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    min-width: 100%; 
    min-height: 100%; 
    width: auto; 
    height: auto; 
    z-index: -100; }
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
.main_gallery div img{  
 	-webkit-transform: translateX(-50%) translateY(-50%); 
    -moz-transform: translateX(-50%) translateY(-50%); 
    -ms-transform: translateX(-50%) translateY(-50%); 
    -o-transform: translateX(-50%) translateY(-50%); 
    transform: translateX(-50%) translateY(-50%); 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    min-width: 100%; 
    min-height: 100%; 
    width: auto; 
    height: auto; 
    z-index: -100; }
}