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

.md-section { margin-bottom:56px; }
.md-section:last-child { margin-bottom:0; }
.md-section .section-title { margin-bottom:28px; }

.md-step-badge {
    display:inline-flex; align-items:center; gap:10px;
    background:rgba(195,165,105,0.1); border:1px solid rgba(195,165,105,0.3);
    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(195,165,105,0.04),transparent 60%);
    border-left:4px solid var(--gold); 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:var(--brand-dark); border-radius:var(--radius); padding:28px 24px; text-align:center; color:#fff; }
.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(255,255,255,0.6); }
@media(max-width:768px){ .md-stats{grid-template-columns:repeat(2,1fr);} }

.md-strategy {
    background:linear-gradient(135deg,#0A0F1C,#142644); border-radius:16px;
    padding:48px; color:#fff; position:relative; overflow:hidden;
}
.md-strategy::before { content:''; position:absolute; right:-60px; top:-60px; width:240px; height:240px; background:radial-gradient(circle,rgba(195,165,105,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(255,255,255,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:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08);
    border-radius:12px; padding:24px;
}
.md-strategy-item .ic { width:42px; height:42px; border-radius:10px; background:rgba(195,165,105,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(255,255,255,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 var(--gray-200); border-radius:var(--radius);
    padding:32px 28px; transition:all 0.2s;
}
.md-service-card:hover { border-color:var(--gold); box-shadow:0 8px 24px rgba(0,0,0,0.06); }
.md-service-card .md-icon {
    width:48px; height:48px; border-radius:12px; background:var(--brand-dark);
    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:var(--brand-dark); color:var(--gold);
    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:var(--gray-200); 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 var(--gray-200); border-radius:var(--radius-sm);
    padding:20px; display:flex; align-items:flex-start; gap:12px;
}
.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 var(--gray-200); }
.md-nav a { flex:1; padding:18px 22px; background:#fff; border:1px solid var(--gray-200); border-radius:12px; text-decoration:none; color:inherit; transition:all 0.2s; }
.md-nav a:hover { border-color:var(--gold); }
.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(135deg,#0A0F1C,#142644); border-radius:var(--radius);
    padding:48px; display:flex; align-items:center; justify-content:space-between; gap:32px;
    position:relative; overflow:hidden;
}
.md-cta::before { content:''; position:absolute; right:-50px; top:-50px; width:200px; height:200px; background:radial-gradient(circle,rgba(195,165,105,0.08),transparent 70%); border-radius:50%; }
.md-cta h3 { font-size:22px; font-weight:800; color:#fff; margin-bottom:8px; }
.md-cta p { font-size:15px; color:rgba(255,255,255,0.55); }
.md-cta-btn { display:inline-flex; align-items:center; gap:8px; padding:14px 28px; background:var(--gold); color:#0A0F1C; border-radius:8px; font-size:14px; font-weight:700; text-decoration:none; white-space:nowrap; }
.md-cta-btn:hover { background:var(--gold-hover); }
@media(max-width:640px){ .md-cta{flex-direction:column;padding:32px 24px;text-align:center;} }