/* BASIC css start */
.sec_title {margin:0 0 15px;}
.sec_title .sec_sub_title {display:flex; align-items:center; }
.sec_title .sec_sub_title h2 {vertical-align: text-top;font-size:1.1rem; font-weight:800; flex:1;color:var(--000) }
.sec_title .sec_sub_title span img {vertical-align:middle;margin-right:5px;}
.sec_title .sec_sub_title a {font-size:0.75rem;text-align:right; font-weight:500; color:#333;}
.sec_title .sec_sub_title .fa {margin:0 5px;}
.sec_title p {display:block;font-size:0.85rem;color:#999;margin-top:10px;font-weight:500;}
.sec_content {margin:0 5%;}
.dis_percent {color:var(--main-color);}
.prd_list .thumb img {width:100%;border-radius:4px;}
.prd_list .shoppingInfo .cart_button a {color:var(--000);font-size: 0.85rem;padding:2px 0 0;box-sizing: border-box;margin:10px 0;display:inline-block;text-align:center;width:100%;border:1px solid #E5E5E5;border-radius:4px; }
.prd_list .shoppingInfo .cart_button a img {vertical-align:middle;transform: scale(0.7);padding-bottom:2px;}
.prd_list .list3x li {vertical-align:top;width:calc(33.33% - 10px);display:inline-block;margin-right:10px;margin-bottom:40px;}
.prd_list .list3x li:nth-child(3n) {margin-right:0px;}
.prd_list .thumb {position:relative;}
.prd_list .thumb .ranking {position:absolute;left:0;top:0;display:block;width:25px;height:25px;line-height:25px;background-color:var(--main-color);color:var(--fff);text-align:center;z-index:11;gap: 0px;border-radius: 2px 0px 2px 0px;}
.prd_list .list1x li {display:inline-block;margin-bottom:40px;vertical-align:top;}
.reveiw_count {font-size: 0.75rem;font-weight:700;}
.reveiw_count .review_numer {color:#999;font-weight:500;}
.reveiw_count .review_star {margin:0 3px;}
.reveiw_count img {vertical-align:top;transform:scale(0.9); }

/* 롤링배너 */
#m_mainbn.mySwiper img {width:100%;}
#m_mainbn.mySwiper .swiper-pagination-fraction { color: #fff;bottom:15px;right:10px;width:10%;background-color:rgba(0,0,0,0.5);left:85%;padding:3px;border-radius: 30px; }


/* sec2 */
#sec2 {padding: 0 0 10px; margin:20px 0 40px;border-bottom:1px solid #f4f4f4;}
#sec2 ul {font-size: 0;}
#sec2 ul li {display: inline-block; text-align:center; vertical-align: top; width: 16%; margin: 0 5% 3% 0;}
#sec2 ul li:nth-child(5n) {margin-right:0;}
#sec2 ul li a img {width: 100%;}
#sec2 ul li a p {margin-top:10px; font-size:0.75rem;font-weight:600;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* sec3 */
#sec3 {margin:0px 0 90px;}
#sec3 .sec_content {margin-right:0; }
#sec3 .sec_title {margin-right:5%; }

/* sec4 */
#sec4 {margin:0px 0 90px;}
#sec4 .sec_content {margin-right:0; }
#sec4 .sec_title {margin-right:5%; }

/* sec5 */
#sec5 {margin:0px 0 90px;}
#sec5 img {width:100%;}

/* sec6 */
#sec6 {margin:0px 0 90px;}

/* sec7 */
#sec7 {margin:0px 0 90px;}
#sec7 .sec_content {margin-right:0; }
#sec7 .sec_title {margin-right:5%; }

/* sec8 */
#sec8 {margin:0px 0 90px;}
#sec8 img {width:100%;}

/* sec9 */
#sec9 {margin:0px 0 90px;}
#sec9 .thumb img {width:100%;border-radius: 2px;}


/* sec10 */
#sec10 {margin:0px 0 90px;}
#sec10 .sec_content {margin-right:0; }
#sec10 .sec_title {margin-right:5%; }





/* ===== 수정 첨부 ======== */

/* ============================================
   [모바일 간격 트림 · 2단계 축소 버전]
   원본은 그대로, 모바일에서만 조금 더 간격 축소
   필요 없으면 이 블록만 삭제/주석처리 → 즉시 원복
============================================ */
@media (max-width:768px){

  /* 섹션 타이틀 하단 여백: 12px → 10px */
  .sec_title{margin:0 0 10px !important;} /* 원본: 15px */

  /* 보조문구 상단 여백: 6px → 4px */
  .sec_title p{margin-top:4px !important;} /* 원본: 10px */

  /* 상품 카드 하단 여백: 24px → 20px */
  .prd_list .list3x li,
  .prd_list .list1x li{margin-bottom:20px !important;} /* 원본: 40px */

  /* 장바구니 버튼 상하 여백: 6px → 4px */
  .prd_list .shoppingInfo .cart_button a{
    margin:4px 0 !important; /* 원본: 10px 0 */
  }

  /* 섹션별 하단 간격: 48px → 36px */
  #sec3,#sec4,#sec5,#sec6,#sec7,#sec8,#sec9,#sec10{
    margin:0 0 36px !important; /* 원본: 90px */
  }

  /* 카테고리 섹션(sec2) 간격 추가 축소 */
  #sec2{
    margin:10px 0 24px !important; /* 원본: 20px 0 40px */
    padding:0 0 4px !important;    /* 원본: 0 0 10px */
  }
  #sec2 ul li a p{margin-top:4px !important;} /* 원본: 10px */

  /* 메인 배너 페이지네이션: 10px → 8px */
  #m_mainbn.mySwiper .swiper-pagination-fraction{
    bottom:8px !important; /* 원본: 15px */
  }
}
/* ===== [끝: 모바일 간격 트림 · 2단계 축소 버전] ===== */










/* BASIC css end */