.info-wrap{margin-bottom: 30px;background: url(/_res/unist/fund/img/content/bg-association.jpg)no-repeat center;background-size: cover;border-radius: 5px;padding: 70px;}
.info-wrap .top{padding: 0 0 50px;}
.info-wrap .top .txt01{font-weight: 600;font-size: 16px;line-height: 100%;letter-spacing: -.2px;text-decoration: underline;text-decoration-style: solid;text-underline-offset: 10%;text-decoration-thickness: 0;text-decoration-skip-ink: auto;color: #c8973e;margin: 0 0 16px;}
.info-wrap .top .txt02{font-weight: 700;font-size: 40px;line-height: 100%;letter-spacing: -.2px;vertical-align: middle;color: #fff;margin: 0 0 24px;}
.info-wrap .top .txt03{font-weight: 700;font-size: 20px;line-height: 36px;letter-spacing: -.2px;vertical-align: middle;color: #fff;margin: 0 0 30px;}
.info-wrap .top .btn-inf{padding: 16px 30px;font-weight: 700;font-size: 16px;line-height: 100%;letter-spacing: -.2px;text-align: right;color: #fff;position: relative;border-radius: 99px;box-shadow: 0 5px 24px #00000026;backdrop-filter: blur(6px);display: inline-flex;align-items: center;gap: 10px;background: #ffffff1a;}
.info-wrap .top .btn-inf:after{content: '';display: inline-block;background: url(/_res/unist/fund/img/content/ico-info-button.png)no-repeat center center;background-size: cover;width: 10px;height: 10px;}
.info-wrap .top .btn-inf:before{content: '';position: absolute;inset: 0;border-radius: inherit;padding: 1px;background: linear-gradient(135deg, rgba(255,255,255,.56), rgba(255,255,255,.1), rgba(255,255,255,.1), rgba(255,255,255,.54));-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}

.info-wrap .bot > ul{display: grid;grid-template-columns: repeat(5, 1fr);}
.info-wrap .bot > ul > li:not(:first-child){margin-left: -18px;}
.info-wrap .bot > ul > li .item-unist{width: 246px;aspect-ratio: 1/1;border-radius: 999px;box-shadow: 0 5px 24px #00000026;backdrop-filter: blur(6px);background: #ffffff1a;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.info-wrap .bot > ul > li .item-unist:before{content: "";position: absolute;inset: 0;border-radius: inherit;padding: 1px;background: linear-gradient(135deg, rgba(255,255,255,.56), rgba(255,255,255,.1), rgba(255,255,255,.1), rgba(255,255,255,.54));-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.info-wrap .bot > ul > li .item-unist .txt01{font-weight: 700;font-size: 16px;line-height: 19px;text-align: center;letter-spacing: -0.02em;color: #FFFFFF;}
.info-wrap .bot > ul > li .item-unist .txt02{font-weight: 700;font-size: 50px;line-height: 60px;text-align: center;letter-spacing: -0.02em;color: #FFFFFF;}

@media (max-width: 1500px) {
	.info-wrap .bot > ul > li .item-unist {width: calc(246/1500*100vw);}
	.info-wrap {padding: 40px;}
}
@media (max-width: 1200px) {
	.info-wrap .bot > ul > li .item-unist {width: calc(246/1200*100vw);}
}
@media (max-width: 1024px) {
	.info-wrap {padding: 25px;}
	.info-wrap .bot > ul {grid-template-columns: repeat(4, 1fr);}
	.info-wrap .bot > ul > li .item-unist {width: calc(246/1024*100vw);}
}
@media (max-width: 768px) {
	.info-wrap{padding: 40px 25px}
	.info-wrap .top .txt02{margin: 0 0 10px;font-size: 30px;line-height: 140%;}
	.info-wrap .top .txt03{font-size:18px;line-height: 30px;}
	.info-wrap .top .btn-inf{width: 100%;justify-content: center;}
	
	.info-wrap .bot > ul {grid-template-columns: repeat(2, 1fr);gap: 15px 0;}
	.info-wrap .bot > ul > li:not(:first-child){margin-left: 0;}
	.info-wrap .bot > ul > li .item-unist {width: calc(280/768*100vw);margin: 0 auto;}
	.info-wrap .bot > ul > li .item-unist .txt02{font-size: 40px;}
}
@media (max-width: 500px) {
	.info-wrap .bot > ul {grid-template-columns: repeat(1, 1fr);}
	.info-wrap .bot > ul > li .item-unist {width: calc(280/500*100vw);}
}
@media (max-width: 374px) {
	.info-wrap .bot > ul > li .item-unist {width: 100%;}
}

.iu-list01{display: flex;flex-direction: column;gap: 6px;}
.iu-list01 li{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 20px;padding: 40px 31px;background: #F9FAFB;border-radius: 5px;}
.iu-list01 li .tit01{display: flex;align-items: center;gap: 10px;width: 174px;font-weight: 700;font-size: 16px;line-height: 19px;letter-spacing: -0.02em;color: #222222;}
.iu-list01 li .tit01 img{max-height: 26px;}
.iu-list01 li .txt01{flex: 1;font-weight: 500;font-size: 16px;line-height: 19px;letter-spacing: -0.02em;color: #333333;}

.history-list > ul{border-top: 2px solid #000E2D;}
.history-list > ul > li{display: flex;gap: 30px;padding: 40px 0;border-bottom: 1px solid #E5E5E5}
.history-list > ul > li:first-child{padding-top: 30px;}
.history-list > ul > li .year{width: 100px;font-weight: 800;font-size: 24px;line-height: 29px;letter-spacing: -0.02em;color: #0B3D72;}
.history-list > ul > li .event{flex: 1;}
.history-list > ul > li .event ul li{display: flex;gap: 20px;font-weight: 700;font-size: 18px;line-height: 21px;letter-spacing: -0.02em;color: #333333;}
.history-list > ul > li .event ul li+li{margin-top: 24px;}
.history-list > ul > li .event ul li .date{width: 60px;}
.history-list > ul > li .event ul li .cont{flex: 1;}

.aa-step ul{display: flex;gap: 47px;max-width: 902px;}
.aa-step ul li{flex: 1;position: relative;padding: 24px 20px;border: 1px solid #E5E5E5;border-radius: 5px;}
.aa-step ul li+li:before{content: '';position: absolute;top: 50%;left: -28px;width: 10px;height: 15px;background: url(../img/content/donation-icon-step.png) no-repeat center;transform: translatey(-50%);}
.aa-step ul li .num{margin-bottom:10px;font-weight: 600;font-size: 14px;line-height: 110%;letter-spacing: 0.02em;text-underline-offset: 21.5%;color: #00A8D6;text-transform: uppercase;}
.aa-step ul li .txt01{margin-bottom:21px;font-weight: 700;font-size: 16px;line-height: 100%;letter-spacing: -0.02em;color:#222;}
.aa-step ul li .txt02{font-weight: 500;font-size: 14px;line-height: 22px;letter-spacing: -0.02em;color:#666;}
.aa-step ul li img{position: absolute; top: 24px; right: 20px;max-height: 34px;}
.aa-step ul li .step-btn{display: flex;justify-content: center;align-items: center;gap: 8px;margin-top: 21px;padding: 11px 0;border: 1px solid #00A8D6;border-radius: 99px;font-weight: 700;font-size: 14px;line-height: 100%;letter-spacing: -0.02em;color: #00A8D6;transition: all 0.25s ease 0s;}
.aa-step ul li .step-btn:after{content: '';width: 6px;height: 10px;background: url(../img/content/business-arr01.png) no-repeat center;}
.aa-step ul li .step-btn:hover{background-color: #00A8D6;color: #fff;}
.aa-step ul li .step-btn:hover:after{filter: brightness(0) invert(1);}

@media(max-width:1024px){
	.aa-step ul li .txt02 br{display: none;}
}
@media(max-width:768px){
	.iu-list01 li{padding: 25px 20px;}
	.iu-list01 li .tit01{width: 134px;}
	
	.history-list > ul > li{gap: 20px;padding: 30px 0;}
	.history-list > ul > li .year{width: 60px;font-size: 20px;line-height: 24px;}
	.history-list > ul > li .event ul li{font-size: 16px;line-height: 19px;}
	.history-list > ul > li .event ul li{gap: 10px;}
	.history-list > ul > li .event ul li .date{width: 50px;}
	
	.aa-step ul{flex-direction: column;gap: 27px;}
	.aa-step ul li+li:before{top: -17px;left: 50%;transform: rotate(90deg) translatex(-50%) translatey(0);}
}

/* 1. 배경 이미지 어둡게 누르기 (오버레이) */
.info-wrap {
    position: relative;
    z-index: 1;
    overflow: hidden; /* 오버레이가 박스 밖으로 삐져나가지 않도록 */
}

/* 전체 배경에 반투명한 검은색 막을 씌워 이미지를 차분하게 만듭니다 */
.info-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45); /* 투명도 45%의 검은색 */
    z-index: -1; /* 내용물(텍스트, 동그라미)보다 뒤에 위치 */
}

/* 2. 상단 텍스트 영역 강조 (그림자 추가) */
.info-wrap .top .txt02,
.info-wrap .top .txt03 {
    text-shadow: 2px 4px 10px rgba(0, 0, 0, 0.8) !important;
}

/* 3. 하단 동그라미 요소(Glassmorphism) 시인성 강화 */
.info-wrap .bot > ul > li .item-unist {
    /* 기존 블러 효과에 어두운 배경색을 조금 더 추가하여 글자가 잘 보이도록 수정 */
    background: rgba(0, 0, 0, 0.3) !important; /* 반투명 검정 30% 추가 */
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.4) !important; /* 그림자 강화 */
}

/* 동그라미 내부 텍스트에도 그림자 추가 */
.info-wrap .bot > ul > li .item-unist .txt01,
.info-wrap .bot > ul > li .item-unist .txt02 {
    text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.7) !important;
}