:root{--ink:#283d48;--blue:#466f85;--light:#edf5f9;--line:#dce6eb;--muted:#667b87;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;font-family:"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;line-height:1.8;color:var(--ink);word-break:keep-all;background:#fff}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #648fa8;outline-offset:4px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.header{position:sticky;top:0;background:#fffffff5;z-index:20;border-bottom:1px solid #e7edf0}.header-row{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:13px;font-size:25px;font-weight:650;letter-spacing:-.045em;white-space:nowrap}.brand-symbol{font-family:Georgia,serif;font-size:48px;line-height:1;font-weight:400;color:var(--blue)}.brand small{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);border-left:1px solid var(--line);padding-left:13px}nav{display:flex;align-items:center;gap:23px;font-size:14px;font-weight:550}nav a:hover{color:#568eaf}.nav-cta{background:var(--blue);color:#fff;padding:10px 19px;border-radius:30px}nav .nav-cta:hover{color:#fff;background:#315b72}.menu-button{display:none}.hero{position:relative;background:#eef4f7 url('assets/clinic-interior.png') center 58%/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f1f6f9fa 0%,#f1f6f9ec 27%,#f1f6f970 52%,#f1f6f905 75%)}.hero-inner{position:relative;min-height:660px;padding-top:100px;padding-bottom:70px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.19em;color:var(--blue);margin:0 0 24px}.hero h1{font-size:clamp(44px,4.5vw,66px);font-weight:400;letter-spacing:-.065em;line-height:1.35;margin:0 0 20px}.hero-name{font-size:20px;font-weight:650;letter-spacing:-.03em;margin:0 0 18px}.hero-text{font-size:16px;color:#536e7d;margin:0 0 30px}.hero-links{display:flex;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;border-radius:35px;padding:13px 27px;border:1px solid transparent;font-size:14px;font-weight:600;transition:background .2s}.primary{background:var(--blue);color:white}.primary:hover{background:#30566d}.light{background:#ffffffbd;border-color:#c6d7e2}.light:hover{background:#fff}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#597280}.photo-note{font-size:12px;background:#ffffffc9;padding:2px 10px;border-radius:20px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 0;border-bottom:1px solid var(--line)}.quick-links>a{display:flex;align-items:center;gap:20px;padding:4px 32px}.quick-links>a:first-child{padding-left:0}.quick-links>a+a{border-left:1px solid var(--line)}.quick-no{font-family:Georgia,serif;font-size:25px;color:#9bb4c3}.quick-links strong{font-size:18px;display:block;font-weight:550}.quick-links small{font-size:13px;color:var(--muted)}.quick-links>a>span:last-child{margin-left:auto;font-size:22px;color:#7e9eaf}.section{padding:100px 0}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;gap:20px}.section-top .eyebrow{margin:0}.section-index{font-size:12px;color:#7d939f}h2{font-size:clamp(30px,3vw,42px);font-weight:450;line-height:1.5;letter-spacing:-.05em;margin:0 0 24px}h3{font-weight:600;letter-spacing:-.03em}.body-copy{font-size:16px;color:var(--muted);margin:0 0 28px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.under-link{font-size:14px;display:inline-flex;gap:35px;align-items:center;color:var(--blue);border:0;border-bottom:1px solid #a4bccb;background:transparent;padding:0 0 7px}.about-principles article{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.about-principles article:first-child{padding-top:0}.about-principles article>span{font:20px Georgia,serif;color:#9bb4c3;padding-top:8px}.about-principles h3{font-size:20px;margin:0 0 8px}.about-principles p{font-size:14px;color:var(--muted);margin:0}.staff-slot{display:flex;align-items:center;gap:35px;background:#f6f9fb;border:1px solid #e6edf1;border-radius:18px;margin-top:60px;padding:28px 35px}.staff-monogram{height:110px;width:140px;background:#e7f0f5;border-radius:12px;display:grid;place-items:center;color:#6d8b9d;font:20px Georgia,serif;letter-spacing:.15em}.staff-slot .eyebrow{margin:0;font-size:11px}.staff-slot h3{margin:6px 0;font-size:20px}.staff-slot p:last-child{font-size:14px;color:var(--muted);margin:0}.medical{background:var(--light)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading h2{margin:0}.section-heading>p{font-size:15px;color:var(--muted);margin:0 0 5px}.medical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.medical-card{background:#fff;border:1px solid #e1eaf0;border-radius:20px;padding:33px 30px;display:flex;flex-direction:column;align-items:start}.card-label{font-size:11px;letter-spacing:.14em;color:#7a97a8}.medical-card h3{font-size:25px;margin:25px 0 8px}.medical-card>p{font-size:14px;color:var(--muted);margin:0 0 22px}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 30px}.tags li{font-size:14px;background:#f2f7f9;border-radius:6px;padding:5px 10px}.medical-card .under-link{margin-top:auto}.section-note{font-size:12px;color:var(--muted);margin:25px 0 0}.care-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center}.care-intro>p:not(.eyebrow){font-size:16px;color:var(--muted);margin:0 0 30px}.care-options{border-top:1px solid var(--line)}.care-options article{padding:28px 15px;border-bottom:1px solid var(--line)}.care-options span{font-size:11px;letter-spacing:.13em;color:#7d9caf}.care-options h3{font-size:24px;margin:9px 0}.care-options p{font-size:15px;color:var(--muted);margin:0}.laser{background:#f7fafb}.laser-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.laser-grid article{padding:25px 23px;border:1px solid #dce7ed;border-radius:14px;background:white}.laser-grid span{font:20px Georgia,serif;color:#9bb4c3}.laser-grid h3{font-size:18px;line-height:1.65;margin:24px 0 10px}.laser-grid p{font-size:13px;color:var(--muted);margin:0}.visit-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;margin-top:35px}.hours-card{border:1px solid var(--line);border-radius:18px;padding:30px 35px}.hours-card h3,.location-heading h3{font-size:22px;margin:0 0 22px}.hours-card dl{margin:0}.hours-card dl>div{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #eaf0f3;padding:12px 0;font-size:15px}.hours-card dt{color:var(--muted)}.hours-card dd{margin:0;text-align:right}.phone-block{margin-top:24px}.phone-block>span{font-size:13px;color:var(--muted);display:block}.phone-block strong{display:block;font-size:24px;font-weight:550;margin:5px 0}.phone-block .button{margin-top:12px}.location-card{border-radius:18px;background:#edf4f8;padding:30px}.location-heading{display:flex;justify-content:space-between;gap:20px}.location-heading span{font:11px Georgia,serif;letter-spacing:.12em;color:#7994a4}.map-slot{min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d3e2ea;background:#f7fafc;border-radius:12px;padding:25px;text-align:center}.map-letter{font:45px Georgia,serif;color:#a0b9c7}.map-slot strong{font-size:17px;font-weight:550;margin-top:12px}.map-slot p{font-size:14px;color:var(--muted);margin:5px 0}.map-slot a{margin-top:15px}.location-foot{font-size:13px;color:var(--muted);margin:15px 0 0}.consult{background:#eaf3f8}.consult-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.consult-grid>div>p:not(.eyebrow){color:var(--muted);font-size:16px}.demo-note{border-left:2px solid #97b6c8;padding-left:20px;margin-top:35px}.demo-note strong{font-size:14px;font-weight:550}.demo-note p{font-size:13px;line-height:1.9;color:var(--muted);margin:7px 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}form label{display:block;font-size:14px;font-weight:550;margin-bottom:22px}input,textarea{display:block;width:100%;margin-top:9px;padding:14px 16px;border:1px solid #cfdee7;border-radius:8px;background:#ffffffd9;font-size:16px;color:var(--ink);min-width:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#859ba7;font-size:14px}.form-note{font-size:12px;color:var(--muted);margin:0 0 18px}.submit{width:100%;justify-content:space-between}#form-status{font-size:14px;color:#365d74;margin:14px 0 0}footer{padding:42px 0;background:#fff}.footer-top{display:flex;justify-content:space-between;align-items:center}.back-top{font-size:13px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:24px;padding-top:22px;border-top:1px solid var(--line);gap:25px}.footer-bottom p,.footer-bottom>span{font-size:12px;color:var(--muted);margin:0}.footer-bottom>span{letter-spacing:.08em;white-space:nowrap}.skip{position:absolute;top:-100px;padding:10px;background:white;z-index:50}.skip:focus{top:0}[hidden]{display:none!important}@media(max-width:1150px){.wrap{width:calc(100% - 56px)}nav{gap:15px;font-size:13px}.brand small{display:none}.header-row{gap:20px}.about-grid,.care-grid,.consult-grid{gap:50px}.medical-card{padding:28px 23px}.quick-links>a{padding:4px 20px;gap:13px}.laser-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.header-row{min-height:78px}.brand{font-size:22px}.brand-symbol{font-size:40px}.menu-button{display:block;background:white;border:1px solid var(--line);padding:6px 16px;border-radius:25px;font-size:14px}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:15px 20px;background:white;box-shadow:0 18px 25px #1f456812;gap:0}nav.open{display:flex;flex-direction:column;align-items:stretch}nav a{font-size:15px;padding:11px 15px}.nav-cta{margin-top:8px}.hero-inner{min-height:610px;padding-top:65px}.hero:before{background:linear-gradient(90deg,#f1f6f9fa 0%,#f1f6f9c9 50%,#f1f6f93d 100%)}.hero h1{font-size:48px}.hero-bottom{font-size:11px;flex-wrap:wrap;bottom:20px}.quick-links{padding:22px 0;grid-template-columns:repeat(3,1fr)}.quick-links>a{padding:0 15px;display:block}.quick-no{font-size:18px}.quick-links strong{font-size:16px;margin-top:6px}.quick-links small{font-size:12px;line-height:1.5;display:block;margin-top:7px}.quick-links>a>span:last-child{display:none}.section{padding:65px 0}.section-index{font-size:11px}.section-top{margin-bottom:25px}.about-grid,.care-grid,.consult-grid,.visit-grid{grid-template-columns:1fr;gap:35px}.section-heading{display:block}.section-heading>p{margin-top:18px}.medical-grid{grid-template-columns:1fr}.medical-card h3{margin-top:15px}.tags{margin-bottom:25px}.staff-slot{margin-top:35px;padding:20px;gap:22px}.staff-monogram{width:100px;height:100px;font-size:14px;flex-shrink:0}.laser-grid{gap:12px}.laser-grid article{padding:22px 19px}.laser-grid h3{font-size:17px}.footer-bottom{display:block}.footer-bottom>span{display:block;margin-top:20px}.hours-card{padding:25px}.location-card{padding:25px}.demo-note{margin-top:25px}}@media(max-width:380px){.hero h1{font-size:41px}.hero-links{gap:8px}.button{padding:12px 22px;gap:16px}.form-row{grid-template-columns:1fr;gap:0}.staff-slot{align-items:start}.staff-monogram{width:65px;height:85px;font-size:11px}.section-index{display:none}.quick-links>a{padding:0 9px}.quick-links small{font-size:12px}.hero-bottom{padding-right:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* 시술 설명: 카드의 기존 크기와 디자인을 유지합니다. */
.laser-grid article{position:relative;cursor:pointer;overflow:visible}
.laser-grid article[aria-expanded="true"]{z-index:5}
.laser-grid article:focus-visible{outline:3px solid #648fa8;outline-offset:4px}
.laser-grid .treatment-popup{position:absolute;top:calc(100% - 1px);left:0;width:max(100%,280px);max-width:calc(100vw - 40px);padding:22px;background:#fff;border:1px solid #cadde7;border-radius:14px;box-shadow:0 12px 30px #23495f24;cursor:default;z-index:6;text-align:left}
.laser-grid article:nth-child(4n) .treatment-popup{left:auto;right:0}
.laser-grid .treatment-popup strong{display:block;font-size:16px;line-height:1.6;font-weight:650;color:var(--blue)}
.laser-grid .treatment-popup p{font-size:14px;line-height:1.85;color:var(--ink);margin:10px 0 0}
@media(max-width:1150px){.laser-grid article:nth-child(2n) .treatment-popup{left:auto;right:0}}
/* Native details retain tap/keyboard behavior even without JavaScript. */
.laser-grid article:has(.treatment-card){padding:0;cursor:default}
.treatment-card{position:relative}
.treatment-card summary{display:block;list-style:none;cursor:pointer;padding:25px 23px;border-radius:14px}
.treatment-card summary::-webkit-details-marker{display:none}
.treatment-card summary:focus-visible{outline:3px solid #648fa8;outline-offset:3px}
.laser-grid article:has(details[open]){z-index:8}
.treatment-card[open]>.treatment-popup{display:block}
@media(max-width:800px){.treatment-card summary{padding:22px 19px}}

.laser-grid .treatment-list{padding-left:18px;margin:12px 0;font-size:14px;line-height:1.85}.laser-grid .treatment-prices{margin:16px 0 8px;padding-top:10px;border-top:1px solid var(--line);font-size:14px}.treatment-prices>div{display:flex;justify-content:space-between;gap:15px;margin:5px 0}.treatment-prices dd{margin:0;font-weight:650;color:var(--blue)}.laser-grid .treatment-popup{width:340px;max-height:min(600px,75vh);overflow:auto;overscroll-behavior:contain}

.location-card .map-slot{padding:18px}.clinic-map-image{display:block;width:100%;max-height:450px;height:auto;object-fit:contain;border-radius:8px}.map-slot>a:first-child{display:block;width:100%;margin:0}.map-slot strong{overflow-wrap:anywhere}