@charset "UTF-8";

.swiper-bf {
    height:auto;
    width: 100%;  height: auto; margin: 2px;
}
@media (max-width: 630px){
    .swiper-bf {
    height:auto;
    width: 100%; min-height: auto;
    margin: 0 auto;
    }
}
.swiper-slide {
    width: 100%;overflow: hidden;
}
.imms{
    -webkit-transform:scale(1.0); /*  크롬 */
    -moz-transform:scale(1.0); /* FireFox */
    -o-transform:scale(1.0); /* Opera */
    transform:scale(1.0);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;  
}
.os_views { 
    transform:translate(-50%, -50%); left: 50%; top: 45%;
    position: absolute; width:50%; color:#333; text-align:center; display:block;
    margin:0 auto; opacity: 0;
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.swiper-slide:hover .os_views {
    transform:translate(-50%, -50%); left: 50%; top: 43%;
    position: absolute; width:50%; color:#fff; text-align:center; display:block;
    margin:0 auto; opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;  z-index: 10000;
}
.effs{ position: relative; }
.swiper-slide:hover .imms{
    -webkit-transform:scale(1.1); /*  크롬 */
    -moz-transform:scale(1.1); /* FireFox */
    -o-transform:scale(1.1); /* Opera */
    transform:scale(1.1);
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
    opacity: 0.5; z-index: 100;box-shadow : 4px 2px 15px rgba(102,102,102,0.8);
}
.swiper-scrollbar {
    background: #d6d6d6;
}

.swiper-bf > .swiper-scrollbar {
    border-radius: 2px;
    height: 5px;
    width: auto;
    position: relative;
    z-index: 100;
}	
.max_ov{width: 100%; max-width: 1300px; margin: 0 auto; overflow: hidden;}
@media (max-width: 630px) {
    .max_ov{width: 100%; max-width: 1300px; margin: 0 auto; overflow: hidden;}
}
.effs {max-height: 300px; overflow: hidden; border-radius: 20px;}
.effs img {width: 100%}

.swiper-button-prevbf{
	background: url(/img/prev.png);
	background-size: cover;
	left: -80px!important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	position: absolute; left: 0px; top: 50%;
	z-index: 1000;
	transform: translate(0%, -50%);
}
.swiper-button-nextbf {
	background: url(/img/next.png);
    background-size: cover;
    right: -80px!important;
	position: absolute; right: 0px; top: 50%; z-index: 1000;
	transform: translate(0%, -50%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}
.btttss{width: 30px;} 
@media (max-width: 630px) {
	.swiper-button-prevbf {
	    background-size: cover;
	    left: 0px!important;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        position: absolute; left: 0px; top: 50%;
        z-index: 1000;
        transform: translate(0%, -50%);
	}
    .swiper-button-nextbf {
        background-size: cover;
        right:0px!important;
        position: absolute; right: 0px; top: 50%; z-index: 1000;
        transform: translate(0%, -50%);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
	.btttss { width: 25px; }
}