.heading-wrap{background: url(/_res/unist/fund/img/content/img-heading-info.png)no-repeat center center;}
.box-head{display: flex;padding: 60px 50px;border-radius: 5px;border: 1px solid #E5E5E5;gap: 50px;justify-content: space-between;position: relative;}
.box-head:before{content: "";position: absolute;width: 1px;height: calc(100% - 130px);top: 50%;left: 50%;transform: translate(-50%, -50%);background: #EEEEEE;}
.box-head > div{display: flex;gap: 36px;align-items: center;flex: 1;position: relative;}
.box-head > div .img{max-width: 258px;width: 100%;}
.box-head > div .txt{flex: 1;}
.box-head > div .txt .tit{font-weight: 700;font-size: 24px;line-height: 100%;letter-spacing: -0.2px;vertical-align: middle;color: #222222;margin: 0 0 24px;}
.box-head > div .txt > ul > li{padding: 0 0 20px;}
.box-head > div .txt > ul > li:last-child{padding: 0;}
.box-head > div .txt > ul > li > p{font-weight: 600;font-size: 15px;line-height: 100%;letter-spacing: -0.2px;vertical-align: middle;color: #0B3D72;background: #F0F9FD;padding: 6px 24px;display: inline-block;border-radius: 99px;margin: 0 0 12px;}
.box-head > div .txt > ul > li > ul > li{font-weight: 600;font-size: 16px;line-height: 100%;letter-spacing: -0.2px;vertical-align: middle;color: #333333;position: relative;padding: 0 0 10px 9px;}
.box-head > div .txt > ul > li > ul > li:last-child{padding-bottom: 0;}
.box-head > div .txt > ul > li > ul > li:before{content: "";position: absolute;width: 3px;height: 3px;top: 5px;left: 0;background: #0B3D72;border-radius: 99px;}
.box-head > div.right .txt > ul > li > p{background: #FBF7F0;color: #C8973E;}
.box-head > div.right .txt > ul > li > ul > li:before{background: #C8973E;}
@media(max-width:1400px){
	.box-head{padding: 30px 20px;}
	.box-head > div{gap: 20px;width: 100%;}
}
@media(max-width:1024px){
	.box-head{flex-direction: column;}
	.box-head:before{display: none;}
	.box-head > div .txt{flex: unset;}
	.box-head > div{justify-content: center;}
}
@media(max-width:768px){
	.box-head > div{flex-direction: column;align-items: flex-start;}
	.box-head > div .img{max-width: unset;text-align: center;}
	.box-head > div .img img{width: auto;}
	.box-head > div .txt{width: 100%;}
	.box-head > div .txt .tit{font-size: 20px;margin: 0 0 15px;}
}
.organization-box .item{background: #F5F5F5;border-radius: 10px;padding: 40px;display: flex;gap: 20px;align-items: center;margin: 0 0 10px;}
.organization-box .item:last-child{margin-bottom: 0;}
.organization-box .item .tit{max-width: 240px;width: 100%;}
.organization-box .item .tit > p{font-weight: 700;font-size: 20px;line-height: 110.00000000000001%;letter-spacing: 0;vertical-align: middle;color: #111111;}
.organization-box .item .link{flex: 1;}
.organization-box .item .link > ul{display: flex;align-items: center;gap: 20px;flex-wrap: wrap;}
.organization-box .item .link > ul > li{flex: 0 0 calc(100% / 4 - 27px);padding: 0 0 0 12px;position: relative;}
.organization-box .item .link > ul > li:before{content: "";position: absolute;width: 4px;height: 4px;background: #00A8D6;border-radius: 100%;top: 11px;left: 0;}
.organization-box .item .link > ul > li > a{font-weight: 600;font-size: 16px;line-height: 110.00000000000001%;letter-spacing: -0.2px;vertical-align: middle;color: #555555;transition: all .3s;}
.organization-box .item .link > ul > li > a:hover{color: #00A8D6;text-decoration: underline;text-underline-offset: 3px;}
.cards-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
.card{background-color: #F0F9FD;border-radius: 5px;padding: 40px;display: flex;align-items: center;gap: 24px;}
.icon-circle{width: 120px;height: 120px;border-radius: 50%;background-color: #fff;display: flex;align-items: center;justify-content: center;}
.card-content{flex: 1;}
.card-title{font-weight: 700;font-size: 22px;line-height: 100%;letter-spacing: -0.2px;vertical-align: middle;color: #222222;margin: 0 0 16px;}
.card-desc{font-weight: 600;font-size: 18px;line-height: 130%;letter-spacing: -0.2px;vertical-align: middle;color: #333333;}
.banner-wrap:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;}
.banner-wrap.bg01:before{background: url(/_res/unist/fund/img/content/img-banner01.png)no-repeat center center;}
.banner-wrap.bg02:before{background: url(/_res/unist/fund/img/content/img-banner02.png)no-repeat center center;}
.banner-wrap.bg03:before{background: url(/_res/unist/fund/img/content/img-banner03.png)no-repeat center center;}
.banner-wrap.bg04:before{background: url(/_res/unist/fund/img/content/img-banner04.png)no-repeat center center;}
@media screen and (max-width: 1024px){
	.organization-box .item{padding: 20px;}
	.organization-box .item .link > ul > li{flex: 0 0 calc(100% / 3 - 27px);}
	.organization-box .item .tit{max-width: 180px;}
	.cards-grid{grid-template-columns: repeat(1, 1fr);}
}
@media screen and (max-width: 768px){
	.organization-box .item{flex-direction: column;justify-content: flex-start;}
	.organization-box .item .tit{max-width: unset;}
	.organization-box .item .link{width: 100%;}
	.organization-box .item .link > ul{gap: 10px;}
	.organization-box .item .link > ul > li > a{font-size: 14px;}
	.organization-box .item .link > ul > li{flex: 0 0 calc(100% / 2 - 5px);}
	.card{padding: 20px;}
	.card-title{font-size: 18px;}
	.card-desc{font-size: 14px;}
	.icon-circle{width: 100px;height: 100px;}
}

}/* =========================================
   배너(banner-wrap) 텍스트 가독성 개선 코드
========================================= */
.banner-wrap {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

/* 1. 기존 배경 이미지(::before)를 맨 밑바닥으로 내림 */
.banner-wrap::before {
    z-index: -2 !important; 
}

/* 2. 새로운 오버레이(::after)를 생성하여 배경 위에 반투명 막 씌우기 */
.banner-wrap::after {
    content: "" !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45) !important; /* 배경을 어둡게 누름 (45% 투명도) */
    z-index: -1 !important; /* 배경(-2)보단 위, 글자(2)보단 아래 */
    pointer-events: none;
}

/* 3. 텍스트 그룹을 오버레이 위로 확실히 띄움 */
.banner-wrap .banner-txt {
    position: relative;
    z-index: 2 !important;
}

/* 4. 흰색 글자 고정 및 강력한 그림자 추가 */
.banner-wrap .banner-txt .tit,
.banner-wrap .banner-txt .txt {
    color: #ffffff !important;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.9) !important;
}

.banner-wrap .banner-txt .btn-banner {
    position: relative;
    z-index: 2 !important;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5) !important;
}