body {

}
.contents {  
    background-color:white;
    padding:20px 30px 40px;
    overflow:auto;
    max-width:1200px;
}

#notice thead th, #notice tbody td { border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; }
#notice .last_td { border-right:none; }

@media (max-width:768px) {
    .contents { background-color: white; padding: 20px 15px 40px; overflow: auto; max-width: none; min-width:100px;}
    }

.title {
    font-size:20px; 
    margin-bottom:10px; 
    font-weight: bold;
    display:inline-block;
}
caption { display: none;}

a {text-decoration: none; color: inherit; }

/* searchbox */

.search{text-align:right;}
input.kw {
    border: 1px solid #d4d4d4;
    padding: 4px 0px;
    outline: none;
    font-size: 12px;
    margin-right:3px;
}
input:focus{box-shadow:0 0 3px 1px #889ed0;}

.btn_default {padding: 4px 15px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #26348c;
    border-radius: 5px;
    letter-spacing: 0.5px;
    text-align: center;
    width: auto;
    color: #fff;
    background-color: #26348c;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-decoration: none;
}
.btn_default:hover {
    background-color: white;
    color: #26348c;
}


/* searchbox END */

/* notice list */
.noticeLink { cursor:pointer; padding:10px; }
.noticeLink:hover { text-decoration: underline; font-weight: bold; }

#notice tbody > tr:hover { background-color: #fef3ed; }

.list_table thead tr th {background: #F3F8FF;  border: 0px solid #bccbff; font-weight:600;padding:10px;text-align:center;}
#notice thead tr {border-top: 2px solid #7488b5; border-bottom: 1px solid #7488b5; text-align: center;}

table.list_table { 
    width:100%; 
    margin-top:10px; 
    table-layout: fixed; 
    border-collapse: collapse; 
    border-spacing: 0; 
}
table.list_table td { 
    font-size:13px; 
    padding:5px 5px; 
    border-bottom:1px solid #ccc;
    text-align:center;
}
table.list_table td:nth-child(2) {
    text-align:left;
}

table.list_table thead th:nth-child(2) {
    text-align:left;
}



@media(max-width:767px) {
    #notice {width:100%;}
    #notice colgroup{display:none;}
    #notice table, #notice thead, #notice tbody,  #notice tr, #notice th, #notice td {border:0px solid #d2d2d2;font-size:12px; width:100%;display:block;float:none;}
    
    #notice thead{border-top: 2px solid #7488b5;}
    #notice tr td{height:25px;}
    
    #notice thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #notice tr { margin: 0 0 0 0;}

    #notice tr:nth-child(odd) { background: #f3f8ff; }
    #notice tr {border-bottom:1px solid #d2d2d2;}

        #notice tbody tr td {
            border: none;
            border-bottom: 0px solid #d2d2d2;
            position: relative;
            padding-left: 35%;
            text-align:left!important;
            padding-top:3px;
        }

        #notice td:before {
            position: absolute;
            top: 0;
            left: 6px;
            width: 35%;
            padding-top:3px;
            padding-left:10px;
            padding-right: 10px;
            white-space: nowrap;
        }

       #notice td:nth-of-type(1):before { content: "번호"; text-align:left;}
       #notice td:nth-of-type(2):before { content: "제목"; text-align:left;}
       #notice td:nth-of-type(3):before { content: "등록일"; text-align:left;}
       #notice td:nth-of-type(4):before { content: "작성자"; text-align:left;}
}



/* notice list END*/

/* pagination */
#notice_paging {margin:0 auto;text-align:center;margin:15px 0;font-size:10px; width:100%; }
#notice_paging ul{text-align:center;font-size:10px;letter-spacing:2px;}
#notice_paging ul strong {padding:5px 8px 6px 10px;border:0px solid #707070; background:#048ABF;color:#fff;margin:0 3px;border-radius:5px;font-weight:500;}
#notice_paging ul a {padding:5px 8px 6px 10px;border:0px solid #707070;color:#757575;margin:0 3px;font-weight:500;}