/* 안아픈여수치과: 의료진·상담. 기존 SUIT / --pointcolor 유지 */
.clinic-doctors{background:#fff;scroll-margin-top:110px}
.clinic-doctors .Tit{margin:0 0 65px}
.doctor-slide{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:8%;align-items:center}
.doctor-slide+.doctor-slide{margin-top:65px}
.doctor-slides.is-enhanced{display:grid;touch-action:pan-y}
.doctor-slides.is-enhanced .doctor-slide{grid-area:1/1;margin:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .4s,visibility .4s}
.doctor-slides.is-enhanced .doctor-slide.is-active{visibility:visible;opacity:1;pointer-events:auto}
.doctor-photo{position:relative;overflow:hidden;aspect-ratio: .68;background:#f6f6f6}
.doctor-photo img{position:absolute;max-width:none!important;height:115%;width:auto!important;top:-15%;left:-8%}
.doctor-kim img{height:110%;top:-10%;left:-8%}
.doctor-bio{padding:12px 0}
.doctor-bio h3{font-size:3.125rem;line-height:1.2;margin:10px 0 30px;font-weight:700}
.doctor-role{color:var(--pointcolor,#3aaca9);font-weight:700;font-size:1.25rem}
.doctor-bio ul{margin:0;padding:0;list-style:none;font-size:1.125rem;line-height:1.7;word-break:keep-all}
.doctor-bio li{position:relative;padding-left:14px;margin:5px 0}
.doctor-bio li:before{content:"";position:absolute;left:0;top:.75em;width:4px;height:4px;border-radius:50%;background:var(--pointcolor,#3aaca9)}
.doctor-bio .doctor-career{border-top:1px solid #ddd;padding-top:14px;margin-top:18px}
.doctor-pagination{display:flex;justify-content:center;margin-top:40px}
.doctor-pagination[hidden]{display:none}
.doctor-pagination button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent}
.doctor-pagination span{width:10px;height:10px;background:#c8c8c8;border-radius:50%}
.doctor-pagination [aria-pressed=true] span{background:var(--pointcolor,#3aaca9);transform:scale(1.2)}
.doctor-reveal .Tit{animation:clinic-rise .7s both}
.doctor-reveal .is-active .doctor-photo{animation:clinic-rise .8s .08s both}
.doctor-reveal .is-active .doctor-bio{animation:clinic-rise .8s .22s both}
@keyframes clinic-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.clinic-sr,.clinic-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
body.clinic-consult-enabled{padding-bottom:var(--consult-height,150px)}
.clinic-consult{position:fixed;bottom:0;left:0;right:0;z-index:10010;background:#fff;border-top:1px solid #ddd;box-shadow:0 -4px 24px #0000000a;color:#222}
.clinic-consult-inner{width:90%;max-width:1438px;margin:auto;padding:20px 0;display:flex;align-items:center;gap:36px}
.consult-heading{flex-shrink:0}.consult-heading h2{font-size:24px;margin:0 0 5px;font-weight:700}.consult-heading p{font-size:13px;color:#666}
#clinic-consult-form{flex:1;min-width:0}
.consult-fields{display:flex;gap:10px}.consult-fields label{flex:1;min-width:0}
.consult-fields input{width:100%;height:46px;border:1px solid #d4d4d4;background:#fff;border-radius:0;padding:0 14px;font:inherit;font-size:16px;color:#222}
.consult-submit{background:#267e7b;color:#fff;border:0;font:inherit;font-size:16px;font-weight:700;padding:0 28px;min-height:46px}
.consult-submit:disabled{opacity:.65}
.consult-consent{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:13px;color:#555}
.consult-consent label{display:flex;align-items:center;gap:6px}.consult-consent input{width:16px;height:16px}
.consult-consent button{border:0;background:none;color:#555;text-decoration:underline;font:inherit}
.consult-result{font-size:16px;line-height:1.5;font-weight:700;margin:10px 0 0;padding:10px 14px;border:1px solid transparent;border-radius:6px;word-break:keep-all}
.consult-result:empty{display:none}
.consult-result.is-success{color:#176562;background:#eaf7f6;border-color:#9bd1ce}
.consult-result.is-success::before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:#267e7b;color:#fff;font-size:14px;vertical-align:-2px}
.consult-result.is-error{color:#9b2929;background:#fff1f1;border-color:#e5b4b4}
.clinic-mobile-bar,.consult-close{display:none}
.clinic-consult-backdrop[hidden]{display:none}
.clinic-privacy{position:fixed;inset:0;width:min(90vw,520px);max-height:85dvh;overflow:auto;margin:auto;border:0;padding:30px;background:#fff;color:#222;font-family:inherit;font-size:16px;z-index:10030}
.clinic-privacy:not([open]){display:none}
.clinic-privacy::backdrop{background:#0007}.clinic-privacy h2{font-size:23px;margin-bottom:22px}
.clinic-privacy dt{font-weight:700;margin-top:14px}.clinic-privacy dd,.clinic-privacy p{line-height:1.6;margin:6px 0 14px}
.clinic-privacy button{display:block;margin:20px 0 0 auto;background:#267e7b;color:#fff;border:0;padding:12px 26px;font:inherit}
.clinic-consult-enabled .quick_box{bottom:calc(var(--consult-height,150px) + 20px)!important}
.clinic-doctors button:focus-visible,.clinic-consult button:focus-visible,.clinic-mobile-bar a:focus-visible,.clinic-mobile-bar button:focus-visible{outline:3px solid #174d4b;outline-offset:3px}
@media(min-width:991px){#header .header #menu{width:78%;padding-right:0;padding-left:1em}#header .header #menu a{white-space:nowrap}}
@media(max-width:990px){
 .doctor-slide{gap:5%}.doctor-bio h3{font-size:36px}.doctor-bio ul{font-size:15px}
 .consult-heading p{display:none}.consult-heading h2{font-size:19px}.clinic-consult-inner{gap:20px}.consult-submit{padding:0 16px}
}
@media(max-width:767px){
 .clinic-doctors .Tit{margin-bottom:35px}.doctor-slide{grid-template-columns:1fr;gap:25px;align-content:start}
 .doctor-photo{width:min(100%,360px);margin:auto;aspect-ratio:.68}
 .doctor-bio{width:min(100%,460px);margin:auto}.doctor-role{font-size:17px}.doctor-bio h3{margin-bottom:24px}
 .doctor-bio ul{font-size:16px}.doctor-pagination{margin-top:24px}
 body.clinic-consult-enabled{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
 .clinic-mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10012;justify-content:center;padding:0 18px env(safe-area-inset-bottom);pointer-events:none}
 .clinic-mobile-bar button{pointer-events:auto;width:min(100%,540px);min-height:68px;border:0;border-radius:28px 28px 0 0;background:#267e7b;color:#fff;font:inherit;font-size:18px;font-weight:700;box-shadow:0 -5px 20px #0002}
 .clinic-mobile-bar button span{display:inline-block;margin:0 9px;font-size:20px;font-weight:400}
 .clinic-consult{display:none;z-index:10021;max-height:90dvh;overflow:auto;padding-bottom:env(safe-area-inset-bottom);border-radius:26px 26px 0 0}
 .clinic-consult.is-open{display:block;animation:clinic-rise .25s both}
 .clinic-consult-inner{display:block;padding:28px 0;width:88%}
 .consult-heading h2{font-size:23px}.consult-heading p{display:block;margin:6px 0 24px}
 .consult-close{display:block;position:absolute;right:14px;top:12px;width:44px;height:44px;border:0;background:none;font-size:28px}
 .consult-fields{display:grid;grid-template-columns:1fr}.consult-fields input{height:50px}.consult-submit{min-height:50px}
 .consult-consent{margin-top:15px}
 .consult-result{font-size:17px;padding:12px 14px;margin-top:14px}
 .clinic-consult-backdrop{position:fixed;inset:0;background:#0006;z-index:10020}
 .clinic-consult-enabled .quick_box{bottom:calc(88px + env(safe-area-inset-bottom))!important}
}
@media(prefers-reduced-motion:reduce){.doctor-reveal *,.clinic-consult.is-open{animation:none!important}.doctor-slides.is-enhanced .doctor-slide{transition:none}}

.clinic-doctors .Tit span{display:inline-block}
@media(max-width:767px){.clinic-consult-enabled .quick_box{display:none}}

/* Extend only the pale background; preserve the portrait crop, size and position. */
.clinic-doctors{overflow:hidden}
.doctor-photo{overflow:visible;background:transparent;isolation:isolate}
.doctor-photo-crop{position:absolute;inset:0;overflow:hidden;z-index:1}
.doctor-photo::before{content:"";position:absolute;z-index:0;pointer-events:none;top:0;bottom:0;left:calc(-1 * max(5vw, (100vw - 1438px)/2));right:-16%;background:repeating-linear-gradient(90deg,#f4f4f4 0px,#f4f4f4 24px,#fff 24px,#fff 58px,#f7f7f7 58px,#f7f7f7 73px,#fff 73px,#fff 112px);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 80%,transparent 100%)}
@media(max-width:767px){.doctor-photo::before{left:calc((min(90vw,360px) - 100vw)/2);right:calc((min(90vw,360px) - 100vw)/2)}}

/* PC: start credentials near the portrait top instead of vertically centering. */
@media(min-width:768px){.doctor-bio{align-self:start;padding-top:clamp(28px,4vw,64px)}}

/* Seoul National University emblem from the supplied profile artwork. */
.doctor-school-logo{width:180px;aspect-ratio:800/750;margin:30px 0 0 auto;background-image:url('/img/doctors/yu-profile.png');background-size:480% auto;background-position:97.37% 97.16%;background-repeat:no-repeat}
@media(max-width:767px){.doctor-school-logo{width:130px;margin-top:24px}}

@media(min-width:768px){.doctor-school-logo{margin-right:72px}}

.marketing-details{font-size:13px;line-height:1.6}.marketing-details summary{cursor:pointer;text-decoration:underline}.marketing-details[open]{flex-basis:100%}.marketing-details p{margin-top:8px;max-width:850px;word-break:keep-all}