/* 공통요소 */
.tx_bold{font-weight:700;}
.btn_more{display:inline-flex;position:relative;align-items:center;gap:14px;font-size:var(--font-size-sm);}
.btn_more::after{content:'';display:block;width:8px;height:8px;border-top:1px solid #111;border-right:1px solid #111;transform:rotate(45deg);box-sizing:border-box;}
.tit_label{font-family:'Paperlogy';display:block;margin-bottom:10px;font-size:var(--font-size-sm);font-weight:700;color:var(--color-primary);}
.req_mark{padding-left:5px;color:var(--color-primary);font-weight:700;}

/* 탭메뉴 */
.tab_box{max-width:1400px;margin:0 auto;margin-bottom:50px;}
.tab_box .tabs{display:flex;gap:6px;justify-content: center;flex-wrap:wrap}
.tab_box .tabs .tab_menu a{display:block;width:135px;padding:12px 20px;border-radius:50px;background:var(--color-gray10);text-align:center;transition: all .3s ease;}
.tab_box .tabs .tab_menu a.on,
.tab_box .tabs .tab_menu a:hover{background:var(--color-primary);border-radius:50px;color:#fff;font-weight:600}
.tab_conbox .tab_content{display:none;}
.tab_conbox .tab_content.on{display:block;}
@media (max-width: 480px){
    .tab_box .tabs .tab_menu,
    .tab_box .tabs .tab_menu a{width: 100%;}
}

/* bullet */
.lst_bul > li{font-family:'Pretendard';}
.lst_bul > li{display:flex;align-items:center;position:relative;}
.lst_bul > li + li{margin-top:10px}
.lst_bul > li::before{content:'';display:block;width:4px;height:4px;margin-right:10px;background:var(--color-primary);}

/* 버튼 */
.btn_area{display:flex;gap:6px;flex-wrap:wrap;width:100%;margin-top:30px;}
.btn_right{justify-content: flex-end;}
.btn{font-family:'Pretendard';display:inline-flex;align-items:center;justify-content:center;min-width:100px;height:46px;padding:0 10px;border-radius:5px;background-color:var(--color-gray70);font-weight:500;font-size:var(--font-size-sm);color:#fff;transition:.2s}
.btn_write{background-color:#0052bd}
.btn_write:hover{background-color:#0048a7}
.btn_modify{background-color:#ebf7ff;border:1px solid #0075c3;color:#024f83}
.btn_modify:hover{background-color:#d7efff;}
.btn_list{background-color:var(--color-gray05);border:1px solid var(--color-gray50);color:var(--color-gray80)}
.btn_list:hover{background-color:var(--color-gray10);}
.btn_delete{background-color: #fff1f1;border:1px solid #d61717;color:#d61717}
.btn_delete:hover{background-color: #ffe4e4;}
.btn_ico{display: inline-block;width:20px;height:20px;margin-right:8px}
.ico_write {-webkit-mask: url(/asset/www/images/contents/ico_write.svg) center center / contain no-repeat;mask: url(/asset/www/images/contents/ico_write.svg) center center / contain no-repeat;background-color:#fff}
.ico_edit {-webkit-mask: url(/asset/www/images/contents/ico_edit.svg) center center / contain no-repeat;mask: url(/asset/www/images/contents/ico_edit.svg) center center / contain no-repeat;background-color:#024f83}
.ico_delete {-webkit-mask: url(/asset/www/images/contents/ico_delete.svg) center center / contain no-repeat;mask: url(/asset/www/images/contents/ico_delete.svg) center center / contain no-repeat;background-color:#d61717}
.ico_list {-webkit-mask: url(/asset/www/images/contents/ico_list.svg) center center / contain no-repeat;mask: url(/asset/www/images/contents/ico_list.svg) center center / contain no-repeat;background-color:var(--color-gray60)}

/* 협력기관 */
.partners{width: 100%;padding:18px 10px;margin-top:140px;background: var(--color-gray05);}
.partners ul{display:flex;justify-content:space-around;gap:10px;max-width: 1400px;margin:0 auto;}
.partners ul li{width:202px;height:38px;background-position: center; background-size: contain; background-repeat: no-repeat;}
.partners ul li:first-child{background-image: url(/asset/www/images/main/partner_logo01.svg);}
.partners ul li:nth-child(2){background-image: url(/asset/www/images/main/partner_logo02.svg);}
.partners ul li:nth-child(3){background-image: url(/asset/www/images/main/partner_logo03.svg);}
.partners ul li:nth-child(4){background-image: url(/asset/www/images/main/partner_logo04.svg);}
.partners ul li:nth-child(5){background-image: url(/asset/www/images/main/partner_logo05.svg);}

@media (max-width: 768px){
    .partners ul{flex-wrap:wrap;}
    .partners ul li{width:150px}
}

/* 공지사항 */
.board_lst{width:100%;table-layout:fixed;border-top:2px solid var(--color-primary);border-bottom:1px solid #E7E7E7;box-sizing:border-box}
.board_lst .lst a{display:flex;align-items:center;padding:30px 16px;gap:20px;transition: all .3s ease;}
.board_lst .lst + .lst{border-top:1px solid var(--color-gray30)}
.board_lst .lst a:hover{background:var(--color-gray05)}
.board_lst .lst a p,
.board_lst .lst a strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all .2s ease;}

@media screen and (max-width:768px){
    .board_lst .lst{flex-direction:column;align-items:flex-start;gap:15px}
    .board_lst .lst a{flex-direction:column;align-items:flex-start;gap:2px;padding:16px 10px}
    .board_lst .lst a:hover{background:none}
}

/* pagination */
.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;width:100%;margin-top:30px}
.pagination .page_navi,
.pagination .page_links .page_link{display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:50%;font-size:var(--font-size-sm);line-height:1.2;color:#333}
.pagination .page_navi.prev{margin-right:20px}
.pagination .page_navi.next{margin-left:20px}
.pagination .page_navi.prev::before,
.pagination .page_navi.next::after,
.pagination .page_navi.first::after,
.pagination .page_navi.last::after,
.pagination .page_links .page_link.link_dot{content:"";width:16px;height:16px;background-repeat: no-repeat;}
.pagination .page_navi.next::after{background-image:url(/asset/www/images/ico_next.svg)}
.pagination .page_navi.prev::before{background-image:url(/asset/www/images/ico_prev.svg)}
.pagination .page_navi.first::after{background-image:url(/asset/www/images/ico_first.svg)}
.pagination .page_navi.last::after{background-image:url(/asset/www/images/ico_end.svg)}
.pagination .page_links .page_link.link_dot{background-image:url(/asset/www/images/ico_ellipsis.svg)}
.pagination .page_links{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap: wrap;}
.pagination .page_links .page_link{width:38px;height: 38px}
.pagination .page_links .page_link.active{background-color:var(--color-primary);font-weight:700;color:#fff}

@media screen and (max-width:768px){
    .pagination .page_navi.prev{margin-right:10px}
    .pagination .page_navi.next{margin-left:10px}
    .pagination .page_navi.first i,
    .pagination .page_navi.last i,
    .pagination .page_navi.prev i,
    .pagination .page_navi.next i{display:none}
    .pagination .page_links{gap:6px;}
}