:root { --ink:#163c54; --muted:#667783; --line:#dce7e8; --mint:#dff3ef; --green:#2d8d80; --blue:#e7f1f7; --deep:#0d334a; }
html { scroll-behavior:smooth; }
body { color:var(--ink); background:#fbfdfc; font-family:'Noto Sans KR',sans-serif; }
.s-mobile-menu { display:none; }
.s-hero { position:relative; min-height:650px; background:linear-gradient(90deg,rgba(251,253,252,.97) 0%,rgba(251,253,252,.82) 38%,rgba(251,253,252,.08) 70%),url('/img/hero-footcare.png') center/cover no-repeat; }
.s-hero-inner { display:flex; min-height:650px; align-items:center; }
.s-hero-copy { padding:40px 0 48px; }
.s-hero h1 { margin:22px 0 26px; color:#123b54; font-size:clamp(42px,5.2vw,72px); font-weight:700; letter-spacing:-.07em; line-height:1.18; }
.s-hero h1 em,.s-section h2 em,.s-consult h2 em { color:var(--green); font-style:normal; }
.s-hero-desc { color:#607580; font-size:15px; line-height:1.9; }
.s-hero-actions { display:flex; align-items:center; gap:28px; margin-top:38px; }
.s-hero .jw-button,.s-consult .jw-button { --jwbutton-point:var(--green); --jwbutton-bg:var(--green); --jwbutton-color:#fff; --jwbutton-bghover:#247368; border:0; border-radius:0; }
.s-hero .jw-button:hover,.s-consult .jw-button:hover { background:#247368; }
.s-hero-note { display:flex; align-items:center; gap:8px; margin-top:62px; color:#819197; font-size:11px; }
.s-hero-note span { display:block; width:7px; height:7px; border-radius:50%; background:#6fc2b3; }
.s-hero-scroll { position:absolute; right:32px; bottom:28px; display:flex; align-items:center; gap:10px; color:#78909b; font-family:Manrope,sans-serif; font-size:9px; letter-spacing:.12em; writing-mode:vertical-rl; }
.s-hero-scroll span { width:1px; height:44px; background:#7faaa8; }
.s-trust-strip { border-bottom:1px solid var(--line); background:#fff; }
.s-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.s-trust-grid div { display:flex; align-items:center; gap:15px; min-height:92px; border-right:1px solid var(--line); padding-left:26px; color:#56727c; font-size:12px; }
.s-trust-grid div:first-child { border-left:1px solid var(--line); }
.s-trust-grid strong { color:#8fbab1; font-family:Manrope,sans-serif; font-size:12px; }
.s-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:58px; }
.s-section-head h2,.s-about h2,.s-consult h2 { margin-top:18px; color:#173d54; font-size:clamp(30px,3.5vw,46px); font-weight:700; letter-spacing:-.06em; line-height:1.3; }
.s-section-head > p { color:#788991; font-size:13px; line-height:1.8; }
.s-service-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--ink); border-bottom:1px solid var(--line); }
.s-service-card { position:relative; min-height:310px; padding:29px 24px; border-right:1px solid var(--line); background:#fff; transition:background .25s,transform .25s; }
.s-service-card:first-child { border-left:1px solid var(--line); }
.s-service-card:hover { z-index:1; background:#effaf7; transform:translateY(-5px); }
.s-service-card-featured { background:#e5f4f0; }
.s-card-number,.s-card-label { color:#81a59f; font-family:Manrope,sans-serif; font-size:10px; font-weight:800; letter-spacing:.12em; }
.s-service-icon { position:absolute; top:27px; right:24px; display:flex; width:42px; height:42px; align-items:center; justify-content:center; border-radius:50%; background:#fff; color:var(--green); font-size:23px; }
.s-service-card h3 { margin-top:112px; color:#173d54; font-size:19px; letter-spacing:-.04em; }
.s-service-card p { margin-top:14px; color:#71858b; font-size:12px; line-height:1.8; }
.s-card-link { position:absolute; bottom:28px; color:var(--green); font-family:Manrope,sans-serif; font-size:10px; font-weight:800; }
.s-about { background:#edf7f5; }
.s-about-grid { display:grid; grid-template-columns:1fr 1.2fr; align-items:center; gap:100px; }
.s-about-mark { display:flex; width:255px; height:255px; align-items:center; justify-content:center; border:1px solid #9fcbc3; border-radius:50%; color:#378e82; font-family:Manrope,sans-serif; font-size:72px; font-weight:800; line-height:.75; text-align:center; transform:rotate(-7deg); }
.s-about-mark span { display:block; margin-top:19px; font-size:9px; letter-spacing:.18em; }
.s-about-copy { max-width:490px; margin:28px 0 36px; color:#607980; font-size:14px; line-height:2; }
.s-about .jw-button { --jwbutton-color:var(--green); --jwbutton-point:var(--green); border-radius:0; background:transparent; }
.s-about .jw-button:hover { background:#fff; }
.s-programs { background:#fff; }
.s-program-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.s-program-card { border:1px solid var(--line); background:#fbfdfc; }
.s-program-card > div:last-child { padding:24px 24px 28px; }
.s-placeholder { display:flex; height:190px; align-items:center; justify-content:center; background:#dfe9ee; color:#6b8893; font-family:Manrope,sans-serif; position:relative; }
.s-placeholder span { position:absolute; left:18px; top:17px; font-size:10px; font-weight:800; letter-spacing:.16em; }
.s-placeholder i { color:#91a9b1; font-size:11px; font-style:normal; letter-spacing:.15em; line-height:1.7; text-align:center; }
.s-placeholder-mint { background:#e1f1ee; color:#72a8a0; }.s-placeholder-blue { background:#e4edf5; color:#6e95b0; }
.s-program-card h3 { margin-top:11px; color:#173d54; font-size:18px; }.s-program-card p { margin-top:8px; color:#778a90; font-size:12px; }
.s-info { background:#f4f9f8; }.s-info-list { border-top:1px solid var(--ink); }.s-info-list a { display:grid; grid-template-columns:70px 1fr 40px; align-items:center; min-height:120px; border-bottom:1px solid var(--line); }.s-info-list a > span { color:#9bbcb6; font-family:Manrope,sans-serif; font-size:12px; font-weight:800; }.s-info-list small { color:#72a39b; font-family:Manrope,sans-serif; font-size:10px; font-weight:800; letter-spacing:.14em; }.s-info-list h3 { margin-top:8px; color:#173d54; font-size:17px; }.s-info-list p { margin-top:5px; color:#809097; font-size:12px; }.s-info-list b { color:var(--green); font-size:18px; font-weight:400; }.s-info-list a:hover h3 { color:var(--green); }
.s-consult { background:#0d334a; color:#fff; }.s-consult-inner { display:flex; align-items:center; justify-content:space-between; gap:50px; min-height:310px; }.s-consult .s-eyebrow { color:#91cfc2; }.s-consult h2 { color:#fff; }.s-consult h2 em { color:#91cfc2; }.s-consult p { margin-top:18px; color:rgba(255,255,255,.62); font-size:13px; line-height:1.8; }.s-consult-actions { display:flex; min-width:300px; flex-direction:column; align-items:flex-end; gap:14px; }.s-phone { color:#a9ddd4; font-family:Manrope,sans-serif; font-size:27px; font-weight:700; letter-spacing:-.04em; }.s-consult-actions small { color:rgba(255,255,255,.48); font-size:10px; }
@media (max-width:900px) { .s-header-inner { gap:24px; }.s-nav > ul { gap:16px; }.s-header-tools > a:not(.s-header-link):not(.s-header-reserve) { display:none; }.s-service-grid { grid-template-columns:repeat(2,1fr); }.s-service-card:nth-child(3) { border-left:1px solid var(--line); border-top:1px solid var(--line); }.s-service-card:nth-child(4) { border-top:1px solid var(--line); }.s-about-grid { gap:50px; }.s-about-mark { width:190px; height:190px; font-size:56px; } }
@media (max-width:700px) { .s-container { width:min(100% - 40px, 560px); }.s-topbar { height:34px; }.s-topbar-inner > div { display:none; }.s-header-inner { height:74px; justify-content:space-between; }.s-logo { min-width:auto; }.s-nav { position:absolute; top:74px; right:20px; left:20px; display:none; padding:10px 18px; background:#fff; box-shadow:0 12px 28px rgba(22,60,84,.12); }.s-nav.is-open { display:block; }.s-nav > ul { display:block; }.s-nav li > a { padding:13px 0; border-bottom:1px solid #edf2f2; }.s-nav-sub { position:static; display:flex; width:auto; padding:0 0 8px; border:0; box-shadow:none; transform:none; }.s-nav-sub a { padding:5px 12px 5px 0; text-align:left; }.s-header-tools { margin-left:auto; }.s-header-link { display:none; }.s-mobile-menu { display:flex; width:26px; flex-direction:column; gap:6px; }.s-mobile-menu span { display:block; height:1px; background:var(--ink); }.s-hero,.s-hero-inner { min-height:610px; }.s-hero { background:linear-gradient(90deg,rgba(251,253,252,.97) 0%,rgba(251,253,252,.75) 65%,rgba(251,253,252,.35)),url('/img/hero-footcare.png') 65% center/cover no-repeat; }.s-hero h1 { font-size:43px; }.s-hero-desc { font-size:13px; }.s-hero-actions { align-items:flex-start; flex-direction:column; gap:20px; }.s-hero-note { margin-top:42px; }.s-trust-grid { grid-template-columns:repeat(2,1fr); }.s-trust-grid div { min-height:70px; padding-left:12px; border-bottom:1px solid var(--line); }.s-section { padding:88px 0; }.s-section-head { align-items:flex-start; flex-direction:column; margin-bottom:34px; }.s-section-head h2,.s-about h2,.s-consult h2 { font-size:32px; }.s-service-grid,.s-program-grid { grid-template-columns:1fr; }.s-service-card { min-height:250px; border-left:1px solid var(--line); }.s-service-card:nth-child(3),.s-service-card:nth-child(4) { border-top:0; }.s-service-card h3 { margin-top:88px; }.s-about-grid { grid-template-columns:1fr; gap:45px; }.s-about-mark { width:150px; height:150px; font-size:45px; }.s-consult-inner { align-items:flex-start; flex-direction:column; padding:78px 0; }.s-consult-actions { align-items:flex-start; }.s-footer-top { grid-template-columns:1fr; gap:30px; padding-bottom:36px; }.s-footer-contact { align-items:flex-start; }.s-footer-bottom { flex-direction:column; gap:12px; } }