/* BASIC css start */
/* 럭셔리관 : 메인 비주얼 */
.swiper_sec01 {max-width: 1920px; padding: 0; width: 100%; min-width: 1650px; margin: 0px auto 0;}
.swiper_sec01 .swiper-button-next {right: 8%;}
.swiper_sec01 .swiper-button-prev {left: 8%;}
.swiper_sec01 .swiper-pagination {width: 100%; left: inherit; right: 0; bottom: 4% !important; display: flex; align-items: center; justify-content: center;}
.swiper_sec01 .swiper-pagination span.swiper-pagination-bullet {opacity: 1; background-color: #ffffff; width: 4px; height: 4px; border-radius: 50%; margin: 0 10px;}
.swiper_sec01 .swiper-pagination span.swiper-pagination-bullet-active {border: 3px solid #ffffff; background-color: transparent;}
.swiper_sec01 .swiper-button-prev {left:80px;}
.swiper_sec01 .swiper-button-next {right:80px;}
.swiper_sec01 .swiper-button-next {top: 50%; margin: 0; width: auto; height: auto; transform: translateY(-50%);}
.swiper_sec01 .swiper-button-prev:after {font-size: 0; line-height: 1; content: url('/design/jewelrytop/0797drorganic/prev_main_w.svg');}
.swiper_sec01 .swiper-button-next:after {font-size: 0; line-height: 1; content: url('/design/jewelrytop/0797drorganic/next_main_w.svg');}




/* 상단 이미지 */
.banner {max-width: 1920px; padding: 0; width: 100%; min-width: 1650px; margin: 0px auto 0; text-align:center;}


/* 분류 : 상단 */
div#productClass .cate-wrap .bcate {margin: 0 0 40px; text-align: center;}
div#productClass .cate-wrap .bcate {font-size: 32px; line-height: 40px; font-weight: 700; color: #1a1a1a;}




/* 분류 : 카테고리 */
div#productClass .cate-wrap .class-list ul {background-color:#f7f7f7; padding:16px 0px;}
div#productClass .cate-wrap .class-list ul {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border: 0; margin-bottom: 40px;}
div#productClass .cate-wrap .class-list ul > li {padding: 0; width: auto; margin: 0 8px;}
div#productClass .cate-wrap .class-list ul li a {display: flex; position: relative; border-radius:24px; padding: 8px 24px 8px; background-color:#ffffff; font-size: 16px; line-height: 24px; font-weight: 400; color: #1A1A1A; transition: color 0.3s;}
div#productClass .cate-wrap .class-list ul li:hover > a {color: #1a1a1a; background-color:#1a1a1a; color:#ffffff;}
div#productClass .cate-wrap .class-list ul li.on1 a {background:#1a1a1a; color:#fff;}


.hashtag {background-color:#f7f7f7; padding:16px 0px; margin-bottom: 40px;}
.hashtag ul {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border: 0; }
.hashtag ul li {padding: 0; width: auto; margin: 0 8px;}
.hashtag ul li a {display: flex; position: relative; border-radius:24px; padding: 8px 24px 8px; background-color:#ffffff; font-size: 16px; line-height: 24px; font-weight: 400; color: #1A1A1A; transition: color 0.3s;}
.hashtag ul li a:hover {color: #1a1a1a; background-color:#1a1a1a; color:#ffffff;}
.hashtag ul li.on1 a {background:#1a1a1a; color:#fff;}

.hashtag ul.menuCategory2 li {margin-top:16px;}






.virtual {border:0px; margin-bottom:40px;}
.virtual ul {text-align:center; padding:0px;}
.virtual ul li{display:inline-block; position:relative; padding:0 15px;}
.virtual ul li:after{display:block; content:""; width:1px; height:13px; background:#C9C9C9; transform:rotate(15deg); position:absolute; right:-3px; top:5px;}
.virtual ul li:last-child:after{display:none;}
.virtual ul li a{font-size:16px; line-height:24px; color:#777777;}
.virtual ul li a:hover{color:#1a1a1a;}




/* 분류 : 진열 방법 */
div#productClass .item-wrap .item-info {display: flex; justify-content: space-between; align-items: center; padding: 0; margin-bottom: 80px; border-bottom: 0; line-height: 1;}
div#productClass .item-wrap .item-info:after {content: none;}
div#productClass .item-wrap .item-info .prdCount {float: none; font-size: 14px; line-height: 24px; font-weight: 400; color: #777777;}
div#productClass .item-wrap .item-info .prdCount strong {font-weight: 600; color: #1a1a1a;}
div#productClass .item-wrap .item-info .item-order {float: none;}
div#productClass .item-wrap .item-info .item-order ul {display: flex; align-items: center; gap: 15px;}
div#productClass .item-wrap .item-info .item-order ul li {float: none; display: inline-block; border: 0; padding: 0;}
div#productClass .item-wrap .item-info .item-order a span {font-size: 14px; line-height: 24px; font-weight: 400; color: #1a1a1a;}


div#productClass .item-wrap .item-info .item-order select { width:160px; height:48px; font-size:14px; color:#1a1a1a; font-weight:600; border:0px; border-bottom:2px solid #1a1a1a; padding-left: 8px; }
div#productClass .item-wrap .item-info .item-order select { background:url('/design/jewelrytop/0797drorganic/select_ar.svg') center right 0px no-repeat !important; -webkit-appearance: none; -moz-appearance: none; appearance: none;} 




/* 분류 : 추천상품, 신상품 */
div.item-wrap.list_roll {display: flex; margin-bottom: 120px;}
div.item-wrap.list_roll .m_titleArea {width: 24%; margin-right: 1%; text-align: left;}
div.item-wrap.list_roll .m_titleArea .t01 {font-size: 40px; line-height: 48px;}
div.item-wrap.list_roll .m_titleArea .t02 {margin-top: 16px;}
div.item-wrap.list_roll .swiper-container {flex: 1;}
div.item-wrap.list_roll .swiper-container .prdList li .thumbnail .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;}
div.item-wrap.list_roll .swiper-container .prdList li:first-child .thumbnail .num {background-color: #1a1a1a;}


div.item-wrap.list_roll .item-list .thumb .num {display:flex !important; z-index: 1; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #bababa; font-size: 16px; line-height: 24px; font-weight: 700; color: #fff;}
div.item-wrap.list_roll .item-list:first-child .thumb .num {background-color: #1a1a1a;}


div.paging {margin:0px auto !important;}



/* BASIC css end */

