@charset "utf-8";

/* 01. 글꼴 / 공통 : 빌드 도구 없이 이 파일을 바로 수정합니다.
 * 보조정보 14px 이상 / 본문 16px / 카드 제목 18px 기준. */
/* 글꼴 로딩과 전체 적용은 mainbiz-font.css에서 관리합니다. */
#mb_site {min-width:0;color:#141f2e;font-family:inherit;font-size:16px;line-height:1.5;background:#fff}
#mb_site h1,#mb_site h2,#mb_site h3,#mb_site input,#mb_site button {font-family:inherit}
#mb_site a {color:inherit;text-decoration:none}
#mb_site button {font:inherit;border:0;background:none;color:inherit;cursor:pointer}
#mb_site [hidden] {display:none !important}
#mb_site p {word-break:keep-all}
#mb_site a:focus-visible,#mb_site button:focus-visible,#mb_site input:focus-visible {outline:3px solid #f7943e;outline-offset:4px}
.mb_inner {width:calc(100% - 40px);max-width:1200px;margin:0 auto}
.mb_clear:after {display:block;clear:both;content:''}
.mb_skip {position:absolute;top:-80px;left:20px;z-index:2000;padding:12px 20px;background:#09172e;color:#fff !important}
.mb_skip:focus {top:10px}
.mb_eyebrow {font-size:14px;font-weight:700;color:#b4500a;line-height:21px}
.mb_section_head {position:relative;height:52px;margin-bottom:18px}
.mb_section_head h2 {font-size:24px;line-height:28px;color:#09172e;font-weight:700}
#mb_site .mb_more {position:absolute;right:0;bottom:4px;color:#0077c0;font-size:16px;font-weight:600}
.mb_more span {padding-left:8px}
#mb_site .mb_blue {color:#0077c0}
#mb_site .mb_orange {color:#ce6011}
.mb_empty {padding:90px 20px;text-align:center;font-size:16px;color:#667887}

/* 02. 헤더 / 메뉴 : DB 메뉴 8개, hover와 키보드/클릭을 모두 지원 */
#mb_header {position:relative;z-index:100;background:#fff}
.mb_header_inner {width:89%;max-width:1707px;height:59px;margin:0 auto}
.mb_brand {float:left;font-size:24px;line-height:59px;color:#09172e;font-weight:700;letter-spacing:-1px}
.mb_brand a {display:block}
.mb_logo {position:relative;display:inline-block;width:70px;height:53px;overflow:hidden;vertical-align:middle;margin-right:13px}
.mb_logo img {position:absolute;width:201px;height:27px;max-width:none;left:-132px;top:16px}
.mb_utility {float:right;padding-top:18px;font-size:15px;color:#576375}
.mb_utility li {display:inline-block;margin-left:13px}
.mb_utility button {padding:0;line-height:23px}
.mb_menu_toggle {display:none}
#mb_menu_backdrop {position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:rgba(9,23,46,.58);animation:mb_fade_in 180ms ease-out}
html.mb_menu_lock,body.mb_menu_lock {overflow:hidden}
#mb_navi {height:75px;background:#0077c0}
.mb_navi_list {display:table;table-layout:auto;height:75px}
.mb_navi_item {position:relative;display:table-cell;vertical-align:middle;text-align:center}
#mb_site .mb_navi_link {display:block;padding:25px 24px;color:#fff;font-size:18px;font-weight:700;line-height:25px;white-space:nowrap}
#mb_site .mb_navi_item:hover,#mb_site .mb_navi_item.open {background:#0069ab}
/* 화살표는 메뉴 글자와 같은 높이에 정렬하고, 긴 메뉴명 옆에도 공간을 확보합니다. */
#mb_site .mb_sub_toggle {position:absolute;right:3px;top:50%;margin-top:-12px;padding:0;color:#fff;width:21px;height:24px;font-size:0;line-height:24px;opacity:0}
#mb_site .mb_sub_toggle:before {position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-5px 0 0 -4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);content:''}
#mb_site .mb_sub_toggle:focus,#mb_site .mb_navi_item:hover .mb_sub_toggle,#mb_site .mb_navi_item.open .mb_sub_toggle {opacity:1}
.mb_submenu {display:none;position:absolute;top:75px;left:50%;width:270px;margin-left:-135px;padding:14px 0;border:1px solid #dbe3ed;border-top:3px solid #f7943e;background:#fff;box-shadow:0 10px 25px rgba(9,23,46,.12);text-align:left}
.mb_navi_item.open .mb_submenu {display:block}
.mb_submenu a {display:block;padding:10px 20px;font-size:16px;line-height:24px}
#mb_site .mb_submenu a:hover,#mb_site .mb_submenu a:focus {background:#edf7fc;color:#0077c0}
#mb_sitemap {position:absolute;top:134px;left:0;right:0;padding:30px 0 35px;background:#fff;border-bottom:3px solid #0077c0;box-shadow:0 12px 24px rgba(9,23,46,.15)}
.mb_sitemap_head {height:46px;border-bottom:1px solid #dbe3ed;margin-bottom:20px}
.mb_sitemap_head h2 {float:left;font-size:24px}
.mb_sitemap_close {float:right}
.mb_sitemap_list {display:table;width:100%;table-layout:fixed}
.mb_sitemap_list>li {display:table-cell;padding-right:10px;vertical-align:top}
.mb_sitemap_list strong {display:block;color:#0077c0;font-size:16px;margin-bottom:16px}
.mb_sitemap_list li li {font-size:16px;line-height:25px;margin-bottom:10px;word-break:keep-all}
.mb_subpage {width:calc(100% - 40px);max-width:1200px;min-height:600px;margin:0 auto;padding:55px 0 70px}
.mb_page_title {font-size:30px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #dbe3ed}

/* 03. 메인 비주얼 */
#mb_visual {position:relative;overflow:hidden;height:672px;background-color:#fff;background-position:center bottom;background-size:1920px auto}
/* 배경만 천천히 확대·축소하며 좌우로 이동. 속도 14초 / 최대 확대 5%. */
#mb_visual:before {content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url('../img/main/hero.png');background-repeat:no-repeat;background-position:inherit;background-size:inherit;transform-origin:center center;animation:mb_visual_breathe 14s ease-in-out infinite;pointer-events:none}
@keyframes mb_visual_breathe {
    0%,100% {transform:scale(1.015) translateX(-3px)}
    50% {transform:scale(1.05) translateX(3px)}
}
#mb_visual>.mb_inner {position:relative;height:100%}
/* 검색창 높이 75px + 하단 여백 28px을 제외한 영역에 텍스트 세로 중앙 정렬 */
.mb_visual_intro {display:table;table-layout:fixed;width:100%;height:calc(100% - 103px)}
.mb_visual_copy {display:table-cell;vertical-align:middle;padding:24px 0;width:760px}
.mb_visual_copy .mb_eyebrow {font-size:16px;line-height:24px;color:#ec7a22;margin-bottom:16px}
.mb_visual_copy h2 {width:519px;height:auto;margin-bottom:16px}
.mb_visual_copy h2 img {display:block;width:519px;max-width:100%;height:auto}
.mb_visual_desc {font-size:20px;line-height:32px;color:#576375;margin-bottom:16px}
#mb_site .mb_text_link {font-size:18px;line-height:27px;color:#0077c0;font-weight:700}
.mb_text_link span {margin-left:8px}
.mb_company_search {position:absolute;left:0;bottom:28px;width:100%;height:75px;padding:9px 10px 9px 28px;border:1px solid #0077c0;border-radius:38px;background:#fff}
.mb_company_search input {float:left;width:calc(100% - 223px);height:55px;padding:0;border:0;background:transparent;font-size:18px;color:#141f2e;line-height:55px}
.mb_company_search input::placeholder {color:#6b788a}
#mb_site .mb_company_search button {float:right;width:213px;height:55px;border-radius:28px;background:#0077c0;color:#fff;font-size:17px;font-weight:700}
.mb_company_search button:hover {background:#0067a8 !important}

/* 04. 하단 리모컨 : 반투명 흰색 / 접기·펼치기 / 모바일 가로 스크롤 */
.mb_has_quick {padding-bottom:124px}
.mb_quick_wrap {position:fixed;left:0;right:0;bottom:0;z-index:80;height:auto;padding:8px 0 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px));border-top:1px solid rgba(199,214,224,.8);background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -5px 24px rgba(5,23,46,.1)}
.mb_quick_header {height:32px;line-height:32px;padding:0 8px;color:#183247}
.mb_quick_header strong {float:left;font-size:15px;font-weight:700}
.mb_js .mb_quick_wrap.is-collapsed {cursor:pointer}
.mb_quick_tooltip {display:none;position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);padding:9px 16px;border-radius:8px;background:#183247;color:#fff;font-size:14px;font-weight:600;line-height:22px;white-space:nowrap;pointer-events:none;box-shadow:0 3px 12px rgba(5,23,46,.15)}
.mb_quick_tooltip:after {position:absolute;left:50%;bottom:-6px;margin-left:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #183247;content:''}
.mb_js .mb_quick_wrap.is-collapsed:not(.tooltip-dismissed):hover .mb_quick_tooltip,.mb_js .mb_quick_wrap.is-collapsed:not(.tooltip-dismissed):focus-within .mb_quick_tooltip {display:block}
#mb_site #mb_quick_toggle {display:none;float:right;min-width:68px;height:32px;padding:0 8px;color:#576375;font-size:14px;line-height:32px}
#mb_site.mb_js #mb_quick_toggle {display:block}
#mb_quick_toggle span {position:relative;display:inline-block;width:12px;height:16px;margin-left:6px;font-size:0;vertical-align:middle}
#mb_quick_toggle span:before {position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-5px 0 0 -4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);content:''}
#mb_quick_toggle[aria-expanded="false"] span:before {margin-top:-2px;transform:rotate(225deg)}
.mb_quick {height:72px;padding:7px;border:0;border-radius:0;box-shadow:none}
.mb_quick li {float:left;width:calc((100% - 20px) / 6);margin-right:4px}
.mb_quick li:last-child {margin-right:0}
.mb_quick a {display:block;height:56px;padding:10px 8px;border:1px solid transparent;border-radius:14px;line-height:34px;font-size:16px;font-weight:600;white-space:nowrap}
.mb_quick .on a,.mb_quick a:hover,.mb_quick a:focus-visible {background:#edf7fc;border-color:#0077c0}
.mb_quick a>span {display:inline-block;width:36px;height:36px;margin-right:8px;padding:8px;border-radius:12px;background:#0077c0;vertical-align:top}
.mb_quick img {display:block;width:20px;height:20px}

/* 05. 배너와 달력 */
.mb_events {height:auto;padding-top:57px;background:#fff;min-height:540px;padding-bottom:50px}
.mb_banner {float:left;width:700px}
#mb_banner_list {height:353px}
#mb_banner_list>li {position:relative;height:353px;overflow:hidden;border-radius:16px}
#mb_banner_list>li>a {display:block;height:353px}
#mb_banner_list img {display:block;width:700px;height:353px;object-fit:cover}
.mb_banner_caption {display:block;position:absolute;left:28px;right:28px;bottom:24px;height:auto;padding:12px 56px 12px 18px;border-radius:10px;background:rgba(9,23,46,.88);color:#fff;min-height:82px}
.mb_banner_caption strong {display:block;font-size:19px;line-height:28px;font-weight:700}
.mb_banner_caption small {display:block;font-size:16px;line-height:24px;color:#ccd9e5}
.mb_banner_caption b {position:absolute;right:18px;top:9px;font-size:40px;line-height:48px;color:#f7943e;font-weight:400}
.mb_slide_controls {height:32px;margin-top:12px;font-size:14px}
.mb_slide_controls>span {display:inline-block;min-width:72px;margin-right:9px;padding:5px 14px;border-radius:16px;background:#edf7fc;color:#0077c0;font-weight:600;text-align:center;vertical-align:top}
#mb_site .mb_slide_controls button,#mb_site .mb_partner_controls button {width:32px;height:32px;border:1px solid #c7d6e0;border-radius:50%;font-size:22px;line-height:26px;color:#0077c0}
#mb_site button.next {background:#0077c0;border-color:#0077c0;color:#fff}
.mb_calendar {float:right;width:480px;height:auto;padding:18px 24px;border:1px solid #dbe3ed;border-radius:8px;background:#fff;min-height:400px}
.mb_calendar_head {height:42px}
.mb_calendar_head h2 {float:left;font-size:22px;color:#141f2e;line-height:36px}
.mb_calendar_head>div {float:right;line-height:36px}
.mb_calendar_head strong {display:inline-block;min-width:82px;text-align:center;color:#0077c0;font-size:16px}
#mb_site .mb_calendar_head button {width:25px;height:36px;color:#73808f;font-size:22px}
.mb_calendar_table {width:100%;border-collapse:collapse;table-layout:fixed;text-align:center;font-size:14px}
.mb_calendar_table th {height:30px;font-size:14px;font-weight:500;color:#576375}
.mb_calendar_table td {height:34px;padding:0}
.mb_calendar_table td:first-child,.mb_calendar_table .sun {color:#b4500a}
.mb_calendar_table td:last-child,.mb_calendar_table .sat {color:#0077c0}
.mb_calendar_table .other {color:#667887}
#mb_site .mb_calendar_table td span,#mb_site .mb_calendar_table td button {display:block;width:100%;height:32px;border-radius:14px;line-height:32px;font-size:14px}
#mb_site .mb_calendar_table td button.blue {background:#0077c0;color:#fff;font-weight:700}
#mb_site .mb_calendar_table td button.orange {background:#f7943e;color:#183247;font-weight:700}
.mb_calendar_table button:hover {background:#edf7fc !important;color:#0077c0 !important}
.mb_calendar_summary {height:auto;margin-top:17px;padding:10px 10px;background:#f2f7fc;border-radius:4px;font-size:14px;min-height:68px}
.mb_calendar_summary p {float:none;max-width:none;white-space:normal;text-overflow:clip;overflow:visible;font-weight:600;line-height:24px}
#mb_site .mb_calendar_summary a {float:none;font-size:14px;color:#0077c0;line-height:24px;display:block}
#mb_site .mb_calendar_table button[aria-pressed="true"] {outline:2px solid #183247;outline-offset:-2px}
#mb_site .mb_calendar_table button[aria-current="date"] {text-decoration:underline;text-underline-offset:3px}
#mb_site .mb_calendar_head button:disabled {opacity:.35;cursor:default}
#mb_calendar_selected_events li {margin:5px 0;overflow-wrap:anywhere}
#mb_calendar_selected_events a span {font-weight:700;margin-right:4px}
#mb_site .mb_calendar_summary a:hover {text-decoration:underline}
#mb_site .mb_calendar_summary .mb_calendar_all {margin-top:8px;padding-top:6px;border-top:1px solid #dbe3ed}

/* 06. 회원사 제품 */
.mb_products {height:auto;padding:48px 0;background:#f2f7fc;min-height:446px}
.mb_product_list>li {float:left;width:288px;height:auto;margin-right:16px;overflow:hidden;border:1px solid #dbe3ed;border-radius:8px;background:#fff;min-height:286px}
.mb_product_list>li:last-child {margin-right:0}
.mb_product_list a {display:block;height:100%}
.mb_product_list img {display:block;width:288px;height:160px;object-fit:cover}
.mb_product_copy {display:block;padding:12px 16px}
.mb_product_copy small {display:block;font-size:14px;font-weight:700;color:#0077c0;margin-bottom:8px}
.mb_product_copy strong {display:block;font-size:18px;font-weight:600;line-height:27px;word-break:keep-all}
.mb_product_list a:hover strong {color:#0077c0}

/* 07. 인사말 / 연합회 활동 */
.mb_association {height:auto;padding:69px 0 70px;background:#fafbfd;min-height:518px}
#mb_site .mb_greeting {display:block;float:left;width:468px;height:326px;padding:16px;border:1px solid #dbe3ed;border-radius:14px;background:#fff}
.mb_greeting>img {float:left;width:173px;height:289px;border-radius:18px;object-fit:cover}
.mb_greeting_copy {position:relative;display:block;height:289px;margin-left:195px;padding-top:10px}
.mb_greeting_copy>strong {display:block;font-size:21px;line-height:32px;font-weight:700;color:#09172e;letter-spacing:-.6px}
.mb_greeting_copy>span {display:block;font-size:16px;line-height:25px;margin-top:16px;color:#576375;word-break:keep-all}
.mb_greeting_copy>b {display:block;font-size:14px;font-weight:500;color:#09172e;margin-top:16px;text-align:right}
.mb_activity {float:right;width:700px}
.mb_activity .mb_section_head {height:52px;margin-bottom:12px}
.mb_activity_tabs {position:absolute;right:0;bottom:0}
#mb_site .mb_activity_tabs button {padding:6px 11px;border-radius:16px;font-size:14px;line-height:21px;color:#617382;background:#fff}
#mb_site .mb_activity_tabs button.on {background:#0077c0;color:#fff}
.mb_activity_list>li {float:left;width:225px;height:auto;margin-right:12px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 6px 16px rgba(8,31,51,.1);min-height:316px}
.mb_activity_list>li:last-child {margin-right:0}
.mb_activity_list a {display:block}
.mb_activity_list img {display:block;width:225px;height:160px;object-fit:cover}
.mb_activity_list a>span {display:block;padding:12px}
.mb_activity_list strong {display:block;font-size:18px;line-height:27px;font-weight:700;color:#09172e;margin-bottom:6px;word-break:keep-all}
.mb_activity_list small {display:block;font-size:16px;line-height:24px;color:#596b7a;word-break:keep-all}
#mb_activity_empty {height:auto;background:#fff;border-radius:12px;min-height:316px}

/* 08. 공지사항 탭 */
.mb_notice {height:591px;padding:75px 0 64px;background:#fafbfd}
.mb_notice_nav {float:left;width:224px}
.mb_notice_nav h2 {font-size:33px;line-height:45px;color:#0077c0;margin-bottom:24px}
#mb_site .mb_notice_nav button {display:block;width:224px;height:73px;margin-bottom:13px;padding:0 22px;border:2px solid #c4dbe8;border-radius:16px;background:#fff;color:#14334d;font-size:21px;font-weight:700;text-align:left}
#mb_site .mb_notice_nav button.on {border-color:#0077c0;background:#0077c0;color:#fff}
.mb_notice_nav button span {float:right;color:#0077c0;font-size:24px}
.mb_notice_nav button.on span {color:#f7943e}
.mb_notice_panels {float:right;width:919px}
.mb_notice_panel {min-height:404px;padding:32px 37px;border:1px solid #dbe3ed;border-radius:21px;background:#fff;box-shadow:0 11px 32px rgba(8,31,51,.07)}
.mb_notice_panel>h3 {font-size:24px;color:#0077c0}
#mb_site .mb_notice_featured {display:block;width:100%;min-height:99px;padding:20px 26px;margin-bottom:16px;border-radius:16px;background:#f7943e;color:#fff}
.mb_notice_featured>span {display:block;margin-left:92px}
.mb_notice_featured .mb_notice_badge {float:left;width:70px;display:block;padding:8px 17px;margin:11px 22px 0 0;border-radius:20px;background:rgba(255,255,255,.22);font-size:16px;font-weight:700;white-space:nowrap;text-align:center}
.mb_notice_featured strong {display:block;font-size:23px;font-weight:700;line-height:30px;word-break:keep-all}
.mb_notice_featured small {display:block;font-size:16px;line-height:24px;margin-top:5px;word-break:keep-all}
.mb_notice_list>li {height:56px;border-bottom:1px solid #dbe3eb}
.mb_notice_list a {display:block;position:relative;line-height:55px;padding:0 5px}
.mb_notice_list a>span {display:block;max-width:740px;padding-right:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:17px;font-weight:500}
.mb_notice_list b {color:#0077c0;font-size:16px;margin-right:13px}
.mb_notice_list time {position:absolute;right:5px;top:0;color:#667887;font-size:16px}
.mb_notice_list a:hover {color:#0077c0 !important}

/* 09. 유관기관 */
.mb_partners {height:auto;padding:22px 0;background:#f4f8fb;border-radius:20px 20px 0 0;min-height:0}
.mb_partners_inner {width:calc(100% - 40px);max-width:1200px;margin:0 auto}
.mb_partners h2 {float:left;width:90px;padding-top:27px;font-size:20px;color:#0a203e;font-weight:600}
.mb_partner_view {float:left;width:calc(100% - 224px);height:102px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.mb_partner_view.mb_partner_flow {height:84px;scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none}
.mb_partner_flow::-webkit-scrollbar {display:none}
#mb_partner_list {width:100%;height:84px;white-space:nowrap;font-size:0}
#mb_partner_list>li {display:inline-block;width:calc((100% - 32px) / 5);height:84px;margin-right:8px;border:1px solid #dbe3ed;border-radius:10px;background:#fff;vertical-align:top;scroll-snap-align:start}
#mb_partner_list>li:last-child {margin-right:0}
.mb_partner_flow #mb_partner_list>li:last-child {margin-right:8px}
#mb_partner_list a {display:block;padding:7px 8px;text-align:center}
#mb_partner_list img {display:block;width:100%;max-width:116px;height:40px;object-fit:contain;margin:0 auto}
#mb_partner_list span {display:block;height:21px;overflow:hidden;font-size:14px;line-height:21px;margin-top:5px;letter-spacing:-.3px;white-space:nowrap}
#mb_partner_list span.mb_partner_name_flow {text-align:left}
@media (prefers-reduced-motion:reduce) {#mb_partner_list span.mb_partner_name_flow {overflow-x:auto;scrollbar-width:none}}
.mb_partner_controls {float:right;padding-top:25px}
#mb_site .mb_partner_controls button {width:34px;height:34px;background:#fff;border-color:#c7d6e0;color:#0077c0}
#mb_site .mb_partner_controls button:hover,#mb_site .mb_partner_controls button:focus-visible {background:#0077c0;border-color:#0077c0;color:#fff}
#mb_site #mb_partner_pause {font-size:16px;font-weight:700}

/* 10. 푸터 / 안내창 */
#mb_footer {height:280px;padding:45px 0 40px;background:#183247;color:#afc0cc}
.mb_footer_top {height:95px;border-bottom:1px solid rgba(255,255,255,.16)}
.mb_footer_brand {float:left;color:#d9e4eb !important;line-height:66px;font-size:16px}
.mb_footer_brand .mb_logo {width:92px;height:50px;margin-right:18px}
.mb_footer_brand .mb_logo img {width:261px;height:35px;left:-169px;top:7px}
.mb_footer_links {float:right;padding-top:23px;font-size:16px;color:#d9e4eb}
.mb_footer_links li {display:inline-block}
.mb_footer_links li+li:before {content:'·';padding:0 12px}
.mb_footer_links button {padding:0}
.mb_footer_info {padding-top:26px;font-size:16px;line-height:25px}
.mb_footer_info span {margin-left:20px}
#mb_message {position:fixed;left:50%;bottom:35px;z-index:3000;width:440px;margin-left:-220px;padding:18px 24px;border-radius:10px;background:#183247;box-shadow:0 5px 25px rgba(0,0,0,.15);color:#fff;text-align:center}
.mb_dialog_wrap {position:fixed;left:0;right:0;top:0;bottom:0;z-index:2000;background:rgba(0,0,0,.45)}
.mb_dialog {position:absolute;left:50%;top:35%;width:460px;margin-left:-230px;padding:35px;background:#fff;border-radius:15px}
.mb_dialog h2 {font-size:23px;margin-bottom:20px}
.mb_dialog p {font-size:16px;line-height:26px}
#mb_email_layer .mb_dialog {top:50%;width:680px;max-width:calc(100% - 32px);max-height:calc(100vh - 48px);margin:0;transform:translate(-50%,-50%);overflow-y:auto}
.mb_email_content h3 {margin:22px 0 8px;font-size:18px;line-height:1.5;color:#172b43}
.mb_email_content p {margin:8px 0}
.mb_email_content ul {padding-left:20px;margin:12px 0;font-size:16px;line-height:1.8}
.mb_email_content li {list-style:disc}
.mb_email_content a {color:#0077c0;text-decoration:underline}
.mb_email_content .mb_policy_date {font-size:14px;color:#65758a}
#mb_email_layer:not([hidden]) .mb_dialog {animation:mb_fade_in 250ms ease-out}
#mb_site .mb_dialog button {display:block;margin:25px 0 0 auto;padding:8px 25px;background:#0077c0;color:#fff;border-radius:6px}

/* 동일한 PHP 레이아웃을 PC·태블릿·모바일에서 사용합니다. 반응형은 12번 구역 참고. */
@media (min-width:1921px) {#mb_visual {background-size:100% auto}}
@media print {#mb_navi,.mb_utility,.mb_slide_controls,.mb_partner_controls {display:none}#mb_site {min-width:0}.mb_inner {max-width:100%}}

/* 11. 등장 / 페이드 / 호버 효과
 * 등장 속도: 600ms / 호버 속도: 220ms / 배너 페이드: 450ms
 * 타이틀 브리딩은 처음 한 번, 배경 브리딩은 위 mb_visual_breathe로 반복합니다.
 */
@keyframes mb_fade_in {
    from {opacity:0}
    to {opacity:1}
}
@keyframes mb_rise_in {
    from {opacity:0;transform:translateY(12px)}
    to {opacity:1;transform:translateY(0)}
}
@keyframes mb_breathe {
    0%,100% {transform:scale(1)}
    50% {transform:scale(1.012)}
}
.mb_visual_copy {animation:mb_rise_in 700ms ease-out both}
.mb_visual_copy h2 img {transform-origin:left center;animation:mb_breathe 4s ease-in-out 800ms 1}
.mb_company_search {animation:mb_rise_in 650ms ease-out 150ms both;transition:box-shadow 220ms ease}
.mb_company_search:focus-within {box-shadow:0 8px 26px rgba(0,119,192,.14)}
.mb_quick_wrap {animation:mb_rise_in 650ms ease-out 250ms both}
.mb_motion_ready .mb_reveal {opacity:0;transform:translateY(22px);transition:opacity 600ms ease,transform 600ms ease,box-shadow 220ms ease}
.mb_motion_ready .mb_reveal.is-visible {opacity:1;transform:translateY(0)}
.mb_motion_ready .mb_reveal:focus-within {opacity:1;transform:none;transition-delay:0ms !important;transition-duration:0ms}
#mb_banner_list>li.on {animation:mb_fade_in 450ms ease-out}
.mb_notice_panel:not([hidden]),#mb_sitemap:not([hidden]),.mb_dialog_wrap:not([hidden]) .mb_dialog {animation:mb_rise_in 250ms ease-out}
.mb_navi_item.open .mb_submenu {animation:mb_rise_in 180ms ease-out}

/* 버튼 / 링크 */
#mb_site .mb_navi_item,#mb_site .mb_submenu a,#mb_site .mb_utility a,
#mb_site .mb_footer_links a,#mb_site .mb_footer_links button,
#mb_site .mb_quick a,#mb_site .mb_activity_tabs button,
#mb_site .mb_notice_nav button,#mb_site .mb_company_search button,
#mb_site .mb_slide_controls button,#mb_site .mb_partner_controls button {
    transition:color 220ms ease,background-color 220ms ease,border-color 220ms ease,box-shadow 220ms ease,transform 220ms ease;
}
#mb_site .mb_utility a:hover,#mb_site .mb_footer_links a:hover,#mb_site .mb_footer_links button:hover {color:#f7943e}
.mb_text_link span,.mb_more span,.mb_notice_nav button span {display:inline-block;transition:transform 220ms ease}
.mb_text_link:hover span,.mb_more:hover span,.mb_notice_nav button:hover span {transform:translateX(4px)}
.mb_quick a>span {transition:transform 220ms ease;margin-right:8px}
.mb_quick a:hover>span {transform:translateY(-2px)}
#mb_site .mb_company_search button:hover {transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,119,192,.2)}
#mb_site .mb_slide_controls button:hover,#mb_site .mb_partner_controls button:hover {transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,119,192,.16)}
#mb_site .mb_notice_nav button:hover {border-color:#0077c0;transform:translateX(3px)}
#mb_site .mb_activity_tabs button:hover {box-shadow:0 3px 10px rgba(0,119,192,.12)}
#mb_site .mb_company_search button:active,#mb_site .mb_slide_controls button:active,#mb_site .mb_partner_controls button:active {transform:translateY(0)}

/* 카드 / 이미지 : 원래 크기와 배치를 유지하며 살짝 확대 */
.mb_product_list img,.mb_activity_list img,#mb_banner_list img,#mb_partner_list img {transition:transform 350ms ease}
.mb_product_list a:hover img,.mb_product_list a:focus img,
.mb_activity_list a:hover img,.mb_activity_list a:focus img {transform:scale(1.035)}
.mb_product_copy,.mb_activity_list a>span {position:relative;background:#fff}
.mb_product_list>li:hover,.mb_product_list>li:focus-within {box-shadow:0 10px 24px rgba(8,31,51,.12)}
.mb_activity_list>li {transition:box-shadow 220ms ease;height:auto;min-height:316px}
.mb_activity_list>li:hover {box-shadow:0 10px 24px rgba(8,31,51,.16)}
#mb_banner_list a:hover img {transform:scale(1.02)}
#mb_partner_list a:hover img {transform:scale(1.04)}
.mb_greeting {transition:border-color 220ms ease,box-shadow 220ms ease}
.mb_greeting:hover {border-color:#acd0e5 !important;box-shadow:0 8px 22px rgba(8,31,51,.08)}
.mb_notice_list a {transition:background-color 220ms ease,color 220ms ease}
.mb_notice_list a:hover {background:#f4f9fc}

/* 동작 줄이기: 등장 대기 없이 모든 콘텐츠를 표시하고 움직임을 끕니다. */
@media (prefers-reduced-motion:reduce) {
    #mb_site *,#mb_site *:before,#mb_site *:after {animation:none !important;transition:none !important}
    #mb_site .mb_reveal {opacity:1 !important;transform:none !important}
    #mb_site a:hover img,#mb_site a:focus img,#mb_site button:hover,#mb_site button:active,
    #mb_site .mb_quick a:hover>span,#mb_site .mb_text_link:hover span,
    #mb_site .mb_more:hover span,#mb_site .mb_notice_nav button:hover span {transform:none !important}
}
@media print {
    #mb_site .mb_reveal {opacity:1 !important;transform:none !important}
    #mb_site * {animation:none !important;transition:none !important}
}

/* 12. 반응형: 1239px 메뉴 전환 / 1023px 본문 재배치 / 767px 모바일 / 575px 카드 간격 축소
 * PC의 1200px 본문과 PHP include 구조는 그대로 사용합니다.
 * 화면 크기에 맞추는 수치는 이 구역에서 편집합니다.
 */
.mb_partner_view:focus-visible {outline:3px solid #f7943e;outline-offset:3px}
.mb_header_inner:after,.mb_footer_top:after {display:block;clear:both;content:''}
.mb_subpage img {max-width:100%;height:auto}
.mb_subpage .tbl_head01,.mb_subpage .tbl_head02 {overflow-x:auto}
#hd_pop {max-width:100%}

@media (max-width:1239px) {
    .mb_header_inner {width:calc(100% - 40px);height:auto;min-height:84px;position:relative;padding:10px 82px 10px 0}
    .mb_brand {float:none;font-size:23px;line-height:60px}
    .mb_utility {float:none;padding:0 0 12px;font-size:14px;line-height:28px}
    .mb_utility li {margin:0 16px 0 0}
    #mb_site .mb_menu_toggle {display:block;position:absolute;right:0;top:18px;min-width:66px;min-height:44px;padding:8px;border:1px solid #c4dbe8;border-radius:8px;color:#0077c0;font-size:14px;font-weight:700}
    .mb_menu_icon {display:block;position:relative;width:22px;height:16px;margin:0 auto;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
    .mb_menu_icon:before {position:absolute;left:0;right:0;top:5px;border-top:2px solid currentColor;content:''}
    .mb_menu_open .mb_menu_icon {border:0}
    .mb_menu_open .mb_menu_icon:before,.mb_menu_open .mb_menu_icon:after {position:absolute;left:0;right:0;top:7px;border-top:2px solid currentColor;transform:rotate(45deg);content:''}
    .mb_menu_open .mb_menu_icon:after {transform:rotate(-45deg)}
    #mb_navi {height:auto}
    .mb_js #mb_navi {position:absolute;top:100%;left:0;right:0;max-height:75vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:0 12px 24px rgba(9,23,46,.18)}
    #mb_navi .mb_utility {float:none;padding:14px 20px;margin:0;background:#f2f7fc;color:#183247;border-bottom:1px solid #dbe3ed;font-size:15px;line-height:28px}
    #mb_navi .mb_utility li {display:inline-block;margin:0 16px 0 0}
    #mb_navi .mb_utility a,#mb_navi .mb_utility button {display:inline-block;min-height:44px;line-height:44px}
    .mb_js #mb_navi {display:none}
    .mb_js .mb_menu_open #mb_navi {display:block}
    .mb_navi_list {display:block;height:auto;width:100%;max-width:none}
    .mb_navi_item {display:block;text-align:left;border-bottom:1px solid rgba(255,255,255,.18)}
    #mb_site .mb_navi_link {padding:17px 70px 17px 24px;line-height:26px}
    #mb_site .mb_sub_toggle {top:8px;right:12px;width:44px;height:44px;margin:0;opacity:1}
    .mb_submenu {position:static;width:100%;margin:0;padding:8px 16px;border:0;border-radius:0;box-shadow:none}
    .mb_submenu a {padding:12px 16px;min-height:48px}
    .mb_navi_item.open .mb_submenu {animation:mb_fade_in 180ms ease-out}
    #mb_sitemap {top:100%;max-height:calc(100vh - 120px);overflow-y:auto;padding:20px 0}
    .mb_sitemap_list {display:block}
    .mb_sitemap_list>li {display:inline-block;width:24%;padding:12px;vertical-align:top}
    .mb_sitemap_list li li {margin-bottom:2px}
    .mb_sitemap_list li li a {display:block;padding:8px 0}
    .mb_quick li {width:calc((100% - 20px) / 6)}
    .mb_quick a {padding-left:6px;padding-right:6px;font-size:14px}
    .mb_quick a>span {margin-right:5px}
    .mb_banner {width:57%}
    #mb_banner_list img {width:100%}
    .mb_calendar {width:41%;padding:18px 16px}
    .mb_product_list>li {width:calc((100% - 48px) / 4);min-height:296px}
    .mb_product_list img {width:100%;height:auto;aspect-ratio:1.8;object-fit:cover}
    #mb_site .mb_greeting {width:39%;height:auto;min-height:340px}
    .mb_greeting>img {width:37%;height:289px}
    .mb_greeting_copy {height:auto;min-height:289px;margin-left:42%;padding-top:0}
    .mb_greeting_copy>strong {font-size:19px;line-height:29px}
    .mb_greeting_copy>strong br {display:none}
    .mb_greeting_copy>span {font-size:16px;line-height:24px}
    .mb_activity {width:58%}
    .mb_activity .mb_section_head {height:auto;min-height:94px}
    .mb_activity_tabs {position:static;margin-top:12px}
    .mb_activity_list>li {width:calc((100% - 24px) / 3);min-height:320px}
    .mb_activity_list img {width:100%;height:auto;aspect-ratio:1.4;object-fit:cover}
    .mb_notice {height:auto;min-height:591px}
    .mb_notice_nav {width:20%}
    #mb_site .mb_notice_nav button {width:100%;padding:0 14px;font-size:19px}
    .mb_notice_panels {width:77%}
    .mb_notice_panel {padding:28px}
    .mb_notice_list a>span {max-width:none;margin-right:50px}
    #mb_partner_list>li {width:calc((100% - 32px) / 5)}
    #mb_footer {height:auto;min-height:280px}
    .mb_footer_top {height:auto;min-height:95px;padding-bottom:20px}
    .mb_footer_brand,.mb_footer_links {float:none;display:block}
    .mb_footer_links {padding-top:10px}
}

@media (max-width:1023px) {
    #mb_visual {height:650px;background-position:58% bottom}
    .mb_visual_copy {width:100%}
    .mb_visual_copy h2,.mb_visual_copy h2 img {width:519px;height:auto}
    .mb_visual_desc {max-width:510px}
    .mb_quick {height:80px;padding:7px 3px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;font-size:0;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
    .mb_quick li {float:none;display:inline-block;width:172px;margin:0 6px 0 0;vertical-align:top;scroll-snap-align:start}
    .mb_quick a {font-size:15px;padding-left:8px;padding-right:8px}
    .mb_quick a>span {margin-right:8px}
    .mb_events {min-height:0;padding:36px 0 48px}
    .mb_banner,.mb_calendar {float:none;width:100%}
    .mb_banner {margin-bottom:28px}
    #mb_banner_list,#mb_banner_list>li,#mb_banner_list>li>a {height:auto;min-height:0}
    #mb_banner_list img {height:auto;aspect-ratio:1.98;object-fit:cover}
    .mb_calendar {padding:22px;min-height:0}
    #mb_site .mb_calendar_table td span,#mb_site .mb_calendar_table td button {height:40px;line-height:40px}
    .mb_calendar_table td {height:44px}
    .mb_products {min-height:0;padding:44px 0}
    .mb_product_list>li {width:calc((100% - 16px) / 2);margin-bottom:16px;min-height:0}
    .mb_product_list>li:nth-child(2n+1) {clear:both}
    .mb_product_list>li:nth-child(2n) {margin-right:0}
    .mb_product_copy {min-height:116px;padding:16px}
    .mb_association {min-height:0;padding:44px 0}
    #mb_site .mb_greeting {float:none;width:100%;min-height:0;padding:24px;margin-bottom:36px}
    .mb_greeting:after {display:block;clear:both;content:''}
    .mb_greeting>img {width:173px;height:289px}
    .mb_greeting_copy {margin-left:201px;padding-top:12px}
    .mb_greeting_copy>strong {font-size:23px;line-height:34px}
    .mb_greeting_copy>span {max-width:473px;line-height:27px;margin-top:20px}
    .mb_activity {float:none;width:100%}
    .mb_activity .mb_section_head {min-height:0}
    .mb_activity_list>li {min-height:290px}
    .mb_notice {min-height:0;padding:40px 0 50px}
    .mb_notice_nav,.mb_notice_panels {float:none;width:100%}
    .mb_notice_nav h2 {margin-bottom:16px;font-size:30px}
    .mb_notice_nav [role="tablist"] {display:table;width:100%;table-layout:fixed;border-spacing:6px 0;margin-bottom:20px}
    #mb_site .mb_notice_nav button {display:table-cell;width:33.333%;height:54px;font-size:18px;text-align:center;border-radius:12px}
    .mb_notice_nav button span {display:none}
    .mb_notice_panel {min-height:330px}
    .mb_partners {padding:24px 0;min-height:0}
    .mb_partners_inner {position:relative}
    .mb_partners h2 {float:none;width:auto;padding:0;margin-bottom:20px}
    .mb_partner_view {float:none;width:100%}
    .mb_partner_controls {position:absolute;right:0;top:-5px;padding:0}
    #mb_partner_list>li {width:calc((100% - 24px) / 4)}
    .mb_footer_info span {display:inline-block;margin-left:0;margin-right:16px}
    .mb_footer_info p {margin-bottom:8px}
}

@media (max-width:767px) {
    .mb_quick_wrap {display:none}
    #mb_site.mb_has_quick {padding-bottom:0}
    .mb_inner,.mb_partners_inner,.mb_subpage {width:calc(100% - 32px)}
    .mb_header_inner {width:calc(100% - 32px);padding-right:0;padding-top:6px}
    .mb_brand {font-size:20px;line-height:60px;padding-right:62px;letter-spacing:-.7px}
    .mb_brand .mb_logo {width:58px;margin-right:6px}
    .mb_brand .mb_logo img {width:174px;height:24px;left:-115px;top:17px}
    #mb_site .mb_menu_toggle {top:15px;min-width:52px;padding:7px 5px}
    .mb_utility {padding:3px 0 12px;line-height:32px}
    .mb_utility li {margin-right:12px}
    .mb_utility a,.mb_utility button {display:inline-block;min-height:32px;line-height:32px}
    #mb_site .mb_navi_link {padding-left:20px}
    .mb_sitemap_list>li {width:49%;padding:12px 6px}
    .mb_sitemap_list strong {margin-bottom:8px}
    #mb_sitemap {max-height:65vh}
    #mb_visual {height:auto;padding-bottom:24px;background-size:auto 440px;background-position:65% bottom}
    .mb_visual_intro {display:block;height:auto}
    .mb_visual_copy {display:block;padding-top:30px;padding-bottom:140px}
    .mb_visual_copy .mb_eyebrow {font-size:14px;margin-bottom:18px}
    .mb_visual_copy h2 {width:100%;max-width:519px;margin-bottom:22px}
    .mb_visual_copy h2 img {width:100%;height:auto}
    .mb_visual_desc {font-size:18px;line-height:29px;max-width:440px}
    .mb_visual_desc br {display:none}
    .mb_company_search {position:relative;bottom:auto;height:auto;padding:16px;border-radius:20px}
    .mb_company_search input {float:none;width:100%;height:44px;line-height:44px;font-size:16px;margin-bottom:8px}
    #mb_site .mb_company_search button {float:none;width:100%;height:48px;font-size:16px}
    .mb_quick_header {height:36px;line-height:36px;padding:0 3px}
    #mb_site #mb_quick_toggle {height:36px;line-height:36px}
    .mb_quick li {width:164px}
    .mb_quick a {padding:10px 8px;font-size:14px}
    .mb_quick a>span {margin-right:8px;width:32px;height:32px;padding:6px;margin-top:1px}
    .mb_events {padding-top:24px}
    .mb_banner_caption {position:relative;left:auto;right:auto;bottom:auto;border-radius:0;min-height:98px;padding:16px 44px 16px 16px;background:#183247}
    .mb_banner_caption strong {font-size:18px;line-height:27px}
    .mb_banner_caption small {font-size:14px;line-height:22px;margin-top:4px}
    .mb_banner_caption b {right:12px;top:24px;font-size:32px}
    .mb_slide_controls {height:44px}
    .mb_slide_controls>span {margin-top:6px}
    #mb_site .mb_slide_controls button,#mb_site .mb_partner_controls button {width:44px;height:44px;line-height:38px}
    .mb_calendar {padding:18px 12px}
    .mb_calendar_head h2 {font-size:21px}
    #mb_site .mb_calendar_head button {width:36px;height:40px}
    .mb_calendar_head strong {min-width:76px}
    .mb_calendar_summary {margin-top:14px}
    .mb_products {padding:36px 0}
    .mb_section_head h2 {font-size:23px}
    #mb_site .mb_more {font-size:14px}
    .mb_association {padding:36px 0}
    #mb_site .mb_greeting {padding:18px}
    .mb_greeting>img {width:32%;height:auto;aspect-ratio:173 / 289;object-fit:cover}
    .mb_greeting_copy {margin-left:37%;min-height:0;padding-top:0}
    .mb_greeting_copy>strong {font-size:20px;line-height:30px;word-break:keep-all}
    .mb_greeting_copy>span {font-size:16px;line-height:25px;margin-top:14px}
    .mb_greeting_copy>b {margin-top:14px;line-height:23px}
    .mb_activity_tabs {margin-top:14px;margin-bottom:18px}
    #mb_site .mb_activity_tabs button {padding:10px 12px;min-height:42px;margin-bottom:4px}
    /* 모바일 카드 목록: 한 줄에 2개, 지역 필터 후에도 순서대로 배치 */
    .mb_activity_list {margin:0 -6px;font-size:0}
    .mb_activity_list>li {display:inline-block;vertical-align:top;float:none;width:calc(50% - 12px);min-height:0;margin:0 6px 16px;font-size:16px}
    .mb_activity_list>li:last-child {margin-right:6px}
    .mb_activity_list img {aspect-ratio:1.8}
    .mb_activity_list a>span {padding:14px 12px}
    .mb_activity_list strong {font-size:18px;line-height:27px;overflow-wrap:break-word}
    .mb_activity_list small {overflow-wrap:break-word}
    .mb_notice {padding:24px 0 36px}
    #mb_site .mb_notice_nav button {font-size:16px;padding:0 4px;height:50px}
    .mb_notice_panel {padding:18px 16px;border-radius:16px;min-height:0}
    #mb_site .mb_notice_featured {padding:18px;min-height:0}
    .mb_notice_featured .mb_notice_badge {float:none;width:auto;display:inline-block;margin:0 0 10px;padding:5px 12px;font-size:14px}
    .mb_notice_featured>span {margin-left:0}
    .mb_notice_featured strong {font-size:20px;line-height:29px}
    .mb_notice_featured small {font-size:16px}
    .mb_notice_list>li {height:auto}
    .mb_notice_list a {padding:14px 0;line-height:26px}
    .mb_notice_list a>span {white-space:normal;margin-right:0;padding-right:0;font-size:16px;word-break:keep-all;overflow-wrap:break-word}
    .mb_notice_list time {position:static;display:block;font-size:14px;line-height:22px;margin-top:6px}
    .mb_notice_list b {margin-right:8px}
    .mb_partners h2 {line-height:36px}
    #mb_partner_list>li {width:calc((100% - 16px) / 3)}
    #mb_footer {padding:28px 0}
    .mb_footer_brand {line-height:26px;font-size:15px}
    .mb_footer_brand .mb_logo {display:block;margin:0 0 8px}
    .mb_footer_links {font-size:14px;line-height:30px;padding-top:16px}
    .mb_footer_links li+li:before {padding:0 5px}
    .mb_footer_info {font-size:14px;line-height:24px;padding-top:20px;overflow-wrap:break-word}
    .mb_footer_info span {display:block}
    #mb_message {width:calc(100% - 32px);max-width:440px;left:50%;margin-left:0;transform:translateX(-50%);padding:16px;font-size:16px;bottom:20px}
    .mb_dialog {width:calc(100% - 32px);max-width:460px;margin:0;left:50%;top:20%;transform:translateX(-50%);padding:24px}
    .mb_dialog_wrap:not([hidden]) .mb_dialog {animation:mb_fade_in 250ms ease-out}
    .mb_subpage {padding:32px 0;min-height:400px}
    .mb_page_title {font-size:26px}
    #hd_pop .hd_pops {left:16px !important;max-width:calc(100vw - 32px)}
    #hd_pop .hd_pops_con {max-width:100%;overflow:auto}
    #hd_pop img {max-width:100%;height:auto}
}

@media (max-width:575px) {
    .mb_brand {font-size:18px}
    .mb_brand .mb_logo {width:46px}
    .mb_brand .mb_logo img {width:132px;height:18px;left:-87px;top:21px}
    .mb_product_list>li {width:calc((100% - 10px) / 2);margin-right:10px;margin-bottom:16px}
    .mb_product_list>li:nth-child(2n) {margin-right:0}
    .mb_product_copy {min-height:0;padding:14px 12px}
    .mb_product_copy strong {font-size:18px;line-height:27px;overflow-wrap:break-word}
    #mb_site .mb_greeting {padding:20px}
    .mb_greeting>img {float:none;display:block;width:132px;height:220px;margin:0 auto 22px}
    .mb_greeting_copy {margin-left:0}
    .mb_greeting_copy>strong {font-size:22px;line-height:33px}
    .mb_greeting_copy>span {max-width:none}
    #mb_partner_list>li {width:calc((100% - 8px) / 2)}
}

@media print {
    #mb_site .mb_menu_toggle {display:none}
    .mb_quick_wrap {display:none}
    #mb_site.mb_has_quick {padding-bottom:0 !important}
    .mb_partner_view {height:auto;overflow:visible}
    #mb_partner_list {white-space:normal;height:auto}
    #mb_partner_list>.mb_partner_clone {display:none}
}

/* 15. 메인 게시판 연동: 원본 이미지 비율 유지 / 실제 자료가 없을 때 안내 */
#mb_banner_list img {object-fit:contain;background:#edf3f7}
#mb_banner_list .mb_banner_empty {padding:70px 32px;background:#eaf5fc;color:#173e5b}
.mb_banner_empty>span,.mb_banner_empty>strong,.mb_banner_empty>small {display:block}
.mb_banner_empty>span {font-size:18px;color:#0077c0;margin-bottom:14px}
.mb_banner_empty>strong {font-size:26px;line-height:1.5;margin-bottom:12px}
.mb_banner_empty>small {font-size:16px;line-height:26px}
.mb_product_list img {object-fit:contain;background:#f7f9fb}
.mb_product_copy strong {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mb_main_no_image,.mb_activity_list a>span.mb_main_no_image {display:block;height:160px;padding:56px 16px;background:#edf3f7;color:#667887;font-size:14px;line-height:24px;text-align:center}
.mb_main_empty {min-height:316px;padding:80px 28px;text-align:center;background:#f4f8fb;border:1px solid #dbe3ed;border-radius:12px}
.mb_main_empty strong {font-size:20px;color:#183247}
.mb_main_empty p {margin:12px 0 18px;font-size:16px;color:#637285}
#mb_site .mb_main_empty a {color:#0077c0;font-size:16px;font-weight:600}
.mb_activity .mb_section_head {min-height:52px}
.mb_notice {height:auto;min-height:591px}
.mb_main_notice_head {position:relative;margin:0 0 22px;padding-right:95px}
.mb_main_notice_head h3 {font-size:20px;line-height:28px}
#mb_site .mb_main_notice_head>a {position:absolute;right:0;top:2px;color:#0077c0;font-size:15px}
.mb_notice_list a>span {max-width:none;padding-right:65px}
@media(max-width:767px){
    #mb_banner_list .mb_banner_empty {padding:45px 24px}
    .mb_banner_empty>strong {font-size:22px}
    .mb_main_empty {min-height:230px;padding:45px 24px}
    .mb_activity .mb_section_head {margin-bottom:18px}
    .mb_main_no_image,.mb_activity_list a>span.mb_main_no_image {height:auto;min-height:110px;padding:30px 12px}
    .mb_notice {min-height:0}
}
/* 16. 인사말 / 활동: 제목과 카드의 위·아래 선을 맞춥니다. */
.mb_greeting_wrap {float:left;width:468px}
#mb_site .mb_greeting_wrap .mb_greeting {float:none;width:100%;height:auto;margin-bottom:0}
.mb_greeting_wrap .mb_section_head,.mb_activity .mb_section_head {height:52px;min-height:52px;margin-bottom:12px}
@media(min-width:1024px){
    .mb_association>.mb_inner {display:flex;justify-content:space-between;align-items:stretch}
    .mb_association>.mb_inner:after {display:none}
    .mb_greeting_wrap,.mb_activity {display:flex;flex-direction:column;float:none}
    .mb_greeting_wrap .mb_section_head,.mb_activity .mb_section_head {flex:none}
    #mb_site .mb_greeting_wrap .mb_greeting {flex:1;min-height:326px}
    .mb_greeting_copy {height:auto;min-height:289px}
    .mb_activity_list {display:flex;flex:1;margin:0}
    .mb_activity_list:after {display:none}
    .mb_activity_list>li {flex:1;float:none;min-width:0;min-height:0;margin-right:12px}
    .mb_activity_list>li:last-child {margin-right:0}
    .mb_activity .mb_main_empty {flex:1}
}
@media(min-width:1024px) and (max-width:1239px){
    .mb_greeting_wrap {width:39%}
}
@media(max-width:1023px){
    .mb_greeting_wrap {float:none;width:100%;margin-bottom:36px}
    .mb_greeting_wrap .mb_section_head,.mb_activity .mb_section_head {margin-bottom:18px}
}
/* Figma 104:7: 첨부 이미지가 없는 행사에만 기본 사진을 표시합니다. */
#mb_banner_list img.mb_event_cover {padding:0;object-fit:cover;object-position:center;background:#edf3f7}