/* BASIC css start */
/* class-list */
#productClass .cate-wrap {margin-bottom: 30px;}
#productClass .cate-wrap .bcate {font-family: "Pretendard Variable", Pretendard, sans-serif;padding: 40px 0 30px;font-size:32px;color:#111111;font-weight:600;text-align:center;}
#productClass .cate-wrap .class-list ul {display:flex;flex-wrap:wrap;justify-content: center;}
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li {width: calc(100% / 8 ); margin: 0.5% 0.5%;}
#productClass .cate-wrap .class-list ul li a {position:relative;font-weight:500;display:block;font-size: 14px;color:#000;padding: 10px;transition:all .1s;border:1px solid #e8e8e8;text-align:center;border-radius: 25px;}
#productClass .cate-wrap .class-list ul li:not(:nth-child(6n),:last-child) a{border-right:none}
#productClass .cate-wrap .class-list ul li a:hover,#productClass .cate-wrap .class-list ul li.sel a{/* color:#fff; */background-color: #f1f1f1;transition: 0.2s;}
#productClass .cate-wrap .class-list ul li:not(:nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)) a{/*border-top:none*/}

#content .brand_img {width:100%; padding-top:20px; }
#content .brand_img img {width:100%; border-radius:20px;}

/* recmd-item  */
#productClass .recmd-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

.recmd_sec{margin-bottom: 30px;padding: 20px 0 60px 0;border-bottom: 1px #e9e9e9 solid;}

.recmd_sec_inner{ margin:0 auto;position:relative; }
.recmd_sec p.recmd_tit{margin:15px 0 50px; text-align:center;  font-family: "Pretendard Variable", Pretendard, sans-serif; font-size:26px; color:#111111; font-weight:600;}
.recmd_sec .swiper{padding-bottom:40px;}
.recmd_sec .swiper-pagination{bottom: 0; top: unset;}
.recmd_sec .swiper-pagination-progressbar{background-color: rgba(0,0,0,.05);}
.recmd_sec .swiper-pagination-progressbar-fill{background-color: #cfcfcf;}

.recmd_sec .swiper-slide .thumb {transition:0.3s;}
.recmd_sec .swiper-slide .thumb:hover {transform:scale(1.01);}



.recmd_sec table {height:1px;}
.recmd_sec .recmd_num {position:relative; height:100%;}
.recmd_sec table .tb-center {height:100%;}


.recmd_sec .recmd_num .rerecmd_number {position: absolute;top: 15px;left: 15px;width: 70px;height: 70px; line-height:170%; z-index: 10;background: #F37021;border-radius: 60px;display: flex;align-items: center;justify-content: center;color:#ffffff;flex-direction: column;text-align: center;font-family: 'Lato';box-shadow: 0px 0px 5px 0px #5d351d57;}
.recmd_sec table tr:nth-child(1) td:nth-child(1) .recmd_num .rerecmd_number {width: 120px;height: 120px; line-height:280%; }
.recmd_sec table tr:nth-child(1) td:nth-child(1) .recmd_num .rerecmd_number > p {font-size:30px;}
.recmd_sec table tr:nth-child(1) td:nth-child(1) .recmd_num .rerecmd_number > span {font-size:40px;}

.recmd_sec .recmd_num .rerecmd_number > p {font-size: 15px;font-weight: 600;padding-top: 3px;}
.recmd_sec .recmd_num .rerecmd_number > span {font-size: 25px;font-weight: 600;}

.recmd_sec table tr:nth-child(1) td:nth-child(1) .recmd_num .prdname {font-size:1.8em;}
.recmd_sec table tr:nth-child(1) td:nth-child(1) .recmd_num .prdprice .price {font-size:1.5em;}



.recmd_sec .item_list {float:left;background-color: #f7f7f7; border-radius: 10px;width:100%; height:100%; }
.recmd_sec .item_list .info {padding:10px 10px 30px 20px;}
.recmd_sec .item_list .info .prdprice {padding-top:5px;}

.prd-list .thumb {border:none;}
.prd-list .thumb {width: 200px; height: 200px; margin-left: auto; margin-right: auto; font-size:0; line-height: 0;}
.prd-list .thumb a img {width:100%; border-radius:20px;}

.recmd_sec table tr:nth-child(1) td:nth-child(2), .recmd_sec table tr:nth-child(1) td:nth-child(3) {padding-bottom:15px;}

/* 상품 리스트 */
/* BASIC css end */