.project-container { max-width: 1200px; margin: auto; padding: 40px 20px; font-family: 'Pretendard', sans-serif; } 
.project-main-visual img { width: 100%; border-radius: 20px; } 
.project-title { font-size: 52px; font-weight: bold; margin-top: 100px; } 
.project-info, .project-detail, .project-result { margin-bottom: 80px; } 
.info-title, .detail-title, .result-title { margin: 80px 0 20px; font-size: 28px; font-weight: bold; } 
.info-title, .detail-title, .result-title { position: relative; padding-left: 19px; } 

.info-title::before,.detail-title::before,.result-title::before { content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 28px; background: #003C7D; } 
.detail-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } 
.detail-item { border-radius: 30px; border: 1px solid #e0e0e0; padding: 30px; } 
.detail-item strong { color: #009FE1; display: block; margin-bottom: 6px; font-size: 24px; } 
.detail-item span { display: block; margin-bottom: 8px; color: #888888; font-size: 24px; } 
.detail-item p { line-height: 1.4; } 
.info-list li, .result-list li { display: flex; align-items: flex-start;  color: #000; } 
.result-list li .li-wrap{
    width: 100%;
    border-bottom:1px solid #ddd;
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 24px;
    padding-left: 12px;
}
.result-list{
    /* 맨 위에 선 */
    border-top: 1px solid #ddd; 
    display: flex;
    flex-direction: column;
}
.result-list li .name{
    width: max-content;
    border-radius: 10000px;
    white-space: nowrap;
    color: #fff;
    padding: 8px 16px;
    background-color: #003C7D;
}
/* .info-list li::before, .result-list li::before { content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 10px; background: #000; border-radius: 50%; flex-shrink: 0; margin-top: 16px; }  */
.result-img { display: flex; gap: 20px; flex-wrap: wrap; } 
.result-img img { width: calc(50% - 10px);} 

/* 반응형 1024px 이하 모바일 */
@media (max-width: 1024px){
 .project-main-visual img { aspect-ratio: 398 / 225; object-fit: cover; } 
 .project-title { font-size: 24px; margin-top: 50px; } 
 .project-info, .project-detail, .project-result { margin-bottom: 40px; } 
 .info-title, .detail-title, .result-title { font-size: 18px; margin: 40px 0 10px; } 
 .detail-list { grid-template-columns: repeat(1, 1fr); } 
 .info-list li, .result-list li { font-size: 16px;  } 
 .detail-item{padding: 24px;}
 .detail-item strong { font-size: 18px; } 
 .detail-item span { font-size: 18px; } 
 .detail-item p { font-size: 16px; } 
 .result-img img { width: 100%; } 
 .info-list li::before, .result-list li::before { margin-top: 10px; } 
 .info-title::before,.detail-title::before,.result-title::before{top: 0;}
 /* 연구성과 표기 모바일 */

.result-list li .li-wrap{
    padding-top: 16px;
    padding-bottom: 16px;
    flex-direction: column;
    align-items: start;
    gap: 12px;
}
 }


/* 모바일 768px 이하 추가 최적화 */
/* @media (max-width: 768px){
 .detail-list { grid-template-columns: 1fr; } 

 .project-title { font-size: 20px; } 

 .info-text,
 .detail-item p { font-size: 14px; } 
 }*/