/* BASIC css start */
body, * { font-family: 'Spoqa Han Sans Neo', 'sans-serif'; }
.page_top .page_nav { float: right !important; }
.page_top .page_nav a { font-weight: 400 !important; }
.recmd_sec { margin-bottom: 40px; padding-left: 5%; }
.wrapper.items-wrap { padding: 0 5%; }
.recmd_sec h3 { font-size: 23px; color: #333333; font-weight: 600; }
.recmd_sec .best_tit { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.recmd_sec .swiper { padding-bottom: 30px; }
.recmd_sec .swiper-slide { width: 45%; }
.recmd_sec .swiper .swiper-pagination-progressbar { bottom: 0; top: unset; left: 14%; width: 72%; }
.recmd_sec .swiper-pagination-progressbar { background-color: #d9d9d9; width: 95%; height: 1px; }
.recmd_sec .swiper-pagination-progressbar-fill { background-color: #000; }

/* 분류 카테고리 영역 */
.product_category_wrap { padding: 20px 5% 45px !important; }
.product_category_wrap .cate1 { font-weight: 500 !important; font-size: 19px !important; padding: 0px 0 28px !important; color: #111111 !important; text-align: center !important; }
.product_category_wrap .cate_child_wrap ul { display: flex; flex-wrap: wrap; gap: 9px 8px; justify-content: center; }
.product_category_wrap .cate_child_wrap ul li a { font-size: 13px !important; color: #999999 !important; font-weight: 500; border-radius: 30px; padding: 9px 15px !important; background-color: #f9f9f9; }
.product_category_wrap .cate_child_wrap ul li a.sel { color: #fff !important; background-color: var(--main-color); }
.product_category_wrap .cate_child_wrap ul li { position: relative; padding: 0 !important; margin: 0 !important; }
.product_category_wrap .cate_child_wrap ul li a { display: block; }
.product_list_wrap.list_st2 .product_item, .product_list_wrap.list_st3 .product_item { padding: 0 0 15px !important; }
.MS_prod_mobile_image { width: 100%; }
.product_category_wrap .cate_child_wrap ul.cate3.on { padding-top: 15px !important; margin-top: 15px !important; }

/* 상품 리스트 영역 */
.product_list_outer { border-top: none !important; padding-top: 7px; }
.product_top_wrap .total_cnt { font-size: 14px !important; color: #000 !important; font-weight: 400; line-height: 35px !important; letter-spacing: -.1px; }
.product_top_wrap .total_cnt strong { font-weight: 700 !important; color: #000 !important; }
.product_top_wrap { border-bottom: none !important; margin: 0 0 15px !important; padding: 0 5% !important; }
.product_top_wrap .select_box select { background-size: auto 7px !important; background-image: url(//skin.makeshop.co.kr/skin/astore/MO_img/select_arrow.png) !important; font-size: 12px !important; color: #000 !important; text-align: left !important; transform: translateY(4px); border-bottom: 1px solid #fff !important; padding-left: 0 !important; }

/* sec7 스타일 적용 */
.item_list { height: 100%; display: flex; flex-direction: column; }
.item_list .thumb { position: relative; width: 100%; padding-top: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.item_list .thumb > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.item_list .thumb > a > img { width: 100%; height: 100%; object-fit: cover; }
.item_list .thumb .cart_icon { position: absolute; display: flex; align-items: center; justify-content: center; bottom: 10px; right: 10px; width: 40px; height: 40px; }
.item_list .thumb .cart_icon img { transform: scale(0.7); }
.item_list .info { text-align: left; padding: 10px 0; display: flex; flex-direction: column; justify-content: flex-start; flex-grow: 1; }
.prd-info { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.prdbtn { width: 100%; height: 15px; margin-bottom: 5px; justify-content: flex-start; }
.prdbtn span { display: inline-flex; margin-right: 5px; font-size: 12px; }
.prdname { font-size: 14px; font-weight: 500; word-wrap: break-word; line-height: 1.3em; height: 2.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.prdprice { font-size: 16px; height: 1.2em; }

/* 페이지네이션 스타일 */
.swiper-pagination { bottom: 10px; }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #000; opacity: .2; }
.swiper-pagination-bullet-active { opacity: 1; background: var(--main-color); }
/* BASIC css end */