/* BASIC css start */
div.cate-wrap {padding: 32px 0; border-bottom: 1px solid #ededed; position: relative;}
div.cate-wrap .top_prev {position: absolute; top:50%; left:24px; transform: translateY(-50%);}

div.cate-wrap div.bcate {font-size: 24px; line-height: 32px; font-weight: 700; color: #1a1a1a; text-align: center;}
div.cate-wrap ul.class-list {display: flex; align-items: flex-start; overflow-x: auto; padding: 0; margin: 24px 0 0; border-bottom: 0;}
div.cate-wrap ul.class-list > li {padding: 0;}
div.cate-wrap ul.class-list > li:not(:first-child) div:before {content: ''; display: inline-block; width: 1px; height: 12px; background-color: #ededed; margin: 0 16px;}
div.cate-wrap ul.class-list > li:first-child {padding-left: 24px;}
div.cate-wrap ul.class-list > li:last-child {padding-right: 24px;}
div.cate-wrap ul.class-list li a {display: flex; align-items: center; width: max-content; font-size: 15px; line-height: 32px; font-weight: 400; color: #8a8a8a; border-bottom: 2px solid transparent; white-space: nowrap;}
div.cate-wrap ul.class-list li .count {margin-left: 4px;}
div.cate-wrap ul.class-list li > div {display: flex; align-items: center; width: max-content;}


.prdCount {padding: 16px 24px; font-size: 13px; line-height: 20px; color: #777777; border-bottom: 1px solid #efefef;}
.prdCount strong {color:#1a1a1a;}


/* 럭셔리관 상단이미지 */
div.swiper_sec01 .swiper-slide img {width: 100%;}
div.swiper_sec01 .swiper-pagination { bottom: 24px !important; display: flex; align-items: center; justify-content: center;}
div.swiper_sec01 span.swiper-pagination-bullet-active:before {border: 2px solid #ffffff !important; background-color: transparent !important;}


/* 주얼리 추가 카테고리 */
.swiper_jewel {height:48px; background:#f8f8f8;  margin-left:16px; display:flex; align-items:center;}
.swiper_jewel li a {display:flex; align-items:center; color:#1a1a1a; font-size:15px; font-weight:400; position: relative;}
.swiper_jewel .swiper-wrapper .swiper-slide {width:auto !important; margin:0 8px; display: flex; align-items: center; }
.swiper_jewel .swiper-wrapper .swiper-slide:first-child {margin-left:18px !important;}
.swiper_jewel .swiper-wrapper .swiper-slide:last-child {margin-right:24px !important;}


.swiper_hash { background:#f8f8f8;  margin-left:16px; display:flex; align-items:center;  box-sizing:border-box; padding:0px 16px !important;}
.swiper_hash li a {display: flex; align-items: center; color: #1a1a1a; font-size: 14px; font-weight: 400; position: relative; background-color: #ffffff; padding: 6px 16px; border-radius: 16px; line-height: 20px; margin:16px 0px;}
.swiper_hash .swiper-wrapper .swiper-slide.on1 a {background-color:#1a1a1a; color:#ffffff;}
.swiper_hash .swiper-wrapper .swiper-slide {width:auto !important; margin:0 4px; display: flex; align-items: center; }

.swiper_hash2 { background:#f8f8f8;  margin-left:16px; display:flex; align-items:center;  box-sizing:border-box; padding:0px 16px !important; border-top: 1px solid #ededed; margin-top:-1px;}
.swiper_hash2 li a {display: flex; align-items: center; color: #1a1a1a; font-size: 14px; font-weight: 400; position: relative; background-color: #ffffff; padding: 6px 16px; border-radius: 16px; line-height: 20px; margin:16px 0px;}
.swiper_hash2 .swiper-wrapper .swiper-slide.on1 a {background-color:#1a1a1a; color:#ffffff;}
.swiper_hash2 .swiper-wrapper .swiper-slide {width:auto !important; margin:0 4px; display: flex; align-items: center; }


.swiper_virtual {background:#ffffff;  margin-left:16px; display:flex; align-items:center; border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; margin-top:-1px;}
.swiper_virtual li a {display:flex; align-items:center; color:#1a1a1a; font-size:13px; line-height:24px; font-weight:400; position: relative; margin:16px 0px;}
.swiper_virtual .swiper-wrapper .swiper-slide {width:auto !important; margin:0 12px; display: flex; align-items: center; }
.swiper_virtual .swiper-wrapper .swiper-slide:first-child {margin-left:24px !important;}
.swiper_virtual .swiper-wrapper .swiper-slide:last-child {margin-right:24px !important;}
.swiper_virtual li a:after {display: block; content: ""; width: 1px; height: 13px; background: #C9C9C9; transform: rotate(15deg); position: absolute; right: -12px; top: 5px;}
.swiper_virtual li:last-child a:after {display:none;}


.virtual {background:#ffffff;  margin-left:0px; display:flex; align-items:center; justify-content: center; border-bottom: 1px solid #ededed; border-top: 0px solid #ededed;}
.virtual li a {display:block; color:#1a1a1a; font-size:13px; line-height:24px; font-weight:400; position: relative; margin:16px 0px;}


div.shopbrandTitle {padding: 0px 0px 0;}
div.shopbrandTitle img {width: 100%;}


div.list_roll {margin-top: 40px;}
div.swiper_recmd.item-wrap {padding: 0 24px;}
div.swiper_recmd.item-wrap ul {padding: 0 !important;}
div.swiper_recmd.item-wrap .thumb .num {z-index: 1; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 0 0 16px 0; background-color: #bababa; font-size: 16px; line-height: 24px; font-weight: 700; color: #fff; transition: background-color 0.3s;}
div.swiper_recmd.item-wrap li.swiper-slide-active .thumb .num {background-color: #1a1a1a;}

div.swiper_recmd.item-wrap .swiper-scrollbar-recmd {position: static;}


div.list_array {display: flex; align-items: center; justify-content: space-between; margin: 32px 0 24px; padding: 0 24px; height: auto; border: 0 !important;}
div.list_array div.list_arrayLeft {float: none; margin-top: 0; font-size: 0; line-height: 1;}
div.list_array div.list_arrayLeft select {width: 136px; height: 40px; padding: 8px; border: 1px solid #ededed; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('/design/jewelrytop/0797drorganic/select.svg'); background-repeat: no-repeat; background-size: 24px 24px; background-position: center right 8px; font-size: 13px; line-height: 18px; font-weight: 400; color: #1a1a1a;}
div.list_array div.list_arrayRight {float: none; display: flex; align-items: center; margin-top: 0; width: auto; font-size: 0; line-height: 1;}
div.list_array div.list_arrayRight a {display: block; background: none !important; border: 0; border-radius: 0; width: 40px; height: 40px;}
div.list_array div.list_arrayRight a.list {border-right: 0; margin-left: -1px;}
div.list_array div.list_arrayRight a img {width: 100% !important; margin: 0;}


.shopbrand h2 {text-align:center; font-size: 1.25em; font-weight:bold; padding-top:10px;}
.shopbrand .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .list_group {padding:12px 1%; text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}

.shopbrand .coupon-benefit {position:relative; margin:-12px 0 10px 0;} 
.shopbrand .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.shopbrand .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.shopbrand .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }


a.more {width: max-content !important;}
a.more span {justify-content: center !important; }
a.more span > span:first-child {margin-left:8px;}
a.more span img {margin-left:8px;}


/* BASIC css end */