/* ========= 모바일 css ========= */
#notice_table {
    width: 100%;
    font-size: 0.77em; text-align: center;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}
th {
    border-top: 3px solid #5a5a5a;
    border-bottom: 1px solid #c9c9c9;
    height: 30px; vertical-align: middle;
}
tr:hover:not(th) {background-color: rgba(28, 136, 237, 0.1);}
.first_row:hover{background: none;}

/* 각 항목 넓이 */
td{
    height: 30px; line-height: 30px;
    border-bottom: 1px solid #c9c9c9;
    border-collapse: separate;
}

.n_num, .n_num_01{width: 13%;}
.n_title, .n_title_01{width: 60%;}
.n_date, .n_date_01{width: 27%;}
.n_date, .n_num{color: #8a8a8a;}

/* 첫줄 고정 공지 */
.warning{background-color: #ffecec;}
.i_alarm{vertical-align: middle; font-size: 1.25em; color:#F24949;}

/* 리스트 css */
td.n_title{
    text-align: left !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 10px;
    padding: 0 5px;
    font-weight: 600;
}

/* 페이지 수 */
._nav{width: 100%; margin-top: 50px;}
.pagination{display: flex; align-items: center; justify-content: center;}
.pagination>li{padding: 5px 10px; font-size: 0.8em;}
.butclick{padding: 0px !important;}
.i_nuarrow{color: #0262C9; font-size: 1.8em;}

.on_cl_le{margin-right: 5px;}
.on_cl_ri{margin-left: 5px;}

.active{background: #0262C9;}
.active>a{display: block; color: #fff;}

/* === 반응형 css ===*/
/* 모바일 */
@media (min-width: 320px) and (max-width: 374px){
    #notice_table {font-size: 0.8em;}
}
@media (min-width: 375px) and (max-width: 414px){
    #notice_table {font-size: 0.8em;}

    /* 각 항목 넓이 */
    .n_num, .n_num_01{width: 12%;}
    .n_title, .n_title_01{width: 67%;}
    .n_date, .n_date_01{width: 21%;}

    /* 페이지 수 */
    .pagination>li{font-size: 0.9em;}
    .i_nuarrow{font-size: 1.85em;}
}
@media (min-width: 415px) and (max-width: 515px){
    #notice_table {font-size: 0.85em;}

    /* 각 항목 넓이 */
    th {height: 35px;}
    td{height: 35px; line-height: 35px;}
    .n_num, .n_num_01{width: 12%;}
    .n_title, .n_title_01{width: 68%;}
    .n_date, .n_date_01{width: 20%;}

    /* 페이지 수 */
    .pagination>li{font-size: 0.9em;}
    .i_nuarrow{font-size: 1.85em;}
}  
@media (min-width: 516px) and (max-width: 616px){
    #notice_table {font-size: 0.9em;}

    /* 각 항목 넓이 */
    th {height: 40px;}
    td{height: 40px; line-height: 40px;}
    .n_num, .n_num_01{width: 10%;}
    .n_title, .n_title_01{width: 70%;}
    .n_date, .n_date_01{width: 18%;}

    /* 페이지 수 */
    .pagination>li{font-size: 0.9em;}
    .i_nuarrow{font-size: 1.85em;}
}
@media (min-width: 617px) and (max-width: 711px){
    #notice_table {font-size: 0.9em;}

    /* 각 항목 넓이 */
    th {height: 40px;}
    td{height: 40px; line-height: 40px;}
    .n_num, .n_num_01{width: 7%;}
    .n_title, .n_title_01{width: 78%;}
    .n_date, .n_date_01{width: 13%;}

    /* 페이지 수 */
    .pagination>li{font-size: 0.9em;}
    .i_nuarrow{font-size: 1.85em;}
}

/* 테블릿 */
@media (min-width: 712px) and (max-width: 800px){
    #notice_table {font-size: 0.9em;}

    /* 각 항목 넓이 */
    th {height: 40px;}
    td{height: 40px; line-height: 40px;}
    .n_num, .n_num_01{width: 7%;}
    .n_title, .n_title_01{width: 78%;}
    .n_date, .n_date_01{width: 13%;}

    /* 페이지 수 */
    .pagination>li{padding: 8px 13px; font-size: 0.95em;}
    .i_nuarrow{font-size: 2.0em;}
}
@media (min-width: 801px) and (max-width: 1024px){
    #notice_table {font-size: 0.95em;}

    /* 각 항목 넓이 */
    th {height: 40px;}
    td{height: 40px; line-height: 40px;}
    .n_num, .n_num_01{width: 6%;}
    .n_title, .n_title_01{width: 81%;}
    .n_date, .n_date_01{width: 11%;}

    /* 페이지 수 */
    .pagination>li{padding: 8px 13px; font-size: 0.95em;}
    .i_nuarrow{font-size: 2.0em;}
}

/* 데스크탑 일반 */
@media (min-width: 1025px){
    #notice_table {font-size: 1.0em;}

    /* 각 항목 넓이 */
    th {height: 45px;}
    td{height: 45px; line-height: 45px;}
    .n_num, .n_num_01{width: 6%;}
    .n_title, .n_title_01{width: 81%;}
    .n_date, .n_date_01{width: 11%;}

    /* 페이지 수 */
    ._nav{margin-top: 70px;}
    .pagination>li{padding: 8px 13px; font-size: 0.95em;}
    .i_nuarrow{font-size: 2.0em;}
}