/* 회사소개 본문 전용. 공통 히어로와 헤더는 site.css를 따른다. */
.ab-page{--ab-ink:#142f48;--ab-muted:#586e7e;--ab-line:#d9e5ed;color:var(--ab-ink);background:#fff;word-break:keep-all;overflow-wrap:break-word}
.ab-container{width:100%;max-width:1620px;margin-inline:auto;padding-inline:var(--s4-pad)}
.ab-page h2{font-size:clamp(34px,3.2vw,50px);font-weight:600;line-height:1.25;letter-spacing:-.05em}
.ab-page h3{font-weight:600;line-height:1.35}
.ab-page p{font-size:16px;line-height:1.75;color:var(--ab-muted)}
.ab-page .ab-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:30px;color:#0870ac;font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.4}
.ab-label span{color:#87a9bc;font-variant-numeric:tabular-nums}
.ab-page .ab-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:44px;padding-block:8px;border-bottom:1px solid #7b9bad;font-size:15px;font-weight:600;line-height:1.5;color:inherit;transition:color .2s,border-color .2s}
.ab-page .ab-link:hover{color:#0870ac;border-color:currentColor}
.ab-opening{padding-block:92px 48px}
.ab-opening-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(48px,6vw,110px);align-items:center}
.ab-intro{min-width:0;padding-block:18px}
.ab-page .ab-intro h2{max-width:680px;font-size:clamp(38px,3.7vw,58px)}
.s4-site--sub .ab-page .ab-intro-copy{max-width:510px;margin-top:38px;justify-self:start;text-align:left}
.ab-intro-copy p+p{margin-top:18px}
.ab-intro .ab-link{margin-top:35px;min-width:240px}
.ab-company-photo{position:relative;min-width:0;height:clamp(400px,38vw,560px);overflow:hidden;border-radius:6px 48px 6px 6px;background:#e6eef2}
.ab-company-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:48% 50%}
.ab-company-photo::after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(0deg,rgba(6,28,48,.72),transparent);pointer-events:none}
.ab-company-photo figcaption{position:absolute;z-index:1;inset:auto 25px 22px;display:flex;justify-content:space-between;gap:12px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.13em}
.ab-foundation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:54px;border-top:1px solid var(--ab-line);border-bottom:1px solid var(--ab-line)}
.ab-foundation>div{display:grid;grid-template-columns:40px 1fr;gap:5px 14px;padding:22px 26px}
.ab-foundation>div:first-child{padding-left:0}.ab-foundation>div+div{border-left:1px solid var(--ab-line)}
.ab-foundation div>span{grid-row:span 2;font-size:13px;color:#1681b6;font-weight:700}.ab-foundation strong{font-size:17px;font-weight:600;line-height:1.4}.ab-foundation small{font-size:11px;letter-spacing:.1em;color:#7c98a7}
.ab-approach{padding-block:82px;background:#0d2b42;color:#fff}
.ab-approach-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(54px,7vw,118px);align-items:center}
.ab-detail{position:relative;min-width:0;height:560px;margin:0;overflow:hidden;border-radius:4px 36px 4px 4px;background:#235174}
.ab-detail img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.ab-detail::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,rgba(0,15,31,.75),transparent)}
.ab-detail figcaption{position:absolute;z-index:1;inset:auto 24px 22px;display:flex;justify-content:space-between;gap:12px;color:#fff;font-size:13px;font-weight:500}
.ab-detail figcaption span{font-size:11px;letter-spacing:.13em;color:#c6e0ef}
.ab-approach .ab-label{color:#75c7eb;margin-bottom:24px}.ab-approach .ab-label span{color:#79a4bd}.ab-approach .ab-kicker{color:#a6c1d1;font-size:14px;margin-bottom:10px}
.ab-approach h2{font-size:clamp(32px,3vw,46px);color:#fff}
.ab-practices{margin-top:31px}
.ab-practices article{display:grid;grid-template-columns:46px 1fr;gap:19px;padding-block:17px;border-top:1px solid #35556c}
.ab-practice-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #587a90;border-radius:50%;color:#77c8ee}
.ab-practice-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ab-practices h3{font-size:18px;color:#fff;margin-bottom:5px}.ab-practices p{color:#c3d2dc;font-size:14px;line-height:1.65}
.ab-approach .ab-link{margin-top:10px;border-color:#7fa8be;color:#fff}.ab-approach .ab-link:hover{color:#9bd9f5}
.ab-evidence{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:clamp(50px,6vw,95px);padding-block:98px}
.ab-evidence-heading h2{font-size:clamp(31px,2.85vw,44px)}.ab-evidence-heading>p:not(.ab-label){margin-top:20px}.ab-evidence-heading .ab-link{margin-top:23px}
.ab-documents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch}
.ab-documents>a{position:relative;display:flex;flex-direction:column;min-width:0;padding:15px 16px 20px;border:1px solid var(--ab-line);background:#f5f9fb;transition:transform .25s,border-color .25s,box-shadow .25s}
.ab-documents>a:hover{transform:translateY(-5px);border-color:#8bbbd4;box-shadow:0 16px 28px #09375a12}
.ab-document-index{font-size:12px;color:#2a83b4;font-weight:700;letter-spacing:.1em}
.ab-paper{display:grid;place-items:center;min-height:210px;flex:1;padding:15px 8px 20px}
.ab-paper img{display:block;width:100%;height:185px;object-fit:contain;filter:drop-shadow(0 6px 9px #19374a25)}
.ab-documents h3{font-size:16px;padding-right:18px}.ab-documents p{font-size:12px;margin-top:5px;padding-right:16px}.ab-document-arrow{position:absolute;right:16px;bottom:20px;color:#0870ac}
.ab-history{background:#f2f7fa;padding-block:90px}
.ab-history-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(55px,7vw,110px);align-items:start}
.ab-history-heading h2{font-size:clamp(32px,3vw,46px)}.ab-history-heading>p:not(.ab-label){margin-top:20px}
.ab-history-heading figure{position:relative;max-width:510px;height:355px;margin-top:34px;overflow:hidden;border-radius:4px 30px 4px 4px;background:#dce9f0}
.ab-history-heading figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.ab-history-heading figure::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(0deg,rgba(3,28,46,.72),transparent)}
.ab-history-heading figcaption{position:absolute;z-index:1;left:20px;bottom:16px;color:white;font-size:11px;letter-spacing:.1em;font-weight:700}
.ab-years{list-style:none;padding:0;margin:0;border-top:1px solid #b9ceda}
.ab-years li{position:relative;display:grid;grid-template-columns:80px minmax(0,1fr) 20px;gap:22px;align-items:center;padding:15px 0;border-bottom:1px solid #cfdee6}
.ab-years li::after{content:"";width:10px;height:10px;border:2px solid #68abd0;border-radius:50%;justify-self:end}
.ab-years time{font-size:26px;line-height:1.15;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#0a5688}
.ab-years time span{display:block;margin-top:5px;font-size:11px;font-weight:500;letter-spacing:0;color:#7292a5}
.ab-years h3{font-size:17px}.ab-years p{font-size:13px;margin-top:4px;line-height:1.5}
.ab-global{background:#e7f2f7 url('/assets/cellthcare/assets/brand-world-dots.svg') no-repeat 62% center;background-size:auto 125%;border-top:1px solid #d5e6ef}
.ab-global-inner{display:flex;justify-content:space-between;align-items:end;gap:35px;padding-block:54px}
.ab-global .ab-label{margin-bottom:12px}.ab-global h2{font-size:clamp(28px,2.6vw,38px)}.ab-global p:not(.ab-label){display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:12px;max-width:800px}.ab-global p:not(.ab-label) span+span::before{content:"·";margin-right:18px;color:#7ba6be}.ab-global .ab-link{flex-shrink:0;background:#e7f2f7dd}
@media(max-width:1100px){.ab-opening-grid{gap:40px}.ab-page .ab-intro h2{font-size:clamp(35px,4.1vw,48px)}.ab-company-photo{height:460px}.ab-approach-grid{gap:40px}.ab-detail{height:540px}.ab-evidence{grid-template-columns:1fr;gap:36px}.ab-evidence-heading>p:not(.ab-label){margin-top:12px}.ab-paper{min-height:200px}.ab-history-grid{gap:45px}.ab-years li{grid-template-columns:70px minmax(0,1fr) 16px;gap:14px}.ab-years h3{font-size:16px}}
@media(min-width:768px) and (max-width:900px){.ab-opening-grid{grid-template-columns:1fr;gap:30px}.ab-page .ab-intro h2{font-size:44px}.ab-intro-copy{margin-top:24px}.ab-company-photo{height:370px}.ab-opening{padding-block:65px 42px}.ab-foundation{margin-top:36px}}
@media(max-width:767px){.ab-container{padding-inline:20px}.ab-copy-break{display:none}.ab-page p{font-size:15px}.ab-page .ab-label{margin-bottom:18px}.ab-opening{padding-block:54px 38px}.ab-opening-grid{grid-template-columns:1fr;gap:32px}.ab-intro{padding:0}.ab-page .ab-intro h2{font-size:clamp(32px,8vw,44px)}.ab-intro-copy{margin-top:22px}.ab-intro-copy p+p{margin-top:12px}.ab-intro .ab-link{margin-top:19px}.ab-company-photo{height:auto;aspect-ratio:1.22;border-top-right-radius:26px}.ab-company-photo figcaption{inset:auto 14px 14px;font-size:9px}.ab-foundation{grid-template-columns:1fr;margin-top:32px}.ab-foundation>div,.ab-foundation>div:first-child{padding:13px 0}.ab-foundation>div+div{border-left:0;border-top:1px solid var(--ab-line)}.ab-foundation strong{font-size:15px}.ab-approach{padding-block:50px}.ab-approach-grid{grid-template-columns:1fr;gap:34px}.ab-detail{height:auto;aspect-ratio:1.3;border-top-right-radius:24px}.ab-detail figcaption{inset:auto 14px 13px;font-size:12px}.ab-detail figcaption span{font-size:9px}.ab-approach h2{font-size:clamp(30px,7.5vw,38px)}.ab-practices{margin-top:27px}.ab-practices article{grid-template-columns:38px 1fr;gap:13px;padding-block:15px}.ab-practice-icon{width:36px;height:36px}.ab-practice-icon svg{width:21px;height:21px}.ab-practices h3{font-size:16px}.ab-practices p{font-size:14px}.ab-evidence{padding-block:58px;gap:28px}.ab-evidence-heading h2{font-size:32px}.ab-documents{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ab-documents>a{padding:8px 7px 12px}.ab-paper{min-height:120px;padding:6px 0 8px}.ab-paper img{height:115px}.ab-document-index{font-size:10px}.ab-documents h3{font-size:12px;line-height:1.35;padding:0}.ab-documents p{font-size:10px;margin-top:4px;padding:0;overflow-wrap:anywhere}.ab-document-arrow{display:none}.ab-history{padding-block:52px}.ab-history-grid{grid-template-columns:1fr;gap:30px}.ab-history-heading h2{font-size:32px}.ab-history-heading figure{max-width:none;height:auto;aspect-ratio:1.8;margin-top:24px;border-top-right-radius:24px}.ab-years li{grid-template-columns:62px minmax(0,1fr) 14px;gap:10px;padding-block:16px}.ab-years time{font-size:23px}.ab-years h3{font-size:15px}.ab-years p{font-size:12px}.ab-global{background-size:auto 70%}.ab-global-inner{display:block;padding-block:42px}.ab-global h2{font-size:30px}.ab-global .ab-link{margin-top:22px}}
@media(max-width:380px){.ab-documents{gap:5px}.ab-documents>a{padding-inline:5px}.ab-paper img{height:95px}.ab-years li{grid-template-columns:57px minmax(0,1fr);gap:9px}.ab-years li::after{display:none}}
@media(prefers-reduced-motion:reduce){.ab-documents>a,.ab-page .ab-link{transition:none}}
