/* BASIC css start */
/* =====================================================================
   상품 목록 페이지 (#productClass) 공통 스타일
   ===================================================================== */

/* 1. 레이아웃 기본 */
#contentWrap { width: 1240px; }

/* 2. 브레드크럼 (.loc-navi)
   dd 자체와 그 안의 a 태그가 색상/크기 값이 완전히 같아서 하나로 병합. */
.loc-navi { margin: 20px 0; text-align: right; }
.loc-navi dd, .loc-navi dd a { color: #6b7684; font-size: 12px; }

/* 3. 상품 목록 공통 여백 */
#productClass .item-wrap .item-info { margin: 30px 0 10px; padding: 0; }

/* =====================================================================
   4. 우측 영역(.right_wrap) 기본 + 카테고리 타이틀 이미지
   ⚠ .shopbrand_title img : 현재 HTML 구조에서 .shopbrand_title 은
      .right_wrap 안이 아니라 #productClass 바로 아래(.page-body 와
      형제 레벨)에 있어서, 이 셀렉터가 지금 페이지에서는 매칭되지
      않는 것으로 보임. 다른 화면에서 쓰는 공통 스타일일 수 있어
      값은 그대로 두고 표시만 함 → 확인 필요.
   ===================================================================== */
.right_wrap { width: 100%; }
.right_wrap .shopbrand_title img { width: 100%; border-radius: 10px; }

/* =====================================================================
   5. 아이템 카드 공통 (.item-wrap / .item-cont)
   ⚠ margin-bottom:80-px 는 유효하지 않은 단위(80px 오타로 추정)라
      브라우저가 이 선언을 무시하고 있음. 고치면 실제로 하단 여백이
      새로 생기는 동작 변화라 값은 그대로 두고 표시만 함 → 확인 필요.
   ===================================================================== */
.item-wrap .item-cont:last-child { margin-bottom: 80-px; }

/* =====================================================================
   6. 좌측 카테고리 필터 (.cate-wrap)
   ⚠ 원래 ul { *zoom:1 } + ul:after{} 로 옛 IE 클리어픽스 시도가
      있었으나, *zoom 은 IE7 이하 전용 핵이라 지금 쓰는 브라우저에서는
      전부 무시되고, :after 는 내용이 비어 있어 애초에 아무 효과가
      없었음. 게다가 li 가 float 가 아니라 inline-block 이라 클리어픽스
      자체가 필요 없는 구조 → 두 규칙 모두 삭제해도 화면에 변화 없음.
   ===================================================================== */
#productClass .cate-wrap { width: 100%; overflow: hidden; text-align: center; }
#productClass .cate-wrap .bcate { padding: 80px 0 30px; font-size: 30px; text-align: center; font-weight: bold; }
#productClass .cate-wrap .class-list { border-top: 1px solid #e5e8eb; border-bottom: 1px solid #e5e8eb; padding: 10px 0; }
#productClass .cate-wrap .class-list ul li { display: inline-block; margin: 0 30px; }
#productClass .cate-wrap .class-list ul li a { display: block; color: #6b7684; font-size: 16px; padding: 9px 0; }

/* =====================================================================
   7. 베스트상품 강조 박스 (.best-item)
   ⚠ 현재 HTML에는 class="best-item" 요소가 없음(실제 클래스는
      item-wrap, best-item 은 닫는 태그 주석으로만 남아있음) → 이
      페이지에서는 안 걸리는 것으로 보임. 다른 화면용일 수 있어 값은
      유지 → 확인 필요.
   ===================================================================== */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

/* =====================================================================
   8. 정렬/합계 영역 (.total-sort / .item-total / .item-order)
   ⚠ .total-sort, .item-order 모두 현재 HTML의 실제 클래스(sort,
      sort-select)와 이름이 달라 지금은 안 걸리는 것으로 보임 →
      확인 필요.
   ⚠ .item-total span 의 font-eight:500' 는 존재하지 않는 속성명
      (font-weight 오타로 추정) + 짝이 안 맞는 따옴표까지 있어서
      지금도 무시되고 있음. 동작이 바뀌는 수정이라 값은 그대로 둠.
   ===================================================================== */
#productClass .total-sort { padding-top: 30px; }
.item-wrap .item-info .item-total { font-size: 13px; color: #777; line-height: 30px; }
.item-wrap .item-info .item-total span { color: #1c1c1c; font-eight: 500'}
.item-wrap .item-info .item-order li { padding: 0 7px; border-right: 0; }
.item-wrap .item-info .item-order li a span { color: #9e9e9e; font-size: 13px; }

/* =====================================================================
   9. 베스트/추천 상품 카드 레이아웃 (.beremd)
   item-list:nth-of-type(5n) : 베스트/추천상품은 최대 5개까지만
   출력되므로(loop_best_product(5)/loop_recmd_product(5)) 사실상
   "5번째(=마지막) 카드"만 골라 오른쪽 여백을 0으로 만드는 용도.
   ===================================================================== */
#content .right_wrap .item-wrap .beremd { border-bottom: 1px solid #f0f0f0; }
#content .right_wrap .item-wrap .beremd .item-list { width: 176px; }
#content .right_wrap .item-wrap .beremd .item-list:nth-of-type(5n) { padding-right: 0; }
#content .right_wrap .item-wrap .beremd .prd-info { padding-bottom: 30px; }

/* =====================================================================
   10. 상품 목록 섹션 타이틀 (.cateTit)
   ===================================================================== */
.cateTit { padding: 45px 0 18px; text-align: left; }
.cateTit h2 { color: #1c1c1c; font-size: 17px; }
/* BASIC css end */