/* BASIC css start */
.buy_list_page_wrap{width:1200px; height:auto; margin:50px auto 100px auto;}
.buy_list_page_wrap{content:""; display:block; clear:both;}

.buy_content_wrap {}
.buy_title {margin-bottom:30px;}
.small_title {font-size: 18px; color: #999; font-family: "Oswald", "Open Sans", "Nanum Gothic", sans-serif; letter-spacing: 4px; font-weight:bold;}
.big_title {font-size: 40px; color: #010101; letter-spacing: -0.3px; font-weight: bold; font-weight: 600;     font-family: 'Noto Sans KR', sans-serif;}
.line_title {width: 150px; height: 4px; background-color: #6aa112; margin: 24px auto;}
.text_title {font-size: 16px; line-height: 24px; color: #777;}

.buy_product_content {}
.product_list ul li {width:275px; margin-left:20px; margin-bottom:30px; float:left; display:inline-block; border: 1px solid #dedede; transition:all 0.3s;}
.product_list ul li:hover {border:1px solid #999;}
.product_list ul li a {display:block;}
.product_list .product_list_img img {width:245px; padding:15px;height:auto; border-bottom: 1px solid #dedede; transition:all 0.3s}
.product_list ul li:hover .product_list_img img{border-bottom:1px solid #999;}
.product_list_text {padding:15px;	min-height:100px; max-height:100px;}
.product_list_text_first {font-size:16px; margin-bottom:10px; text-align:left; text-overflow:ellipsis; display:block; white-space: nowrap;overflow:hidden;}
.product_list_text_second {font-size:14px; margin-bottom:20px; text-align:left; line-height:24px; color:#999;}
.product_list_price {text-align:left; padding:0px 15px 15px 15px;}
.product_list_price_first {font-size:16px; color:#999;     text-decoration: line-through;}
.product_list_price_second {font-size:20px;}


.buy_list_submenu_wrap {margin:0px auto 50px auto; width:800px; text-align:center;}
.buy_list_submenu_wrap > ul:after {content:""; display:block; clear:both;}
.buy_list_submenu_wrap > ul > li {float:left; margin-right:40px;}
.buy_list_submenu_wrap > ul > li:first-child {margin-left:20px;}
.buy_list_submenu_wrap > ul > li > a {display:block; padding-left:20px; padding-right:20px; height:40px; line-height:40px; border:1px solid #6AA112; transition:all 0.3s;  border-radius:10px;}
.buy_list_submenu_wrap > ul > li > a:hover {background:#6AA112; color:#fff;}


<style>
  /* (1) 상단 녹색 실선과 탭 사이 간격 늘리기 */
  .buy_list_submenu_wrap.dufarm_tabs{
    margin-top: 18px; /* 원하시면 12~28px 사이로 조절 */
  }

  /* (2) 탭을 한 줄로 고정 */
  .buy_list_submenu_wrap.dufarm_tabs ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;              /* 버튼 사이 간격 */
    flex-wrap: nowrap;       /* 두 줄 방지 */
    overflow-x: auto;        /* 화면이 좁으면 가로 스크롤 */
    white-space: nowrap;     /* 텍스트 줄바꿈 방지 */
    padding: 6px 0 2px;
    margin: 0;
  }

  /* (3) 기본 li 스타일 안정화 (테마가 가진 float/inline 영향 제거) */
  .buy_list_submenu_wrap.dufarm_tabs ul li{
    list-style: none;
    margin: 0;
    padding: 0;
    float: none !important;
  }

   }

  /* (5) 현재 탭 강조(선택) */
  .buy_list_submenu_wrap.dufarm_tabs ul li a.is-active{
    font-weight: 700;
    border-width: 2px;
  }

  /* (6) 모바일에서 버튼이 너무 길면 살짝 줄이기 */
  @media (max-width: 420px){
    .buy_list_submenu_wrap.dufarm_tabs ul{ gap: 10px; }
    .buy_list_submenu_wrap.dufarm_tabs ul li a{
      height: 40px;
      padding: 0 14px;
      font-size: 14px;
    }
  }
</style>



.buy_list_sort_wrap {width:100%; margin-bottom:40px;}
.buy_content_wrap{ margin-top: 10px; }
.buy_list_sort_wrap:after {content:""; display:block; clear:both;}
.buy_list_total {float:left;}
.buy_sort {float:right;}
.buy_sort ul li {float:left;}

/* ✅ 페이지 넘버링을 항상 하단 중앙에 고정 */
ol.paging{
  clear: both;              /* float 영향 제거(핵심) */
  width: 100%;
  text-align: center;
  margin: 40px auto 0;      /* 위 간격(원하는 만큼 조절) */
  padding: 0;
}

/* li들을 중앙 정렬용(기존 float가 있으면 무력화) */
ol.paging > li{
  float: none !important;   /* 기존에 float가 있으면 제거 */
  display: inline-block;    /* 가로로 나열 */
  margin: 0 4px;
}

/* BASIC css end */