/* BASIC css start */
body header {
    border-bottom: none;
}

body header.fixed {
    border-bottom: 1px solid #e9e9e9;
}

#LIST_PAGE {
    padding-top: 10px;
}

.categoryList {
    width: 276px;
}

.sort_box {
    padding-bottom: 40px;
}

.sort_box p {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.sort_box .goodsSort select {
    border: none;
    height: 20px;
    font-size: 14px;
}

.listWrap {
    width: 1415px;
    padding: 25px 0;
}

.categoryList dl dt {
    padding: 25px 0;
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    border-bottom: 1px solid #e9e9e9;
}

.categoryList dl dd .depth_1 > li > a {
    display: block;
    padding: 15px 0;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    border-bottom: 1px solid #e9e9e9;
}

.categoryList dl dd .depth_1 > li > a.on {
    border-bottom: 3px solid #000;
}

.categoryList dl dd .depth_2 {
    display: none;
    padding: 29px 21.5px;
    background: #f8f8f8;
}

.categoryList dl dd .depth_2 li a {
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #b1b1b1;
}

.categoryList dl dd .depth_2 li a.on {
    color: #000;
}

.categoryList dl dd .depth_2 li:last-child a {
    margin-bottom: 0;
}

.galleryConsultWrap {
    width: 70%; /* 상품 리스트 영역의 80% 크기 */
    max-width: 1000px; /* 최대 1000px 제한 */
    margin: 0 auto 30px; /* 가운데 정렬 & 아래 여백 */
    display: flex;
    justify-content: center; /* 중앙 정렬 */
    gap: 40px; /* 버튼 사이 여백 */
}

.galleryButton,
.consultButton {
    background-color:#f5eedf;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 20px;
    margin-bottom: 20px;
    width: calc(50% - 10px);
    text-align: center;
    padding: 30px 0;
    color: #454545;
    text-decoration: none;
    border-radius: 20px;
    font-size: 24px;
    font-weight: 600;
    transition: all 0.3s ease;
}



/* 마우스 오버 시 배경 어둡게 & 글자색 변경 */
.galleryButton:hover,
.consultButton:hover {
      background-color: #b0735a;
    color: #fff !important;
}
/* BASIC css end */