@charset "utf-8";
/* 회원사 소개: 피그마 387:158 기준, 업종 구분 탭 없이 직책·명단 중심. */
.mb_company_page {background:#fff;color:#141f2e;font-size:16px;line-height:1.6;}
.mb_company_page * {box-sizing:border-box;}
.mc_visual {height:464px;background:linear-gradient(rgba(0,0,0,.77),rgba(0,0,0,.77)),url('../img/member-companies/visual.png') center 8.4%/100% auto no-repeat;}
/* Figma 페이지별 히어로. 검정 77% 오버레이 / 1920px 시안의 사진 크롭 유지. */
.mc_hero {background-size:cover,100% 66.748vw;}
.mc_hero_member_intro {background-image:linear-gradient(rgba(0,0,0,.77),rgba(0,0,0,.77)),url('../img/hero/member-space.jpg');background-position:center 52.90%;}
.mc_hero_member_join {background-image:linear-gradient(rgba(0,0,0,.77),rgba(0,0,0,.77)),url('../img/hero/member-space.jpg');background-position:center 50.05%;}
.mc_hero_member_library {background-image:linear-gradient(rgba(0,0,0,.77),rgba(0,0,0,.77)),url('../img/hero/member-library.jpg');background-position:center 50.04%;}
.mc_hero_notice {background-image:linear-gradient(rgba(0,0,0,.77),rgba(0,0,0,.77)),url('../img/hero/news.jpg');background-position:center 38.35%;}
.mc_hero_news {background-image:linear-gradient(rgba(0,0,0,.77),rgba(0,0,0,.77)),url('../img/hero/news.jpg');background-position:center 39.69%;}
.mc_hero_gallery {background-image:linear-gradient(rgba(0,0,0,.77),rgba(0,0,0,.77)),url('../img/hero/gallery.jpg');background-position:center 39.00%;}
.mc_hero_request {background-image:linear-gradient(rgba(0,0,0,.77),rgba(0,0,0,.77)),url('../img/hero/news.jpg');background-position:center 39.69%;}
.mc_hero_certification {background-image:linear-gradient(rgba(0,0,0,.77),rgba(0,0,0,.77)),url('../img/hero/certification.jpg');background-position:center 61.24%;}
.mc_hero_benefits {background-image:linear-gradient(rgba(0,0,0,.77),rgba(0,0,0,.77)),url('../img/hero/certification-benefits.jpg');background-position:center 66.80%;}
.mc_hero_process {background-image:linear-gradient(rgba(0,0,0,.77),rgba(0,0,0,.77)),url('../img/hero/certification-benefits.jpg');background-position:center 67.50%;}
.mc_hero_events {background-image:linear-gradient(rgba(0,0,0,.77),rgba(0,0,0,.77)),url('../img/member-companies/visual.png');background-position:center 8.41%;}
.mc_visual .mb_inner {padding-top:139px;}
.mc_eyebrow {font-size:14px;font-weight:700;letter-spacing:1px;color:#0077c0;}
.mc_visual .mc_eyebrow {color:#f7943e;}
.mc_visual h2 {margin:10px 0 12px;color:#fff;font-size:46px;line-height:1.4;}
.mc_visual p:last-child {color:rgba(255,255,255,.85);font-size:18px;}
.mc_content {padding-top:96px;padding-bottom:110px;}
.mc_intro {margin-bottom:40px;}
.mc_intro h3 {margin:8px 0 12px;font-size:40px;line-height:1.5;}
.mc_intro>p:last-child {color:#576375;font-size:18px;}
.mc_overview {margin-bottom:40px;padding:30px 36px;border-radius:16px;background:#f2f7fc;}
.mc_overview>div {float:left;width:calc(100% - 220px);padding:12px 0;}
.mc_overview h4 {margin-bottom:14px;font-size:25px;line-height:1.5;word-break:keep-all;}
.mc_overview>div p {color:#576375;font-size:16px;}
.mc_stat {float:right;width:162px;padding:16px;border-radius:12px;background:#fff;text-align:center;}
.mc_stat strong {display:block;color:#0077c0;font-size:32px;line-height:1.4;}
.mc_stat span {font-size:15px;color:#576375;}
.mc_search {margin-bottom:32px;padding:22px 24px;border:1px solid #dbe3ed;border-radius:12px;}
.mc_search h4 {margin-bottom:18px;font-size:18px;}
.mc_search_fields select,.mc_search_fields input {float:left;height:54px;padding:0 16px;border:1px solid #dbe3ed;border-radius:8px;background:#fff;font-size:16px;}
.mc_search_fields select {width:240px;margin-right:12px;}
.mc_search_fields input {width:calc(100% - 424px);}
#mb_site .mc_search_fields button {float:right;width:160px;height:54px;border:0;border-radius:8px;background:#0077c0;color:#fff;font-size:16px;font-weight:700;cursor:pointer;}
.mc_toolbar {margin-bottom:22px;}
.mc_toolbar>strong {float:left;}
.mc_toolbar>.mc_sort_label {float:right;color:#576375;font-size:15px;line-height:1.6;}
.mc_toolbar strong>span {color:#0077c0;}
.mc_toolbar nav {float:right;}
.mc_toolbar a {padding:0 12px;border-left:1px solid #dbe3ed;font-size:15px;color:#576375;}
.mc_toolbar a:first-child {border-left:0;}
.mc_toolbar a:last-child {padding-right:0;}
#mb_site .mc_toolbar a.on {color:#0077c0;font-weight:700;}
.mc_cards {margin:0 -8px;display:flex;flex-wrap:wrap;}
.mc_cards>li {float:left;width:33.333%;padding:0 8px;margin-bottom:16px;display:flex;}
.mc_card {width:100%;padding:24px;border:1px solid #dbe3ed;border-radius:12px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s;animation:mc_fade .4s ease-out;}
.mc_card:hover {border-color:#9ac8e5;box-shadow:0 8px 22px rgba(26,60,86,.08);transform:translateY(-3px);}
.mc_card_top {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-bottom:14px;}
.mc_position {display:inline-block;max-width:100%;padding:6px 12px;border-radius:18px;background:#f2f7fc;color:#446078;font-size:14px;line-height:22px;overflow-wrap:anywhere;}
.mc_logo {display:block;width:112px;height:48px;flex-shrink:0;object-fit:contain;}
.mc_card h4 {font-size:21px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;}
.mc_industry {margin-top:9px;color:#576375;font-size:15px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;}
.mc_facts {margin-top:20px;padding-top:16px;border-top:1px solid #edf1f5;}
.mc_facts>div {position:relative;margin-top:9px;padding-left:60px;}
.mc_facts>div:first-child {margin-top:0;}
.mc_facts dt {position:absolute;left:0;top:0;color:#73808f;font-size:14px;}
.mc_facts dd {color:#34495e;font-size:16px;overflow-wrap:anywhere;word-break:keep-all;}
#mb_site .mc_facts a:hover {color:#0077c0;text-decoration:underline;}
.mc_empty {padding:70px 20px;border:1px solid #dbe3ed;border-radius:12px;text-align:center;color:#576375;}
.mc_empty a {display:block;margin-top:12px;color:#0077c0;}
.mc_paging {margin-top:28px;text-align:center;}
.mc_paging a {display:inline-block;min-width:40px;height:40px;margin:0 3px;border:1px solid #dbe3ed;border-radius:8px;line-height:38px;}
#mb_site .mc_paging a.on {background:#0077c0;border-color:#0077c0;color:#fff;}
.mb_company_page a:focus-visible,.mb_company_page button:focus-visible,.mb_company_page input:focus-visible,.mb_company_page select:focus-visible {outline:3px solid #ed891f;outline-offset:3px;}
@keyframes mc_fade {from {opacity:.3;} to {opacity:1;}}
@media(max-width:1199px){.mc_visual {background-size:auto 1280px;} .mc_card {padding:22px 18px;} .mc_logo {width:90px;} }
@media(max-width:1023px){.mc_content {padding-top:64px;padding-bottom:72px;} .mc_visual {height:360px;} .mc_visual .mb_inner {padding-top:95px;} .mc_cards>li {width:50%;} .mc_search_fields select {width:210px;} .mc_search_fields input {width:calc(100% - 334px);} #mb_site .mc_search_fields button {width:100px;} .mc_overview {padding:24px;} .mc_overview h4 {font-size:23px;} }
@media(max-width:767px){
 .mc_visual {height:280px;background-size:auto 850px;}.mc_visual .mb_inner {padding-top:62px;}.mc_visual h2 {font-size:32px;}.mc_visual p:last-child {font-size:16px;max-width:340px;}
 .mc_content {padding-top:44px;padding-bottom:64px;}.mc_intro {margin-bottom:28px;}.mc_intro h3 {font-size:28px;}.mc_intro>p:last-child {font-size:16px;}
 .mc_overview {margin-bottom:28px;padding:22px 20px;}.mc_overview>div {float:none;width:100%;padding:0;}.mc_overview h4 {font-size:21px;margin-bottom:10px;}.mc_stat {float:none;width:100%;margin-top:20px;padding:12px;}.mc_stat strong,.mc_stat span {display:inline-block;vertical-align:middle;}.mc_stat strong {margin-right:10px;font-size:28px;}
 .mc_search {padding:20px 16px;}.mc_search_fields select {float:none;width:100%;margin:0 0 12px;}.mc_search_fields input {width:calc(100% - 84px);padding:0 12px;font-size:15px;}#mb_site .mc_search_fields button {width:72px;}
 .mc_toolbar>strong {font-size:15px;}.mc_toolbar a {padding:0 8px;font-size:14px;}
 .mc_cards {display:flex;flex-wrap:wrap;margin:0 -5px;}.mc_cards>li {float:none;width:50%;padding:0 5px;margin-bottom:10px;display:flex;min-width:0;}.mc_card {padding:16px 12px;min-width:0;}.mc_card_top {flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px;}.mc_logo {width:100%;max-width:112px;height:40px;}.mc_card h4 {font-size:18px;min-height:3em;}.mc_card .mc_industry {font-size:14px;}.mc_card .mc_facts {margin-top:14px;padding-top:12px;}.mc_card .mc_facts>div {padding-left:0;margin-top:10px;}.mc_card .mc_facts dt {position:static;font-size:14px;margin-bottom:3px;}.mc_card .mc_facts dd {font-size:15px;word-break:normal;overflow-wrap:anywhere;}.mc_paging a {margin:0 2px;min-width:36px;}
}
@media(prefers-reduced-motion:reduce){.mc_card {animation:none;transition:none;}.mc_card:hover {transform:none;}}

/* 작은 화면에서는 사진이 히어로 영역을 빈틈없이 채우도록 조정. */
@media (max-width:1199px) {
    .mc_hero {background-size:cover,cover;}
}

/* 일반 방문자는 직책 필터 없이 기업명 검색만 사용합니다. */
.mc_search_public .mc_search_fields input {width:calc(100% - 172px);}
@media(max-width:1023px){.mc_search_public .mc_search_fields input {width:calc(100% - 112px);}}
@media(max-width:767px){.mc_search_public .mc_search_fields input {width:calc(100% - 84px);}}

/* 회원사 게시판: 직접 등록/수정과 상세 */
.mc_actions {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;}
.mc_actions a,.mc_actions button,.mc_card_actions a {display:inline-block;padding:12px 18px;border:1px solid #cbd8e4;border-radius:8px;background:#fff;color:#34516b;font-size:16px;font-weight:600;line-height:1.5;cursor:pointer;}
#mb_site .mc_actions .mc_button {border-color:#0077c0;background:#0077c0;color:#fff;}
.mc_actions a:hover,.mc_card_actions a:hover {border-color:#0077c0;background:#eef7fc;}
#mb_site .mc_actions .mc_button:hover {background:#005e98;}
.mc_card_actions {display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #edf1f5;}
.mc_card_actions span {color:#7b4e18;font-size:14px;}
.mc_card_actions a {margin-left:auto;padding:7px 14px;font-size:15px;}
#mb_site .mc_card h4 a:hover {color:#0077c0;}
.mc_write,.mc_detail {padding:36px;border:1px solid #dbe3ed;border-radius:12px;background:#fff;}
.mc_write h4 {margin:0 0 24px;font-size:22px;}
.mc_write h4:not(:first-child) {margin-top:36px;}
.mc_form_grid {display:flex;flex-wrap:wrap;margin:0 -12px;}
.mc_form_field {width:50%;padding:0 12px;margin-bottom:22px;}
.mc_form_wide {width:100%;}
.mc_form_field label {display:block;margin-bottom:10px;font-size:16px;font-weight:700;}
.mc_form_field label span {margin-left:5px;color:#c74c24;font-size:13px;}
.mc_form_field input,.mc_form_field select {width:100%;height:52px;padding:0 14px;border:1px solid #ccd8e3;border-radius:6px;background:#fff;font-size:17px;color:#253c50;}
.mc_form_note {margin:0 0 24px;color:#607080;font-size:16px;line-height:1.7;word-break:keep-all;}
.mc_form_note a {text-decoration:underline;}
.mc_form_error {margin:0 0 24px;padding:18px;border:1px solid #e8b5ad;border-radius:8px;background:#fff5f2;color:#a13424;}
.mc_form_submit {justify-content:center;margin-bottom:0;}
.mc_detail_logo {display:block;max-width:200px;max-height:100px;object-fit:contain;margin:0 0 28px;}
.mc_detail dl>div {display:flex;padding:20px 0;border-bottom:1px solid #edf1f5;}
.mc_detail dl>div:last-child {border:0;}
.mc_detail dt {width:140px;flex-shrink:0;font-weight:700;font-size:17px;color:#456078;}
.mc_detail dd {font-size:18px;overflow-wrap:anywhere;}
@media(max-width:767px){
 .mc_actions {gap:8px;}.mc_actions a,.mc_actions button {padding:10px 12px;font-size:15px;}
 .mc_write,.mc_detail {padding:24px 18px;}.mc_form_field {width:100%;}.mc_form_field input,.mc_form_field select {font-size:16px;}
 .mc_detail dl>div {display:block;padding:16px 0;}.mc_detail dt {margin-bottom:8px;}.mc_detail dd {font-size:16px;}
}

/* 업체명 첫 자음 빠른 검색 */
.mc_initials {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;}
.mc_initials a {display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:46px;padding:0 14px;border:1px solid #dbe3ed;border-radius:7px;background:#fff;color:#456078;font-size:17px;font-weight:600;transition:background .2s,border-color .2s,color .2s;}
#mb_site .mc_initials a:hover {border-color:#0077c0;background:#edf7fc;color:#0077c0;}
#mb_site .mc_initials a.on {border-color:#0077c0;background:#0077c0;color:#fff;}
@media(max-width:767px){.mc_initials {gap:6px;margin-bottom:22px;}.mc_initials a {min-width:42px;height:44px;padding:0 11px;font-size:16px;}}
@media(prefers-reduced-motion:reduce){.mc_initials a {transition:none;}}

@media(max-width:767px){.mc_cards .mc_card_actions {flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:12px;}.mc_cards .mc_card_actions a {width:100%;min-height:44px;margin-left:0;padding:10px 4px;text-align:center;font-size:14px;}}