@charset "utf-8";
/* 정부지원사업. 공통 헤드/푸터는 mainbiz.css에서 관리합니다. */
.mb_support_page {color:#17263d;font-size:16px;line-height:1.6;background:#fff;}
.mb_support_page * {box-sizing:border-box;}
.sp_visual {height:464px;background:linear-gradient(rgba(0,0,0,.77),rgba(0,0,0,.77)),url('../../../img/support/visual.png') center 8.4%/100% auto no-repeat;}
.sp_visual .mb_inner {padding-top:139px;}
.sp_eyebrow {color:#db701c;font-size:14px;font-weight:700;letter-spacing:1.2px;}
.sp_visual .sp_eyebrow {color:#f7943e;}
.sp_visual h2 {margin:10px 0 12px;color:#fff;font-size:46px;line-height:1.4;}
.sp_visual p:last-child {color:rgba(255,255,255,.85);font-size:18px;}
.sp_content {padding-top:96px;padding-bottom:112px;}
.sp_intro {margin-bottom:40px;}
.sp_intro h3 {margin:10px 0 14px;font-size:40px;line-height:1.4;}
.sp_intro>p:last-child {font-size:18px;color:#667587;}
.sp_notice {position:relative;margin-bottom:48px;padding:22px 24px 22px 64px;border:1px solid #d6eaf5;border-radius:10px;background:#eef7fc;color:#426078;font-size:16px;}
.sp_notice img {position:absolute;left:24px;top:24px;width:24px;height:24px;}
.sp_search {margin-bottom:32px;padding:24px 26px;border:1px solid #e3e9ef;border-radius:12px;background:#f7f9fb;}
.sp_search_title {margin-bottom:20px;}
.sp_search_title h4 {float:left;font-size:18px;}
.sp_search_title a {float:right;padding:2px 0;color:#596a7d;font-size:14px;}
.sp_filters {margin:0 -6px 12px;}
.sp_filters>div {float:left;width:25%;padding:0 6px;}
.sp_search select,.sp_search input {width:100%;height:52px;padding:0 16px;border:1px solid #d8e1e9;border-radius:8px;background-color:#fff;color:#33445a;font-size:16px;}
.sp_search select {padding-right:38px;appearance:none;-webkit-appearance:none;background-image:url('../../../img/support/chevron-down.svg');background-position:right 14px center;background-repeat:no-repeat;background-size:18px 18px;}
.sp_search select::-ms-expand {display:none;}
.sp_keyword input {float:left;width:calc(100% - 172px);height:54px;}
#mb_site .sp_keyword button {float:right;width:160px;height:54px;border:0;border-radius:8px;background:#0077c0;color:#fff;font-size:16px;font-weight:700;cursor:pointer;}
.sp_keyword button img {width:20px;height:20px;margin-right:8px;vertical-align:middle;}
.sp_toolbar {margin-bottom:18px;}
.sp_toolbar>strong {float:left;}
.sp_toolbar strong span {color:#0077c0;}
.sp_toolbar>div {float:right;}
.sp_toolbar a {padding:0 12px;border-left:1px solid #d8e1e9;color:#677689;font-size:14px;}
.sp_toolbar a:first-child {border:0;}
.sp_toolbar a:last-child {padding-right:0;}
#mb_site .sp_toolbar a.active {color:#0077c0;font-weight:700;}
.sp_table_wrap {border:1px solid #d8e1e9;border-radius:10px;overflow:hidden;}
.sp_table {width:100%;border-collapse:collapse;table-layout:fixed;}
.sp_table th {height:56px;padding:10px 8px;background:#f4f7fa;font-size:15px;font-weight:600;}
.sp_table td {height:88px;padding:18px 10px;border-top:1px solid #e3e9ef;color:#58687c;font-size:14px;text-align:center;word-break:keep-all;overflow-wrap:break-word;}
.sp_table .sp_subject {text-align:left;}
.sp_subject a {display:block;color:#25364d;font-size:16px;font-weight:600;line-height:1.6;}
#mb_site .sp_subject a:hover {color:#0077c0;text-decoration:underline;text-underline-offset:4px;}
.sp_table tbody tr {transition:background .2s;}
.sp_table tbody tr:hover {background:#f7fbfd;}
.sp_badge {display:inline-block;min-width:66px;padding:5px 10px;border-radius:18px;background:#f0f2f5;color:#5b6776;font-size:14px;font-weight:600;white-space:nowrap;line-height:22px;}
.sp_badge.open {background:#fff1e6;color:#b55208;}
.sp_badge.soon {background:#eaf5fb;color:#006eae;}
.sp_table td.sp_empty {height:180px;text-align:center;font-size:16px;}
.sp_paging {margin-top:40px;text-align:center;}
.sp_paging a {display:inline-block;min-width:40px;height:40px;margin:0 3px;border:1px solid #dce5ec;border-radius:6px;line-height:38px;}
#mb_site .sp_paging a.active {border-color:#0077c0;background:#0077c0;color:#fff;}
.sp_admin {margin-top:28px;text-align:right;}
#mb_site .sp_button {display:inline-block;min-width:130px;padding:13px 22px;border:1px solid #dce4eb;border-radius:8px;background:#fff;color:#25364d;font-size:16px;font-weight:700;text-align:center;line-height:24px;cursor:pointer;transition:background .2s,box-shadow .2s;}
#mb_site .sp_button.primary {border-color:#0077c0;background:#0077c0;color:#fff;}
#mb_site .sp_button.dark {min-width:156px;border-color:#10213a;background:#10213a;color:#fff;}
#mb_site .sp_button:hover {box-shadow:0 4px 12px rgba(16,33,58,.13);}
.sp_button img {width:18px;height:18px;margin-left:8px;vertical-align:middle;}
.sp_detail_head {margin-bottom:40px;}
.sp_detail_head h3 {margin:18px 0;font-size:36px;line-height:1.5;word-break:keep-all;overflow-wrap:break-word;}
.sp_detail_head>p {color:#68788a;font-size:14px;}
.sp_detail_head>p span {display:inline-block;margin-left:18px;}
.sp_facts {margin-bottom:40px;border:1px solid #dce5ec;border-radius:12px;overflow:hidden;background:#f8fafc;}
.sp_facts dl {display:table;width:100%;table-layout:fixed;}
.sp_facts dl>div {display:table-cell;width:25%;padding:24px;border-left:1px solid #e3e9ef;vertical-align:top;}
.sp_facts dl>div:first-child {border-left:0;}
.sp_facts dt {margin-bottom:8px;color:#68798a;font-size:14px;}
.sp_facts dd {font-size:17px;font-weight:700;overflow-wrap:break-word;word-break:keep-all;}
.sp_facts dl>div:last-child dd {color:#b55208;}
.sp_target {padding:22px 24px;border-top:1px solid #dce8f0;background:#eef7fc;color:#31506a;font-size:16px;}
.sp_target strong {margin-right:26px;color:#0077c0;}
.sp_summary {padding:36px 40px;border:1px solid #dce5ec;border-radius:12px;}
.sp_summary h4,.sp_attachments h4 {margin-bottom:22px;font-size:22px;}
.sp_summary h4 {padding-left:16px;border-left:4px solid #0077c0;line-height:26px;}
.sp_body {color:#4f5d70;font-size:16px;line-height:1.85;overflow-wrap:anywhere;}
.sp_tags {margin-top:22px;}
.sp_tags li {display:inline-block;margin:0 6px 8px 0;padding:5px 14px;border-radius:16px;background:#f0f5f8;color:#53657a;font-size:14px;}
.sp_summary_notice {margin-top:22px;padding:16px 18px;border:1px solid #e5eaf0;border-radius:8px;background:#f8fafc;color:#667486;font-size:14px;}
.sp_source {margin-top:40px;padding:24px 28px;border:1px solid #d5e9f4;border-radius:12px;background:#eef7fc;}
.sp_source>div {float:left;width:calc(100% - 250px);}
.sp_source strong {font-size:17px;}
.sp_source p {margin-top:5px;color:#5a6b7d;font-size:14px;}
.sp_source>a {float:right;}
.sp_attachments {margin-top:40px;}
.sp_attachments h4 {margin-bottom:14px;}
.sp_attachments ul,.sp_post_nav {border:1px solid #dce4eb;border-radius:10px;overflow:hidden;}
.sp_attachments li+li {border-top:1px solid #e5ebf0;}
.sp_attachments a {display:block;padding:20px 22px;font-size:16px;}
.sp_attachments img {width:20px;height:20px;margin-right:12px;vertical-align:middle;}
.sp_attachments a span {display:inline-block;max-width:calc(100% - 145px);vertical-align:middle;overflow-wrap:anywhere;}
.sp_attachments small {float:right;color:#617489;font-size:14px;}
.sp_attachment_empty {padding:22px;color:#667486;}
.sp_post_nav {margin-top:40px;}
.sp_post_nav>div {position:relative;min-height:62px;padding:20px 140px 20px 120px;font-size:16px;}
.sp_post_nav>div+div {border-top:1px solid #e5ebf0;}
.sp_post_nav strong {position:absolute;top:20px;left:0;width:120px;text-align:center;color:#0077c0;font-size:14px;}
.sp_post_nav time {position:absolute;right:22px;top:22px;color:#67798b;font-size:14px;}
.sp_post_nav a:hover {text-decoration:underline;}
.sp_bottom {margin-top:24px;text-align:center;}
.sp_write h3 {margin-bottom:18px;font-size:28px;}
.sp_write>p {margin-bottom:24px;color:#657486;}
.sp_form_row {margin-bottom:20px;}
.sp_form_row label {display:block;margin-bottom:7px;font-weight:600;}
.sp_form_row input,.sp_form_row textarea,.sp_form_row select {width:100%;padding:12px 14px;border:1px solid #cbd9e4;border-radius:6px;font-size:16px;}
.mb_support_page a:focus-visible,.mb_support_page button:focus-visible,.mb_support_page input:focus-visible,.mb_support_page select:focus-visible,.mb_support_page textarea:focus-visible {outline:3px solid #ed891f;outline-offset:3px;}
@media (max-width:1199px) {
 .sp_visual {background-size:auto 1280px;}
 .sp_table td {padding:16px 7px;}
 .sp_facts dl>div {padding:22px 16px;}
}
@media (max-width:1023px) {
 .sp_content {padding-top:64px;padding-bottom:72px;}
 .sp_visual {height:360px;}
 .sp_visual .mb_inner {padding-top:95px;}
 .sp_filters>div {width:50%;margin-bottom:12px;}
 .sp_filters {margin-bottom:0;}
 .sp_table thead,.sp_table colgroup {display:none;}
 .sp_table,.sp_table tbody {display:block;}
 .sp_table tr {display:block;padding:22px;border-bottom:1px solid #e3e9ef;}
 .sp_table tr:last-child {border-bottom:0;}
 .sp_table td {display:block;height:auto;border:0;padding:4px 0;text-align:left;font-size:15px;}
 .sp_table td.sp_number {display:none;}
 .sp_table td[data-label]:before {display:inline-block;min-width:90px;color:#788594;font-size:14px;content:attr(data-label);}
 .sp_table td[data-label] br {display:none;}
 .sp_table .sp_subject {margin:8px 0;}
 .sp_subject a {font-size:19px;}
 .sp_table td.sp_empty {height:auto;padding:55px 0;}
 .sp_facts dl,.sp_facts dl>div {display:block;}
 .sp_facts dl>div {float:left;width:50%;min-height:120px;border-bottom:1px solid #e3e9ef;}
 .sp_facts dl>div:nth-child(odd) {border-left:0;clear:left;}
 .sp_summary {padding:28px;}
}
@media (max-width:767px) {
 .sp_visual {height:280px;background-size:auto 850px;}
 .sp_visual .mb_inner {padding-top:62px;}
 .sp_visual h2 {font-size:32px;}
 .sp_visual p:last-child {font-size:16px;max-width:340px;}
 .sp_content {padding-top:44px;padding-bottom:64px;}
 .sp_intro {margin-bottom:28px;}
 .sp_intro h3 {font-size:28px;}
 .sp_intro>p:last-child {font-size:16px;}
 .sp_notice {margin-bottom:28px;padding:18px 16px 18px 48px;font-size:15px;}
 .sp_notice img {left:16px;top:20px;width:20px;height:20px;}
 .sp_search {padding:18px 14px;}
 .sp_search select {padding-left:10px;padding-right:30px;font-size:15px;background-position:right 8px center;}
 .sp_keyword input {width:calc(100% - 80px);padding:0 12px;font-size:15px;}
 #mb_site .sp_keyword button {width:72px;}
 .sp_keyword button img {display:none;}
 .sp_toolbar a {padding:0 7px;}
 .sp_table tr {padding:18px;}
 .sp_detail_head h3 {font-size:26px;}
 .sp_detail_head>p span {margin-left:0;margin-right:12px;}
 .sp_detail_head>p span:first-child {margin-left:12px;}
 .sp_facts dl>div {padding:18px 14px;min-height:118px;}
 .sp_facts dd {font-size:16px;}
 .sp_target {padding:18px 14px;}
 .sp_target strong {display:block;margin-bottom:6px;}
 .sp_summary {padding:24px 18px;}
 .sp_source {padding:22px 18px;}
 .sp_source>div {float:none;width:100%;margin-bottom:18px;}
 .sp_source>a {float:none;width:100%;}
 .sp_attachments a {padding:18px 14px;}
 .sp_attachments a span {max-width:calc(100% - 42px);}
 .sp_attachments small {display:block;float:none;margin-left:32px;margin-top:8px;}
 .sp_post_nav>div {padding:18px 16px 18px 76px;}
 .sp_post_nav strong {width:76px;top:19px;}
 .sp_post_nav time {display:none;}
}
@media (prefers-reduced-motion:reduce) { .sp_table tbody tr,#mb_site .sp_button {transition:none;} }
/* 연합회 직접 등록 안내 */
.sp_write .as_calendar_option input[type="checkbox"],.sp_write .as_delete input[type="checkbox"] {width:18px;height:18px;padding:0;margin-right:7px;vertical-align:middle;}
.sp_write .as_calendar_option label {width:auto;display:block;}
.sp_write .as_calendar_option p,.as_upload>p {margin:10px 0;color:#607080;line-height:1.6;}
.as_upload {margin-top:28px;padding:24px;border:1px solid #dce3ea;}
.as_upload legend {padding:0 8px;font-size:20px;font-weight:700;}
.sp_write .as_delete {display:inline-block;width:auto;margin-left:12px;}
.as_apply {margin-top:20px;}
.sp_badge.as_source_badge {color:#0c725b;background:#e5f5ef;}

/* 기관별 탭: 모바일은 가로 스크롤 */
.sp_agency_tabs {display:flex;gap:8px;overflow-x:auto;padding:0 0 10px;margin:0 0 12px;}
#mb_site .sp_agency_tabs a {flex:0 0 auto;padding:13px 17px;border:1px solid #dce3ea;border-radius:7px;color:#43566a;font-size:16px;font-weight:600;transition:background .2s,color .2s;}
#mb_site .sp_agency_tabs a:hover,#mb_site .sp_agency_tabs a.on {background:#075e9b;border-color:#075e9b;color:#fff;}
.sp_agency_tabs a span {margin-left:7px;font-size:14px;opacity:.8;}
.sp_agency_note {margin-bottom:24px;color:#5b6b7c;font-size:15px;line-height:1.6;}
@media(max-width:767px){#mb_site .sp_agency_tabs a {padding:12px 14px;font-size:15px;}}
@media(prefers-reduced-motion:reduce){#mb_site .sp_agency_tabs a {transition:none;}}