/* 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%; max-width:1100px; overflow:visible; margin: 0 auto; }
/* #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 a { display: block; width: 100%; }
#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;}


/* 메인배너 스와이프 버튼 & 페이지네이션 시작 */
/* 🔹 공통 버튼 스타일 (기본) */
#mainSpot .swiper-button-next,
#mainSpot .swiper-button-prev {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(145deg, #fff8e7, #f6e5b8);
  border: 1px solid #e6c97b;
  box-shadow: 0 4px 12px rgba(160, 130, 50, 0.25);
  backdrop-filter: blur(6px);
  color: #a88f45;
  overflow: hidden;
  transition: all 0.4s ease;
  z-index: 10;
}

/* 🔹 내부 반짝이는 빛 효과 */
#mainSpot .swiper-button-next::before,
#mainSpot .swiper-button-prev::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  animation: shimmer 4s infinite ease-in-out;
}

/* ✨ 빛이 스르르 흐르는 애니메이션 */
@keyframes shimmer {
  0% {
    left: -75%;
  }
  50% {
    left: 125%;
  }
  100% {
    left: 125%;
  }
}

/* 🔹 호버 시 더욱 밝아지는 효과 */
#mainSpot .swiper-button-next:hover,
#mainSpot .swiper-button-prev:hover {
  background: linear-gradient(145deg, #fffaf0, #f3d88c);
  transform: scale(1.15);
  box-shadow: 0 6px 16px rgba(150, 120, 30, 0.4);
}

/* 🔹 Swiper 기본 아이콘 색상 */
#mainSpot .swiper-button-next::after,
#mainSpot .swiper-button-prev::after {
  color: #9f8540;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  z-index: 2;
}

/* 위치 조정 (이미지 위 중앙 정렬) */
#mainSpot .swiper-button-next {
  right: -70px;
}
#mainSpot .swiper-button-prev {
  left: -70px;
}

#mainSpot .swiper-pagination {
  bottom: -35px;
}


.swiper-pagination span {
  width: 10px;   /* 아이콘 너비 */
  height: 10px;  /* 아이콘 높이 */
  background: #fefefe;
  border: 1px solid #e6c97b; /* 금색 테두리 */
  opacity: 0.8; /* 조금 더 선명하게 */
  border-radius: 50%;
  transition: all 0.3s ease;
  cursor: pointer;
  display: inline-block;
  box-shadow: 0 0 4px rgba(0,0,0,0.1); /* 살짝 그림자 */
}

/* 선택된 점 */
#mainSpot .swiper-pagination-bullet-active {
  background: #e6c97b; /* 진한 금색 */
  width: 16px;
  height: 16px;
  box-shadow: 0 0 8px rgba(230, 200, 120, 0.6);
  transform: scale(1.2);
}
/*여기까지*/



/* 이미지 배너 */
.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 }

/* 상품 목록 영역 */

/* 미들 비쥬얼 배너 */
#middleSpot { position:relative; width:100%; max-width:1100px; overflow:hidden; margin: 0 auto; }
#mainSpot .swiper-slide a { display: block; width: 100%; }
#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 }


/* 대표 상품 영역 */
.represent-product-list { display: flex; gap: 10px; flex-wrap: wrap; }
.represent-product-list a { flex-basis: 50%; max-width: calc(50% - 5px); }
.represent-product-list a img { width: 100%; }



/* 중간 배너 */
.m_banner div{margin-top: 55px; display : inline-block; background:#f0f0f0;}






/* BASIC css end */