@charset "utf-8";
  /*-- carousel --*/
.wrapper #mainCol .footer-bnr-slick{
	width: 930px;
    padding-bottom: 0 !important;
    margin: 39px auto 30px;
}

.wrapper #mainCol .footer-bnr-slick .topCarousel .js-min-carousel {
    padding: 0 10px;
}

.wrapper #mainCol .footer-bnr-slick .topCarousel .topAboutCol{
	margin: 0 10px;
}

.wrapper #mainCol .footer-bnr-slick .topCarousel .slick-arrow {
    display: block;
    width: 55px;
    height: 36px;
    position: absolute;
    top: 68vw;
    border: none;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}
.wrapper #mainCol .footer-bnr-slick .topCarousel .js-min-carousel .slick-prev {
    background-color: transparent;
    background-image: url(/assets/images/img/img_slide_left.png);
    top: 30%;
	left: -30px;
}
.wrapper #mainCol .footer-bnr-slick .topCarousel .js-min-carousel .slick-next {
    background-color: transparent;
    background-image: url(/assets/images/img/img_slide_right.png);
    top: 30%;
	right: -50px;
}

.wrapper #mainCol .footer-bnr-slick .topCarousel .slick-dots{
	width: 910px;
	bottom: -35px;
}

.wrapper #mainCol .footer-bnr-slick .topCarousel .slick-dots li{
	margin-bottom: 0;
}

.wrapper #mainCol .footer-bnr-slick .topCarousel .slick-dots li:only-child{
	display: none;
}

.wrapper #mainCol .footer-bnr-slick .topCarousel .slick-dots li button:before{
	opacity: 1;
	color: #c7c2b5;
}
.wrapper #mainCol .footer-bnr-slick .topCarousel .slick-dots li.slick-active button:before{
	opacity: 1;
	color: #006;
}

@media screen and (max-width: 767px){
	.wrapper #mainCol .footer-bnr-slick{
		width: 100%;
		margin: 36px auto 40px;
		padding: 0 0 33px;
	}

	.wrapper #mainCol .footer-bnr-slick.lyt-slick{
		width: 89.3333%;
	}

	.wrapper #mainCol .footer-bnr-slick .topCarousel .js-min-carousel {
		padding: 0px;
	}
	
	.wrapper #mainCol .footer-bnr-slick .topCarousel .topAboutCol{
		margin: 0;
	}
	
	.wrapper #mainCol .footer-bnr-slick .slick-slide img {
		margin: 0 auto;
	}
	
	.wrapper #mainCol .footer-bnr-slick .topCarousel .slick-arrow {
		width: 36px;
		padding: 0;
	}
	
	.wrapper #mainCol .footer-bnr-slick .topCarousel .js-min-carousel .slick-prev {
		top: 115%;
		left: 0px;
		z-index: 5;
	}
	
	.wrapper #mainCol .footer-bnr-slick .topCarousel .js-min-carousel .slick-next {
		top: 115%;
		right: 0px;
		z-index: 5;
	}

	.wrapper #mainCol .footer-bnr-slick .topCarousel .slick-dots{
		width: 100%;
		left: 0;
		bottom: -35px;
	}
	
	.wrapper #mainCol .footer-bnr-slick .topCarousel .slick-dots li{
		margin: 0 7px;
	}
}