/* ===== 공통 기준 (Claude 2026-10-16) — 글꼴 A안(사장님 확정): 제목 마루부리 · 본문 프리텐다드. 지우거나 되돌리지 말 것 ===== */
/* 손글씨 「나눔손글씨 펜」은 메인 건강관리 기록 카드에만 씀 (Claude 2026-10-16) */
@import url("https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap");
/* 배포본: 프리텐다드·마루부리 글꼴 파일을 fonts 폴더에 함께 둠 (아티팩트·카페24 공통) */
@font-face{font-family:Pretendard;font-weight:300;font-style:normal;font-display:swap;src:url("fonts/Pretendard-Light.woff2") format("woff2")}
@font-face{font-family:Pretendard;font-weight:400;font-style:normal;font-display:swap;src:url("fonts/Pretendard-Regular.woff2") format("woff2")}
@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url("fonts/Pretendard-Medium.woff2") format("woff2")}
@font-face{font-family:Pretendard;font-weight:600;font-style:normal;font-display:swap;src:url("fonts/Pretendard-SemiBold.woff2") format("woff2")}
@font-face{font-family:Pretendard;font-weight:700;font-style:normal;font-display:swap;src:url("fonts/Pretendard-Bold.woff2") format("woff2")}
@font-face{font-family:MaruBuri;font-weight:300;font-style:normal;font-display:swap;src:url("fonts/MaruBuri-Light.woff2") format("woff2")}
@font-face{font-family:MaruBuri;font-weight:400;font-style:normal;font-display:swap;src:url("fonts/MaruBuri-Regular.woff2") format("woff2")}
@font-face{font-family:MaruBuri;font-weight:600;font-style:normal;font-display:swap;src:url("fonts/MaruBuri-SemiBold.woff2") format("woff2")}
/* 글자 크기: 16px 이하만 키움(6~9→12, 10·11→13, 12→15, 13→16, 14·15→17, 16→18). 색 값만 진하게: --gold #9d7950→#7a5a33, --muted #6e776f→#4f5a52 */
:root{--green:#223d35;--deep:#192e28;--cream:#f7f4ed;--paper:#fffdf8;--gold:#7a5a33;--ink:#24362e;--muted:#4f5a52;--line:#d9dcd3}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,"Malgun Gothic",sans-serif;line-height:1.8;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:400;letter-spacing:-.055em;line-height:1.38}h1 em,h2 em{font-family:MaruBuri,"Batang","바탕",serif;font-style:normal;font-weight:400}h2{font-size:clamp(32px,3.3vw,50px);margin-bottom:30px}h3{font-size:22px;font-weight:500;letter-spacing:-.035em}.container{width:min(1200px,calc(100% - 96px));margin:auto}.section{padding:120px 0}.eyebrow{font-size:13px;letter-spacing:.22em;font-weight:600;color:var(--gold);margin-bottom:28px}.skip{position:fixed;top:-100px;z-index:99;background:white;padding:10px}.skip:focus{top:10px}.header{height:96px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 48px;position:sticky;top:0;z-index:20;border-bottom:1px solid #e8e7e0}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-symbol{font:bold italic 45px Georgia;color:var(--green);line-height:1}.brand strong{font-size:19px;font-weight:500;letter-spacing:-.055em;display:block}.brand small{display:block;font-size:12px;letter-spacing:.18em;line-height:1.5}.header nav{display:flex;gap:36px;font-size:15px}.header nav a{position:relative}.header nav a:after{content:"";height:1px;width:0;background:var(--gold);position:absolute;bottom:-5px;left:0;transition:.25s}.header nav a:hover:after{width:100%}.header-link{font-size:15px;border-bottom:1px solid #9baca0;padding:5px 0}.header-link span{margin-left:20px}.menu{display:none;border:0;background:none;width:40px;height:40px}.menu i{display:block;height:1px;background:var(--green);margin:7px}
.hero{height:min(790px,calc(100svh - 96px));min-height:620px;position:relative;color:white;overflow:hidden;background:#9d947d}.hero-image{position:absolute;inset:0;background:url('images/main-pet.jpg') center 52%/cover;animation:slowZoom 14s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,33,27,.73),rgba(20,33,27,.32) 46%,rgba(20,33,27,.04) 78%),linear-gradient(0deg,rgba(20,33,27,.45),transparent 35%)}.hero-content{position:relative;padding:110px max(48px,calc((100vw - 1200px)/2));animation:enter 1s ease both}.light{color:#f1dfc5}.hero h1{font-size:clamp(46px,5.5vw,78px);margin-bottom:28px;line-height:1.32}.hero-lead{font-size:17px;line-height:2;color:#f3f1e9;margin-bottom:35px}.pill{display:inline-flex;gap:40px;align-items:center;padding:15px 27px;border-radius:40px;font-size:15px;transition:transform .25s,background .25s}.pill:hover{transform:translateY(-3px)}.light-button{background:#fffdf4;color:var(--green)}.dark-button{background:var(--green);color:white}.hero-bottom{position:absolute;bottom:25px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.15em;border-top:1px solid #ffffff40;padding-top:20px}.hero-bottom a{font-size:13px;letter-spacing:0}.hero-bottom a span{margin-left:25px}.hero-caption{position:absolute;right:48px;bottom:78px;font-size:12px;color:#ffffffb0}.intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:50px}.intro-grid>.eyebrow{padding-top:13px}.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px}.intro-copy p{font-size:16px;color:var(--muted);line-height:2.1}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid var(--line);padding-top:36px}.values article{padding-right:20px}.values article+article{border-left:1px solid var(--line);padding-left:40px}.values span{font-size:12px;color:var(--gold);letter-spacing:.13em}.values h3{margin-top:19px;margin-bottom:13px}.values p{font-size:15px;color:var(--muted)}.care{background:var(--cream)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:45px}.section-head>p{font-size:16px;color:var(--muted);padding-bottom:14px}.service-list{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #cbd1c7}.service{display:flex;align-items:center;gap:16px;padding:22px 18px;background:transparent;border:0;border-bottom:2px solid transparent;color:#788276;text-align:left}.service.active{border-bottom-color:var(--green);color:var(--green)}.service-number{font:italic 22px Georgia;color:var(--gold)}.service strong{display:block;font-size:17px;font-weight:500}.service small{font-size:13px}.service-arrow{margin-left:auto}.care-detail{display:grid;grid-template-columns:1fr 1fr;gap:85px;margin-top:55px;align-items:center}.care-visual{position:relative;overflow:hidden;height:410px;border-radius:2px 90px 2px 2px}.care-visual img{height:100%;width:100%;object-fit:cover;object-position:72% center;transition:transform 1s}.care-visual:hover img{transform:scale(1.035)}.care-visual span{position:absolute;bottom:20px;left:25px;font-size:12px;letter-spacing:.18em;color:white}.care-text h3{font-size:34px;font-family:MaruBuri,"Batang",serif;line-height:1.5;margin-bottom:22px}.care-text>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:380px}.care-text ul{list-style:none;margin:25px 0 30px;padding:0;font-size:15px}.care-text li{padding:8px 0;border-bottom:1px solid var(--line)}.care-text li:before{content:"—";color:var(--gold);margin-right:12px}.text-link{display:inline-flex;gap:35px;font-size:15px;border-bottom:1px solid #a8b3a7;padding:7px 0}.science{background:var(--green);color:#f4f1e7}.science .eyebrow{color:#c6ac86}.science-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center}.science p:not(.eyebrow){font-size:16px;color:#ccd5c9}.science .science-note{font-size:13px!important;color:#a6b6a8!important;margin-top:25px}.kit{padding:45px;background:#e9e5db;position:relative;transform:rotate(-3deg)}.kit img{width:100%;height:210px;object-fit:contain;mix-blend-mode:multiply}.kit span{display:block;color:var(--green);font-size:12px;letter-spacing:.1em;margin-top:25px;text-align:right}.science-topics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff26;padding-top:40px;margin-top:70px}.science-topics span{font-size:12px;letter-spacing:.16em;color:#c6ac86}.science-topics h3{font-size:20px;margin:15px 0}.science-topics p{font-size:13px;color:#b7c5b7}.hospital-grid{display:grid;grid-template-columns:.85fr 1fr;gap:120px;align-items:center}.hospital-photo{position:relative;max-width:380px;background:#e7e1d4;padding:18px 18px 48px;transform:rotate(-3deg)}.hospital-photo img{width:100%;height:390px;object-fit:cover}.hospital-photo span{font-size:12px;letter-spacing:.15em;position:absolute;bottom:16px;left:20px;color:#6a705e}.hospital-grid p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:2}.hospital-grid .text-link{margin-top:20px}.visit{background:#efede4}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid #bac1b5;padding-top:30px}.steps span{font:italic 33px Georgia;color:var(--gold)}.steps h3{margin:22px 0 16px}.steps p{font-size:15px;color:var(--muted);line-height:2}.faq{margin-top:70px;display:grid;grid-template-columns:1fr 2fr;gap:0 60px}.faq h3{grid-row:1/4;font-size:18px;padding-top:15px}.faq details{border-bottom:1px solid #cbd0c4;font-size:15px}.faq summary{cursor:pointer;list-style:none;padding:18px 0;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq details p{font-size:15px;color:var(--muted);max-width:600px;padding-bottom:12px}.faq details[open] summary span{transform:rotate(45deg)}.partners{background:var(--paper)}.partner-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:100px}.partner-grid h2{font-size:39px}.partner-grid p{font-size:15px;color:var(--muted)}.partner-links{padding-top:38px}.partner-links details{border-bottom:1px solid var(--line)}.partner-links summary{padding:20px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:17px}.partner-links p{font-size:15px;margin:0 0 20px}.closing{text-align:center;padding:100px 25px;background:#e6e8dd}.closing h2{font-size:37px}.closing .pill{margin-top:15px}footer{background:var(--paper);padding:48px 0 22px}.footer-main{display:flex;align-items:center;justify-content:space-between}.footer-main p{font-family:MaruBuri,"Batang",serif;font-size:18px;margin:0}.footer-main>a:last-child{font-size:13px}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);letter-spacing:.08em}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes slowZoom{from{transform:scale(1.06)}to{transform:scale(1)}}
@media(max-width:1000px){.header{padding:0 28px}.header nav{gap:20px}.container{width:calc(100% - 56px)}.care-detail{gap:45px}.hospital-grid{gap:60px}.partner-grid{gap:50px}.hero-content{padding-left:40px}.hero-bottom{left:28px;right:28px}.hero-bottom>span:last-child{display:none}.intro-copy{grid-template-columns:1fr;gap:0}}
@media(max-width:760px){html{scroll-padding-top:80px}.header{height:76px;padding:0 20px}.brand-symbol{font-size:36px}.brand strong{font-size:18px}.brand small{font-size:12px}.header-link{display:none}.menu{display:block}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:20px;box-shadow:0 15px 25px #223d3515}.header nav.open{display:flex;flex-direction:column;gap:0}.header nav a{padding:12px 0;border-bottom:1px solid var(--line)}.container{width:calc(100% - 40px)}.section{padding:75px 0}.hero{min-height:640px;height:calc(100svh - 76px);max-height:760px}.hero-image{background-position:65% center}.hero-shade{background:linear-gradient(90deg,#152920a6,#15292035),linear-gradient(0deg,#15292099,transparent 70%)}.hero-content{padding:100px 25px 0}.hero h1{font-size:49px}.hero-lead{font-size:16px}.hero-bottom{left:25px;right:25px;font-size:12px}.hero-caption{right:25px;bottom:75px;font-size:12px}.hero-bottom>a{font-size:12px}.pill{padding:14px 24px;gap:25px}.intro-grid{grid-template-columns:1fr;gap:0}.intro-grid>.eyebrow{padding:0}.intro-copy p{font-size:15px}.values{grid-template-columns:1fr;margin-top:35px;padding-top:0}.values article{padding:25px 0}.values article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.values h3{font-size:21px;margin-top:10px}.values p{margin:0}.section-head{display:block;margin-bottom:20px}.section-head>p{font-size:15px}.service-list{grid-template-columns:1fr}.service{padding:18px 0;border-bottom:1px solid var(--line)}.service.active{border-bottom:1px solid var(--green)}.service strong{font-size:17px}.care-detail{grid-template-columns:1fr;gap:35px;margin-top:30px}.care-visual{height:300px;border-radius:2px 60px 2px 2px}.care-text h3{font-size:30px}.care-text>p:not(.eyebrow){max-width:none}.science-grid{grid-template-columns:1fr;gap:25px}.kit{max-width:320px;margin:15px auto 10px;padding:25px}.kit img{height:160px}.science-topics{grid-template-columns:1fr;margin-top:40px;padding-top:0}.science-topics>div{padding:24px 0;border-bottom:1px solid #ffffff26}.science-topics h3{margin:12px 0}.science-topics p{margin:0}.hospital-grid{display:flex;flex-direction:column-reverse;gap:35px}.hospital-photo{width:260px;max-width:100%}.hospital-photo img{height:300px}.steps{grid-template-columns:1fr;gap:25px}.steps article{padding-top:20px}.steps h3{margin:12px 0}.steps p{margin-bottom:0}.faq{grid-template-columns:1fr;gap:0;margin-top:45px}.faq h3{grid-row:auto}.faq summary{font-size:15px}.partner-grid{grid-template-columns:1fr;gap:20px}.partner-grid h2{font-size:32px}.partner-links{padding:0}.closing{padding:75px 20px}.closing h2{font-size:29px}.footer-main{flex-wrap:wrap;gap:25px}.footer-main p{display:none}.footer-bottom{font-size:12px}h2{font-size:32px}.eyebrow{font-size:12px;letter-spacing:.15em}.hero h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* 핵심 치료사업·합작 검사사업 구성 */
.hero h1{font-size:clamp(42px,4.6vw,66px);max-width:820px}.hero-secondary{display:inline-flex;font-size:16px;color:white;margin-left:25px;border-bottom:1px solid #ffffff80;padding:10px 0;gap:20px}
.treatment{background:#edece3}.treatment-layout{display:grid;grid-template-columns:.7fr 1.6fr;gap:70px;align-items:center}.treatment-tabs{display:flex;flex-direction:column}.treatment-tabs button{display:grid;grid-template-columns:32px 1fr 20px;gap:8px 10px;text-align:left;padding:27px 15px;border:0;border-bottom:1px solid #c4cebf;background:none;color:#697767}.treatment-tabs button.active{background:var(--green);color:white}.treatment-tabs span{font:italic 19px Georgia;grid-row:1/3;color:#ac8a59}.treatment-tabs strong{font-size:18px;font-weight:500}.treatment-tabs small{grid-column:2;font-size:13px}.treatment-tabs b{grid-column:3;grid-row:1/3;align-self:center;font-weight:400}.treatment-content{display:grid;grid-template-columns:.6fr 1.25fr;gap:35px;align-items:center}.treatment-copy h3{font-family:MaruBuri,"Batang",serif;font-size:28px;line-height:1.6}.treatment-copy>p:not(.eyebrow){font-size:17px;color:#667267}.treatment-copy ul{list-style:none;padding:0;font-size:15px}.treatment-copy li{padding:8px 0;border-bottom:1px solid #d0d5c9}.treatment-copy li:before{content:"—";margin-right:8px;color:var(--gold)}.molecule{position:relative;width:200px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fffdf8,transparent 65%)}.molecule-ring{position:absolute;inset:10px;border:1px solid #b7bda9;border-radius:50%;animation:slowOrbit 35s linear infinite}.molecule-ring:before{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:var(--gold);top:10px;left:25px}.molecule-ring.inner{inset:35px;transform:rotate(45deg);border-style:dashed;animation-direction:reverse}.molecule>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:25px Georgia;letter-spacing:.08em;color:var(--green)}.molecule small{font:6px sans-serif;letter-spacing:.12em;margin-top:10px}.clinical-note{display:flex;gap:30px;border-top:1px solid #c6cdbf;padding-top:25px;margin-top:50px}.clinical-note>span{font-size:13px;color:var(--gold);min-width:130px}.clinical-note p{font-size:15px;color:var(--muted);margin:0}.company-strip{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px;border-top:1px solid #ffffff30;padding-top:25px}.company-strip small{display:block;font-size:12px;color:#b9c9ba}.company-strip strong{display:block;font:24px Georgia;margin:8px 0}.company-strip a{font-size:13px;color:#d9c4a4}.test-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:70px}.test-catalog article{border-top:1px solid #ffffff40;padding:30px 0}.test-catalog span{font-size:12px;letter-spacing:.15em;color:#ceb68e}.test-catalog h3{font-size:24px;margin:20px 0}.test-catalog p{font-size:16px;color:#c6d0c4;min-height:100px}.test-catalog ul{list-style:none;padding:0;color:#dce1d5;font-size:15px;line-height:2.3}.test-catalog a{display:inline-block;font-size:13px;color:#e8d5b7;border-bottom:1px solid #e8d5b780;padding:5px 0;margin-top:15px}.analysis-flow{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;margin-top:25px;font-size:16px}.analysis-flow b{font-weight:400;color:#a3b29f}.testing>.science-note{margin-top:25px;font-size:13px!important;color:#b2c0b0!important}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.case-grid article{background:var(--cream);padding:35px 30px}.case-grid article>span:first-child{font-size:12px;letter-spacing:.1em;color:var(--gold)}.case-grid h3{font-size:23px;line-height:1.6;margin:20px 0}.case-grid p{font-size:16px;color:var(--muted);min-height:68px}.case-dates{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.case-dates small{font-size:12px;color:var(--muted)}.case-dates strong{display:block;font-size:16px;font-weight:400;color:var(--green);margin-top:5px}.case-dates i{font-style:normal;color:var(--gold)}.case-period{font-size:13px;display:block;margin-top:20px;color:var(--gold)}
@keyframes slowOrbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.treatment-layout{gap:35px}.treatment-content{grid-template-columns:1fr}.molecule{display:none}.header nav{gap:18px;font-size:13px}.case-grid article{padding:25px 20px}}
@media(max-width:760px){.hero h1{font-size:40px;line-height:1.45}.hero-content{padding-top:100px}.hero-lead{font-size:15px}.hero-secondary{display:flex;max-width:170px;margin:15px 0 0;font-size:15px}.treatment-layout{grid-template-columns:1fr;gap:30px}.treatment-tabs button{padding:20px 15px}.treatment-copy h3{font-size:27px}.clinical-note{display:block;margin-top:30px}.clinical-note>span{display:block;margin-bottom:10px}.company-strip{gap:15px}.company-strip strong{font-size:21px}.test-catalog,.case-grid{grid-template-columns:1fr;gap:12px;margin-top:35px}.test-catalog p{min-height:0}.test-catalog article{padding:25px 0}.analysis-flow{flex-wrap:wrap;justify-content:center;font-size:13px;gap:12px}.case-grid article{padding:30px}.case-grid p{min-height:0}.case-grid h3{font-size:23px}.hero-bottom>span:first-child{font-size:12px}}

.research-block{margin-top:80px;border-top:1px solid #c6cdbf;padding-top:60px}.research-heading{display:grid;grid-template-columns:1fr 1.4fr;gap:0 60px}.research-heading>.eyebrow{grid-column:1/-1}.research-heading h3{font-size:35px;font-weight:400;line-height:1.5}.research-heading h3 em{font-family:MaruBuri,"Batang",serif;font-style:normal}.research-heading>p:last-child{font-size:17px;color:var(--muted);padding-top:8px}.telomere-diagram{background:#f9f7ef;padding:40px 50px;margin:20px 0 40px}.chromosome{height:42px;display:flex;align-items:center;max-width:720px;margin:auto}.strand{height:22px;flex:1;background:repeating-linear-gradient(70deg,#6d9080 0 7px,#d9e0d3 7px 11px);border-radius:5px}.cap{width:78px;height:42px;background:repeating-linear-gradient(70deg,#ba935b 0 7px,#e9d1a5 7px 11px);border-radius:22px}.cap.left{margin-right:4px}.cap.right{margin-left:4px}.diagram-labels{display:flex;justify-content:space-between;max-width:720px;margin:15px auto 0;font-size:15px;text-align:center}.diagram-labels small{display:block;font-size:12px;color:var(--muted)}.telomere-diagram>p{text-align:center;margin:20px 0 0;font-size:13px;color:var(--muted)}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.research-grid article{display:flex;flex-direction:column;border-top:2px solid #748671;padding-top:22px}.research-type{font-size:13px;color:var(--gold);letter-spacing:.05em}.research-grid h4{font-size:20px;font-weight:500;margin:15px 0 20px}.research-grid article>p{font-size:17px;color:#5e6c61;line-height:2}.research-grid details{border-top:1px solid #c9d0c2;border-bottom:1px solid #c9d0c2;margin-top:auto}.research-grid summary{font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;padding:14px 0}.research-grid details p{font-size:15px;color:var(--muted)}.research-grid a{font-size:13px;display:block;margin-top:20px;color:var(--green)}.research-grid article>small{display:block;font-size:12px;color:var(--muted);margin-top:7px;overflow-wrap:anywhere}.research-connection{display:flex;gap:35px;padding:25px 0;margin-top:40px;border-top:1px solid #c9d0c2}.research-connection span{font-size:13px;color:var(--gold);min-width:120px}.research-connection p{font-size:16px;color:var(--muted);margin:0}.research-connection strong{font-weight:500;color:var(--green)}
@media(max-width:760px){.research-block{margin-top:45px;padding-top:35px}.research-heading{display:block}.research-heading h3{font-size:29px}.research-heading>p:last-child{font-size:15px}.telomere-diagram{padding:30px 15px}.cap{width:45px;height:34px}.strand{height:18px}.diagram-labels{font-size:13px}.research-grid{grid-template-columns:1fr;gap:35px}.research-grid h4{font-size:22px}.research-grid article>p{font-size:17px}.research-connection{display:block}.research-connection span{display:block;margin-bottom:10px}}

.detail-hero{background:var(--green);color:var(--paper);padding:40px 0 60px}.breadcrumb{display:flex;gap:15px;color:#c0cebc;font-size:13px;margin-bottom:50px}.detail-hero .eyebrow{color:#c5a77d}.detail-hero h1{font-size:clamp(38px,4vw,60px);margin-bottom:25px}.detail-hero>.container>p:not(.eyebrow){font-size:17px;line-height:2;color:#ccd7c7}.detail-jump{display:flex;gap:30px;border-top:1px solid #ffffff30;padding-top:25px;margin-top:45px;flex-wrap:wrap;font-size:13px;color:#e8d5b8}.detail-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:75px;padding-top:70px;padding-bottom:80px;align-items:start}.detail-toc{position:sticky;top:130px;display:flex;flex-direction:column;font-size:15px}.detail-toc>span{font-size:12px;letter-spacing:.1em;color:var(--gold);margin-bottom:15px}.detail-toc a{padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted)}.detail-toc a.current{color:var(--green);font-weight:bold}.detail-section{padding-bottom:65px;margin-bottom:65px;border-bottom:1px solid var(--line);scroll-margin-top:120px}.detail-section h2{font-size:36px}.detail-section>p:not(.eyebrow){font-size:17px;color:#5e6c61;line-height:2.1}.detail-section h3{font-size:23px;margin-top:35px}.detail-section .article-lead{font-size:17px!important}.detail-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:35px 0}.detail-three article{background:var(--cream);padding:25px 20px}.detail-three span{font-size:13px;color:var(--gold)}.detail-three h3{font-size:18px;margin:15px 0}.detail-three p,.detail-two p{font-size:16px;line-height:2;color:var(--muted)}.detail-two{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.detail-two article{border-top:2px solid #798a76;padding-top:20px}.detail-two h4{font-size:19px;font-weight:500;margin:0 0 20px}.article-callout{background:var(--cream);border-left:3px solid var(--gold);padding:25px 30px;margin:30px 0}.article-callout strong{font-size:16px;font-weight:500;color:var(--gold)}.article-callout p{font-size:17px;line-height:2;margin:12px 0 0;color:var(--muted)}.article-list{font-size:17px;color:var(--muted);padding-left:20px;line-height:2.3}.device-questions article{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.device-questions article>span{font:italic 24px Georgia;color:var(--gold)}.device-questions h4{font-size:18px;font-weight:500;margin:0 0 10px}.device-questions p{font-size:17px;line-height:2;color:var(--muted);margin:0}.detail-article .research-block{margin-top:0;padding-top:0;border-top:0;margin-bottom:65px;scroll-margin-top:130px}.detail-article .research-heading{display:block}.detail-article .research-grid{grid-template-columns:1fr;gap:30px}.detail-article .research-grid article{display:grid;grid-template-columns:1fr 1fr;gap:5px 30px;padding:25px;background:var(--cream);border-top:0}.detail-article .research-type,.detail-article .research-grid h4{grid-column:1/-1}.detail-article .research-grid article>p{grid-row:3/6;margin:0}.detail-article .research-grid details{margin-top:0}.detail-article .research-grid a{margin-top:15px}.detail-article .research-connection{padding-bottom:30px;border-bottom:1px solid var(--line)}.detail-process{list-style:none;padding:0;counter-reset:step}.detail-process li{counter-increment:step;position:relative;padding:25px 0 25px 55px;border-bottom:1px solid var(--line)}.detail-process li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;font:italic 24px Georgia;color:var(--gold)}.detail-process strong{font-size:17px;font-weight:500}.detail-process p{font-size:17px;line-height:2;margin:10px 0 0;color:var(--muted)}.article-footnote{font-size:13px!important;color:var(--muted);margin-top:25px}.detail-faq details{border-bottom:1px solid var(--line)}.detail-faq summary{font-size:17px;display:flex;justify-content:space-between;gap:20px;padding:20px 0;list-style:none;cursor:pointer}.detail-faq details p{font-size:17px;color:var(--muted);line-height:2}.detail-end{display:flex;gap:35px;align-items:center;flex-wrap:wrap}.detail-entry{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:50px;padding:30px 35px;background:#f9f7ef;border:1px solid #d6dccc}.detail-entry .eyebrow{margin-bottom:10px}.detail-entry h3{font-size:22px;margin:0 0 10px}.detail-entry p:not(.eyebrow){font-size:15px;color:var(--muted);margin:0}.detail-entry .pill{flex-shrink:0}
@media(max-width:1000px){.detail-layout{grid-template-columns:170px minmax(0,1fr);gap:35px}.detail-three{grid-template-columns:1fr}.detail-article .research-grid article{display:block}.detail-article .research-grid article>p{margin-bottom:20px}}
@media(max-width:760px){.detail-hero{padding:25px 0 40px}.breadcrumb{margin-bottom:35px}.detail-hero h1{font-size:38px}.detail-hero>.container>p:not(.eyebrow){font-size:16px}.detail-jump{gap:15px;font-size:13px}.detail-layout{display:block;padding-top:25px}.detail-toc{position:static;display:flex;flex-direction:row;overflow:auto;white-space:nowrap;gap:20px;margin-bottom:40px;padding-bottom:10px}.detail-toc>span{display:none}.detail-toc a{font-size:13px}.detail-section{margin-bottom:45px;padding-bottom:45px}.detail-section h2{font-size:29px}.detail-section>p:not(.eyebrow){font-size:17px}.detail-section .article-lead{font-size:17px!important}.detail-two{grid-template-columns:1fr}.article-callout{padding:20px}.device-questions article{gap:18px}.device-questions p{font-size:16px}.detail-article .research-grid article{padding:22px}.detail-entry{display:block;padding:25px;margin-bottom:35px}.detail-entry h3{font-size:21px}.detail-entry .pill{margin-top:20px}.detail-end{gap:20px}.detail-faq summary{font-size:16px}}

.table-wrap{overflow-x:auto;margin:30px 0}.content-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.9}.content-table th,.content-table td{text-align:left;vertical-align:top;padding:18px;border-bottom:1px solid var(--line)}.content-table thead{background:var(--green);color:var(--paper)}.content-table th{font-weight:500}.content-table tbody th{background:var(--cream);width:26%}.content-table tbody a{text-decoration:underline;text-underline-offset:5px}.test-detail-entry{color:var(--green)}
@media(max-width:760px){.content-table{font-size:15px;min-width:540px}.content-table th,.content-table td{padding:14px}.table-wrap:focus-visible{outline:2px solid var(--gold)}}

.case-record{padding:30px;background:var(--cream);margin:25px 0}.case-record>span{font-size:13px;color:var(--gold)}.case-record h3{margin-top:15px;font-size:23px}.case-record h4{font-size:18px;font-weight:500;margin-top:25px}.case-record>p{font-size:17px;line-height:2;color:var(--muted)}.case-record .case-dates{justify-content:flex-start;gap:35px}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.case-gallery figure{margin:0;background:#eceee6;padding:12px}.case-gallery img{width:100%;height:300px;object-fit:contain;background:#161b18}.case-gallery figcaption{padding:12px 3px 3px;font-size:13px;color:var(--muted)}.case-gallery figcaption strong{display:block;font-size:16px;font-weight:500;color:var(--green)}.nerve-gallery img{height:190px}.case-gallery img{cursor:zoom-in}.case-gallery a{display:block}.procedure-gallery summary{font-size:16px;padding:15px 0;cursor:pointer}.procedure-gallery{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0}.video-links{display:flex;flex-direction:column;margin:25px 0}.video-links>a{display:flex;gap:25px;padding:23px 0;border-bottom:1px solid var(--line);align-items:center}.video-links>a>span{font:italic 22px Georgia;color:var(--gold)}.video-links strong{font-size:17px;font-weight:500;display:block}.video-links small{font-size:13px;color:var(--muted);line-height:1.9;display:block;margin-top:8px}.video-links b{margin-left:auto;font-weight:400}
@media(max-width:760px){.case-record{padding:23px 18px}.case-record h3{font-size:21px}.case-gallery{gap:10px}.case-gallery img{height:200px}.nerve-gallery img{height:120px}.case-gallery figcaption{font-size:13px}.case-gallery figcaption strong{font-size:13px}.video-links>a{gap:15px}.video-links strong{font-size:17px}.video-links small{font-size:13px}.case-record .case-dates{gap:20px}}
.source-photo{margin:30px 0;background:var(--cream);padding:18px}.source-photo img{width:100%;max-height:620px;object-fit:contain;cursor:zoom-in}.source-photo figcaption{font-size:13px;color:var(--muted);padding-top:15px;line-height:1.8}@media(max-width:760px){.source-photo{padding:10px}.source-photo img{max-height:500px}.source-photo figcaption{font-size:13px}}

.disease-list{margin:24px 0}.disease-list dt{font-weight:700;font-size:1.08rem;margin-top:22px;color:var(--ink,#203a35)}.disease-list dd{margin:8px 0 0;padding-bottom:18px;border-bottom:1px solid #d9e1db;line-height:1.85;color:#52615c}

.visit-overview{margin-bottom:70px}.visit-overview>.detail-two{margin-top:32px}.visit-location{margin-top:64px;padding-top:40px;border-top:1px solid #cbd8ce}.visit-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.visit-facts article{padding:26px;background:#fff;border-radius:8px}.visit-facts span{display:block;font-size:.8rem;color:#627769;margin-bottom:14px}.visit-facts strong{display:block;line-height:1.6}.visit-facts p{line-height:1.8}@media(max-width:700px){.visit-facts{grid-template-columns:1fr}.visit-overview{margin-bottom:40px}}



@media(min-width:761px){.header:has(.nav-consultation){gap:24px}.header:has(.nav-consultation) nav{margin-left:auto;gap:clamp(14px,2vw,30px);white-space:nowrap}}


.hero-image{background-image:url('images/hero-dog-cat-telomere.jpg');background-position:center center}.hero-shade{background:linear-gradient(90deg,rgba(15,35,25,.28),transparent 72%)}.photo-context{margin:28px 0;background:#f3f1e9;padding:18px}.photo-context img{width:100%;max-height:400px;object-fit:contain}.photo-context figcaption{font-size:15px;color:#617267;margin-top:12px}@media(max-width:760px){.hero-image{background-position:72% center}.hero-shade{background:linear-gradient(180deg,rgba(15,35,25,.65),rgba(15,35,25,.05) 80%)}.hero-content{padding-top:35px}.hero h1{font-size:38px}}

.section>.photo-context{width:min(1200px,calc(100% - 40px));margin:0 auto 40px}.section>.photo-context img{max-height:460px}.detail-article .photo-context{margin-bottom:36px}
/* 전체 화면 마감: 사진·읽기·모바일 */
.detail-hero{background:var(--green);color:var(--paper);border-bottom:1px solid #294b3d}
.detail-hero h1{max-width:950px}.detail-hero p{max-width:820px}
.detail-article p,.detail-article li{font-size:17px;line-height:1.95}
.detail-article .article-footnote{font-size:15px;line-height:1.8}
.detail-section{padding-bottom:56px;margin-bottom:56px;border-bottom:1px solid #dce1d8}
.detail-toc{background:#f4f5ed;border-radius:10px;padding:24px!important}
.detail-toc a{line-height:1.6}.detail-toc a.current{color:#245c43;font-weight:700}
.photo-context{padding:0;background:transparent;margin:34px 0 42px}
.photo-context img{border-radius:12px;background:#eeeadd;max-height:520px;object-fit:contain;box-shadow:0 12px 30px #20372b12}
.photo-context figcaption{padding:10px 3px;font-size:13px;line-height:1.7}
.detail-entry{border-radius:10px;background:#f2f3eb;padding:30px 34px!important}
.partner-links details{padding:8px 0}.partner-links p{font-size:17px;line-height:1.95}.partner-links .text-link{display:inline-block;margin-top:14px}
.intro-copy p,.section-head>p,.hospital-grid p,.steps p,.visit-overview p,.visit-location p{font-size:17px;line-height:1.95}
.article-callout{border-radius:8px;background:#eef2e8}
.case-gallery img{border-radius:8px}.visit-facts article{border:1px solid #dbe2d6}
.header nav{white-space:nowrap}.header:has(.nav-consultation){gap:20px}.header nav{gap:clamp(12px,1.8vw,28px)}
@media(min-width:761px) and (max-width:1100px){.header{padding:0 20px}.header nav{gap:13px;font-size:13px}.header .header-link{display:none}.brand strong{font-size:17px}}
@media(max-width:760px){.detail-article p,.detail-article li{font-size:17px}.detail-section{padding-bottom:35px;margin-bottom:35px}.detail-entry{padding:23px 20px!important}.photo-context img{max-height:380px;border-radius:8px}.detail-hero h1{font-size:35px}.detail-hero p{font-size:17px}.header nav.open{max-height:calc(100svh - 76px);overflow:auto}.partner-links p{font-size:16px}.section>.photo-context{margin-bottom:30px}.detail-toc{padding:18px!important}.hero-content{max-width:100%;text-shadow:0 2px 12px #10241a90}.hero-caption{max-width:85%;text-align:right;font-size:12px}.hero h1{font-size:36px}.hero-lead{font-size:15px}}

.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.resource-card{padding:32px;background:#f1f3eb;border:1px solid #dce2d5;border-radius:10px}.resource-card span{font-size:15px;color:#617267}.resource-card h2{font-size:24px;margin:18px 0 26px;line-height:1.5}@media(max-width:760px){.resource-grid{grid-template-columns:1fr}.resource-card{padding:24px}.resource-card h2{font-size:21px}}


.nerve-gallery a:has(.case-rotate-left){display:flex;align-items:center;justify-content:center;height:200px;background:#172019;overflow:hidden}.nerve-gallery img.case-rotate-left{width:200px;height:200px;object-fit:contain;transform:rotate(-90deg);border-radius:0}@media(max-width:760px){.nerve-gallery a:has(.case-rotate-left){height:120px}.nerve-gallery img.case-rotate-left{width:120px;height:120px}}

#page-top{position:absolute;top:0;left:0}.back-to-top{position:fixed;right:22px;bottom:24px;z-index:50;width:52px;height:58px;border-radius:12px;background:#223d35;color:#fffdf8;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 18px #152b2730;border:1px solid #ffffff50;line-height:1.2}.back-to-top span{font-size:24px}.back-to-top small{font-size:13px;margin-top:4px}.back-to-top:hover{background:#365a49}@media(max-width:760px){.back-to-top{right:12px;bottom:18px;width:44px;height:50px}.back-to-top span{font-size:20px}}

/* 승인 도식 입체화: 기존 설명과 다른 화면 유지 */
.telomere-diagram .dna-volume{display:block;width:100%;height:auto;max-width:800px;margin:0 auto;overflow:visible}.telomere-diagram:has(.dna-volume){background:radial-gradient(ellipse at 50% 35%,#fffdf8,#f2efe5);border:1px solid #e2dfd2;border-radius:16px}.telomere-diagram:has(.dna-volume) .diagram-labels{margin-top:0}.telomere-diagram:has(.dna-volume) .diagram-labels>span{position:relative}.telomere-diagram:has(.dna-volume) .diagram-labels>span:before{content:'';display:block;height:18px;width:1px;background:#b6b9a8;margin:0 auto 8px}@media(max-width:600px){.telomere-diagram:has(.dna-volume){padding:20px 12px}.telomere-diagram:has(.dna-volume) .diagram-labels{font-size:13px}.telomere-diagram:has(.dna-volume)>p{line-height:1.8}}

/* 승인 검사키트: 배경 없는 내부 구성 사진 */
.kit:has(img[src*='배경없음']){background:transparent;transform:none;padding:0;max-width:520px;width:100%}.kit img[src*='배경없음']{height:clamp(300px,32vw,440px);mix-blend-mode:normal;object-fit:contain;filter:drop-shadow(0 14px 16px #102f2440)}.kit:has(img[src*='배경없음']) span{color:#e9e5db;text-align:center;font-size:13px}.photo-context img[src*='배경없음']{background:transparent;box-shadow:none;max-height:520px}@media(max-width:760px){.kit img[src*='배경없음']{height:320px}}
/* 검사 설명 3페이지: 공식 이미지와 시각 카드 — Codex 2026-10-15 */
.test-visual-page{background:#f5f4ed;color:#223d35}.test-visual-page *{box-sizing:border-box}.test-visual-page .tv-titlebar{background:#223d35;color:#fffdf8;padding:24px 0 30px}.test-visual-page .tv-titlebar h1{font-size:clamp(24px,3vw,36px);margin:14px 0 0}.test-visual-page .breadcrumb{color:#e2e8de;font-size:15px}.test-visual-page .tv-banner{width:min(1200px,calc(100% - 48px));min-height:340px;position:relative;margin:34px auto 0;border-radius:20px;overflow:hidden;background:#e4ebe4;isolation:isolate}.test-visual-page .tv-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.test-visual-page .tv-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fffdf8f5 0%,#fffdf8dc 34%,#fffdf880 57%,transparent 80%)}.test-visual-page .tv-banner-copy{width:100%;padding:48px 38px;position:relative}.test-visual-page .tv-banner-copy h2{font-size:clamp(28px,3vw,43px);line-height:1.4;max-width:560px;margin:16px 0}.test-visual-page .tv-banner-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;margin:16px 0 24px}.test-visual-page .tv-image-note{font-size:13px;color:#6d766c;text-align:right;padding:12px 0 0}.test-visual-page .tv-features{display:grid;grid-template-columns:repeat(4,1fr);background:#fffdf8;border:1px solid #e3e4d9;border-radius:14px;gap:20px;padding:25px;margin:26px 0}.test-visual-page .tv-features span{font-size:17px;line-height:1.6}.test-visual-page .tv-features b{color:#a57c42;margin-right:8px}.test-visual-page .tv-tests-nav{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 38px}.test-visual-page .tv-tests-nav a{padding:10px 18px;border:1px solid #c8d3c7;border-radius:30px;font-size:17px;transition:background .2s,color .2s}.test-visual-page .tv-tests-nav a:hover{background:#223d35;color:#fffdf8}.test-visual-page .tv-board-section{padding:0 0 36px}.test-visual-page .tv-board-section>h2{font-size:clamp(24px,2.5vw,32px);margin:14px 0 26px}.test-visual-page .tv-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.test-visual-page .tv-card{background:#fffdf8;border:1px solid #dfe4da;border-radius:16px;padding:24px 20px;min-width:0;box-shadow:0 8px 24px #203a2e06;transition:transform .2s,box-shadow .2s}.test-visual-page .tv-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #203a2e12}.test-visual-page .tv-card-number{font-size:13px;letter-spacing:.05em;color:#a07840}.test-visual-page .tv-card h3{font-size:19px;line-height:1.6;margin:14px 0 22px;padding-bottom:15px;border-bottom:1px solid #e2e7dc}.test-visual-page .tv-card p{font-size:17px;line-height:1.8;color:#5b6c61}.test-visual-page .tv-icon{width:42px;height:48px;object-fit:contain;background:#fff;border-radius:9px;padding:5px}.test-visual-page .tv-card-icons{display:flex;gap:8px;align-items:center;justify-content:center;padding:8px 0 20px}.test-visual-page .tv-card-icons>span{font-size:18px;color:#a07840}.test-visual-page .tv-line-art{width:115px;height:86px;display:block;margin:0 auto 18px;fill:none;stroke:#497b64;stroke-width:3;stroke-linecap:round}.test-visual-page .tv-svg-gold{stroke:#b28b4d}.test-visual-page .tv-item-list{list-style:none;padding:0;margin:16px 0}.test-visual-page .tv-item-list li{font-size:17px;line-height:1.8;padding:10px 0 10px 19px;border-bottom:1px dashed #dfe4d8;position:relative}.test-visual-page .tv-item-list li:before{content:'✓';position:absolute;left:0;color:#789875}.test-visual-page .tv-method,.test-visual-page .tv-consult-target{display:block;font-size:17px;line-height:1.8;margin:16px 0}.test-visual-page .tv-result{background:#eef2e9;border-radius:12px;padding:13px;margin:20px 0}.test-visual-page .tv-result-row{display:flex;align-items:center;gap:12px;background:#fffdf8;border-radius:8px;padding:15px 10px;margin:8px 0;font-size:17px}.test-visual-page .tv-result-row span{width:28px;height:28px;display:grid;place-items:center;background:#dfebdf;border-radius:50%;font-size:15px;color:#416c50;flex:none}.test-visual-page .tv-small{font-size:15px!important;line-height:1.8;color:#647267}.test-visual-page .tv-limits{display:flex;gap:22px;background:#eceee4;border-left:3px solid #b28b4d;padding:18px 22px;margin:24px 0 0;font-size:17px;line-height:1.8}.test-visual-page .tv-limits b{flex:none}.test-visual-page .tv-limits p{margin:0}.test-visual-page .tv-kit-section{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;padding:42px;margin:16px 0 42px;border-radius:20px;background:#eaece2}.test-visual-page .tv-kit-product{text-align:center}.test-visual-page .tv-kit-product>img{max-width:100%;height:310px;object-fit:contain;filter:drop-shadow(0 15px 15px #203e2420)}.test-visual-page .tv-kit-copy h2{font-size:30px;line-height:1.5;margin:16px 0}.test-visual-page .tv-kit-copy>p{font-size:17px;line-height:1.9}.test-visual-page .tv-sample-thumb{display:flex;gap:18px;align-items:center;margin-top:20px}.test-visual-page .tv-sample-thumb img{width:140px;height:92px;object-fit:cover;border-radius:10px}.test-visual-page .tv-sample-thumb p{font-size:15px;line-height:1.8}.test-visual-page .tv-pipeline-section{padding:38px 30px;background:#223d35;color:#fffdf8;border-radius:18px;margin:35px 0}.test-visual-page .tv-pipeline-section h2{font-size:27px;margin:15px 0 30px}.test-visual-page .tv-pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;gap:20px;margin:0 0 24px;padding:0}.test-visual-page .tv-pipeline li{text-align:center;position:relative}.test-visual-page .tv-pipeline li:not(:last-child):after{content:'→';position:absolute;right:-16px;top:30px;color:#c4af79}.test-visual-page .tv-pipeline li>span{display:block;font-size:13px;color:#d1bc88;margin:12px 0}.test-visual-page .tv-pipeline strong{font-size:17px;display:block}.test-visual-page .tv-pipeline p{font-size:16px;color:#d2dfcf;line-height:1.8}.test-visual-page .tv-pipeline-section .text-link{color:#fffdf8}.test-visual-page .tv-full-explanation{margin:46px 0}.test-visual-page .tv-evidence{background:#fffdf8;border:1px solid #dfe4da;border-radius:10px;margin:14px 0;scroll-margin-top:100px}.test-visual-page .tv-evidence>summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:22px;font-size:18px;line-height:1.7;list-style:none}.test-visual-page .tv-evidence[open]>summary{border-bottom:1px solid #e1e5db}.test-visual-page .tv-evidence-copy{padding:25px;min-width:0}.test-visual-page .tv-gene-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}.test-visual-page .tv-gene-split>article,.test-visual-page .tv-gene-split>div{background:#fffdf8;border:1px solid #dfe4da;border-radius:14px;padding:24px;scroll-margin-top:105px}.test-visual-page .tv-gene-split h3{font-size:23px}.test-visual-page .tv-gene-split p,.test-visual-page .tv-mini-flow{font-size:17px;line-height:1.9}.test-visual-page [id]{scroll-margin-top:100px}.test-visual-page .detail-end{margin:35px 0 60px}.test-visual-page .text-link{font-size:17px}
@media(max-width:1100px){.test-visual-page .tv-board{grid-template-columns:repeat(2,minmax(0,1fr))}.test-visual-page .tv-features{gap:16px}.test-visual-page .tv-banner-copy h2{max-width:460px;font-size:33px}}
@media(max-width:760px){.test-visual-page .tv-titlebar{padding:18px 0 22px}.test-visual-page .tv-banner{width:calc(100% - 30px);min-height:390px;margin-top:20px}.test-visual-page .tv-banner>img{object-position:70% center}.test-visual-page .tv-banner:after{background:linear-gradient(90deg,#fffdf8f5,#fffdf8b5 60%,#fffdf840)}.test-visual-page .tv-banner-copy{padding:35px 22px}.test-visual-page .tv-banner-copy h2{font-size:29px;max-width:320px}.test-visual-page .tv-banner-copy>p:not(.eyebrow){font-size:18px}.test-visual-page .tv-features{grid-template-columns:1fr 1fr;padding:20px;gap:14px}.test-visual-page .tv-board{grid-template-columns:1fr}.test-visual-page .tv-card{padding:24px}.test-visual-page .tv-card h3{font-size:21px}.test-visual-page .tv-card-icons{justify-content:flex-start}.test-visual-page .tv-line-art{margin-left:0}.test-visual-page .tv-limits{display:block;padding:16px}.test-visual-page .tv-limits b{display:block;margin-bottom:8px}.test-visual-page .tv-kit-section{grid-template-columns:1fr;padding:24px;gap:18px}.test-visual-page .tv-kit-product>img{height:270px}.test-visual-page .tv-kit-copy h2{font-size:26px}.test-visual-page .tv-pipeline-section{padding:28px 20px}.test-visual-page .tv-pipeline{grid-template-columns:1fr;gap:22px}.test-visual-page .tv-pipeline li{display:grid;grid-template-columns:50px 1fr;column-gap:16px;text-align:left}.test-visual-page .tv-pipeline li>img{grid-column:1;grid-row:1/4}.test-visual-page .tv-pipeline li>span{margin:0 0 6px}.test-visual-page .tv-pipeline li>strong,.test-visual-page .tv-pipeline li>p{grid-column:2;margin:0}.test-visual-page .tv-pipeline li:not(:last-child):after{content:'';top:58px;left:24px;width:1px;height:20px;background:#6c8a73}.test-visual-page .tv-gene-split{grid-template-columns:1fr}.test-visual-page .tv-evidence>summary{font-size:17px;padding:18px}.test-visual-page .tv-evidence-copy{padding:18px}.test-visual-page .tv-image-note{font-size:13px}.test-visual-page .tv-tests-nav a{font-size:16px;padding:9px 14px}}
@media(prefers-reduced-motion:reduce){.test-visual-page .tv-card,.test-visual-page .tv-tests-nav a{transition:none}.test-visual-page .tv-card:hover{transform:none}}
/* 텔로미어 전용: 공식 검사 항목 순서에 맞춘 개별 디자인 */
.telomere-page .telo-section{padding:45px 0;border-bottom:1px solid #dce2d6}.telomere-page .telo-section h2,.telomere-page .telo-intro h2{font-size:clamp(25px,3vw,38px);line-height:1.5;margin:14px 0 24px}.telomere-page .telo-section p,.telomere-page .telo-intro p{font-size:17px;line-height:1.9}.telomere-page .telo-intro{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:36px 0 45px}.telomere-page .telo-intro figure{margin:0}.telomere-page .telo-intro img{width:100%;height:280px;object-fit:cover;object-position:75%;border-radius:50% 50% 12px 12px}.telomere-page figcaption{font-size:13px;color:#6a796b;padding-top:10px}.telomere-page .telo-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.telomere-page .telo-reasons article{border-top:2px solid #aa8a50;padding:22px 0}.telomere-page .telo-reasons article>span{color:#a27c42;font-size:32px;font-family:Georgia,serif}.telomere-page h3{font-size:20px;line-height:1.6}.telomere-page .telo-target{display:grid;grid-template-columns:1fr 1.2fr;gap:45px}.telomere-page .telo-target ul{list-style:none;padding:0;margin:0}.telomere-page .telo-target li{background:#fffdf8;padding:19px 22px;border-radius:12px;margin-bottom:12px;border-left:3px solid #78916d}.telomere-page .telo-target b,.telomere-page .telo-target span{display:block}.telomere-page .telo-target b{font-size:17px}.telomere-page .telo-target span{font-size:17px;margin-top:7px;line-height:1.8}.telomere-page .telo-process{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;list-style:none;margin:0;padding:30px 0}.telomere-page .telo-process li{position:relative;text-align:center}.telomere-page .telo-process li:not(:last-child):after{content:'→';position:absolute;right:-18px;top:40px;color:#ae915e;font-size:25px}.telomere-page .telo-process img{width:70px;height:85px;object-fit:contain;border-radius:12px;padding:10px;background:white}.telomere-page .telo-process span{display:block;font-size:15px;color:#a58046;margin:14px 0 7px}.telomere-page .telo-process h3{margin:0}.telomere-page .telo-process p{font-size:16px}.telomere-page .telo-scale{display:grid;grid-template-columns:repeat(5,1fr);margin:30px 0 15px;gap:12px}.telomere-page .telo-scale article{background:#fffdf8;border-top:5px solid var(--tone);border-radius:9px;padding:24px 16px}.telomere-page .telo-scale h3{color:var(--tone);font-size:19px}.telomere-page .telo-scale p{font-size:16px}.telomere-page .telo-length{height:48px;background:#eeeede;border-radius:25px;display:flex;align-items:center;padding:5px}.telomere-page .telo-length i{display:block;height:33px;border-radius:22px;background:var(--tone);box-shadow:inset 0 5px 7px #ffffff40}.telomere-page .telo-follow{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}.telomere-page .telo-follow-track{display:flex;align-items:center;gap:12px;background:#223d35;padding:35px 22px;border-radius:18px;color:#fffdf8}.telomere-page .telo-follow-track>span{font-size:17px;text-align:center;flex:1}.telomere-page .telo-follow-track small{display:block;font-size:15px;line-height:1.8;margin-top:13px;color:#d4e0cd}.telomere-page .telo-follow-track b{color:#c1a26a}.telomere-page .telo-care{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.telomere-page .telo-care article{padding:25px 15px;text-align:center;background:#e9ede1;border-radius:50px 12px 12px 12px}.telomere-page .telo-care article>span{font-size:36px;color:#628067}.telomere-page .telo-care p{font-size:16px}.telomere-page .telo-bottom{display:grid;grid-template-columns:240px 1fr;gap:35px;align-items:center}.telomere-page .telo-bottom>img{width:100%;max-height:240px;object-fit:contain}
@media(max-width:850px){.telomere-page .telo-scale{grid-template-columns:repeat(3,1fr)}.telomere-page .telo-intro,.telomere-page .telo-target,.telomere-page .telo-follow{grid-template-columns:1fr}.telomere-page .telo-process{grid-template-columns:repeat(3,1fr);gap:25px}.telomere-page .telo-process li:after{display:none}}
@media(max-width:600px){.telomere-page .telo-section{padding:30px 0}.telomere-page .telo-intro{gap:20px}.telomere-page .telo-intro img{height:210px}.telomere-page .telo-reasons{grid-template-columns:1fr;gap:5px}.telomere-page .telo-process{grid-template-columns:1fr 1fr}.telomere-page .telo-scale{grid-template-columns:1fr}.telomere-page .telo-scale article{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:15px}.telomere-page .telo-length{grid-row:1/3;height:42px}.telomere-page .telo-scale h3,.telomere-page .telo-scale p{margin:0}.telomere-page .telo-care{grid-template-columns:1fr 1fr;gap:12px}.telomere-page .telo-bottom{grid-template-columns:1fr;text-align:center}.telomere-page .telo-bottom>img{height:200px}.telomere-page .telo-follow-track{padding:25px 12px;gap:5px}.telomere-page .telo-follow-track>span{font-size:17px}.telomere-page .telo-follow-track small{font-size:13px}}
/* 텔로미어 검사·결과 항목을 앞쪽에서 명확히 표시 */
.telomere-page .telo-item-lead{max-width:850px}.telomere-page .telo-item-key{display:grid;grid-template-columns:repeat(3,1fr);background:#223d35;color:#fffdf8;border-radius:12px;margin:24px 0;padding:24px;gap:20px}.telomere-page .telo-item-key>span{font-size:15px;color:#d7dfcc}.telomere-page .telo-item-key b{display:block;font-size:20px;color:#fffdf8;margin-top:10px}.telomere-page .telo-test-items .content-table{width:100%;min-width:560px}.telomere-page .telo-test-items .content-table th,.telomere-page .telo-test-items .content-table td{font-size:17px;line-height:1.8;white-space:normal}.telomere-page .telo-test-items .content-table th:first-child{width:24%}.telomere-page .telo-item-tag{background:#e0eadb;border-radius:20px;padding:5px 10px;display:inline-block;white-space:nowrap;color:#355f43}.telomere-page .telo-item-separate{margin-top:25px;padding:22px;background:#eceee4;border-radius:12px}.telomere-page .telo-item-separate h3{margin:0 0 10px}.telomere-page .telo-item-separate .tv-tests-nav{margin-bottom:0}@media(max-width:600px){.telomere-page .telo-item-key{grid-template-columns:1fr;padding:20px}.telomere-page .telo-item-key>span{border-bottom:1px solid #ffffff20;padding-bottom:13px}.telomere-page .telo-item-key>span:last-child{border:0;padding-bottom:0}.telomere-page .telo-item-key b{font-size:19px;margin-top:6px}.telomere-page .telo-test-items .table-wrap{overflow-x:auto}}
/* 텔로미어 질환관리 정보: 회사소개와 임상예측 구분 */
.telomere-page .telo-disease-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.telomere-page .telo-disease-grid article{background:#fffdf8;border:1px solid #dce3d7;border-radius:14px;padding:24px}.telomere-page .telo-disease-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#e5eddf;color:#537254;font-size:30px}.telomere-page .telo-disease-grid h3{margin:15px 0 10px}.telomere-page .telo-disease-grid p{font-size:17px;line-height:1.8}.telomere-page .telo-disease-grid small{display:block;font-size:15px;line-height:1.7;color:#7c705a;border-top:1px solid #e9e7da;padding-top:12px}.telomere-page .telo-disease-answer{background:#e9ede2;border-left:4px solid #ac8b51;padding:24px;border-radius:10px}.telomere-page .telo-disease-answer h3{margin-top:0;font-size:21px}.telomere-page .telo-disease-answer p:last-child{margin-bottom:0}@media(max-width:850px){.telomere-page .telo-disease-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.telomere-page .telo-disease-grid{grid-template-columns:1fr}.telomere-page .telo-disease-answer{padding:20px}}
/* 구강미생물 전용: 수치항목·미생물지도·구강관리 흐름 */
.oral-page .oral-section{padding:44px 0;border-bottom:1px solid #dbe2d5}.oral-page .oral-section h2{font-size:clamp(26px,3vw,37px);line-height:1.5;margin:15px 0 23px}.oral-page .oral-section p{font-size:17px;line-height:1.9}.oral-page .oral-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.oral-page .oral-counts article{background:#fffdf8;border-radius:20px;border:1px solid #e0e6d8;padding:28px}.oral-page .oral-counts article:nth-child(2){background:#e9f0e2}.oral-page .oral-counts article:nth-child(3){background:#f0ecdf}.oral-page .oral-counts article>span{font-size:15px;color:#7c845f}.oral-page .oral-counts strong{display:block;font:68px Georgia,serif;color:#42684c;margin:16px 0}.oral-page .oral-counts strong small{font:16px sans-serif;margin-left:8px}.oral-page .oral-counts h3{font-size:21px}.oral-page .oral-counts p{font-size:17px}.oral-page .oral-balance,.oral-page .oral-report{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.oral-page .oral-microbe-map{position:relative;border-radius:50%;background:radial-gradient(circle,#fffdf8,#e4ecdb);min-height:350px;display:flex;align-items:center;justify-content:center}.oral-page .oral-microbe-map svg{width:85%;height:auto}.oral-page .oral-microbe-map>small{position:absolute;bottom:20px;font-size:13px;color:#6d8065}.oral-page .oral-bug{position:absolute;background:#fffdf8;padding:10px 17px;border-radius:30px;box-shadow:0 5px 18px #273c2510;font-size:17px}.oral-page .bug-good{top:30px;left:20px;color:#486c4c}.oral-page .bug-harm{top:100px;right:10px;color:#997545}.oral-page .bug-small{bottom:70px;left:20px}.oral-page .oral-checks{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.oral-page .oral-checks>span{padding:12px 18px;border-radius:25px;background:#e1e9d9;font-size:17px;color:#476245}.oral-page .oral-health{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0}.oral-page .oral-health article{border-left:3px solid #af8b54;padding:20px 25px;background:#fffdf8;border-radius:0 16px 16px 0}.oral-page .oral-health article>span{font-size:15px;color:#9b7740}.oral-page .oral-health h3{font-size:22px}.oral-page .oral-process ol{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.oral-page .oral-process li{display:flex;align-items:center;gap:22px;padding:25px;border-radius:14px;background:#e9eddf}.oral-page .oral-process img{width:65px;height:80px;object-fit:contain;background:white;border-radius:10px;padding:10px}.oral-page .oral-process li span{color:#a27b43;font-size:15px}.oral-page .oral-process h3{font-size:19px;margin:8px 0}.oral-page .oral-process p{font-size:17px;margin:0}.oral-page .oral-report-sheet{background:#fffdf8;border:1px solid #d4decd;border-radius:18px;padding:25px;box-shadow:12px 12px 0 #e1e8d9}.oral-page .oral-report-sheet>span{font-size:15px;color:#93835e}.oral-page .oral-report-sheet>div{margin-top:20px;border-bottom:1px dashed #ced9c5;padding:12px 0}.oral-page .oral-report-sheet b{font-size:17px}.oral-page .oral-report-sheet p{font-size:17px;margin:8px 0}.oral-page .oral-report-sheet small{display:block;font-size:13px;margin-top:18px;color:#7d8477}.oral-page .oral-care{background:#e9eddf;padding:30px;border-radius:20px;margin-top:35px}@media(max-width:760px){.oral-page .oral-counts{grid-template-columns:1fr}.oral-page .oral-counts article{display:grid;grid-template-columns:100px 1fr;column-gap:20px;padding:22px}.oral-page .oral-counts article>span{grid-column:1/3}.oral-page .oral-counts strong{grid-row:2/4;align-self:center;font-size:54px;margin:10px 0}.oral-page .oral-counts h3{margin:15px 0 8px}.oral-page .oral-counts p{margin:0}.oral-page .oral-balance,.oral-page .oral-report,.oral-page .oral-health,.oral-page .oral-process ol{grid-template-columns:1fr;gap:22px}.oral-page .oral-microbe-map{min-height:290px}.oral-page .oral-section{padding:30px 0}.oral-page .oral-report-sheet{box-shadow:6px 6px 0 #e1e8d9}.oral-page .oral-care{padding:22px}}

.oral-page .oral-measurement{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.oral-page .oral-measurement article{padding:25px 28px;border:1px solid #dce5d7;border-radius:16px;background:#fffdf8}.oral-page .oral-measurement article:nth-child(2){background:#eaf1e4}.oral-page .oral-measurement span,.oral-page .oral-associated-heading>span{display:inline-block;color:#9b7740;font-size:15px;font-weight:700;letter-spacing:.08em}.oral-page .oral-measurement h3{font-size:23px;margin:10px 0}.oral-page .oral-measurement p{font-size:17px;margin:0}.oral-page .oral-associated{margin:24px 0;padding:30px;background:#f0ecdf;border-radius:20px}.oral-page .oral-associated-heading h3{font-size:25px;margin:10px 0}.oral-page .oral-associated-heading p{margin:0}.oral-page .oral-condition-grid{list-style:none;margin:25px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.oral-page .oral-condition-grid li{display:flex;align-items:center;gap:11px;min-height:54px;padding:13px 15px;border:1px solid #e3dcc9;border-radius:12px;background:#fffdf8;font-size:17px;font-weight:700;color:#2f4537}.oral-page .oral-condition-grid b{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;height:28px;border-radius:50%;background:#dfe9d8;color:#47684d;font-size:13px}.oral-page .oral-meaning{border-left:4px solid #45674e;padding:18px 22px;margin:24px 0;background:#edf2e8}.oral-page .oral-meaning strong{font-size:18px;color:#294435}.oral-page .oral-meaning p{margin:7px 0 0}.oral-page .oral-test-list>.tv-small{padding-top:4px}@media(max-width:760px){.oral-page .oral-measurement{grid-template-columns:1fr}.oral-page .oral-associated{padding:22px}.oral-page .oral-condition-grid{grid-template-columns:1fr 1fr}.oral-page .oral-associated-heading h3{font-size:22px}.oral-page .oral-meaning{padding:16px 18px}}@media(max-width:430px){.oral-page .oral-condition-grid{grid-template-columns:1fr}}

/* 동물검사 전용: 종양15종 목록과 유전질환6분야 지도를 서로 다른 방식으로 구성 */
.animal-page .animal-overview,.animal-page .animal-tumor-section,.animal-page .animal-hereditary-section,.animal-page .animal-compare-section{padding:48px 0;border-bottom:1px solid #d8dfd3}.animal-page .animal-overview h2,.animal-page .animal-section-head h2,.animal-page .animal-compare-section h2{font-size:clamp(27px,3.2vw,40px);line-height:1.45;margin:14px 0 20px}.animal-page .animal-lead,.animal-page .animal-section-head p,.animal-page .animal-compare-section>p{font-size:17px;line-height:1.9}.animal-page .animal-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.animal-page .animal-entry{position:relative;display:block;min-height:330px;padding:34px;border-radius:22px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.animal-page .animal-entry:hover{transform:translateY(-4px);box-shadow:0 18px 35px #223d3520}.animal-page .animal-entry>span{font-size:13px;font-weight:700;letter-spacing:.1em}.animal-page .animal-entry>strong{display:block;margin:22px 0 10px;font-size:17px;font-weight:500}.animal-page .animal-entry>strong b{font:76px Georgia,serif}.animal-page .animal-entry h3{font-size:24px;line-height:1.55;margin:12px 0}.animal-page .animal-entry p{font-size:17px;line-height:1.85;max-width:440px}.animal-page .animal-entry em{position:absolute;bottom:30px;font-style:normal;font-size:16px;font-weight:700}.animal-page .animal-entry-tumor{background:#223d35;color:#fffdf8}.animal-page .animal-entry-tumor span,.animal-page .animal-entry-tumor em{color:#d7bc80}.animal-page .animal-entry-tumor p{color:#dce7dc}.animal-page .animal-entry-hereditary{background:#e7eddf;color:#294537;border:1px solid #d2ddca}.animal-page .animal-entry-hereditary span,.animal-page .animal-entry-hereditary em{color:#8d6f3d}.animal-page .animal-first-rule{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:25px 28px;border:1px solid #d9dfd4;border-left:5px solid #a9864d;border-radius:6px 15px 15px 6px;background:#fffdf8}.animal-page .animal-first-rule>b{font-size:18px;color:#7d6339}.animal-page .animal-first-rule p{margin:0;font-size:17px;line-height:1.9}.animal-page .animal-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.animal-page .animal-section-head>div{max-width:790px}.animal-page .animal-big-number{font:82px Georgia,serif;color:#a9864d;line-height:1}.animal-page .animal-big-number small{font:15px sans-serif;margin-left:7px}.animal-page .animal-tumor-section{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:max(24px,calc((100vw - 1200px)/2));background:#1f3b33;color:#fffdf8;border:0}.animal-page .animal-tumor-section .eyebrow{color:#d8ba7a}.animal-page .animal-tumor-section .animal-section-head p{color:#d4e0d6}.animal-page .animal-cancer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:35px 0;background:#ffffff20;border:1px solid #ffffff20}.animal-page .animal-cancer-grid article{position:relative;min-height:175px;padding:24px 24px 22px;background:#29483f}.animal-page .animal-cancer-grid article>span{position:absolute;right:18px;top:14px;font:30px Georgia,serif;color:#ffffff12}.animal-page .animal-cancer-grid h3{font-size:19px;margin:0 0 17px}.animal-page .animal-cancer-grid p{margin:0 0 10px;color:#e8efe9;font-size:17px}.animal-page .animal-cancer-grid b{color:#e0c283}.animal-page .animal-cancer-grid small{display:block;color:#bfcfc2;font-size:15px;line-height:1.7}.animal-page .animal-source-note{font-size:15px;line-height:1.8;color:#cddacf;background:#ffffff0c;padding:15px 18px;border-left:3px solid #d2b46f}.animal-page .animal-tumor-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin:35px 0}.animal-page .animal-tumor-flow>div{text-align:center;padding:22px 10px;border-radius:12px;background:#fffdf8;color:#29443a}.animal-page .animal-tumor-flow span{display:block;font-size:13px;color:#9a7b45}.animal-page .animal-tumor-flow b{display:block;margin:9px 0;font-size:17px}.animal-page .animal-tumor-flow small{font-size:13px;line-height:1.6;color:#65746a}.animal-page .animal-tumor-flow>i{font-style:normal;color:#d4b872;font-size:20px}.animal-page .animal-risk-result{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:center;margin:30px 0;padding:28px;border:1px solid #ffffff25;border-radius:18px}.animal-page .animal-risk-result h3{font-size:23px}.animal-page .animal-risk-result p{font-size:16px;line-height:1.8;color:#ccdbcf}.animal-page .animal-risk-result ol{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none;margin:0;padding:0}.animal-page .animal-risk-result li{border-top:5px solid var(--risk);padding:18px 12px;background:#fffdf8;color:#29443a;border-radius:7px;text-align:center}.animal-page .animal-risk-result b,.animal-page .animal-risk-result span{display:block}.animal-page .animal-risk-result span{font-size:13px;margin-top:8px}.animal-page .animal-limit{padding:24px 28px;border-radius:14px;margin-top:30px}.animal-page .animal-limit b{display:block;font-size:20px;margin-bottom:9px}.animal-page .animal-limit p{margin:0;font-size:17px;line-height:1.9}.animal-page .animal-limit-dark{background:#142b25;border:1px solid #ffffff1d}.animal-page .animal-limit-dark b{color:#e0c283}.animal-page .animal-limit-dark p{color:#d2ded4}

.animal-page .animal-hereditary-section{padding-top:60px}.animal-page .animal-hereditary-layout{display:grid;grid-template-columns:300px 1fr;gap:45px;align-items:stretch;margin:35px 0}.animal-page .animal-dna-map{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:550px;border-radius:150px 150px 28px 28px;background:radial-gradient(circle at 50% 35%,#fffdf8,#e4ebdc);border:1px solid #d6dfcf}.animal-page .animal-dna-map>span{padding:12px 20px;border-radius:30px;background:#fffdf8;box-shadow:0 6px 18px #223d3512;font-size:17px}.animal-page .animal-dna-map>strong{display:grid;place-items:center;width:105px;height:105px;border-radius:50%;background:#365f4a;color:#fffdf8;font:33px Georgia,serif;box-shadow:0 15px 30px #223d3525}.animal-page .animal-dna-map>i{display:block;width:2px;height:47px;background:linear-gradient(#b89555,#5e805f);position:relative}.animal-page .animal-dna-map>i:after{content:'◆';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-style:normal;font-size:12px;color:#ad8b50}.animal-page .animal-dna-map>small{margin-top:22px;color:#718073;font-size:13px}.animal-page .animal-gene-branches{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:15px 24px}.animal-page .animal-gene-branches:before{content:'';position:absolute;left:50%;top:25px;bottom:25px;width:1px;background:#d5decf}.animal-page .animal-gene-branches article{position:relative;display:flex;gap:18px;align-items:flex-start;padding:23px;background:#fffdf8;border:1px solid #dce3d7;border-radius:14px}.animal-page .animal-gene-branches article>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#dfe9d8;color:#426449;font-size:15px;font-weight:700}.animal-page .animal-gene-branches h3{font-size:19px;margin:3px 0 10px}.animal-page .animal-gene-branches p{margin:0 0 8px;font-size:17px;color:#50705a}.animal-page .animal-gene-branches b{color:#805f31}.animal-page .animal-gene-branches small{font-size:15px;line-height:1.65;color:#6f786e}.animal-page .animal-hereditary-process{margin:42px 0;padding:28px;border-radius:18px;background:#e8eddf}.animal-page .animal-hereditary-process ol{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;list-style:none;margin:24px 0 0;padding:0}.animal-page .animal-hereditary-process li{position:relative;padding:20px 15px 17px;border-top:3px solid #76906f;background:#fffdf8;text-align:center}.animal-page .animal-hereditary-process li:not(:last-child):after{content:'›';position:absolute;right:-15px;top:45%;font-size:25px;color:#9b7a47}.animal-page .animal-hereditary-process span{font-size:13px;color:#92703f}.animal-page .animal-hereditary-process b,.animal-page .animal-hereditary-process small{display:block}.animal-page .animal-hereditary-process b{font-size:17px;margin:9px 0}.animal-page .animal-hereditary-process small{font-size:13px;color:#6b786d}.animal-page .animal-limit-light{background:#f0ecdf;border-left:5px solid #a6844c}.animal-page .animal-limit-light b{color:#795d32}.animal-page .animal-compare-section{padding-bottom:55px}.animal-page .animal-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.animal-page .animal-compare article{padding:30px;border-radius:18px;background:#fffdf8;border:1px solid #dce3d7}.animal-page .animal-compare article:first-child{border-top:6px solid #28483d}.animal-page .animal-compare article:last-child{border-top:6px solid #a8864e}.animal-page .animal-compare span{font-size:15px;color:#947343;font-weight:700}.animal-page .animal-compare h3{font-size:22px}.animal-page .animal-compare ul{padding-left:20px;font-size:17px;line-height:2}.animal-page .animal-report-note{padding:20px 24px;background:#e7edde;border-radius:12px;font-size:17px!important}.animal-page .tv-kit-section{margin-top:44px}
@media(max-width:900px){.animal-page .animal-cancer-grid{grid-template-columns:1fr 1fr}.animal-page .animal-tumor-flow{grid-template-columns:1fr 1fr 1fr;gap:12px}.animal-page .animal-tumor-flow>i{display:none}.animal-page .animal-tumor-flow>div:last-child{grid-column:2}.animal-page .animal-risk-result{grid-template-columns:1fr}.animal-page .animal-hereditary-layout{grid-template-columns:230px 1fr}.animal-page .animal-gene-branches{grid-template-columns:1fr}.animal-page .animal-gene-branches:before{display:none}.animal-page .animal-hereditary-process ol{grid-template-columns:repeat(3,1fr)}.animal-page .animal-hereditary-process li:after{display:none}}
@media(max-width:680px){.animal-page .animal-overview,.animal-page .animal-hereditary-section,.animal-page .animal-compare-section{padding:32px 0}.animal-page .animal-entry-grid,.animal-page .animal-compare,.animal-page .animal-hereditary-layout{grid-template-columns:1fr}.animal-page .animal-entry{min-height:300px;padding:26px}.animal-page .animal-entry>strong b{font-size:62px}.animal-page .animal-entry h3{font-size:21px}.animal-page .animal-first-rule{grid-template-columns:1fr;gap:10px;padding:21px}.animal-page .animal-section-head{align-items:flex-start}.animal-page .animal-big-number{font-size:57px}.animal-page .animal-cancer-grid{grid-template-columns:1fr}.animal-page .animal-cancer-grid article{min-height:145px}.animal-page .animal-tumor-flow{grid-template-columns:1fr 1fr}.animal-page .animal-tumor-flow>div:last-child{grid-column:auto}.animal-page .animal-risk-result{padding:20px}.animal-page .animal-risk-result ol{grid-template-columns:1fr 1fr}.animal-page .animal-dna-map{min-height:400px;border-radius:110px 110px 22px 22px}.animal-page .animal-gene-branches{grid-template-columns:1fr}.animal-page .animal-hereditary-process{padding:21px}.animal-page .animal-hereditary-process ol{grid-template-columns:1fr 1fr}.animal-page .animal-limit{padding:21px}.animal-page .animal-compare article{padding:24px}}
@media(prefers-reduced-motion:reduce){.animal-page .animal-entry{transition:none}.animal-page .animal-entry:hover{transform:none}}

/* 구강검사의 15개 질환 연관정보를 첫 검사 항목에서 바로 강조 */
.oral-page .oral-risk-highlight{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin:26px 0 18px;padding:28px 30px;border-radius:18px;background:#223d35;color:#fffdf8;box-shadow:0 14px 30px #1d352817}.oral-page .oral-risk-highlight span{display:block;color:#d8bd80;font-size:15px;font-weight:700;letter-spacing:.08em}.oral-page .oral-risk-highlight h3{margin:10px 0 12px;color:#fffdf8;font-size:24px;line-height:1.45}.oral-page .oral-risk-highlight p{margin:0;color:#e4ece2;font-size:17px;line-height:2}.oral-page .oral-risk-highlight a{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;padding:13px 18px;border:1px solid #d8bd80;border-radius:999px;color:#fffdf8;font-size:16px;font-weight:700}.oral-page .oral-risk-highlight a:hover{background:#fffdf8;color:#223d35}.oral-page .oral-risk-highlight a b{color:#d8bd80}@media(max-width:760px){.oral-page .oral-risk-highlight{grid-template-columns:1fr;padding:23px 22px;gap:18px}.oral-page .oral-risk-highlight h3{font-size:21px}.oral-page .oral-risk-highlight p{font-size:17px;line-height:1.9}.oral-page .oral-risk-highlight a{justify-content:center;width:100%}}

/* 마루 소개 전용: 대표원장 약력과 특허 등록증 전시 */
.director-profile{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);gap:28px;margin:34px 0}.director-summary{align-self:start;padding:32px;border-radius:20px;background:#203e35;color:#fffdf8;box-shadow:0 18px 38px #1d382e1a}.director-summary>span{display:inline-block;color:#d6bb7c;font-size:14px;font-weight:700;letter-spacing:.12em}.director-summary h3{margin:12px 0 18px;color:#fffdf8;font-size:38px}.director-summary>p{color:#dce7df;font-size:17px;line-height:1.85}.director-summary dl{margin:25px 0 18px}.director-summary dl>div{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:14px 0;border-top:1px solid #ffffff24}.director-summary dt{color:#d6bb7c;font-size:14px;font-weight:700}.director-summary dd{margin:0;color:#fffdf8;font-size:16px;line-height:1.65}.director-summary dd a{color:#fffdf8;text-decoration:underline;text-underline-offset:4px}.director-summary small{display:block;color:#bccdc3;font-size:13px;line-height:1.7}.director-timeline{position:relative;list-style:none;margin:0;padding:8px 0}.director-timeline:before{content:'';position:absolute;left:77px;top:24px;bottom:24px;width:1px;background:#c9d4c6}.director-timeline li{position:relative;display:grid;grid-template-columns:62px 1fr;gap:31px;align-items:start;padding:12px 0}.director-timeline li:before{content:'';position:absolute;left:72px;top:22px;width:11px;height:11px;border-radius:50%;background:#ae8b51;box-shadow:0 0 0 6px #f6f4ec}.director-timeline time{color:#8d6c39;font:700 16px Georgia,serif;text-align:right}.director-timeline li>div{padding:0 0 19px;border-bottom:1px solid #dce2d7}.director-timeline strong{display:block;color:#294439;font-size:18px;line-height:1.55}.patent-records{margin-top:12px}.patent-gallery{display:grid;gap:22px;margin:32px 0}.patent-card{display:grid;grid-template-columns:minmax(210px,290px) 1fr;gap:30px;align-items:center;padding:25px;border:1px solid #dbe2d7;border-radius:20px;background:#fffdf8}.patent-card:nth-child(even){background:#e9eee3}.patent-card.patent-confirmed{border-top:5px solid #a9874d}.patent-image{display:block;overflow:hidden;border-radius:12px;background:#edf0ea;box-shadow:0 10px 26px #223d3513}.patent-image img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;transition:transform .25s ease}.patent-image:hover img{transform:scale(1.025)}.patent-card>div>span{display:inline-block;margin-bottom:9px;color:#96713b;font-size:14px;font-weight:700;letter-spacing:.06em}.patent-card h3{margin:3px 0 18px;color:#294439;font-size:24px;line-height:1.55}.patent-card dl{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0 0 16px}.patent-card dl>div{display:flex;gap:10px}.patent-card dt{color:#7f6b49;font-size:14px;font-weight:700}.patent-card dd{margin:0;color:#30463b;font-size:15px}.patent-card p{font-size:16px;line-height:1.8}.patent-note{padding:22px 25px;border-left:4px solid #a9874d;border-radius:0 14px 14px 0;background:#f0ecdf;font-size:16px!important;line-height:1.85}.patent-note strong{display:block;margin-bottom:5px;color:#755b34}.detail-jump{flex-wrap:wrap}
@media(max-width:760px){.director-profile{grid-template-columns:1fr}.director-summary{padding:25px}.director-summary h3{font-size:32px}.director-timeline:before{left:67px}.director-timeline li{grid-template-columns:52px 1fr;gap:31px}.director-timeline li:before{left:62px}.patent-card{grid-template-columns:1fr;padding:20px}.patent-image{max-width:310px;margin:0 auto}.patent-card h3{font-size:21px}.patent-card dl{display:grid;gap:8px}.patent-image:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.patent-image img{transition:none}.patent-image:hover img{transform:none}}
/* Claude 2026-10-16: 마루 소개 대표원장 칸이 761~1100px 폭에서 오른쪽으로 넘치던 것 고침 — 이 폭에서도 정보 카드와 연대표를 위아래로 쌓음 */
@media(max-width:1100px){.director-profile{grid-template-columns:1fr}}
/* Claude 2026-10-16: 메인 「전문 검사 협력」 칸 — 키트 사진 대신 검사 과정 세 장면 연출 그림을 소개 글 아래 가로로 넓게 (사장님 지시) */
.science-grid.test-flow-grid{grid-template-columns:1fr}.science-grid.test-flow-grid>div>p{max-width:760px}
.test-flow-photo{margin:8px auto 56px}.test-flow-photo img{display:block;width:100%;height:clamp(240px,36vw,500px);object-fit:cover;object-position:50% 42%;border-radius:18px;box-shadow:0 18px 40px #0b1f1866}
.test-flow-photo figcaption{color:#e9e5db;text-align:center;font-size:13px;margin-top:14px}
/* Claude 2026-10-16: 메인 「과학적 이유」 칸 — 막대 개념도 대신 텔로미어 나이 비교 연출 그림 + 홈페이지 글자로 제목·화살표·설명 얹기 (사장님 지시). 그림 속 글자는 쓰지 않음 */
.telomere-diagram.telo-age-wrap{background:none;border:0;padding:0}.telo-age{margin:0}.telo-age__frame{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px #223d351a}.telo-age__frame img{display:block;width:100%;height:auto}
.telo-age__title{position:absolute;left:50%;top:4.5%;transform:translateX(-50%);text-align:center}.telo-age__title span{display:block;font-size:13px;letter-spacing:.2em;color:#7a5a33;font-weight:700}.telo-age__title strong{display:block;font-family:MaruBuri,serif;font-weight:600;font-size:clamp(20px,2.2vw,30px);color:#223d35;margin-top:4px}
.telo-age__arrow{position:absolute;left:49%;top:40%;transform:translateX(-50%);text-align:center;width:22%}.telo-age__arrow b{display:block;font-size:clamp(15px,1.4vw,19px);color:#223d35}.telo-age__arrow i{display:block;height:3px;margin:10px auto;width:100%;background:linear-gradient(90deg,#c9a96e00,#b48a45);position:relative}.telo-age__arrow i:after{content:'';position:absolute;right:-2px;top:-6px;border-left:12px solid #b48a45;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent}.telo-age__arrow small{display:block;font-size:clamp(13px,1.05vw,14px);line-height:1.5;color:#4f5a52}
.telo-age__tag{position:absolute;top:90.5%;transform:translateX(-50%);display:flex;gap:10px;align-items:baseline;background:#fffdf8e6;border:1px solid #c9a96e80;border-radius:99px;padding:4px 16px;white-space:nowrap}.telo-age__tag.is-left{left:26%}.telo-age__tag.is-right{left:72%}.telo-age__tag b{font-size:clamp(13px,1.15vw,16px);color:#223d35}.telo-age__tag small{font-size:clamp(13px,1.05vw,15px);color:#7a5a33;font-weight:600}
.telo-age figcaption{text-align:center;margin-top:14px;font-size:13px;color:var(--muted)}
@media(max-width:760px){.telo-age__frame{display:flex;flex-direction:column;background:#fffdf8;border:1px solid #e2dfd2}.telo-age__frame img{order:2}.telo-age__title{position:static;transform:none;order:1;padding:16px 12px 6px}.telo-age__arrow{position:static;transform:none;width:auto;order:4;padding:6px 16px 16px}.telo-age__arrow i{width:60%}.telo-age__tag{position:static;transform:none;order:3;margin:8px auto 0;align-self:center}}
/* Claude 2026-10-16: 메인 건강관리 칸 — 고양이 잇몸 기록 연출 그림 + 손글씨로 한 줄씩 써지는 「우리 아이 변화 기록(작성 예시)」 카드 (사장님 지시). 움직임은 화면동작.js 끝 */
.care-media{position:relative}
.note-card{position:absolute;right:-70px;bottom:-46px;width:350px;padding:16px 20px 14px;background:repeating-linear-gradient(#fffdf8 0 33px,#e7dcc4 33px 34px);background-position:0 46px;border:1px solid #e2d6bb;border-radius:6px;box-shadow:0 16px 30px #223d3526;transform:rotate(-2deg);z-index:3}
.note-head{display:flex;justify-content:space-between;align-items:baseline;height:30px}.note-head strong{font-family:MaruBuri,serif;font-size:16px;color:#223d35;font-weight:600}.note-head em{font-style:normal;font-size:13px;color:#7a5a33;border:1px solid #c9a96e;border-radius:99px;padding:0 8px}
.note-card ul{list-style:none;margin:4px 0 0;padding:0}.note-card li{display:flex;align-items:baseline;gap:8px;height:34px;line-height:34px}.note-label{font-style:normal;flex:0 0 74px;font-size:13px;color:#7a5a33;font-weight:600}.note-line{display:flex;align-items:center;min-width:0}
.note-card .w{font-weight:400;display:inline-block;white-space:nowrap;overflow:hidden;max-width:0;font-family:'Nanum Pen Script',cursive;font-size:23px;color:#1f3a32;vertical-align:bottom}
.note-pen{display:inline-block;opacity:0;margin-left:1px;transform:translateY(-6px)}
.note-card.is-writing .w{animation:noteWrite var(--d) linear var(--delay) forwards}.note-card.is-writing .note-pen{animation:notePen var(--d) linear var(--delay) forwards}.note-card.is-done .w{max-width:none}
@keyframes noteWrite{to{max-width:var(--w)}}@keyframes notePen{0%,98%{opacity:1}100%{opacity:0}}
@media(max-width:1100px){.note-card{right:-24px}}
@media(max-width:760px){.note-card{position:relative;right:auto;bottom:auto;width:auto;margin:-24px 10px 0;transform:rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){.note-card .w{max-width:none}.note-pen{display:none}}
/* Claude 2026-10-16: 메인 「치료를 중심에」 글 세 칸 아래 — 진료 흐름 정물 사진(01 진료·02 DNA 검사·03 결과 확인·04 금실·파동 치료) + 「살피고, 찾고, 치료하고, 지켜봅니다. / 마루가 하는 일입니다.」 (사장님 지시). 결과지 표지 이름은 사진 파일에서 흐림 */
.journey{margin-top:72px}.journey-frame{position:relative;margin:0;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #223d3524}.journey-frame>img{display:block;width:100%;height:auto}
.journey-frame:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#14231dcc 0%,#14231d80 18%,#14231d00 36%);z-index:1;pointer-events:none}
.journey-pin{position:absolute;z-index:2;top:26%;width:1px;background:linear-gradient(#e7cf9a,#e7cf9a66);transform:translateX(-50%)}.journey-pin:before,.journey-pin:after{content:'';position:absolute;left:-3px;width:7px;height:7px;border-radius:50%;background:#e7cf9a}.journey-pin:before{top:-3px}.journey-pin:after{bottom:-3px;opacity:.7}
.journey-steps{list-style:none;margin:0;padding:0}.journey-steps li{position:absolute;z-index:2;top:5%;width:21%;transform:translateX(-50%);text-align:center;color:#fffdf8}.journey-steps .s1{left:15%}.journey-steps .s2{left:38.3%}.journey-steps .s3{left:58.6%}.journey-steps .s4{left:83.2%}
.journey-steps b{display:block;font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(15px,1.3vw,19px);color:#e7cf9a}.journey-steps strong{display:block;font-family:MaruBuri,serif;font-weight:600;font-size:clamp(18px,1.75vw,25px);margin:2px 0 6px;letter-spacing:.02em}.journey-steps small{display:block;font-size:clamp(13px,1.05vw,15px);line-height:1.55;color:#f4efe2}
.journey-note{margin-top:14px;text-align:center;font-size:13px;color:#4f5a52}
.journey-sum{text-align:center;margin:64px auto 8px;max-width:920px}.journey-sum__eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.24em;color:#7a5a33;font-weight:700}.journey-sum__eyebrow:before,.journey-sum__eyebrow:after{content:'';width:42px;height:1px;background:#c9a96e}
.journey-sum__verbs{margin:22px 0 0;font-family:MaruBuri,serif;font-weight:400;font-size:clamp(28px,3.6vw,50px);line-height:1.45;color:#223d35;letter-spacing:-.01em}.journey-sum__verbs span{display:inline-flex;flex-direction:column;align-items:center;margin:0 .22em;vertical-align:bottom}.journey-sum__verbs sup{display:block;position:static;font-family:Georgia,serif;font-style:italic;font-size:14px;line-height:1;color:#b48a45;letter-spacing:.04em;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #c9a96e80;min-width:26px;text-align:center}
.journey-sum__line{margin:18px 0 0;font-family:MaruBuri,serif;font-weight:600;font-size:clamp(18px,1.7vw,24px);letter-spacing:.06em;color:#9a7744}.journey-sum__line:after{content:'';display:block;width:56px;height:2px;margin:22px auto 0;background:linear-gradient(90deg,#c9a96e00,#c9a96e,#c9a96e00)}
.journey-sum.is-ready .journey-sum__verbs span,.journey-sum.is-ready .journey-sum__line{opacity:0;transform:translateY(14px)}.journey-sum.is-in .journey-sum__verbs span,.journey-sum.is-in .journey-sum__line{opacity:1;transform:none;transition:opacity .8s ease,transform .8s ease}.journey-sum.is-in .journey-sum__verbs span:nth-child(2){transition-delay:.25s}.journey-sum.is-in .journey-sum__verbs span:nth-child(3){transition-delay:.5s}.journey-sum.is-in .journey-sum__verbs span:nth-child(4){transition-delay:.75s}.journey-sum.is-in .journey-sum__line{transition-delay:1.15s}
@media(max-width:760px){.journey{margin-top:48px}.journey-frame{overflow:visible;border-radius:14px;box-shadow:none}.journey-frame>img{border-radius:14px}.journey-frame:before,.journey-pin{display:none}.journey-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;margin-top:18px}.journey-steps li{position:static;transform:none;width:auto;text-align:left;color:#223d35;border-top:1px solid #c9a96e;padding-top:10px}.journey-steps b{color:#9a7744}.journey-steps small{color:#4f5a52}}
@media(max-width:560px){.journey-sum{margin-top:44px}.journey-sum__verbs{font-size:27px;line-height:1.5}.journey-sum__verbs span{margin:6px .18em}.journey-sum__verbs sup{font-size:13px;margin-bottom:8px;padding-bottom:6px}}
@media(prefers-reduced-motion:reduce){.journey-sum.is-ready .journey-sum__verbs span,.journey-sum.is-ready .journey-sum__line{opacity:1;transform:none}}
/* ===== 상세 페이지 맨 위 칸 글씨 (Claude 2026-10-16, 사장님 B안 확정) — 제목 전체 마루부리(가는 300), 둘째 줄 옅은 금색, 자간 넓힘, 영문 머리글 앞 금색 선, 설명 글 왼쪽 금색 선. 상세 페이지 6개 공통. 되돌리지 말 것 ===== */
.detail-hero .eyebrow{display:flex;align-items:center;gap:14px;letter-spacing:.26em;color:#cdb187}
.detail-hero .eyebrow::before{content:"";width:34px;height:1px;background:currentColor;opacity:.75;flex:none}
.detail-hero h1{font-family:MaruBuri,"Batang","바탕",serif;font-weight:300;letter-spacing:-.025em;line-height:1.45;font-size:clamp(36px,4.1vw,60px)}
.detail-hero h1 em{color:#e6d2a8;font-weight:400}
.detail-hero>.container>p:not(.eyebrow){border-left:1px solid #cdb18770;padding-left:22px;color:#d3ddcf;line-height:1.95;letter-spacing:-.01em}
.detail-hero .detail-jump{margin-top:50px}
/* 동물 사례: 기록 종류(사진·영상·검사 결과·진료 기록)를 작은 낱말로 */
.detail-kinds{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 18px;font:500 14px/1 Pretendard,"Malgun Gothic",sans-serif;letter-spacing:.12em;color:#e6d2a8}
.detail-kinds i{width:4px;height:4px;border-radius:50%;background:#cdb187;opacity:.8}
@media(max-width:600px){.detail-hero .eyebrow{font-size:13px;letter-spacing:.14em;gap:10px}.detail-hero .eyebrow::before{width:20px}.detail-hero h1{font-size:30px;letter-spacing:-.03em}.detail-hero>.container>p:not(.eyebrow){padding-left:16px}.detail-kinds{font-size:13px;letter-spacing:.08em;gap:8px 12px}}
/* ===== 동물 사례 팡이 눈 사진 두 장 나란히 (Claude 2026-10-16, 사장님 「해」) — 사진은 자르지 않고 보여 주는 칸만 맞춤(object-fit), 날짜 표시는 홈페이지 글자 ===== */
.eye-pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.eye-pair-grid>a{position:relative;display:block}
.eye-pair .eye-pair-grid img{width:100%;height:460px;max-height:none;object-fit:cover;object-position:50% 45%;border-radius:12px;cursor:zoom-in}
.eye-pair-grid b{position:absolute;left:12px;bottom:12px;background:#223d35e6;color:#fffdf8;font:600 15px/1.3 Pretendard,"Malgun Gothic",sans-serif;padding:8px 12px;border-radius:8px;letter-spacing:.02em}
.eye-pair-grid b small{display:block;font-size:13px;font-weight:400;color:#e6d2a8}
@media(max-width:600px){.eye-pair-grid{gap:8px}.eye-pair .eye-pair-grid img{height:250px}.eye-pair-grid b{left:6px;bottom:6px;padding:6px 8px;font-size:13px}.eye-pair-grid b small{font-size:12px}}
/* ===== 마루 소개 「함께하는 사람들」 조직도 (Claude 2026-10-16, 사장님 1안) — 대표원장 · 기획실 · 사업부 · 두 팀, 사진 자리는 비워 둠(.org-photo 안에 img를 넣으면 사진이 채워짐), 바깥 회사는 점선 ===== */
.org{position:relative;margin-top:38px}
.org-head{display:flex;justify-content:center;position:relative}
.org-staff{display:grid;grid-template-columns:1fr 1fr;gap:110px;position:relative;padding:28px 0 34px}
.org-staff::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#c9a96e}
.org-unit{position:relative;align-self:center}
.org-unit h4{margin:0 0 2px;font-size:14px;font-weight:600;color:#7a5a33;letter-spacing:.08em}
.org-unit .org-person{margin-top:6px}
.org-unit::after{content:"";position:absolute;bottom:52px;width:55px;height:1px;background:#c9a96e}
.org-unit.is-left::after{right:-55px}
.org-unit.is-right::after{left:-55px}
.org-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;position:relative;padding-top:30px}
.org-teams::before{content:"";position:absolute;top:0;left:calc((100% - 22px)/4);right:calc((100% - 22px)/4);height:1px;background:#c9a96e}
.org-team{position:relative;background:#f7f4ed;border-radius:16px;padding:22px 16px 16px}
.org-team::before{content:"";position:absolute;top:-30px;left:50%;width:1px;height:30px;background:#c9a96e}
.org-team h4{display:flex;align-items:baseline;gap:8px;margin:0 0 4px;font-size:18px;font-weight:600;color:var(--green);letter-spacing:-.02em}
.org-team h4 b{font-size:13px;font-weight:600;color:#7a5a33;letter-spacing:.08em}
.org-team-note{margin:0 0 14px;font-size:14px;line-height:1.6;color:var(--muted)}
.org-person{display:flex;align-items:center;gap:14px;background:#fffdf8;border:1px solid #e3e0d6;border-radius:14px;padding:14px;margin-top:10px}
.org-person.is-head{width:min(440px,100%);padding:18px 22px;border-color:#c9a96e;box-shadow:0 10px 26px #20372b10;margin-top:0}
.org-photo{flex:none;width:76px;height:76px;border-radius:50%;border:1px dashed #c9a96e;background:#f3efe4;display:flex;align-items:center;justify-content:center;overflow:hidden}
.org-person.is-head .org-photo{width:104px;height:104px}
.org-photo span{font-size:13px;color:#a08660;letter-spacing:.06em}
.org-photo img{width:100%;height:100%;object-fit:cover}
.org-text{min-width:0}
.org-role{display:block;font-size:13px;font-weight:600;color:#7a5a33;letter-spacing:.02em}
.org-text h3{margin:2px 0 2px;font-family:MaruBuri,"Batang","바탕",serif;font-size:21px;font-weight:400;letter-spacing:-.02em;color:var(--green)}
.org-person.is-head .org-text h3{font-size:26px}
.org-text p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.org-partner{position:relative;margin-top:22px;border:1px dashed #a9b3a8;border-radius:14px;padding:12px 14px;background:transparent}
.org-partner::before{content:"";position:absolute;top:-23px;left:50%;height:22px;border-left:1px dashed #a9b3a8}
.org-partner span{display:block;font-size:12px;color:var(--muted);letter-spacing:.04em}
.org-partner strong{display:block;font-size:15px;font-weight:600;color:var(--green)}
.org-partner p{margin:0;font-size:13px;color:var(--muted)}
@media(max-width:1100px){.org-staff{gap:60px}.org-unit::after{width:30px}.org-unit.is-left::after{right:-30px}.org-unit.is-right::after{left:-30px}}
@media(max-width:760px){.org-staff{grid-template-columns:1fr;gap:12px;padding:26px 0}.org-unit::after{display:none}.org-staff::before{left:50%}.org-unit{background:#fffdf8;position:relative;z-index:1}.org-teams{grid-template-columns:1fr;gap:26px;padding-top:0}.org-teams::before{display:none}.org-team::before{top:-26px;height:26px}}
@media(max-width:600px){.org-person{padding:12px;gap:12px}.org-photo{width:64px;height:64px}.org-person.is-head{padding:14px 16px}.org-person.is-head .org-photo{width:84px;height:84px}.org-person.is-head .org-text h3{font-size:23px}.org-text h3{font-size:19px}}
/* ===== 마루 영상 페이지 (Claude 2026-10-17, 사장님 「영상만 모아 분류별로」) — 분류마다 .video-group, 카드 .video-card (썸네일 16:9, 재생 표시, 길이), 새 영상은 분류 맨 앞에 카드 하나 ===== */
.video-library{padding-top:64px;padding-bottom:80px}
.video-group{padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line);scroll-margin-top:120px}
.video-group-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin-bottom:22px}
.video-group-head span{font-size:14px;font-weight:600;color:#7a5a33;letter-spacing:.1em}
.video-group-head h2{margin:0;font-family:MaruBuri,"Batang","바탕",serif;font-weight:400;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.02em;line-height:1.3}
.video-group-head p{margin:0;font-size:15px;color:var(--muted)}
.video-group-head b{margin-left:auto;font-size:13px;font-weight:600;color:var(--muted)}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.video-card{display:flex;flex-direction:column;min-width:0;background:#fffdf8;border:1px solid #e3e0d6;border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.video-card:hover,.video-card:focus-visible{transform:translateY(-3px);box-shadow:0 14px 30px #20372b14}
.video-thumb{position:relative;display:block;aspect-ratio:16/9;background:#223d35;overflow:hidden}
.video-thumb img{width:100%;height:100%;object-fit:cover}
.video-thumb i{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#fffdf8e8;box-shadow:0 6px 18px #0003}
.video-thumb i::after{content:"";position:absolute;left:22px;top:17px;border-left:16px solid #223d35;border-top:11px solid transparent;border-bottom:11px solid transparent}
.video-thumb em{position:absolute;right:10px;bottom:10px;padding:5px 7px;border-radius:5px;background:#192e28d9;color:#fffdf8;font-size:12px;font-weight:600;font-style:normal;line-height:1}
.video-body{display:flex;flex-direction:column;gap:6px;flex:1;padding:16px 18px 18px}
.video-body small{font-size:13px;font-weight:600;color:#7a5a33}
.video-body strong{font-size:18px;font-weight:600;line-height:1.45;letter-spacing:-.02em;color:var(--green)}
.video-body>span{font-size:14px;line-height:1.6;color:var(--muted)}
.video-body b{margin-top:auto;padding-top:8px;font-size:14px;font-weight:600;color:var(--green)}
@media(max-width:1024px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.video-library{padding-top:36px}.video-grid{grid-template-columns:1fr}.video-group-head b{margin-left:0}}
@media(prefers-reduced-motion:reduce){.video-card{transition:none}.video-card:hover,.video-card:focus-visible{transform:none}}
/* ===== 협력사업자료 4개 언어 (Claude 2026-10-17, 사장님 「해」) — 언어마다 .resource-lang 칸(id ko·en·ja·zh), 사업계획서 카드는 .is-plan ===== */
.resource-lang{padding-block:56px 24px;scroll-margin-top:90px}
.resource-lang+.resource-lang{border-top:1px solid var(--line)}
.resource-lang-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;margin-bottom:24px}
.resource-lang-head h2{margin:0;font-family:MaruBuri,"Batang","바탕",serif;font-weight:400;font-size:clamp(28px,3vw,40px);letter-spacing:-.02em;color:var(--green)}
.resource-lang-head p{margin:0;max-width:760px;font-size:16px;line-height:1.7;color:var(--muted)}
.resource-card.is-plan{grid-column:1/-1;background:var(--green);border-color:var(--green)}
.resource-card.is-plan span{color:#cdb187}
.resource-card.is-plan h2{color:#fffdf8;font-family:MaruBuri,"Batang","바탕",serif;font-weight:400}
.resource-card.is-plan .pill.dark-button{background:#fffdf8;color:var(--green)}
.resource-card h2{word-break:keep-all;overflow-wrap:anywhere}
/* 협력사업자료: 「PDF 바로 보기」 옆 「내려받기」 (Claude 2026-10-17) — download 속성으로 원래 파일 이름 그대로 저장 */
.resource-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.resource-download{font-size:15px;font-weight:600;color:var(--green);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.resource-download:hover,.resource-download:focus-visible{color:#7a5a33}
.resource-card.is-plan .resource-download{color:#fffdf8}
.resource-card.is-plan .resource-download:hover,.resource-card.is-plan .resource-download:focus-visible{color:#e6d2a8}
/* 협력사업자료 English·日本語·中文 칸: 그 언어 상담 신청 단추 (Claude 2026-10-17) — 설문지 링크에 hl(구글 단추 언어)과 언어 미리 고름(entry.128809214)을 붙임 */
.resource-lang-head .lang-contact{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border:1px solid #7a5a33;border-radius:999px;color:#7a5a33;font-size:15px;font-weight:600;white-space:nowrap;transition:background .2s,color .2s}.resource-lang-head .lang-contact:hover,.resource-lang-head .lang-contact:focus-visible{background:#7a5a33;color:#fffdf8}@media(max-width:760px){.resource-lang-head .lang-contact{margin-left:0}}
/* 다국어 (Claude 2026-10-17): 맨 위 언어 띠(한국어·English·日本語·中文). 번역판은 en·ja·zh 폴더 */
.lang-bar{background:#192e28;color:#cdd8c9}
.lang-bar-in{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:4px 18px;width:min(1200px,calc(100% - 40px));margin:0 auto;padding-block:7px;font-size:13px;line-height:1.4}
.lang-bar a{color:#cdd8c9;padding:2px 0;border-bottom:1px solid transparent;letter-spacing:.02em}
.lang-bar a:hover,.lang-bar a:focus-visible{color:#fffdf8}
.lang-bar a[aria-current]{color:#e6d2a8;font-weight:600;border-bottom-color:#e6d2a8}
@media(max-width:600px){.lang-bar-in{justify-content:center;gap:4px 16px}}
html[lang="en"] .header .brand small{letter-spacing:.18em}
/* 일본어·중국어 판: 바탕·맑은 고딕 대신 그 나라 글꼴로 한자·가나를 보임 (글꼴을 정한 규칙 20개를 같은 순서로 덮어씀) */
html[lang="ja"] body{font-family:Pretendard,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium","Yu Gothic","Meiryo","Noto Sans JP",sans-serif}
html[lang="ja"] h1 em,html[lang="ja"] h2 em{font-family:MaruBuri,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .care-text h3{font-family:MaruBuri,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .footer-main p{font-family:MaruBuri,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .treatment-copy h3{font-family:MaruBuri,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .research-heading h3 em{font-family:MaruBuri,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .telomere-page .telo-reasons article>span{font-family:Georgia,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .telo-age__title strong{font-family:MaruBuri,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .note-head strong{font-family:MaruBuri,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .note-card .w{font-family:'Nanum Pen Script',"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium","Yu Gothic","Meiryo","Noto Sans JP",cursive}
html[lang="ja"] .journey-steps b{font-family:Georgia,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .journey-steps strong{font-family:MaruBuri,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .journey-sum__verbs{font-family:MaruBuri,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .journey-sum__verbs sup{font-family:Georgia,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .journey-sum__line{font-family:MaruBuri,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .detail-hero h1{font-family:MaruBuri,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .org-text h3{font-family:MaruBuri,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .video-group-head h2{font-family:MaruBuri,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .resource-lang-head h2{font-family:MaruBuri,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="ja"] .resource-card.is-plan h2{font-family:MaruBuri,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html[lang="zh-CN"] body{font-family:Pretendard,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
html[lang="zh-CN"] h1 em,html[lang="zh-CN"] h2 em{font-family:MaruBuri,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .care-text h3{font-family:MaruBuri,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .footer-main p{font-family:MaruBuri,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .treatment-copy h3{font-family:MaruBuri,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .research-heading h3 em{font-family:MaruBuri,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .telomere-page .telo-reasons article>span{font-family:Georgia,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .telo-age__title strong{font-family:MaruBuri,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .note-head strong{font-family:MaruBuri,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .note-card .w{font-family:'Nanum Pen Script',"PingFang SC","Microsoft YaHei","Noto Sans SC",cursive}
html[lang="zh-CN"] .journey-steps b{font-family:Georgia,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .journey-steps strong{font-family:MaruBuri,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .journey-sum__verbs{font-family:MaruBuri,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .journey-sum__verbs sup{font-family:Georgia,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .journey-sum__line{font-family:MaruBuri,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .detail-hero h1{font-family:MaruBuri,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .org-text h3{font-family:MaruBuri,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .video-group-head h2{font-family:MaruBuri,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .resource-lang-head h2{font-family:MaruBuri,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
html[lang="zh-CN"] .resource-card.is-plan h2{font-family:MaruBuri,"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
/* 일본어·중국어는 띄어쓰기가 없어 keep-all 이면 문장이 한 줄로 붙어 넘침 → 글자 사이에서 줄바꿈 (일본어 금칙 처리 strict) */
html[lang="ja"] body,html[lang="zh-CN"] body,html[lang="ja"] .resource-card h2,html[lang="zh-CN"] .resource-card h2{word-break:normal;line-break:strict}
/* 일·중 판: 한국어 제목용 좁은 자간이면 한자·가나가 서로 붙어 보여 0으로 (12개 규칙) */
html[lang="ja"] h1,html[lang="ja"] h2,html[lang="zh-CN"] h1,html[lang="zh-CN"] h2{letter-spacing:0}
html[lang="ja"] h3,html[lang="zh-CN"] h3{letter-spacing:0}
html[lang="ja"] .brand strong,html[lang="zh-CN"] .brand strong{letter-spacing:0}
html[lang="ja"] .journey-sum__verbs,html[lang="zh-CN"] .journey-sum__verbs{letter-spacing:0}
html[lang="ja"] .detail-hero h1,html[lang="zh-CN"] .detail-hero h1{letter-spacing:0}
html[lang="ja"] .detail-hero>.container>p:not(.eyebrow),html[lang="zh-CN"] .detail-hero>.container>p:not(.eyebrow){letter-spacing:0}
@media(max-width:600px){html[lang="ja"] .detail-hero h1,html[lang="zh-CN"] .detail-hero h1{letter-spacing:0}}
html[lang="ja"] .org-team h4,html[lang="zh-CN"] .org-team h4{letter-spacing:0}
html[lang="ja"] .org-text h3,html[lang="zh-CN"] .org-text h3{letter-spacing:0}
html[lang="ja"] .video-group-head h2,html[lang="zh-CN"] .video-group-head h2{letter-spacing:0}
html[lang="ja"] .video-body strong,html[lang="zh-CN"] .video-body strong{letter-spacing:0}
html[lang="ja"] .resource-lang-head h2,html[lang="zh-CN"] .resource-lang-head h2{letter-spacing:0}
/* 일·중 판 기록 카드: 손글씨 글꼴(나눔손글씨 펜)에 한자·가나가 없어 그 나라 손글씨풍 글꼴로, 카드 폭에 맞게 조금 작게 */
html[lang="ja"] .note-card .w{font-family:"UD Digi Kyokasho NK-R","UD デジタル 教科書体 NK-R","Klee One","YuKyokasho Yoko","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium","Yu Gothic","Meiryo","Noto Sans JP",sans-serif;font-size:17px}
html[lang="zh-CN"] .note-card .w{font-family:"KaiTi","STKaiti","Kaiti SC","PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:18px}
/* 동물 검사 서비스 맨 위 카드: 바닥에 붙은 「…보기 ↓」(position:absolute)가 글이 길면 설명과 겹쳐서(한국어 폰 화면에서도) 카드 아래에 자리를 둠 (Claude 2026-10-17) */
.animal-page .animal-entry{padding-bottom:78px}
/* 그래프 6개 (Claude 2026-10-17): 화면그래프.js 가 페이지 안 표·목록에서 숫자를 읽어 그림. 색은 색약 검사 도구로 확인한 값. 그리면 원래 표·목록(.chart-src)은 화면에서만 숨김 */
.maru-chart{--chart-series:#1f7a55;--chart-wash:rgba(31,122,85,.10);--chart-track:#d8e8df;--chart-grid:#e8e6de;--chart-axis:#c9c6bb;--chart-ink:#24362e;--chart-muted:#4f5a52;--chart-soft:#6b746d;--chart-band:#cfc6b2;--g1:#9c4a2a;--g2:#d39368;--g3:#e4e1d9;--g4:#84b59b;--g5:#2f6b52;--r1:#d6a66a;--r2:#bd8343;--r3:#975d2b;--r4:#6c3b1a;position:relative;margin:22px 0 18px;color:var(--chart-ink)}
.maru-chart .chart-canvas{position:relative;width:100%}.maru-chart svg{display:block;width:100%;height:auto;overflow:visible}
.maru-chart [hidden]{display:none!important}.chart-duo{display:grid;grid-template-columns:1fr 1fr;gap:26px}.maru-chart .chart-title{margin:0 0 4px;font-size:15px;line-height:1.5;font-weight:600;color:var(--chart-ink)}.maru-chart .chart-title span{font-weight:400;color:var(--chart-soft);font-size:13px;margin-left:6px}
.maru-chart .chart-cap,.maru-chart .chart-delta{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--chart-muted)}.maru-chart .chart-cap b{color:var(--chart-ink)}
.maru-chart .chart-ax{font-size:12px;fill:var(--chart-soft);font-variant-numeric:tabular-nums}.maru-chart .chart-t1{font-size:13px;font-weight:600;fill:var(--chart-ink)}.maru-chart .chart-t2{font-size:12px;fill:var(--chart-muted)}.maru-chart .chart-val{font-size:14px;font-weight:700;fill:var(--chart-ink)}.maru-chart .chart-in{font-size:13px;font-weight:700}.maru-chart .chart-arrow{font-size:11px;fill:#fffdf8}
.maru-chart .chart-grid{stroke:var(--chart-grid);stroke-width:1}.maru-chart .chart-axis{stroke:var(--chart-axis);stroke-width:1}.maru-chart .chart-ref{stroke:var(--chart-ink);stroke-width:2}.maru-chart .chart-band{fill:var(--chart-band)}
.maru-chart .chart-line{fill:none;stroke:var(--chart-series);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.maru-chart .chart-dot{fill:var(--chart-series);stroke:#fffdf8;stroke-width:2}.maru-chart .chart-ring{fill:#fffdf8;stroke:#7a5a33;stroke-width:2.5}
.maru-chart .chart-mark{fill:var(--chart-series)}.maru-chart .chart-mark.chart-muted{fill:#a9b3ab}.maru-chart .chart-track{fill:var(--chart-track)}.maru-chart .chart-wash{fill:var(--chart-wash)}.maru-chart .chart-hit{fill:transparent}.maru-chart .chart-mark.on,.maru-chart .chart-seg.on{filter:brightness(1.12)}
.chart-tip{position:absolute;pointer-events:none;background:#fffdf8;border:1px solid rgba(11,11,11,.12);box-shadow:0 8px 22px rgba(34,61,53,.14);border-radius:10px;padding:8px 11px;font-size:13px;line-height:1.45;opacity:0;transform:translate(-50%,calc(-100% - 12px));transition:opacity .12s;white-space:nowrap;z-index:5;color:#24362e}.chart-tip.on{opacity:1}.chart-tip strong{display:block;font-size:15px}.chart-tip span{color:#4f5a52}
.maru-chart .chart-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.chart-panel{background:#fbf9f3;border:1px solid #ece8dc;border-radius:14px;padding:16px 16px 12px}.maru-chart .chart-big{margin:6px 0 4px;font-size:38px;font-weight:600;line-height:1.1;color:var(--chart-ink)}.maru-chart .chart-big small{font-size:15px;font-weight:500;color:var(--chart-muted);margin-left:4px}
.chart-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;background:#f1ebde;border-radius:99px;padding:2px 10px}.chart-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:#bd8343}
.chart-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0 0;font-size:13px;color:var(--chart-muted)}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{display:inline-block;width:12px;height:12px;border-radius:3px}.chart-legend .lg-care{background:rgba(31,122,85,.12);border:1px solid #9cc7b3}.chart-legend .lg-test{border-radius:50%;background:#1f7a55}.chart-legend .lg-photo{border-radius:50%;background:#fffdf8;border:2px solid #7a5a33}
.chart-src.chart-on{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:0!important;padding:0!important;border:0!important}
.animal-risk-result .maru-chart{background:#fffdf8;border-radius:12px;padding:16px 14px 12px;margin:0}
@media(max-width:820px){.chart-duo,.chart-stats{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.chart-tip{transition:none}}
/* 조직도 사진 자리: 사진이 들어오기 전까지 사람 모형 (사장님 2026-10-17) */
.org-photo .org-avatar{display:block;width:100%;height:100%;fill:#d8caa9}
/* 번역판 사람 이름: 한글 이름 아래 줄에 영문 (사장님 2026-10-17) */
.name-en{display:block;margin-top:3px;font-family:Pretendard,"Malgun Gothic",sans-serif;font-size:13px;font-weight:500;font-style:normal;letter-spacing:.03em;line-height:1.4;opacity:.75}