/* BASIC css start */
/* #container {background:#fff !important;} */
.titleWrap { position: relative; }
.banner img { width: 100%; }

/* 상품분류 타이틀+중분류 출력 */
.menuCategory_wrap{
  position: relative;
  background: #fff;
  box-sizing: border-box;
  padding: 10px 13px 50px;
}
.menuCategory_wrap h2{
  font-size:14px;
  display:block;
  padding:15px 0 16px 0;
  font-weight:500;
}
.menuCategory_wrap > img{
  position:absolute;
  right:22px;
  top:25px;
  height:4px;
  opacity:.5;
  display:none;
}
.menuCategory_wrap > div{
  position:absolute;
  width:calc(100% - 26px);
  padding-bottom:21px;
  overflow:hidden;
  border-bottom:1px solid #e8e8e8;
}

.menuCategory{ display:block; width:100%; }
.menuCategory select{
  width:49%;
  height:25px;
  margin:0;
  border:1px solid #e6e6e6;
  font-size:12px;
  padding:0 25px 0 5px;
  line-height:25px;
  color:#353535;
  word-break:break-all;
  font-weight:inherit;
  background:#ffffff url(//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_arrow_gray.png) no-repeat 95% center / 10px auto;
  -webkit-border-radius:1px;
  -webkit-appearance:none;
}

/* 추천상품 + 신상품 타이틀 */
.titleList{ position:relative; }
.titleList h2{
  font-size:14px;
  float:left;
  padding:0 0 5px;
  font-weight:400;
  color:#636363;
  letter-spacing:0;
}
.titleList i{ float:right; font-size:18px; color:#aaa; }
.titleList ul{ clear:both; display:block; }
.titleList ul b{ font-weight:400; }
.titleList span{
  display:block;
  padding-top:3px;
  color:#b7b7b7;
  font-size:.9em;
  line-height:16px;
  font-weight:400;
}
.titleList img{ display:block; margin-top:10px; height:4px; opacity:.7; }

/********** bestItem (상품분류 추천) **********/
.bestItem.ec-base-product{
  margin-bottom:10px;
  background:#fff;
}
.bestItem .carousel-cell{
  width:37%;
  margin-right:3px;
  background:#fff;
  counter-increment:carousel-cell;
  padding-bottom:15px;
}
.bestItem .big{ padding:0; margin:0; }
.bestItem .big .description{
  position:relative;
  padding:10px 0 0;
  padding-left:0;
}
.bestItem .big .color{ display:none; }
.bestItem .big .description .price{ position:absolute; right:8px; top:15px; }
.bestItem .big .description .price.sale span{ font-size:12px !important; color:#333; }
.bestItem .big .description .price.percent span{ display:none; }
.bestItem .big .description .name a{
  display:block;
  padding:6px 0 0;
  font-size:13px;
  font-weight:400;
}

.bestItem.ec-base-product .slide{
  overflow:hidden;
  padding:0 0 30px 0;
  margin-left:16px;
}
.bestItem.ec-base-product .slide .description{ padding:0; }
.bestItem.ec-base-product .slide .description .name a{
  font-size:12px;
  color:#585858;
  font-weight:400;
}
.bestItem.ec-base-product .title h4{
  padding:0;
  font-size:14px;
  padding-bottom:0;
  text-align:left;
  padding-left:0;
  color:#696969;
  font-weight:500;
}
.bestItem.ec-base-product .slide .description .price{ margin-bottom:2px; }
.bestItem.ec-base-product .slide .description .price span{
  font-size:12px !important;
  color:#9e9e9e !important;
}
.bestItem.ec-base-product .slide .description .price.percent{ display:none; }
.bestItem.ec-base-product .carousel-cell .color{ position:relative; left:0; top:0; padding-top:3px; }
.bestItem.ec-base-product .carousel-cell .color .chips{ width:6px; height:6px; margin:0 3px 0 0; }
.bestItem.ec-base-product .carousel-cell .color .chips:first-child{ margin-right:3px; }

/* 추천상품을 신규상품 있을때 디자인 다르게 */
.bestItem.ec-base-product.active{ margin-bottom:0; border-bottom:1px solid #fff; }
.bestItem.ec-base-product .titleList{ box-sizing:border-box; padding:25px 18px; }
.bestItem.ec-base-product .big .thumbnail{ margin-bottom:0; }
.bestItem.ec-base-product .description .name{ margin-bottom:3px; }

/* 정렬 */
.product-listnormal.ec-base-product .title:after{ content:""; display:block; clear:both; }
.product-listnormal.ec-base-product .title .arrangeList{ float:left; }
.product-normalmenu{ position:relative; float:right; width:50%; display:none; }
.product-normalmenu .sort{
  position:absolute; right:5px; top:5px; width:60%; z-index:99;
}
.product-normalmenu .sort select{
  width:100%;
  background:#ffffff;
  padding:0 11px;
  font-size:.9em;
  border:1px solid #eee;
}
.product-listnormal .summary{ font-size:.8em; line-height:14px; color:#aaa; padding-bottom:11px; }

/********** 그리드 변경 **********/
.product-listnormal.ec-base-product{
  padding:0 0 0;
  margin-top:37px;
  background:#fff;
}
.product-listnormal.ec-base-product .title .arrangeList a{ width:16px; margin:0 3px 0 0; }

/* grid1 */
.product-listnormal.ec-base-product .grid1{ padding:0 10px; }
.product-listnormal.ec-base-product .grid1 > li{ border-bottom:0; }
.product-listnormal.ec-base-product .grid1 .description{ padding-left:0; }
.product-listnormal.ec-base-product .grid1 .description .name{ font-size:14px; }

/* grid2 */
.product-listnormal.ec-base-product .grid2{ padding:0 10px; width:calc(100% + 4px); }
.product-listnormal.ec-base-product .grid2 > li{
  width:calc(50% - 4px);
  margin-right:4px;
  background:#fff;
  border-bottom:1px solid #fff;
  padding-bottom:6px;
  margin-bottom:13px;
}
.product-listnormal.ec-base-product .grid2 .description{ padding-left:0; }
.product-listnormal.ec-base-product .grid2 .description .name a{ font-size:12px; }
.product-listnormal.ec-base-product .title{
  position:relative;
  box-sizing:border-box;
  padding:28px 10px 28px 18px;
}

/* grid3 */
.product-listnormal.ec-base-product .grid3{ padding:0 10px; width:calc(100% + 6px); }
.product-listnormal.ec-base-product .grid3 .description .name{ display:block; padding:5px 0 0; }
.product-listnormal.ec-base-product .grid3 > li{
  width:calc(33.33% - 6px);
  margin-right:6px;
  margin-bottom:7px;
  background:#fff;
  border-bottom:1px solid #fff;
}
.product-listnormal.ec-base-product .grid3 .description{ padding-left:0; }
.product-listnormal.ec-base-product .grid3 .summary{ display:none; }

/* 분류페이지 더보기/빈 상태 */
.paginate{ clear:both; margin:20px 0 !important; }
.none-data{ display:block; padding:60px 0; text-align:center; }
.none-data i{ color:#999; font-size:25px; display:block; padding-bottom:12px; }
.none-data p{ font-size:12px; color:#666; }

/* 카테고리 섹션 타이틀: 메인과 동일 + '더보기' 한 줄 정렬 */
.ec-base-product.typeThumb .titleList{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:12px 16px 8px !important;
  box-sizing:border-box !important;
}
.ec-base-product.typeThumb .titleList h2,
.ec-base-product.typeThumb .titleList h4{
  margin:0 !important;
  padding:0 !important;
  font-size:16px !important;
  font-weight:700 !important;
  color:#111 !important;
  letter-spacing:-0.2px !important;
  line-height:1.3 !important;
  float:none !important;
}
.ec-base-product.typeThumb .titleList .section-more{
  display:inline-block !important;
  margin-left:auto !important;
  font-size:13px !important;
  color:#8a8f98 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
.ec-base-product.typeThumb .titleList .section-more::after{
  content:' :' !important;
  margin-left:4px !important;
}

/* ===== 메인/분류 제목 스타일 완전 통일 (우선순위 강화) ===== */
.ec-base-product .title h4,
.ec-base-product .titleList h2,
.ec-base-product .titleList h4{
  margin:0 !important;
  padding:0 !important;
  font-size:16px !important;
  font-weight:700 !important;
  color:#111 !important;
  letter-spacing:-0.2px !important;
  line-height:1.3 !important;
  float:none !important;
}
/* 제목이 링크여도 동일하게 보이도록 */
.ec-base-product .title h4 a,
.ec-base-product .titleList h2 a,
.ec-base-product .titleList h4 a{
  display:inline;
  color:inherit !important;
  text-decoration:none !important;
  font:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
}

/* 제목과 상품 간격 벌리기 */
.ec-base-product .titleList {
  margin-bottom: 10px;  /* 필요에 따라 10~20px 사이로 조절 */
}


/* BASIC css end */