@charset "utf-8";
/* =====================================================================
   부추꽃더클래식 — SEO 본문 텍스트 디자인 시스템 (이미지→텍스트 전환용)
   사이트 톤 계승: Noto Serif KR(제목) + S-CoreDream(본문), 어스톤 팔레트
   범위 스코프: .seo-content  (기존 사이트 CSS와 충돌 없음)
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&display=swap');

.seo-content{
  --taupe:#A4907C; --beige:#b69b7d; --beige-l:#ddd3cd; --off:#f7f4ef;
  --gold:#c9a36a; --terra:#bf805f; --ink:#2b2622; --ink-soft:#5a5149; --line:#e3dcd3;
  --serif:'Noto Serif KR',serif; --sans:'S-CoreDream-3Light','Noto Sans KR',sans-serif;
  max-width:1100px; margin:0 auto; padding:20px 28px 90px;
  font-family:var(--sans); color:var(--ink-soft); font-size:17px; line-height:1.9;
  -webkit-font-smoothing:antialiased; word-break:keep-all;
}
.seo-content *{box-sizing:border-box;}
.seo-content h1,.seo-content h2,.seo-content h3{font-family:var(--serif); color:var(--ink); letter-spacing:-.01em; line-height:1.45;}
.seo-content .lead{font-family:var(--serif); font-size:21px; line-height:1.85; color:var(--ink-soft); text-align:center; max-width:820px; margin:8px auto 60px;}
.seo-content .seo-h1{font-size:34px; font-weight:600; text-align:center; margin:10px 0 6px;}
.seo-content .eyebrow{display:block; text-align:center; font-size:14px; letter-spacing:.28em; color:var(--gold); margin-bottom:18px;}
.seo-content .divider{width:46px; height:1px; background:var(--gold); margin:22px auto 0;}

/* 섹션 */
.seo-sec{margin:0 0 66px;}
.seo-sec > h2{font-size:25px; font-weight:600; margin:0 0 24px; padding-left:16px; border-left:4px solid var(--gold);}

/* 카드형 목록 (입소대상/입소제한 등) */
.seo-card{background:#fff; border:1px solid var(--line); border-radius:16px; padding:34px 36px;}
.seo-card.off{background:var(--off); border-color:var(--beige-l);}
.seo-numlist{list-style:none; margin:0; padding:0;}
.seo-numlist li{position:relative; padding:13px 0 13px 50px; font-size:17px; color:var(--ink); border-bottom:1px solid var(--line);}
.seo-numlist li:last-child{border-bottom:0;}
.seo-numlist li .n{position:absolute; left:0; top:12px; width:30px; height:30px; border-radius:8px;
  background:var(--beige); color:#fff; font-family:var(--serif); font-size:15px; text-align:center; line-height:30px;}
.seo-card.off .seo-numlist li .n{background:var(--terra);}

/* 단계 프로세스 (입소절차) */
.seo-steps{display:flex; gap:14px; flex-wrap:wrap; justify-content:center; margin-top:10px;}
.seo-step{flex:1 1 150px; max-width:190px; text-align:center; background:#fff; border:1px solid var(--line);
  border-radius:14px; padding:26px 14px; position:relative;}
.seo-step .s{font-family:var(--serif); font-size:14px; letter-spacing:.06em; color:var(--gold); margin-bottom:8px;}
.seo-step .t{font-family:var(--serif); font-size:18px; font-weight:600; color:var(--ink);}
.seo-step:not(:last-child)::after{content:'›'; position:absolute; right:-12px; top:50%; transform:translateY(-50%);
  color:var(--beige); font-size:22px;}

/* 인용/강조 박스 */
.seo-note{background:var(--off); border-radius:14px; padding:26px 30px; text-align:center;
  font-family:var(--serif); font-size:18px; color:var(--ink); line-height:1.8; margin-top:8px;}

/* 표 (비용 등) */
.seo-table{width:100%; border-collapse:collapse; font-size:16px; overflow:hidden; border-radius:12px;}
.seo-table th,.seo-table td{border:1px solid var(--line); padding:14px 16px; text-align:center; color:var(--ink);}
.seo-table thead th{background:var(--taupe); color:#fff; font-family:var(--sans);}
.seo-table th[scope=row]{background:var(--off); font-weight:500;}

/* 본문 단락/링크 */
.seo-content p{margin:0 0 18px;}
.seo-content .muted{color:var(--ink-soft); font-size:16px;}
.seo-btns{display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:50px;}
.seo-btn{display:inline-block; font-family:var(--sans); font-size:17px; padding:16px 34px; border-radius:40px; text-decoration:none; transition:.3s;}
.seo-btn.primary{background:var(--taupe); color:#fff;}
.seo-btn.primary:hover{background:#8a7763;}
.seo-btn.line{background:#fff; color:var(--terra); border:1px solid var(--beige);}
.seo-btn.line:hover{background:var(--beige); color:#fff;}
.seo-btn.kakao{background:#FAE100; color:#3a2c00;}

@media (max-width:760px){
  .seo-content{font-size:16px; padding:16px 18px 70px;}
  .seo-content .seo-h1{font-size:26px;} .seo-sec > h2{font-size:21px;}
  .seo-content .lead{font-size:18px;}
  .seo-step::after{display:none;} .seo-card{padding:26px 22px;}
}