@charset "utf-8";
/* 2026-09-07 Pages 시안 이식. 구조는 PHP, 이 파일은 시안의 시각 속성을 소유한다. */
.mr-main .me-wrap {max-width:1400px;}
.mr-main .me-quick {padding:0;background:#fff;}
.mr-main .me-kpi {position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:-40px;padding:26px 16px;border-radius:18px;}
.mr-main .me-kpi-item {display:grid;grid-template-rows:40px 1fr;align-content:start;min-height:116px;padding:12px 14px;text-align:center;background:#fff;border:0;border-right:1px solid #e7ecf5;border-radius:0;}
.mr-main .me-kpi-item:nth-child(odd) {background:#fff;}
.mr-main .me-kpi-item:last-child {border-right:0;}
.mr-main .me-kpi-item strong {font-size:32px;line-height:40px;color:var(--point-ink);}
.mr-main .me-kpi-item span {font-size:14px;line-height:1.6;color:#5a6b85;word-break:keep-all;}
.mr-main .me-overlap {display:block;margin:16px 0 0;}
.mr-main .me-shortcut {padding:0;min-height:0;border:0!important;border-radius:0!important;}
.mr-main .me-shortcut-head {display:none;}
.mr-main .me-shortcut-list {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
.mr-main .me-shortcut-list a {min-height:48px;padding:10px;font-size:13px;flex-direction:row;gap:8px;border:0;background:var(--point-50);}
.mr-main .me-sc-ico {width:28px;height:28px;}







.mr-main .me-section.me-why,.mr-main .me-section.me-ref {background:var(--point-50);}
.mr-main .me-section.me-benefits,.mr-main .me-section.me-process,.mr-main .me-section.me-products {background:#fff;}
.mr-main .me-sec-head {display:block;text-align:left;max-width:none;margin:0 0 24px;}
.mr-main .me-sec-head.with-nav {display:flex;align-items:flex-end;justify-content:space-between;}
.mr-main .me-sec-head h2 {font-size:30px;line-height:1.35;letter-spacing:-.03em;font-weight:800;max-width:none;word-break:keep-all;}
.mr-main .me-sec-head p {margin:8px 0 0;max-width:1120px;color:#5a6b85;font-size:16px;line-height:1.75;word-break:keep-all;text-wrap:pretty;}
.mr-main .me-sec-head .me-sec-kicker {font-size:13px;color:var(--point-ink);letter-spacing:.14em;margin:0 0 12px;}
.mr-main .me-why:has(#me-why-title) .me-sec-head,.mr-main .me-process .me-sec-head {text-align:center;}
.mr-main .me-why:has(#me-why-title) .me-sec-head > *,.mr-main .me-process .me-sec-head > * {margin-left:auto;margin-right:auto;}
.me-main-ref :is(.me-process,.me-why:has(#me-why-title)) .me-sec-head p:not(.me-sec-kicker) {margin-left:auto;margin-right:auto;}
.mr-main .me-repsol-body,.mr-main .me-product-body,.mr-main .me-ref-body {padding:24px;min-height:0;}
.mr-main .me-repsol-body h3,.mr-main .me-product-body h3,.mr-main .me-ref-body h3 {font-size:19px;line-height:1.4;}
.mr-main .me-product-body p,.mr-main .me-ref-body p {font-size:16px;line-height:1.75;}
.mr-main .me-product-thumb > picture {position:absolute;inset:0;display:block;width:100%;height:100%;}
.mr-main .me-product-thumb img {width:100%;height:100%!important;object-fit:contain;object-position:center;}
.mr-main .me-repsol-thumb,.mr-main .me-ref-thumb {aspect-ratio:16/10;height:auto;}
.mr-main .me-benefit-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
.mr-main .me-benefit-card {padding:28px;border-radius:18px;border:1px solid #e7ecf5;background:#fff;box-shadow:0 12px 30px rgba(15,32,54,.06);color:#0f2036;}
.mr-main .me-benefit-card h3 {font-size:20px;line-height:1.55;color:inherit;}
.mr-main .me-benefit-card p,.mr-main .me-benefit-card li {font-size:15.5px;line-height:1.8;color:#5a6b85;}
.mr-main .me-benefit-card p,.mr-main .me-benefit-card li {word-break:keep-all;overflow-wrap:anywhere;}
.mr-main .me-benefit-actions {gap:10px;}
.mr-main .me-benefit-actions .me-btn {flex:1 1 140px;min-height:48px;padding:12px 14px;font-size:14px;white-space:normal;word-break:keep-all;}
.mr-main .me-benefit-actions .me-btn-white {background:var(--point-ink);color:#fff;border-color:var(--point-ink);}
.mr-main .me-benefit-actions .me-btn-line-white {background:#fff;color:var(--point-ink);border-color:var(--point-400);}
.mr-main .me-benefit-actions .me-btn:focus-visible {outline:3px solid var(--point-deep);outline-offset:4px;}
.mr-main .me-benefit-note {margin:20px 0 0;padding:16px 20px;background:var(--point-50);border-radius:12px;color:#526176;font-size:14px;line-height:1.75;word-break:keep-all;text-wrap:pretty;}
.mr-main > section.me-repsol {padding-bottom:40px;}
.mr-main > section.me-benefits {padding-top:40px;padding-bottom:40px;}
.mr-main > section.me-products {padding-top:40px;}
/* 공간을 유지해 카드 위로 포인터를 옮겨도 높이가 뛰지 않는다. 숨긴 링크도 Tab으로 진입하면 즉시 나타난다. */
@media (hover:hover) and (pointer:fine) {
  .mr-main .me-benefit-actions {opacity:0;pointer-events:none;}
  .mr-main .me-benefit-card:is(:hover,:focus-within) {background:linear-gradient(140deg,var(--point-ink),var(--point-ink));color:#fff;border-color:var(--point-ink);}
  .mr-main .me-benefit-card:is(:hover,:focus-within) :is(p,li) {color:#fff;}
  .mr-main .me-benefit-card:is(:hover,:focus-within) .me-benefit-actions {opacity:1;pointer-events:auto;}
  .mr-main .me-benefit-actions .me-btn-white {background:#fff;color:var(--point-ink);border-color:#fff;}
  .mr-main .me-benefit-actions .me-btn-line-white {background:transparent;color:#fff;border-color:var(--point-400);}
  .mr-main .me-benefit-actions .me-btn:focus-visible {outline-color:#fff;}
}
.mr-main .me-why-card {padding:24px 22px;border:1px solid #e7ecf5;border-radius:16px;box-shadow:none;background:#fff;}
.mr-main .me-why-card h3 {font-size:18px;line-height:1.55;}
.mr-main .me-why-card p {font-size:16px;line-height:1.75;}
.mr-main .me-step-desc {font-size:16px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty;}
.mr-main .me-why-num {color:var(--point-ink);}




.mr-main .me-product-grid {grid-template-columns:repeat(3,minmax(0,1fr));}

.mr-main .me-finalcta-panel {padding:40px 44px;border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(99,202,198,.25),transparent 45%),linear-gradient(140deg,var(--point-deep),var(--point-ink));}
.mr-main .me-finalcta-panel h2 {font-size:36px;line-height:1.3;}
.mr-main .me-finalcta-actions {display:flex;flex-direction:column;gap:12px;align-items:stretch;}
.mr-main .me-finalcta-actions .me-btn {width:100%;}

.mr-main .me-step {text-align:left;box-shadow:none;}
.mr-main .me-step-ico {margin-left:0;background:linear-gradient(135deg,var(--point-ink),var(--point));color:#fff;}
.me-solpage .me-sec-head {display:block;text-align:left;}
.me-solpage .me-solsec {margin:48px 0;padding:0;}
.me-solpage .me-sec-head .me-eyebrow {margin-bottom:16px;background:none;color:var(--point-ink);padding:0;font-size:13px;letter-spacing:.14em;}
.me-solpage .me-sol-intro-copy {border-left:4px solid var(--point-ink);padding-left:24px;}
.me-solpage .me-sol-intro-head {font-size:26px;font-weight:800;line-height:1.4;}
.me-solpage .me-sol-intro-figure img {aspect-ratio:4/3;object-fit:cover;}
.me-solpage .me-part-item {border:1px solid #e7ecf5;border-radius:14px;background:var(--point-50);padding:22px;}
.me-solpage .me-part-item > span:last-child {font-size:16px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere;}
.me-solpage .me-solpoint-grid .me-why-card p {font-size:16px;line-height:1.75;}
.me-solpage .me-solpoint-grid .me-why-card {padding:28px 24px;border:1px solid #e7ecf5;border-radius:16px;box-shadow:none;}
.me-solpage .me-solpoint-grid .me-why-ico {width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,var(--point-ink),var(--point));color:#fff;}
.mu-consult-wrap {max-width:1400px;}
.mu-consult-grid {grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr);gap:40px;}
.mu-consult-grid .me-consult-form {padding:40px;border-radius:20px;}
.mu-form-heading h2 {font-size:22px;}
.mu-consult-steps {padding:0;background:none;}
.mr-contact-panel {padding:32px;border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(99,202,198,.2),transparent 50%),linear-gradient(140deg,var(--point-deep),var(--point-ink));}
.mu-consult-steps .mr-contact-panel .mu-contact-label {color:var(--point-100);font-size:13px;}
.mu-consult-steps .mr-contact-panel .mu-contact-lead {color:var(--point-100);font-size:17px;line-height:1.6;}
.mu-consult-steps .mr-contact-panel .mu-contact-phone {color:#fff;}
.mu-consult-steps .mr-contact-panel .mu-contact-email {color:var(--point-100);}
.mr-contact-process {margin-top:16px;padding:28px;border:1px solid #e7ecf5;border-radius:20px;}
.mu-consult-steps .mr-contact-process h3 {margin:0 0 18px;padding:0;border:0;font-size:18px;}
.me-subhead[data-visual="product"] {background:linear-gradient(90deg,rgba(5,18,44,.96),rgba(8,27,64,.9) 36%,rgba(24,98,95,.32)),url('../img/extracted/ai-monitoring.webp?v=20260907-images1') center right/cover no-repeat!important;}
.me-subhead[data-visual="support"] {background:linear-gradient(90deg,rgba(5,18,44,.96),rgba(8,27,64,.9) 36%,rgba(24,98,95,.32)),url('../img/extracted/ai-company.webp?v=20260907-images1') center right/cover no-repeat!important;}
.me-wrap,.me-subnav-wrap .me-wrap {max-width:1400px;padding-left:24px;padding-right:24px;}
/* 하위 메뉴도 제목·본문과 같은 바깥 폭을 사용한다. 탭의 클릭 여백은 유지한다. */
.me-subhead .me-wrap,.me-subnav-wrap .me-wrap,.me-wrap.me-sub-wrap,.me-consultpage .mu-consult-wrap {max-width:var(--maxw);padding-left:24px;padding-right:24px;}
@media(max-width:768px){
  .me-subhead .me-wrap,.me-subnav-wrap .me-wrap,.me-wrap.me-sub-wrap,.me-consultpage .mu-consult-wrap {padding-left:20px;padding-right:20px;}
}
.me-gnb-sub {max-width:min(360px,calc(100vw - 32px));}
.me-gnb-sub a {padding:10px 14px;font-size:16px;line-height:1.55;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;}
.me-wrap.me-sub-wrap {padding-top:48px;padding-bottom:64px;}
#ctt_con .mu-page-kicker {font-weight:800;}
#ctt_con .mu-page-greeting .mu-page-kicker,#ctt_con .mu-page-device .mu-page-kicker {display:inline-block;padding:5px 12px;border-radius:7px;background:var(--point-150);color:var(--point-ink);font-size:12px;letter-spacing:.1em;}
#ctt_con .mu-section-head {margin-bottom:32px;}
#ctt #ctt_con .mu-cta-actions a {color:#fff;text-decoration:none;}
#ctt #ctt_con .mu-cta-actions a:first-child {color:#0b2447;}
#ctt_con .mr-greeting-intro {display:grid;grid-template-columns:1fr;gap:28px;align-items:center;margin-bottom:52px;}
#ctt_con .mr-greeting-intro .mu-page-intro {margin-bottom:24px;}
#ctt_con .mr-greeting-intro .mu-page-section {margin:0;}
#ctt_con .mr-greeting-intro .mu-stat-row {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:0;background:none;}
#ctt_con .mr-greeting-intro .mu-stat-row li {display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px;border:1px solid #eaeff7;border-radius:14px;background:var(--point-50);}
#ctt_con .mr-greeting-intro .mu-stat-row strong {font-size:26px;flex-shrink:0;min-width:90px;}
#ctt_con .mr-greeting-intro .mu-stat-row span {font-size:14.5px;margin:0;}
#ctt_con .mr-photo-panel {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:44px;border-radius:22px;background:var(--point-50);}
#ctt_con .mr-photo-panel h2 {font-size:28px;line-height:1.4;margin:0 0 16px;}
#ctt_con .mr-photo-panel p {font-size:15.5px;line-height:1.8;color:#5a6b85;}
#ctt_con .mr-photo-panel img {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;}
#ctt_con .mu-page-greeting > .mu-page-section > .mu-section-head,#ctt_con .mr-values .mu-section-head {text-align:left;}
#ctt_con .mu-page-greeting .mu-section-head p {margin-left:0;margin-right:0;}
#ctt_con .mr-vision-heading {text-align:center;margin-bottom:32px;}
#ctt_con .mr-vision-heading .mu-page-title {font-size:18px;font-weight:600;color:#5a6b85;margin:0 auto;}
#ctt_con .mr-mission {max-width:820px;margin:0 auto 64px;text-align:center;}
#ctt_con .mr-mission > .mu-feature-card {padding:0;border:0;}
#ctt_con .mr-mission p {font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1.4;color:#0f2036;}
#ctt_con .mr-mission h3 {font-size:14px;color:var(--point-ink);margin-bottom:16px;}
#ctt_con .mr-vision-split {display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:72px;}
#ctt_con .mr-vision-panel {padding:44px;border:0;border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(99,202,198,.2),transparent 50%),linear-gradient(140deg,var(--point-deep),var(--point-ink));color:#fff;}
#ctt_con .mr-vision-panel > strong {color:var(--point-100);}
#ctt_con .mr-vision-panel h3 {color:#fff;}
#ctt_con .mr-vision-panel p {color:#fff;font-size:28px;line-height:1.4;font-weight:800;}
#ctt_con .mr-goals {margin:0;}
#ctt_con .mr-goals .mu-section-head {margin-bottom:18px;}
#ctt_con .mr-goals .mu-section-head h2 {font-size:15px;color:var(--point-ink);}
#ctt_con .mr-goals .mu-feature-grid {grid-template-columns:1fr;gap:18px;}
#ctt_con .mr-goals .mu-feature-card,#ctt_con .mr-strategies .mu-feature-card {display:flex;align-items:flex-start;gap:16px;padding:22px 24px;}
#ctt_con .mr-goals .mu-feature-card h3 {flex:none;font-size:16px;color:var(--point-ink);margin:0;padding:8px;background:var(--point-150);border-radius:11px;}
#ctt_con .mr-goals .mu-feature-card p {font-size:17px;font-weight:700;color:#0f2036;align-self:center;}
#ctt_con .mr-strategies {padding:44px;background:var(--point-50);border-radius:22px;}
#ctt_con .mr-strategies .mu-section-head h2 {font-size:18px;color:var(--point-ink);}
#ctt_con .mr-strategies .mu-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
#ctt_con .mr-strategies .mu-feature-card h3 {flex:none;font-size:14px;color:var(--point-ink);margin:0;}
#ctt_con .mr-strategies .mu-feature-card p {font-size:16px;font-weight:700;color:#0f2036;}
#ctt_con .mr-values .mu-feature-card {text-align:center;}
#ctt_con .mr-values .mu-feature-card:before {content:"✦";display:grid;place-items:center;width:56px;height:56px;margin:0 auto 18px;border-radius:15px;background:linear-gradient(135deg,var(--point-ink),var(--point));color:#fff;font-size:26px;}
#ctt_con .mr-device-intro {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-bottom:80px;}
#ctt_con .mr-device-intro > picture {display:block;}
#ctt_con .mr-device-intro img {width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px;}
#ctt_con .mr-device-intro .mu-page-intro {margin:0;}
#ctt_con .mr-device-intro .mu-page-summary {padding:0;background:none;grid-template-columns:1fr;gap:10px;}
#ctt_con .mr-device-intro .mu-page-summary li {padding:0 0 0 18px;border:0;border-left:3px solid var(--point-400);}
#ctt_con .mr-device-intro .mu-page-summary b {font-size:16px;}
#ctt_con .mr-device-intro .mu-page-summary span {margin-top:3px;font-size:14px;}
#ctt_con .mr-device-lineup .mu-feature-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
#ctt_con .mr-product-photo {width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:var(--point-50);border-radius:12px;margin-bottom:24px;}
#ctt_con .mr-history-row {display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;padding-bottom:40px;border-bottom:1px solid #e7ecf5;}
#ctt_con .mr-history-row .mu-section-head h2 {color:var(--point-ink);}
#ctt_con .mr-history-row .mu-process li {display:grid;grid-template-columns:100px 1fr;gap:20px;}
/* 원본 사진의 비율과 항목 수 때문에 제목과 본문 폭이 달라지지 않게 한다. */
#ctt_con .mu-feature-card > picture {display:block;margin:0 0 22px;}
#ctt_con .mu-feature-card > picture > img {display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px;}
#ctt_con .mu-feature-grid:has(> .mu-photo-media:nth-child(2):last-child) {grid-template-columns:repeat(2,minmax(0,1fr));}
.me-wrap.me-auth-grid {width:calc(100% - 48px);max-width:1200px;margin:0 auto;padding:0;}
#me-ft .me-ft-top {grid-template-columns:minmax(0,2fr) minmax(0,1.3fr) repeat(2,minmax(0,1fr));}
#me-ft .me-ft-cols {display:contents;}
#me-ft .me-ft-col a {display:block;line-height:1.65;padding:8px 0;word-break:keep-all;overflow-wrap:anywhere;}
@media(min-width:1101px) {
  .mr-main .me-repsol-grid {grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px;}
  .mr-main .me-repsol-card {grid-column:auto;}
  .mr-main .me-repsol-thumb {aspect-ratio:4/3;height:auto;}
  .mr-main .me-repsol-body {padding:18px;}
  .mr-main .me-repsol-body strong {font-size:12px;margin-bottom:8px;}
  .mr-main .me-repsol-body h3 {font-size:17px;}
  .mr-main .me-repsol-body p {font-size:15.5px;line-height:1.7;margin-top:8px;}
  .mr-main .me-repsol-more {margin-top:12px;}
}
/* [260911] 지표가 다섯 개다. 중간 폭에서는 3열로 접고, 셋째 줄에 남는 두 칸의 구분선을 정리한다. */
@media(max-width:1180px) and (min-width:981px) {
  .mr-main .me-kpi {grid-template-columns:repeat(3,minmax(0,1fr));}
  .mr-main .me-kpi-item:nth-child(3n) {border-right:0;}
  .mr-main .me-kpi-item:nth-child(-n+3) {border-bottom:1px solid #e7ecf5;}
  .mr-main .me-kpi-item:last-child {grid-column:2 / 3;}
}
@media(min-width:981px) {
  #ctt_con .mu-page-competency .mu-feature-grid:has(> :nth-child(5):last-child) {grid-template-columns:repeat(6,minmax(0,1fr));}
  #ctt_con .mu-page-competency .mu-feature-grid:has(> :nth-child(5):last-child) > * {grid-column:span 2;}
  #ctt_con .mu-page-competency .mu-feature-grid:has(> :nth-child(5):last-child) > :nth-child(n+4) {grid-column:span 3;}
  #ctt_con .mr-device-lineup .mu-feature-grid {grid-template-columns:repeat(12,minmax(0,1fr));}
  #ctt_con .mr-device-lineup .mu-feature-card {grid-column:span 4;}
  #ctt_con .mr-device-lineup .mu-feature-card:nth-child(n+4) {grid-column:span 3;}
  #ctt_con .mu-page-cert .mu-feature-grid:has(> :nth-child(8):last-child) {grid-template-columns:repeat(4,minmax(0,1fr));}
}
#ctt_con .mr-strategies .mu-feature-card:last-child:nth-child(odd) {grid-column:1/-1;}
#ctt_con .mu-page-monitoring .mu-process {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;border:0;}
#ctt_con .mu-page-monitoring .mu-process li {padding:24px;border:1px solid #e7ecf5;border-radius:14px;background:var(--point-50);}
#ctt_con .mu-page-monitoring .mu-process li:before {display:none;}
#ctt_con .me-location-site .me-location-address {display:flex;flex-direction:column;justify-content:center;}
/* 지도 타일은 폭 0인 SDK 위치 레이어 안에 놓인다. 본문 이미지의 100% 제한을 적용하지 않는다. */
.me-sub-wrap #ctt_con .me-location-map .root_daum_roughmap img {max-width:none!important;}
/* 기본 p의 break-all은 상속보다 우선한다. CMS·서버 보강 본문에 직접 어절 줄바꿈을 지정한다. */
.me-main p,.me-sub-wrap p {word-break:keep-all;overflow-wrap:anywhere;}
#ctt.ctt_purchase #ctt_con {padding-bottom:0;}
#ctt_con .mu-page-purchase > .mu-page-section:last-child {margin-bottom:0;}
#ctt_con .mu-page-purchase .mu-process li:last-child {padding-bottom:0;}
#ctt.ctt_purchase .me-section-head {display:block;}
#ctt.ctt_purchase .me-section-head p {max-width:none;margin:14px 0 0;line-height:1.75;}
#ctt.ctt_purchase .me-procure .me-section-head strong {display:block;margin-top:6px;}
.me-procure-market {display:none;}
.me-sub-wrap #bo_gall .gall_info {margin:0 24px;padding:14px 0 22px!important;}
.me-sub-wrap #bo_gall .gall_info .gall_date {display:inline-flex;align-items:center;gap:5px;margin:0;}
@media(max-width:980px) {
  #ctt_con .mu-page-monitoring .mu-process {grid-template-columns:repeat(2,minmax(0,1fr));}
  .mr-main .me-product-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  #me-ft .me-ft-top {grid-template-columns:1fr;}
  #me-ft .me-ft-cols {display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px;}
  .mr-main .me-benefit-grid {grid-template-columns:1fr;}
  .mu-consult-grid {grid-template-columns:1fr;}
  #ctt_con .mr-greeting-intro,#ctt_con .mr-photo-panel,#ctt_con .mr-vision-split,#ctt_con .mr-device-intro {grid-template-columns:1fr;gap:28px;}
  #ctt_con .mr-device-lineup .mu-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  #ctt_con .mr-history-row {grid-template-columns:150px minmax(0,1fr);gap:24px;}
}
@media(max-width:640px) {
  .me-sub-wrap .me-procure-table {min-width:0;}
  .me-sub-wrap .me-procure-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
  .me-sub-wrap .me-procure-table tbody {display:block;}
  .me-sub-wrap .me-procure-table tbody tr {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #e7ecf5;}
  .me-sub-wrap .me-procure-table tbody tr:last-child {border:0;}
  .me-sub-wrap .me-procure-table tbody th {grid-column:1/-1;background:var(--point-50);padding:16px;border:0;word-break:keep-all;}
  .me-sub-wrap .me-procure-table tbody td {display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px 18px;border:0;}
  .me-sub-wrap .me-procure-market {display:block;color:#526176;font-size:12px;font-weight:700;}
  #ctt_con .mu-page-monitoring .mu-process {grid-template-columns:1fr;}
  .mr-main .me-sec-head.with-nav {display:block;}
  .mr-main .me-sec-head.with-nav .me-text-link {display:inline-flex;margin-top:16px;}
  .mr-main .me-kpi {grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;margin-top:0;}
  .mr-main .me-kpi-item {padding:18px 10px;}
  .mr-main .me-kpi-item:nth-child(2n) {border-right:0;}
  .mr-main .me-kpi-item:nth-child(-n+4) {border-bottom:1px solid #e7ecf5;}
  .mr-main .me-kpi-item:last-child {grid-column:1 / -1;border-right:0;}
  .mr-main .me-kpi-item strong {font-size:26px;}
  .mr-main .me-shortcut-list {grid-template-columns:repeat(2,minmax(0,1fr));}
  .mr-main .me-shortcut-list li:last-child {grid-column:1/-1;}
  .mr-main .me-sec-head h2,.mr-main .me-finalcta-panel h2 {font-size:27px;}
  .mr-main .me-finalcta-panel {padding:32px 24px;}

  .mr-main .me-product-grid {grid-template-columns:1fr;}


  #ctt_con .mu-feature-grid:has(> .mu-photo-media:nth-child(2):last-child) {grid-template-columns:1fr;}
  .me-wrap.me-auth-grid {width:calc(100% - 40px);}
  #me-ft .me-ft-cols {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;}
  #me-ft .me-ft-col:first-child {grid-column:1/-1;}
  #me-ft .me-ft-col:not(.me-ft-sns-col) {display:block;}
  #me-ft .me-ft-col a {min-height:44px;}
  .mu-consult-grid .me-consult-form {padding:28px 20px;}
  .me-wrap,.me-subnav-wrap .me-wrap {padding-left:20px;padding-right:20px;}
  .me-wrap.me-sub-wrap {padding-top:28px;padding-bottom:48px;}
  #ctt_con .mr-greeting-intro,#ctt_con .mr-vision-split,#ctt_con .mr-device-intro {margin-bottom:48px;}
  #ctt_con .mr-photo-panel,#ctt_con .mr-strategies,#ctt_con .mr-vision-panel {padding:28px 22px;}
  #ctt_con .mr-mission p {font-size:27px;}
  #ctt_con .mr-vision-panel p,#ctt_con .mr-photo-panel h2 {font-size:24px;}
  #ctt_con .mr-strategies .mu-feature-grid,#ctt_con .mr-device-lineup .mu-feature-grid,#ctt_con .mr-history-row {grid-template-columns:1fr;}
  #ctt_con .mr-history-row .mu-process li {display:block;}
}
@media print {
  #ctt_con .mr-vision-panel {background:none;border:1px solid #ddd;}
  #ctt_con .mr-vision-panel p,#ctt_con .mr-vision-panel h3,#ctt_con .mr-vision-panel strong {color:#000;}
}

.mu-consult-grid .me-consult-submit {display:block;text-align:center;}
.mu-consult-grid .me-consult-submit button {width:100%;}
.mu-consult-grid .me-consult-submit .me-consult-tel {margin-top:16px;}

/* 2026-09-07 정돈 참고안: 현재 기능을 유지하며 섹션과 정보 밀도를 조정한다. */
.me-main-ref > section.me-section {padding:56px 0;}
.me-main-ref > section.me-repsol {padding:64px 0 40px;}
.me-main-ref > section.me-benefits {padding:40px 0;}
.me-main-ref > section.me-products {padding-top:40px;}
.me-main-ref > section.me-finalcta {padding:0 0 64px;}
.mr-main .me-product-body,.mr-main .me-ref-body {padding:20px 22px;}
.mr-main .me-repsol-thumb > picture {position:absolute;inset:0;width:100%;height:100%;}
.mr-main .me-repsol-thumb img {height:100%!important;object-fit:cover;}
.mr-main .me-benefit-note {margin-top:16px;}
.mr-main .me-shortcut-list {gap:14px;}
.mr-main .me-shortcut-list a {position:relative;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px;min-height:128px;padding:20px 34px 18px 20px;border:1px solid var(--point-200);border-radius:16px;background:linear-gradient(180deg,#fff,var(--point-50));color:#0f2036;font-size:15px;font-weight:750;line-height:1.45;text-align:left;box-shadow:0 8px 24px rgba(15,32,54,.04);}
.mr-main .me-shortcut-list a::after {content:"→";position:absolute;right:16px;bottom:18px;color:#5a6b85;}
.mr-main .me-sc-ico {width:44px;height:44px;flex:none;border-radius:12px;background:linear-gradient(135deg,var(--point-100),var(--point-200));color:var(--point-ink);}
.mr-main .me-shortcut-list a:is(:hover,:focus-visible) {border-color:var(--point-400);background:#fff;color:var(--point-ink);box-shadow:0 12px 30px rgba(31,122,119,.12);}
.mr-main .me-shortcut-list a:is(:hover,:focus-visible) .me-sc-ico {background:linear-gradient(135deg,var(--point-ink),var(--point-ink));color:#fff;}
.mr-main .me-shortcut-list a:is(:hover,:focus-visible)::after {color:var(--point-ink);}
.mr-main .me-shortcut-list a:focus-visible {outline:2px solid var(--point-ink);outline-offset:3px;}

@media screen {
  .me-subhead {min-height:200px;padding:32px 0!important;font-size:16px;line-height:1.5;letter-spacing:0;}
  .me-subhead .me-wrap {gap:0!important;min-height:0;justify-content:flex-start;}
  .me-subnav-wrap ~ .me-wrap.me-sub-wrap {padding-top:48px!important;}
}
.me-subhead .me-crumb {display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin:0 0 12px;white-space:nowrap;min-width:0;max-width:100%;font-size:14px;line-height:24px;font-weight:500;}
.me-subhead .me-crumb > * {flex:none;padding:0;line-height:24px;font-weight:500;color:rgba(255,255,255,.82)!important;}
.me-subhead .me-crumb > [aria-hidden="true"] {color:rgba(255,255,255,.55)!important;}
.me-subhead .me-crumb .me-crumb-cur,.me-subhead .me-crumb [aria-current="page"] {flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:700;color:#fff!important;}
.me-subhead .me-subhead-title {margin:0;font-weight:800;text-align:left;word-break:keep-all;overflow-wrap:anywhere;}
.me-subhead .me-subhead-desc {margin:12px 0 0;max-width:640px;font-weight:400;line-height:1.6;text-align:left;letter-spacing:0;word-break:keep-all;overflow-wrap:anywhere;}
#ctt_con .mu-page-intro {margin-bottom:40px;}
#ctt_con .mu-page-section {margin-bottom:52px;}
#ctt_con .mu-section-head {margin-bottom:20px;text-align:left;max-width:none;}
#ctt_con .mu-section-head h2 {font-size:28px;}
#ctt_con .mu-section-head p {margin:8px 0 0;}
#ctt_con .mu-page-title {font-size:32px;margin-bottom:16px;}
#ctt_con .mu-feature-grid {gap:16px;}
#ctt_con .mu-feature-card {padding:24px 22px;}
#ctt_con .mu-document-gallery {gap:16px;}
/* 인증서 본문·직인이 잘리지 않도록 contain을 유지한다. */
#ctt_con .mu-document-card img {width:100%;height:auto;aspect-ratio:597/840;object-fit:contain;}
@media(min-width:981px) {
  .me-sub-wrap .me-solparts .me-parts-list:has(> :nth-child(3):last-child),
  .me-sub-wrap .me-solparts .me-parts-list:has(> :nth-child(6):last-child) {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .me-sub-wrap .me-solparts .me-parts-list:has(> :nth-child(5):last-child) {grid-template-columns:repeat(6,minmax(0,1fr))!important;}
  .me-sub-wrap .me-solparts .me-parts-list:has(> :nth-child(5):last-child) > * {grid-column:span 2;}
  .me-sub-wrap .me-solparts .me-parts-list:has(> :nth-child(5):last-child) > :nth-child(n+4) {grid-column:span 3;}
  #ctt_con .mu-page-cert .mu-cert-detail-grid:has(> :nth-child(4n):last-child) {grid-template-columns:repeat(4,minmax(0,1fr));}
}
#ctt .mu-cta-panel {margin-top:40px;padding:40px 44px;}
#ctt .mu-cta-panel h2,.me-solpage .me-sec-title {font-size:28px;}
.me-solpage .me-solsec.me-solpoints {padding:32px;margin-top:48px;}
.me-solpage .me-solsec .me-sec-head {margin-bottom:22px;}
.me-solpage .me-solcta,.me-solpage .me-finalcta {padding:40px 0 0;}
.me-solpage .me-cta-band-inner {padding:40px;}
.me-sub-wrap .me-sol-intro.has-photo {gap:36px;}
.mu-consult-grid {gap:36px;}
.mu-form-heading {margin-bottom:20px;}

@media(min-width:641px) and (max-width:1100px) {
  .mr-main .me-shortcut-list {grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
  .mr-main .me-shortcut-list a {min-height:120px;padding:14px 12px 34px;font-size:13px;gap:12px;}
  .mr-main .me-shortcut-list a::after {right:12px;bottom:10px;}
  .mr-main .me-sc-ico {width:38px;height:38px;}
  .mr-main .me-repsol-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .mr-main .me-repsol-card:last-child {grid-column:1/-1;}
  .mr-main .me-repsol-card:last-child > a {flex-direction:row;}
  .mr-main .me-repsol-card:last-child .me-repsol-thumb {flex:0 0 46%;aspect-ratio:4/3;}
}
@media(min-width:641px) and (max-width:980px) {
  .mr-main .me-product-card:last-child,.mr-main .me-ref-card:last-child:nth-child(odd) {grid-column:1/-1;}
  .mr-main .me-product-card:last-child > a,.mr-main .me-ref-card:last-child:nth-child(odd) > a {flex-direction:row;}
  .mr-main .me-product-card:last-child .me-product-thumb,.mr-main .me-ref-card:last-child:nth-child(odd) .me-ref-thumb {flex:0 0 44%;}
  .mr-main .me-ref-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #ctt_con .mu-feature-grid > :last-child:nth-child(odd) {grid-column:1/-1;}
}
@media(min-width:1001px) and (max-width:1200px) {
  .me-main > .me-process .me-steps {grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;}
  .mr-main .me-step-name {font-size:16px;}
}
@media(min-width:641px) and (max-width:1000px) {
  .me-main > .me-process .me-steps {grid-template-columns:1fr!important;gap:12px!important;}
  .mr-main .me-step {display:grid!important;grid-template-columns:56px minmax(0,1fr);gap:4px 18px;align-items:center;padding:18px 22px;min-height:0;}
  .mr-main .me-step-ico {grid-row:1/3;width:56px;height:56px;margin:0;}
  .mr-main .me-step-no {display:none;}
  .mr-main .me-step-name,.mr-main .me-step-desc {margin:0;min-height:0;}
}
@media(max-width:980px) {
  .me-sub-wrap .me-sol-intro.has-photo {grid-template-columns:1fr;gap:20px;}
  .me-solpage .me-sol-intro-figure {order:1;}
  .me-solpage .me-sol-intro-figure img {aspect-ratio:16/9;}
}
@media screen and (max-width:900px) {
  .me-subhead {min-height:170px;padding:28px 0!important;}
  .me-subnav-wrap ~ .me-wrap.me-sub-wrap {padding-top:36px!important;}
}
@media(max-width:640px) {
  .me-main-ref > section.me-section {padding:44px 0;}
  .me-main-ref > section.me-repsol {padding:48px 0 32px;}
  .me-main-ref > section.me-benefits {padding:32px 0;}
  .me-main-ref > section.me-products {padding-top:32px;}
  .me-main-ref > section.me-finalcta {padding:0 0 48px;}
  .mr-main .me-sec-head h2 {font-size:25px;}
  .mr-main .me-shortcut-list {gap:10px;}
  .mr-main .me-shortcut-list a {min-height:112px;padding:16px 28px 16px 16px;font-size:14px;gap:14px;}
  .mr-main .me-shortcut-list a::after {right:12px;bottom:16px;}
  .mr-main .me-shortcut-list li:last-child a {flex-direction:row;align-items:center;justify-content:flex-start;min-height:76px;}
  #ctt_con .mu-page-intro,#ctt_con .mu-page-section {margin-bottom:32px;}
  #ctt_con .mu-page-title {font-size:28px;}
  #ctt_con .mu-section-head h2,.me-solpage .me-sec-title {font-size:25px;}
  #ctt_con .mu-feature-grid > :last-child:nth-child(odd) {grid-column:auto;}
  #ctt_con .mr-greeting-intro .mu-stat-row {grid-template-columns:1fr;}
  #ctt .mu-cta-panel {padding:26px 22px;margin-top:32px;}
  #ctt .mu-cta-panel h2 {font-size:24px;}
  .me-solpage .me-solsec {margin:36px 0;}
  .me-solpage .me-solsec.me-solpoints {padding:24px 20px;}
  .me-solpage .me-cta-band-inner {padding:28px 22px;}
}

/* 목록은 실제 표의 열로 정렬한다. 공지·선택 체크박스·정렬 링크·빈 목록도 보존한다. */
.me-sub-wrap #bo_list {box-shadow:none;}
.me-sub-wrap #bo_btn_top {padding:0!important;min-height:44px;border:0;background:none;box-shadow:none;margin-bottom:14px;}
.me-sub-wrap #bo_list .tbl_head01 {border:1px solid var(--point-200);border-radius:16px;background:#fff;}
@media screen and (min-width:769px) {
  .me-sub-wrap #bo_list .tbl_head01 {padding:0 20px;overflow-x:auto;}
  .me-sub-wrap #bo_list .tbl_head01 table {display:table;width:100%;table-layout:fixed;border:0;border-collapse:collapse;}
  .me-sub-wrap #bo_list .tbl_head01 thead {display:table-header-group;}
  .me-sub-wrap #bo_list .tbl_head01 tbody {display:table-row-group;}
  .me-sub-wrap #bo_list .tbl_head01 tr,.me-sub-wrap #bo_list .tbl_head01 tbody tr {display:table-row;margin:0;border:0;border-bottom:1px solid #edf1f7;border-radius:0;padding:0;box-shadow:none;}
  .me-sub-wrap #bo_list .tbl_head01 thead th,.me-sub-wrap #bo_list .tbl_head01 tbody td[class] {display:table-cell;width:auto;padding-top:18px!important;padding-bottom:18px!important;padding-right:8px;vertical-align:middle;border:0;background:transparent;text-align:left;font-size:14px;line-height:1.6;}
  .me-sub-wrap #bo_list .tbl_head01 thead th {color:#526176;font-size:13px;font-weight:700;}
  .me-sub-wrap #bo_list .tbl_head01 th.th_subject {padding-left:0;}
  .me-sub-wrap #bo_list .tbl_head01 th.th_num {width:64px;}
  .me-sub-wrap #bo_list .tbl_head01 th.th_name {width:110px;}
  .me-sub-wrap #bo_list .tbl_head01 th.th_date {width:112px;}
  .me-sub-wrap #bo_list .tbl_head01 th:is(.th_hit,.th_good,.th_nogood) {width:64px;}
  .me-sub-wrap #bo_list .tbl_head01 th.all_chk {width:36px;}
  .me-sub-wrap #bo_list .tbl_head01 tbody td.td_name {white-space:normal;overflow-wrap:anywhere;}
  .me-sub-wrap #bo_list .tbl_head01 tbody td.empty_table {height:140px;text-align:center;}
  .me-sub-wrap #bo_list .tbl_head01 tbody tr:last-child {border:0;}
  .me-sub-wrap #bo_list .tbl_head01 tbody tr:hover {transform:none;box-shadow:none;background:var(--point-50);}
}
@media screen and (max-width:768px) {
  .me-sub-wrap #bo_list .tbl_head01 {padding:0 18px;}
  .me-sub-wrap #bo_list .tbl_head01 tbody tr {margin:0;padding:18px 0;border:0;border-bottom:1px solid #edf1f7;border-radius:0;box-shadow:none;}
  .me-sub-wrap #bo_list .tbl_head01 tbody tr:last-child {border:0;}
}
@media screen and (max-width:640px) {
  .me-subhead {min-height:150px;padding:24px 0!important;}
  .me-subnav-wrap ~ .me-wrap.me-sub-wrap {padding-top:28px!important;}
}

/* 사용자 제공 AI 시안의 표시 맥락 */
.me-image-note {margin:16px 0 0;color:#526176;font-size:16px;line-height:1.7;word-break:keep-all;}
.gall_img {position:relative;}
.me-image-badge {position:absolute;left:12px;bottom:12px;padding:4px 9px;border-radius:6px;background:#fff;color:#173d62;font-size:13px;font-weight:700;line-height:1.5;}

/* 검색창과 모바일 메뉴의 주요 동작을 첫 화면에서 사용할 수 있게 한다. */
#sch_res_detail,#sch_res_detail #stx {scroll-margin-top:94px;}
.me-sub-wrap .me-search-empty li {padding:0;}
.me-sub-wrap .me-search-empty li a {display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:999px;color:inherit;text-decoration:none;}
.me-sub-wrap .me-search-empty li a:hover,.me-sub-wrap .me-search-empty li a:focus-visible {background:var(--point-100);outline:2px solid var(--c-primary);outline-offset:2px;}
.me-mnav {position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 80px);box-shadow:0 14px 24px rgba(24,98,95,.08);}
.me-mnav .me-mnav-cta {position:sticky;top:0;z-index:1;flex-direction:row;background:#fff;border-bottom:1px solid var(--c-line);padding:14px 24px;}
.me-mnav .me-mnav-cta .me-btn {display:flex;align-items:center;justify-content:center;flex:1;min-width:0;}
.me-mnav .me-mnav-cta .me-btn-primary {color:#fff;}
.me-mnav .me-mnav-cta .me-btn-line-mint {color:var(--point-ink);}
.me-mnav-sub a {min-height:44px;display:flex;align-items:center;word-break:keep-all;overflow-wrap:anywhere;}
.me-mnav-account {display:flex;flex-wrap:wrap;gap:8px;padding:10px 24px;border-bottom:1px solid var(--c-line);background:var(--point-50);}
.me-mnav .me-mnav-account a {display:flex;align-items:center;justify-content:center;min-height:44px;flex:1;padding:8px 12px;border:1px solid var(--c-line);border-radius:8px;background:#fff;font-size:15px;}
#ctt_con .mr-product-photo {scroll-margin-top:112px;}
#ctt_con .mu-feature-card:has(.mr-product-photo:target) {border-color:var(--c-primary);}

/* 게시판 검색 조건과 전체 목록 복귀: 작은 화면에서도 검색어와 버튼을 구분한다. */
.me-board-filter{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 20px;padding:12px 16px;border:1px solid var(--c-line);border-radius:12px;background:var(--point-50);}
.me-board-filter p{display:flex;flex-wrap:wrap;gap:4px 16px;flex:1 1 180px;min-width:0;margin:0;font-size:15px;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere;}
.me-board-filter strong{color:var(--c-text);}
.me-board-filter a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--c-line);border-radius:8px;background:#fff;color:var(--c-primary);font-size:15px;font-weight:700;white-space:nowrap;}
.me-board-filter a:hover{border-color:var(--c-primary);}
.me-sub-wrap .btn_bo_user button.btn_bo_sch{width:auto;min-width:88px;height:44px;border-radius:10px;white-space:nowrap;}

/* 모바일 하위 메뉴: 잘린 가로 탭 대신 현재 위치와 전체 선택지를 표시한다. */
.me-subnav-picker{display:none;}
@media(max-width:900px){
  .me-subnav-enhanced{position:relative;}
  .me-subnav-enhanced .me-subnav-scroll{display:none;}
  .me-subnav-picker{display:block;flex:1;min-width:0;padding:8px 0;}
  .me-subnav-picker summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border:1px solid var(--c-line);border-radius:8px;color:var(--c-primary);background:#fff;font-size:15px;font-weight:700;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;list-style:none;cursor:pointer;}
  .me-subnav-picker summary::-webkit-details-marker{display:none;}
  .me-subnav-picker summary::after{content:'';flex:none;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 2px 4px;}
  .me-subnav-picker[open] summary{background:var(--point-50);border-color:var(--c-primary);}
  .me-subnav-picker[open] summary::after{transform:rotate(225deg);margin-top:6px;}
  .me-subnav-options{position:absolute;z-index:20;top:100%;left:0;right:0;max-height:min(60vh,380px);overflow-y:auto;padding:8px;border:1px solid var(--c-line);border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(24,98,95,.14);}
  .me-subnav-options .me-subnav-option{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:6px;color:var(--c-text);font-size:15px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;}
  .me-subnav-option[aria-current=page],.me-subnav-options .me-subnav-option:hover{background:var(--point-100);color:var(--c-primary);font-weight:700;}
}
.me-subnav-picker summary:focus-visible{outline:3px solid var(--c-primary);outline-offset:3px;}

/* 상담 동의는 전문 열람과 선택을 분리한다. */
.me-consent-summary{margin:10px 0 0;font-size:15px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere;color:var(--c-text);}
.me-consent-details{margin-top:12px;border:1px solid var(--c-line);border-radius:10px;background:#fff;}
.me-consent-details summary{min-height:44px;padding:12px 16px;font-size:15px;font-weight:700;cursor:pointer;color:var(--c-primary);}
.me-consent-details summary:focus-visible{outline:3px solid var(--c-primary);outline-offset:2px;}
.me-consent-text{max-height:360px;overflow:auto;margin:0 16px;padding:16px;border:1px solid var(--c-line);background:var(--point-50);font-size:15px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere;}
.me-consent-details>a{display:inline-flex;align-items:center;min-height:44px;padding:12px 16px;font-size:14px;color:var(--c-primary);}
.mu-consult-grid .me-consult-submit button{display:flex;align-items:center;justify-content:center;text-align:center;}
/* 인쇄에서도 배경과 글자 대비를 유지하고 긴 섹션/표가 통째로 밀리지 않게 한다. */
@media print{
  @page{margin:12mm;}
  #container{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  #container .me-subhead{background-color:#0a1e42!important;padding:10pt 14pt!important;margin:0 0 12pt!important;min-height:0!important;}
  #container .me-subhead-title,#container .me-subhead h1{color:#fff!important;}
  #container .me-subhead-desc,#container .me-crumb,#container .me-crumb a,#container .me-crumb span{color:#fff!important;}
  #container .me-sub-wrap{padding-top:0!important;padding-bottom:0!important;}
  #container .me-sec,#container .me-page-section,#ctt_con .mu-page-section{padding-top:8pt!important;padding-bottom:8pt!important;margin:0 0 10pt!important;break-inside:auto!important;page-break-inside:auto!important;}
  #container table{break-inside:auto!important;page-break-inside:auto!important;}
  #container tr{break-inside:avoid;page-break-inside:avoid;}
  #container thead{display:table-header-group!important;}
  #container .me-procure-scroll{overflow:visible;}
  #container .me-procure-table{min-width:0;width:100%;table-layout:fixed;}
  #container .me-section-head{display:block;margin-bottom:10pt!important;break-after:avoid;}
  #container .me-section-head p{max-width:none;margin-left:0;}
  #container .me-procure-btn,#container .me-docs-btn{background:var(--point-ink)!important;color:#fff!important;border-color:var(--point-ink)!important;box-shadow:none!important;}
  #container .me-consent-text{max-height:none;overflow:visible;}
  #container .me-subhead h1{font-size:20pt!important;line-height:1.35!important;margin:6pt 0!important;}
  #container .me-subhead-desc{margin:4pt 0 0!important;}
  #ctt_con .mu-page-intro{margin-bottom:12pt!important;}
  #ctt_con .mu-page-summary{padding:12pt!important;margin-bottom:10pt!important;}
  #ctt_con h2{font-size:17pt!important;line-height:1.4!important;margin:8pt 0!important;}
  #ctt_con h3{font-size:13pt!important;line-height:1.4!important;margin:6pt 0!important;}
  #ctt_con p,#ctt_con td,#ctt_con th{font-size:10.5pt!important;line-height:1.6!important;}
  #ctt_con td,#ctt_con th,#container .me-procure-table td,#container .me-procure-table th{padding:8pt!important;}
  #ctt_con .mu-process li{padding-bottom:10pt!important;break-inside:avoid;}
  #container .me-docs-list li{padding:10pt!important;break-inside:avoid;}
  #ctt .mu-cta-panel{display:block;padding:10pt!important;margin-top:10pt!important;border-radius:10pt;break-inside:avoid!important;}
  #ctt .mu-cta-panel h2,#ctt .mu-cta-panel p{color:#17243d!important;}
  #container .me-board-faq-q{padding:10pt!important;font-size:11pt!important;}
  #container .me-board-faq-a{padding:10pt!important;font-size:11pt!important;}

}

/* 지원하지 않는 환경에서는 기기 공유를 숨긴다. */
.me-share-menu .me-share-native[hidden]{display:none!important;}

.me-cert-guest .me-btn{justify-content:center;text-align:center;}

@media screen {
  #ctt_con .mu-page-intro .mu-page-title {max-width:none;margin-top:0;word-break:keep-all;overflow-wrap:anywhere;}
  #ctt_con .mu-page-intro .mu-page-kicker {margin-bottom:14px;}
  #ctt_con .mu-page-intro .mu-page-lead {max-width:none;word-break:keep-all;overflow-wrap:anywhere;}
  #ctt_con .mu-section-head p {max-width:none;word-break:keep-all;overflow-wrap:anywhere;}
  #ctt .mu-cta-panel h2,#ctt .mu-cta-panel p {word-break:keep-all;overflow-wrap:anywhere;}
  /* 설명 한 칸과 사진 두 칸이 만나 생기던 빈 반쪽 행을 없앤다. */
  #ctt_con .mu-photo-split:has(> .mu-photo-media:nth-child(3):last-child) {align-items:start;gap:24px;}
  #ctt_con .mu-photo-split:has(> .mu-photo-media:nth-child(3):last-child) > .mu-photo-copy {grid-column:1/-1;max-width:none;}
}

/* 공유 시안의 정보 배치만 적용한다. 원문과 인쇄 레이아웃은 유지한다. */
@media screen {
  /* hidden은 세로 스크롤 컨테이너도 만들어 sticky를 막는다. */
  .me-main.me-consultpage {overflow-x:clip;overflow-y:visible;}
  .me-consultpage .mu-consult-steps {position:static;}
  #ctt_con .mr-greeting-copy {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;}
  #ctt_con .mr-greeting-copy .mu-page-intro {margin:0;}
  #ctt_con .mr-greeting-copy h2,#ctt_con .mr-greeting-copy p {word-break:keep-all;overflow-wrap:anywhere;}
  #ctt_con .mr-greeting-copy .mu-page-title {margin:24px 0 18px;line-height:1.45;text-wrap:pretty;}
  #ctt_con .mr-greeting-copy .mu-photo-copy {max-width:none;}
  #ctt_con .mr-greeting-intro .mu-stat-row {padding:24px 12px;gap:0;border-radius:16px;background:var(--point-deep);}
  #ctt_con .mr-greeting-intro .mu-stat-row li {padding:8px 24px;border:0;border-left:1px solid #456187;border-radius:0;background:none;gap:10px;}
  #ctt_con .mr-greeting-intro .mu-stat-row li:first-child {border-left:0;}
  #ctt_con .mr-greeting-intro .mu-stat-row strong {color:var(--point-200);font-size:36px;line-height:1.3;}
  #ctt_con .mr-greeting-intro .mu-stat-row span {color:var(--point-200);line-height:1.7;}
  #ctt_con .mr-photo-panel {grid-template-columns:1fr;gap:0;padding:0;overflow:hidden;border-radius:16px;}
  #ctt_con .mr-photo-panel > img {grid-row:1;height:auto;max-height:420px;aspect-ratio:auto;border-radius:0;object-fit:cover;object-position:center 20%;}
  #ctt_con .mr-photo-text {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;padding:28px 32px;}
  #ctt_con .mr-photo-text h2,#ctt_con .mr-photo-text p {margin:0;word-break:keep-all;overflow-wrap:anywhere;}
}
/* 안내 전체가 들어가는 PC 화면에서만 고정해 하단 내용이 가려지지 않게 한다. */
@media screen and (min-width:1101px) and (min-height:800px) {
  .me-consultpage .mu-consult-steps {position:sticky;top:110px;align-self:start;}
}
@media screen and (max-width:980px) {
  #ctt_con .mr-greeting-copy {grid-template-columns:1fr;gap:24px;}
  #ctt_con .mr-photo-text {grid-template-columns:1fr;gap:16px;padding:24px;}
}
@media screen and (max-width:640px) {
  #ctt_con .mr-greeting-intro .mu-stat-row {padding:8px 20px;}
  #ctt_con .mr-greeting-intro .mu-stat-row li {padding:18px 0;border-left:0;border-top:1px solid #456187;}
  #ctt_con .mr-greeting-intro .mu-stat-row li:first-child {border-top:0;}
  #ctt_con .mr-greeting-intro .mu-stat-row strong {font-size:30px;}
  #ctt_con .mr-photo-text {padding:24px 20px;}
}
/* 인물의 머리 위쪽을 보존하고 히어로 높이와 가로 구도는 유지한다. */
.me-main-ref .me-hero-bg {background-position-y:top;}

/* ── 2026-09-09 이진영 점검 반영 ────────────────────────────────────────
   단추로 이동한 자리의 제목이 고정 머리글(79px) 뒤에 숨었다. 어디로 왔는지
   알 수 없다. 이미 두 곳은 같은 처리를 해 두었는데(검색창 94 · 제품 카드 112)
   건별로 처리해 온 탓에 나머지가 남았다. 94 = 머리글 79 + 여백 15. */
#container,
#me-solutions,
#me-devices,
#me-cases,
#me-procure{scroll-margin-top:94px;}

/* 게시판 본문 위 여백이 화면마다 달랐다(회사소개 48 · 공지 58 · FAQ 73).
   테마가 정한 값이 아니라 그누보드 기본 스킨의 첫 자식 margin 이 새어 나온
   것이다. 첫 자식의 위 여백만 걷어 기준선을 하나로 맞춘다. */
.me-sub-wrap #bo_list #bo_cate:first-child,
.me-sub-wrap #bo_gall #bo_cate:first-child,
.me-sub-wrap #bo_list #bo_btn_top,
.me-sub-wrap #bo_gall #bo_btn_top{margin-top:0;}

/* 이전글·다음글만 사이트 공통 줄바꿈 규칙에서 빠져 「1,500곳」이 「1,500 / 곳」
   으로 쪼개졌다. 날짜도 float 라 제목이 첫 줄을 채우면 늘 아랫줄로 밀렸다.
   좁은 폭에서는 [라벨 … 날짜] 한 줄 + 제목 한 줄로 세운다. */
.me-sub-wrap .bo_v_nb li{display:flex;flex-wrap:wrap;align-items:baseline;}
.me-sub-wrap .bo_v_nb li .nb_tit{order:1;flex:0 0 auto;}
.me-sub-wrap .bo_v_nb li .nb_date{order:2;float:none;flex:0 0 auto;margin-left:auto;white-space:nowrap;}
.me-sub-wrap .bo_v_nb li a{order:3;flex:1 1 100%;min-width:0;word-break:keep-all;overflow-wrap:break-word;}
@media (min-width:769px){
  .me-sub-wrap .bo_v_nb li{flex-wrap:nowrap;}
  .me-sub-wrap .bo_v_nb li a{order:2;flex:1 1 auto;}
  .me-sub-wrap .bo_v_nb li .nb_date{order:3;}
}

/* [인증·실적] 인증서·특허증 원본 카드. 문서 그림이 주인공이라 안쪽 여백을 줄이고
   그림을 카드 폭 끝까지 붙인다. 링크는 44px 이상으로 손가락에 맞춘다. */
.me-sub-wrap #ctt_con .me-doc-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
  margin:28px 0 20px;
}
.me-sub-wrap #ctt_con .me-doc-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  border:1px solid var(--point-200);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
.me-sub-wrap #ctt_con .me-doc-card img{
  display:block;
  width:100%;
  /* 인증서 원본은 세로로 길다. 그대로 두면 카드 한 장이 화면을 넘어가므로
     높이를 고정하고 문서 위쪽부터 담는다. 원본은 PDF 링크로 본다. */
  height:250px;
  padding:12px;
  object-fit:contain;
  object-position:top center;
  border-bottom:1px solid #eef2f8;
  background:var(--point-50);
}
.me-sub-wrap #ctt_con .me-doc-body{
  padding:16px 18px 18px;
}
.me-sub-wrap #ctt_con .me-doc-card h3{
  margin:0;
  font-size:17px;
  line-height:1.4;
  word-break:keep-all;
}
.me-sub-wrap #ctt_con .me-doc-meta{
  display:block;
  margin-top:6px;
  color:#5a6b85;
  font-size:14px;
  line-height:1.5;
  word-break:keep-all;
}
/* 본문 링크는 밑줄이 규칙이지만(metaedu.css:1183) 이건 버튼이라 밑줄을 뺀다.
   :not(.me-btn) 규칙과 같은 자리에서 이기도록 클래스를 하나 더 붙였다. */
.me-sub-wrap #ctt_con .me-doc-card a.me-doc-link{
  text-decoration:none;
}
.me-sub-wrap #ctt_con .me-doc-link{
  display:inline-flex;
  align-items:center;
  margin-top:12px;
  min-height:44px;
  padding:0 14px;
  border:1px solid var(--point-300);
  border-radius:10px;
  color:var(--me-blue, var(--point-ink));
  font-size:14px;
  font-weight:700;
}
.me-sub-wrap #ctt_con .me-doc-link:hover,
.me-sub-wrap #ctt_con .me-doc-link:focus-visible{
  background:var(--point-50);
}
@media (max-width:899px){
  .me-sub-wrap #ctt_con .me-doc-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width:599px){
  .me-sub-wrap #ctt_con .me-doc-grid{grid-template-columns:minmax(0, 1fr);}
}

/* [260911] 구축사례 미리보기를 네 장으로 늘렸다. 넓은 화면은 한 줄에 네 장,
   카드마다 지역·학교급·솔루션을 한 줄로 덧붙인다. */
@media(min-width:981px) {
  /* metaedu.css 의 「마지막 칸이 홀수면 한 줄을 다 쓴다」 규칙은 지표가 셋일 때 만든 것이다.
     다섯 개가 된 지금 넓은 화면에서는 다섯째가 통째로 늘어나 4+1 로 보인다. 여기서 끈다. */
  /* 상대 규칙이 :nth-child 를 하나 더 달고 있어 같은 무게로 맞춰야 이긴다. */
  .mr-main .me-kpi-item:last-child:nth-child(odd) {grid-column:auto;}
  /* 사례 격자 3열 규칙이 !important 라 여기서도 같은 힘을 쓴다. */
  .mr-main .me-ref-grid {grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:20px !important;}
  .mr-main .me-ref-body {padding:20px;}
  .mr-main .me-ref-body h3 {font-size:17px;}
  .mr-main .me-ref-body p {font-size:14.5px;line-height:1.65;}
}
.mr-main .me-ref-meta {display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding-top:12px;border-top:1px solid #eef2f8;}
.mr-main .me-ref-meta span {padding:3px 9px;border-radius:6px;background:var(--point-50);color:#4a5c78;font-size:12.5px;font-weight:700;line-height:1.5;white-space:nowrap;}

/* [260911] 오시는 길 — AS·기술지원센터 다섯 곳. 지도 없이 주소만 담는 카드라
   본사·경기사무소 카드보다 한 단 낮은 무게로 둔다. */
.me-sub-wrap #ctt_con .me-center-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin:24px 0 8px;
}
.me-sub-wrap #ctt_con .me-center-card{
  min-width:0;
  padding:20px 22px;
}
.me-sub-wrap #ctt_con .me-center-card strong{
  display:inline-block !important;
  width:auto;
  min-width:0;
  height:auto;
  padding:3px 10px;
  border-radius:7px;
  background:var(--point-100);
  color:var(--point-ink);
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
}
.me-sub-wrap #ctt_con .me-center-card h3{
  margin:10px 0 4px;
  font-size:18px;
}
.me-sub-wrap #ctt_con .me-center-card p{
  margin:0;
  color:#4a5c78;
  font-size:14.5px;
  line-height:1.6;
}
.me-sub-wrap #ctt_con .me-location-link{
  margin-top:10px !important;
}
.me-sub-wrap #ctt_con .me-location-link a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:14px;
  font-weight:700;
}
@media (max-width:980px){
  .me-sub-wrap #ctt_con .me-center-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width:640px){
  .me-sub-wrap #ctt_con .me-center-grid{grid-template-columns:minmax(0, 1fr);}
}

/* ============================================================
   [260911] 첫 화면을 리플렛 민트 톤으로 — 고객 수정요청 1번.
   왼쪽은 민트 바탕에 슬로건, 오른쪽은 승인된 수업 사진 다섯 장이 계속 넘어간다.
   사진을 통째로 남색으로 덮던 기존 방식 대신, 민트가 사진 왼쪽으로 스며들게 한다.
   ============================================================ */
/* [260913] 고객 의견 — 민트가 너무 진해 눈이 아프다. 채도를 낮춘 청록으로 가라앉힌다.
   흰 글씨 대비를 지키려고 밝기는 너무 올리지 않았다(더 옅은 안은 부제 대비가 3.6:1 로 떨어졌다).
   덮개 색은 --mint-veil 하나로 모아 서브페이지·솔루션 머리와 같이 움직이게 한다. */
:root{--mint-veil:40,128,119;}
.mr-main .me-hero{
  /* 바탕을 사진 덮개와 같은 단색으로 둔다. 그라데이션이면 사진이 시작하는 44% 지점에
     세로 이음선이 드러난다. 왼쪽 위에만 은은한 빛(반경이 이음선에 닿지 않게). */
  background:
    radial-gradient(420px circle at 12% 22%, rgba(255,255,255,.08), transparent 70%),
    rgb(var(--mint-veil));
}
/* 사진은 오른쪽 절반만 차지한다. 왼쪽 민트 위에 글을 세운다. */
.mr-main .me-hero-bg{
  inset:0 0 0 44%;
  background-position:center center;
}
.mr-main .me-hero-bg:before{
  background:linear-gradient(90deg,
    rgba(var(--mint-veil),1) 0%,
    rgba(var(--mint-veil),.8) 16%,
    rgba(var(--mint-veil),.26) 36%,
    rgba(var(--mint-veil),0) 58%);
}
.mr-main .me-hero-inner{
  min-height:600px;
  padding-top:84px;
  padding-bottom:84px;
}
.mr-main .me-hero-copy{max-width:52%;}
.mr-main .me-hero .me-eyebrow{
  display:inline-block;
  margin-bottom:18px;
  padding:6px 14px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
}
/* 슬로건이 제목 자리로 올라왔다. 민트 바탕이라 그림자 없이도 읽힌다. */
.mr-main .me-hero-title .me-hero-l1,
.mr-main .me-hero-title .me-hero-l2{
  color:#fff;
  font-size:clamp(38px,5vw,68px);
  font-weight:800;
  letter-spacing:-.02em;
}
.mr-main .me-hero-title,
.mr-main .me-hero-sub{text-shadow:none;}
.mr-main .me-hero-sub{
  max-width:30em;
  color:rgba(255,255,255,.92);
  font-size:17px;
  line-height:1.75;
}
/* 민트 위에서는 파란 버튼이 탁해 보인다. 주 버튼은 흰 바탕, 보조는 흰 테두리. */
.mr-main .me-hero-cta .me-btn-primary{
  background:#fff;
  color:var(--point-ink);
  box-shadow:0 10px 26px rgba(16,64,62,.22);
}
.mr-main .me-hero-cta .me-btn-primary:hover{background:var(--point-100);color:var(--point-deep);}
.mr-main .me-hero-cta .me-btn-hero-line{
  border:1.5px solid rgba(255,255,255,.75);
  background:rgba(255,255,255,.10);
  color:#fff;
}
.mr-main .me-hero-cta .me-btn-hero-line:hover{background:rgba(255,255,255,.2);}
/* 사진 넘김 조작부도 민트 위에 올라간다. */
.mr-main .me-hero-controls{
  background:rgba(18,78,76,.42);
  border:1px solid rgba(255,255,255,.3);
}

@media(max-width:980px){
  /* 좁은 화면에서는 사진을 배경 전체로 되돌리고 민트로 덮어 글을 세운다. */
  .mr-main .me-hero-bg{inset:0;}
  .mr-main .me-hero-bg:before{
    background:linear-gradient(180deg, rgba(var(--mint-veil),.93) 0%, rgba(var(--mint-veil),.88) 60%, rgba(var(--mint-veil),.93) 100%);
  }
  .mr-main .me-hero-copy{max-width:100%;}
  .mr-main .me-hero-inner{min-height:0;padding-top:64px;padding-bottom:64px;}
}

/* [260911] 솔루션 카드 다섯 장 — 리플렛 대표 사업. 시안처럼 카드마다 포인트 색을
   달리해 구분하되 전체 톤은 흰 바탕 + 민트로 묶는다. */
.mr-main .me-repsol-card .me-repsol-body strong{
  display:inline-block;
  padding:3px 10px;
  border-radius:7px;
  background:var(--card-soft,var(--point-100));
  color:var(--card-ink,var(--point-ink));
  font-size:12.5px;
  font-weight:700;
}
.mr-main .me-repsol-card h3{color:var(--card-ink,#13223a);}
.mr-main .me-repsol-card .me-repsol-more{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:14px;
  padding:7px 13px;
  border-radius:999px;
  background:var(--card-soft,var(--point-100));
  color:var(--card-ink,var(--point-ink));
  font-size:13.5px;
  font-weight:700;
}
.mr-main .me-repsol-c1{--card-soft:#E3F0FF;--card-ink:#1C63C4;}
.mr-main .me-repsol-c2{--card-soft:#FDE8F3;--card-ink:#C23C82;}
.mr-main .me-repsol-c3{--card-soft:var(--point-200);--card-ink:var(--point-deep);}
.mr-main .me-repsol-c4{--card-soft:#EEE8FD;--card-ink:#6B46C7;}
.mr-main .me-repsol-c5{--card-soft:#EDF1F5;--card-ink:#44586F;}

/* [260911] 공공 인증 배지 띠 — 학교가 한눈에 신뢰 근거를 보도록 메인에 새로 단다. */
.mr-main .me-trust{background:var(--point-deep);padding:0;}
.mr-main .me-trust-inner{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:28px;
  align-items:center;
  padding-top:28px;
  padding-bottom:28px;
}
.mr-main .me-trust-lead{
  margin:0;
  color:#fff;
  font-size:20px;
  font-weight:700;
  line-height:1.5;
  word-break:keep-all;
}
.mr-main .me-trust-lead em{display:block;color:var(--point-100);font-style:normal;}
.mr-main .me-trust-list{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.mr-main .me-trust-list a,
.mr-main .me-trust-list span{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  min-height:92px;
  padding:14px 8px;
  border-radius:12px;
  background:#fff;
  color:var(--point-ink);
  font-size:12.5px;
  font-weight:700;
  line-height:1.4;
  text-align:center;
  text-decoration:none;
  word-break:keep-all;
}
.mr-main .me-trust-list a:hover{background:var(--point-100);}
@media(max-width:1180px){
  .mr-main .me-trust-list{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:900px){
  .mr-main .me-trust-inner{grid-template-columns:1fr;gap:18px;padding-top:24px;padding-bottom:24px;}
  .mr-main .me-trust-lead{font-size:18px;}
}
@media(max-width:560px){
  .mr-main .me-trust-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* ============================================================
   [260911] 솔루션 상세 — 고객 요청 3번.
   민트 톤 머리, 핵심 기능 상단, 「교사 지원 · 수업 활용 · 4단계」 신설.
   ============================================================ */
/* 민트 머리 위에서는 남색용 그림자가 탁하게 보인다. */
.me-solpage .me-solsubhead .me-subhead-title{color:#fff;text-shadow:none;}
.me-solpage .me-solsubhead .me-crumb a,
.me-solpage .me-solsubhead .me-crumb span{color:rgba(255,255,255,.9);}

/* 핵심 기능이 맨 위로 올라왔다. 민트 머리 바로 아래라 틴트를 민트 계열로 맞춘다. */
.me-solpage .me-solsec.me-solpoints{
  background:linear-gradient(180deg,var(--point-50) 0%,var(--point-150) 100%);
  border:1px solid var(--point-300);
}
.me-solpage .me-solpoints .me-why-card{background:#fff;border:1px solid var(--point-300);}
.me-solpage .me-solpoints .me-why-ico{color:var(--point-ink);}

/* 섹션 부제 — 새 구역 세 개가 공통으로 쓴다. */
.me-solpage .me-sec-sub{
  margin:10px 0 0;
  color:#4a5c78;
  font-size:15.5px;
  line-height:1.7;
  word-break:keep-all;
}

/* ── 교사 지원 4칸 ── */
.me-solpage .me-support-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.me-solpage .me-support-card{
  min-width:0;
  padding:22px 20px;
  border:1px solid var(--point-300);
  border-radius:16px;
  background:#fff;
}
.me-solpage .me-support-ico{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:var(--point-200);
  color:var(--point-ink);
}
.me-solpage .me-support-card h3{margin:14px 0 6px;font-size:17px;line-height:1.4;word-break:keep-all;}
.me-solpage .me-support-card p{margin:0;color:#4a5c78;font-size:14.5px;line-height:1.65;word-break:keep-all;}

/* ── 수업 활용 5칸 ── */
.me-solpage .me-classuse-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}
.me-solpage .me-classuse-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #e3e9f3;
  border-radius:16px;
  background:#fff;
}
.me-solpage .me-classuse-thumb{aspect-ratio:16/10;overflow:hidden;background:var(--point-100);}
.me-solpage .me-classuse-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.me-solpage .me-classuse-body{padding:14px 16px 18px;}
.me-solpage .me-classuse-body h3{margin:0 0 5px;font-size:16px;line-height:1.4;word-break:keep-all;}
.me-solpage .me-classuse-body p{margin:0;color:#4a5c78;font-size:14px;line-height:1.6;word-break:keep-all;}

/* ── 수업 흐름 4단계 ── */
.me-solpage .me-solstep-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:none;
}
.me-solpage .me-solstep{
  position:relative;
  min-width:0;
  padding:22px 20px;
  border-radius:16px;
  background:var(--point-50);
  border:1px solid var(--point-300);
}
/* 단계 사이 이음표. 마지막 칸 뒤에는 붙이지 않는다. */
.me-solpage .me-solstep:not(:last-child):after{
  content:"";
  position:absolute;
  top:50%;
  right:-11px;
  width:10px;
  height:10px;
  margin-top:-5px;
  border-top:2px solid var(--point-500);
  border-right:2px solid var(--point-500);
  transform:rotate(45deg);
}
.me-solpage .me-solstep-no{
  display:inline-block;
  color:var(--point-ink);
  font-size:13px;
  font-weight:800;
  letter-spacing:.06em;
}
.me-solpage .me-solstep b{display:block;margin:6px 0 5px;font-size:16.5px;color:#13223a;}
.me-solpage .me-solstep-desc{display:block;color:#4a5c78;font-size:14.5px;line-height:1.65;word-break:keep-all;}

@media (max-width:1080px){
  .me-solpage .me-classuse-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .me-solpage .me-support-grid,
  .me-solpage .me-solstep-list{grid-template-columns:repeat(2,minmax(0,1fr));}
  .me-solpage .me-solstep:not(:last-child):after{display:none;}
}
@media (max-width:640px){
  .me-solpage .me-classuse-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .me-solpage .me-support-grid,
  .me-solpage .me-solstep-list{grid-template-columns:minmax(0,1fr);}
}

/* [260911-2] 첫 화면만 민트가 되면서 바로 아래 지표·머리글이 파랑이라 톤이 끊겼다.
   시안도 숫자와 섹션 머리글은 청록 계열이다. 강조색(숫자·머리글·아이콘)만 민트로 옮기고
   버튼과 하단 CTA 띠는 파랑으로 남긴다 — 파랑은 「누르는 것」 색으로 계속 쓴다. */
.mr-main .me-kpi-item strong{color:var(--point-ink);}
.mr-main .me-sec-head .me-sec-kicker{color:var(--point-ink);}
.mr-main .me-sc-ico{
  background:linear-gradient(135deg,var(--point-200),var(--point-300));
  color:var(--point-ink);
}
.mr-main .me-shortcut-list a:is(:hover,:focus-visible) .me-sc-ico{
  background:linear-gradient(135deg,var(--point),var(--point-strong));
  color:#fff;
}

/* [260911-2] 서브페이지 머리띠도 민트로 통일.
   솔루션 다섯 쪽은 이미 민트인데 회사소개·제품·고객지원만 남색이면 같은 사이트로 안 보인다.
   사진은 그대로 두고 덮개 색만 바꾼다. 왼쪽은 진하게(글 가독), 오른쪽은 열어 사진을 보인다. */
.me-subhead,
.me-subhead[data-visual="company"],
.me-subhead[data-visual="product"],
.me-subhead[data-visual="support"]{
  background-color:var(--point) !important;
  background-image:linear-gradient(90deg,
    rgba(var(--mint-veil),.95) 0%,
    rgba(var(--mint-veil),.88) 34%,
    rgba(var(--mint-veil),.38) 62%,
    rgba(var(--mint-veil),.04) 86%), var(--me-subhead-photo, none) !important;
  background-position:center right !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
.me-subhead[data-visual="company"]{--me-subhead-photo:url('../img/extracted/ai-company.webp?v=20260907-images1');}
.me-subhead[data-visual="product"]{--me-subhead-photo:url('../img/extracted/ai-monitoring.webp?v=20260907-images1');}
.me-subhead[data-visual="support"]{--me-subhead-photo:url('../img/extracted/ai-company.webp?v=20260907-images1');}
/* 민트 위에서는 격자 무늬와 둥근 빛이 탁해 보인다. */
.me-subhead::before{opacity:.5;}
.me-subhead::after{opacity:.5;}

/* 상단 메뉴 펼침에서 고른 항목도 파랑 대신 민트로. */
.me-gnb-sub a:hover,
.me-gnb-sub a:focus-visible{background:var(--point-150);color:var(--point-ink);}

/* ============================================================
   [260911-2] 파랑 → 민트 정리.
   규칙: **강조(작은 라벨·숫자·아이콘·점선 표시)는 민트**, **누르는 것(버튼·하단 CTA 띠)은 파랑**.
   시안도 같은 방식이다 — 민트로 브랜드를 말하고, 파랑으로 행동을 부른다.
   아래는 라벨·강조 쪽만 덮는다. 버튼 계열(.me-btn*, .me-benefit-actions)은 건드리지 않는다.
   ============================================================ */
/* 서브 탭 */
.me-subnav-link:hover,
.me-subnav-link.is-active{color:var(--point-ink);border-bottom-color:var(--point-ink);}

/* 콘텐츠 페이지 라벨·숫자·표 머리 */
#ctt_con .mu-page-kicker{color:var(--point-ink);}
#ctt_con .mu-page-summary b,
#ctt_con .mu-stat-row strong{color:var(--point-ink);}
#ctt_con .mu-feature-card > strong{color:var(--point-ink);}
#ctt_con .mu-info-table{border-top-color:var(--point-ink);}
#ctt_con .mu-process li:before{background:var(--point-ink);border-color:var(--point-200);}
#ctt_con .mu-process b{color:var(--point-ink);}
#ctt_con .mu-onestop-grid b,
#ctt_con .mu-onestop-grid strong{color:var(--point-ink);}

/* 회사소개 — 미션·목표·전략·연혁 라벨 */
#ctt_con .mr-mission h3,
#ctt_con .mr-goals .mu-section-head h2,
#ctt_con .mr-strategies .mu-section-head h2,
#ctt_con .mr-history-row .mu-section-head h2{color:var(--point-ink);}
#ctt_con .mr-goals .mu-feature-card h3{color:var(--point-deep);background:var(--point-200);}
#ctt_con .mr-values .mu-feature-card:before{background:linear-gradient(135deg,var(--point),var(--point-strong));}
/* 비전 판은 민트 머리 바로 아래 큰 남색 덩어리라 톤이 끊겼다. 청록 계열로 바꾼다. */
#ctt_con .mr-vision-panel{
  background:radial-gradient(circle at 100% 0,rgba(163,220,218,.24),transparent 50%),
             linear-gradient(140deg,var(--point-ink),var(--point-strong));
}

/* 상담 화면 라벨 */
.mu-contact-label{color:var(--point-ink);}
.mu-consult-steps .mu-contact-phone{color:var(--point-ink);}
.mu-consult-steps li span{background:var(--point-200);color:var(--point-deep);}

/* 솔루션 상세 라벨·아이콘 */
.me-solpage .me-sec-head .me-eyebrow{color:var(--point-ink);}
.me-solpage .me-sol-intro-copy{border-left-color:var(--point-ink);}
.me-solpage .me-solpoint-grid .me-why-ico{background:linear-gradient(135deg,var(--point),var(--point-strong));}

/* 메인 — 절차 아이콘과 바로가기 강조 */
.mr-main .me-step-ico{background:linear-gradient(135deg,var(--point),var(--point-strong));}
.mr-main .me-shortcut-list a:is(:hover,:focus-visible){border-color:var(--point-500);color:var(--point-ink);box-shadow:0 12px 30px rgba(31,122,119,.14);}
.mr-main .me-shortcut-list a:is(:hover,:focus-visible)::after{color:var(--point-ink);}
.mr-main .me-shortcut-list a:focus-visible{outline-color:var(--point-ink);}
/* 민트 판 안에서는 라벨이 바탕과 같은 색이 되어 안 보인다. 흰 계열로 되돌린다. */
#ctt_con .mr-vision-panel > strong{color:rgba(255,255,255,.86);}
/* 도입 절차 단계 번호도 강조 자리다. 앞서 넣은 그라데이션 규칙보다 뒤에서 색을 맞춘다. */
.mr-main .me-process .me-step-ico{background:var(--point-200);color:var(--point-deep);}

/* [260913] 1차 메뉴에 올리면 파란 알약이 떴다. 펼침 항목은 이미 민트라 맞춘다. */
.me-gnb-li:hover>.me-gnb-a,
.me-gnb-li:focus-within>.me-gnb-a{color:var(--point-ink);background:var(--point-150);}
.me-gnb-a:focus-visible{outline-color:var(--point-ink);}

/* ============================================================
   [260913] 전체 화면 점검에서 나온 정리 — 22개 화면 × 1440/390.
   ============================================================ */
/* 1) 강조 자리에 남아 있던 파랑 */
.me-sol-intro-copy .me-eyebrow{color:var(--point-deep);}
.me-badge{color:var(--point-deep);}
/* 모바일 서브메뉴 고르기 — 닫힌 상태 글자와 펼침 목록의 현재 항목 */
.me-subnav-picker summary{color:var(--point-deep);}
.me-subnav-option[aria-current=page],
.me-subnav-options .me-subnav-option:hover{background:var(--point-150);color:var(--point-deep);}

/* 2) 글자 대비(WCAG AA)가 모자라던 자리
   · 페이지 머리 알약 라벨: 옅은 민트 바탕에 밝은 청록 글씨라 2.8:1 이었다.
   · 솔루션 수업 4단계 번호: 13px 굵은 글씨에 4.3:1.
   · 메인 솔루션 카드의 분홍·민트 글씨: 4.0~4.2:1. */
.mu-page-kicker,
#ctt_con .mu-page-kicker{color:var(--point-deep);}
.me-solpage .me-solstep-no{color:var(--point-deep);}
.mr-main .me-repsol-c2{--card-ink:#A12E6B;}
.mr-main .me-repsol-c3{--card-ink:var(--point-deep);}
.me-subnav-picker[open] summary{border-color:var(--point-ink);}

/* 위 정리에서 이기지 못한 두 자리 — 상대 선택자와 같은 무게로 다시 쓴다.
   · 로그인 머리 배지: .me-main .me-badge(클래스 2개)가 파랑을 박는다.
   · 인사말·디바이스 머리 라벨: #ctt_con .mu-page-greeting .mu-page-kicker 가 밝은 청록(2.8:1). */
.me-main .me-badge{color:var(--point-deep);}
#ctt_con .mu-page-greeting .mu-page-kicker,
#ctt_con .mu-page-device .mu-page-kicker{color:var(--point-deep);}

/* 13px 굵은 라벨은 WCAG 「큰 글씨」가 아니라 4.5:1 이 필요하다. 조금 더 짙은 민트로 맞춘다. */
.mr-main .me-sec-head .me-sec-kicker{color:var(--point-deep);}
.mr-main .me-why-num{color:var(--point-deep);}
.mr-main .me-kpi-item strong{color:var(--point-deep);}

/* 지원 혜택 카드는 올리면 파란 판으로 뒤집혔다. 민트 페이지 한가운데 파란 번쩍임이라 청록으로.
   흰 버튼 두 개는 그대로 흰 바탕 — 청록 위에서도 대비가 충분하다. */
@media (hover:hover) and (pointer:fine){
  .mr-main .me-benefit-card:is(:hover,:focus-within){
    background:linear-gradient(140deg,var(--point-deep),var(--point));
    border-color:var(--point);
  }
  .mr-main .me-benefit-actions .me-btn-white{color:var(--point-deep);}
}

/* 메인 사진 넘김 번호 — 지금 보이는 장이 남색 동그라미로 떠서 민트 히어로 안에서 튄다.
   짙은 청록으로 바꾸고, 나머지 번호는 반투명 흰색이라 사진 위에서 흐려지던 것을 또렷하게. */
.mr-main .me-hero-controls .me-hero-number[aria-current="true"]{background:var(--point-deep);color:#fff;}
.mr-main .me-hero-controls{background:rgba(18,72,70,.62);}
.mr-main .me-hero-controls .me-hero-number,
.mr-main .me-hero-controls .me-hero-toggle{color:#fff;}


/* ============================================================
   [260914] 인증 배지 띠 비율 정리 — 고객 캡처 지적.
   1) 카드가 줄 높이만큼 늘어나 아래 절반이 비었다 → 내용 높이로 두고 세로 가운데.
   2) 로고가 42px 정사각 안에 들어가 가로로 긴 마크가 가는 줄로 보였다
      → 로고 칸을 가로 100% × 44px 로 넓히고 비율 유지(contain).
   3) 앞서 `.me-trust-list a, .me-trust-list span` 으로 묶어 안쪽 글자 span 까지
      카드 모양(흰 바탕·안쪽 여백)을 받았다. 올리면 카드 안에 상자가 하나 더 떴다
      → 카드는 a 만, 글자는 평범한 텍스트.
   ============================================================ */
.mr-main .me-trust-inner{
  grid-template-columns:240px minmax(0,1fr);
  gap:32px;
  /* .me-wrap 의 좌우 여백을 지우지 않도록 위아래만 준다. */
  padding-top:34px;
  padding-bottom:34px;
}
.mr-main .me-trust-list{
  align-items:stretch;
  gap:12px;
}
.mr-main .me-trust-list li{display:flex;min-width:0;}
.mr-main .me-trust-list a{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:0;
  height:auto;
  padding:18px 10px 16px;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.4) inset;
  transition:transform .15s ease, box-shadow .15s ease;
}
.mr-main .me-trust-list a:hover,
.mr-main .me-trust-list a:focus-visible{
  background:#fff;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(4,20,48,.28);
}
.mr-main .me-trust-list a:focus-visible{outline:3px solid var(--point-600);outline-offset:2px;}
/* 로고 칸: 모든 배지가 같은 높이의 띠 안에서 가로로 자리를 넉넉히 쓴다. */
.mr-main .me-trust-list img{
  display:block;
  width:100%;
  /* 정사각 마크는 48px, 가로형은 폭 104px 에서 멈춰 무게를 맞춘다. */
  max-width:104px;
  height:48px;
  object-fit:contain;
}
/* 글자는 카드가 아니다 — 상자 모양을 모두 걷어 낸다. */
.mr-main .me-trust-list a span{
  display:block;
  min-height:0;
  padding:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:var(--point-ink);
  font-size:12.5px;
  font-weight:700;
  line-height:1.45;
  text-align:center;
  word-break:keep-all;
}
@media (prefers-reduced-motion:reduce){
  .mr-main .me-trust-list a{transition:none;}
  .mr-main .me-trust-list a:hover{transform:none;}
}
@media(max-width:1180px){
  .mr-main .me-trust-inner{grid-template-columns:200px minmax(0,1fr);gap:24px;}
}
@media(max-width:900px){
  .mr-main .me-trust-inner{grid-template-columns:1fr;gap:18px;padding-top:26px;padding-bottom:26px;}
}

/* ============================================================
   [260914-2] 코덱스 교차 검증에서 확인된 문제
   ============================================================ */
/* ② 수업 활용 사진: #container img[width][height]{height:auto}(아이디 규칙)에 밀려
      16:9 사진이 16:10 칸을 다 못 채우고 아래 16px 빈 띠가 남았다. */
.me-solpage .me-classuse-thumb picture{display:block;height:100%;}
#container .me-solpage .me-classuse-thumb img{width:100%;height:100%;object-fit:cover;}

/* ③ 핵심 포인트 아이콘: 선이 짙은 민트, 바탕도 민트 그라데이션이라 1.1~1.5:1 로 안 보였다.
      바탕이 짙으니 선은 흰색. */
.me-solpage .me-solpoints .me-solpoint-grid .me-why-ico{color:#fff;}

/* ④ AS센터 라벨: 강조 자리인데 파랑(#2a57c4)이 남아 있었다. */
.me-sub-wrap #ctt_con .me-center-card strong{background:var(--point-150);color:var(--point-deep);}

/* ============================================================
   [260914-3] 키보드 초점 표시 — 초점이 가는 요소 411개를 7개 화면에서 훑었다.
   모두 표시는 있었지만, 바탕과 같은 색이라 안 보이는 두 곳이 있었다(WCAG 1.4.11, 3:1).
   ============================================================ */
/* 머리글 「무료상담」: 흰 머리글 위에 흰 외곽선(1:1). 모든 화면 공통. */
#me-hd a.me-cta-head:focus-visible{outline:2px solid var(--point-deep);outline-offset:3px;}
/* 인증 배지: 남색 띠 위에 파란 외곽선(2.47:1). #container a:focus-visible(아이디 규칙)이
   앞서 넣은 민트 외곽선을 이기고 있었다. 같은 아이디를 붙여 이긴다. */
#container .mr-main .me-trust-list a:focus-visible{outline:3px solid var(--point-600);outline-offset:3px;}

/* ============================================================
   [260915] 사진 넘김 조작부를 버튼 줄 안으로 — 고객 지적(버튼과 조작부 정렬이 어긋남).
   예전 절대 위치 규칙(layout.css: bottom:66px / 좁은 화면 bottom:28px)을 끄고
   버튼 줄의 한 칸으로 흐르게 한다.
   ============================================================ */
.mr-main .me-hero-cta .me-hero-controls-wrap{
  position:static;
  left:auto;right:auto;bottom:auto;
  display:flex;
  align-items:center;
}
.mr-main .me-hero-cta .me-hero-controls-wrap[hidden]{display:none;}
@media(min-width:981px){
  /* 넓은 화면: 세 덩어리를 한 줄에. 글 칸(52%)보다 길어도 줄바꿈하지 않고 사진 쪽으로 이어진다.
     조작부 앞은 버튼 사이보다 넓게 띄워 「버튼 두 개 + 조작부」로 묶여 보이게 한다. */
  .mr-main .me-hero-cta{flex-wrap:nowrap;align-items:center;width:max-content;max-width:none;}
  .mr-main .me-hero-cta .me-hero-controls-wrap{margin-left:28px;}
}
@media(max-width:980px){
  /* 좁은 화면: 버튼 아래 가운데. 전과 같은 자리감이 되도록 위쪽만 띄운다. */
  /* 휴대폰 폭에서는 버튼 줄이 세로(column)라 flex-basis 가 높이로 먹는다. 폭으로 한 줄을 차지하게 한다. */
  .mr-main .me-hero-cta .me-hero-controls-wrap{
    width:100%;
    flex:0 0 auto;
    justify-content:center;
    margin-top:14px;
  }
}
@media(min-width:981px){
  /* 부제 둘째 문장이 「…모니터링·」에서 끊겨 「연수까지 설계합니다.」만 한 줄로 떨어졌다.
     글 칸 안에서 조금 넓혀 두 문장이 각각 한 줄에 들어가게 한다. */
  .mr-main .me-hero-sub{max-width:38em;text-wrap:pretty;}
}

/* ============================================================
   [260915-2] 고객 수정요청2(0914)
   ============================================================ */
/* 1번: 메인 색상 #368981 -> #3CBAB5. 덮개 색 하나(--mint-veil)를 바꿔 메인·서브 머리띠·솔루션 머리가 같이 밝아진다.
   밝은 청록 위 흰 글씨는 대비가 약해진다(단색 기준 2.4:1). 글자에 옅은 그림자를 둬 윤곽을 세운다. */
:root{--mint-veil:60,186,181;}
.me-subhead,
.me-subhead[data-visual="company"],
.me-subhead[data-visual="product"],
.me-subhead[data-visual="support"]{background-color:#3CBAB5 !important;}
.mr-main .me-hero-title,
.mr-main .me-hero-sub,
.me-subhead .me-subhead-title,
.me-subhead .me-subhead-desc{text-shadow:0 1px 3px rgba(18,74,72,.38);}
.mr-main .me-hero-sub{color:#fff;}
.mr-main .me-hero .me-eyebrow{background:rgba(20,84,82,.2);}
.mr-main .me-hero-controls{background:rgba(20,84,82,.34);}

/* 2번: 버튼 글자가 길어졌다. 넓은 화면에서 한 줄로 두되 글 칸을 넘으면 사진 쪽으로 이어진다. */
.mr-main .me-hero-cta .me-btn-primary{white-space:nowrap;}

/* 5번: 수업 활용 칸이 3개가 되면 5칸 격자에 빈 자리가 남는다. 개수만큼 나눈다. */
.me-solpage .me-classuse-grid.is-count-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.me-solpage .me-classuse-grid.is-count-4{grid-template-columns:repeat(4,minmax(0,1fr));}
@media (max-width:1080px){
  .me-solpage .me-classuse-grid.is-count-4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
  .me-solpage .me-classuse-grid.is-count-3{grid-template-columns:minmax(0,1fr);}
}

/* 6번: 스포츠 종목 카드 — 가운데 제목, 옅은 민트 카드, 사진 아래 아이콘 + 종목명 + 설명. */
.me-solpage .me-solclass.is-iconic .me-sec-head{text-align:center;}
.me-solpage .me-solclass.is-iconic .me-sec-head .me-sec-sub{margin-left:auto;margin-right:auto;}
.me-solpage .me-solclass .me-sec-title em{font-style:normal;color:var(--point-ink);}
.me-solpage .me-solclass.is-iconic .me-classuse-card{
  padding:10px;
  border-color:var(--point-300);
  background:var(--point-50);
}
.me-solpage .me-solclass.is-iconic .me-classuse-thumb{border-radius:10px;aspect-ratio:16/10;}
.me-solpage .me-solclass.is-iconic .me-classuse-body{padding:14px 6px 8px;text-align:center;}
.me-solpage .me-solclass.is-iconic .me-classuse-body h3{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:8px;
  font-size:17px;
}
.me-solpage .me-classuse-ico{
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  width:38px;
  height:38px;
  border-radius:10px;
  background:#3CBAB5;
  color:#fff;
}
.me-solpage .me-solclass.is-iconic .me-classuse-body p{text-wrap:balance;}
.me-solpage .me-classuse-grid.is-count-3 .me-classuse-thumb{aspect-ratio:16/9;}
.me-solpage .me-solclass.is-iconic .me-classuse-body h3{white-space:nowrap;}
@media (max-width:640px){
  /* 두 칸이면 종목명이 「테니스 / ·복싱」으로 끊긴다. 한 칸으로 세운다. */
  .me-solpage .me-solclass.is-iconic .me-classuse-grid{grid-template-columns:minmax(0,1fr);}
}

/* ============================================================
   [260915-3] 포인트 색 #3CBAB5 통일 뒤 정리 · 미션과 비전 정렬
   ============================================================ */
/* 지원 혜택 카드 뒤집힘: 작은 흰 글씨가 올라가므로 진한 두 톤으로(흰 글씨 5.1:1 이상). */
@media (hover:hover) and (pointer:fine){
  .mr-main .me-benefit-card:is(:hover,:focus-within){
    background:linear-gradient(140deg,var(--point-deep),var(--point-ink));
    border-color:var(--point-ink);
  }
}
/* 큰 숫자는 WCAG 큰 글씨(3:1)라 #3CBAB5 에 가장 가까운 strong 톤을 쓴다. */
.mr-main .me-kpi-item strong{color:var(--point-strong);}

/* 미션과 비전: 왼쪽 비전 판은 격자 줄 높이(오른쪽 칸 + 아래 여백 52px)만큼 늘어나
   아래 끝이 목표전략 마지막 카드보다 52px 내려갔고, 문구는 위에만 몰려 빈 판처럼 보였다.
   오른쪽 칸의 바깥 여백을 없애고 카드 세 장이 판 높이를 나눠 채우게 한다.
   판 안에서는 이름표를 위에, 비전 문장을 아래에 둔다. */
#ctt_con .mr-vision-split > .mr-goals{margin:0;}
#ctt_con .mr-vision-split > .mr-goals .mu-feature-card{align-items:center;}
#ctt_con .mr-vision-panel > p{word-break:keep-all;}
@media (min-width:981px){
  /* 두 칸으로 나란히 설 때만 높이를 맞춘다. 한 칸으로 쌓이면 각자 내용 높이. */
  #ctt_con .mr-vision-split{align-items:stretch;}
  #ctt_con .mr-vision-split > .mr-goals{display:flex;flex-direction:column;}
  #ctt_con .mr-vision-split > .mr-goals .mu-feature-grid{flex:1 1 auto;grid-template-rows:repeat(3,minmax(0,1fr));}
  #ctt_con .mr-vision-panel{display:flex;flex-direction:column;}
  #ctt_con .mr-vision-panel > p{margin-top:auto;padding-top:24px;}
}
#ctt_con .mr-vision-panel > p,#ctt_con .mr-vision-panel h3{text-shadow:0 1px 3px rgba(18,74,72,.35);}
#ctt_con .mr-vision-split > .mr-goals .mu-feature-card > :first-child{align-self:center;margin:0;white-space:nowrap;}
#ctt_con .mr-vision-panel > p{text-wrap:balance;}
.mr-main .me-why-num{background:var(--point-150);}
.me-solpage .me-part-check{background:var(--point-strong);}
/* 서브페이지 본문 소제목(인증서 이름·약관 조항 등)이 기본값 파랑으로 남아 있었다. 강조색은 포인트 계열로. */
.me-sub-wrap #ctt_con :is(.me-doc-body,.me-legal-article) h3{color:var(--point-deep);}
/* 추진전략 번호도 같은 방식으로 문장 세로 가운데에. */
#ctt_con .mr-strategies .mu-feature-card{align-items:center;}
#ctt_con .mr-strategies .mu-feature-card > :first-child{align-self:center;margin:0;white-space:nowrap;}