/* BASIC css start */
/* 별도 css */
body #contentWrapper{padding: 0 0 75px; width: 100%;}
body #contentWrap,
body #contentWrapper{width: 100%;}

.sl_title{padding-top: 30px;}


    .goBtn{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 400px;
        background-color: black;
        color: #fff;
        padding: 30px 0;
        margin: 80px auto 0;
        font-size: 18px;
    }

/* fin add css */



.styleLogWrap img{
    display: block;
    width: 100%;
}

.styleLogWrap .centerSwiper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 33.46666%;
    width: 55%;
    max-width: 1250px;
    padding: 0 0 6%;
    overflow: visible;
    overflow-x: clip;
}

.styleLogWrap .slideWrap{
    position: relative;
}

.styleLogWrap .slideWrap::after{
    display: block;
    content: '';
    width: 100%;
    padding-bottom: 63%;
}

.styleLogWrap .slideWrap > img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center 12%;
}

.styleLogWrap .centerSwiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: .2s;
    filter: brightness(50%);
    transform: scale(1);
}
.styleLogWrap .centerSwiper .swiper-slide img {
    display: block;
    width: 100%;
}

.styleLogWrap .centerSwiper .swiper-slide-active {
    transform: scale(1.2);
    z-index: 10;
    filter: brightness(100%)
}

.styleLogWrap .centerSwiper .swiper-horizontal>.swiper-pagination-bullets, 
.styleLogWrap .centerSwiper .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 0;
}

.styleLogWrap .centerSwiper .swiper-pagination-bullet-active{
    background: #000;
}

/* 무한 롤릴 애니메이션 */
.rollingBox .overImg01, .rollingBox .overImg02, .rollingBox .overImg03{
    position: absolute;
    z-index: 1;
}
.rollingBox .overImg01{
    width: 30.052%;
    right: 6.71875%;
    top: 34.5%;
}

.rollingBox .overImg02{
    width: 15.2083%;
    left: 18.85416%;
    bottom: 18%;
}

.rollingBox .overImg03{
    width: 9.84375%;
    left: 45.052%;
    top: 51.1%;
}

.rollingBox{
    position: relative;
}

.rollringIng{
    position: absolute;
    top: 35.4%;
    left: 50%;
    transform: translateX(-50%);
    width: 57.2916666%;
    overflow: hidden;
}

.rollringIng .roller{
    position: absolute;
    top: 0;
    left: 0;
}

.roller.original{
    animation: 18s linear 0s infinite normal forwards running rollingleft1;
}
.roller.clone{
    animation: 18s linear 0s infinite normal forwards running rollingleft2;
}
@keyframes rollingleft1 { /* 원본용 */
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-100%);
    }
    50.01%{
        transform: translateX(100%);
    }
    100%{
        transform: translateX(0);
    }
}

@keyframes rollingleft2 { /* 클론용 */
    0% {
        transform: translateX(100%);
    }
    50% {
        transform: translateX(0);
    }
    50.01%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(-100%);
    }
}
/* BASIC css end */