.history-head{position: relative;padding: 60px 99px 60px 50px;border-radius: 5px;overflow: hidden;}
.history-head img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;z-index: -1;}
.history-head .tit01{margin-bottom: 20px;font-weight: 700;font-size: 20px;line-height: 24px;letter-spacing: -0.02em;text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 3px;color: #fff;}
.history-head .txt01{font-weight: 500;font-size: 22px;line-height: 40px;letter-spacing: -0.02em;color: #fff;}

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

@media(max-width:768px){
	.history-head{padding: 40px 30px;}
	.history-head .tit01{margin-bottom: 30px;text-align: center;}
	.history-head .txt01{font-size: 16px;line-height: 30px;}
	
	.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;}
}
/* =========================================
   설립 목적 (history-head) 배경 및 텍스트 개편
========================================= */
.history-head {
    position: relative;
    background: linear-gradient(rgba(11, 61, 114, 0.75), rgba(4, 20, 50, 0.85)), 
                url('/_res/unist/fund/img/content/history-head.png') no-repeat center center;
    background-size: cover;
    
    /* 💡 기존 이미지 높이와 동일하게 284px 강제 고정 */
    height: 284px; 
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 내용을 세로 기준 정중앙으로 배치 */
    padding: 0 60px; /* 상하 여백은 없애고 좌우 여백만 유지 */
    
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

/* 1. 설립목적 뱃지 디자인 */
.history-head .badge-title {
    display: inline-block;
    align-self: flex-start; /* 💡 플렉스 컨테이너 안에서 가로로 늘어나는 현상 방지 */
    width: fit-content;     /* 💡 텍스트 길이에 딱 맞게 너비 고정 */
    font-size: 16px;
    font-weight: 700;
    color: #00A8D6;
    background-color: rgba(255, 255, 255, 0.15);
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 15px; 
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* 2. 메인 헤드라인 텍스트 */
.history-head .main-copy {
    font-size: 28px; /* 32px -> 28px 로 살짝 축소하여 균형 맞춤 */
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 20px 0; /* 여백 축소 (30px -> 20px) */
    letter-spacing: -0.5px;
    color: #ffffff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

/* 3. 서브 설명 텍스트 */
.history-head .sub-desc {
    font-size: 16px; /* 18px -> 16px 로 축소 */
    font-weight: 400;
    line-height: 1.6;
    color: #e2e8f0;
    letter-spacing: -0.3px;
    margin: 0;
}

.history-head .sub-desc strong {
    color: #ffffff;
    font-weight: 700;
    border-bottom: 1px solid #00A8D6;
}

/* 4. 모바일 화면 대응 */
@media screen and (max-width: 768px) {
    .history-head { 
        height: auto; /* 모바일에서는 텍스트가 잘리지 않도록 높이 자동 설정 */
        padding: 40px 20px; 
    }
    .history-head .main-copy { font-size: 22px; }
    .history-head .sub-desc { font-size: 14px; }
}