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

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

#LIST_PAGE{
    padding-top:115px;
}

.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:1570px;
    padding:25px 0;
    margin: 0 auto;
}

.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;
}







/*상품리스트 가로 4개씩*/
.goodsListWrap.grid_04 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* li 간격 */
}

.goodsListWrap.grid_04 ul li {
    flex: 0 0 calc((100% - 90px) / 4); 
    /* gap이 30px씩 3번 들어가므로 90px 빼줌 */
    margin-right: 0; /* gap이 대신 처리 */
    margin-bottom: 100px;
}


/* BASIC css end */