@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@500;600;700&display=swap');
:root{--green:#123c35;--deep:#0a2a26;--mint:#dceae5;--cream:#f7f5ef;--ink:#172522;--line:#d7dfdc;--serif:'Noto Serif KR',serif;--sans:'Noto Sans KR',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);word-break:keep-all}a{color:inherit;text-decoration:none}.site-header{height:86px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;gap:42px;border-bottom:1px solid rgba(18,60,53,.12);position:relative;z-index:10;background:rgba(255,255,255,.94)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand-logo{width:43px;height:43px;object-fit:contain}.brand b{display:block;font-family:var(--serif);font-size:20px;letter-spacing:-.04em}.brand small{display:block;font-size:8px;letter-spacing:.08em;color:#64746f;margin-top:2px}.site-header nav{display:flex;gap:26px;font-size:15px;font-weight:500}.site-header nav a:hover{color:#3b776b}.header-call{font-weight:700;color:var(--green)}
.hero{min-height:690px;background:linear-gradient(100deg,var(--cream) 0 54%,#e7e3dc 54%);display:grid;grid-template-columns:54% 46%;overflow:hidden}.hero-copy{padding:108px clamp(24px,7vw,110px);position:relative;z-index:2}.eyebrow,.promise>p,.section-heading>p{margin:0 0 22px;color:#39776a;font-size:14px;font-weight:700;letter-spacing:.12em}.hero h1,.section-heading h2,.doctor-copy h2,.visit h2{font-family:var(--serif);font-weight:600;letter-spacing:-.055em;margin:0;line-height:1.34}.hero h1{font-size:clamp(40px,4vw,64px)}.hero h1 em{font-style:normal;color:var(--green)}.lead{font-size:18px;line-height:1.85;color:#55635f;max-width:610px;margin:30px 0}.hero-actions{display:flex;gap:10px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:0 25px;font-size:15px;font-weight:700}.primary{background:var(--green);color:white}.secondary{border:1px solid #adb9b5;background:white}.open-notice{font-size:14px;margin-top:28px;color:#596762}.open-notice span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#448b6b;margin-right:7px}.hero-photo{position:relative;height:690px;overflow:hidden}.hero-photo img{height:112%;width:100%;object-fit:cover;object-position:50% 20%;mix-blend-mode:multiply;position:relative;z-index:1}.photo-halo{position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(255,255,255,.5);top:90px;left:50%;transform:translateX(-50%)}.doctor-tag{position:absolute;z-index:2;left:36px;bottom:38px;background:white;padding:17px 22px;box-shadow:0 12px 40px rgba(0,0,0,.09)}.doctor-tag small{color:#6d7c78;margin-right:12px}.doctor-tag strong{font-family:var(--serif);font-size:20px}.doctor-tag span{font-size:13px;margin-left:5px;color:#60706b}
.promise{padding:110px clamp(24px,8vw,130px);background:white}.promise>p{text-align:center}.promise>h2{text-align:center;font:600 clamp(30px,3vw,44px)/1.45 var(--serif);letter-spacing:-.05em;margin:0 0 64px}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1180px;margin:auto;border-top:1px solid var(--line)}.promise-grid article{padding:34px 40px 10px;border-right:1px solid var(--line)}.promise-grid article:last-child{border:0}.promise-grid span{font-family:var(--serif);font-size:13px;color:#4f8479}.promise-grid h3{font:600 22px var(--serif);margin:18px 0 12px}.promise-grid p{color:#65736f;line-height:1.75;margin:0;font-size:15px}
.care{background:var(--deep);color:white;padding:120px clamp(24px,8vw,130px);display:grid;grid-template-columns:36% 64%;gap:65px}.section-heading h2{font-size:clamp(36px,4vw,53px)}.care-list{border-top:1px solid rgba(255,255,255,.25)}.care-list article{display:grid;grid-template-columns:65px 1fr;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.18)}.care-list article>b{font-family:var(--serif);color:#69a99b;font-size:13px}.care-list h3{font:600 22px var(--serif);margin:0 0 10px}.care-list p{color:#c0ceca;margin:0 0 9px;line-height:1.7;font-size:15px}.care-list span{font-size:13px;color:#78aa9f}
.doctor{display:grid;grid-template-columns:45% 55%;background:#f1f3f0;min-height:690px}.doctor-photo{overflow:hidden;max-height:760px;background:#e7e3de}.doctor-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%;mix-blend-mode:multiply}.doctor-copy{padding:120px clamp(30px,8vw,130px);align-self:center}.doctor-copy h2{font-size:clamp(38px,4vw,55px)}blockquote{font:500 18px/2 var(--serif);color:#52615d;margin:40px 0;padding-left:24px;border-left:2px solid #78a49a}.signature{font-size:14px;color:#61706c}.signature strong{font:600 21px var(--serif);margin-left:8px;color:var(--ink)}
.visit{background:var(--mint);padding:100px clamp(24px,8vw,130px);display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.visit h2{font-size:clamp(36px,4vw,52px)}.visit-details{background:var(--green);color:white;padding:40px 42px}.address-block>span{display:block;color:#a8cec5;font-size:13px;margin-bottom:9px}.address-block>strong{font:600 22px/1.65 var(--serif)}.address-block p{line-height:1.7;color:#c9ddd8;font-size:14px;margin:12px 0 27px}.hours{border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);padding:11px 0;margin-bottom:25px}.hours>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;font-size:15px}.hours b{font-weight:600}.hours span{font-variant-numeric:tabular-nums}.hours small{color:#a8cec5;margin-left:7px}.hours .lunch{color:#a8cec5;font-size:13px;padding-top:2px}.visit-actions{display:flex;gap:9px}.button.light{background:white;color:var(--green)}.button.outline-light{border:1px solid rgba(255,255,255,.45);color:white}
footer{background:#0b2421;color:#b6c6c1;padding:48px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.footer-brand{color:white}.footer-brand .brand-logo{filter:brightness(0) invert(1);opacity:.78}footer p{font-size:14px}footer>small{grid-column:1/-1;color:#77918b;font-size:12px}.mobile-call{display:none}
@media(max-width:800px){body{padding-bottom:64px}.site-header{height:66px;padding:0 18px}.site-header nav,.header-call{display:none}.brand b{font-size:18px}.brand-logo{width:38px;height:38px}.hero{display:block;min-height:auto;background:var(--cream)}.hero-copy{padding:58px 22px 34px}.hero h1{font-size:36px}.lead{font-size:16px;margin:22px 0}.hero-actions{flex-direction:column}.button{width:100%}.hero-photo{height:465px;background:#e7e3dc}.hero-photo img{height:108%;object-position:center 15%}.doctor-tag{left:20px;bottom:20px}.promise{padding:72px 22px}.promise>h2{font-size:29px;margin-bottom:38px}.promise-grid{display:block}.promise-grid article{border-right:0;border-bottom:1px solid var(--line);padding:25px 8px}.care{display:block;padding:75px 22px}.section-heading{margin-bottom:44px}.care-list article{grid-template-columns:44px 1fr}.doctor{display:flex;flex-direction:column}.doctor-photo{height:500px}.doctor-copy{padding:65px 22px 75px}.doctor-copy h2{font-size:38px}blockquote{font-size:16px;margin:30px 0}.visit{display:block;padding:70px 22px}.visit>div:first-child{margin-bottom:35px}.visit-details{padding:30px 22px}.address-block>strong{font-size:19px}.hours>div{font-size:14px}.hours small{display:block;text-align:right;margin:3px 0 0}.visit-actions{flex-direction:column}footer{display:block;padding:44px 22px}.footer-brand{margin-bottom:22px}footer>small{display:block;margin-top:18px;line-height:1.6}.mobile-call{position:fixed;z-index:20;display:flex;left:0;right:0;bottom:0;height:64px;background:#174c42;color:white;align-items:center;justify-content:center;gap:12px;font-size:14px;box-shadow:0 -6px 22px rgba(0,0,0,.12)}.mobile-call strong{font-size:17px}}