/* 셀온365 상세페이지 (원본: 셀온365_상세페이지/html/index.html)
   모든 규칙은 .cellon-detail 안에서만 적용됨. 생성: 2026-10-29 */
.cellon-detail{--page:860px;
  --font:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --c-white:#fff; --c-gray:#f2f2f2; --c-black:#0e0f12;
  --c-ink:#111; --c-text:#444; --c-sub:#8a8a8a; --c-line:#dedede;
  --c-navy:#14295c;      
  --c-navy-l:#a9bce8;    
  --c-blue:#0242bc;
  --c-blue-d:#2f6bff;
  --c-gold:#e6c88e;      /* 포인트 금색: 어두운 바탕용 (환불 7일, 핵심 원료, 이런 분들께) */
  --c-gold-d:#a8822f;    /* 포인트 금색: 흰 바탕용 (원료 3종 헤드라인 강조). 규칙: 흰 바탕 = 네이비, 어두운 바탕 = 금색 */
  --t-head:#222; --t-body:#333; --t-lead:#555; --t-sub:#777; --t-note:#999; /* 글자색 단계: 제목·강조 숫자 / 본문 / 도입문 / 보조 / 각주. 섹션 CSS는 이 변수만 쓴다 (2026-11-08) */
  --side:48px;}
@media (max-width:640px){.cellon-detail{--side:20px}
}
.cellon-detail *{box-sizing:border-box;margin:0;padding:0}
.cellon-detail{font-family:var(--font);color:var(--c-text);background:#e9ebef;line-height:1.6;word-break:keep-all;-webkit-font-smoothing:antialiased}
.cellon-detail img{display:block;max-width:100%;height:auto}
.cellon-detail .page{max-width:var(--page);margin:0 auto;background:var(--c-white);overflow:hidden}
.cellon-detail .s1-store{display:flex;align-items:center;gap:26px;padding:40px var(--side)}
.cellon-detail .s1-store .badge{flex:0 0 112px;height:112px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:linear-gradient(145deg,#fbefc4 0%,#d9b25f 42%,#f6e3a6 58%,#b88a3a 100%);box-shadow:inset 0 0 0 1px rgba(255,248,220,.75),0 4px 12px rgba(120,84,20,.25)}
.cellon-detail .s1-store .badge{position:relative;overflow:hidden}
.cellon-detail .s1-store .badge::after{content:'';position:absolute;top:-20%;bottom:-20%;left:-70%;width:45%;transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);animation:cd-shine 3.2s ease-in-out infinite}
@keyframes cd-shine{0%{left:-70%}45%,100%{left:130%}}
.cellon-detail .s1-store .badge b,.cellon-detail .s1-store .badge span{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.cellon-detail .s1-store .badge::after{display:none}
}
.cellon-detail .s1-store .badge b{font-size:19px;font-weight:800;letter-spacing:-.02em;color:#4a3410}
.cellon-detail .s1-store .badge span{font-size:15px;font-weight:600;color:#5c4318}
.cellon-detail .s1-store h2{font-size:27px;font-weight:800;letter-spacing:-.04em;color:var(--c-ink)}
.cellon-detail .s1-store p{margin-top:6px;font-size:18px;line-height:1.55;color:var(--c-text)}
/* 2026-11-07: 문구만 가운데 정렬 (검정 배경). 2026-11-09: 큰 "7일" 숫자 삭제, 헤드라인 "직접 드셔 보고 결정하세요."(결정하세요 금색), 보조 제목 "만족하지 못하시면 100% 환불", 설명 한 줄, 조건 3줄 */
.cellon-detail .s1-refund{display:block;padding:84px var(--side) 72px;background:#000;color:#fff;text-align:center}
.cellon-detail .s1-refund .right{max-width:760px;margin:0 auto}
.cellon-detail .s1-refund h2{font-size:64px;font-weight:800;letter-spacing:-.045em;line-height:1.18}
.cellon-detail .s1-refund h2 em{font-style:normal;color:var(--c-gold);text-shadow:0 0 28px rgba(230,200,142,.4)}
.cellon-detail .s1-refund h2 br.m{display:none}
.cellon-detail .s1-refund .sub{margin-top:22px;font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.4;color:#fff}
.cellon-detail .s1-refund .sub br.m{display:none}
.cellon-detail .s1-refund .desc{margin-top:18px;font-size:19px;line-height:1.6;color:#b9bfcc}
.cellon-detail .s1-refund .desc br.pc{display:inline}
.cellon-detail .s1-refund .notes{list-style:none;margin:36px auto 0;padding-top:22px;border-top:1px solid #333;text-align:left}
.cellon-detail .s1-refund .notes li{position:relative;padding-left:1.1em;font-size:13px;line-height:1.55;color:#8a8f99}
.cellon-detail .s1-refund .notes li+li{margin-top:6px}
.cellon-detail .s1-refund .notes li::before{content:'※';position:absolute;left:0}
.cellon-detail .s1-brand{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:0 30px;padding:64px var(--side);background:linear-gradient(90deg,#ececec,#f7f7f7)}
.cellon-detail .s1-brand .logo img{width:300px}
.cellon-detail .s1-brand .logo small{display:block;margin-top:16px;font-size:15px;font-weight:600;letter-spacing:.16em;color:#9a9a9a}
.cellon-detail .s1-brand p{font-size:22px;color:var(--t-body);line-height:1.5}
.cellon-detail .s1-brand h2{font-size:30px;font-weight:800;letter-spacing:-.04em;color:var(--c-ink);line-height:1.4}
.cellon-detail .s1-brand dl{display:grid;grid-template-columns:1fr auto;margin-top:46px;padding-top:14px;border-top:1px solid #9a9a9a;font-size:14px;color:#666}
.cellon-detail .s1-brand dt{font-weight:700;color:var(--t-head)}
.cellon-detail .s1-brand dd{text-align:right;font-weight:800;font-size:19px;color:var(--c-ink)}
.cellon-detail .s1-brand dl small{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:8px;font-size:13px;color:var(--t-note)}
.cellon-detail .s1-hero{padding:110px var(--side) 90px;text-align:center;background:linear-gradient(180deg,#f7f7f7 0%,#fff 38%,#f0f0f0 100%)}
.cellon-detail .s1-hero .lead{font-size:34px;font-weight:400;line-height:1.45;letter-spacing:-.04em;color:var(--t-head)}
.cellon-detail .s1-hero .lead b{font-weight:800}
.cellon-detail .s1-hero .vl{width:1px;height:76px;margin:36px auto;background:#999}
.cellon-detail .s1-hero h1{font-size:44px;font-weight:400;line-height:1.35;letter-spacing:-.04em;color:var(--t-head)}
.cellon-detail .s1-hero h1 b{display:block;font-size:56px;font-weight:800;color:var(--c-ink)}
.cellon-detail .s1-hero .band{display:inline-block;margin-top:22px;padding:8px 22px;background:var(--c-navy);font-size:30px;font-weight:800;letter-spacing:-.04em;color:#fff}
.cellon-detail .s1-hero{padding-bottom:0}
.cellon-detail .s1-hero .photo{display:block;width:calc(100% + var(--side)*2);max-width:none;height:auto;margin:40px calc(var(--side)*-1) 0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%);mask-image:linear-gradient(to bottom,transparent 0,#000 12%)}
.cellon-detail .s1-hero .nums{display:grid;grid-template-columns:repeat(3,1fr);margin:48px auto 0;max-width:640px;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.cellon-detail .s1-hero .nums div{padding:22px 4px 20px}
.cellon-detail .s1-hero .nums div+div{border-left:1px solid var(--c-line)}
.cellon-detail .s1-hero .nums small{display:block;font-size:14px;color:var(--c-sub)}
.cellon-detail .s1-hero .nums strong{display:block;margin-top:4px;font-size:34px;font-weight:800;letter-spacing:-.04em;color:var(--c-navy)}
.cellon-detail .s1-hero .nums strong em{font-style:normal;font-size:.5em;margin-left:2px}
.cellon-detail .s1-hero .nums span{display:block;font-size:13px;color:#666}
.cellon-detail .s1-hero .fn{margin-top:16px;font-size:13px;color:var(--c-sub)}
.cellon-detail .s2-check{padding:120px var(--side) 100px;text-align:center;background:#f0f0f0}
.cellon-detail .s2-check .lead{font-size:28px;font-weight:400;letter-spacing:-.04em;color:var(--t-head)}
.cellon-detail .s2-check h2{margin-top:14px;font-size:46px;font-weight:800;line-height:1.4;letter-spacing:-.045em;color:var(--c-ink)}
.cellon-detail .s2-check h2 em{font-style:normal;color:var(--c-navy)}
.cellon-detail .s2-check ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:720px;margin:72px auto 0;text-align:left}
.cellon-detail .s2-check li{padding:26px 24px 28px;background:#fff;border-top:3px solid var(--c-navy)}
.cellon-detail .s2-check .top{display:flex;align-items:center;justify-content:space-between}
.cellon-detail .s2-check .box{width:32px;height:32px;border:2px solid #333;background:#fff;fill:none;stroke:var(--c-navy);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cellon-detail .s2-check li b{display:block;margin-top:22px;font-size:21px;font-weight:700;letter-spacing:-.04em;line-height:1.4;color:var(--c-ink)}
.cellon-detail .s2-check li span{display:block;margin-top:6px;font-size:17px;letter-spacing:-.03em;color:#9a9a9a}
.cellon-detail .s2-check .ic{width:46px;height:46px;fill:none;stroke:var(--c-navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cellon-detail.motion .s2-check .box path{stroke-dasharray:24;stroke-dashoffset:24}
.cellon-detail.motion .s2-check ul.in .box path{stroke-dashoffset:0;transition:stroke-dashoffset .35s ease-out var(--d,0s)}
.cellon-detail .s2-check li:nth-child(2){--d:.35s}
.cellon-detail .s2-check li:nth-child(3){--d:.7s}
.cellon-detail .s2-check li:nth-child(4){--d:1.05s}
.cellon-detail .s2-check li:nth-child(5){--d:1.4s}
.cellon-detail .s2-check li:nth-child(6){--d:1.75s}
.cellon-detail .ing{display:grid;grid-template-columns:1fr 1fr;background:#fff}
.cellon-detail .ing video{display:block;width:100%;height:480px;object-fit:cover;object-position:50% 100%}
.cellon-detail .ing .txt{display:flex;flex-direction:column;justify-content:center;padding:0 var(--side) 0 44px}
.cellon-detail .ing .mol{width:100%;max-width:348px;height:auto;overflow:visible}
.cellon-detail .ing .mol path,.cellon-detail .ing .mol line{fill:none;stroke:var(--c-navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cellon-detail .ing .mol text{font:600 13px Pretendard,sans-serif;fill:var(--c-navy)}
.cellon-detail .ing .molcap{margin-top:12px;font-size:14px;letter-spacing:-.02em;color:var(--t-lead)}
.cellon-detail .ing .molcap b{font-weight:700;color:var(--c-navy)}
.cellon-detail .ing .std{margin-top:4px;font-size:13px;letter-spacing:-.03em;color:#8a8a8a}
.cellon-detail .ing .fx{margin-top:4px;font-size:12px;letter-spacing:-.03em;color:#9a9a9a}
.cellon-detail .ing .lead{margin-top:40px;font-size:20px;letter-spacing:-.04em;color:var(--t-head)}
.cellon-detail .ing h2{margin-top:10px;font-size:40px;font-weight:800;line-height:1.3;letter-spacing:-.045em;color:var(--c-ink)}
.cellon-detail .ing h2 em{font-style:normal;color:var(--c-navy)}
.cellon-detail .ing h2 small{margin-left:4px;font-size:.55em;font-weight:500;letter-spacing:0}
.cellon-detail .ing.flip .media{order:2}
.cellon-detail .ing.flip .txt{padding:0 44px 0 var(--side)}
.cellon-detail .s4-ing video,.cellon-detail .s5-ing video{object-position:50% 50%}
.cellon-detail .ing .mol text{paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.cellon-detail .ing .mol.flav{max-width:168px}
.cellon-detail .ing .rnote{margin-top:6px;font-size:11.5px;letter-spacing:-.02em;color:#9a9a9a}
.cellon-detail .vit-ing .txt{padding-top:36px;padding-bottom:36px}
.cellon-detail .vit-ing .lead{margin-top:28px}
.cellon-detail .vit-ing .vslot{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:480px;border:1.5px dashed #c4c4c4;background:#f6f6f6;font-size:15px;font-weight:700;color:#9a9a9a}
.cellon-detail .vit-ing .vslot small{font-size:12px;font-weight:500}
.cellon-detail .vlist{list-style:none;border-top:1px solid #111}
.cellon-detail .vlist li{display:grid;grid-template-columns:1fr auto;column-gap:10px;padding:7px 0;border-bottom:1px solid #e3e3e3}
.cellon-detail .vlist b{font-size:14px;font-weight:700;letter-spacing:-.03em;color:var(--c-ink)}
.cellon-detail .vlist em{font-style:normal;font-size:14px;font-weight:800;text-align:right;color:var(--c-navy)}
.cellon-detail .vlist span{grid-column:1/3;margin-top:1px;font-size:11.5px;letter-spacing:-.02em;color:#9a9a9a}
.cellon-detail .vit-ing .std{margin-top:10px}
.cellon-detail .s6-route{padding:110px var(--side) 0;text-align:center;background:#f0f0f0}
.cellon-detail .s6-route .lead{font-size:20px;letter-spacing:-.04em;color:var(--t-lead)}
.cellon-detail .s6-route h2{margin-top:16px;font-size:40px;font-weight:800;line-height:1.35;letter-spacing:-.045em;color:var(--c-ink)}
.cellon-detail .s6-route h2 em{font-style:normal;color:var(--c-navy)}
.cellon-detail .s6-route .band{display:inline-block;margin-top:36px;padding:7px 18px;background:var(--c-navy);font-size:17px;font-weight:600;letter-spacing:-.03em;color:#fff}
.cellon-detail .s6-route .pts{display:grid;grid-template-columns:1fr 1fr;max-width:560px;margin:44px auto 0}
.cellon-detail .s6-route .pts div+div{border-left:1px dashed #bdbdbd}
.cellon-detail .s6-route .pts p{font-size:16px;letter-spacing:-.03em;color:#666}
.cellon-detail .s6-route .pts b{display:block;margin-top:6px;font-size:26px;font-weight:800;letter-spacing:-.04em;color:var(--c-ink)}
.cellon-detail .s6-route .close{margin-top:56px;font-size:19px;letter-spacing:-.04em;color:var(--t-head)}
.cellon-detail .s6-route .close strong{color:var(--c-navy)}
.cellon-detail .s6-route .photo{display:block;width:calc(100% + var(--side)*2);max-width:none;height:520px;margin:40px calc(var(--side)*-1) 0;object-fit:cover}
.cellon-detail .s7-func{padding:110px var(--side) 100px;background:#fff}
.cellon-detail .s7-func .hd{display:flex;align-items:flex-end;justify-content:space-between}
.cellon-detail .s7-func .lead{font-size:18px;letter-spacing:-.04em;color:#666}
.cellon-detail .s7-func h2{margin-top:10px;font-size:40px;font-weight:800;line-height:1.3;letter-spacing:-.045em;color:var(--c-ink)}
.cellon-detail .s7-func h2 em{font-style:normal;color:var(--c-navy)}
.cellon-detail .s7-func .dose{font-size:14px;color:#888;text-align:right}
.cellon-detail .s7-func .dose b{display:block;font-size:22px;font-weight:800;color:var(--c-ink)}
.cellon-detail .s7-func .body{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:center;margin-top:48px}
.cellon-detail .s7-func .slot{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;border:1.5px dashed #c9ccd3;border-radius:6px;background:#f6f6f6;font-size:14px;font-weight:700;line-height:1.6;text-align:center;color:#9a9a9a}
.cellon-detail .s7-func .slot small{display:block;font-size:12px;font-weight:500}
.cellon-detail .s7-func .grp{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid #111;font-size:13px;font-weight:700;color:var(--t-lead)}
.cellon-detail .s7-func .grp.c{color:var(--c-navy)}
.cellon-detail .s7-func .grp small{font-size:11px;font-weight:500;color:var(--t-note)}
.cellon-detail .s7-func .row+.grp{margin-top:26px}
.cellon-detail .s7-func .row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #e3e3e3}
.cellon-detail .s7-func .row .no{font-size:11px;font-weight:700;color:var(--c-ink)}
.cellon-detail .s7-func .row b{font-size:15px;font-weight:700;letter-spacing:-.03em;color:var(--c-ink)}
.cellon-detail .s7-func .row .amt{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--t-sub);text-align:right;font-variant-numeric:tabular-nums}
.cellon-detail .s7-func .row .amt em{font-style:normal;font-size:17px;font-weight:800;letter-spacing:0;color:var(--c-ink)}
.cellon-detail .s7-func .row .amt span{margin-right:6px;font-size:12px;font-weight:500;letter-spacing:-.02em}
.cellon-detail .s7-func .row.c .no,.cellon-detail .s7-func .row.c .amt em{color:var(--c-navy)}
.cellon-detail .s7-func .fn{margin-top:40px;font-size:11px;line-height:1.7;text-align:center;color:#aaa}
.cellon-detail .ing .ph{display:flex;align-items:center;justify-content:center;height:480px;background:#3a3631;font-size:15px;line-height:1.6;text-align:center;color:#cfc8bd}
@media (max-width:640px){.cellon-detail .s1-store{gap:14px;padding:26px var(--side)}
.cellon-detail .s1-store .badge{flex-basis:72px;height:72px;border-radius:12px}
.cellon-detail .s1-store .badge b{font-size:12.5px}
.cellon-detail .s1-store .badge span{font-size:10.5px}
.cellon-detail .s1-store h2{font-size:17px}
.cellon-detail .s1-store p{font-size:12.5px}
.cellon-detail .s1-refund{padding:44px var(--side) 36px}
.cellon-detail .s1-refund h2{font-size:34px;line-height:1.22}
.cellon-detail .s1-refund h2 br.m{display:inline}
.cellon-detail .s1-refund .sub{margin-top:14px;font-size:19px}
.cellon-detail .s1-refund .sub br.m{display:inline}
.cellon-detail .s1-refund .desc{margin-top:12px;font-size:14px}
.cellon-detail .s1-refund .desc br.pc{display:none}
.cellon-detail .s1-refund .notes{margin-top:26px;padding-top:16px}
.cellon-detail .s1-refund .notes li+li{margin-top:5px}
.cellon-detail .s1-brand{grid-template-columns:.9fr 1.3fr;gap:0 14px;padding:38px var(--side)}
.cellon-detail .s1-brand .logo img{width:140px}
.cellon-detail .s1-brand .logo small{font-size:9.5px;margin-top:8px}
.cellon-detail .s1-brand p{font-size:13.5px}
.cellon-detail .s1-brand h2{font-size:17.5px}
.cellon-detail .s1-brand dl{margin-top:22px;padding-top:8px;font-size:10px}
.cellon-detail .s1-brand dd{font-size:12.5px}
.cellon-detail .s1-brand dl small{font-size:9.5px}
.cellon-detail .s1-brand dl small span:first-child{display:none}
.cellon-detail .s1-hero{padding:64px var(--side) 0}
.cellon-detail .s1-hero .lead{font-size:21px}
.cellon-detail .s1-hero .vl{height:46px;margin:22px auto}
.cellon-detail .s1-hero h1{font-size:25px}
.cellon-detail .s1-hero h1 b{font-size:31px}
.cellon-detail .s1-hero .band{margin-top:14px;padding:6px 12px;font-size:18px}
.cellon-detail .s1-hero .photo{margin-top:20px}
.cellon-detail .s1-hero .nums{margin-top:30px}
.cellon-detail .s1-hero .nums div{padding:14px 2px 12px}
.cellon-detail .s1-hero .nums small{font-size:11px}
.cellon-detail .s1-hero .nums strong{font-size:23px}
.cellon-detail .s1-hero .nums span{font-size:10px}
.cellon-detail .s1-hero .fn{font-size:10.5px}
.cellon-detail .s2-check{padding-top:68px;padding-bottom:56px}
.cellon-detail .s2-check .lead{font-size:17px}
.cellon-detail .s2-check h2{margin-top:8px;font-size:25px}
.cellon-detail .s2-check ul{gap:8px;margin-top:40px}
.cellon-detail .s2-check li{padding:16px 14px 18px;border-top-width:2px}
.cellon-detail .s2-check .box{width:22px;height:22px;border-width:1.5px}
.cellon-detail .s2-check li b{margin-top:14px;font-size:14px}
.cellon-detail .s2-check li span{margin-top:4px;font-size:11.5px}
.cellon-detail .s2-check .ic{width:32px;height:32px}
.cellon-detail .ing{grid-template-columns:1fr}
.cellon-detail .ing video{height:420px}
.cellon-detail .ing .txt{padding:40px var(--side) 52px;text-align:center;align-items:center}
.cellon-detail .ing .mol{width:261px;flex:none}
.cellon-detail .ing .molcap{font-size:12.5px}
.cellon-detail .ing .std{font-size:11.5px}
.cellon-detail .ing .fx{font-size:11px}
.cellon-detail .ing .lead{margin-top:26px;font-size:15px}
.cellon-detail .ing h2{margin-top:6px;font-size:27px}
.cellon-detail .ing.flip .media{order:0}
.cellon-detail .ing.flip .txt{padding:40px var(--side) 52px}
.cellon-detail .ing .mol.flav{width:160px}
.cellon-detail .ing .rnote{font-size:10.5px}
.cellon-detail .vit-ing .vslot{min-height:300px}
.cellon-detail .vit-ing .txt{padding-top:36px;padding-bottom:48px}
.cellon-detail .vlist{width:100%;text-align:left}
.cellon-detail .vlist b,.cellon-detail .vlist em{font-size:13px}
.cellon-detail .vlist span{font-size:10.5px}
.cellon-detail .s6-route{padding-top:64px}
.cellon-detail .s6-route .lead{font-size:14px}
.cellon-detail .s6-route h2{margin-top:10px;font-size:23px}
.cellon-detail .s6-route .band{margin-top:24px;padding:6px 12px;font-size:12.5px}
.cellon-detail .s6-route .pts{margin-top:36px}
.cellon-detail .s6-route .pts p{font-size:12px}
.cellon-detail .s6-route .pts b{font-size:19px}
.cellon-detail .s6-route .close{margin-top:36px;font-size:14px}
.cellon-detail .s6-route .photo{height:300px;margin-top:24px}
.cellon-detail .s7-func{padding:64px var(--side) 56px}
.cellon-detail .s7-func .hd{display:block;text-align:center}
.cellon-detail .s7-func .lead{font-size:14px}
.cellon-detail .s7-func h2{margin-top:6px;font-size:25px}
.cellon-detail .s7-func .dose{margin-top:12px;text-align:center}
.cellon-detail .s7-func .dose b{display:inline;margin-right:6px;font-size:15px}
.cellon-detail .s7-func .body{grid-template-columns:1fr;gap:24px;margin-top:24px}
.cellon-detail .s7-func .slot{width:240px;margin:0 auto}
.cellon-detail .s7-func .row b{font-size:13.5px}
.cellon-detail .s7-func .row .amt em{font-size:15px}
.cellon-detail .s7-func .row .amt span{display:block;margin:0}
.cellon-detail .s7-func .fn{font-size:10px}
.cellon-detail .ing .ph{height:420px}

}
.cellon-detail.motion [data-rv]{opacity:0;transform:translateY(16px);transition:opacity .8s ease var(--d,0s),transform .9s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.cellon-detail.motion [data-rv].in{opacity:1;transform:none}
.cellon-detail.motion .vl[data-rv]{transform:scaleY(0);transform-origin:top;opacity:1;transition:transform .8s ease var(--d,0s)}
.cellon-detail.motion .vl[data-rv].in{transform:none}


/* 홈페이지에 넣을 때만 필요한 조정 */
.cellon-detail{background:none;font-size:16px}
#detail .cellon-detail{margin-top:40px}
/* 홈페이지 헤더의 .logo 규칙(inline-flex, 120×27 등)이 안국약품 로고 블록에 묻지 않게 */
.cellon-detail .logo{display:block;width:auto;height:auto;font:inherit;letter-spacing:normal;line-height:inherit;white-space:normal;color:inherit}
/* 모바일: 홈페이지 본문 좌우 여백을 넘어 화면 폭 가득 (상세페이지가 375px 기준으로 설계됨) */
@media (max-width:640px){#detail .cellon-detail{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}