<template>
    <div class="w1400">
        <div class="noti-bos">

            <section class="page-logo">
                <h1>공지사항</h1>
            </section>

            <section class="noti-sec">
                <div class="noti-sec-table">
                    <table>
                        <th>no</th>
                        <th>제목</th>
                        <th>작성자</th>
                        <th>작성일</th>
                        <th>조회수</th>

                        <tr>
                            <td>1</td>
                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
                            <td>KERIS</td>
                            <td>2023-09-12</td>
                            <td>129</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
                            <td>KERIS</td>
                            <td>2023-09-12</td>
                            <td>129</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
                            <td>KERIS</td>
                            <td>2023-09-12</td>
                            <td>129</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
                            <td>KERIS</td>
                            <td>2023-09-12</td>
                            <td>129</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
                            <td>KERIS</td>
                            <td>2023-09-12</td>
                            <td>129</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
                            <td>KERIS</td>
                            <td>2023-09-12</td>
                            <td>129</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
                            <td>KERIS</td>
                            <td>2023-09-12</td>
                            <td>129</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
                            <td>KERIS</td>
                            <td>2023-09-12</td>
                            <td>129</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
                            <td>KERIS</td>
                            <td>2023-09-12</td>
                            <td>129</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
                            <td>KERIS</td>
                            <td>2023-09-12</td>
                            <td>129</td>
                        </tr>
                    </table>
                </div>
            </section>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
        }
    },
    methods: {

    },
    watch: {

    },
    computed: {

    },
    mounted() {

    }
}
</script>

<style scoped>
.noti-bos {
    width: 100%;
}



.noti-sec {
    width: 100%;
    padding: 3rem;
}

.noti-sec-table {
    padding: 0 0 8rem 0;
}

.noti-sec-table table {
    border-bottom: 1px solid #cccccc;

}

.noti-sec-table th {
    padding: 1.5rem;
    color: white;
    background-color: #007aff;
    font-size: 1.5rem;
}

.noti-sec-table td {
    padding: 1.5rem;
    font-size: 1.5rem;
    border-bottom: 1px solid #cccccc;
    text-align: center;
}
</style>


