/* BASIC css start */
.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-family: 'Montserrat', sans-serif;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 .best_tit h3{}
.recmd_sec .best_tit>div{ }
.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 .cate_child_wrap ul.cate3.on{border:none !important;}/*메이크샵에서 가져오는 shopbrand.min.css라서 그냥 지워버리는걸로.. 스와이프할때 계속 움직이는거 신경쓰임*/
.product_category_wrap .cate_child_wrap ul li a.sel {border:none !important;}/*메이크샵에서 가져오는 shopbrand.min.css라서 그냥 지워버리는걸로.. 버튼 밑에 그림자 있는거 신경쓰임*/

.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 {width: 100%; overflow: hidden;}
.product_category_wrap .swiper-container {width: 100%;}
.product_category_wrap .swiper-wrapper {display: flex;}
.product_category_wrap .swiper-slide {flex-shrink: 0; width: auto;}
.product_category_wrap .cate2,
.product_category_wrap .cate3 {display: flex; gap: 9px 8px; padding: 0; margin: 0; list-style: none;}
.product_category_wrap .cate2 li a,
.product_category_wrap .cate3 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 .cate2 li a.sel{color: #fff !important; background-color: #8bc53f;}/*중카테고리 색상 바꾸는 곳*/
.product_category_wrap .cate3 li a.sel{color: #fff !important; background-color: #24619f;}/*소카테고리 색상 바꾸는 곳*/
.product_category_wrap .cate2 li,
.product_category_wrap .cate3 li {position: relative; padding: 0 !important; margin: 0 !important;}
.product_category_wrap .cate2 li a,
.product_category_wrap .cate3 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_list_outer{border-top:none !important;padding-top:7px }
.product_top_wrap .total_cnt{font-size:12px !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; font-family: 'Montserrat', sans-serif;}
.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;}



/* 나이스메뉴골프 */
#prd_nicemenu_golf{}
#prd_nicemenu_golf .sec_inner{padding:0}
#prd_nicemenu_golf .sec_inner h2{padding:0 5%}
#prd_nicemenu_golf .sec_inner .prd_nicemenu_golf_cate{margin-bottom: 35px;}
#prd_nicemenu_golf .sec_inner .prd_nicemenu_golf_cate ul{}
#prd_nicemenu_golf .sec_inner .prd_nicemenu_golf_cate ul li{width:auto;}
#prd_nicemenu_golf .sec_inner .prd_nicemenu_golf_cate ul li:first-child{margin-left:5%}
#prd_nicemenu_golf .sec_inner .prd_nicemenu_golf_cate ul li a{overflow:hidden; display:block; width:100%;background-color: #f4f4f4; border-radius: 40px; padding: 8px 20px; text-align:center; color:#000; position:relative; font-size: 13px; font-weight: 500; display:block; transition:all .1s}
#prd_nicemenu_golf .sec_inner .prd_nicemenu_golf_cate ul li.on>a{ color: #fff;background-color: #8bc53f;}/*버튼 활성화 될때 색깔*/
#prd_nicemenu_golf .prd_nicemenu_golf_prd{padding:0 5%}
#prd_nicemenu_golf .prd_nicemenu_golf_prd>div{display: none; position:relative;opacity:0; transition:opacity .5s}
#prd_nicemenu_golf .prd_nicemenu_golf_prd>div.show{display: block; }
#prd_nicemenu_golf .prd_nicemenu_golf_prd>div.act{opacity:1}
#prd_nicemenu_golf .prd_nicemenu_golf_2 ul li:nth-child(-n+6){display:none;}/*2번매뉴 12개 보여주는데 그중에서 앞에서 6개 감추기*/
#prd_nicemenu_golf .prd_nicemenu_golf_3 ul li:nth-child(-n+12){display:none;}/*3번매뉴 18개 보여주는데 그중에서 앞에서 12개 감추기*/
#prd_nicemenu_golf .prd_nicemenu_golf_5 ul li:nth-child(-n+6){display:none;}/*5번매뉴 12개 보여주는데 그중에서 앞에서 6개 감추기*/
#prd_nicemenu_golf .prd_nicemenu_golf_6 ul li:nth-child(-n+12){display:none;}/*6번매뉴 18개 보여주는데 그중에서 앞에서 12개 감추기*/
#prd_nicemenu_golf .prd_nicemenu_golf_8 ul li:nth-child(-n+6){display:none;}/*8번매뉴 12개 보여주는데 그중에서 앞에서 6개 감추기*/

/*메인 공통 및 메인슬라이드 내용*/
.section,.section :is(*){box-sizing: border-box;font-family: "Pretendard Variable", Pretendard, sans-serif;}
.section:not(#sec1){margin-bottom: 90px;}
.section .sec_inner{padding:0 0}  /*두번째 숫자는 좌우여백*/
.section h2{font-size:25px; font-family: "Pretendard Variable", Pretendard, sans-serif; color: #111111; font-weight: 600; margin-top: 10px; margin-bottom: 25px;}
.section .txt_area p.sub{color: #000; line-height: 1.6;font-weight: 500;transition: all .4s;font-size: 14px; }
.section .txt_area p.big{ color: #000; font-weight: 500;line-height: 1.3; transition: all .4s;font-size: 27px; }
.section .txt_area a.more{ width:auto; display: inline-block; font-size: 13px; transition: transform .4s, opacity .4s;border: 1px solid #000;color: #000; margin-top: 8px;font-weight: 600;padding:5px 15px; }
.section :is(.sec_next,.sec_prev){position: unset;color: #000;width: 30px; background-color: #ddd; height:30px; border-radius: 50%; margin-top: 0; transition:all .1s}
.section :is(.sec_next,.sec_prev)::after{font-size: 11px; font-weight:700}
.section :is(.sec_next,.sec_prev):not(.swiper-button-disabled):hover{background-color:var(--main-color);color:#fff}
.section .swiper-pagination-bullet-active{background-color:var(--main-color)}
.section .prd_more_btn{text-align:center; margin-top:40px;}
.section .prd_more_btn>a {display:inline-block;font-family: 'Noto Sans KR', sans-serif;display:inline-block; border:1px solid #e8e9ed; padding:4px 0px; width:100%  }
.section .prd_more_btn>a button.btn_moreGray{background-color:#fff !important; color:#000; font-size:13px; font-weight:500; width:100%; display:flex; align-items:center ;justify-content:center; gap:10px}
.section .prd_more_btn>a button span{display:flex; align-items:center; justify-content:center;color:#000; }
.section .prd_more_btn>a button span img{display:inline-block;  transform:scale(.66); transform-origin:center center}
.section .swiper{margin-bottom:-50px;}/*메인 슬라이드 밑에 여백 수정하는 곳*/

/* BASIC css end */