.honors-wrap .honor-box {background: url(/_res/unist/fund/img/content/bg-vision.png)no-repeat center center;background-size: cover;}
.list-honor.vision .item {background: #EEFAFD;}
.list-honor.vision .item .num {color: #00A8D6;}

/* 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;
}
/* 우측 워터마크 글자(Pioneer Club) 은은하게 돋보이게 수정 */
.honors-wrap .name {
    /* 1. 투명도를 기존보다 살짝 높여줍니다. (0.3 ~ 0.5 사이에서 취향껏 조절해 보세요) */
    opacity: 0.2 !important; 
    
    /* 2. 밝은 구름 위에서도 경계선이 살짝 보이도록 아주 옅은 검은색 그림자를 줍니다. */
    text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.25) !important; 
    
    /* 3. 글자가 다른 배경 요소에 묻히지 않도록 순서를 위로 올립니다. */
    z-index: 2;
}