html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
* { box-sizing: border-box; }
p, ol, ul, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; }
a { border: 0; outline: none; margin: 0; padding: 0; color: #000; text-decoration: none; }
a:hover, a:focus, a:active, a:visited { text-decoration: none; }
:root { --swiper-navigation-size: 44px; }
:root { --swiper-theme-color: #007aff; }
.productZone .product_cate ul { overflow-x: hidden;
    overflow-y: hidden; }
.productZone .product_cate ul li { width: calc(1220px / 10) !important; display: flex; justify-content: center; text-align: center; }
.productZone .product_cate ul li .thumb { width: 90px; height: 90px; border-radius: 100%; background-color: #f4f4f4; display: flex; justify-content: center; align-items: center; overflow: hidden; margin: 0 auto; }
.productZone .product_cate ul li .thumb img { width: 100%; height: 100%; }
.productZone .product_cate ul li .cate_name { max-width: 170px; font-family:'Noto Sans KR' !important; font-size: 14px; color:#666; line-height: 17px; letter-spacing: 0px !important; margin: 10px auto 0; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-word; word-break: break-all; }
.productZone [data-swiper="product_cate"] .btn_prev, .productZone [data-swiper="product_cate"] .btn_next { margin-top: -55px; }
:lang(en) .productZone .product_cate ul li .cate_name { line-height: 23px; }
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; }
.swiper-container-vertical > .swiper-wrapper { flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); }
.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; }
.swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; }
.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { flex-shrink: inherit !important; width: 100%; height: 100%; position: relative; transition-property: transform; }
.swiper-slide-invisible-blank { visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }

/* 3D Effects */
.swiper-container-3d { perspective: 1200px; }
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -ms-perspective: 1200px; transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; }
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; }
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; }

.ContentPagingView-module__content_paging___QIMwB {
    border-top: 1px solid #ebebeb;
    border-top: 1px solid var(--color_border_in);
    position: relative;
    padding: 10px 0 11px;
    line-height: 34px;
    text-align: center;
}

.ContentPagingView-module__content_paging___QIMwB .ContentPagingView-module__btn_prev___JaBFN, .ContentPagingView-module__content_paging___QIMwB .ContentPagingView-module__btn_next___ZBhby {
    width: 36px;
    height: 36px;
    border: 1px solid #dadcdf;
    border: 1px solid var(#515254);
    background-color: #fff;
    background-color: var(#343638);
    position: relative;
    display: inline-block;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .06);
    border-radius: 50%;
    vertical-align: top;
    cursor: pointer;
}

.ContentPagingView-module__content_paging___QIMwB .ContentPagingView-module__btn_prev___JaBFN::before, .ContentPagingView-module__content_paging___QIMwB .ContentPagingView-module__btn_next___ZBhby::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/skin/upche/img/iframe/sp_main.png);
    background-size: 443px 424px;
    background-position: -431px -181px;
    background-repeat: no-repeat;
    width: 10px;
    height: 12px;
    margin: auto;
}

.blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}

.ContentPagingView-module__content_paging___QIMwB .ContentPagingView-module__btn_prev___JaBFN::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}