.dorm-img-container {
    display: flex;
    gap: 10px;          /* 이미지 사이의 간격 */
    margin-bottom: 20px; /* 하단 테이블과의 간격 */
    width: 100%;
}

.dorm-img-container .img-item {
    flex: 1;            /* 가로 길이를 동일하게 50%씩 배분 */
}

.dorm-img-container .img-item img {
    width: 100%;        /* 부모 넓이에 맞춤 */
    height: 450px;      /* 이미지 높이를 통일 (필요에 따라 조절) */
    object-fit: cover;  /* 이미지 비율을 유지하며 영역을 꽉 채움 */
    border-radius: 4px; /* 살짝 둥근 모서리 (디자인 선택 사항) */
    display: block;
}

/* 모바일 대응: 화면이 작아지면 세로로 나열하고 싶을 경우 */
@media (max-width: 768px) {
    .dorm-img-container {
        flex-direction: column;
    }
}