@charset "utf-8";
/* PC home doctor banner (approved v4 preview, 2026-10-26). Sits directly above .visual_wrap.
   Every rule is under .lph so main.css/default.css and this file never touch each other.
   Height = the approved 1440 ratio, capped by the first screen under the 151px header and by 920px;
   the photo keeps the approved 1440 frame shape and is centred over a blurred copy of itself.
   Copy sizes follow the banner height, so 1440x840 is exactly the approved layout. */
@font-face{font-family:'LP Pretendard';src:url('fonts/Pretendard-Regular.ks.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'LP Pretendard';src:url('fonts/Pretendard-Bold.ks.woff2') format('woff2');font-weight:700;font-display:swap}
.lph{position:relative;width:100%;container-type:inline-size;line-height:normal}
.lph-hero{--hero-h:clamp(440px,min(47.8261cqw,calc(100svh - 151px)),920px);--frame-w:min(100cqw,calc(var(--hero-h) * 2.09091));position:relative;height:var(--hero-h);overflow:hidden;background:#183044;color:#fff}
.lph-hero:before{content:'';position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background:#183044 url('../images/main/lp_hero_42.jpg') center 44.23%/cover no-repeat;filter:blur(36px) brightness(.5) saturate(.8)}
.lph-photo{position:absolute;top:0;bottom:0;left:0;right:0;width:var(--frame-w);margin:0 auto;overflow:hidden;--fade:min(140px,calc(100cqw - var(--frame-w)));-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent)}
.lph-photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 44.23%}
/* Faint black tone over the whole photo (user pick .25), then the approved reading gradient. */
.lph-photo:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0,0,0,.25);pointer-events:none}
.lph-photo:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,rgba(8,28,43,.74),rgba(8,28,43,.31) 43%,rgba(8,28,43,.02) 75%),linear-gradient(0deg,rgba(6,23,36,.32),transparent 60%);pointer-events:none}
.lph-copy{position:absolute;z-index:2;left:calc((100cqw - var(--frame-w)) / 2 + var(--hero-h) * 64 / 688.69);bottom:calc(var(--hero-h) * 80 / 688.69);text-align:left;text-shadow:0 2px 18px #081c2b55}
.lph-copy p,.lph-copy h2,.lph-copy span{margin:0;padding:0;font-family:'LP Pretendard','Apple SD Gothic Neo',Arial,sans-serif;font-weight:400;color:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}
.lph-copy .lph-eyebrow{margin-bottom:calc(var(--hero-h) * 24 / 688.69);font-size:calc(var(--hero-h) * 12 / 688.69);line-height:1.6;letter-spacing:calc(var(--hero-h) * 2.5 / 688.69);color:#bce6fb}
.lph-copy .lph-title{font-size:calc(var(--hero-h) * 43 / 688.69);line-height:1.43;letter-spacing:calc(var(--hero-h) * -1.2 / 688.69);color:#fff}
.lph-copy .lph-title span,.lph-copy .lph-support span{display:block}
.lph-copy .lph-title span:last-child{font-weight:700}
.lph-copy .lph-support{margin-top:calc(var(--hero-h) * 24 / 688.69);font-size:calc(var(--hero-h) * 19 / 688.69);line-height:1.8;letter-spacing:-.25px;color:#f2f7fa}
.lph-copy .lph-signature{margin-top:calc(var(--hero-h) * 24 / 688.69);font-size:calc(var(--hero-h) * 14 / 688.69);line-height:1.6;letter-spacing:.1px;color:#e0ebf1}