:root{
--sky:#38BDF8; --sky-d:#0EA5E9; --sky-dd:#0284C7; --mint:#5EEAD4; --mint-d:#2DD4BF;
--deep:#0C4A6E; --soft:#E0F2FE; --soft2:#F0FDFA; --sun:#FCD34D; --sun-d:#F59E0B;
--ink:#134155; --paper:#F7FCFF; --line:#D6EEF8;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Gothic A1',sans-serif;background:var(--paper);color:var(--ink);line-height:1.65}
.wrap{max-width:660px;margin:0 auto;overflow:hidden;background:var(--paper)}
.top{background:linear-gradient(90deg,var(--sky-d),var(--sky));padding:9px 14px;text-align:center;color:#fff;font-weight:700;font-size:12.5px}
.top a{color:#fff;text-decoration:none}
/* 히어로 - 이미지 배너 */
.hero-img-wrap{position:relative;width:100%;background:linear-gradient(180deg,var(--sky),var(--sky-d))}
.hero-img-wrap img{width:100%;display:block}
.hero-cap{background:radial-gradient(circle at 30% 0%,var(--mint) 0%,var(--sky) 50%,var(--sky-d) 100%);padding:22px 24px 40px;text-align:center;color:#fff;position:relative}
.hero-cap::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:30px;background:var(--paper);border-radius:50% 50% 0 0/100% 100% 0 0}
.hero-cap .bubble{display:inline-block;background:rgba(255,255,255,.25);border-radius:30px;padding:5px 16px;font-size:12.5px;font-weight:700;margin-bottom:12px}
.hero-cap h1{font-family:'Jua',sans-serif;font-size:30px;font-weight:400;line-height:1.3;margin-bottom:10px;text-shadow:0 2px 8px rgba(12,74,110,.25)}
.hero-cap h1 .hl{color:var(--sun)}
.hero-cap p{font-size:13.5px;opacity:.95;font-weight:500}
/* 전화/폼 버튼 (전화번호 텍스트 없음) */
.call-circle{margin:-22px auto 0;position:relative;z-index:2;width:90%;max-width:420px}
.call-circle a{display:block;background:#fff;border-radius:50px;padding:15px;text-align:center;text-decoration:none;box-shadow:0 12px 30px rgba(14,165,233,.3)}
.call-circle .num{font-family:'Jua',sans-serif;font-size:23px;color:var(--sky-d)}
.call-circle .sub{font-size:11.5px;color:#7a9aa8;font-weight:600;margin-top:2px}
.form-btn{display:block;width:90%;max-width:420px;margin:11px auto 0;background:linear-gradient(135deg,var(--mint-d),var(--mint));color:var(--deep);text-align:center;padding:14px;border-radius:50px;text-decoration:none;font-weight:800;font-size:14.5px;box-shadow:0 8px 20px rgba(45,212,191,.3)}
.cont{padding:26px 18px 110px}
.bubble-card{background:#fff;border-radius:24px;padding:22px;margin-bottom:16px;box-shadow:0 6px 20px rgba(14,165,233,.08)}
.bubble-card h2{font-family:'Jua',sans-serif;font-size:20px;color:var(--sky-d);margin-bottom:13px;font-weight:400}
.bubble-card h2 .emoji{margin-right:6px}
.intro{font-size:13.5px;line-height:1.9;color:#3a5a68}
.intro strong{color:var(--sky-d);font-weight:800}
.merit-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.merit-b{text-align:center;background:var(--soft);border-radius:20px;padding:18px 10px}
.merit-b .ic{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;margin:0 auto 9px;box-shadow:0 4px 10px rgba(14,165,233,.12)}
.merit-b .t{font-weight:800;font-size:13.5px;color:var(--deep);margin-bottom:3px}
.merit-b .d{font-size:11.5px;color:#6a8a98}
.before-after{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ba-item{border-radius:16px;overflow:hidden;position:relative}
.ba-item img{width:100%;height:130px;object-fit:cover;display:block}
.ba-item.before img{filter:brightness(.7) sepia(.3)}
.ba-item.after img{filter:brightness(1.08) saturate(1.1)}
.ba-label{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:6px;font-size:12px;font-weight:800;color:#fff}
.ba-label.before{background:rgba(100,116,139,.85)}
.ba-label.after{background:rgba(45,212,191,.9)}
.svc-img-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.svc-img-card{border-radius:16px;overflow:hidden;background:var(--soft2)}
.svc-img-card img{width:100%;height:105px;object-fit:cover;display:block}
.svc-img-label{padding:9px;text-align:center;font-size:12.5px;font-weight:700;color:var(--deep)}
.dong-bubbles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.dong-bubbles span{background:linear-gradient(135deg,var(--soft),var(--soft2));border:2px solid #fff;border-radius:30px;padding:8px 15px;font-size:12.5px;font-weight:700;color:var(--sky-d);box-shadow:0 3px 8px rgba(14,165,233,.1)}
.check-list{list-style:none}
.check-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--soft);font-size:13.5px;color:#3a5a68}
.check-list li:last-child{border-bottom:none}
.check-list li .ck{width:23px;height:23px;border-radius:50%;background:var(--mint);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.step-row{display:flex;gap:11px;overflow-x:auto;padding-bottom:6px}
.step-c{min-width:120px;background:var(--soft2);border-radius:18px;padding:15px;text-align:center}
.step-c .n{font-family:'Jua',sans-serif;width:32px;height:32px;border-radius:50%;background:var(--mint-d);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 7px;font-size:15px}
.step-c b{display:block;font-size:12.5px;color:var(--deep);margin-bottom:3px}
.step-c span{font-size:10.5px;color:#6a8a98}
.rv{background:var(--soft2);border-radius:18px;padding:15px;margin-bottom:11px}
.rv .s{color:var(--sun);margin-bottom:5px;font-size:13px}
.rv .t{font-size:13px;color:#3a5a68;line-height:1.7}
.rv .b{font-size:11.5px;color:#7a9aa8;margin-top:7px;font-weight:700}
.faq-b{background:var(--soft);border-radius:16px;padding:14px 16px;margin-bottom:9px}
.faq-b .q{font-weight:800;font-size:13.5px;color:var(--deep);margin-bottom:5px}
.faq-b .a{font-size:12.5px;color:#5a7a88;line-height:1.7}
.kw2{display:flex;flex-wrap:wrap;gap:6px}
.kw2 span{font-size:11.5px;color:var(--sky-d);background:var(--soft);border-radius:20px;padding:5px 12px;font-weight:600}
.link-flow{font-size:12.5px;line-height:2.1;color:#6a8a98}
.link-flow a{color:var(--sky-d);text-decoration:none;font-weight:700}
.link-flow strong{display:block;color:var(--deep);margin-bottom:4px;margin-top:8px;font-size:13px}
.foot2{text-align:center;font-size:11.5px;color:#9ab5c2;padding:22px;line-height:1.8}
.dock2{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:99;width:92%;max-width:440px}
.dock2 a{flex:1;text-align:center;padding:13px;border-radius:50px;text-decoration:none;font-weight:800;font-size:13.5px;box-shadow:0 8px 20px rgba(14,165,233,.25)}
.dock2 .t{background:var(--sky-d);color:#fff}
.dock2 .f{background:linear-gradient(135deg,var(--mint-d),var(--mint));color:var(--deep)}
body{padding-bottom:56px}