/* splide slider css 관련 */
.pagination_custom_unset {
    background: none;
    border: none;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0;
    opacity: inherit;
    padding: 0;
    transition: none;
    width: auto;
}
.pagination_custom_unset.is-active {
    background: none;
    transform: none;
}

.splide_arrow_custom {
    padding: 0;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
}

.splide_arrow_custom div,
.splide_arrow_custom svg {
    width: 100%;
    height: 100%;
}
.splide_arrow_custom svg {
    transform: none;
}

/* -------------- 페이지네이션 + 방향 버튼 나란히 설정된 경우  -------------- */
.splide_pagination_arrows_box {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.splide_track_combined_page_box {
    bottom: 0;
    position: relative;
}

.splide_track_combined_arrow {
    position: relative;
    transform: none;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
}

/* 탭 박스 상 * 하 * 좌 * 우 설정이 있다면 스타일 덮어씌워주기 */
.splide_tab_arrows_box {
    position: relative;
    left: 0;
    transform: translateX(0%);
}

/* -------------- 슬라이드 탭 모드 인 경우  -------------- */
.splide_tab_mode,
.splide_tab_box,
.splide_tab {
    display: -ms-flexbox;
    display: flex;
}

.new_ez_splide_tab_title > li {
    flex: 1;
}

.splide_left_pagination .splide__track,
.splide_right_pagination .splide__track {
    flex: 1;
}

.splide_tab_mode .splide_tab_box {
    position: relative;
}

.splide_tab_box {
    bottom: 0;
    padding: 0;
}

.splide--ttb > .splide_tab_box {
    right: 0;
    padding: 0;
}

.splide_top_pagination {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.splide_bottom_pagination {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}
.splide_left_pagination {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.splide_right_pagination {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
}

/* -------------- 슬라이드 스크롤(썸네일) 페이지네이션인 경우 -------------- */
.splide_thumbnail_pagination {
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.2s;
    transform: scale(0.98);
    will-change: transform;
    user-select: none;
    overflow-x: auto;
    overflow-y: hidden;
    cursor: pointer;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.splide_thumbnail_pagination::-webkit-scrollbar {
    display: none;
}

.splide_thumbnail_slider .splide_thumbnail_pagination {
    display: block;
}

.splide_thumbnail_pagination li {
    opacity: 0.8;
}

.splide_thumbnail_pagination li.is-active {
    opacity: 1;
}

.splide_thumbnail_pagination img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

/* -------------- 슬라이드 페이딩 페이지네이션인 경우 -------------- */
.splide_fading_pagination {
    width: 200px;
    min-height: 200px;
    position: relative;
}

.splide_fading_pagination li {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 1s opacity;
    position: absolute;
}

/* .splide_fading_pagination li button {
    pointer-events: none;
} */
.splide_fading_pagination li button {
    /* pointer-events: none; */
    cursor: default;
}

.splide_fading_pagination li.is-active {
    opacity: 1;
    z-index: 1;
}