.contents{
    margin-left: 0;
    padding-bottom: 6vh;
}

.wrap-area {
    margin-top: 2vh;
}

.data-info-table {
    width: 100%;
}

table {
    border: none;
    border-spacing: 0px;
    text-align: center;
}

th {
    border: none;
    padding: 0.65vw;
    text-align: center;
    height: 7vh;
    font-size: 0.7rem;
    background-color: #f2f2f2;
    border: 1px solid #cccccc;
}

tr {
    text-align: center;
}

td {
    text-align: center;
    border: none;
    height: 5.5vh;
    font-size: 0.55rem;
    border: 1px solid #cccccc;
}

/* tbody의 첫 번째 tr의 첫 번째 th */
tbody tr:first-child th:first-child {
    width: 20%;
}

/* tbody의 첫 번째 tr의 두 번째 th */
tbody tr:first-child th:nth-child(2) {
    width: 15%;
}

tbody tr:first-child th:last-child {
    width: 10%;
}

/*hjkim: 마지막 th(url) 크기 조절*/
.data-info-table td:last-child {
    max-width: 200px;
    width: 200px;
    word-break: break-all;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* 데이터 제공 링크 스타일 */
.data-info-table .data-link {
    color: #1c78d3;
    text-decoration: underline;
    cursor: pointer;
}


.subinfo-pagination-container {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 300px;
}


.subinfo-pagination > .pagination {
    display: flex;
    justify-content: center;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 20px;
}


.subinfo-pagination > .pagination > li {
    display: inline-block;
    margin: 8px 17px;
}


.subinfo-pagination > .pagination > .active > a,
.subinfo-pagination > .pagination > .active > span {
    color: #0a58ca;
    background-color: transparent;
    font-weight: normal;
}

.subinfo-pagination > .pagination > .disabled > a,
.subinfo-pagination > .pagination > .disabled > span {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #ddd;
}


.subinfo-pagination > .pagination > .ellipse > span {
    border: none;
    background-color: transparent;
    cursor: default;
}
/* 페이지네이션 스타일 끝 */

.sub-info-area {
    padding-top: 20px; /* 위쪽 안쪽 여백 */
    padding-left: 10px; /* 왼쪽 안쪽 여백 */
    font-size: 14px;
    color: #666;
}

/* 자주 묻는 질문 */
.menu-area{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
}

.menu-button {
    background-color: #F2F2F2;
    color: #ADADAD;
    border: none;
    border-radius: 25px;
    width: 15%;
    height: 3em;
    cursor: pointer;
    margin-bottom: 2em;
    flex: 1;
    text-align: center;
    font-size: 0.55rem;
    line-height: 1.2;
}

.btn-active {
    background-color: #2C3B7E;
    color: #FFFFFF;
}

.question-title {
    display: flex;
    justify-content: space-between;
    margin: 1em 0.5em 1em 0.5em;
    font-size: 0.9em;
}

.content-text-area > span{
    margin : 0 10px 0 0;
    color : #777777;
}

.question-content {
    color: #3f3f3f;
    background-color: #f2f2f2;
    padding: 1.5em 2em;
    font-size: 0.8em;
}

.question-title {
    cursor: pointer;
}

p{
    font-size: 0.8em;
}