/* BASIC css start */
/* prd-class-hd */
#productClass .prd-class-hd {
    zoom: 1;
    overflow: hidden;
    padding: 5px 0 5px 0;
}

#productClass .prd-class-hd .loc-navi {
    float: right;
    color: #999;
}

#productClass .prd-class-hd .loc-navi a {
    color: #999;
}


/* 대분류 제목 */
#productClass .bcate {
    padding-top: 10px;
    padding-bottom: 10px;

    font-size: 15px;
    font-weight: bold;
    line-height: 16px;

    color: #515151;
}


/* BEST 상품 */
.best-item {
    border: 3px solid #cbcbcb;
    padding: 20px 0;
    margin-top: 20px;
}

.best-item .icon_best {
    position: relative;
}

.best-item .icon_best img {
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 10;
}


/* =========================================================
   상품 소분류
   ARTWALL / FLOOR / TILE 공통
   ========================================================= */

#productClass .class-list {
    zoom: 1;
    border: 1px solid #dedede;
}


/* ul을 한 줄 테이블 구조로 변경
   항목이 5개면 5등분
   항목이 6개면 6등분 */
#productClass .class-list ul {
    display: table;
    table-layout: fixed;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* 기존 clearfix가 하나의 칸으로 잡히지 않도록 제거 */
#productClass .class-list ul:after {
    display: none !important;
    content: none !important;
}


/* 각 소분류 항목 */
#productClass .class-list li {
    float: none;

    display: table-cell;

    width: auto;

    margin: 0;
    padding: 0 2px;

    box-sizing: border-box;

    color: #8a847e;

    font-family: "Malgun Gothic", "맑은 고딕", Arial, sans-serif;

    font-size: 16px;
    line-height: 40px;

    font-weight: 500;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;
}


/* Natural / Modern / Vintage / 유광 / 무광 / wood */
#productClass .class-list li a {
    float: none;

    display: inline-block;

    width: auto;

    margin: 0 4px 0 0;
    padding: 0;

    color: #55504b;

    font-family: "Malgun Gothic", "맑은 고딕", Arial, sans-serif;

    font-size: 16px;
    line-height: 40px;

    font-weight: 700;

    letter-spacing: -0.3px;

    text-decoration: none;

    white-space: nowrap;

    vertical-align: middle;
}


/* 첫 번째 상품분류 구조의 괄호 숫자 */
#productClass .class-list li .num {
    color: #8a847e;

    font-family: "Malgun Gothic", "맑은 고딕", Arial, sans-serif;

    font-size: 16px;
    line-height: 40px;

    font-weight: 500;

    letter-spacing: -0.3px;

    vertical-align: middle;

    white-space: nowrap;
}


/* 선택 / 마우스오버 */
#productClass .class-list li a:hover {
    color: #111;
}

#productClass .class-list li a.sel {
    color: #111;
    font-weight: 700;
}


/* =========================================================
   상품 정보 / 정렬
   기존 정상값 유지
   ========================================================= */

#productClass .total-sort {
    margin-top: 40px;
    padding-top: 11px;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

#productClass .total-sort .total {
    font-size: 12px;
    font-weight: normal;
}

#productClass .total-sort .total dd {
    color: #333;
}

#productClass .total-sort .sort {
    margin: 0;
}

#productClass .total-sort .total img {
    line-height: 12px;
    vertical-align: middle;
}

#productClass .total-sort li a {
    font-size: 11px;
}
/* BASIC css end */