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

/*메인비주얼*/
#newBannerList_131{margin:0 auto;}


/*타이틀*/
.sec_title {margin:0 0 40px;}
.sec_title .sec_sub_title {display:flex; align-items:center; text-align:center; }
.sec_title .sec_sub_title h2 {font-family: 'Paperlogy', sans-serif; vertical-align: text-top;font-size:35px; font-weight:700; flex:1;color:#0a162f }
.sec_title .sec_sub_title span img {vertical-align:middle;margin-right:5px;}
.sec_title .sec_sub_title a {display:flex; align-items:center; font-size:14px;text-align:right; font-weight:400; color:#666;letter-spacing: -0.02em; border:1px solid #ccc; border-radius:5px; padding:7px 10px; }
.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:1400px }
.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-ico{position:absolute; top:10px; right:11px; width:50px; }
.prd-ico img{width:100%;}
.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:1400px; 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 2px }
*:first-child+html #mainSpot .bx-pager .bx-pager-item { display:inline } /* IE7 Hack */
#mainSpot .bx-pager{bottom:20px;}
#mainSpot .bx-pager .bx-pager-item a { display:block; width:10px; height:10px; text-indent:-9999em; /*background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/sp_spot_pager.png) 0 0 no-repeat*/ background:rgba(10,22,47,0.2); }
#mainSpot .bx-pager .bx-pager-item a.active { /*background-position:0 -11px*/ background:#0a162f; width:20px; }

#sec2 .sec_content ul {
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:3px solid #c4e1e7;   /* 기존 두께(3px) 유지, 색상만 변경 */
  border-radius:40px;         /* 끝을 부드럽게 둥글게 */
  box-sizing:border-box;
}

#sec2 .sec_content ul li {
  position:relative;
  text-align:center;
  width:25%;
}

#sec2 .sec_content ul li:after {
  content:'';
  position:absolute;
  top:50%;
  right:0;
  width:2px;
  height:20px;
  background:#d1d5db;       /* 구분선 색상만 통일 */
  transform:translateY(-50%);
}

#sec2 .sec_content ul li:last-child:after {
  display:none;
}

#sec2 .sec_content ul li p {
  font-size:18px;
  font-weight:900;
  line-height:58px;           /* 기존 높이 유지 */
  color:#0a162f;
}

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

/* 상품 목록 영역 */

#sec3.secinner{margin:80px auto;}
#sec3 .today_prd{display:flex; justify-content:space-between;}
#sec3 .pick_prd{display:flex; justify-content:space-between; margin-top:20px;}
#sec3 .left_bnr{width:264px;}
#sec3 .left_bnr img{width:100%;}
#sec3 .prd_box{width:1116px;}
#sec3 .prd_box ul{display:flex; gap:20px;}
#sec3 .prd_box li{width:25%;}
#sec3 .prd_box li .thumb{position:relative; display:flex; align-items:center; height:264px; border: solid 1px #e6e6e6; box-sizing:border-box;}
#sec3 .prd_box li .thumb img{width:100%; }
#sec3 .prd_box li .shoppingInfo{margin-top:20px;}
#sec3 .prd_box li .shoppingInfo .listName{padding-bottom:20px; border-bottom:1px solid #e6e6e6; margin-bottom:14px;}
#sec3 .prd_box li .shoppingInfo .listName a{display:block; height:40px; font-size:16px; font-weight:600; color:#000;  line-height:1.25; letter-spacing: -0.4px; }
#sec3 .prd_box li .shoppingInfo .listPrice{display:flex; align-items:center; justify-content:space-between;}
#sec3 .prd_box li .shoppingInfo .listPrice .price_tit{font-size:14px; font-weight:700; letter-spacing: -0.35px; color: #0a162f; }
#sec3 .prd_box li .shoppingInfo .listPrice .price_box{font-family: 'Paperlogy', sans-serif; font-size:16px; font-weight:900; color: #0a162f;}
#sec3 .prd_box li .shoppingInfo .listPrice .price_box b{font-family: 'Pretendard', sans-serif; font-size: 14px; font-weight:700; padding-left:2px;}

#sec5{display:flex; margin:0; }



#sec4{margin:80px auto 120px;}
#sec4 .recmd_prd ul{display:flex; gap:20px; flex-wrap:wrap;}
#sec4 .recmd_prd li{width: calc((100% - 4 * 20px) / 5);}
#sec4 .recmd_prd li .thumb{position:relative; display:flex; align-items:center; height:264px; border: solid 1px #e6e6e6; box-sizing:border-box;}
#sec4 .recmd_prd li .thumb img{width:100%; }
#sec4 .recmd_prd li .shoppingInfo{margin-top:20px;}
#sec4 .recmd_prd li .shoppingInfo .listName{padding-bottom:20px; border-bottom:1px solid #e6e6e6; margin-bottom:14px;}
#sec4 .recmd_prd li .shoppingInfo .listName a{display:block; height:40px;font-size:16px; font-weight:600; color:#000;  line-height:1.25; letter-spacing: -0.4px; }
#sec4 .recmd_prd li .shoppingInfo .listPrice{display:flex; align-items:center; justify-content:space-between;}
#sec4 .recmd_prd li .shoppingInfo .listPrice .price_tit{font-size:14px; font-weight:700; letter-spacing: -0.35px; color: #0a162f; }
#sec4 .recmd_prd li .shoppingInfo .listPrice .price_box{font-family: 'Paperlogy', sans-serif; font-size:16px; font-weight:900; color: #0a162f;}
#sec4 .recmd_prd li .shoppingInfo .listPrice .price_box b{font-family: 'Pretendard', sans-serif; font-size: 14px; font-weight:700; padding-left:2px;}


/* --- 메인 배너 페이저 커스텀 --- */
#mainSpot .bx-pager .bx-pager-item a {
    width:12px;
    height:12px;
    border-radius:50%;
    text-indent:-9999em;
    background:rgba(255, 255, 255, 0.3);   /* 비활성 연한 화이트 */
    transition:all 0.3s ease;
}

/* 활성(현재) 슬라이드: 길쭉한 바 형태 */
#mainSpot .bx-pager .bx-pager-item a.active {
    width:28px;        /* 길쭉하게 */
    height:12px;       /* 높이는 동일 */
    border-radius:10px; /* pill 형태 */
    background:#ffffff;  /* 완전 하얀색 */
}


/* BEST 상품 제목을 오른쪽으로 조금 이동 */
#sec4 .sec_sub_title h2 {
    margin-left:70px;   /* 50~80px 사이에서 눈으로 보고 조절해도 됨 */
}


/* BASIC css end */