:root{
  --navy:#2d4173;        /* 헤드라인/포인트 네이비 */
  --navy-dark:#243760;   /* 다크패널 */
  --blue:#1a2cf0;        /* 무료체험 버튼 */
  --ink:#2d4173;
  --sub:#8089a0;         /* 부제 */
  --body:#5b6478;        /* 본문 */
  --bg:#ffffff;          /* 콘텐츠 컬럼 배경 (시안 260618 = 흰색) */
  --line:#d8dbe3;
  --yellow:#ffd02e;
  --red:#e8344a;
  --card:#fff;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  background:#fff;                 /* 데스크탑 좌우 여백(흰색) */
  font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  color:var(--body);
  line-height:1.5;
  word-break:keep-all;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}

/* ===== 콘텐츠 컬럼 (디자인 캔버스 = 960px) ===== */
.page{
  max-width:960px;
  margin:0 auto;
  background:var(--bg);
  container-type:inline-size;   /* cqw 기준 컨테이너 */
  overflow:hidden;
  position:relative;
}
.sec{padding:8.5cqw 6cqw}        /* 섹션 기본 여백 */
.center{text-align:center}

/* 타이포 (cqw) */
.h1{font-size:6.8cqw;font-weight:800;color:var(--ink);line-height:1.26;letter-spacing:-.025em}
.h2{font-size:5.6cqw;font-weight:800;color:var(--ink);line-height:1.28;letter-spacing:-.025em}
.sub{font-size:3.5cqw;font-weight:500;color:var(--sub);line-height:1.62;margin-top:3cqw}
.lead{font-size:3.2cqw;color:var(--body);line-height:1.72}
.b{font-weight:800}
.navy{color:var(--navy)}
.cap{font-size:2.3cqw;color:#9aa1b2;letter-spacing:.05em;margin-top:2.8cqw}

/* 점 구분선(디자인의 빨간 점선 → 옅은 구분) */
.divider{height:0;border-top:1px dashed #e2c3c7;margin:0 6cqw}

/* ===== 1. 상단 히어로 (260618 시안 슬라이스 이미지) ===== */
.hero-top,.slot{display:block;width:100%;height:auto}
/* 영상 슬롯 (관리자 교체: 유튜브 iframe / 서버 업로드 video / 기본 이미지) */
.slot-video{width:100%;background:#fff}
.slot-video video{display:block;width:100%;height:auto}
.slot-video .video-wrap{position:relative;width:100%;padding-top:56.25%}
.slot-video .video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.hero-life{padding-top:7cqw}
.compare{
  margin-top:5cqw;display:flex;align-items:center;justify-content:center;gap:2cqw;
}
.compare .arrow-nav{
  flex:0 0 auto;width:5.4cqw;height:5.4cqw;border-radius:50%;
  background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;
  font-size:2.6cqw;box-shadow:0 .4cqw 1.2cqw rgba(0,0,0,.12);font-weight:700;
}
.compare .pair{flex:1;display:flex;gap:1.6cqw;align-items:center;justify-content:center}
.ba-card{position:relative;flex:1;border-radius:2cqw;overflow:hidden;box-shadow:0 .6cqw 2cqw rgba(0,0,0,.1)}
.ba-card img{width:100%;aspect-ratio:3/4;object-fit:cover}
.ba-pair .ba-card img{object-position:center 38%}
.ba-tag{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);
  background:rgba(45,65,115,.92);color:#fff;font-weight:800;font-size:2cqw;
  padding:.9cqw 3cqw;border-radius:5cqw;letter-spacing:.05em}
.ba-mid{flex:0 0 auto;color:var(--navy);font-size:3.4cqw;font-weight:800}

/* ===== 2. SINCE 2007 ===== */
/* SINCE 2007 — 시안: 좌측 정렬 · 두 줄 스택 · 말풍선 꼬리(좌하단) */
.since-row{text-align:left;margin-bottom:5.5cqw}
.badge-since{
  display:inline-block;background:var(--navy);color:#fff;text-align:center;
  font-weight:800;font-size:3.7cqw;line-height:1.3;letter-spacing:.04em;
  padding:2.2cqw 4.6cqw;border-radius:1.8cqw;position:relative}
.badge-since::after{content:"";position:absolute;left:2.8cqw;bottom:-2.6cqw;
  width:0;height:0;border-top:2.8cqw solid var(--navy);border-right:2.8cqw solid transparent}

/* ===== 3. 미디어 ===== */
.media img{border-radius:2cqw;box-shadow:0 .6cqw 2cqw rgba(0,0,0,.08)}
.media .media-chosun{margin:0 auto 4cqw;max-width:62cqw}
.media .media-grid{margin:0 auto;max-width:78cqw}

/* ===== 4. 달인 씰 ===== */
.dalin{text-align:center}
.dalin .seal{width:46cqw;margin:4cqw auto;}
.dalin .lastchance{font-size:7.4cqw;font-weight:800;color:var(--navy);letter-spacing:-.02em}

/* ===== 5. 망가진 일상 + CEO 인용 ===== */
.ceo-quote{
  margin-top:5cqw;background:var(--navy);border-radius:2.5cqw;overflow:hidden;
  display:flex;align-items:stretch;box-shadow:0 1cqw 3cqw rgba(45,65,115,.25)}
.ceo-quote .photo{flex:0 0 42%;}
.ceo-quote .photo img{width:100%;height:100%;object-fit:cover;object-position:left center;min-height:46cqw}
.ceo-quote .txt{flex:1;padding:5cqw 4.5cqw;color:#fff;display:flex;flex-direction:column;justify-content:center}
.ceo-quote .name{font-weight:800;font-size:3.5cqw}
.ceo-quote .role{font-size:2cqw;color:#aeb8d6;letter-spacing:.12em;margin:.7cqw 0 3cqw}
.ceo-quote .saying{font-size:3cqw;line-height:1.72;color:#eef1f8}

/* ===== 6. 진짜 고민 + 3 heads ===== */
.heads{display:flex;gap:2cqw;justify-content:center;margin-top:5cqw}
.heads .head{flex:1;max-width:26cqw;border-radius:50%;overflow:hidden;background:#e6e8ee;aspect-ratio:1}
.heads .head img{width:100%;height:100%;object-fit:cover}

/* ===== 7. 체크리스트 ===== */
.checklist{display:flex;flex-direction:column;gap:2.2cqw;margin-top:1cqw}
.check{display:flex;align-items:center;gap:2.6cqw;background:#fff;border-radius:1.6cqw;
  padding:3.4cqw 3.8cqw;box-shadow:0 .3cqw 1cqw rgba(0,0,0,.04);font-size:2.9cqw;color:#4a5468}
.check .box{flex:0 0 auto;width:4cqw;height:4cqw;border-radius:.8cqw;background:var(--navy);
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.6cqw;font-weight:800}
.check.off .box{background:#fff;border:.3cqw solid #c7ccd8;color:transparent}

/* ===== 9. 보이지않는 디테일 + wig demo ===== */
.detail .demo{margin-top:4cqw;display:flex;gap:2cqw;justify-content:center}
.detail .demo .ba-card{background:#eaf3d6}
.detail .demo .ba-card img{aspect-ratio:1;object-fit:contain}
.quote-line{font-size:3.6cqw;font-weight:800;color:var(--navy);margin-top:5cqw;text-align:center;line-height:1.5}

/* ===== 10. FAQ ===== */
.faq{display:flex;flex-direction:column;gap:7cqw}
.faq .q{font-size:5.9cqw;font-weight:700;color:var(--navy);text-align:center;letter-spacing:-.01em;line-height:1.32}
.faq .a{font-size:3.1cqw;font-weight:700;color:var(--navy);text-align:center;margin-top:2.2cqw;letter-spacing:-.01em}

/* ===== 11. 신청 폼 ===== */
.formsec{background:#f0f0f0;text-align:center;padding-bottom:calc(8.5cqw + 64px)}
.lock{width:18cqw;height:18cqw;margin:0 auto 5cqw;border-radius:50%;background:#fff;
  box-shadow:0 1cqw 3cqw rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center}
.lock svg{width:9cqw;height:9cqw;fill:var(--navy)}
#apply{max-width:66cqw;margin:6.5cqw auto 0;display:flex;flex-direction:column;gap:2.8cqw}
.field{width:100%;height:12.4cqw;border:0;border-radius:6.5cqw;background:#fff;
  box-shadow:0 .4cqw 1.6cqw rgba(0,0,0,.08);text-align:center;font-size:4.6cqw;color:var(--navy);
  font-weight:800;font-family:inherit}
.field::placeholder{color:var(--navy);opacity:.85;font-weight:700}
.agree{display:flex;align-items:center;justify-content:center;gap:2.2cqw;font-size:2.6cqw;color:#7b8398;margin:.8cqw 0;position:relative}
.agree input{position:absolute;opacity:0;width:1px;height:1px}
.agree .chk{flex:0 0 auto;width:5.8cqw;height:5.8cqw;border-radius:50%;background:#fff;
  box-shadow:0 .3cqw 1.2cqw rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center;
  color:#c7ccd8;font-weight:800;font-size:3.2cqw;transition:background .15s,color .15s}
.agree input:checked + .chk{background:var(--navy);color:#fff}
.agree a{color:var(--navy);text-decoration:underline}
.btn-apply{width:100%;border:0;border-radius:3.6cqw;background:var(--blue);
  color:#fff;letter-spacing:-.01em;cursor:pointer;padding:3.2cqw 2cqw 2.8cqw;
  box-shadow:0 1cqw 2.6cqw rgba(26,44,240,.35);font-family:inherit}
.btn-apply .bt-main{display:block;font-size:6.6cqw;font-weight:800;line-height:1.25}
.btn-apply .bt-seats{display:block;color:var(--yellow);font-size:3.4cqw;font-weight:700;margin-top:.8cqw}
.btn-apply .bt-seats b{color:var(--yellow)}
.bizinfo{margin-top:7.5cqw;font-size:2.1cqw;color:#9aa1b2;line-height:1.9;text-align:center}
.bizinfo .pp{color:var(--navy);text-decoration:underline;font-weight:600}

/* ===== 12. 영상 ===== */
.video img{width:100%;border-radius:2cqw}

/* ===== 13. 브랜드 ===== */
.brand{text-align:center;padding-bottom:0}
.brand .pre{font-size:3.1cqw;color:var(--sub)}
.brand .logo{font-size:9.2cqw;font-weight:800;color:var(--navy);font-style:italic;letter-spacing:-.01em;margin:1.2cqw 0 5cqw;font-family:Georgia,'Times New Roman',serif}
.brand .h2{margin-bottom:2.4cqw}

/* ===== 14. 다크 CTA 패널 ===== */
.darkcta{background:var(--navy-dark);color:#dfe4f1;border-radius:0;padding:8cqw 6cqw 10cqw;text-align:center;position:relative}
.darkcta .applied-line{font-size:2.5cqw;color:#aeb8d6;letter-spacing:.03em}
.countdown{display:inline-flex;align-items:center;gap:2.2cqw;margin:3.2cqw 0 2.2cqw}
.countdown .lbl{background:var(--yellow);color:var(--navy-dark);font-weight:800;font-size:2.9cqw;padding:1.2cqw 3cqw;border-radius:1cqw}
.countdown .time{font-size:6.4cqw;font-weight:800;color:#fff;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.darkcta .note{font-size:2.4cqw;color:#aeb8d6}
/* 혜택 카드 — 시안: 실버 그라데이션 + 상단 풀폭 타이틀 밴드 + 일러스트 원형 + 글로우 */
.bft-card{background:linear-gradient(180deg,#f8f9fb 0%,#e6e9ef 55%,#cfd4dd 100%);border-radius:3.2cqw;
  padding:0;margin:5.5cqw 0;text-align:left;overflow:hidden;
  box-shadow:0 0 3.2cqw rgba(255,255,255,.3),0 1.2cqw 2.6cqw rgba(0,0,0,.28)}
.bft-title{font-size:5.4cqw;font-weight:800;color:var(--navy);text-align:center;letter-spacing:-.02em;
  padding:3.4cqw 2cqw;border-bottom:1px solid #c9cfda;background:linear-gradient(180deg,#fdfdfe,#edeff4)}
.bft-body{display:flex;align-items:center;gap:4.5cqw;padding:4.6cqw 5.5cqw}
.bft-body .ic{flex:0 0 auto;width:21cqw;height:21cqw;border-radius:50%;overflow:hidden;background:#fff}
.bft-body .ic img{width:100%;height:100%;object-fit:cover}
.bft-body .bd{font-size:3.5cqw;color:#3f4657;line-height:1.62;font-weight:600}
.darkcta .closing{font-size:3.4cqw;font-weight:700;color:#eef1f8;line-height:1.7;margin-top:5cqw}
.darkcta .closing b{color:var(--yellow)}
.event-go{position:absolute;right:6cqw;bottom:-5cqw;width:18cqw;height:18cqw;border-radius:50%;
  background:var(--yellow);color:var(--navy-dark);display:flex;align-items:center;justify-content:center;
  text-align:center;font-size:2.3cqw;font-weight:800;line-height:1.25;box-shadow:0 1cqw 3cqw rgba(0,0,0,.3);z-index:3}

/* ===== 토스트 티커 ===== */
/* 하단 신청 푸터(티커) — 고정바 · 명단 순환 슬라이드 · 이름 옐로(시안) */
.ticker{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:center;pointer-events:none}
.ticker .inner{width:100%;max-width:960px;background:var(--blue);color:#fff;text-align:center;font-weight:600;
  padding:12px 10px;font-size:clamp(13px,3.7vw,17px);pointer-events:auto}
.ticker .inner b{font-weight:800;color:var(--yellow)}
@keyframes tickerin{from{opacity:0;transform:translateY(55%)}to{opacity:1;transform:none}}
.ticker .inner.tick{animation:tickerin .45s ease}


/* 완료 팝업 (데모) */
.modal{position:fixed;inset:0;background:rgba(20,26,45,.6);display:none;align-items:center;justify-content:center;z-index:100;padding:24px}
.modal.on{display:flex}
.modal .box{background:#fff;border-radius:18px;max-width:420px;width:100%;padding:40px 28px;text-align:center}
.modal .box h3{color:var(--navy);font-size:22px;margin-bottom:12px}
.modal .box p{color:var(--body);font-size:15px;line-height:1.6}
.modal .box button{margin-top:22px;background:var(--navy);color:#fff;border:0;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}

/* ===== 상단 마감임박 카운트다운 (코드·실시간 · 다크CTA와 동일 시각 연동) ===== */
.topcd{background:var(--navy-dark);color:#dfe4f1;text-align:center;padding:4.4cqw 6cqw}
.topcd .tc-line{font-size:2cqw;color:#c7cee2;letter-spacing:.04em}
.topcd .tc-row{display:inline-flex;align-items:center;gap:2.4cqw;margin:2.6cqw 0}
.topcd .tc-lbl{background:var(--yellow);color:var(--navy-dark);font-weight:800;font-size:2.6cqw;padding:1cqw 3cqw;border-radius:6cqw}
.topcd .tc-time{font-size:6.2cqw;font-weight:800;color:var(--yellow);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.topcd .tc-note{font-size:1.9cqw;color:#aeb8d6}

/* ===== 상단 마감임박 카운트다운 ===== */
.topcd{background:var(--navy-dark);color:#dfe4f1;text-align:center;padding:5cqw 6cqw}
.topcd .tc-line{font-size:2.5cqw;color:#c7cee2;letter-spacing:.03em}
.topcd .tc-row{display:inline-flex;align-items:center;gap:2.6cqw;margin:3cqw 0}
.topcd .tc-lbl{background:var(--yellow);color:var(--navy-dark);font-weight:800;font-size:3.1cqw;padding:1.2cqw 3.4cqw;border-radius:6cqw}
.topcd .tc-time{font-size:7.4cqw;font-weight:800;color:var(--yellow);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.topcd .tc-note{font-size:2.3cqw;color:#aeb8d6}

/* ===== 히어로 ===== */
.hero{padding-top:7cqw}
.wecan{font-size:10.6cqw;font-weight:800;color:var(--navy);letter-spacing:-.015em;line-height:1.08}
.hero-tag{display:inline-block;background:var(--navy);color:#fff;font-weight:800;font-size:3.6cqw;padding:1.7cqw 4.4cqw;border-radius:1.6cqw;margin:3cqw 0}
.hero-sub{font-size:4.7cqw;margin-top:1.4cqw}

.ph{width:100%;aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#eef1f7,#eef1f7 12px,#e6eaf3 12px,#e6eaf3 24px);
  display:flex;align-items:center;justify-content:center;border-radius:2cqw;border:1px dashed #c1c9dd}
.ph span{padding:1.8cqw 3.2cqw;background:rgba(255,255,255,.82);border-radius:1cqw;color:#8b93a8;font-weight:700;font-size:2.9cqw}
.ph-video{aspect-ratio:16/9;margin:0}

/* ===== 공용 슬라이더 ===== */
.slider{position:relative;overflow:hidden;border-radius:2cqw;margin-top:4cqw}
.slider .slides{display:flex;flex-wrap:nowrap;transition:transform .4s ease;will-change:transform;cursor:grab;touch-action:pan-y}
.slider .slide{flex:0 0 100%;min-width:100%}
/* 업로드 이미지는 강제 크롭 없이 자기 비율대로 (가로 맞춤 · 세로 자동) — 클라 요구 */
.slider .slides{align-items:flex-start;transition:transform .4s ease, height .35s ease}   /* 가로 슬라이드(transform) + 높이(JS 연동) 함께 애니메이션 */
.slider .slide img{width:100%;height:auto;display:block}
.dots.counter{display:block;text-align:center;font-size:2.7cqw;color:#6b7488;font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.banner .slide img{border-radius:0}
.banner .slide .ph{aspect-ratio:16/8;border-radius:0}   /* 빈 슬롯만 규격 표시 */
.media .slide .ph{aspect-ratio:4/3}
.s-prev,.s-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:7cqw;height:7cqw;border-radius:50%;
  border:0;background:rgba(45,65,115,.86);color:#fff;font-size:4cqw;font-weight:700;cursor:pointer;
  display:flex;align-items:center;justify-content:center;line-height:1;padding:0}
.s-prev svg,.s-next svg{display:block;width:3cqw;height:3cqw;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.s-prev{left:2cqw}.s-next{right:2cqw}
.dots{display:flex;gap:1.4cqw;justify-content:center;margin-top:2.6cqw}
.dot{width:2cqw;height:2cqw;border-radius:50%;background:#cfd4e0;cursor:pointer;transition:background .2s}
.dot.on{background:var(--navy)}

/* ===== Before/After (AFTER 순환) ===== */
.ba{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.6cqw;margin-top:5cqw}
.ba .s-prev,.ba .s-next{position:static;transform:none;flex:0 0 auto;width:6.4cqw;height:6.4cqw}
.ba-pair{flex:1 1 0;display:flex;align-items:center;gap:.6cqw;min-width:0}   /* 시안: BEFORE/AFTER 딱 붙임(가운데 화살표 삭제) · basis 0으로 버튼과 한 줄 유지 */
.ba-arrow{flex:0 0 auto;width:0;height:0;border:2.2cqw solid transparent;border-left:3.2cqw solid var(--navy);border-right:0;margin:0 .4cqw}
.ba-pair .ba-card{flex:1;border-radius:0}
.ba-after{position:relative;overflow:hidden}
.ba-after .slides{display:flex;flex-wrap:nowrap;transition:transform .4s ease;align-items:flex-start}
.ba-after .slide{flex:0 0 100%;min-width:100%}
.ba-after .slide img,.ba-after .slide .ph{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:0}
.ba-tag.on{background:var(--blue)}
.ba .dots{flex:0 0 100%;order:9;margin-top:3cqw}

/* ===== 교차확대 (3사진 동시 노출 · 가운데 확대 순환 — 시안) ===== */
.crossfade{position:relative;width:88cqw;margin:5cqw auto 0;height:52cqw}
.cf-item{position:absolute;left:50%;top:50%;width:50cqw;transform:translate(-50%,-50%) scale(.66);
  transition:transform .75s ease;z-index:1}
.cf-item img,.cf-item .ph{width:100%;object-fit:cover;border-radius:50%;aspect-ratio:1;
  box-shadow:0 .8cqw 2.4cqw rgba(0,0,0,.1);background:#fff}
.cf-item.pos-left{transform:translate(calc(-50% - 23cqw),-50%) scale(.66)}
.cf-item.pos-center{transform:translate(-50%,-50%) scale(1);z-index:3}
.cf-item.pos-right{transform:translate(calc(-50% + 23cqw),-50%) scale(.66)}

/* ===== 생활의 달인 로고 반짝 + 아치 텍스트(시안) ===== */
.seal-wrap{position:relative;width:62cqw;margin:4cqw auto 0;aspect-ratio:200/210}
.seal-arc{display:block;width:100%;height:100%;overflow:visible}
.seal-arc text{font-size:14px;font-weight:800;fill:var(--navy);letter-spacing:3.5px;font-family:inherit}
.dalin .seal{width:74%;position:absolute;left:50%;top:57%;transform:translate(-50%,-50%)}
.dalin .seal img,.dalin .seal .ph{width:100%;border-radius:50%;aspect-ratio:1;object-fit:contain;background:#fff}
.sparkle::before{content:"";position:absolute;inset:-2.2cqw;border-radius:50%;z-index:0;
  background:conic-gradient(from 0turn,rgba(255,208,46,0) 0deg,rgba(255,208,46,.95) 55deg,rgba(255,208,46,0) 120deg);
  animation:spin 2.8s linear infinite}
.sparkle > *{position:relative;z-index:1}
@keyframes spin{to{transform:rotate(1turn)}}

/* ===== 후기 별점 ===== */
.reviews{margin-top:5cqw}
.stars{font-size:5.2cqw;letter-spacing:.5cqw;color:var(--red);animation:starpulse 1.6s ease-in-out infinite}
@keyframes starpulse{0%,100%{color:#e8344a;text-shadow:0 0 0 rgba(232,52,74,0)}50%{color:#ff5a70;text-shadow:0 0 2cqw rgba(232,52,74,.55)}}
.rv-text{font-size:2.9cqw;color:var(--body);margin-top:1.8cqw;min-height:4cqw;transition:opacity .3s}

/* ===== 신청 버튼 애니메이션/락 ===== */
.btn-apply.pulse{animation:btnpulse 1.8s ease-in-out infinite}
@keyframes btnpulse{0%,100%{box-shadow:0 1cqw 2.6cqw rgba(26,44,240,.35)}
  50%{box-shadow:0 1cqw 3.4cqw rgba(26,44,240,.6),0 0 0 .7cqw rgba(26,44,240,.16)}}
.btn-apply.locked{background:#9aa3c8;box-shadow:none;cursor:not-allowed;animation:none}

/* ===== 이벤트 바로가기 (플로팅 · 화면 따라다님) ===== */
.event-go.float{position:fixed;right:4vw;bottom:66px;z-index:49;width:clamp(64px,17vw,92px);height:clamp(64px,17vw,92px);
  border-radius:50%;background:var(--yellow);color:var(--navy-dark);display:flex;align-items:center;justify-content:center;
  text-align:center;font-size:clamp(11px,3vw,15px);font-weight:800;line-height:1.25;
  box-shadow:0 6px 18px rgba(0,0,0,.28);animation:egpulse 1.5s ease-in-out infinite;transition:transform .32s ease,opacity .32s ease}
.event-go.float.hide{transform:translateY(40px) scale(.5);opacity:0;pointer-events:none}
@keyframes egpulse{0%,100%{box-shadow:0 6px 18px rgba(0,0,0,.28),0 0 0 0 rgba(255,208,46,.6)}
  70%{box-shadow:0 6px 18px rgba(0,0,0,.28),0 0 0 15px rgba(255,208,46,0)}}

/* ===== 개인정보 모달 ===== */
.pp-box{max-width:520px;text-align:left}
.pp-box h3{text-align:left}
.pp-content{white-space:pre-wrap;font-family:inherit;font-size:14px;color:var(--body);line-height:1.7;
  max-height:58vh;overflow:auto;margin-top:10px;text-align:left}

/* 하단 여백은 최하단 신청폼의 회색 배경 안에서 확보한다. */
.page{padding-bottom:0}

/* ===== Before/After② — 고객 페어 원형 슬라이더 (시안: 쌍이 함께 넘어감) ===== */
.slider.ba2{margin-top:5cqw;border-radius:0}
.ba2-stage{position:relative;overflow:hidden}
.ba2 .pair2{display:flex;align-items:center;justify-content:center;gap:2.4cqw;padding:1cqw 7cqw}
.ba2 .ba-card.c{flex:0 1 41.6cqw;border-radius:50%;box-shadow:none;background:none}   /* 시안: 원 400px(=41.6cqw) */
.ba2 .ba-card.c img,.ba2 .ba-card.c .ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}
/* BA② 화살표 세로 중앙정렬(시안 지시) */
.ba2 .s-prev,.ba2 .s-next{top:50%;transform:translateY(-50%)}

/* 미디어 통이미지 — 960x1200 캔버스, 원본 잘림 없이 수동 넘김 지원 */
.media-slot{margin:0;width:100%;border-radius:0;overflow:visible}   /* 섹션 padding 안 → 화살표 공간 확보. 슬라이드 clip은 .ms-stage(block)가 담당해 바깥 화살표가 안 잘림 */
.media-slot .ms-stage{overflow:hidden}
.media-slot .slide{background:#fff}
.media-slot .slide img{width:100%;height:100%;object-fit:contain}
/* 화살표를 이미지 바깥 좌우 여백으로(겹침 방지) — 화살표를 섹션 padding(6cqw) 안에 맞춤 */
.media-slot .s-prev,.media-slot .s-next{width:5.2cqw;height:5.2cqw}
.media-slot .s-prev{left:-5.6cqw}
.media-slot .s-next{right:-5.6cqw}
.media-slot .s-prev svg,.media-slot .s-next svg{width:2.4cqw;height:2.4cqw}

/* ===== 260707 시안: 하이브리드 통이미지 슬롯 ===== */
/* 통이미지는 시안 슬라이스가 자체 여백 포함 → 섹션 좌우 padding(6cqw) 상쇄해 풀폭 */
.mimg{margin:0 -6cqw;width:calc(100% + 12cqw)}
.mimg img{width:100%;height:auto;display:block}
/* 롤링 통이미지 — 겹쳐서 밝기전환(크로스페이드). 컨테이너 높이 = inline aspect-ratio */
.mroll{position:relative;margin:0 -6cqw;width:calc(100% + 12cqw);overflow:hidden}
.mroll img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}
.mroll img.on{opacity:1}
/* 히어로 통이미지 = 풀블리드(섹션 padding 제거) */
.hero-img{padding:0}
.hero-img .mroll,.hero-img .mimg{margin:0;width:100%}
/* 다크CTA/카운트다운 안 통이미지도 각 섹션 padding 상쇄 유지 (공통 .mimg 규칙 사용) */
/* 통이미지·미디어 슬롯 섹션은 상하 여백 축소 — 통이미지가 자체 여백을 포함해 섹션여백(8.5cqw)이 겹쳐 흰 여백 과다.
   좌우 padding(6cqw)은 유지(미디어 화살표 공간·풀블리드 상쇄). :has 미지원 구형브라우저는 기존 8.5cqw로 폴백. */
.sec:has(> figure.mimg),
.sec:has(> .media-slot),
.sec:has(> .mroll):not(.hero-img){padding-top:2.5cqw;padding-bottom:2.5cqw}
/* 하단 여백은 의도값 복원 (:has 특이도 0,2,1보다 높게) —
   brand는 darkcta와 밀착(0), formsec은 고정 티커바(.ticker fixed) 공간 유지 */
.sec.brand:has(> figure.mimg){padding-bottom:0}
.sec.formsec:has(> figure.mimg){padding-bottom:calc(8.5cqw + 64px)}

/* 허니팟(봇 차단) — 화면에서 완전 숨김 */
.hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

/* 마감임박 숫자 — 자간·장평 더 좁게(제작사항 지시) */
.topcd .tc-time{letter-spacing:-.01em;display:inline-block;transform:scaleX(.9);transform-origin:center}
.countdown .time{letter-spacing:-.01em;display:inline-block;transform:scaleX(.92);transform-origin:left}