/* 빛세움의 방식 — 6단계 홍보 페이지 공통 스타일 (2026-05-05 신설) */

.md-section { margin-bottom:56px; }
.md-section:last-child { margin-bottom:0; }
.md-section .section-title { margin-bottom:28px; }
/* 하단 상담바(.md-cta) 상하 여백을 사이트 전체 상담바 기준(24px/40px)으로 통일 */
.md-section:has(+ .md-section > .md-cta) { margin-bottom:24px; }
.md-section:has(> .md-cta) { margin-bottom:40px; }
@media (max-width:620px) {
  .md-section:has(+ .md-section > .md-cta) { margin-bottom:24px; }
  .md-section:has(> .md-cta) { margin-bottom:28px; }
}

.md-step-badge {
    display:inline-flex; align-items:center; gap:10px;
    background:rgba(184,134,11,0.1); border:1px solid rgba(184,134,11,0.33);
    color:var(--gold); padding:8px 16px; border-radius:999px;
    font-size:12px; font-weight:700; letter-spacing:1px;
    margin-bottom:14px;
}
.md-step-badge .num { font-size:14px; font-weight:900; }

.md-intro {
    background:linear-gradient(135deg,rgba(184,134,11,0.04),transparent 60%);
    border-left:4px solid #a6790a; border-radius:0 var(--radius) var(--radius) 0;
    padding:36px 40px 36px 36px;
}
.md-intro p { font-size:16px; line-height:2; color:var(--gray-800); }
.md-intro p strong { color:var(--brand-navy); }
@media(max-width:768px){ .md-intro{padding:24px 20px;} .md-intro p{font-size:14px;} }

.md-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.md-stat { background:#FFFFFF; border-radius:var(--radius); padding:28px 24px; text-align:center; color:#0A0F1C; }
.md-stat .num { font-size:28px; font-weight:800; color:var(--gold); margin-bottom:6px; }
.md-stat .num i { font-size:22px; }
.md-stat .desc { font-size:13px; color:rgba(10,15,28,0.6); }
@media(max-width:768px){ .md-stats{grid-template-columns:repeat(2,1fr);} }

.md-strategy {
    background:linear-gradient(135deg,#FFFFFF,#FFF3C4); border-radius:16px;
    padding:48px; color:#0A0F1C; position:relative; overflow:hidden;
}
.md-strategy::before { content:''; position:absolute; right:-60px; top:-60px; width:240px; height:240px; background:radial-gradient(circle,rgba(184,134,11,0.08),transparent 70%); border-radius:50%; }
.md-strategy-label { font-size:11px; font-weight:700; color:var(--gold); letter-spacing:1.5px; margin-bottom:14px; }
.md-strategy h3 { font-size:24px; font-weight:800; margin-bottom:14px; line-height:1.45; }
.md-strategy > p { font-size:15px; color:rgba(10,15,28,0.65); line-height:1.85; max-width:780px; margin-bottom:32px; }
.md-strategy-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; position:relative; z-index:1; }
.md-strategy-item {
    background:#fff; border:1px solid rgba(20,28,38,0.088);
    border-radius:14px; padding:24px; box-shadow:0 4px 16px rgba(20,28,38,.045);
    transition:transform .2s,box-shadow .2s;
}
.md-strategy-item:hover { transform:translateY(-3px); box-shadow:0 10px 24px rgba(20,28,38,.08); }
.md-strategy-item .ic { width:42px; height:42px; border-radius:10px; background:rgba(184,134,11,0.15); display:flex; align-items:center; justify-content:center; color:var(--gold); font-size:18px; margin-bottom:14px; }
.md-strategy-item h5 { font-size:15px; font-weight:700; margin-bottom:8px; }
.md-strategy-item p { font-size:13px; color:rgba(10,15,28,0.55); line-height:1.75; }
@media(max-width:860px){ .md-strategy{padding:36px 28px;} .md-strategy-grid{grid-template-columns:1fr;} }

.md-service-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.md-service-card {
    background:#fff; border:1px solid #cecece; border-radius:var(--radius);
    padding:32px 28px; transition:all 0.2s;
}
.md-service-card:hover { border-color:#a6790a; box-shadow:0 8px 24px rgba(0,0,0,0.06); }
.md-service-card .md-icon {
    width:48px; height:48px; border-radius:12px; background:#FFFFFF;
    display:flex; align-items:center; justify-content:center; margin-bottom:18px;
}
.md-service-card .md-icon i { font-size:20px; color:var(--gold); }
.md-service-card h4 { font-size:17px; font-weight:700; color:var(--gray-900); margin-bottom:10px; }
.md-service-card p { font-size:14px; color:var(--gray-600); line-height:1.8; }
.md-service-card ul { margin-top:12px; padding-left:18px; }
.md-service-card li { font-size:13px; color:var(--gray-600); line-height:1.8; list-style:disc; }
@media(max-width:768px){ .md-service-grid{grid-template-columns:1fr;} }

.md-timeline { display:flex; gap:0; align-items:flex-start; counter-reset:mdstep; }
.md-step { flex:1; text-align:center; position:relative; padding:0 10px; }
.md-step::before {
    counter-increment:mdstep; content:counter(mdstep);
    display:flex; align-items:center; justify-content:center;
    width:44px; height:44px; border-radius:50%; margin:0 auto 14px;
    background:#FFFFFF; color:var(--gold); border:1.5px solid rgba(184,134,11,0.308);
    box-shadow:0 2px 8px rgba(20,28,38,.06);
    font-size:16px; font-weight:800; position:relative; z-index:2;
}
.md-step::after {
    content:''; position:absolute; top:22px; left:calc(50% + 22px); right:calc(-50% + 22px);
    height:2px; background:linear-gradient(90deg,rgba(184,134,11,.30),rgba(184,134,11,.10)); z-index:1;
}
.md-step:last-child::after { display:none; }
.md-step h5 { font-size:13px; font-weight:700; color:var(--gray-900); margin-bottom:6px; }
.md-step p { font-size:11px; color:var(--gray-500); line-height:1.5; }
@media(max-width:768px){
    .md-timeline{flex-direction:column;gap:20px;}
    .md-step{text-align:left;display:flex;gap:14px;padding:0;}
    .md-step::before{flex-shrink:0;margin:0;}
    .md-step::after{display:none;}
}

.md-checklist { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.md-check-item {
    background:#fff; border:1px solid #cecece; border-radius:var(--radius-sm);
    padding:20px; display:flex; align-items:flex-start; gap:12px;
    box-shadow:0 4px 16px rgba(20,28,38,.045); transition:box-shadow .2s;
}
.md-check-item:hover { box-shadow:0 8px 20px rgba(20,28,38,.08); }
.md-check-item i { color:var(--gold); font-size:16px; margin-top:2px; flex-shrink:0; }
.md-check-item div h5 { font-size:14px; font-weight:700; color:var(--gray-900); margin-bottom:4px; }
.md-check-item div p { font-size:12px; color:var(--gray-500); line-height:1.6; }
@media(max-width:768px){ .md-checklist{grid-template-columns:1fr;} }

.md-nav { display:flex; justify-content:space-between; gap:16px; margin-top:48px; padding-top:32px; border-top:1px solid #cecece; }
.md-nav a { flex:1; padding:18px 22px; background:#fff; border:1px solid #cecece; border-radius:12px; text-decoration:none; color:inherit; transition:all 0.2s; }
.md-nav a:hover { border-color:#a6790a; }
.md-nav .lbl { font-size:11px; color:var(--gray-500); font-weight:600; letter-spacing:1px; margin-bottom:6px; }
.md-nav .ttl { font-size:14px; font-weight:700; color:var(--gray-900); }
.md-nav .next { text-align:right; }
.md-nav .disabled { opacity:0.35; pointer-events:none; }
@media(max-width:540px){ .md-nav{flex-direction:column;} }

.md-cta {
    background:linear-gradient(100deg,#FFFDF7 0%,#FFF4CB 100%); border-radius:12px;
    padding:22px 32px; display:flex; align-items:center; justify-content:space-between; gap:24px;
    position:relative; overflow:hidden;
}
.md-cta::before { content:''; position:absolute; right:-50px; top:-50px; width:200px; height:200px; background:radial-gradient(circle,rgba(184,134,11,0.08),transparent 70%); border-radius:50%; }
.md-cta h3 { font-size:16px; font-weight:800; color:#171C26; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.md-cta p { display:none; }
.md-cta-btn { display:inline-flex; align-items:center; gap:8px; padding:11px 20px; background:linear-gradient(135deg,#C58B00,#FFC400); color:#171C26; border-radius:8px; font-size:13.5px; font-weight:700; text-decoration:none; white-space:nowrap; transition:transform .2s ease, box-shadow .2s ease; }
.md-cta-btn:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(197,139,0,.18); }
@media(max-width:620px){ .md-cta{flex-direction:column;align-items:flex-start;padding:20px 22px;gap:12px} .md-cta-btn{width:100%;justify-content:center} }