/* 프로젝트 상세 페이지 레이아웃 */
.project-detail {
    display: flex;
    gap: 40px;
    margin-top: 40px;
}

/* 좌측 이미지 영역 */
.project-images {
    flex: 1;
    min-width: 0; /* flexbox에서 이미지가 넘치지 않게 */
}

.project-images img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

/* 우측 설명 영역 */
.project-info {
    width: 350px; /* 고정 너비 */
    flex-shrink: 0; /* 크기 줄어들지 않게 */
    padding: 0 20px 20px 20px;
}

.project-info h2 {
    margin-top: 0;
    color: #666;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: normal;
}


.project-info p {
    color: #666;
    line-height: 1.9;
    margin-bottom: 12px;
    font-size: 13px;
}

.project-info ul {
    color: #666;
    line-height: 1.6;
}


/* 모바일 반응형 */
@media (max-width: 768px) {
    .project-detail {
        flex-direction: column; /* 세로로 변경 */
    }
    
    .project-info {
        width: 100%; /* 전체 너비 */
        order: -1; /* 상단으로 이동 */
    }
}