/* ------------------------------
   loop-area
------------------------------ */
.loop-area {
    position: relative;
    width: 100%;
    display: block;
    z-index: 2;
    top: -175px;
    bottom: unset;
    margin: 0 0 -132px;
}

@media screen and (max-width: 768px){
    .loop-area {
        top: -100px;
        bottom: unset;
        margin: 0 0 -150px;
    }
}

/* ------------------------------
   loopSlider
------------------------------ */
.loopSliderWrap {
	top: 0;
	left: 0;
	height: 350px;
	overflow: hidden;
	position: absolute;
}

.loopSliderWrap:after {
	content: "";
	display: block;
	clear: both;
}

.loopSlider {
	margin: 0 auto;
	width: 100%;
	height: 350px;
	text-align: left;
	position: relative;
	overflow: hidden;
	visibility: hidden;
}

.loopSlider ul {
	height: 350px;
	float: left;
	overflow: hidden;
}

.loopSlider ul li {
	width: 3688px;
	height: 350px;
	float: left;
	overflow: hidden;
}

.loopSlider ul li img {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 768px){
	.loopSliderWrap,
	.loopSlider,
	.loopSlider ul {
		height: 209px;
	}

	.loopSlider ul li {
		width: 2200px;
        height: 209px;
	}
}