@charset "utf-8";
/* Figma 397:158. 공통 목록·상세 스타일을 재사용하고 공지사항 디자인만 조정합니다. */
.mn_notice {padding-top:88px;padding-bottom:104px;}
.mn_notice .mc_intro {margin-bottom:36px;}
.mn_notice .mc_intro .mc_eyebrow {font-size:15px;color:#0077c0;}
.mn_notice .mc_intro h3 {font-size:42px;line-height:1.5;margin:4px 0;}
.mn_notice .mc_intro>p:last-child {font-size:17px;}
.mn_pinned {margin-bottom:36px;padding:18px 28px;background:#f2f7fc;border-radius:12px;}
.mn_pinned h4 {display:flex;align-items:center;gap:10px;min-height:30px;font-size:16px;}
.mn_pinned h4 span {width:54px;line-height:28px;background:#f7943e;border-radius:14px;text-align:center;color:#fff;font-size:14px;}
.mn_pinned ul {list-style:none;margin:0;padding:0;}
.mn_pinned li a {display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 0;}
.mn_pinned li img {flex:none;}.mn_pinned li strong {flex:1;min-width:0;font-weight:500;font-size:16px;overflow-wrap:anywhere;}
.mn_pinned time {flex:none;color:#576375;font-size:14px;}
.mn_pinned li a:hover strong {color:#0077c0;text-decoration:underline;}
.mn_notice .ml_search {margin-bottom:36px;padding:20px 22px;border:0;border-radius:10px;background:#f2f7fc;}
.mn_notice .ml_search_fields select,.mn_notice .ml_search_fields input {height:52px;border-radius:6px;}
.mn_notice .ml_search_fields select {width:160px;}
#mb_site .mn_notice .ml_search_fields button {width:140px;height:52px;min-height:52px;border-radius:6px;}
.mn_notice .ml_meta {height:36px;margin-bottom:0;}
.mn_notice .ml_meta>span {color:#0077c0;}
.mn_notice .ml_table_wrap {border:0;border-radius:0;}
/* 목록 제목줄은 회원 자료실과 동일한 공통 .ml_table th 스타일을 사용합니다. */
.mn_notice .ml_table td {height:66px;padding:16px 8px;border-top:0;border-bottom:1px solid #dbe3ed;}
.mn_notice .ml_table .ml_num {width:82px;}.mn_notice .ml_table .ml_category {width:98px;}
.mn_notice .ml_table td.ml_category {font-weight:400;color:#576375;}
.mn_notice .ml_table .ml_title {padding-left:18px;}.mn_notice .ml_table .ml_file {width:74px;}
.mn_notice .ml_table .ml_date {width:160px;}.mn_notice .ml_table .ml_hits {width:90px;}
.mn_notice .ml_file a {color:#576375;font-size:14px;}
.mn_notice .pg_page,.mn_notice .pg_current {min-width:38px;height:38px;line-height:36px;border-radius:50%;}
.mn_notice .pg_wrap {margin-top:14px;}
.mn_notice .ml_notice .ml_num strong {display:inline-block;padding:3px 10px;border-radius:14px;background:#e7f2fa;}
@media(max-width:1023px){
 .mn_notice .ml_search_fields select {width:calc((100% - 12px)/2);}
 .mn_notice .ml_search_fields input {width:calc(100% - 152px);}
 .mn_notice .ml_table .ml_num {width:50px;}.mn_notice .ml_table .ml_category {width:75px;}.mn_notice .ml_table .ml_file {width:50px;}.mn_notice .ml_table .ml_date {width:110px;}.mn_notice .ml_table .ml_hits {width:60px;}
 .mn_notice {padding-top:64px;padding-bottom:72px;}
}
@media(max-width:767px){
 .mn_notice {padding-top:44px;padding-bottom:64px;}.mn_notice .mc_intro,.mn_pinned,.mn_notice .ml_search {margin-bottom:30px;}
 .mn_notice .mc_intro h3 {font-size:28px;}.mn_notice .mc_intro>p:last-child {font-size:16px;}
 .mn_pinned {padding:20px;}.mn_pinned li a {flex-wrap:wrap;gap:8px;padding:12px 0;}.mn_pinned li strong {flex-basis:calc(100% - 20px);}.mn_pinned time {margin-left:13px;}
 .mn_notice .ml_search {padding:20px 16px;}.mn_notice .ml_search_fields select {width:calc((100% - 10px)/2);}.mn_notice .ml_search_fields input {width:calc(100% - 82px);}
 #mb_site .mn_notice .ml_search_fields button {width:72px;padding:12px;}
 .mn_notice .ml_table_wrap {border-top:2px solid #09172e;border-bottom:1px solid #dbe3ed;}
 .mn_notice .ml_table td {height:auto;padding:0;border:0;}
 .mn_notice .ml_table .ml_num,.mn_notice .ml_table .ml_category,.mn_notice .ml_table .ml_date,.mn_notice .ml_table .ml_hits {width:auto;}
 .mn_notice .ml_table .ml_file {width:30px;}.mn_notice .ml_table .ml_title {padding:0;}
}

/* 분류 탭: 공지사항 / 교육·행사. 탭 선택 후에도 검색 조건을 유지합니다. */
.mn_category_tabs {display:flex;gap:12px;margin-bottom:30px;}
#mb_site .mn_category_tabs a {display:flex;align-items:center;justify-content:center;flex:1;min-height:58px;padding:14px 20px;border:1px solid #dbe3ed;border-radius:10px;background:#fff;color:#576375;font-size:19px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s;}
#mb_site .mn_category_tabs a:hover {background:#edf7fc;border-color:#0077c0;color:#0077c0;}
#mb_site .mn_category_tabs a.on {background:#0077c0;border-color:#0077c0;color:#fff;}
#mb_site .mn_category_tabs a:focus-visible {outline:3px solid #f7943e;outline-offset:3px;}
.mn_notice .ml_search_fields input[type="hidden"] {display:none;}
@media(max-width:1023px){.mn_notice .ml_search_fields #ml_year {width:160px;}}
@media(max-width:767px){.mn_category_tabs {gap:10px;margin-bottom:24px;}#mb_site .mn_category_tabs a {min-width:0;min-height:52px;padding:14px 8px;font-size:17px;white-space:nowrap;}.mn_notice .ml_search_fields #ml_year {width:100%;}}
@media(prefers-reduced-motion:reduce){#mb_site .mn_category_tabs a {transition:none;}}

/* 교육/행사 분류만 사진 갤러리로 표시합니다. */
.mn_event_gallery {display:flex;flex-wrap:wrap;gap:28px 24px;margin:0;padding:0;list-style:none;}
.mn_event_gallery>li {position:relative;width:calc((100% - 48px)/3);min-width:0;}
.mn_event_gallery>li>a {display:block;height:100%;overflow:hidden;border:1px solid #dbe3ed;border-radius:14px;background:#fff;transition:border-color .2s,box-shadow .2s;}
.mn_event_gallery>li>a:hover {border-color:#0077c0;box-shadow:0 8px 22px rgba(9,23,46,.09);}
.mn_gallery_photo {position:relative;padding-top:75%;overflow:hidden;background:#edf4f8;}
.mn_gallery_photo>img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}
.mn_gallery_placeholder {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f5fc,#f6f8fa);color:#0077c0;}
.mn_gallery_placeholder b {font-size:28px;}.mn_gallery_placeholder>span {margin-top:6px;font-size:16px;color:#576375;}
.mn_gallery_copy {padding:22px 24px;}
.mn_gallery_category {display:block;color:#0077c0;font-size:15px;font-weight:600;}
.mn_gallery_copy h4 {margin:8px 0 18px;min-height:3em;font-size:20px;line-height:1.5;color:#09172e;word-break:keep-all;overflow-wrap:break-word;}
.mn_gallery_copy p {display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;color:#576375;}
.mn_gallery_check {position:absolute;top:12px;left:12px;z-index:2;padding:5px;border-radius:4px;background:#fff;}
.mn_gallery_check input,.mn_gallery_select input {width:18px;height:18px;vertical-align:middle;}
.mn_gallery_select {padding:0 0 16px;font-size:15px;}.mn_gallery_select label {margin-left:7px;}
.mn_gallery_empty {padding:64px 20px;text-align:center;border-top:1px solid #dbe3ed;color:#576375;}
.mn_notice .mn_event_view #bo_v_con {min-height:0;margin-bottom:32px;}
.mn_notice .mn_event_view #bo_v_con p {margin:8px 0;line-height:1.8;}
.mn_notice .mn_event_view #bo_v_img {display:flex;flex-direction:column;align-items:center;gap:24px;}
.mn_notice .mn_event_view #bo_v_img a {display:block;max-width:100%;}
.mn_notice .mn_event_view #bo_v_img img {display:block;margin:0 auto;max-width:100%;height:auto;}
@media(max-width:1023px){.mn_event_gallery {gap:24px 18px;}.mn_event_gallery>li {width:calc((100% - 18px)/2);}}
@media(max-width:767px){
 .mn_event_gallery {gap:20px 12px;}.mn_event_gallery>li {width:calc((100% - 12px)/2);}
 .mn_gallery_copy {padding:16px 12px;}.mn_gallery_copy h4 {font-size:18px;margin:7px 0 12px;word-break:normal;}
 .mn_gallery_category {font-size:14px;}.mn_gallery_copy p {font-size:14px;gap:4px 10px;}
 .mn_gallery_placeholder b {font-size:22px;}.mn_gallery_placeholder>span {font-size:14px;}
 .mn_notice .mn_event_view #bo_v_img {gap:16px;}
}
@media(prefers-reduced-motion:reduce){.mn_event_gallery>li>a {transition:none;}}