@charset "utf-8";


/* bxSlider 최신글 전체 박스 */
.love-bx-latest {
    width: 690px;
    max-width: 100%;
    height: 500px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

/* ul 초기화 */
.love-bxslider {
    margin: 0;
    padding: 0;
    list-style: none;
}

.love-bxslider li {
    width: 690px;
    height: 400px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #eee;
}

.love-bxslider li a {
    display: block;
    width: 100%;
    height: 100%;
}

.love-bxslider li img {
    display: block;
    width: 100% !important;
    height: 400px !important;
    object-fit: cover;
    margin: 0;
    padding: 0;
    border: 0;
}

/* bxSlider 기본 CSS 때문에 생기는 여백 제거 */
.love-bx-latest .bx-wrapper {
    width: 690px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.love-bx-latest .bx-wrapper .bx-viewport {
    width: 100% !important;
    height: 400px !important;
    left: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: hidden !important;
}

/* 좌우 버튼 */
.love-bx-latest .bx-wrapper .bx-controls-direction a {
    z-index: 20;
}

/* 페이저 */
.love-bx-latest .bx-wrapper .bx-pager {
    bottom: -34px;
    padding-top: 0;
}

.love-bx-latest .bx-wrapper .bx-pager.bx-default-pager a {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    background: #777;
}

.love-bx-latest .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #ff7900;
}

/* 반응형 */
@media (max-width: 768px) {
    .love-bx-latest {
        width: 100%;
        height: auto;
    }

    .love-bxslider li {
        width: 100%;
        height: auto;
        aspect-ratio: 690 / 400;
    }

    .love-bxslider li img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

    .love-bx-latest .bx-wrapper {
        width: 100% !important;
    }

    .love-bx-latest .bx-wrapper .bx-viewport {
        height: auto !important;
    }
}

/* 모바일 bxSlider 오른쪽 잘림 방지 */
.lt,
.lt_pc {
    max-width: 100%;
    box-sizing: border-box;
}

.bx-wrapper,
.bx-wrapper .bx-viewport {
    max-width: 100% !important;
    box-sizing: border-box;
}

.bx-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.bx-wrapper .bx-viewport {
    left: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.bxslider,
.bxslider li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bxslider li {
    overflow: hidden;
}

.bxslider li img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover;
}

/* 모바일 전용 */
@media (max-width: 768px) {
    .lt_pc {
        width: 100% !important;
        margin-top: 40px;
        overflow: hidden;
    }

    .lt {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: hidden;
    }

    .bx-wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }

    .bx-wrapper .bx-viewport {
        width: 100% !important;
        max-width: 100% !important;
    }

    .bxslider li {
        width: 100% !important;
    }

    .bxslider li img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 690 / 400;
        object-fit: cover;
    }
}