@charset "utf-8";
/* 세 페이지에만 적용하여 기존 메인, 견적, 리뷰 화면과 스타일 충돌을 방지합니다. */
.seyeon-page { --sy-green:#577c34; --sy-light:#f4f7ef; max-width:1200px; margin:0 auto; padding:80px 24px; color:#262c23; font-size:18px; line-height:1.8; font-family:"Malgun Gothic","맑은 고딕",sans-serif; }
.seyeon-page, .seyeon-page * { box-sizing:border-box; }
.seyeon-page h1,.seyeon-page h2,.seyeon-page h3,.seyeon-page p,.seyeon-page ul,.seyeon-page ol,.seyeon-page figure { margin:0; padding:0; }
.seyeon-page h1,.seyeon-page h2,.seyeon-page h3 { color:#262c23; word-break:keep-all; }
.seyeon-page p { word-break:keep-all; overflow-wrap:break-word; }
.seyeon-page img { display:block; max-width:100%; height:auto; }
.seyeon-page a { color:inherit; text-decoration:none; }
.seyeon-page a:focus-visible,.seyeon-page summary:focus-visible { outline:3px solid #577c34; outline-offset:4px; }
.seyeon-page .sy-page-title { text-align:center; margin-bottom:48px; }
.seyeon-page .sy-page-title h1 { font-size:42px; line-height:1.4; font-weight:800; }
.seyeon-page .sy-page-title p { margin-top:10px; color:#73796d; font-size:13px; letter-spacing:2px; }
.seyeon-page .sy-hero { position:relative; border-radius:20px; overflow:hidden; background:#e8ece1; }
.seyeon-page .sy-hero > img { width:100%; height:480px; object-fit:cover; }
.seyeon-page .sy-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(15,27,9,.75),transparent 75%); pointer-events:none; }
.seyeon-page .sy-hero-caption { position:absolute; left:40px; bottom:36px; z-index:1; color:white; }
.seyeon-page .sy-hero-caption p { font-size:13px; letter-spacing:3px; margin-bottom:12px; }
.seyeon-page .sy-hero-caption h2 { color:white; font-size:38px; line-height:1.45; }
.seyeon-page .sy-section { margin-top:64px; scroll-margin-top:140px; }
.seyeon-page .sy-section > h2 { border-left:5px solid var(--sy-green); padding-left:16px; margin-bottom:22px; font-size:28px; line-height:1.5; }
.seyeon-page .sy-section > p + p { margin-top:14px; }
.seyeon-page .sy-grid { display:grid; gap:16px; list-style:none; }
.seyeon-page .sy-needs { grid-template-columns:repeat(2,minmax(0,1fr)); }
.seyeon-page .sy-needs li { background:var(--sy-light); border-radius:12px; padding:24px; font-weight:700; }
.seyeon-page .sy-benefits { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:24px; }
.seyeon-page .sy-benefits > div { border:1px solid #dae2d2; border-radius:12px; padding:24px; }
.seyeon-page .sy-benefits h3 { font-size:22px; color:var(--sy-green); margin-bottom:10px; }
.seyeon-page .sy-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; list-style:none; margin-top:24px; }
.seyeon-page .sy-steps li { border:1px solid #dbe2d3; border-radius:12px; padding:26px; }
.seyeon-page .sy-steps b { display:block; color:var(--sy-green); font-size:28px; margin-bottom:12px; }
.seyeon-page .sy-steps h3 { font-size:19px; }
.seyeon-page .sy-note { color:#687160; margin-top:22px!important; font-size:16px; }
.seyeon-page .sy-notice { color:#a44327; font-weight:700; margin-top:18px; }
.seyeon-page .sy-table-wrap { overflow-x:auto; margin-top:24px; }
.seyeon-page .sy-staff-table { border-collapse:collapse; width:100%; min-width:540px; text-align:center; }
.seyeon-page .sy-staff-table caption { text-align:left; font-size:16px; color:#687160; padding-bottom:12px; }
.seyeon-page .sy-staff-table th,.seyeon-page .sy-staff-table td { border:1px solid #dae2d2; padding:22px 14px; }
.seyeon-page .sy-staff-table th { background:var(--sy-light); font-size:17px; }
.seyeon-page .sy-staff-table td { font-size:25px; font-weight:700; color:var(--sy-green); }
.seyeon-page .sy-area-nav { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.seyeon-page .sy-area-nav a { padding:9px 20px; background:var(--sy-light); border:1px solid #dae2d2; border-radius:24px; font-size:16px; }
.seyeon-page .sy-area-nav a:hover { background:var(--sy-green); color:white; }
.seyeon-page .sy-case { border:1px solid #dae2d2; border-radius:12px; margin-top:22px; overflow:hidden; }
.seyeon-page .sy-case summary { cursor:pointer; background:var(--sy-light); padding:18px 22px; font-weight:700; }
.seyeon-page .sy-case summary span { float:right; color:var(--sy-green); font-size:14px; }
.seyeon-page .sy-comparison { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding:24px; }
.seyeon-page .sy-photo-column h3 { padding:10px; margin-bottom:16px; font-size:18px; text-align:center; background:#ecefe7; }
.seyeon-page .sy-photo-column h3.after { background:var(--sy-green); color:white; }
.seyeon-page .sy-photo-column figure + figure { margin-top:18px; }
.seyeon-page .sy-photo-column img { width:100%; aspect-ratio:4/3; object-fit:contain; background:#f2f3ef; border-radius:6px; }
.seyeon-page .sy-video { position:relative; padding-top:56.25%; background:#f4f7ef; border-radius:12px; overflow:hidden; }
.seyeon-page .sy-video iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.seyeon-page .sy-original-intro img { width:100%; margin-bottom:24px; }
.seyeon-page .sy-consultants { margin-top:32px; }
.seyeon-page .sy-consultant { display:grid; grid-template-columns:100px minmax(0,1fr); gap:28px; align-items:start; padding:32px 0; border-bottom:1px solid #e1e6db; }
.seyeon-page .sy-initial { width:100px; height:100px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--sy-light); color:var(--sy-green); font-size:36px; font-weight:700; }
.seyeon-page .sy-consultant h3 { font-size:24px; margin-bottom:12px; }
.seyeon-page .sy-role { font-size:15px; color:var(--sy-green); margin-bottom:12px; }
@media (max-width:767px) {
 .seyeon-page { padding:42px 18px; font-size:16px; line-height:1.85; }
 .seyeon-page .sy-page-title { margin-bottom:28px; }
 .seyeon-page .sy-page-title h1 { font-size:30px; }
 .seyeon-page .sy-hero > img { height:320px; }
 .seyeon-page .sy-hero-caption { left:22px; bottom:24px; }
 .seyeon-page .sy-hero-caption h2 { font-size:27px; }
 .seyeon-page .sy-section { margin-top:44px; }
 .seyeon-page .sy-section > h2 { font-size:23px; padding-left:12px; }
 .seyeon-page .sy-needs,.seyeon-page .sy-benefits,.seyeon-page .sy-steps { grid-template-columns:minmax(0,1fr); }
 .seyeon-page .sy-needs li,.seyeon-page .sy-benefits > div,.seyeon-page .sy-steps li { padding:20px; }
 .seyeon-page .sy-steps b { font-size:23px; margin-bottom:8px; }
 .seyeon-page .sy-table-wrap { margin-right:-2px; }
 .seyeon-page .sy-staff-table th,.seyeon-page .sy-staff-table td { padding:16px 8px; }
 .seyeon-page .sy-area-nav { gap:8px; }
 .seyeon-page .sy-area-nav a { padding:7px 14px; font-size:14px; }
 .seyeon-page .sy-comparison { grid-template-columns:minmax(0,1fr); padding:16px; gap:20px; }
 .seyeon-page .sy-case summary { padding:15px; font-size:15px; }
 .seyeon-page .sy-case summary span { font-size:12px; }
 .seyeon-page .sy-consultant { grid-template-columns:56px minmax(0,1fr); gap:16px; padding:24px 0; }
 .seyeon-page .sy-initial { width:56px; height:56px; font-size:24px; }
 .seyeon-page .sy-consultant h3 { font-size:21px; }
}