/* BASIC css start */
#contentWrap {width:1400px;}

.cateTitleImg {width:100%; text-align:center; margin-bottom:50px}
.cateTitleImg img {width:100%}

.product_category_wrap {padding:0 10px; text-align:left; margin:50px 0 }
.product_category_wrap .cate1 {padding:30px 0 10px}
.product_category_wrap .cate1 >a {font-size:14px; font-weight:600; line-height: 1; padding: 30px 0 10px; letter-spacing: -1px;}

.product_category_wrap .cate2 {margin-bottom:20px}
.product_category_wrap .cate2 li a {font-size:16px !important; font-weight:600; line-height: 1; padding: 30px 0 10px; letter-spacing: -1px;}


.product_category_wrap .cate3 {display:inline-flex}
.product_category_wrap .cate3 >a {font-size:14px; font-weight:500; line-height: 1; padding: 30px 0 10px; letter-spacing: -1px;}

.product_list_outer {border:none;}
.product_category_wrap .cate_child_wrap {padding-bottom: 20px; text-align:center}
.product_category_wrap .cate_child_wrap ul li a {font-size:16px; font-weight:300; color:#202020; border-radius: 6px;display:inline-block; padding:8px 9px;}
.product_category_wrap .cate_child_wrap ul li a.sel {color:#000; background:#fff; border:0; font-weight:500}

.product_category_wrap h2{font-weight:600; font-size:24px}

/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

/* total-sort */
#productClass .total-sort { padding-top: 30px; }


/* 하위분류 */
.cate_top { width: calc( 100% - 120px ); min-width: 1400px; margin: 0 auto; padding-top: 50px; }
.cate_top_2name { font-size: 16px; font-weight: 500; }
.cate_top_2name > span {}
.cate_top_2name > span:nth-child(2):before { content: '>'; display: inline-block; padding: 0px 10px; }
.cate_top_list {}
.cate_top_list > ul { position: relative; width: 100%; border-top: 1px solid #eeeeee; font-size: 0px; margin-top: 20px; }
.cate_top_list > ul > li { display: inline-block; padding: 20px 0px; vertical-align: top; }
.cate_top_list > ul > li a { font-size: 14px; }
.cate_top_list > ul > li:after { content: ''; display: inline-block;  border-radius: 4px; margin: 0px 20px; vertical-align: middle; }
.cate_top_list > ul > li:last-child:after { display: none; }
.cate_top_list > ul > li.sel a { font-weight: 700; }


.item-info {margin:20px 0}


.delivery-check-container {
    background: #ffffff;
    padding: 25px;
    border: 1px solid #e1e1e1;
    border-radius: 15px;
    margin: 20px auto;
    max-width: 1000px;
    font-family: 'Pretendard', sans-serif;
}

/* 폰트 16px 최적화 */
.delivery-check-container, #zipcode-input, .search-box button, .area-table td, .result-message {
    font-size: 16px !important;
}

.delivery-flex-wrapper {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

/* 좌측 검색창 영역 */
.delivery-search-side { 
    flex: 0.8; 
    background: #f8fbf9; /* 연한 녹색 배경으로 강조 */
    padding: 25px; 
    border-radius: 12px;
    border: 1px solid #d4ede3;
}

/* 우측 정보 영역 */
.delivery-info-side { flex: 1.2; }

/* 모바일 대응 (768px 이하) */
@media (max-width: 768px) {
    .delivery-flex-wrapper { flex-direction: column; }
    .delivery-info-side, .delivery-search-side { width: 100%; flex: none; }
    .delivery-search-side { margin-bottom: 20px; }
}

.delivery-header h3 { font-size: 20px; margin-bottom: 8px; font-weight: 800; color: #004730; }
.delivery-header p { font-size: 14px; color: #666; margin-bottom: 20px; line-height: 1.4; }

.search-box { display: flex; gap: 8px; }
#zipcode-input {
    flex: 1;
    padding: 12px;
    border: 2px solid #ddd;
    border-radius: 6px;
    outline: none;
    background: #fff;
}
#zipcode-input:focus { border-color: #004730; }

.search-box button {
    padding: 0 25px;
    background: #004730;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
}

.result-message { 
    margin-top: 15px; 
    padding: 15px; 
    border-radius: 8px; 
    display: none; 
    font-weight: bold; 
    text-align: center;
}

.area-details summary { font-weight: 600; padding: 5px 0 15px; cursor: pointer; color: #333; font-size: 17px; }
.area-table table { width: 100%; border-collapse: collapse; background: #fff; }
.area-table th, .area-table td { border: 1px solid #eee; padding: 12px; text-align: center; }
.area-table th { background: #f9f9f9; font-size: 13px; color: #888; }



  .notice-wrap {
      max-width: 1000px;
      margin: 0 auto;
    }

    /* 상단 그린 배너 */
    .top-banner {
      background: #4caf50;
      color: #fff;
      border-radius: 10px;
      padding: 16px 22px;
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 36px;
    }
    .top-banner .badge {
      background: #fff;
      color: #4caf50;
      font-weight: 800;
      font-size: 13px;
      padding: 6px 12px;
      border-radius: 20px;
      white-space: nowrap;
      display: flex;
      align-items: center;
      gap: 5px;
    }
    .top-banner .text strong {
      display: block;
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 4px;
    }
    .top-banner .text span {
      font-size: 13px;
      opacity: 0.92;
    }

    /* 섹션 블록 */
    .section {
      margin-bottom: 36px;
    }
    .section-title {
      font-size: 16px;
      font-weight: 800;
      color: #111;
      padding-bottom: 10px;
      border-bottom: 2px solid #222;
      margin-bottom: 0;
    }

    /* 테이블 */
    table {
      width: 100%;
      border-collapse: collapse;
    }
    table tr {
      border-bottom: 1px solid #ebebeb;
    }
    table tr:last-child {
      border-bottom: none;
    }
    table td {
      padding: 15px 8px;
      vertical-align: top;
      line-height: 1.75;
    }
    table td.key {
      color: #888;
      width: 130px;
      min-width: 100px;
      white-space: nowrap;
      font-size: 13.5px;
    }
    table td.val {
      color: #222;
      font-size: 13.5px;
    }
    table td.val strong {
      color: #111;
      font-weight: 700;
    }
    table td.val .green {
      color: #4caf50;
      font-weight: 700;
    }
    table td.val .red {
      color: #d32f2f;
      font-weight: 700;
    }
    table td.val .highlight {
      background: #f1f8e9;
      color: #2e7d32;
      font-weight: 700;
      padding: 1px 6px;
      border-radius: 4px;
    }

    /* 경고 행 */
    .warn-row td {
      background: #fff8e1;
      border-left: 3px solid #ffc107;
      padding: 14px 14px 14px 16px;
      border-bottom: none;
      font-size: 13px;
      color: #6d4c00;
      line-height: 1.8;
    }
    .warn-row td strong { color: #c62828; }

    /* 안내 박스 */
    .info-box {
      background: #f8f8f8;
      border-radius: 6px;
      padding: 13px 18px;
      font-size: 13px;
      color: #666;
      text-align: center;
      margin-top: 12px;
    }

    /* 섹션 구분선 */
    .divider {
      border: none;
      border-top: 1px solid #e0e0e0;
      margin: 28px 0;
    }

/* BASIC css end */