:not(.catslider-block) .swiper-button-prev, :not(.catslider-block) .swiper-button-next { width: auto; height: 100%; top: 0; bottom: 0; margin-top: 0; }
:not(.catslider-block) .swiper-button-prev::after, :not(.catslider-block) .swiper-button-next::after { color: #707070; background-color: #EAE8E8; border: 1px solid #dbdbdb; font-size: 12px; display: flex; align-items: center; justify-content: center; opacity: 0.85; }
:not(.catslider-block) .swiper-button-prev:hover::after, :not(.catslider-block) .swiper-button-next:hover::after { background-color: #D5D5D5; }
:not(.catslider-block) .swiper-button-prev.swiper-button-disabled::after, :not(.catslider-block) .swiper-button-next.swiper-button-disabled::after { background-color: #c9c9c9; border: 0; }
:not(.catslider-block) .swiper-button-prev { left: 0; }
:not(.catslider-block) .swiper-button-prev::after { margin-right: auto; }
:not(.catslider-block) .swiper-button-next { right: 0; }
:not(.catslider-block) .swiper-button-next::after { margin-left: auto; }
.upper_area .top_banner_area { position: relative; }
.upper_area .top_banner_area .swiper-container li { margin: auto !important; padding: 0 4px; }
.category_slider { max-width: 1200px; position: relative; }
.category_slider .swiper-container { max-width: 640px !important; margin: 0 auto !important; text-align: center; overflow: visible !important; }
.category_slider .swiper-wrapper { align-items: center; }
.category_slider .swiper-slide { transition: 0.8s ease; }
.category_slider .swiper-slide > * { height: 100%; }
.category_slider .swiper-pagination { margin: 16px auto 0; position: relative; }
.category_slider .swiper-pagination-bullet { background-color: #e3e3e3; opacity: 1; }
.category_slider .swiper-pagination-bullet-active { background: #707070; }
.category_slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; }
.category_slider .swiper-button-prev, .category_slider .swiper-button-next { width: 42px; }
.recommend-slider .swiper-button-prev, .recommend-slider .swiper-button-next { opacity: 0.85 !important; }
@media screen and (max-width: 767px) { :not(.catslider-block) .swiper-button-prev, :not(.catslider-block) .swiper-button-next { width: 36px; }
	:not(.catslider-block) .swiper-button-prev::after, :not(.catslider-block) .swiper-button-next::after { width: 24px; height: 24px; top: calc(50% - 12px); margin: 0 auto; font-size: 8px; }
	:not(.catslider-block) .swiper-button-prev.swiper-button-disabled::after, :not(.catslider-block) .swiper-button-next.swiper-button-disabled::after { background-color: #FFF; }
	.upper_area .top_banner_area .swiper-container { margin: 0 5px; padding-bottom: 28px; }
	.category_slider { margin: 30px auto 40px; }
	.category_slider .swiper-pagination-bullet { width: 12px; height: 12px; }
	.category_slider .swiper-button-prev, .category_slider .swiper-button-next { height: calc(100% - 6px); }
	.category_slider .swiper-button-prev::after, .category_slider .swiper-button-next::after { margin: auto auto 0; }
	.recommend-slider > div:not(.loading) { position: relative; }
	.recommend-slider .swiper-container { margin: 0 5px; padding-bottom: 28px; }
}
@media screen and (min-width: 768px) { :not(.catslider-block) .swiper-button-prev::after, :not(.catslider-block) .swiper-button-next::after { width: 24px; height: 24px; }
	.upper_area .top_banner_area .swiper-container { width: calc(100% - 62px); }
	.upper_area .top_banner_area .swiper-button-prev, .upper_area .top_banner_area .swiper-button-next { width: 35px; }
	.category_slider { margin: 30px auto; overflow: hidden; }
	.category_slider .swiper-slide { height: auto; }
	.category_slider .swiper-slide:not(.swiper-slide-active) { transform: scale(0.9); }
	.category_slider .swiper-slide img { max-width: 640px; }
	.category_slider .swiper-pagination-bullet { width: 16px; height: 16px; }
	.category_slider .swiper-button-prev::after, .category_slider .swiper-button-next::after { width: 32px; height: 32px; font-size: 16px; }
	.recommend-slider .swiper-button-prev, .recommend-slider .swiper-button-next { width: 28px; height: calc(87.5% - 10px - 24px); top: calc(12.5% + 10px); }
}
@media all and (-ms-high-contrast: none) { *::-ms-backdrop, :not(.catslider-block) .swiper-button-prev::after { margin-right: calc(100% - 24px); font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f104"; }
	*::-ms-backdrop, :not(.catslider-block) .swiper-button-next::after { margin-left: calc(100% - 24px); font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105"; }
}