/* 테이블 스타일 */
.table {
    width: 100%;
    border-collapse: separate; /* 테두리 둥글게 적용을 위해 separate 사용 */
    border-spacing: 0;
    border: 1px solid #ddd; /* 테두리 색상 */
    border-radius: 10px; /* 테두리 둥글게 */
    overflow: hidden; /* 둥근 모서리에서 내부 요소가 넘치지 않도록 */
}

/* 테이블 헤더와 셀 스타일 */
.table th, .table td {
    border: 1px solid #ddd; /* 각 셀에 테두리 추가 */
}

/* 첫 번째 행 왼쪽 상단 모서리 둥글게 */
.table tr:first-child th:first-child {
    border-top-left-radius: 10px;
}

/* 첫 번째 행 오른쪽 상단 모서리 둥글게 */
.table tr:first-child td:last-child {
    border-top-right-radius: 10px;
}

/* 마지막 행 왼쪽 하단 모서리 둥글게 */
.table tr:last-child th:first-child {
    border-bottom-left-radius: 10px;
}

/* 마지막 행 오른쪽 하단 모서리 둥글게 */
.table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

/* 라벨(첫 번째 열) - 가운데 정렬 */
.table th {
    text-align: center;
    vertical-align: middle;
    width: 15%; /* 원하는 너비 조정 가능 */
    background-color: #f8f9fa; /* 라벨 배경색 */
}

/* 데이터(두 번째 열) - 왼쪽 정렬 */
.table td {
    text-align: left;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {

    .table th {
        width: 25%;
    }

}