@charset "utf-8";

@media screen and (min-width:769px) and (max-width:799px){

    #banner{ padding-top: 0px;}
}

@media screen and (max-width:768px){

    #banner{ padding-top: 50px;}
}

.swiper-pagination-bullet{ 

    width: 12px; height: 12px;
}

.swiper-pagination-bullet-active{ 

    background-color: #47ccad;
}


#content #banner{
    width:100%;
    height:auto;
    overflow:hidden
}

#banner .img{
    display:block
}

#banner .img img{
    width:100%;height: calc(100vw / 1920 * 850 )
}
@media screen and (max-width: 767px) {

    #banner .img img{width:100%;height: calc(100vw / 1920 * 850 )}
}

#banner .swiper-button-prev , #banner .swiper-button-next {

    display: none;
}

#banner:hover .swiper-button-prev , #banner:hover .swiper-button-next {
    
    display: block;
}