/* BASIC css start */
#content {width:1280px;}

/* class-list */
.shopbrand_tit{width: 100%;position: relative;margin-bottom:60px}
.shopbrand_tit>a{display: block;width: 100%;}
.shopbrand_tit>a>img{width: 100%;}
.shopbrand_tit .cont{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1280px; height: 100%;display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 50px;}
.shopbrand_tit .cont h3{font-family: 'Montserrat', sans-serif; font-size: 70px;color: #222; font-weight: 700;}
.shopbrand_tit .cont p{font-family: 'Noto Sans KR', sans-serif;color: #222222; font-size: 16px; font-weight: 500; text-align: center; margin-top: 14px; line-height: 1.6;}
.shopbrand_tit .child_cate{ width: 1280px;  position: absolute; left: 50%; transform: translateX(-50%); bottom: -40px; background-color: #fff;box-shadow: 1px 10px 13px 1px rgb(0 0 0 / 5%)}

.shopbrand_tit .child_cate ul{padding: 25px 30px; width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.shopbrand_tit .child_cate ul li{margin: 10px; position: relative;padding-right: 15px;}
.shopbrand_tit .child_cate ul li::after{content: ""; display: block; width: 1px; height: 13px; background-color: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.shopbrand_tit .child_cate ul li:last-child::after{display: none;}
.shopbrand_tit .child_cate ul li a{color: #666666; font-size: 16px;font-family: 'Noto Sans KR', sans-serif; font-weight: 400; transition:color .2s}
.shopbrand_tit .child_cate ul li a:hover{color:#ffa421 !important}
.shopbrand_tit .child_cate ul li a.sel{color:#ffa421 !important}







/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }
.best_sec{position:relative; border-bottom:1px solid #eee;padding-bottom:30px}
.best_sec .swiper_btn_prev{position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-885px,-50%); cursor: pointer; } 
.best_sec .swiper_btn_next{position: absolute; top: 50%; right: 50%; z-index: 10; transform: translate(885px,-50%); cursor: pointer;}





/* total-sort */
#productClass .total-sort { padding-top: 30px; }




/* BASIC css end */