.flicking-footer { display: none; }

.flicking-footer.desktop { position: unset; bottom: 0; height: 16px; font-size: 0; text-align: center; margin-top: 30px; }
.flicking-footer.desktop .flicking-arrow-prev,
.flicking-footer.desktop .flicking-arrow-next { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); opacity: 1; border-radius: 100%; z-index: 10; cursor: pointer;  display: flex; align-items: center; justify-content: center; font-size: 1rem; }
.flicking-footer.desktop .bi::before { font-weight: 600 !important; color: #999999; }
.flicking-footer.desktop .flicking-arrow-prev { left: -60px; }
.flicking-footer.desktop .flicking-arrow-next { right: -60px; }
.flicking-footer.desktop .flicking-arrow-prev.flicking-arrow-disabled,
.flicking-footer.desktop .flicking-arrow-next.flicking-arrow-disabled { opacity: 0.3; }
.flicking-footer.desktop .flicking-pagination { position: relative; left: initial; bottom: initial; }

.flicking-footer.mobile { position: relative; z-index: 0; bottom: 0; height: 16px; font-size: 0; text-align: center; margin-top: 20px; }
.flicking-footer.mobile .flicking-arrow-prev,
.flicking-footer.mobile .flicking-arrow-next { position: absolute; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; z-index: 10; cursor: pointer;  font-size: 14px; line-height: 16px; }
.flicking-footer.mobile .flicking-arrow-prev { left: 33.9%; }
.flicking-footer.mobile .flicking-arrow-next { right: 33.9%; }
.flicking-footer.mobile .flicking-arrow-prev.flicking-arrow-disabled,
.flicking-footer.mobile .flicking-arrow-next.flicking-arrow-disabled { opacity: 0.3; }
.flicking-footer.mobile .flicking-pagination { position: relative; left: initial; bottom: initial; }

.flicking-footer .flicking-pagination-fraction > span { display: inline-block; min-width: 18px; font-size: 14px; line-height: 16px; text-align: right; vertical-align: top; color: #50585f; }
.flicking-footer .flicking-pagination-fraction-total { color: #b2b8be !important; padding-left: 17px; position: relative; }
.flicking-footer .flicking-pagination-fraction-total:before { content: ""; position: absolute; top: 50%; left: 8px; width: 1px; height: 12px; margin-top: -6px; background-color: #dadde0; }