/* BASIC css start */
/* prd-class-hd */
#productClass .prd-class-hd { zoom: 1; overflow: hidden; padding:5px 0 5px 0;margin-bottom:10px; }
#productClass .prd-class-hd .loc-navi { float: right; color: #999;   }
#productClass .prd-class-hd .loc-navi a { color: #999; }
#productClass .bcate {background:url('http://chsbd.img7.kr/WEB/ETC/SQ.gif') no-repeat center left;  padding-top:10px;padding-bottom:10px; padding-left:20px; font-size:15px; font-weight: bold; line-height: 16px; color:#111; }

/* class-list */
#productClass .class-list { zoom: 1;}
#productClass .class-list ul { padding: 0 10px; }
#productClass .class-list li,
#productClass .class-list li a { float: left; width: auto; white-space: nowrap; line-height:40px; color: #777;font-size:12px;font-weight:bold;}
#productClass .class-list li a:hover { color: #111;}
#productClass .class-list li { width:20%; }
#productClass .class-list li .num { color: #777;}
#productClass .class-list li a.sel { color:#000;}

/* 분류 베스트 리스트 */
.best-item {border: 3px solid #458c46;}
.best-item .title {padding: 40px 0 40px 10px;}
.best-item .prd-list {width:98%;margin:0 auto;}
.best-item .prd-list .thumb {width:190px;} /* 고객님 상품사이즈에 맞게 가로세로 픽셀 조절 */
.best-item .prd-list table .info {width:190px;} /* 고객님 상품사이즈에 맞게 가로세로 픽셀 조절 */

/* total-sort */
#productClass .total-sort {height:35px;padding:0 10px;border-bottom:1px solid #dedede;}
#productClass .total-sort .total { font-size:11px;font-weight:normal;color:#333;line-height:37px;}
#productClass .total-sort .total dd {color:#888;}
#productClass .total-sort .sort {margin:0;}
#productClass .total-sort .total img { line-height:11px;vertical-align:middle;}
#productClass .total-sort li {color:#999;line-height:37px;}
#productClass .total-sort li a { font-size:11px;color:#888;line-height:37px;}
#productClass .total-sort li a:hover {color:#222;}

.test a {color: #ff0000;}
.prd-list .price1 {margin-top:3px; font-weight:bold; color:#c50000; font-size:12px; }

//아코디언
/* 초기 hidden */
  #productClass .class-list dd {
    display: none;
  }

  /* 아코디언 헤더 */
  #productClass .accordion-header {
    cursor: pointer;
    padding: 12px 16px;
    background: #458C46;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.3px;
    user-select: none;
    transition: background 0.2s;
  }

  #productClass .accordion-header:hover {
    background: #458C46;
  }

  #productClass .accordion-header.is-open {
    background: #458C46;
  }

  /* 화살표 */
  #productClass .acc-arrow {
    font-size: 11px;
    color: rgba(255,255,255,0.8);
    display: inline-block;
    transition: transform 0.3s;
  }

  /* 드롭다운 패널 */
  #productClass .class-list dd {
    border: 1.5px solid #2e7d32;
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden;
  }

  #productClass .class-list dd ul.cboth {
    list-style: none;
    margin: 0;
    padding: 4px 0;
  }

  #productClass .class-list dd ul.cboth li {
    border-bottom: 1px solid #f0f0f0;
  }


  #productClass .class-list dd ul.cboth li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    font-size: 12px;
    color: #333;
    text-decoration: none;
    transition: background 0.15s, color 0.15s, padding-left 0.15s;
  }

  #productClass .class-list dd ul.cboth li a::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ccc;
    flex-shrink: 0;
    transition: background 0.15s;
  }

  #productClass .class-list dd ul.cboth li a:hover,
  #productClass .class-list dd ul.cboth li a.sel {
    background: #f1f8f1;
    color: #2e7d32;
    padding-left: 20px;
    font-weight: 700;
  }

  #productClass .class-list dd ul.cboth li a:hover::before,
  #productClass .class-list dd ul.cboth li a.sel::before {
    background: #2e7d32;
  }
/* BASIC css end */