.honors-wrap .honor-box {background: url(/_res/unist/fund/img/content/bg-chanllege.png)no-repeat center center;background-size: cover;}
.list-honor.challenge .item {background: #E6F3F6;}
.list-honor.challenge .item .num {color: #0080A3;}

/* 1. 배경 이미지가 있는 영역을 기준으로 설정 */
.honors-wrap .honor-box {
    position: relative;
    /* 모서리가 둥글게 처리되어 있다면 오버레이가 삐져나오지 않도록 숨김 */
    overflow: hidden; 
}

/* 2. 텍스트가 있는 왼쪽에서 오른쪽으로 옅어지는 그라데이션 막 추가 */
.honors-wrap .honor-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 70%; /* 배경 이미지 왼쪽 70% 영역을 덮음 */
    height: 100%;
    /* 왼쪽은 70% 검정, 중간은 40%, 오른쪽 끝은 완전 투명 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
    z-index: 1; /* 배경 이미지(0)보다는 위 */
    pointer-events: none;
}

/* 3. 내부 텍스트 요소(.txt01, .txt02, .txt03, ul)가 오버레이 위로 올라오도록 띄움 */
.honors-wrap .honor-box > p,
.honors-wrap .honor-box > ul {
    position: relative;
    z-index: 2; /* 오버레이(1)보다는 위 */
}

/* 4. '# 누적 기부금액' 태그 배경을 살짝 어둡게 (선택사항) */
.honors-wrap .honor-box .txt01 {
    background-color: rgba(0, 0, 0, 0.3) !important;
    border-color: transparent !important;
}