/* 모든 스타일은 css 충돌방지를 위해 .subtop을 기준으로 작성 하시면 됩니다. 예) .subtop .box {} */
  .subtop{}

/* ===== 2026-07-11 제품페이지 정렬 보정 ===== */

/* A. 타이틀 / B. 브레드크럼 을 1440 컨텐츠 라인(product1)에 맞춰 왼쪽 정렬
   (기존 .inner ≈1200폭 → 1440으로 확장, 좌우 24px 패딩은 product1과 동일) */
.subtop .inner.clearfix,
.subtop #sub-lnb-wrapper.sub_lnb_list > .inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}

/* C. 브레드크럼 드롭다운이 뒤따라오는 product1 블럭에 가려지는 문제
   → 브레드크럼 래퍼를 상위 stacking 으로 올림 (product1 탭 z-index:40 보다 위) */
.subtop #sub-lnb-wrapper.sub_lnb_list {
    position: relative;
    z-index: 50;
}
.subtop #sub-lnb-wrapper .sub_lnb_dropdown ul.sub_menu_list {
    z-index: 60;
}