@charset "utf-8";

/* 공지사항 리스트 페이지 */
section#notice { padding: 120px 0; }
section#notice div.notice_table_wrap { margin-bottom: 0; }

section#notice div.notice_table_wrap table colgroup col.check_col { width: 5%; }
section#notice div.notice_table_wrap table colgroup col:not(.check_col):nth-last-child(1){ width: 8%;}
section#notice div.notice_table_wrap table colgroup col:not(.check_col):nth-last-child(2){ width: 10%;}
section#notice div.notice_table_wrap table colgroup col:not(.check_col):nth-last-child(3){ width: 50%;}
section#notice div.notice_table_wrap table colgroup col:not(.check_col):nth-last-child(4){ width: 10%;}
section#notice div.notice_table_wrap table colgroup col:not(.check_col):nth-last-child(5){ width: 8%;}

section#notice div.notice_table_wrap table .chk_box { padding-left: 10px; }

section#notice div.notice_table_wrap table thead tr { background-color: var(--acc-color); }
section#notice div.notice_table_wrap table thead tr th,
section#notice div.notice_table_wrap table thead tr th a { font-family: var(--font-pretendard); font-weight: 700; font-size: 16px;; color: #fff; }

section#notice div.notice_table_wrap table tbody tr { background-color: #fff; border-left: none; }
section#notice div.notice_table_wrap table tbody tr.notice { background-color: #f9f9f9; }
section#notice div.notice_table_wrap table tbody tr:hover td { border-left: none; background-color: revert; }

section#notice div.notice_table_wrap table tbody td { height: 64px; padding: 0;  }
section#notice div.notice_table_wrap table tbody td.td_num2 { font-family: var(--font-pretendard); font-weight: 500; font-size: 16px; line-height: 1.5; color: var(--bas-color); }
section#notice div.notice_table_wrap table tbody td.td_cate { text-align: center; }
section#notice div.notice_table_wrap table tbody td.td_cate a { font-family: var(--font-pretendard); font-weight: 500; font-size: 16px; line-height: 1.5; color: #666; }
section#notice div.notice_table_wrap table tbody td.td_subject a { font-family: var(--font-pretendard); font-weight: 500; font-size: 16px; line-height: 1.5; color: var(--bas-color); display: block; max-width: 940px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
section#notice div.notice_table_wrap table tbody td.td_datetime { font-family: var(--font-pretendard); font-weight: 500; font-size: 16px; line-height: 1.5; color: var(--bas-color); }
section#notice div.notice_table_wrap table tbody td.td_num { font-family: var(--font-pretendard); font-weight: 500; font-size: 16px; line-height: 1.5; color: var(--bas-color); }

section#notice div.tbl_head01 { margin: 0; }
section#notice div.bo_fx { margin-bottom: 0; float: none; margin-top: 10px; }

section#notice div.notice_table_wrap nav.pg_wrap { display: block; width: 100%; clear: none; float: none; margin-top: 80px; }
section#notice div.notice_table_wrap nav.pg_wrap > span.pg { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; }
section#notice div.notice_table_wrap nav.pg_wrap > span.pg > .pg_page { display: flex; justify-content: center; align-items: center; min-width: revert; padding: 0; font-family: var(--font-noto); font-weight: 400; font-size: var(--font-16); color: #ccc; background-color: transparent; width: 24px; height: 24px; line-height: 1; border: none; }
section#notice div.notice_table_wrap nav.pg_wrap > span.pg > .pg_current { display: flex; justify-content: center; align-items: center; min-width: revert; padding: 0; font-family: var(--font-noto); font-weight: 400; font-size: var(--font-16); color: var(--acc-color); background-color: transparent; width: 24px; height: 24px; line-height: 1; border: 1px solid var(--acc-color); border-radius: 5px; }

section#notice div.notice_table_wrap div.bo_sch_wrap { display: block; position: relative; margin-top: 60px; z-index: 1; }
section#notice div.notice_table_wrap div.bo_sch_wrap > .bo_sch { position: relative; top: 0; left: 0; width: 100%; max-height: revert; margin-left: 0; margin-top: 0; box-shadow: revert; border: none; background: transparent; border-radius: 3px;}
section#notice div.notice_table_wrap div.bo_sch_wrap > .bo_sch form { display: flex; padding: 0; }
section#notice div.notice_table_wrap div.bo_sch_wrap > .bo_sch form select { font-family: var(--font-pretendard); font-weight: 400; font-size: 14px; color: var(--bas-color); padding-left: 12px; padding-right: 12px; max-width: 150px; border-radius: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; appearance: none; background: url('../../../img/ico_arrow.png') no-repeat 95% 50%; background-color: #fff; }
section#notice div.notice_table_wrap div.bo_sch_wrap > .bo_sch form .sch_bar { position: relative; margin-top: 0; max-width: 315px; border-radius: 0; clear: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-left: 0; }
section#notice div.notice_table_wrap div.bo_sch_wrap > .bo_sch form .sch_bar .sch_input { padding-left: 12px; width: 100%; float: none; background-color: #fff; border-radius: inherit; font-family: var(--font-pretendard); font-weight: 400; font-size: var(--font-14); color: var(--bas-color); }
section#notice div.notice_table_wrap div.bo_sch_wrap > .bo_sch form .sch_bar .sch_btn { position: absolute; right: 0; float: none; }

section#notice div.notice_table_wrap div.bo_sch_wrap > .bo_sch form .sch_bar .sch_input::placeholder { margin-left: 0; padding-left: 0; font-family: var(--font-pretendard); font-weight: 400; font-size: var(--font-14); color: #aaa; }

/* 공지사항 작성 페이지 */
section#bo_w { padding: 120px 0; }
section#bo_w .bo_w_select select { font-family: var(--font-pretendard); font-weight: 400; font-size: 14px; color: var(--bas-color); padding-left: 12px; padding-right: 12px; width: 100%; border-radius: 5px; appearance: none; background: url('../../../img/ico_arrow.png') no-repeat 98.5% 50%; background-color: #fff; }
section#bo_w input[type="text"] { padding-left: 12px; width: 100%; float: none; background-color: #fff; border-radius: inherit; font-family: var(--font-pretendard); font-weight: 400; font-size: var(--font-14); color: var(--bas-color); border-radius: 5px; }
section#bo_w div.btn_confirm { display: flex; justify-content: flex-end; align-items: center; column-gap: 20px; }
section#bo_w div.btn_confirm a.btn_cancel { display: flex; justify-content: center; align-items: center; width: fit-content; padding: 10px 20px; background-color: #fff; border: 1px solid #888; color: #888; }
section#bo_w div.btn_confirm button.btn_submit { display: flex; justify-content: center; align-items: center; width: fit-content; padding: 10px 20px; background-color: #fff; color: #fff; background-color: var(--acc-color); }
section#bo_w div.btn_confirm::after { display: none; }

section#bo_w .bo_w_link label { color: var(--acc-color); }
section#bo_w .bo_w_flie .lb_icon { color: var(--acc-color); }

section#bo_w .bo_w_info { display: none; }
section#bo_w .bo_w_info+.write_div { opacity: 0; visibility: hidden; display: none; }


/* 공지사항 읽기 페이지 */
#bo_v { padding: 120px 0; }
#bo_v div.inner_wrap { width: 100%; max-width: 1440px; margin: 0 auto; }

#bo_v_title .bo_v_cate { padding: 0; background-color: transparent; font-size: 16px; font-family: var(--font-pretendard); font-weight: 500; color: var(--acc-color); margin-bottom: 20px; }
#bo_v_title .bo_v_tit { margin: 0; font-size: 35px; font-family: var(--font-pretendard); font-weight: 700; color: var(--bas-color); margin-bottom: 30px; word-break: keep-all;; }
#bo_v_info .profile_info { display: none; }
#bo_v_share { display: none; }
#bo_v_con { font-size: 18px; font-weight: 400; font-family: var(--font-pretendard); color: var(--bas-color); line-height: 1.5; word-break: keep-all; }

#bo_v #bo_v_link li:hover { border-color: var(--acc-color); }
#bo_v #bo_v_link li:hover i { color: var(--acc-color); }
#bo_v_link a:focus,
#bo_v_link li:hover a,
#bo_v_link a:active,
#bo_v_link li:hover .bo_v_link_cnt { color: var(--acc-color); }

@media screen and (max-width: 1440px){
    #bo_v div.inner_wrap { padding-left: 30px; padding-right: 30px; }
}

@media screen and (max-width: 1024px){
    section#notice div.notice_table_wrap table colgroup col:not(.check_col):nth-last-child(3) { width: 50%; }
    section#notice div.notice_table_wrap table tbody td.td_subject a { max-width: 400px; display: block;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 15px;  }
}

@media screen and (max-width: 768px){
    section#notice div.notice_table_wrap table colgroup col:not(.check_col):nth-last-child(3) { width: 30%; }
    section#notice div.notice_table_wrap table tbody td.td_subject a { max-width: 250px; display: block;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 15px;  }
    #bo_v_title .bo_v_tit { font-size: 25px; }
    #bo_v_con { font-size: 16px; }
}

@media screen and (max-width: 640px){
    section#notice div.notice_table_wrap table colgroup col:not(.check_col):nth-last-child(5) { width: 2%; }
    section#notice div.notice_table_wrap table colgroup col:not(.check_col):nth-last-child(4) { width: 14%; }
    section#notice div.notice_table_wrap table colgroup col:not(.check_col):nth-last-child(3) { width: 10%; }
    section#notice div.notice_table_wrap table colgroup col:not(.check_col):nth-last-child(2) { width: 14%; }
    section#notice div.notice_table_wrap table colgroup col:not(.check_col):nth-last-child(1) { width: 12%; }
    section#notice div.notice_table_wrap table tbody td { font-size: 14px; }
    section#notice div.notice_table_wrap table tbody td.td_subject a { max-width: 100px; display: block;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 15px;  }
}