@CHARSET "UTF-8";
*{
	font-family: 'Malgun Gothic' !important;
}

.header-wrap {
    position: relative;
    top: 10;
    max-width: 730px;
    height: 70px;
    margin: 0 auto;
    clear: both;
    background-image: url(../img/img01.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: 97% 100%;
    font-size: 1.8em;
    color: #333333;
    font-weight: bold;
    padding-left: 10px;
    display: flex;
    align-items: center; /* 수직 가운데 정렬 */
    justify-content: center; /* 수평 가운데 정렬 */
}
.header-wrap span{
	font-size: 15px;
	padding-left:10px;
}

.header-wrap #query_time {
	padding-left: 0px;
}

.header-wrap .time_img{
	padding-left:5px;
	vertical-align: middle;
    display: inline-table;
    width: 15px;
    height: 15px;
    background-image: url(../img/img05.png);
    background-repeat: no-repeat;
}

.body-wrap{
	position: relative;
    max-width: 95%; /*px 에서 전체화면 80% 로 변경*/
    margin: 0 auto; /* 가운데 정렬로 변경 */ 
    height: 80%;
    clear: both;
}
.footer-wrap{
	position: relative;
    max-width: 730px;
    clear: both;
}
table{
	position: relative;
    width: 100%;
    margin: 20px 0;
    border-bottom: 1px solid #dbdbdb;
    border-spacing: 0;
    border-top: 1px solid #acacac; /* 남색에서 회색으로 변경 >> 멀바꾼거지.?*/
    border-right: hidden;
}
table tr th{
    padding: 13px 10px; /*상단 제목 상하 패딩 값 높임*/ 
    font-weight: bold;
    /*font-size: 25em;*/
    background-color: #efefef; /* 표 상단 배경 색상변경 */
    color: #000000;
   /* border-left: 1px solid #acacac; /* 표 상단 열 줄 색상변경 */
    border-top: 0.7px solid #999999; /* 표 상단 행 줄 색상변경 */
    border-bottom: 0.7px solid #999999; /* 표 상단 아래 행 추가 */
    font-size: 93%;
}
table tr td:first-child, table tr td:nth-child(2), table tr td:last-child{
	
	padding: 13px 10px; /* 표 칸 높이 변경 */
    font-weight: normal;
    background-color: #ffffff;
    /*border-left: 1px solid #dbdbdb;*/
    border-top: 1px solid #dbdbdb;
    text-align:center;
    font-size: 93%;
}


table tr td{
	
	padding: 13px 13px;
    font-weight: normal;
    background-color: #ffffff;
    /*border-left: 1px solid #dbdbdb;  → 아래 행 줄 없에벌임   */ 
    border-top: 1px solid #dbdbdb;
    text-align:left;
    font-size: 93%;

}

table tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

table tr td a{
	text-decoration: none;
	color:#333333;
}

/* 페이지 넘버링 */

.pagination a{ 
    color : #000000; /* 링크 파랑색 제거*/
    text-decoration: none; /*링크 아래줄 제거*/
    padding: auto 15px;
}
.pagination {
    text-align: center;
}

.pagination .previous,
.pagination .next {
    padding-left: 50px;
    padding-right: 50px;
}

@media screen and (max-width: 768px) {
    .header-wrap {
        background-size: contain; /* 배경 이미지를 가득 채우도록 수정 */
        font-size: 1.5em; /* 폰트 크기 조정 */
        height: auto; /* 높이 자동 조정 */
        text-align: center; /* 텍스트 중앙 정렬 */
    }

    .header-wrap span {
        display: block; /* span 요소를 블록 레벨로 변경하여 다음 줄에 표시 */
        padding: 10px 0; /* 패딩 조정 */
        text-align: center; /* 텍스트 중앙 정렬 */
    }

    .header-wrap #query_time,
    .header-wrap .time_img {
        padding: 5px 0; /* 패딩 조정 */
    }

    table tr th,
    table tr td:first-child,
    table tr td:nth-child(2),
    table tr td:last-child,
    table tr td {
        font-size: 85%; /* 폰트 크기 조정 */
        padding: 10px 5px; /* 패딩 조정 */
    }

    .pagination a {
        padding: 5px 10px; /* 패딩 조정 */
    }

    .pagination .previous,
    .pagination .next {
        padding-left: 20px;
        padding-right: 20px;
    }
}