/* BASIC css start */
#main {width:1100px;margin:0 auto;}

/*타이틀*/
.sec_title {margin:0 0 25px;}
.sec_title .sec_sub_title {display:flex; align-items:center; }
.sec_title .sec_sub_title h2 {vertical-align: text-top;font-size:28px; font-weight:700; 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:15px;text-align:right; font-weight:500; color:#333;letter-spacing: -0.02em;}
.sec_title .sec_sub_title .fa {margin:0 5px;font-size: 18px;}
.sec_title p {display:block;font-size:16px;color:#999;margin-top:10px;font-weight:500;}

/*상품리스트*/
.product-wrap { margin:0 auto; position:relative; width:1100px }
.dis_percent {color:var(--main-color);font-weight:}
.prd_list .thumb img {width:100%;border-radius:4px;}
.prd_list .shoppingInfo .cart_button {margin:10px 0;}
.prd_list .shoppingInfo .cart_button a {color:var(--000);font-size: 0.85rem;padding:5px 0 0;box-sizing: border-box;display:inline-block;text-align:center;width:100%;border:1px solid #E5E5E5;border-radius:4px;transition: all 0.2s ; }
.prd_list .shoppingInfo .cart_button .btnOrange.btnBorder {  box-shadow: 0px 0px 0px 0px var(--main-color);}
.prd_list .shoppingInfo .cart_button .btnOrange.btnBorder:hover { border:1px solid var(--main-color); box-shadow: 0px 0px 0px 1px var(--main-color);}
.prd_list .shoppingInfo .cart_button a img {vertical-align:middle;transform: scale(0.7);padding-bottom:5px;}
.reveiw_count {margin-top:10px;font-size: 14px;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;}
.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 .list5x li {width:calc(20% - 20px);display:inline-block;margin-right:20px;margin-bottom:40px;vertical-align:top;}
.prd_list .list5x li:nth-child(5n) {margin-right:0px;}
.prd_list .thumb {position:relative;}
.prd_list .thumb .ranking {font-size:16px;position:absolute;left:0;top:0;display:block;width:30px;height:30px;line-height:30px;background-color:var(--main-color);color:var(--fff);text-align:center;z-index:11;gap: 0px;border-radius: 4px 0px 4px 0px;}
.prd_list .list1x li {vertical-align:top;display:inline-block;margin-bottom:40px;}
.prd_list .shoppingInfo .listName a {font-size:16px;color:#222;overflow-wrap: break-word;white-space: normal;}
.prd_list .shoppingInfo .listDiscount del {display:inline-block;font-size:14px;color:#999;margin-top:10px;}
.prd_list .shoppingInfo .listPrice {font-size:16px;color:#222;font-weight:800;}
.prd_list .swiper-slide {padding:1px;box-sizing: border-box;}

/* swipe */
.secinner {margin:120px auto;position:relative;}
.sec_content .swiper-button-next {text-indent: -9999px;background-image:url('//skin.makeshop.co.kr/skin/eating/pc/image/swipe_next.png');background-repeat:no-repeat;width:50px;height:50px;right:-25px;background-color:#fff;border-radius:40px; box-shadow: 0 3px 6px rgba(0,0,0,0.10);background-position: 50% center;top:45%;}
.sec_content .swiper-button-prev {text-indent: -9999px;background-image:url('//skin.makeshop.co.kr/skin/eating/pc/image/swipe_prev.png');background-repeat:no-repeat;width:50px;height:50px;left:-25px;background-color:#fff;border-radius:40px; box-shadow: 0 3px 6px rgba(0,0,0,0.10);background-position: 50% center;top:45%;}
.sec_content .swiper-button-lock {display:block;}

/* 메인 비쥬얼 배너 */
#mainSpot { position:relative; width:100%; min-width:1100px; overflow:hidden }
#mainSpot .swiper-slide {margin:0 auto;text-align:center;background:url(//skin.makeshop.co.kr/skin/eating/pc/image/main_banner.png);} 
#mainSpot .swiper-slide img {width:100%;}
#mainSpot .bx-pager .bx-pager-item { display:inline-block;  margin:0 7px }
*:first-child+html #mainSpot .bx-pager .bx-pager-item { display:inline } /* IE7 Hack */
#mainSpot .bx-pager .bx-pager-item a { display:block; width:11px; height:11px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/sp_spot_pager.png) 0 0 no-repeat }
#mainSpot .bx-pager .bx-pager-item a.active { background-position:0 -11px }

#sec2 {width:1100px;margin:40px auto;}
#sec2 .sec_content ul {display:flex;align-items: center;justify-content: space-between;}
#sec2 .sec_content ul li {text-align:center;}
#sec2 .sec_content ul li p {font-size:14px;font-weight:400;margin-top:10px;}

/* 이미지 배너 */
.imgBanner { margin:30px auto 0; position:relative; width:1100px; overflow:hidden }
.imgBanner ul { *zoom:1 }
.imgBanner ul:after { display:block; clear:both; content:'' }
.imgBanner ul li { padding-right:10px; float:left }

/* 상품 목록 영역 */




/* ======================== */

/* === Desktop 전용: 섹션 사이 '정확히 20px' 확정 + 내부 여백 제거 (최종) === */
@media (min-width:1100px){

  /* 1) 섹션 기본 리셋: 마진 겹침/잔여 패딩 제거 */
  #main > .secinner{
    margin:0 !important;          /* 상하 0 */
    padding:0 !important;         /* 상하 0 */
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* 2) 섹션 간 간격 = 다음 섹션의 padding-top:20px (모든 조합 동일하게 보임) */
  #main > .secinner + .secinner{
    padding-top:20px !important;  /* ★ 섹션 사이 간격 고정 */
  }

  /* 3) 배너 섹션 자체 여백 제거 (배너가 섹션일 때도 동일하게 20px 규칙 적용됨) */
  #main > #sec5,
  #main > #sec8{
    margin:0 !important;
    padding:0 !important;
  }
  #main > #sec5 img,
  #main > #sec8 img{
    display:block;
    line-height:0;
  }

  /* 4) 타이틀 → 상품목록 간격만 12px 유지 (요청값) */
  .sec_title{ margin-bottom:12px !important; }

  /* 5) 상품 리스트 내부가 바깥 간격을 벌리는 문제(40px) 제거 */
  /* li 하단 40px 제거 */
  #sec3 .prd_list .list5x li,
  #sec4 .prd_list .list5x li,
  #sec6 .prd_list .list5x li,
  #sec7 .prd_list .list5x li,
  #sec9 .prd_list .list5x li,
  #sec3 .prd_list .list3x li,
  #sec4 .prd_list .list3x li,
  #sec6 .prd_list .list3x li,
  #sec7 .prd_list .list3x li,
  #sec9 .prd_list .list3x li,
  #sec3 .prd_list .list1x li,
  #sec4 .prd_list .list1x li,
  #sec6 .prd_list .list1x li,
  #sec7 .prd_list .list1x li,
  #sec9 .prd_list .list1x li{
    margin-bottom:0 !important;
  }
  /* 래퍼/UL/스와이퍼 바닥 여백 제거 */
  #sec3 .prd_list, #sec4 .prd_list, #sec6 .prd_list, #sec7 .prd_list, #sec9 .prd_list, #sec10 .prd_list{
    margin-bottom:0 !important; padding-bottom:0 !important;
  }
  #sec3 .prd_list ul, #sec4 .prd_list ul, #sec6 .prd_list ul, #sec7 .prd_list ul, #sec9 .prd_list ul{
    margin-bottom:0 !important; padding-bottom:0 !important;
  }
  #sec3 .prd_list .swiper, #sec4 .prd_list .swiper, #sec6 .prd_list .swiper, #sec7 .prd_list .swiper, #sec9 .prd_list .swiper, #sec10 .prd_list .swiper{
    margin-bottom:0 !important; padding-bottom:0 !important;
  }

  /* (보강) 스와이퍼 슬라이드 자체 바닥 패딩 제거 */
  #main .prd_list .swiper-slide{ padding-bottom:0 !important; }
}

/* BASIC css end */