/* =================================
   NOTICE
================================= */

.notice-container{

    width:900px;

    margin:80px auto;

}



.notice-container h1{

    font-size:36px;

    margin-bottom:40px;

}



/* =================================
   TABLE
================================= */

.notice-table{

    width:100%;

    border-collapse:collapse;

}



.notice-table th,
.notice-table td{

    padding:15px;

    border-bottom:1px solid #ddd;

    text-align:center;

}



.notice-table th{

    background:#f8f8f8;

    font-weight:600;

}



.notice-table a{

    color:#000;

    text-decoration:none;

}



.notice-table a:hover{

    text-decoration:underline;

}



/* =================================
   VIEW
================================= */

.notice-view{

    background:#fff;

    padding:40px;

    border-radius:12px;

}



.notice-content{

    margin-top:30px;

    padding:30px;

    min-height:200px;

    border-top:1px solid #ddd;

    line-height:1.8;

}



.notice-file{

    margin-top:30px;

    padding:15px;

    background:#f8f8f8;

    border-radius:8px;

}



/* =================================
   BUTTON
================================= */

.notice-btn{

    display:inline-block;

    margin-top:30px;

    padding:12px 30px;

    background:#000;

    color:#fff;

    border:none;

    border-radius:30px;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    cursor:pointer;

    transition:.2s;

}



.notice-btn:hover{

    background:#222;

    color:#fff;

}