@charset "utf-8";
/* Figma 387:662. 목록은 전용 스타일, 상세/쓰기는 그누보드 기능을 유지합니다. */
.mc_library {font-size:16px;line-height:1.45;}
.mc_library .mc_intro {margin-bottom:44px;}
.mc_library .mc_intro h3 {line-height:1.45;margin:8px 0;}
.mc_library .mc_intro .mc_eyebrow {color:#f7943e;}
.mc_library #bo_list,.mc_library #bo_v,.mc_library #bo_w {width:100%;font-size:16px;}
#mb_site .mc_library .ml_button {display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;background:#0077c0;border:1px solid #0077c0;border-radius:8px;color:#fff;font-size:15px;font-weight:700;text-align:center;transition:background .2s;}
#mb_site .mc_library .ml_button:hover {background:#00629f;}
#mb_site .mc_library .ml_button {white-space:nowrap;}
.mc_library .ml_search {margin-bottom:44px;padding:22px 24px;border:1px solid #dbe3ed;border-radius:12px;}
.mc_library .ml_search_heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;min-height:28px;}
.mc_library .ml_search h4 {font-size:18px;}
.mc_library .ml_search_heading>span {font-size:14px;color:#c5600c;}
.mc_library .ml_search_fields {display:flex;gap:12px;}
.mc_library .ml_search_fields select,.mc_library .ml_search_fields input {height:54px;min-width:0;padding:0 16px;border:1px solid #dbe3ed;border-radius:8px;background:#fff;color:#576375;font-size:16px;}
.mc_library .ml_search_fields select {width:180px;flex:none;}
.mc_library .ml_search_fields input {flex:1;width:100%;}
.mc_library .ml_search_fields button {flex:none;width:160px;height:54px;}
#mb_site .mc_library .ml_reset {display:inline-block;margin-top:16px;color:#0077c0;text-decoration:underline;font-size:15px;}
.mc_library .ml_meta {display:flex;align-items:center;justify-content:space-between;min-height:32px;margin-bottom:16px;}
.mc_library .ml_meta>span {color:#576375;font-size:14px;}
.mc_library .ml_table_wrap {border:1px solid #dbe3ed;border-radius:10px;overflow:hidden;}
.mc_library .ml_table {width:100%;border-collapse:collapse;table-layout:fixed;}
.mc_library .ml_table th {height:56px;padding:12px;background:#f2f7fc;font-size:15px;text-align:center;color:#141f2e;}
.mc_library .ml_table td {height:76px;padding:16px 12px;border-top:1px solid #dbe3ed;text-align:center;color:#576375;font-size:15px;}
.mc_library .ml_table .ml_check {width:40px;padding-left:8px;padding-right:8px;}
.mc_library .ml_check input {width:16px;height:16px;vertical-align:middle;}
.mc_library .ml_table .ml_num {width:70px;}
.mc_library .ml_table .ml_category {width:130px;}
.mc_library .ml_table td.ml_category {color:#0077c0;font-weight:700;word-break:keep-all;}
.mc_library .ml_table .ml_file {width:90px;}
.mc_library .ml_file a {display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;vertical-align:middle;}
.mc_library .ml_table .ml_date {width:140px;}
.mc_library .ml_table .ml_hits {width:80px;}
.mc_library .ml_table .ml_title {text-align:left;color:#141f2e;overflow-wrap:anywhere;}
.mc_library .ml_title a {font-size:16px;font-weight:500;}
.mc_library .ml_title a:hover {color:#0077c0;text-decoration:underline;}
.mc_library .ml_comments,.mc_library .ml_secret {color:#0077c0;font-size:14px;}
.mc_library .ml_notice {background:#f8fbfe;}
.mc_library .ml_notice .ml_num strong {color:#0077c0;}
.mc_library .ml_table tbody tr:hover {background:#f8fbfe;}
.mc_library .ml_table .ml_empty {height:220px;text-align:center;}
.mc_library .ml_mobile_label {display:none;}
.mc_library .pg_wrap {display:block;width:100%;margin:20px 0 0;text-align:center;float:none;}
.mc_library .pg_page,.mc_library .pg_current {min-width:40px;height:40px;line-height:38px;margin:0 3px;border:1px solid #dbe3ed;border-radius:8px;font-size:15px;}
.mc_library .pg_current {background:#0077c0;border-color:#0077c0;color:#fff;}
.mc_library .ml_admin {display:flex;justify-content:space-between;gap:16px;margin-top:24px;}
.mc_library .ml_admin>div {display:flex;flex-wrap:wrap;gap:8px;}
.mc_library .ml_admin a,.mc_library .ml_admin button {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #dbe3ed;border-radius:8px;background:#fff;color:#576375;font-size:15px;}
.mc_library a:focus-visible,.mc_library button:focus-visible,.mc_library input:focus-visible,.mc_library select:focus-visible,.mc_library textarea:focus-visible {outline:2px solid #0077c0;outline-offset:3px;}
/* 상세·작성 화면 */
.mc_library .btn_submit,.mc_library a.btn_admin {background:#0077c0;}
.mc_library #bo_v {border-top:2px solid #0077c0;padding-top:28px;}
.mc_library #bo_v_title .bo_v_tit {font-size:28px;}
.mc_library #bo_v_info {border-bottom:1px solid #dbe3ed;padding-bottom:16px;}
.mc_library #bo_v_con {font-size:17px;line-height:1.8;overflow-wrap:anywhere;padding:20px 0;}
.mc_library #bo_v_file li {border-color:#dbe3ed;background:#f2f7fc;box-shadow:none;padding:20px;}
.mc_library #bo_v_file a {overflow-wrap:anywhere;white-space:normal;font-size:16px;}
.mc_library #bo_v_file .bo_v_file_cnt {font-size:14px;color:#576375;}
.mc_library input,.mc_library textarea,.mc_library select {max-width:100%;font-size:16px;}
.mc_library #bo_w .frm_input {height:48px;}
@media(max-width:1023px){
 .mc_library .ml_search_fields {flex-wrap:wrap;}.mc_library .ml_search_fields select {width:calc((100% - 12px)/2);}.mc_library .ml_search_fields input {flex:auto;width:calc(100% - 172px);}
 .mc_library .ml_table .ml_category {width:100px;}.mc_library .ml_table .ml_date {width:115px;}.mc_library .ml_table .ml_file {width:60px;}.mc_library .ml_table .ml_num {width:50px;}.mc_library .ml_table .ml_hits {width:60px;}
}
@media(max-width:767px){
 .mc_library .mc_intro,.mc_library .ml_search {margin-bottom:30px;}
 .mc_library .mc_intro h3 {font-size:28px;}.mc_library .mc_intro>p:last-child {font-size:16px;}
 .mc_library .ml_search {padding:20px 16px;}.mc_library .ml_search_heading {display:block;}.mc_library .ml_search_heading>span {display:block;margin-top:6px;}
 .mc_library .ml_search_fields {gap:10px;}.mc_library .ml_search_fields select {width:calc((100% - 10px)/2);padding:0 8px;font-size:15px;}.mc_library .ml_search_fields input {width:calc(100% - 82px);padding:0 12px;}#mb_site .mc_library .ml_search_fields button {width:72px;padding:12px;}
 .mc_library .ml_table,.mc_library .ml_table tbody {display:block;}.mc_library .ml_table thead {display:none;}
 .mc_library .ml_table tr {position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:20px 16px;border-top:1px solid #dbe3ed;}.mc_library .ml_table tr:first-child {border-top:0;}
 .mc_library .ml_table td {display:block;height:auto;padding:0;border:0;}
 .mc_library .ml_table .ml_num {width:auto;order:1;font-size:14px;}.mc_library .ml_table .ml_category {width:auto;order:2;font-size:15px;}
 .mc_library .ml_table .ml_title {width:100%;order:4;}.mc_library .ml_table .ml_date {width:auto;order:5;font-size:14px;}.mc_library .ml_table .ml_hits {width:auto;order:6;font-size:14px;}
 .mc_library .ml_table .ml_file {width:30px;margin-left:auto;order:3;}.mc_library .ml_file a {width:30px;height:30px;}
 .mc_library .ml_table .ml_check {width:20px;order:0;}.mc_library .ml_mobile_label {display:inline;}
 .mc_library .ml_table .ml_empty {width:100%;padding:60px 0;height:auto;}
 .mc_library .ml_admin {display:block;}.mc_library .ml_admin>div {margin-top:12px;}.mc_library .ml_admin a,.mc_library .ml_admin button {padding:10px 12px;font-size:14px;}
 .mc_library #bo_v_title .bo_v_tit {font-size:23px;}.mc_library #bo_v_file li {padding:14px;}.mc_library #bo_v_file .bo_v_file_cnt {display:block;float:none;clear:both;}
 .mc_library #bo_v_info .profile_info {max-width:100%;}.mc_library .bo_w_info .frm_input {width:100%;margin:0 0 8px!important;}.mc_library .bo_v_nb .nb_date {display:block;float:none;}
}
@media(prefers-reduced-motion:reduce){#mb_site .mc_library .ml_button {transition:none;}}