@charset "utf-8";
/* Pages 시안 기준. CMS 원문 클래스와 서버 배치는 content/reference-layout.php에서 연결한다. */
#container {font-family:var(--font);}
#container h1,#container h2,#container h3 {font-family:inherit;}
#me-ft .me-ft-logo-img {filter:brightness(0) invert(1);}
#me-ft .me-ft-biz a {color:var(--point-100);}
#me-ft .me-ft-blogs a {color:var(--point-100);border-bottom-color:#627a9d;}
#me-ft .me-ft-blogs a:hover,#me-ft .me-ft-blogs a:focus-visible {color:#fff;border-bottom-color:#fff;}

/* 메인: 배경 사진과 핵심 문장/행동을 먼저, 상세 설명은 바로 아래에서 읽는다. */
.me-main-ref .me-hero {min-height:560px;padding-bottom:0;}
.me-main-ref .me-hero-inner {min-height:560px;padding-top:48px;padding-bottom:148px;}
.me-hero-controls-wrap {position:absolute;z-index:3;left:0;right:0;bottom:66px;text-align:center;}
.me-hero-controls-wrap[hidden] {display:none;}
.me-hero-controls {display:inline-flex;align-items:center;gap:0;padding:0 4px;border:0;border-radius:999px;background:var(--point-deep);}
/* 시각 표시는 줄이고 각 버튼의 44px 클릭·터치 영역은 유지한다. */
.me-hero-controls button {position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font:inherit;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;}
.me-hero-numbers {position:relative;display:flex;gap:0;}
.me-hero-numbers:before {content:"";position:absolute;left:0;top:14px;height:16px;border-left:1px solid rgba(255,255,255,.3);}
.me-hero-controls button:hover:not(:disabled):not([aria-current]) {background:rgba(255,255,255,.16);}
.me-hero-controls button:focus-visible {outline:2px solid #fff;outline-offset:2px;}
.me-hero-controls .me-hero-number[aria-current="true"] {background:var(--point-deep);color:#fff;}
.me-hero-controls .me-hero-number[aria-current="true"]:after {content:"";position:absolute;bottom:7px;width:14px;height:2px;border-radius:2px;background:currentColor;}
.me-hero-controls svg {width:14px;height:14px;}
.me-hero-controls button:disabled {opacity:.45;cursor:default;}
.me-hero-pause-icon,.me-hero-controls.is-playing .me-hero-play-icon {display:none;}
.me-hero-controls.is-playing .me-hero-pause-icon {display:block;}





@media(min-width:641px) and (max-width:1080px) {
  .me-main-ref .me-hero-inner {padding-bottom:156px;}
}
@media(max-width:640px) {
  .me-main-ref .me-hero,.me-main-ref .me-hero-inner {min-height:620px;}
  .me-main-ref .me-hero-inner {padding-top:48px;padding-bottom:120px;}
  .me-main-ref .me-hero {padding-bottom:0;}
  .me-hero-controls-wrap {bottom:28px;}
}

/* 평면 탭: 작은 화면은 한 줄 스크롤, 현재 탭 이동은 기존 head.php가 담당. */
.me-subnav-wrap {position:relative;z-index:10;height:auto;margin-top:0;background:#fff;border-bottom:1px solid #e5eaf1;}
.me-subnav-wrap .me-wrap {display:block;max-width:1400px;}
.me-subnav {display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;}
.me-subnav-scroll {display:flex;align-items:stretch;min-width:0;overflow-x:auto;scrollbar-width:thin;gap:6px;}
.me-subnav-link {display:inline-flex;flex:none;align-items:center;justify-content:center;min-height:58px;padding:0 16px;border-bottom:3px solid transparent;color:#526176;font-size:15px;font-weight:650;white-space:nowrap;text-decoration:none;}
.me-subnav-link:hover,.me-subnav-link.is-active {color:var(--point-ink);border-bottom-color:var(--point-ink);}

/* CMS 본문: 제목 → 요약 → 정보 카드. 이전 nth-child 배치는 이 클래스에 관여하지 않는다. */
#ctt_con .mu-page {display:block;color:#26364d;font-size:17px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere;}
#ctt_con .mu-page h2 {border:0;padding:0;}
#ctt_con .mu-page-intro {display:block;margin:0 0 56px;max-width:none;}
#ctt_con .mu-page-kicker {display:block;color:var(--point-ink);font-size:13px;line-height:1.5;font-weight:750;letter-spacing:.13em;margin:0 0 14px;}
#ctt_con .mu-page-title {max-width:900px;margin:0 0 20px;font-size:34px;line-height:1.35;font-weight:800;letter-spacing:-.035em;color:#0f2036;}
#ctt_con .mu-page-lead {max-width:900px;font-size:16.5px;line-height:1.75;color:#5a6b85;margin:0;}
#ctt_con .mu-page-note {font-size:14px;color:#677489;margin:16px 0 0;}
#ctt_con .mu-page-summary,#ctt_con .mu-stat-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:26px 0;margin:30px 0 0;background:var(--point-50);border-radius:16px;}
#ctt_con .mu-page-summary li,#ctt_con .mu-stat-row li {min-width:0;padding:8px 26px;border-right:1px solid #dfe6ef;}
#ctt_con .mu-page-summary li:last-child,#ctt_con .mu-stat-row li:last-child {border-right:0;}
#ctt_con .mu-page-summary b,#ctt_con .mu-stat-row strong {display:block;color:var(--point-ink);font-size:26px;line-height:1.4;font-weight:750;letter-spacing:-.02em;}
#ctt_con .mu-page-summary span,#ctt_con .mu-stat-row span {display:block;margin-top:8px;color:#5a6b85;font-size:15px;line-height:1.6;}
#ctt_con .mu-page-section {display:block;clear:both;float:none;width:auto;margin:0 0 72px;padding:0;}
#ctt_con .mu-section-head {margin:0 0 26px;}
#ctt_con .mu-section-head h2 {margin:0;color:#0f2036;font-size:32px;line-height:1.4;letter-spacing:-.03em;font-weight:750;}
#ctt_con .mu-section-head p {margin:12px 0 0;max-width:900px;color:#5a6b85;font-size:17px;line-height:1.75;}
#ctt_con .mu-feature-grid,#ctt_con .mu-cert-detail-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
#ctt_con .mu-feature-card {display:block;min-width:0;padding:30px 26px;border:1px solid #e7ecf5;border-radius:16px;background:#fff;}
#ctt_con .mu-feature-card > strong {display:block;color:var(--point-ink);font-size:13px;letter-spacing:.06em;margin-bottom:14px;}
#ctt_con .mu-feature-card h3 {margin:0 0 14px;font-size:19px;line-height:1.45;letter-spacing:-.02em;color:#0f2036;}
#ctt_con .mu-feature-card p {margin:0;color:#5a6b85;font-size:14.5px;line-height:1.65;}
#ctt_con .mu-feature-card ul {padding-left:20px;margin:16px 0 0;font-size:15px;color:#5a6b85;}
#ctt_con .mu-feature-card li + li {margin-top:8px;}
#ctt_con .mu-feature-card .mu-card-pic {display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;margin:0 0 22px;}
#ctt_con .mu-section-pic {display:block;width:100%;max-height:420px;object-fit:cover;border-radius:18px;margin:0 0 30px;}
#ctt_con .mu-photo-copy {max-width:960px;}
#ctt_con .mu-photo-copy p {font-size:16.5px;line-height:1.75;margin:0 0 12px;color:#526176;}
#ctt_con .mu-photo-split {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;}
#ctt_con .mu-photo-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
#ctt_con .mu-photo-media {min-width:0;overflow:hidden;border-radius:16px;background:var(--point-50);}
#ctt_con .mu-photo-media img,#ctt_con .mu-photo-grid img {display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:16px;}
#ctt_con .mu-document-gallery {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;}
#ctt_con .mu-document-card {min-width:0;margin:0;padding:18px;border:1px solid #e7ecf5;border-radius:14px;text-align:center;background:#f8fafc;}
#ctt_con .mu-document-card img {display:block;margin:auto;width:100%;height:240px;object-fit:contain;}
#ctt_con .mu-document-caption {margin:14px 0 0;font-size:14px;line-height:1.6;color:#5a6b85;}
#ctt_con .mu-info-table {width:100%;overflow-x:auto;border-top:2px solid var(--point-ink);}
#ctt_con .mu-info-table table {width:100%;border-collapse:collapse;font-size:16px;line-height:1.7;}
#ctt_con .mu-info-table th,#ctt_con .mu-info-table td {padding:20px 22px;border-bottom:1px solid #e7ecf5;text-align:left;}
#ctt_con .mu-info-table th {background:var(--point-50);color:#24364e;font-weight:700;}
#ctt_con .mu-process {list-style:none;margin:0;padding:0 0 0 24px;border-left:2px solid #e0e8f3;}
#ctt_con .mu-process li {position:relative;padding:0 0 26px 12px;}
#ctt_con .mu-process li:before {content:"";position:absolute;left:-31px;top:9px;width:12px;height:12px;background:var(--point-ink);border:3px solid var(--point-100);border-radius:50%;}
#ctt_con .mu-process b {display:block;color:var(--point-ink);font-size:18px;margin-bottom:8px;}
#ctt_con .mu-process span {display:block;color:#5a6b85;}
#ctt_con .mu-onestop-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;padding:0;}
#ctt_con .mu-onestop-grid li {padding:24px;border-radius:14px;background:var(--point-50);}
#ctt_con .mu-onestop-grid b,#ctt_con .mu-onestop-grid strong {display:block;color:var(--point-ink);margin-bottom:12px;}
#ctt_con .mu-page-device .mu-page-intro + .mu-page-section > picture {display:block;max-width:860px;margin:0 auto 36px;}
#ctt_con .mu-page-vision .mu-page-intro + .mu-page-section .mu-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
#ctt_con .mu-page-cert > .mu-page-intro .mu-page-summary {grid-template-columns:repeat(4,minmax(0,1fr));}

/* 문의 패널은 본문과 같은 폭, 실제 구매/상담 경로는 모두 유지. */
#ctt .mu-cta-panel {display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:36px;margin:56px 0 0;padding:56px 48px;border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(99,202,198,.2),transparent 40%),linear-gradient(140deg,var(--point-deep),var(--point-ink));color:#fff;}
#ctt .mu-cta-panel h2 {margin:0 0 12px;font-size:32px;line-height:1.3;color:#fff;letter-spacing:-.03em;}
#ctt .mu-cta-panel p {margin:0;color:var(--point-100);font-size:16px;line-height:1.8;}
#ctt .mu-cta-actions {display:flex;flex-direction:column;gap:12px;}
#ctt .mu-cta-actions a {display:flex;align-items:center;justify-content:center;min-height:54px;padding:16px;border:1.5px solid #829aca;border-radius:13px;background:transparent;color:#fff;font-size:16px;font-weight:700;text-decoration:none;}
#ctt .mu-cta-actions a:first-child {background:#fff;border-color:#fff;color:#0b2447;}

/* 서버 폼은 그대로 유지하고, 정보 입력과 상담 안내를 두 열로 구성한다. */
.mu-consult-wrap {max-width:1280px;}
.mu-consult-grid {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:36px;}
.mu-consult-grid .me-consult-form {min-width:0;padding:32px;border:1px solid #e7ecf5;border-radius:18px;background:#fff;}
.mu-form-heading {margin-bottom:10px;}
.mu-form-heading h2 {font-size:27px;letter-spacing:-.03em;line-height:1.4;color:#0f2036;margin:0 0 10px;}
.mu-form-heading p {font-size:14px;color:#5a6b85;margin:0;}
.mu-consult-steps {position:sticky;top:110px;margin:0;padding:34px;border-radius:18px;background:var(--point-50);word-break:keep-all;overflow-wrap:anywhere;}
.mu-contact-label {font-size:14px;font-weight:700;color:var(--point-ink);margin:0 0 14px;}
.mu-contact-lead {font-size:24px;line-height:1.55;letter-spacing:-.03em;font-weight:700;color:#0f2036;margin:0 0 22px;}
.mu-consult-steps .mu-contact-phone {display:block;font-size:32px;font-weight:750;color:var(--point-ink);line-height:1.5;text-decoration:none;}
.mu-contact-email {display:inline-flex;align-items:center;min-height:44px;color:#5a6b85;font-size:15px;text-decoration:none;}
.mu-consult-steps h3 {border-top:1px solid #dfe6ef;margin:24px 0 22px;padding-top:26px;font-size:20px;line-height:1.45;}
.mu-consult-steps ol {list-style:none;padding:0;margin:0;display:grid;gap:22px;}
.mu-consult-steps li {display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.7;color:#5a6b85;}
.mu-consult-steps li span {display:inline-flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;background:var(--point-150);border-radius:50%;font-size:13px;font-weight:750;color:var(--point-ink);}
.me-solpage .me-sec-title {font-size:32px;}

@media(max-width:980px) {
  #ctt_con .mu-page-cert > .mu-page-intro .mu-page-summary {grid-template-columns:repeat(2,minmax(0,1fr));}
  .mu-consult-grid {grid-template-columns:1fr;gap:24px;}
  .mu-consult-steps {position:static;}
  #ctt_con .mu-feature-grid,#ctt_con .mu-cert-detail-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  #ctt_con .mu-document-gallery,#ctt_con .mu-onestop-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  #ctt .mu-cta-panel {display:block;}
  #ctt .mu-cta-actions {margin-top:24px;}
  .me-subnav {gap:10px;}
  .me-subnav-scroll {gap:10px;}
  .me-subnav-link {font-size:14px;min-height:60px;}
}
@media(max-width:640px) {
  #ctt_con .mu-page-cert > .mu-page-intro .mu-page-summary {grid-template-columns:1fr;}
  .mu-consult-grid .me-consult-form,.mu-consult-steps {padding:24px 20px;}
  .mu-form-heading h2 {font-size:24px;}
  .me-solpage .me-sec-title {font-size:25px;}
  #ctt_con .mu-page {font-size:16px;}
  #ctt_con .mu-page-title {font-size:28px;}
  #ctt_con .mu-page-lead,#ctt_con .mu-photo-copy p {font-size:16px;}
  #ctt_con .mu-page-intro,#ctt_con .mu-page-section {margin-bottom:40px;}
  #ctt_con .mu-section-head h2 {font-size:25px;}
  #ctt_con .mu-feature-grid,#ctt_con .mu-cert-detail-grid,#ctt_con .mu-photo-split,#ctt_con .mu-photo-grid,#ctt_con .mu-page-vision .mu-page-intro + .mu-page-section .mu-feature-grid {grid-template-columns:1fr;gap:18px;}
  #ctt_con .mu-feature-card {padding:24px;}
  #ctt_con .mu-page-summary,#ctt_con .mu-stat-row {grid-template-columns:1fr;padding:8px 22px;}
  #ctt_con .mu-page-summary li,#ctt_con .mu-stat-row li {padding:18px 0;border-right:0;border-bottom:1px solid #dfe6ef;}
  #ctt_con .mu-page-summary li:last-child,#ctt_con .mu-stat-row li:last-child {border-bottom:0;}
  #ctt_con .mu-document-gallery {gap:12px;}
  #ctt_con .mu-document-card {padding:12px;}
  #ctt_con .mu-document-card img {height:180px;}
  #ctt_con .mu-info-table table {font-size:14px;min-width:440px;}
  #ctt_con .mu-info-table th,#ctt_con .mu-info-table td {padding:14px;}
  #ctt_con .mu-onestop-grid {grid-template-columns:1fr;}
  #ctt .mu-cta-panel {padding:26px 22px;margin-top:40px;}
  #ctt .mu-cta-panel h2 {font-size:24px;}
  #ctt .mu-cta-actions {flex-direction:column;}
}
@media print {
  .mu-consult-grid {display:block;}
  .mu-consult-steps {position:static;}
  #ctt_con .mu-page-section,#ctt_con .mu-feature-card,#ctt_con .mu-cta-panel {break-inside:avoid;}
  #ctt .mu-cta-panel {background:none;border:1px solid #ddd;padding:16px;margin-top:20px;}
  #ctt .mu-cta-panel h2,#ctt .mu-cta-panel p {color:#000;}
  #ctt .mu-cta-actions {display:none;}
  #ctt_con .mu-info-table {overflow:visible;}
  #ctt_con .mu-info-table table {min-width:0;}
}