/* 웹폰트 적용 */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
<meta charset="UTF-8">

body {
    font-family: 'Open+Sans', sans-serif;
}

<!DOCTYPE html>
<html lang="ko">
<head>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    <style>
        /* 웹 폰트 설정 */
        body {
            font-family: 'Roboto', sans-serif; /* 기본 폰트로 Roboto 사용 */
        }

        /* 표 전체 스타일 */
        table {
            width: 80%; /* 표의 너비를 브라우저 창의 80%로 설정 */
            margin: 0 auto; /* 상하 마진은 0, 좌우 마진은 자동으로 설정하여 중앙 정렬 */
            border-collapse: collapse; /* 테두리 겹침 제거 */
            border: 1px solid #ccc; /* 전체 테이블 테두리 설정 */
        }

        /* 테이블 헤더 스타일 */
        thead th {
            background-color: orange; /* 배경색 */
            color: white; /* 글씨색 */
            text-align: center; /* 텍스트 중앙 정렬 */
            padding: 10px; /* 패딩 */
            border: 1px solid #ccc; /* 헤더 셀 테두리 */
        }

        /* 테이블 데이터 셀 스타일 */
        td {
            padding: 8px; /* 패딩 */
            border: 1px solid #ddd; /* 데이터 셀 경계선 설정 */
            text-align: left; /* 데이터 텍스트 좌측 정렬 */
        }
        /* 첫 번째 열만 중앙 정렬 */
        td:first-child {
            text-align: center; /* 첫 번째 열은 중앙 정렬 */
        }

        /* 나머지 열은 좌측 정렬 */
        td:not(:first-child) {
            text-align: left;
        }
        #unique-text {
            text-align: right;
            max-width: 80%; /* 표의 너비에 맞춤 */
            margin: auto; /* 수평 중앙 정렬을 위해 */
        }
        .title-text {
            font-size: 20px; /* 폰트 크기 설정 */
            text-align: center; /* 텍스트 중앙 정렬 */
            font-weight: bold; /* 폰트 굵기 설정 */
        }
    </style>
</head>