@import url("../common/css/common.css");
@import url("../common/css/reset.css");
@import url("../common/css/swiper.css");

.swiper-container {
	padding: 0;
	margin: 30px auto 60px;
}
.swiper-button-prev, .swiper-button-next {
	width: 18px;
    height: 56px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 10px;
    left: auto;
}
.swiper-button-prev {
		background: url("../images/arw-prev.png") no-repeat;
		-webkit-background-size: 18px 56px;
		     -o-background-size: 18px 56px;
		        background-size: 18px 56px;
}
.swiper-button-next {
		background: url("../images/arw-next.png") no-repeat;
		-webkit-background-size: 18px 56px;
		     -o-background-size: 18px 56px;
		        background-size: 18px 56px;
}
@media screen and (max-width: 640px), screen and (orientation: landscape) and (max-width: 738px) {
	.swiper-button-prev {
		background: url("../images/arw-prev.png") no-repeat;
		-webkit-background-size: 9px 28px;
		     -o-background-size: 9px 28px;
		        background-size: 9px 28px;
	}
	.swiper-button-next {
		background: url("../images/arw-next.png") no-repeat;
		-webkit-background-size: 9px 28px;
		     -o-background-size: 9px 28px;
		        background-size: 9px 28px;
	}
	.swiper-button-prev {
		left: 5px;
	    right: auto;
	}
	.swiper-button-next {
		right: 0;
	    left: auto;
	}	
}