/* 나르샤 랜딩 개편 v2 — 신설·변경 섹션 전용 스타일.
   narsha.css(운영본)의 토큰·유틸을 그대로 쓰고, 여기서는 새 블록만 정의한다. */

/* ---------- 공통 ---------- */
.n-gold-text{background:linear-gradient(90deg,#f8cf99 0%,#eeb877 38%,#c08e5c 78%,#a57952 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.n-bridge{letter-spacing:-.04em;font-weight:800;line-height:1.45;font-size:clamp(18px,2.2vw,32px)}
.n-note{letter-spacing:-.02em;font-size:clamp(11px,.97vw,14px);line-height:1.6}

/* ---------- 02 매출 손실 ---------- */
.n-loss{position:relative;overflow:hidden;background:var(--paper) url(../img/texture-paper.jpg) center/cover no-repeat;color:#1d1510;padding:clamp(70px,8.3vw,120px) 0 clamp(80px,9vw,130px)}
.n-loss:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(240,240,240,.55),rgba(240,240,240,.15) 30%,rgba(240,240,240,.15) 70%,rgba(240,240,240,.7));pointer-events:none}
.n-loss .shell{position:relative}
.n-loss .eyebrow{color:#9b6832}
.n-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,20px);width:100%;max-width:860px;margin:clamp(22px,2.6vw,38px) auto 0}
.n-photos figure{margin:0;background:#fff;border:1px solid #d6c7ad;box-shadow:0 10px 30px rgba(60,40,20,.12);overflow:hidden;border-radius:6px}
.n-photos .crop{position:relative;aspect-ratio:560/444;overflow:hidden}
.n-photos .crop img{position:absolute;max-width:none;height:auto}
.n-photos figcaption{padding:10px 8px;text-align:center;font-weight:700;letter-spacing:-.03em;font-size:clamp(12px,1.2vw,17px);color:#3a2a1c}
.n-photos-cap{margin-top:12px;text-align:center;color:#8a7a6a}
.n-loss h2{margin-top:clamp(48px,5.5vw,80px);text-align:center;color:#1d1510}
.n-loss h2 em{font-style:normal;color:#b8471f}
.n-lossrow{position:relative;max-width:640px;margin:clamp(30px,3.6vw,52px) auto 0;display:grid;gap:clamp(14px,1.8vw,26px)}
.n-lossrow:before{content:"";position:absolute;left:10%;top:-6px;width:clamp(90px,12vw,150px);height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 120'%3E%3Cpath d='M30 0v88M6 66l24 34 24-34' fill='none' stroke='%23d9d2c6' stroke-width='9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") top/contain no-repeat;z-index:0;pointer-events:none}
.n-lossrow li{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;background:#ece7df;border-radius:999px;padding:clamp(12px,1.4vw,18px) clamp(22px,2.6vw,36px);font-weight:800;letter-spacing:-.04em;font-size:clamp(17px,2.1vw,30px);color:#1d1510;width:fit-content;max-width:100%;box-shadow:0 8px 22px rgba(60,40,20,.10),inset 0 1px 0 #fff}
.n-lossrow li:nth-child(2){justify-self:end}
.n-lossrow li i{font-style:normal;color:#d7231c;font-size:1.05em;line-height:1}
.n-lossrow li b{color:#1d1510;font-weight:800}
.n-loss .n-note{max-width:760px;margin:clamp(18px,2vw,28px) auto 0;text-align:center;color:#6e6052}
.n-total{margin-top:clamp(30px,3.6vw,50px);text-align:center;letter-spacing:-.04em;font-weight:800;font-size:clamp(20px,2.6vw,38px);color:#1d1510}
.n-total span{color:#d7231c;font-size:clamp(34px,4.6vw,66px);line-height:1;vertical-align:-.06em}
.n-cond{margin-top:8px;text-align:center;color:#6e6052}
.n-loss .n-bridge{margin-top:clamp(36px,4.4vw,64px);text-align:center;color:#2a1d12}
@media (max-width:640px){
  .n-photos{grid-template-columns:1fr;max-width:300px}
  .n-lossrow{gap:12px}.n-lossrow li{width:100%;justify-content:center;font-size:17px}.n-lossrow li:nth-child(2){justify-self:stretch}
  .n-lossrow:before{display:none}
}

/* ---------- 03 프라블럼 추가 줄 ---------- */
.n-prob-bridge{margin-top:clamp(22px,2.6vw,36px);color:#ffc476}

/* ---------- 04 강의 내용 ---------- */
.n-lecture{position:relative;overflow:hidden;background:var(--espresso);padding:clamp(72px,9vw,160px) 0 clamp(80px,10vw,180px)}
.n-lecture:before{content:"";position:absolute;inset-inline:0;bottom:0;height:26%;background:linear-gradient(180deg,rgba(124,82,60,0) 0%,#7c523c 100%);pointer-events:none}
.n-lecture .shell{position:relative}
.n-lec-sub{margin-top:clamp(10px,1.2vw,16px);text-align:center;color:var(--on-dark);font-weight:500}
.n-lec-sub b{display:block;color:#ffc476;font-weight:700}
.n-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.7vw,24px);margin-top:clamp(36px,4.6vw,66px);align-items:start}
.n-chap{position:relative;background:linear-gradient(180deg,#1c1409 0%,#120c05 100%);border:1px solid #6e5133;border-radius:clamp(14px,1.5vw,22px);box-shadow:0 20px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,200,140,.12);overflow:hidden}
.n-chap-head{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:clamp(18px,2vw,28px) clamp(16px,1.8vw,26px) clamp(14px,1.6vw,22px);border-bottom:1px solid rgba(149,115,69,.45);background:linear-gradient(180deg,rgba(255,196,118,.08),transparent)}
.n-chap-head img{width:clamp(44px,4.4vw,64px);height:auto}
.n-chap-head small{display:block;letter-spacing:.08em;font-size:clamp(11px,.95vw,13px);font-weight:700;color:#ffc476;text-transform:uppercase}
.n-chap-head b{display:block;margin-top:4px;letter-spacing:-.04em;font-size:clamp(17px,1.6vw,23px);line-height:1.3;font-weight:800;color:var(--on-dark)}
.n-chap-head em{display:block;margin-top:5px;font-style:normal;font-size:clamp(11px,.95vw,13px);color:#c9a06c}
.n-q{border-bottom:1px solid rgba(149,115,69,.3)}
.n-q:last-of-type{border-bottom:0}
.n-q summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:clamp(14px,1.5vw,20px) clamp(16px,1.8vw,26px)}
.n-q summary::-webkit-details-marker{display:none}
.n-q .num{letter-spacing:-.04em;font-size:clamp(18px,1.8vw,26px);font-weight:700;color:#ffc476;line-height:1.25}
.n-q .qt{letter-spacing:-.04em;font-size:clamp(15px,1.35vw,19px);font-weight:700;line-height:1.45;color:var(--on-dark)}
.n-q .mis{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:8px;font-size:clamp(12.5px,1.05vw,14.5px);line-height:1.45;color:#b9ab98;letter-spacing:-.02em;font-weight:500}
.n-q .mis i{font-style:normal;flex:none;font-size:10.5px;font-weight:700;letter-spacing:.04em;color:#ffc476;border:1px solid rgba(255,196,118,.55);border-radius:4px;padding:1px 6px;line-height:1.5}
.n-q .mis span{color:#e8b77c;font-weight:700}
.n-q .plus{width:22px;height:22px;border-radius:50%;border:1px solid #957345;display:grid;place-items:center;color:#ffc476;font-size:16px;line-height:1;transition:transform .2s;margin-top:2px}
.n-q[open] .plus{transform:rotate(45deg)}
.n-q .ans{padding:0 clamp(16px,1.8vw,26px) clamp(16px,1.6vw,22px) calc(clamp(16px,1.8vw,26px) + 42px);font-size:clamp(13px,1.1vw,15.5px);line-height:1.8;color:#d6c7b3;letter-spacing:-.02em}
.n-final{margin:clamp(12px,1.2vw,16px);border-radius:14px;background:linear-gradient(180deg,#2a1b0e,#120b04);border:1px solid #957345;padding:clamp(16px,1.6vw,22px)}
.n-final .num{color:#ffc476;font-weight:700;letter-spacing:-.04em;font-size:clamp(18px,1.8vw,26px)}
.n-final .qt{display:block;margin-top:4px;font-weight:800;letter-spacing:-.04em;font-size:clamp(16px,1.45vw,20px);color:var(--on-dark);line-height:1.4}
.n-final .mis{display:block;margin-top:6px;font-size:clamp(12px,1vw,14px);color:#ffc476}
.n-final p{margin-top:8px;font-size:clamp(13px,1.05vw,14.5px);line-height:1.75;color:#d6c7b3}
.n-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px}
.n-steps div{background:#0d0804;border:1px solid rgba(149,115,69,.5);border-radius:8px;padding:10px 4px;text-align:center;font-size:clamp(10px,.9vw,12px);color:#ecdbc2;line-height:1.3}
.n-steps b{display:block;font-size:clamp(16px,1.5vw,20px);color:#ffc476;margin-bottom:4px;font-weight:800}
.n-lec-cta{display:flex;justify-content:center;margin-top:clamp(34px,4vw,56px)}
.n-lec-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:clamp(52px,4.6vw,66px);padding:0 clamp(28px,3vw,44px);border-radius:999px;background:linear-gradient(135deg,#fbbd78 0%,#e5a661 45%,#b47839 100%);color:#1a0f07;font-weight:800;letter-spacing:-.03em;font-size:clamp(15px,1.4vw,20px);box-shadow:0 12px 30px rgba(229,166,97,.25);transition:transform .15s}
.n-lec-cta a:hover{transform:translateY(-2px)}
@media (max-width:900px){.n-chapters{grid-template-columns:1fr;max-width:620px;margin-inline:auto}.n-steps{grid-template-columns:repeat(2,1fr)}}

/* ---------- 05 대학원 상단 연결 ---------- */
.n-grad-top{position:relative;text-align:center;padding-top:clamp(10px,1vw,16px);margin-bottom:clamp(40px,5vw,72px)}
.n-grad-top p{font-weight:800;letter-spacing:-.04em;line-height:1.45;font-size:clamp(19px,2.4vw,34px);color:var(--on-dark)}
.n-grad-top .yt,.n-grad-top .ig{position:absolute;width:clamp(42px,5vw,72px);height:auto;top:0}
.n-grad-top .yt{left:clamp(0px,16%,220px);top:clamp(6px,1.2vw,16px)}
.n-grad-top .ig{right:clamp(0px,16%,220px);top:clamp(-30px,-2.4vw,-18px)}
.n-grad-top .line{display:block;width:1px;height:clamp(44px,5.6vw,80px);margin:clamp(20px,2.4vw,34px) auto 0;background:linear-gradient(180deg,rgba(149,115,69,0),#957345 45%,rgba(149,115,69,0))}
@media (max-width:640px){.n-grad-top .yt{left:0}.n-grad-top .ig{right:0}}

/* ---------- 08 마무리 ---------- */
.n-closing{position:relative;overflow:hidden;background:#0a0603 url(../img/texture-marble.jpg) center/cover no-repeat;padding:clamp(80px,10vw,170px) 0}
.n-closing:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(160,90,48,.55) 0%,rgba(67,34,15,.35) 45%,rgba(0,0,0,.75) 100%)}
.n-closing:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,0) 25%,rgba(0,0,0,0) 75%,rgba(0,0,0,.7))}
.n-closing .shell{position:relative;z-index:1;text-align:center}
.n-closing .top{font-weight:600;letter-spacing:-.04em;font-size:clamp(17px,2vw,28px);color:rgba(245,239,232,.85)}
.n-closing h2{margin-top:clamp(8px,1vw,14px);text-shadow:0 2px 20px rgba(0,0,0,.5)}
.n-closing h2 em{font-style:normal}
.n-closing .sub{margin-top:clamp(18px,2.2vw,30px);color:rgba(245,239,232,.8);font-weight:500}

/* ---------- 09 혜택+오퍼 보정 ---------- */
.n-benefit-cards{margin-top:clamp(36px,4.6vw,70px)}
.n-offer-foot{margin-top:clamp(14px,1.6vw,22px)}

/* ---------- 10 FAQ: 운영본 그대로 ---------- */

/* 가격 카드: 50% OFF 원형 배지가 어두운 배경에 묻히지 않게 금색 테두리 */
.n-price .rounded-full.bg-black{box-shadow:0 0 0 2.5px #e7a865,0 8px 24px rgba(0,0,0,.55)}
.n-price a.bg-black{box-shadow:0 10px 30px rgba(0,0,0,.45);border:1.5px solid #a8845f}

/* ---- 02 변색 사례 콜라주 ---- */
.n-collage{position:relative;display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:clamp(10px,1.6vw,22px);align-items:end;width:100%;max-width:900px;margin:clamp(26px,3vw,44px) auto 0;padding:0 clamp(6px,1vw,14px)}
.n-collage figure{position:relative;margin:0;border-radius:clamp(14px,1.6vw,22px);overflow:hidden;box-shadow:0 18px 40px rgba(50,30,15,.22);background:#fff;aspect-ratio:4/5}
.n-collage figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.n-collage .c1{transform:rotate(-2.4deg) translateY(10px)}
.n-collage .c2{transform:translateY(-6px);z-index:1;box-shadow:0 26px 54px rgba(50,30,15,.3)}
.n-collage .c3{transform:rotate(2.4deg) translateY(10px)}
.n-collage .c3 img{object-position:50% 18%}
.n-collage figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;border-radius:999px;background:rgba(20,12,6,.72);backdrop-filter:blur(4px);color:#fff;text-align:center;font-weight:700;letter-spacing:-.03em;font-size:clamp(11px,1.05vw,15px)}
@media (max-width:640px){.n-collage{grid-template-columns:1fr 1fr;max-width:360px;gap:10px}.n-collage .c1,.n-collage .c2,.n-collage .c3{transform:none}.n-collage .c3{grid-column:1/-1;aspect-ratio:16/9}.n-collage .c3 img{object-position:50% 22%}}

/* ---- 02 하락 연출 ---- */
.n-losswrap{position:relative;max-width:760px;margin:clamp(30px,3.6vw,52px) auto 0}

.n-lossrow{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.2vw,16px) 0;margin:0;max-width:none}
.n-lossrow:before{display:none}
.n-lossrow li:nth-child(1){grid-column:1/3;grid-row:1;justify-self:start;margin-left:4%}
.n-lossrow li:nth-child(2){grid-column:2/3;grid-row:2;justify-self:center}
.n-lossrow li:nth-child(3){grid-column:2/4;grid-row:3;justify-self:end;margin-right:8%}
.n-lossrow li{box-shadow:0 10px 26px rgba(60,40,20,.12),inset 0 1px 0 #fff;background:rgba(236,231,223,.96)}
@media (max-width:640px){.n-lossrow{grid-template-columns:1fr;gap:12px}.n-lossrow li:nth-child(n){grid-column:1;justify-self:stretch}.n-lossrow li:nth-child(1){grid-row:1}.n-lossrow li:nth-child(2){grid-row:2}.n-lossrow li:nth-child(3){grid-row:3}}

/* ---- 08 후기: 위아래 어두운 섹션과 이어지는 배경 ---- */
.n-reviews{background:linear-gradient(180deg,#000 0%,#17110d 14%,#1b1410 50%,#15100b 86%,#0a0603 100%)}
.n-reviews .text-on-light{color:var(--on-dark)}
.n-reviews .g-marquee{position:relative}
.n-reviews .g-marquee:before,.n-reviews .g-marquee:after{content:"";position:absolute;top:0;bottom:0;width:clamp(40px,8vw,140px);z-index:2;pointer-events:none}
.n-reviews .g-marquee:before{left:0;background:linear-gradient(90deg,#1a1410,transparent)}
.n-reviews .g-marquee:after{right:0;background:linear-gradient(270deg,#1a1410,transparent)}

/* ---- 10 가격 CTA ---- */
.n-price a.t-lead{max-width:520px!important;margin-top:clamp(18px,2.2vw,30px)!important;background:linear-gradient(135deg,#fbbd78 0%,#e5a661 45%,#b47839 100%)!important;color:#1a0f07!important;border:0!important;font-weight:800!important;letter-spacing:-.03em;box-shadow:0 14px 34px rgba(229,166,97,.28),0 2px 0 rgba(255,255,255,.35) inset!important}
.n-price a.t-lead:hover{filter:brightness(1.04)}
.n-price .n-offer-foot{margin-top:clamp(12px,1.4vw,18px)!important;color:#b9a897!important}

/* ---- 02 스크롤 리빌 (운영본 reveal과 같은 타이밍) ---- */
.n-rv{opacity:0;transform:translate3d(0,16px,0);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
.n-rv.is-in{opacity:1;transform:none}
.n-lossrow li.n-rv:nth-child(2){transition-delay:.16s}.n-lossrow li.n-rv:nth-child(3){transition-delay:.32s}
.n-total.n-rv{transition-delay:.1s}.n-bridge.n-rv{transition-delay:.15s}

.n-lossrow li .nw{white-space:nowrap}
@media (prefers-reduced-motion:reduce){.n-rv{transition:none;opacity:1;transform:none}}

/* 계단식 하락 슬랩: 각 줄 뒤에 왼쪽부터 길어지는 바닥판 + 우하단 화살표 */
.n-stairs{position:absolute;inset:0;z-index:0;pointer-events:none}
.n-stairs i{position:absolute;left:0;height:33.333%;border-radius:0 999px 999px 0;background:linear-gradient(90deg,rgba(184,71,31,.0),rgba(184,71,31,.085) 30%,rgba(184,71,31,.14));transform-origin:left center;transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.n-stairs i:nth-child(1){top:0;width:46%;transition-delay:.05s}
.n-stairs i:nth-child(2){top:33.333%;width:70%;transition-delay:.25s}
.n-stairs i:nth-child(3){top:66.666%;width:96%;transition-delay:.45s}
.n-losswrap.is-in .n-stairs i{transform:scaleX(1)}
.n-fall-arrow{position:absolute;right:-6.5%;bottom:14%;width:clamp(30px,3.2vw,46px);height:auto;opacity:0;transform:translate(-8px,-8px);transition:opacity .4s ease .95s,transform .5s cubic-bezier(.2,.7,.2,1) .95s}
.n-losswrap.is-in .n-fall-arrow{opacity:1;transform:none}
@media (max-width:640px){.n-stairs{display:none}}
@media (prefers-reduced-motion:reduce){.n-stairs i{transform:none;transition:none}.n-fall-arrow{opacity:1;transform:none;transition:none}}

/* ---- 마감 폴리시 ---- */
/* 히어로 A 두 번째 줄: 모바일에서 한 줄 유지 */
.n-nowrap{white-space:nowrap}
@media (max-width:640px){h1 .n-nowrap{font-size:.86em;letter-spacing:-.05em}}
/* 손실 화살표: 3번째 알약 옆에 바짝 */
.n-fall-arrow{right:-1%;bottom:16%}
/* 모바일: 계단 슬랩을 세로 스택에도 적용 (왼쪽부터 길어지는 바닥판) */
@media (max-width:640px){
  .n-stairs{display:block}
  .n-stairs i{height:30%;border-radius:999px}
  .n-stairs i:nth-child(1){top:1.5%;width:60%}
  .n-stairs i:nth-child(2){top:35%;width:80%}
  .n-stairs i:nth-child(3){top:68.5%;width:100%}
  .n-fall-arrow{display:none}
  .n-lossrow li{box-shadow:0 8px 20px rgba(60,40,20,.10),inset 0 1px 0 #fff}
  /* 강의 카드: 모바일 여백·터치 영역 */
  .n-chap{border-radius:16px}
  .n-q summary{padding:16px 14px;gap:10px}
  .n-q .ans{padding-left:calc(14px + 38px)}
  .n-final{margin:10px}
  /* 콜라주: 두피 사진 가로 비율에서 머리 윗부분이 잘리지 않게 */
  .n-collage .c3{aspect-ratio:16/10}.n-collage .c3 img{object-position:50% 30%}
  /* 마무리: 모바일 행간 */
  .n-closing h2{font-size:clamp(26px,8vw,34px)}
}
/* 데스크톱: 강의 카드 그리드가 1200 미만에서 2열로 */
@media (min-width:641px) and (max-width:1100px){.n-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.n-chap:nth-child(3){grid-column:1/-1}}
/* FAQ 호버·열림 상태 금색 통일 (운영본 색 그대로) */
/* 가격 CTA 폭을 카드와 맞춤 */
.n-price a.t-lead{max-width:560px!important}

/* ---- 10 가격 블록: 제품 이미지 하단 경계 제거 + 카드 접지 ---- */
.n-prodwrap{position:relative}
.n-prodwrap:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:42%;background:linear-gradient(180deg,rgba(42,32,30,0) 0%,rgba(42,32,30,.75) 55%,var(--brown-deep) 100%);pointer-events:none}
.n-price{margin-top:clamp(18px,2.4vw,34px)}
.n-price-panel{position:relative;overflow:visible;border-radius:clamp(22px,2.4vw,34px);padding:clamp(34px,3.6vw,52px) clamp(16px,2.2vw,32px) clamp(24px,2.6vw,36px);background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.78));border:1.5px solid #a8845f;box-shadow:0 30px 70px rgba(0,0,0,.45);backdrop-filter:blur(3px)}
.n-price-panel>.relative{margin-top:0!important}
.n-price a.t-lead{max-width:none!important;width:100%!important;margin-top:clamp(16px,1.8vw,24px)!important;border-radius:14px!important;height:clamp(56px,5vw,72px)!important}
.n-price .n-offer-foot{margin-top:clamp(10px,1.2vw,16px)!important}
@media (max-width:640px){.n-price{margin-top:14px}.n-price-panel{padding:26px 12px 18px;border-radius:18px}}

/* ---- 02 결과 강조 패널 ---- */
.n-result{position:relative;max-width:760px;margin:clamp(34px,4vw,56px) auto 0;padding:clamp(26px,3vw,44px) clamp(18px,3vw,40px) clamp(28px,3vw,44px);border-radius:clamp(18px,2vw,28px);background:linear-gradient(180deg,#1a1210 0%,#120b08 100%);color:#fff;text-align:center;box-shadow:0 26px 60px rgba(40,20,10,.28)}
.n-result:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#f3c58b,#b8471f 55%,#f3c58b);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.n-result .n-total{margin-top:0;color:#fff}
.n-result .n-total span{color:#ff5a3c;text-shadow:0 0 24px rgba(255,90,60,.35)}
.n-result .n-cond{color:#bfae9a;margin-top:8px}
.n-result-line{border:0;height:1px;margin:clamp(18px,2vw,26px) auto;width:64px;background:linear-gradient(90deg,transparent,#e7a865,transparent)}
.n-result .n-bridge{margin-top:0;color:#fff;font-size:clamp(19px,2.3vw,32px)}
.n-result .n-bridge em{font-style:normal;color:#bfae9a;font-weight:600}
.n-result .n-bridge strong{color:#ffc476;font-weight:800;background:linear-gradient(transparent 62%,rgba(184,71,31,.45) 62%);padding:0 2px}
.n-bridge.n-rv{transition-delay:0s}
/* 손실 단일 리빌 패널 안 요소는 개별 리빌 해제 */
.n-result .n-rv{opacity:1;transform:none;transition:none}

/* ---- 02 모바일 계단: 오른쪽으로 들여쓰며 폭이 줄어드는 알약 + 연결선 ---- */
@media (max-width:640px){
  .n-stairs{display:none}
  .n-lossrow{gap:10px;position:relative}
  .n-lossrow li{justify-content:flex-start;width:auto;font-size:16px;padding:12px 18px}
  .n-lossrow li:nth-child(1){margin-left:0;width:88%;justify-self:start}
  .n-lossrow li:nth-child(2){width:82%;justify-self:start;margin-left:9%}
  .n-lossrow li:nth-child(3){width:76%;justify-self:start;margin-left:18%;margin-right:0}
  .n-lossrow:after{content:"";position:absolute;left:4%;top:50%;width:76%;height:2px;background:linear-gradient(90deg,rgba(184,71,31,.1),rgba(184,71,31,.55));transform:rotate(23deg);transform-origin:left center;z-index:0;pointer-events:none;border-radius:2px}
  .n-lossrow li{z-index:1}
  .n-result{padding:24px 16px 26px}
}

/* ---- 09 혜택 카드 패널: 흰 시트 → 다크 패널 + 밝은 티켓 ---- */
.n-ben-panel{background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.72))!important;border:1.5px solid #a8845f;box-shadow:0 30px 70px rgba(0,0,0,.4);backdrop-filter:blur(3px)}
.n-ben-panel>ul>li{background:linear-gradient(180deg,#f6e9d8 0%,#ecd9c0 100%)!important;box-shadow:0 14px 30px rgba(0,0,0,.35),inset 0 1px 0 #fff}
.n-ben-panel>ul>li:nth-child(2){background:linear-gradient(180deg,#fbe3c3 0%,#f0c994 100%)!important}
.n-ben-panel li p .text-\[\#f5cd92\]{color:#7a3b12!important}
.n-ben-panel li p .text-on-dark{color:#3a2414!important}
.n-ben-panel li ul{color:#5a4030!important;background:none!important;box-shadow:none!important}.n-ben-panel li ul li{background:none!important;box-shadow:none!important}
.n-ben-panel li>span.bg-white{background:#1a1310!important;box-shadow:inset 0 0 0 1.5px #a8845f}

/* ---- 02 결과 패널: 종이 섹션에 맞는 밝은 카드 + 붉은 좌측 바 ---- */
.n-result{background:linear-gradient(180deg,#fffdf9 0%,#f7efe3 100%);color:#1d1510;border:1px solid #d9c6a8;box-shadow:0 22px 50px rgba(60,40,20,.14);padding-top:clamp(28px,3vw,42px);overflow:hidden}
.n-result:before{display:none}
.n-result:after{content:"";position:absolute;left:0;top:14%;bottom:14%;width:5px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#e3201b,#b8471f)}
.n-result-label{display:inline-block;font-size:clamp(11px,1vw,13px);font-weight:700;letter-spacing:.06em;color:#8a5a22;border:1px solid #d9c6a8;border-radius:999px;padding:4px 12px;background:#fff}
.n-result .n-total{margin-top:14px;color:#1d1510}
.n-result .n-total span{color:#d7231c;text-shadow:none}
.n-result .n-cond{color:#7a6a5a}
.n-result-line{background:linear-gradient(90deg,transparent,#b8471f,transparent)}
.n-result .n-bridge{color:#1d1510}
.n-result .n-bridge em{color:#7a6a5a}
.n-result .n-bridge strong{color:#b8471f;background:linear-gradient(transparent 60%,rgba(227,32,27,.16) 60%)}

/* ---- 02 모바일 하락: 알약 안에 폭이 줄어드는 붉은 바 (막대 그래프) ---- */
@media (max-width:640px){
  .n-lossrow:after{display:none}
  .n-lossrow li{width:100%!important;margin:0!important;justify-self:stretch!important;position:relative;overflow:hidden;background:#ece7df!important;justify-content:flex-start}
  .n-lossrow li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:linear-gradient(90deg,rgba(184,71,31,.22),rgba(184,71,31,.10));border-radius:999px 0 0 999px;transform:scaleX(0);transform-origin:left center;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
  .n-lossrow li.is-in:before{transform:scaleX(1)}
  .n-lossrow li:nth-child(2).is-in:before{transition-delay:.2s}.n-lossrow li:nth-child(3).is-in:before{transition-delay:.4s}
  .n-lossrow li>*{position:relative}
}

/* ---- 02 모바일: 데스크톱과 같은 계단 연출 ---- */
@media (max-width:640px){
  .n-losswrap{max-width:none;margin-inline:-4px}
  .n-stairs{display:block}
  .n-stairs i{height:33.333%;border-radius:0 999px 999px 0}
  .n-stairs i:nth-child(1){top:0;width:62%}
  .n-stairs i:nth-child(2){top:33.333%;width:82%}
  .n-stairs i:nth-child(3){top:66.666%;width:100%}
  .n-lossrow{display:grid;grid-template-columns:1fr;gap:10px}
  .n-lossrow li{position:relative;overflow:visible;width:auto!important;font-size:15px;padding:11px 16px;gap:8px;white-space:nowrap;justify-content:flex-start;background:rgba(236,231,223,.97)!important}
  .n-lossrow li:before{display:none}
  .n-lossrow li:nth-child(1){margin:0 auto 0 0!important;justify-self:start!important}
  .n-lossrow li:nth-child(2){margin:0 0 0 12%!important;justify-self:start!important}
  .n-lossrow li:nth-child(3){margin:0 0 0 24%!important;justify-self:start!important}
  .n-fall-arrow{display:block;right:-2px;bottom:12%;width:26px}
}
@media (max-width:400px){.n-lossrow li{font-size:14px;padding:10px 13px}.n-lossrow li:nth-child(3){margin-left:18%!important}}

/* ---- 02 모바일 계단 중앙 정렬 ---- */
@media (max-width:640px){
  .n-losswrap{width:min(100%,340px);margin-inline:auto}
  .n-lossrow li:nth-child(1){margin-left:0!important}
  .n-lossrow li:nth-child(2){margin-left:10%!important}
  .n-lossrow li:nth-child(3){margin-left:20%!important}
  .n-stairs i:nth-child(1){width:66%}.n-stairs i:nth-child(2){width:84%}
  .n-fall-arrow{right:-6px}
}

/* ---- 02 결과 카드 강조 강화 ---- */
.n-result{isolation:isolate;background:linear-gradient(180deg,#fffdf9 0%,#f6ebdc 100%);border:1.5px solid #e2c9a3;box-shadow:0 28px 60px rgba(60,40,20,.18),0 0 0 6px rgba(227,32,27,.06)}
.n-result:after{width:6px;top:0;bottom:0;border-radius:0}
.n-result .n-total{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0 .18em;font-size:clamp(22px,2.6vw,36px);line-height:1.1}
.n-result .n-count{font-size:clamp(52px,7.2vw,96px);font-weight:900;letter-spacing:-.05em;color:#d7231c;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 2px 0 #fff,0 10px 30px rgba(215,35,28,.25);transition:transform .25s}
.n-result .n-unit{font-size:clamp(26px,3.4vw,46px);font-weight:900;color:#d7231c;letter-spacing:-.04em}
.n-result .n-total b{font-weight:800;color:#1d1510}
.n-result.is-done .n-count{animation:n-punch .5s cubic-bezier(.2,1.4,.4,1) 1}
@keyframes n-punch{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}
.n-result .n-bridge{font-size:clamp(20px,2.5vw,34px);line-height:1.5}
.n-result .n-bridge em{font-weight:600;color:#8a7a6a;text-decoration:line-through;text-decoration-color:rgba(215,35,28,.6);text-decoration-thickness:2px}
.n-result .n-bridge strong{background:none;padding:0}
.n-mark{position:relative;display:inline-block;color:#1d1510;padding:0 .12em;isolation:isolate}
.n-mark:before{content:"";position:absolute;inset:.1em -.1em -.05em;background:linear-gradient(90deg,#ffd27a,#f3a95a);border-radius:4px;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.2,1) .9s}
.n-result.is-in .n-mark:before{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){.n-mark:before{transform:none;transition:none}.n-result.is-done .n-count{animation:none}}
@media (max-width:640px){.n-result .n-total{font-size:20px}.n-result .n-count{font-size:56px}.n-result .n-unit{font-size:28px}.n-result .n-bridge{font-size:19px}}

/* ---- 02 결과 카드: 위험 경고 톤 (다크 레드) ---- */
.n-result{background:radial-gradient(120% 90% at 50% 0%,#5a0f0b 0%,#2a0806 55%,#120404 100%);color:#fff;border:1.5px solid rgba(255,80,60,.55);box-shadow:0 30px 70px rgba(120,10,0,.45),0 0 0 1px rgba(0,0,0,.6),0 0 60px rgba(215,35,28,.25)}
.n-result:after{width:6px;background:linear-gradient(180deg,#ff5a3c,#d7231c)}
.n-result:before{display:block;content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 6px,transparent 6px 14px);pointer-events:none;-webkit-mask:none;mask:none;padding:0}
.n-result-label{color:#ffb4a8;border-color:rgba(255,120,100,.5);background:rgba(0,0,0,.35)}
.n-result .n-total{color:#fff}
.n-result .n-count{color:#ff4b3a;text-shadow:0 0 18px rgba(255,75,58,.55),0 0 40px rgba(255,75,58,.3)}
.n-result .n-unit{color:#ff4b3a}
.n-result .n-total b{color:#fff}
.n-result .n-cond{color:#d9a9a2}
.n-result-line{background:linear-gradient(90deg,transparent,#ff5a3c,transparent)}
.n-result .n-bridge{color:#fff}
.n-result .n-bridge em{color:#b98b85;text-decoration-color:rgba(255,90,60,.8)}
.n-mark{color:#1d1510}
.n-mark:before{background:linear-gradient(90deg,#ffd27a,#ffb24a)}
.n-result.is-in{animation:n-alert 1.6s ease-out 1.2s 2}
@keyframes n-alert{0%,100%{box-shadow:0 30px 70px rgba(120,10,0,.45),0 0 0 1px rgba(0,0,0,.6),0 0 60px rgba(215,35,28,.25)}50%{box-shadow:0 30px 70px rgba(120,10,0,.5),0 0 0 1px rgba(0,0,0,.6),0 0 90px rgba(255,75,58,.5)}}
@media (prefers-reduced-motion:reduce){.n-result.is-in{animation:none}}

/* ---- 02 결과 카드: 바탕에서 붉은기 제거, 숫자만 붉게 ---- */
.n-result{background:radial-gradient(120% 90% at 50% 0%,#1c1a1b 0%,#0f0e0f 60%,#070607 100%);border:1.5px solid rgba(255,80,60,.5);box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.7),0 0 50px rgba(215,35,28,.18)}
.n-result:before{background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 6px,transparent 6px 14px)}
.n-result .n-count{color:#ff3b2a;text-shadow:0 0 14px rgba(255,59,42,.5),0 0 36px rgba(255,59,42,.25),0 2px 0 rgba(0,0,0,.6)}
.n-result .n-unit{color:#ff6a5c}
.n-result-label{color:#ff9a8c;border-color:rgba(255,100,80,.45);background:rgba(0,0,0,.45)}
.n-result .n-cond{color:#a9a0a0}
.n-result .n-bridge em{color:#8d8585}
@keyframes n-alert{0%,100%{box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.7),0 0 50px rgba(215,35,28,.18)}50%{box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.7),0 0 80px rgba(255,59,42,.42)}}

/* ---- 04 오해 문구: 배지 대신 "믿어온 말" 인용체 ---- */
.n-q .mis{gap:0 2px;color:#cfc1ad;font-size:clamp(13px,1.1vw,15px);font-weight:500;letter-spacing:-.02em;margin-top:7px;padding-left:2px}
.n-q .mis i.q{font-style:normal;color:#8c6740;font-weight:800;font-size:1.15em;line-height:1;margin:0 2px;border:0;padding:0;background:none}
.n-q .mis span{color:#ffc476;font-weight:700;text-decoration:underline;text-decoration-color:rgba(255,196,118,.45);text-underline-offset:3px;text-decoration-thickness:1.5px}
.n-q[open] .mis{color:#e6dccc}

/* ---- 02 손실 섹션: 차콜 플랫 다크톤 (확정) ---- */
.n-loss{background:radial-gradient(120% 70% at 50% 0%,#2a2320 0%,#191614 45%,#0f0d0c 100%);color:#fff}
.n-loss:before{display:none}
.n-loss .eyebrow{color:#e7a865}
.n-loss h2{color:#fff}.n-loss h2 em{color:#ff6a4a}
.n-photos-cap,.n-loss .n-note,.n-cond{color:#a79c8e}
.n-collage figure{border-color:#4a3b30;background:#1a1512;box-shadow:0 22px 50px rgba(0,0,0,.6)}
.n-collage .c2{box-shadow:0 30px 60px rgba(0,0,0,.7)}
.n-lossrow li{background:rgba(245,238,228,.97)!important;color:#1d1510;box-shadow:0 14px 30px rgba(0,0,0,.45),inset 0 1px 0 #fff}
.n-stairs i{background:linear-gradient(90deg,rgba(255,110,80,0),rgba(255,110,80,.12) 30%,rgba(255,110,80,.2))}
.n-fall-arrow path{stroke:#ff6a4a}
.n-result{border-color:rgba(255,80,60,.6);box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04),0 0 60px rgba(255,59,42,.22)}
.n-result:before{background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 6px,transparent 6px 14px)}
@keyframes n-alert{0%,100%{box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04),0 0 60px rgba(255,59,42,.22)}50%{box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04),0 0 90px rgba(255,59,42,.45)}}
@media (max-width:640px){.n-lossrow li{box-shadow:0 10px 24px rgba(0,0,0,.45),inset 0 1px 0 #fff}}

/* ---- 02 v3: 계단 슬랩 제거, 알약 뒤 큰 반투명 화살표 ---- */
.n-stairs,.n-fall-arrow{display:none!important}
.n-lossrow li{overflow:visible}
.n-bigarrow{position:absolute;right:-26px;top:50%;width:clamp(74px,8vw,112px);height:auto;transform:translateY(-44%) rotate(0deg);color:#ff5a3c;opacity:0;z-index:-1;pointer-events:none;filter:drop-shadow(0 8px 20px rgba(255,90,60,.25));transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.n-lossrow li{z-index:1;position:relative}
.n-lossrow li.is-in .n-bigarrow{opacity:.28;transform:translateY(-44%) translateX(8px)}
.n-lossrow li:nth-child(2).is-in .n-bigarrow{transition-delay:.18s}.n-lossrow li:nth-child(3).is-in .n-bigarrow{transition-delay:.36s;opacity:.4}
.n-losswrap{overflow:visible}
@media (max-width:640px){.n-bigarrow{right:-18px;width:64px}.n-lossrow li:nth-child(3){margin-right:12px!important}}
/* ---- 02 안내 문구 줄바꿈 ---- */
.n-loss .n-note{max-width:820px;text-wrap:balance}
.n-loss .n-note br.d{display:none}
@media (min-width:900px){.n-loss .n-note br.d{display:inline}}
/* ---- 02 결과 카드: 좌측 붉은 띠 제거 ---- */
.n-result:after{display:none}

/* ---- 02 큰 화살표: 알약 뒤로, 우하단에 크게 ---- */
.n-lossrow{isolation:isolate}
.n-lossrow li{isolation:auto;z-index:auto}
.n-bigarrow{z-index:-1;right:-34px;top:auto;bottom:-30px;width:clamp(96px,10vw,140px);transform:translate(-6px,0);opacity:0}
.n-lossrow li.is-in .n-bigarrow{opacity:.22;transform:translate(0,0)}
.n-lossrow li:nth-child(3).is-in .n-bigarrow{opacity:.34}
.n-bigarrow path{stroke-width:6}
@media (max-width:640px){.n-bigarrow{right:-14px;bottom:-22px;width:78px}.n-lossrow li{margin-right:14px!important}}

/* ---- 02 큰 화살표: 가시성 조정 ---- */
.n-bigarrow{right:-44px;bottom:-38px;width:clamp(110px,11.5vw,156px);color:#ff5a3c}
.n-lossrow li.is-in .n-bigarrow{opacity:.5}
.n-lossrow li:nth-child(2).is-in .n-bigarrow{opacity:.6}
.n-lossrow li:nth-child(3).is-in .n-bigarrow{opacity:.75}
.n-bigarrow path{stroke-width:7}
@media (max-width:640px){.n-bigarrow{right:-16px;bottom:-26px;width:84px}.n-lossrow li.is-in .n-bigarrow{opacity:.55}.n-lossrow li:nth-child(3).is-in .n-bigarrow{opacity:.8}}

@media (max-width:640px){
  .n-losswrap{width:min(100%,330px)}
  .n-lossrow li{width:auto!important;margin-right:0!important;padding-right:14px}
  .n-lossrow li:nth-child(1){margin-left:0!important}.n-lossrow li:nth-child(2){margin-left:9%!important}.n-lossrow li:nth-child(3){margin-left:18%!important}
  .n-bigarrow{right:-30px;bottom:-24px;width:78px}
}

@media (max-width:640px){
  .n-lossrow{display:flex!important;flex-direction:column;align-items:flex-start;gap:12px}
  .n-lossrow li{width:fit-content!important;max-width:88%!important;margin:0!important;justify-self:auto!important;flex:none}
  .n-lossrow li:nth-child(2){margin-left:10%!important}
  .n-lossrow li:nth-child(3){margin-left:20%!important}
  .n-lossrow li:before{display:none}
  .n-bigarrow{right:-34px;bottom:-26px;width:80px}
}

/* ---- 05 3D 아이콘 플로팅 ---- */
.n-grad-top .yt,.n-grad-top .ig{display:none}
.n-grad-top .yt3d,.n-grad-top .ig3d{position:absolute;width:clamp(72px,8.6vw,128px);height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6));pointer-events:none}
.n-grad-top .yt3d{left:clamp(0px,14%,200px);top:clamp(-6px,-.2vw,4px);animation:n-float1 5.2s ease-in-out infinite}
.n-grad-top .ig3d{right:clamp(0px,14%,200px);top:clamp(-40px,-3vw,-16px);animation:n-float2 6.1s ease-in-out infinite .8s}
@keyframes n-float1{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-14px) rotate(-2deg)}}
@keyframes n-float2{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-16px) rotate(3deg)}}
@media (max-width:640px){.n-grad-top .yt3d{left:-2%;width:64px;top:-6px}.n-grad-top .ig3d{right:-2%;width:64px;top:-30px}}
@media (prefers-reduced-motion:reduce){.n-grad-top .yt3d,.n-grad-top .ig3d{animation:none}}

/* ---- 06 강사 소개: Figma 레이아웃 ---- */
.n-prof-top{position:relative;background:var(--paper);padding:clamp(72px,8vw,120px) 0 0;text-align:center}
.n-prof-top:before{content:"";position:absolute;inset:0;background:url(../img/texture-paper.jpg) center/cover;opacity:.6;mix-blend-mode:multiply;pointer-events:none}
.n-prof-top .shell{position:relative}
.n-prof-quote{margin-top:clamp(28px,3.4vw,48px);font-weight:800;letter-spacing:-.04em;line-height:1.45;font-size:clamp(20px,2.7vw,38px);color:#1d1510}
.n-prof-id{display:grid;grid-template-columns:1fr auto;align-items:end;gap:clamp(20px,4vw,60px);max-width:980px;margin:clamp(30px,4vw,56px) auto 0;text-align:left}
.n-prof-txt{padding-bottom:clamp(30px,5vw,80px)}
.n-prof-name{font-weight:800;letter-spacing:-.04em;font-size:clamp(22px,2.6vw,36px);color:#1d1510}
.n-prof-name span{font-size:.72em;font-weight:700}
.n-prof-sub{margin-top:10px;font-size:clamp(12px,1.05vw,15px);line-height:1.65;color:#6b6059}
.n-prof-photo{width:clamp(180px,22vw,300px);border:5px solid #8c5c45;background:#3d3d3d;margin-bottom:calc(clamp(44px,5vw,72px) * -1);position:relative;z-index:1}
.n-prof-photo img{display:block;width:100%;height:auto}
.n-prof-bottom{background:var(--brown-band);color:#f3e6da;padding:clamp(72px,8vw,120px) 0 clamp(44px,5vw,72px)}
.n-prof-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,34px) clamp(28px,4vw,60px);font-size:clamp(12px,1.02vw,14.5px);line-height:1.75}
.n-prof-grid b{display:inline-block;background:#e8d5c4;color:#4a2a1a;padding:1px 8px;font-size:clamp(12px,1vw,14px);font-weight:800;margin-bottom:8px;border-radius:2px}
.n-prof-grid ul{list-style:none;margin:0;padding:0}.n-prof-grid li{padding-left:12px;text-indent:-12px}.n-prof-grid li:before{content:"· "}
.n-prof-full{grid-column:1/-1}
@media (max-width:640px){
  .n-prof-id{grid-template-columns:1fr;justify-items:center;text-align:center;gap:18px}
  .n-prof-txt{padding-bottom:0;order:1}.n-prof-photo{order:2;width:200px;margin-bottom:-40px}
  .n-prof-bottom{padding-top:64px}.n-prof-grid{grid-template-columns:1fr}
}


/* ---- 09 티켓 하단 원형 제거 ---- */
.n-ben-panel>ul>li>span.bg-white,.n-ben-panel li>span.bg-white{display:none!important}
/* ---- 09 제품 이미지 좌우 끊김: 모든 폭에서 양쪽 페이드 + 하단 페이드 ---- */
.n-prodwrap{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%)}
.n-prodwrap:after{height:46%}
@media (max-width:640px){.n-prodwrap{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}}

/* ---- 02: 긴 그라데이션 화살표 하나 + 섹션 여백 확대 ---- */
.n-bigarrow{display:none!important}
.n-losswrap{position:relative;max-width:820px;margin:clamp(44px,5.4vw,78px) auto 0;padding:10px 0}
.n-longarrow{position:absolute;left:-3%;top:-10%;width:106%;height:124%;z-index:0;pointer-events:none;overflow:visible;filter:drop-shadow(0 0 22px rgba(255,80,50,.18))}
.n-longarrow path{stroke-linecap:round}
.la-line{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.25s cubic-bezier(.4,0,.2,1) .15s}
.la-head{opacity:0;transition:opacity .35s ease 1.3s}
.n-losswrap.is-in .la-line{stroke-dashoffset:0}
.n-losswrap.is-in .la-head{opacity:1}
.n-lossrow{position:relative;z-index:1;gap:clamp(16px,2vw,26px) 0}
.n-loss h2{margin-top:clamp(56px,6.5vw,96px)}
.n-loss .n-note{margin-top:clamp(28px,3.2vw,44px)}
.n-result{margin-top:clamp(44px,5.4vw,78px)}
.n-collage{margin-top:clamp(34px,4vw,60px)}
.n-loss{padding:clamp(80px,9.5vw,140px) 0 clamp(96px,10.5vw,150px)}
@media (max-width:640px){
  .n-losswrap{width:min(100%,340px);padding:6px 0}
  .n-longarrow{left:-6%;top:-8%;width:112%;height:118%}
  .n-lossrow{gap:14px}
  .n-lossrow li{max-width:84%!important}
}
@media (prefers-reduced-motion:reduce){.la-line{stroke-dashoffset:0;transition:none}.la-head{opacity:1;transition:none}}

/* ---- 02 긴 화살표: 머리 비율 고정 ---- */
.n-longarrow{left:-2%;top:-8%;width:104%;height:118%}
.n-longhead{position:absolute;right:-3.5%;bottom:-10%;width:clamp(52px,5.6vw,80px);height:auto;z-index:0;pointer-events:none;opacity:0;transform:translate(-10px,-10px);transition:opacity .35s ease 1.3s,transform .45s cubic-bezier(.2,.7,.2,1) 1.3s;filter:drop-shadow(0 0 18px rgba(255,59,42,.35))}
.n-losswrap.is-in .n-longhead{opacity:1;transform:none}
.la-head{display:none}
@media (max-width:640px){.n-longarrow{left:-5%;top:-7%;width:108%;height:114%}.n-longhead{right:-6%;bottom:-9%;width:44px}}
@media (prefers-reduced-motion:reduce){.n-longhead{opacity:1;transform:none;transition:none}}

/* ---- 02 화살표 머리를 선 끝에 붙임 ---- */
.n-longhead{right:-1.5%;bottom:-6%}
@media (max-width:640px){.n-longhead{right:-4%;bottom:-6%}}
/* ---- 05 대학원 섹션 여백: 상단 압축, 연결문구-제목 간격 정리 ---- */
.n-grad-top{margin-bottom:clamp(28px,3.4vw,48px);padding-top:clamp(6px,.8vw,12px)}
.n-grad-top .line{height:clamp(36px,4.2vw,60px);margin-top:clamp(16px,2vw,28px)}
.n-grad-top .yt3d{top:clamp(-2px,0vw,6px)}
.n-grad-top .ig3d{top:clamp(-30px,-2.2vw,-12px)}
.n-grad .t-h2+.t-body-lg{margin-top:clamp(14px,1.8vw,26px)}
@media (max-width:640px){.n-grad-top{margin-bottom:24px}.n-grad-top .line{height:32px;margin-top:14px}}

/* ---- 06 강사 소개: 2단 카드 레이아웃 ---- */
.n-prof-top{padding:clamp(72px,8vw,120px) 0 clamp(56px,6vw,90px)}
.n-prof-card{display:grid;grid-template-columns:clamp(240px,28vw,380px) 1fr;gap:clamp(28px,4.5vw,72px);align-items:center;max-width:1040px;margin:clamp(36px,4.6vw,64px) auto 0;text-align:left}
.n-prof-id,.n-prof-txt{display:contents}
.n-prof-photo{width:100%;border:6px solid #8c5c45;background:#3d3d3d;margin:0;position:relative;box-shadow:0 24px 50px rgba(60,40,20,.22)}
.n-prof-photo img{display:block;width:100%;height:auto}
.n-prof-body{display:grid;gap:clamp(12px,1.4vw,18px)}
.n-prof-quote{margin:0;font-weight:800;letter-spacing:-.04em;line-height:1.4;font-size:clamp(20px,2.4vw,34px);color:#1d1510}
.n-prof-name{font-weight:800;letter-spacing:-.04em;font-size:clamp(22px,2.4vw,32px);color:#1d1510;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.n-prof-name span{font-size:.56em;font-weight:700;color:#744128;background:#e8d5c4;border-radius:4px;padding:2px 8px}
.n-prof-sub{margin:0;font-size:clamp(14px,1.25vw,17px);line-height:1.7;color:#5d5249}
.n-prof-sub strong{color:#744128;font-weight:800}
.n-prof-tags{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.n-prof-tags li{font-size:clamp(11px,1vw,13px);font-weight:700;color:#4a2a1a;border:1px solid #c9ae8f;border-radius:999px;padding:5px 11px;background:rgba(255,255,255,.55)}
.n-prof-bottom{padding:clamp(48px,5.6vw,80px) 0 clamp(48px,5.6vw,80px)}
.n-prof-grid{grid-template-columns:1fr 1.25fr 1fr;gap:clamp(22px,3vw,44px)}
.n-prof-grid b{margin-bottom:12px}
.n-prof-grid li{margin-bottom:8px;line-height:1.6}
.n-prof-grid li small{display:block;text-indent:0;margin-top:2px;font-size:.88em;color:#d9c4b2;font-weight:400}
.n-prof-full{grid-column:auto}
@media (max-width:900px){.n-prof-card{grid-template-columns:1fr;max-width:560px;text-align:center}.n-prof-photo{width:min(60%,260px);margin:0 auto}.n-prof-name{justify-content:center}.n-prof-tags{justify-content:center}.n-prof-grid{grid-template-columns:1fr}}

/* ---- 06→07→08→09 섹션 리듬 통일 ---- */
.n-prof-bottom{padding:clamp(44px,5vw,72px) 0 clamp(52px,6vw,88px)}
.n-patents .t-h2+.t-body-lg{margin-top:clamp(14px,1.8vw,26px)!important}
.n-patents ul{margin-top:clamp(32px,4vw,56px)!important}
.n-reviews .t-h2+.t-body-lg{margin-top:clamp(12px,1.4vw,20px)!important}
.n-reviews .mt-\[48px\]{margin-top:clamp(36px,4.4vw,64px)!important}
.n-closing{padding:clamp(72px,8.6vw,124px) 0}
/* 프로필 하단 브라운 → 특허 검정 사이 하드 엣지 완화 */
.n-patents{position:relative}
.n-patents:before{content:"";position:absolute;inset-inline:0;top:0;height:clamp(40px,5vw,72px);background:linear-gradient(180deg,rgba(100,62,43,.28),transparent);pointer-events:none}

/* ---- 02 사진 → 제목 여백 확대 ---- */
.n-loss h2{margin-top:clamp(88px,10vw,150px)}
@media (max-width:640px){.n-loss h2{margin-top:72px}}

/* ---- 06 인용문 필기체 강조, 소개문·태그 제거 ---- */
.n-prof-quote{font-family:'Nanum Pen Script',var(--font-pretendard);font-weight:400;font-size:clamp(34px,4.2vw,60px);line-height:1.25;letter-spacing:0;color:#2a1810;position:relative;padding:0 .1em}
.n-prof-quote .qm{color:#b8794a;font-size:1.1em;line-height:0;vertical-align:-.1em}
.n-prof-quote:after{content:"";display:block;width:clamp(60px,6vw,90px);height:4px;margin-top:clamp(10px,1.2vw,16px);background:linear-gradient(90deg,#c8935c,#e7a865);border-radius:2px}
.n-prof-body{gap:clamp(14px,1.8vw,24px)}
.n-prof-name{margin-top:4px}
@media (max-width:900px){.n-prof-quote:after{margin-inline:auto}}

/* ---- 06 이력: 데스크톱은 항상 펼침, 모바일은 요약 + 토글 ---- */
.n-prof-summary,.n-prof-more{display:none}
@media (max-width:640px){
  .n-prof-bottom{padding:36px 0 40px}
  .n-prof-summary{display:block;text-align:center;font-size:13px;line-height:1.7;color:#f3e6da;letter-spacing:-.02em}
  .n-prof-more{display:inline-flex;align-items:center;gap:8px;margin:14px auto 0;padding:10px 16px;border:1px solid rgba(243,230,218,.45);border-radius:999px;background:transparent;color:#f3e6da;font:700 13px var(--font-pretendard);cursor:pointer}
  .n-prof-more i{font-style:normal;font-size:16px;line-height:1;transition:transform .2s}
  .n-prof-more[aria-expanded="true"] i{transform:rotate(45deg)}
  .n-prof-bottom .shell:first-child{text-align:center}
  #profDetail{display:none;margin-top:22px;grid-template-columns:1fr 1fr;gap:16px 14px;font-size:12px;line-height:1.55}
  #profDetail.is-open{display:grid}
  #profDetail>div:nth-child(2){grid-column:1/-1}
  #profDetail b{margin-bottom:6px;font-size:12px}
  #profDetail li{margin-bottom:4px}
  #profDetail li small{font-size:.86em}
}

/* ---- 06 모바일 이력: 세로 스택 ---- */
@media (max-width:640px){#profDetail{grid-template-columns:1fr;gap:18px}#profDetail>div:nth-child(2){grid-column:auto}}

/* ---- 09 스페셜 베네핏: 중첩 박스 제거, 레이어 단순화 ---- */
.n-ben-panel{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;border-radius:0!important}
.n-ben-panel>ul{gap:clamp(14px,1.8vw,26px)!important}
.n-ben-panel>ul>li{border-radius:clamp(16px,1.8vw,24px)!important;box-shadow:0 22px 50px rgba(0,0,0,.45),inset 0 1px 0 #fff!important}
.n-ben-panel>ul>li:nth-child(2){transform:translateY(-10px);box-shadow:0 28px 60px rgba(0,0,0,.55),0 0 0 2px rgba(231,168,101,.55),inset 0 1px 0 #fff!important}
/* 제품 설명: 어두운 박스 → 테두리 없는 캡션 */
.n-prodwrap+div{background:none!important;border:0!important;backdrop-filter:none!important;box-shadow:none!important;margin-top:clamp(-14%,-12vw,-6%)!important;padding-top:0!important}
.n-prodwrap+div .t-h2{text-shadow:0 2px 20px rgba(0,0,0,.6)}
/* 가격 패널: 테두리 제거, 카드만 남김 */
.n-price-panel{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important}
.n-price{margin-top:clamp(28px,3.6vw,52px)}
.n-price .rounded-\[20px\]{box-shadow:0 30px 70px rgba(0,0,0,.5)}
.n-price a.t-lead{max-width:520px!important;margin-inline:auto}
@media (max-width:640px){.n-ben-panel>ul>li:nth-child(2){transform:none}.n-prodwrap+div{margin-top:-8%!important}}

/* ---- 09 가격 + CTA: 단일 강조 패널 ---- */
.n-price-panel{position:relative;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.78))!important;border:1.5px solid #c99a63!important;border-radius:clamp(24px,2.6vw,36px)!important;padding:clamp(34px,3.8vw,56px) clamp(18px,2.4vw,36px) clamp(26px,2.8vw,40px)!important;box-shadow:0 34px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04),0 0 70px rgba(229,166,97,.14)!important;backdrop-filter:blur(4px)!important;overflow:visible}
.n-price-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(70% 60% at 50% 0%,rgba(229,166,97,.14),transparent 70%);pointer-events:none}
.n-price-panel .rounded-\[20px\]{box-shadow:0 18px 44px rgba(0,0,0,.45)}
.n-price a.t-lead{max-width:none!important;width:100%!important;height:clamp(58px,5.2vw,76px)!important;border-radius:16px!important;margin-top:clamp(18px,2vw,26px)!important;font-size:clamp(17px,1.5vw,22px)!important;box-shadow:0 16px 36px rgba(229,166,97,.32),0 2px 0 rgba(255,255,255,.35) inset!important}
.n-price .n-offer-foot{margin-top:clamp(12px,1.4vw,18px)!important;color:#c9b7a4!important}
.n-price{margin-top:clamp(36px,4.6vw,66px)}
@media (max-width:640px){.n-price-panel{padding:30px 14px 22px!important;border-radius:20px!important}}

.n-price-panel{padding-top:clamp(44px,4.6vw,66px)!important}
.n-price-panel .rounded-\[20px\]{overflow:visible}
@media (max-width:640px){.n-price-panel{padding-top:38px!important}}

/* ---- 02 마커 여백 ---- */
.n-mark{padding:.08em .32em;margin-right:.1em;line-height:1.35;display:inline-block}
.n-mark:before{inset:0;border-radius:6px}
.n-result .n-bridge{line-height:1.6}
/* ---- 09 모바일 가격 패널 가로 넘침 수정 ---- */
@media (max-width:640px){
  .n-price{width:calc(100% - 32px)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
  .n-price-panel{width:100%!important;max-width:100%!important;box-sizing:border-box}
  .n-price-panel .rounded-\[20px\]{overflow:hidden}
  .n-price a.t-lead{font-size:16px!important;height:56px!important}
}

/* ---- 02 네온 지그재그 하락 화살표 ---- */
.n-longarrow,.n-longhead{display:none!important}
.n-neon{position:absolute;left:-3%;top:-10%;width:106%;height:122%;z-index:0;pointer-events:none;overflow:visible}
.neon-glow,.neon-core{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.4s cubic-bezier(.4,0,.2,1) .15s}
.n-losswrap.is-in .neon-glow,.n-losswrap.is-in .neon-core{stroke-dashoffset:0}
.n-neonhead{position:absolute;right:-2.5%;bottom:-9%;width:clamp(44px,4.8vw,66px);height:auto;z-index:0;pointer-events:none;opacity:0;transform:translate(-8px,-8px) rotate(0deg);transition:opacity .3s ease 1.45s,transform .45s cubic-bezier(.2,.7,.2,1) 1.45s}
.n-losswrap.is-in .n-neonhead{opacity:1;transform:none}
.n-losswrap.is-in .n-neon{animation:n-neonflicker 3.6s ease-in-out 1.8s infinite}
@keyframes n-neonflicker{0%,100%{opacity:1}48%{opacity:1}50%{opacity:.72}52%{opacity:1}80%{opacity:.9}}
@media (max-width:640px){.n-neon{left:-6%;top:-8%;width:112%;height:118%}.n-neonhead{right:-5%;bottom:-8%;width:40px}}
@media (prefers-reduced-motion:reduce){.neon-glow,.neon-core{stroke-dashoffset:0;transition:none}.n-neonhead{opacity:1;transform:none;transition:none}.n-losswrap.is-in .n-neon{animation:none}}

/* ---- 02 네온 화살표 v2: 알약 앞, 큰 선 + 마커 헤드 ---- */
.n-neonhead{display:none!important}
.n-losswrap{isolation:isolate}
.n-neon{left:-7%;top:-14%;width:114%;height:128%;z-index:2;opacity:.95;mix-blend-mode:screen}
.n-lossrow{z-index:1}
.neon-glow,.neon-core{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1) .15s}
@media (max-width:640px){.n-neon{left:-10%;top:-12%;width:120%;height:124%}}

/* ---- 02 네온 화살촉 ---- */
.neon-tip{opacity:0;transition:opacity .35s ease 1.5s}
.n-losswrap.is-in .neon-tip{opacity:1}
@media (prefers-reduced-motion:reduce){.neon-tip{opacity:1;transition:none}}

/* ---- 06 인용문: 손글씨 → 명조 (진중한 톤) ---- */
.n-prof-quote{font-family:'Nanum Myeongjo',"Apple Myungjo",serif;font-weight:800;font-size:clamp(22px,2.6vw,38px);line-height:1.5;letter-spacing:-.02em;color:#1d1510}
.n-prof-quote .qm{font-family:'Nanum Myeongjo',serif;color:#b8794a;font-size:1.2em;line-height:0;vertical-align:-.15em}
/* ---- 06 모바일: 사진 작게, 텍스트 옆에 ---- */
@media (max-width:900px){
  .n-prof-card{grid-template-columns:116px 1fr;gap:18px;align-items:center;text-align:left;max-width:none}
  .n-prof-photo{width:116px;margin:0;border-width:4px}
  .n-prof-quote{font-size:19px;line-height:1.45}
  .n-prof-quote:after{margin-inline:0;width:48px;height:3px;margin-top:10px}
  .n-prof-name{justify-content:flex-start;font-size:19px;gap:8px}
  .n-prof-name span{font-size:.62em;padding:2px 7px}
  .n-prof-top{padding:56px 0 44px}
  .n-prof-top .shell{width:calc(100% - 32px)}
}
@media (max-width:400px){.n-prof-card{grid-template-columns:104px 1fr;gap:14px}.n-prof-photo{width:104px}.n-prof-quote{font-size:17.5px}}

/* ---- 06 모바일 레이아웃 확정: 사진 좌 · 텍스트 우 ---- */
@media (max-width:900px){
  .n-prof-card{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;grid-template-areas:"photo body";gap:16px!important;align-items:center;justify-items:start;max-width:none;text-align:left}
  .n-prof-photo{grid-area:photo;width:112px!important;margin:0!important;order:0}
  .n-prof-body{grid-area:body;min-width:0;gap:10px}
  .n-prof-quote{font-size:18px;line-height:1.5;white-space:normal}
  .n-prof-quote .qs{display:none}
  .n-prof-name{font-size:18px}
}
@media (max-width:400px){.n-prof-card{grid-template-columns:100px minmax(0,1fr)!important;gap:14px!important}.n-prof-photo{width:100px!important}.n-prof-quote{font-size:16.5px}}

.n-prof-quote .qs{display:none}
@media (max-width:900px){.n-prof-quote .qb{display:none}.n-prof-quote .qs{display:inline}}
@media (max-width:900px) and (min-width:641px){.n-prof-quote .qb{display:inline}.n-prof-quote .qs{display:none}}

/* ---- 02 모바일: 계단 그룹 중앙 정렬 ---- */
@media (max-width:640px){
  .n-losswrap{width:fit-content!important;max-width:100%;margin-inline:auto!important;padding:6px 0}
  .n-lossrow{display:grid!important;grid-template-columns:1fr;width:fit-content;margin-inline:auto;gap:14px}
  .n-lossrow li{width:fit-content!important;max-width:none!important;white-space:nowrap;font-size:15px;padding:11px 16px}
  .n-lossrow li:nth-child(1){margin-left:0!important}
  .n-lossrow li:nth-child(2){margin-left:34px!important}
  .n-lossrow li:nth-child(3){margin-left:68px!important}
  .n-neon{left:-14%;top:-14%;width:128%;height:128%}
}
@media (max-width:380px){.n-lossrow li{font-size:14px;padding:10px 13px}.n-lossrow li:nth-child(2){margin-left:26px!important}.n-lossrow li:nth-child(3){margin-left:52px!important}}

/* ================= 06 강사 소개 v3: 다크 스테이지 + 누끼 ================= */
.n-prof2{position:relative;overflow:hidden;background:radial-gradient(90% 70% at 72% 28%,#4a3328 0%,#2a1f1b 40%,#15100d 100%);color:var(--on-dark);padding:clamp(72px,8.5vw,128px) 0 clamp(56px,6.5vw,96px)}
.n-prof2:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 75% 35%,rgba(231,168,101,.14),transparent 70%);pointer-events:none}
.n-prof2-inner{position:relative}
.n-prof2-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,4vw,64px);max-width:1100px;margin:clamp(28px,3.6vw,52px) auto 0;min-height:clamp(380px,38vw,560px)}
.n-prof2-text{position:relative;z-index:2;padding-bottom:clamp(20px,2.4vw,36px)}
.n-prof2-quote{font-family:var(--font-pretendard);font-weight:800;letter-spacing:-.04em;line-height:1.4;font-size:clamp(24px,2.9vw,42px);color:#fff}
.n-prof2-quote .qm{color:var(--gold);font-size:1.05em;line-height:0;vertical-align:-.08em}
.n-prof2-quote .qs{display:none}
.n-prof2-quote:after{content:"";display:block;width:clamp(56px,5.6vw,84px);height:3px;margin-top:clamp(16px,1.8vw,24px);background:linear-gradient(90deg,#c8935c,#e7a865);border-radius:2px}
.n-prof2-name{margin-top:clamp(18px,2vw,28px);font-weight:800;letter-spacing:-.04em;font-size:clamp(22px,2.4vw,32px);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.n-prof2-name span{font-size:.56em;font-weight:700;color:#1a0f07;background:linear-gradient(90deg,#f6cd97,#e5ab6f);border-radius:4px;padding:3px 9px}
.n-prof2-sub{margin-top:12px;font-size:clamp(13px,1.15vw,16px);line-height:1.7;color:#cdbfae}
.n-prof2-photo{position:relative;z-index:1;align-self:end;justify-self:center;width:min(100%,520px)}
.n-prof2-photo:before{content:"";position:absolute;left:50%;bottom:6%;width:78%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(231,168,101,.22),rgba(231,168,101,0) 70%);filter:blur(10px);pointer-events:none}
.n-prof2-photo img{position:relative;display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%);filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}
.n-prof2-cred{position:relative;z-index:2;margin-top:clamp(8px,1vw,16px);padding-top:clamp(28px,3.2vw,44px);border-top:1px solid rgba(255,255,255,.08)}
.n-prof2 .n-prof-summary,.n-prof2 .n-prof-more{display:none}
.n-prof2 .n-prof-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:clamp(22px,3vw,44px);font-size:clamp(12px,1.02vw,14.5px);line-height:1.7;color:#e8dccd}
.n-prof2 .n-prof-grid b{display:inline-block;background:rgba(231,168,101,.16);color:var(--gold);border:1px solid rgba(231,168,101,.4);padding:1px 8px;font-size:clamp(11px,.95vw,13px);font-weight:800;margin-bottom:10px;border-radius:3px}
.n-prof2 .n-prof-grid ul{list-style:none;margin:0;padding:0}.n-prof2 .n-prof-grid li{padding-left:12px;text-indent:-12px;margin-bottom:8px}.n-prof2 .n-prof-grid li:before{content:"· "}
.n-prof2 .n-prof-grid li small{display:block;text-indent:0;margin-top:2px;font-size:.88em;color:#b4a593;font-weight:400}
@media (max-width:900px){
  .n-prof2-stage{grid-template-columns:1fr;gap:0;min-height:0;text-align:center}
  .n-prof2-text{order:1;padding-bottom:0}
  .n-prof2-quote:after{margin-inline:auto}
  .n-prof2-name{justify-content:center}
  .n-prof2-photo{order:2;width:min(72%,320px);margin-top:18px}
  .n-prof2 .n-prof-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .n-prof2{padding:56px 0 44px}
  .n-prof2-quote{font-size:21px}.n-prof2-quote .qb{display:none}.n-prof2-quote .qs{display:inline}
  .n-prof2-name{font-size:19px}
  .n-prof2-photo{width:min(64%,250px);margin-top:12px}
  .n-prof2-cred{padding-top:22px;text-align:center}
  .n-prof2 .n-prof-summary{display:block;font-size:13px;line-height:1.7;color:#e8dccd}
  .n-prof2 .n-prof-more{display:inline-flex;align-items:center;gap:8px;margin:14px auto 0;padding:10px 16px;border:1px solid rgba(231,168,101,.45);border-radius:999px;background:transparent;color:var(--gold);font:700 13px var(--font-pretendard);cursor:pointer}
  .n-prof2 .n-prof-more i{font-style:normal;font-size:16px;line-height:1;transition:transform .2s}
  .n-prof2 .n-prof-more[aria-expanded="true"] i{transform:rotate(45deg)}
  .n-prof2 #profDetail{display:none;margin-top:20px;text-align:left;gap:18px;font-size:12px;line-height:1.55}
  .n-prof2 #profDetail.is-open{display:grid}
}

/* ---- 02 알약: 네온에 맞춘 다크 글래스 ---- */
.n-lossrow li{background:linear-gradient(180deg,rgba(40,28,24,.92),rgba(18,12,10,.96))!important;color:#fff!important;border:1px solid rgba(255,90,60,.45);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 18px 40px rgba(0,0,0,.55),0 0 28px rgba(255,59,42,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(6px)}
.n-lossrow li i{color:#ff5a3c;text-shadow:0 0 10px rgba(255,90,60,.8)}
.n-lossrow li b{color:#ff6a5c!important;text-shadow:0 0 12px rgba(255,90,60,.55)}
.n-lossrow li .nw{color:#fff}
.n-lossrow li:nth-child(3){border-color:rgba(255,90,60,.7);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 18px 40px rgba(0,0,0,.55),0 0 40px rgba(255,59,42,.32),inset 0 1px 0 rgba(255,255,255,.08)!important}
.n-neon{z-index:0;opacity:.95}
.n-lossrow{z-index:1}
/* ---- 06 모바일 인용문 두 줄 유지 ---- */
@media (max-width:640px){.n-prof2-quote{font-size:20px;line-height:1.45}.n-prof2-quote .qb{display:inline}.n-prof2-quote .qs{display:none}}

/* ---- 06 v3.1: 원본 사진 + 소프트 블렌드 ---- */
.n-prof2{background:radial-gradient(90% 70% at 72% 30%,#5a5451 0%,#2a2523 40%,#15110f 100%)}
.n-prof2:before{background:radial-gradient(60% 50% at 75% 35%,rgba(231,168,101,.10),transparent 70%)}
.n-prof2-photo{width:min(100%,560px);align-self:center}
.n-prof2-photo:before{display:none}
.n-prof2-photo img{aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;border-radius:0;filter:none;
  -webkit-mask-image:radial-gradient(ellipse 62% 70% at 50% 46%,#000 52%,rgba(0,0,0,.6) 70%,transparent 100%);mask-image:radial-gradient(ellipse 62% 70% at 50% 46%,#000 52%,rgba(0,0,0,.6) 70%,transparent 100%)}
.n-prof2-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1e1917 0%,rgba(30,25,23,0) 22%,rgba(30,25,23,0) 78%,#1e1917 100%),linear-gradient(180deg,rgba(30,25,23,.35) 0%,rgba(30,25,23,0) 25%,rgba(30,25,23,0) 70%,#15110f 100%);pointer-events:none;mix-blend-mode:multiply;opacity:.9}
/* ---- 06 모바일 레이아웃 ---- */
@media (max-width:900px){
  .n-prof2-stage{display:grid;grid-template-columns:1fr;gap:0;text-align:left;max-width:560px}
  .n-prof2-photo{order:1;width:100%;margin:0 auto}
  .n-prof2-photo img{aspect-ratio:16/11;object-position:50% 22%;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 45%,#000 50%,rgba(0,0,0,.6) 72%,transparent 100%);mask-image:radial-gradient(ellipse 70% 80% at 50% 45%,#000 50%,rgba(0,0,0,.6) 72%,transparent 100%)}
  .n-prof2-text{order:2;margin-top:-28px;padding-bottom:0;text-align:center}
  .n-prof2-quote:after{margin-inline:auto}
  .n-prof2-name{justify-content:center}
}
@media (max-width:640px){
  .n-prof2{padding:52px 0 40px}
  .n-prof2-stage{margin-top:22px}
  .n-prof2-photo img{aspect-ratio:1/1;object-position:50% 20%}
  .n-prof2-text{margin-top:-22px}
  .n-prof2-quote{font-size:20px;line-height:1.45}
  .n-prof2-name{font-size:19px;margin-top:14px}
  .n-prof2-sub{font-size:12.5px;margin-top:8px}
  .n-prof2-cred{margin-top:14px;padding-top:20px}
}

/* ---- 06 사진 블렌드 강제 ---- */
.n-prof2 .n-prof2-photo{overflow:visible}
.n-prof2 .n-prof2-photo img{
  -webkit-mask-image:radial-gradient(ellipse 60% 66% at 50% 44%,#000 48%,rgba(0,0,0,.55) 66%,transparent 92%)!important;
  mask-image:radial-gradient(ellipse 60% 66% at 50% 44%,#000 48%,rgba(0,0,0,.55) 66%,transparent 92%)!important;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.n-prof2 .n-prof2-photo:after{display:none}
@media (max-width:900px){
  .n-prof2 .n-prof2-photo img{-webkit-mask-image:radial-gradient(ellipse 66% 74% at 50% 44%,#000 46%,rgba(0,0,0,.55) 66%,transparent 92%)!important;mask-image:radial-gradient(ellipse 66% 74% at 50% 44%,#000 46%,rgba(0,0,0,.55) 66%,transparent 92%)!important}
}

/* ---- 06 모바일: 데스크톱처럼 좌우 배치 (텍스트 좌 · 사진 우) ---- */
@media (max-width:640px){
  .n-prof2{padding:48px 0 36px}
  .n-prof2-inner.shell{width:calc(100% - 28px)}
  .n-prof2-stage{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"text photo";gap:10px;align-items:center;text-align:left;margin-top:18px;max-width:none}
  .n-prof2-text{grid-area:text;order:0;margin:0;padding:0;text-align:left;min-width:0}
  .n-prof2-photo{grid-area:photo;order:0;width:100%;margin:0;align-self:center;justify-self:end}
  .n-prof2 .n-prof2-photo img{aspect-ratio:4/5;object-position:58% 16%;
    -webkit-mask-image:radial-gradient(ellipse 72% 78% at 50% 44%,#000 44%,rgba(0,0,0,.55) 66%,transparent 94%)!important;mask-image:radial-gradient(ellipse 72% 78% at 50% 44%,#000 44%,rgba(0,0,0,.55) 66%,transparent 94%)!important}
  .n-prof2-quote{font-size:17.5px;line-height:1.4;letter-spacing:-.045em}
  .n-prof2-quote .qb{display:inline}.n-prof2-quote .qs{display:none}
  .n-prof2-quote:after{width:40px;height:2px;margin:10px 0 0}
  .n-prof2-name{font-size:17px;margin-top:12px;gap:6px;justify-content:flex-start}
  .n-prof2-name span{font-size:.6em;padding:2px 7px}
  .n-prof2-sub{font-size:11.5px;line-height:1.6;margin-top:8px;color:#bfae9c}
  .n-prof2-cred{margin-top:14px;padding-top:18px}
}
@media (max-width:380px){.n-prof2-quote{font-size:16px}.n-prof2-name{font-size:16px}.n-prof2-sub{font-size:11px}}

@media (max-width:640px){
  .n-prof2-stage{grid-template-columns:minmax(0,1fr) 150px!important;gap:8px;overflow:hidden}
  .n-prof2-photo{width:150px!important;max-width:100%;min-width:0;justify-self:end}
  .n-prof2 .n-prof2-photo img{width:100%;aspect-ratio:3/4;object-position:55% 14%}
  .n-prof2-quote{font-size:16.5px}
}
@media (max-width:380px){.n-prof2-stage{grid-template-columns:minmax(0,1fr) 132px!important}.n-prof2-photo{width:132px!important}}

/* ---- 06 모바일 텍스트 열 미세 조정 (실제 390 기준) ---- */
@media (max-width:640px){
  .n-prof2-stage{grid-template-columns:minmax(0,1fr) 148px!important;gap:10px}
  .n-prof2-quote{font-size:15.5px;line-height:1.42;letter-spacing:-.05em;word-break:keep-all}
  .n-prof2-quote .qb{display:inline}
  .n-prof2-name{font-size:16px;margin-top:10px}
  .n-prof2-sub{font-size:11px;line-height:1.55;margin-top:6px;word-break:keep-all}
  .n-prof2-sub br{display:none}
}
@media (max-width:380px){.n-prof2-stage{grid-template-columns:minmax(0,1fr) 128px!important}.n-prof2-quote{font-size:14.5px}}

.n-prof2-sub span{display:block}
@media (max-width:640px){.n-prof2-sub br{display:none}.n-prof2-sub span{display:block;white-space:normal}.n-prof2-quote{font-size:15px}}

/* ================= 06 v4: 제공 누끼 + 에스프레소 스테이지 ================= */
.n-prof2{background:radial-gradient(85% 70% at 70% 30%,#5a3b2a 0%,#3a2519 38%,#1c120c 72%,#120b08 100%)}
.n-prof2:before{background:radial-gradient(55% 45% at 72% 38%,rgba(231,168,101,.18),transparent 70%)}
.n-prof2 .n-cut{width:min(100%,460px);align-self:end;justify-self:center}
.n-prof2 .n-cut:before{display:block;content:"";position:absolute;left:50%;bottom:4%;width:88%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(231,168,101,.28),rgba(231,168,101,0) 68%);filter:blur(14px);pointer-events:none}
.n-prof2 .n-cut:after{display:none}
.n-prof2 .n-cut img{position:relative;width:100%;height:auto;aspect-ratio:auto;object-fit:unset;object-position:unset;filter:drop-shadow(0 26px 44px rgba(0,0,0,.6));
  -webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 80%,transparent 100%)!important}
.n-prof2-stage{min-height:clamp(380px,36vw,540px)}
@media (max-width:900px){.n-prof2 .n-cut{width:min(70%,300px)}}
@media (max-width:640px){
  .n-prof2-stage{grid-template-columns:minmax(0,1fr) 150px!important;align-items:end}
  .n-prof2 .n-cut{width:150px!important;justify-self:end}
  .n-prof2 .n-cut img{aspect-ratio:auto;-webkit-mask-image:linear-gradient(180deg,#000 84%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 84%,transparent 100%)!important}
  .n-prof2-text{align-self:center}
}
@media (max-width:380px){.n-prof2-stage{grid-template-columns:minmax(0,1fr) 132px!important}.n-prof2 .n-cut{width:132px!important}}

/* ---- 06 모바일: 누끼를 텍스트와 수직 중앙, 섹션 안에 꽉 차게 ---- */
@media (max-width:640px){
  .n-prof2-stage{align-items:center!important;grid-template-columns:minmax(0,1fr) 160px!important;gap:6px;min-height:0;margin-top:14px;overflow:visible}
  .n-prof2 .n-cut{width:160px!important;align-self:center;justify-self:end;margin-right:-8px}
  .n-prof2 .n-cut:before{bottom:0;width:95%}
  .n-prof2 .n-cut img{-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 82%,transparent 100%)!important;filter:drop-shadow(0 16px 28px rgba(0,0,0,.6))}
  .n-prof2-text{align-self:center}
  .n-prof2-quote{font-size:15.5px}
  .n-prof2-sub span{display:inline}.n-prof2-sub span+span:before{content:"";display:block}
}
@media (max-width:380px){.n-prof2-stage{grid-template-columns:minmax(0,1fr) 140px!important}.n-prof2 .n-cut{width:140px!important}}

/* ---- 09 마무리 섹션: 상하 여백 확대 ---- */
.n-closing{padding:clamp(96px,11vw,170px) 0!important}
@media (max-width:640px){.n-closing{padding:84px 0!important}.n-closing .top{font-size:15px}.n-closing h2{font-size:clamp(24px,7vw,30px);margin-top:10px}.n-closing .sub{margin-top:16px;font-size:14px}}

/* ---- 06 모바일 v5: 데스크톱 비율 그대로 (텍스트 55 : 사진 45), 사진은 텍스트와 상단 정렬 ---- */
@media (max-width:640px){
  .n-prof2{padding:48px 0 32px}
  .n-prof2-inner.shell{width:calc(100% - 24px)}
  .n-prof2-stage{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;grid-template-areas:"text photo";gap:4px;align-items:center!important;margin-top:16px;min-height:0;overflow:visible}
  .n-prof2-text{grid-area:text;align-self:center;padding:0;margin:0}
  .n-prof2 .n-cut{grid-area:photo;width:100%!important;max-width:200px;margin:0 -10px 0 0!important;align-self:center;justify-self:end}
  .n-prof2 .n-cut img{width:100%;display:block;-webkit-mask-image:linear-gradient(180deg,#000 84%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 84%,transparent 100%)!important;filter:drop-shadow(0 14px 24px rgba(0,0,0,.6))}
  .n-prof2 .n-cut:before{bottom:2%;width:100%}
  .n-prof2-quote{font-size:15px;line-height:1.42;letter-spacing:-.05em}
  .n-prof2-quote:after{width:36px;margin-top:8px}
  .n-prof2-name{font-size:15.5px;margin-top:10px}
  .n-prof2-name span{font-size:.6em;padding:2px 6px}
  .n-prof2-sub{font-size:10.5px;line-height:1.55;margin-top:6px}
  .n-prof2-cred{margin-top:10px;padding-top:16px}
}
@media (max-width:380px){.n-prof2-quote{font-size:14px}.n-prof2-name{font-size:14.5px}.n-prof2 .n-cut{max-width:176px}}

/* ---- 06 모바일: 사진 뒤 사각 틀 제거 (글로우·마스크 끄고 누끼만) ---- */
@media (max-width:640px){
  .n-prof2 .n-cut:before{display:none!important}
  .n-prof2 .n-cut{overflow:visible;background:none!important;box-shadow:none!important;border:0!important}
  .n-prof2 .n-cut img{-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));background:none!important}
  .n-prof2-stage{overflow:visible!important}
}

/* ---- 07 특허 섹션 서브 2줄 ---- */
.n-patents .t-body-lg{max-width:720px;margin-inline:auto;text-wrap:balance}
@media (max-width:640px){.n-patents .t-body-lg{font-size:14.5px;line-height:1.6;max-width:330px}.n-patents .t-body-lg br{display:none}}

/* ---- 08 후기 서브 2줄 ---- */
.n-reviews .t-h2+.t-body-lg{max-width:640px;margin-inline:auto}
@media (max-width:640px){.n-reviews .t-h2+.t-body-lg{font-size:14px;line-height:1.65;max-width:320px}}

/* ---- 04 강의 머리말: 모바일 메인 1줄 · 서브 1줄 ---- */
.n-lec-sub b{display:block}
@media (max-width:640px){
  .n-lecture h2.t-h2{font-size:clamp(19px,5.6vw,22px)!important;letter-spacing:-.05em;white-space:nowrap}
  .n-lecture h2 .n-dsk{display:none}
  .n-lec-sub{font-size:13px!important;letter-spacing:-.04em;white-space:nowrap;margin-top:10px}
  .n-lec-sub b{display:inline}
}
@media (max-width:380px){.n-lecture h2.t-h2{font-size:18px!important}.n-lec-sub{font-size:12px!important}}

/* ===== v3 (10/9) — 10/8 회의 반영 ===== */
/* 02 질문형 타이틀 */
.n-loss h2.n-loss-q{margin-top:clamp(10px,1.2vw,16px)}
/* 04 강의 카드 3장 */
.n-lcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.7vw,24px);margin-top:clamp(36px,4.6vw,66px)}
.n-lcard{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(26px,3vw,44px) clamp(18px,2vw,28px);background:linear-gradient(180deg,#1c1409 0%,#120c05 100%);border:1px solid #6e5133;border-radius:clamp(14px,1.5vw,22px);box-shadow:0 20px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,214,150,.08)}
.n-lcard img{width:clamp(72px,7vw,104px);height:auto}
.n-lcard small{margin-top:clamp(14px,1.6vw,22px);letter-spacing:.08em;font-size:clamp(12px,1vw,14px);font-weight:700;color:#ffc476}
.n-lcard b{margin-top:6px;letter-spacing:-.04em;font-size:clamp(19px,1.8vw,26px);line-height:1.3;font-weight:800;color:var(--on-dark)}
.n-lcard p{margin-top:clamp(12px,1.3vw,18px);font-size:clamp(14px,1.2vw,17px);line-height:1.6;color:#d6c7b3;letter-spacing:-.03em}
.n-lcard em{margin-top:auto;padding-top:clamp(14px,1.5vw,20px);font-style:normal;font-size:clamp(12px,1vw,14px);font-weight:600;color:#c9a06c}
.n-lcards .n-rv:nth-child(2){transition-delay:.12s}.n-lcards .n-rv:nth-child(3){transition-delay:.24s}
@media (max-width:900px){.n-lcards{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}
.n-lec-more{display:inline-flex;align-items:center;gap:10px;min-height:clamp(52px,4.6vw,62px);padding:0 clamp(26px,3vw,40px);border-radius:999px;border:1.5px solid #e7a865;background:rgba(0,0,0,.25);color:#ffc476;font-weight:800;font-size:clamp(16px,1.3vw,19px);letter-spacing:-.03em;cursor:pointer;transition:background .2s,transform .2s}
.n-lec-more:hover{background:rgba(231,168,101,.14);transform:translateY(-2px)}
.n-lec-more span{font-size:1.2em;line-height:1}
/* 04 자세히 보기 팝업 */
.n-lec-dlg{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #6e5133;border-radius:20px;background:var(--espresso,#2a1a10);color:var(--on-dark);box-shadow:0 30px 80px rgba(0,0,0,.6);overflow:auto;overscroll-behavior:contain}
.n-lec-dlg::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.n-dlg-in{padding:0 clamp(14px,2.4vw,28px) clamp(24px,3vw,36px)}
.n-dlg-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:clamp(18px,2.4vw,26px) 0 14px;background:var(--espresso,#2a1a10);border-bottom:1px solid rgba(149,115,69,.35)}
.n-dlg-head p{font-size:clamp(15px,1.4vw,18px);line-height:1.45;font-weight:600;color:var(--on-dark)}
.n-dlg-head small{display:block;margin-bottom:4px;font-size:12px;letter-spacing:.08em;color:#c9a06c;font-weight:700}
.n-dlg-head b{color:#ffc476;font-weight:800}
.n-dlg-x{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid #957345;background:transparent;color:#ffc476;font-size:24px;line-height:1;cursor:pointer}
.n-lec-dlg .n-chapters{grid-template-columns:1fr;margin-top:18px}
.n-lec-dlg .n-chap:nth-child(3){grid-column:auto}
.n-dlg-cta{position:sticky;bottom:0;margin-top:20px;padding:14px 0 0;background:linear-gradient(180deg,rgba(42,26,16,0),var(--espresso,#2a1a10) 35%)}
html.n-dlg-on{overflow:hidden}
/* 02 실제 변색 사진(권 대표님 제공, 10/9) — 눈썹 사진이 가로형이라 정사각 프레임 */
.n-collage figure{aspect-ratio:4/3}
.n-collage{max-width:1000px}
.n-collage .c1 img,.n-collage .c2 img,.n-collage .c3 img{object-position:50% 50%}
@media (max-width:640px){.n-collage .c3{aspect-ratio:16/10}.n-collage .c3 img{object-position:50% 40%}}
/* 03 → 04 전환 문구 강조 (10/9) */
.n-key{margin-top:clamp(40px,5vw,80px);text-align:center}
.n-key h2{font-size:clamp(28px,4vw,58px);line-height:1.3;font-weight:800;letter-spacing:-.045em;color:var(--on-dark);word-break:keep-all}
.n-key-mark{position:relative;display:inline-block;color:#ffc476;text-shadow:0 0 28px rgba(255,196,118,.35)}
.n-key-mark:after{content:"";position:absolute;left:-2%;right:-2%;bottom:.04em;height:.2em;border-radius:99px;background:linear-gradient(90deg,#e7a865,#ffc476);opacity:.45;transform:scaleX(0);transform-origin:0 50%;transition:transform .9s cubic-bezier(.2,.7,.2,1) .45s;z-index:-1}
.n-key.is-in .n-key-mark:after{transform:scaleX(1)}
.n-key-arrow{display:inline-grid;place-items:center;width:clamp(44px,4vw,56px);height:clamp(44px,4vw,56px);margin-top:clamp(22px,2.6vw,36px);border-radius:50%;border:1.5px solid rgba(255,196,118,.6);color:#ffc476;animation:nKeyBob 1.8s ease-in-out infinite}
.n-key-arrow svg{width:55%;height:55%}
.n-key-arrow:hover{background:rgba(255,196,118,.12)}
@keyframes nKeyBob{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){.n-key-arrow{animation:none}.n-key-mark:after{transition:none;transform:scaleX(1)}}
.n-key-mark{z-index:0;isolation:isolate}
/* 03 전환 구간 — 문신사법 라벨 + 핵심 문구 (10/9) */
.n-key{position:relative;isolation:isolate;padding:clamp(70px,9vw,140px) 0 0;margin-top:clamp(20px,3vw,40px)}
.n-key:before{content:"";position:absolute;left:50%;top:52%;width:min(900px,120vw);height:clamp(260px,30vw,440px);transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(255,196,118,.16) 0%,rgba(255,196,118,.05) 40%,rgba(255,196,118,0) 70%);z-index:-1;pointer-events:none}
.n-key.n-rv{transform:none}
.n-law-tag{display:flex;align-items:center;justify-content:center;gap:14px;color:#ffc476;font-size:clamp(13px,1.1vw,16px);font-weight:700;letter-spacing:.02em}
.n-law-tag:before,.n-law-tag:after{content:"";width:clamp(28px,4vw,56px);height:1px;background:rgba(255,196,118,.55)}
.n-law-tag span{padding:6px 14px;border:1px solid rgba(255,196,118,.55);border-radius:999px;background:rgba(0,0,0,.25)}
.n-law-lead{margin-top:clamp(14px,1.6vw,20px);font-size:clamp(17px,1.7vw,24px);font-weight:700;letter-spacing:-.04em;color:var(--on-dark);opacity:.92}
.n-key h2{margin-top:clamp(34px,4vw,56px)}
.n-key-sub{margin-top:clamp(20px,2.4vw,32px);font-size:clamp(15px,1.4vw,20px);font-weight:500;letter-spacing:-.03em;color:#d6c7b3}
.n-key>*{opacity:0;transform:translate3d(0,14px,0);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
.n-key.is-in>*{opacity:1;transform:none}
.n-key.is-in>.n-law-tag{transition-delay:0s}.n-key.is-in>.n-law-lead{transition-delay:.3s}.n-key.is-in>h2{transition-delay:.6s}.n-key.is-in>.n-key-sub{transition-delay:1.2s}.n-key.is-in>.n-key-arrow{transition-delay:1.5s;transform:none}
.n-key .n-key-mark:after{transition-delay:.9s}
@media (max-width:640px){.n-key{padding:28px 0 0;margin-top:12px}.n-key h2{margin-top:30px}.n-key-sub{margin-top:16px}.n-key-arrow{margin-top:20px}}
@media (prefers-reduced-motion:reduce){.n-key>*{opacity:1;transform:none;transition:none}}
/* 03 문신사법 라벨 가독성 강화 (10/9) */
.n-law-tag{gap:16px;font-size:clamp(15px,1.4vw,20px);font-weight:800;letter-spacing:-.01em}
.n-law-tag span{padding:clamp(8px,.8vw,11px) clamp(18px,1.8vw,26px);border:0;background:linear-gradient(135deg,#fbbd78 0%,#e5a661 50%,#c88a4a 100%);color:#1a0f07;box-shadow:0 8px 26px rgba(229,166,97,.3)}
.n-law-tag:before,.n-law-tag:after{background:linear-gradient(90deg,rgba(255,196,118,0),rgba(255,196,118,.7))}
.n-law-tag:after{transform:scaleX(-1)}
.n-law-lead{margin-top:clamp(16px,1.8vw,24px);font-size:clamp(20px,2.2vw,32px);font-weight:800;opacity:1}
.n-key h2{margin-top:clamp(40px,4.6vw,64px)}
/* 02 손실 알약 2개 (원인 ▶ 결과, 화이트보드 구조) — 10/9 */
.n-lossrow.n-two{display:grid!important;grid-template-columns:repeat(4,1fr);gap:clamp(34px,4vw,56px) 0!important;width:auto;margin:0}
.n-lossrow.n-two li{display:inline-flex;align-items:center;gap:clamp(8px,.9vw,12px);white-space:nowrap;width:fit-content!important;max-width:none!important;font-size:clamp(16px,1.75vw,25px)!important;padding:clamp(14px,1.4vw,20px) clamp(20px,2.2vw,32px)!important}
.n-lossrow.n-two li:nth-child(1){grid-column:1/4;grid-row:1;justify-self:start;margin:0 0 0 1%!important}
.n-lossrow.n-two li:nth-child(2){grid-column:2/5;grid-row:2;justify-self:end;margin:0 1% 0 0!important;border-color:rgba(255,90,60,.7);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 18px 40px rgba(0,0,0,.55),0 0 40px rgba(255,59,42,.32),inset 0 1px 0 rgba(255,255,255,.08)!important}
.n-lossrow.n-two .n-cz{color:#e9ddd2;font-weight:700}
.n-lossrow.n-two .n-ef{display:inline-flex;align-items:center;gap:clamp(8px,.9vw,12px);color:#fff}
.n-lossrow.n-two .n-ef em{font-style:normal;font-size:.62em;color:#ff5a3c;text-shadow:0 0 8px rgba(255,90,60,.8)}
.n-lossrow.n-two li.n-rv:nth-child(2){transition-delay:.3s}
@media (max-width:640px){
  .n-lossrow.n-two{grid-template-columns:1fr;width:fit-content;margin-inline:auto;gap:22px!important}
  .n-lossrow.n-two li{display:grid!important;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;row-gap:4px;align-items:center;font-size:15.5px!important;padding:12px 18px!important;border-radius:22px!important}
  .n-lossrow.n-two li i{grid-row:1/3;align-self:center}
  .n-lossrow.n-two .n-cz{grid-column:2;font-size:.92em}
  .n-lossrow.n-two .n-ef{grid-column:2;gap:6px}
  .n-lossrow.n-two li:nth-child(1){grid-column:1;grid-row:1;justify-self:start;margin:0!important}
  .n-lossrow.n-two li:nth-child(2){grid-column:1;grid-row:2;justify-self:start;margin:0 0 0 56px!important}
}
@media (max-width:380px){.n-lossrow.n-two li{font-size:14.5px!important}.n-lossrow.n-two li:nth-child(2){margin-left:40px!important}}
@media (max-width:640px){.n-lossrow.n-two li{grid-template-columns:auto!important}.n-lossrow.n-two .n-cz,.n-lossrow.n-two .n-ef{grid-column:1!important}}
/* 10 가격 카드 손실 연결 문구 (10/9) */
.n-price-hook{display:table;margin:clamp(14px,2.4cqw,26px) auto 0;padding-top:clamp(12px,2cqw,20px);border-top:1px solid rgba(60,36,14,.28);text-align:center;font-size:clamp(15px,1.75vw,25px);font-weight:700;letter-spacing:-.04em;line-height:1.35;color:#3d2611}
.n-price-hook strong{font-weight:900;color:#1a0f07;background:linear-gradient(transparent 62%,rgba(255,255,255,.45) 62%);padding:0 2px}
/* 10 신청 버튼 강조 (10/9) — 금색 카드와 대비되는 밝은 버튼 */
.n-price a.t-lead.n-cta-main{position:relative;gap:12px;background:linear-gradient(180deg,#ffffff 0%,#fff3e2 100%)!important;color:#1a0f07!important;font-weight:900!important;font-size:clamp(18px,1.7vw,25px)!important;letter-spacing:-.04em;border:2px solid #f3c58b!important;box-shadow:0 0 0 6px rgba(243,197,139,.14),0 18px 44px rgba(229,166,97,.42),0 0 46px rgba(255,214,150,.35)!important;animation:nCtaBreath 2.4s ease-in-out infinite}
.n-price a.t-lead.n-cta-main:hover{filter:none;background:#fff!important}
.n-cta-arrow{width:1.05em;height:1.05em;flex:none;color:#b8471f;animation:nCtaNudge 1.2s ease-in-out infinite}
@keyframes nCtaBreath{0%,100%{transform:scale(1);box-shadow:0 0 0 6px rgba(243,197,139,.14),0 18px 44px rgba(229,166,97,.42),0 0 46px rgba(255,214,150,.35)}50%{transform:scale(1.025);box-shadow:0 0 0 10px rgba(243,197,139,.08),0 22px 52px rgba(229,166,97,.5),0 0 64px rgba(255,214,150,.5)}}
@keyframes nCtaNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media (max-width:640px){.n-price a.t-lead.n-cta-main{font-size:17px!important;height:58px!important}}
@media (prefers-reduced-motion:reduce){.n-price a.t-lead.n-cta-main,.n-cta-arrow{animation:none}}
/* 줄바꿈 정리 (10/9) */
.n-nw{white-space:nowrap}
.n-q .mis .n-qend{color:inherit;display:inline-flex;align-items:center;gap:6px 8px}
.n-q .mis .n-qend>span{color:#e8b77c;font-weight:700}
#profDetail li{text-wrap:balance}
@media (max-width:640px){.n-sep{display:none}}
.n-mob{display:none}
@media (max-width:640px){.n-mob{display:inline}}
.n-lec-dlg .ans,.n-lec-dlg .n-final p,.n-lec-dlg .n-final .mis{text-wrap:pretty}

/* ===== 10/9 두레이 피드백 반영 (박유현 대표님) ===== */
/* 01 히어로: 화면 높이 꽉 차게 + 스크롤 안내 */
.n-hero{min-height:calc(100svh - var(--bar-h,64px))!important}
@media (max-width:640px){.n-hero{min-height:calc(100svh - var(--bar-h,56px) - 79px - env(safe-area-inset-bottom))!important}}
.n-scroll{position:absolute;left:50%;bottom:clamp(18px,3vh,36px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;color:rgba(255,255,255,.85);font-size:11px;font-weight:700;letter-spacing:.28em;text-shadow:0 1px 8px rgba(0,0,0,.5);z-index:2}
.n-scroll span{padding-left:.28em}
.n-scroll svg{width:26px;height:26px;animation:nScrollBob 1.6s ease-in-out infinite}
@keyframes nScrollBob{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(7px);opacity:1}}
@media (prefers-reduced-motion:reduce){.n-scroll svg{animation:none}}
/* 02 손실: 사진→제목, 결과 카드→다음 섹션 간격 */
.n-loss .n-collage+h2{margin-top:clamp(110px,12vw,180px)!important}
.n-loss{padding-bottom:clamp(130px,14vw,210px)!important}
@media (max-width:640px){.n-loss .n-collage+h2{margin-top:96px!important}.n-loss{padding-bottom:110px!important}}
/* 04 강의 팝업: 모두 펼친 상태 + 문항 제목 강조 */
.n-lec-dlg .n-q .plus{display:none}
.n-lec-dlg .n-q summary{cursor:default;grid-template-columns:auto 1fr;padding-bottom:8px}
.n-lec-dlg .n-q .num{font-size:clamp(22px,2.2vw,30px)}
.n-lec-dlg .n-q .qt{font-size:clamp(17px,1.7vw,22px);font-weight:800;line-height:1.4}
.n-lec-dlg .n-q .ans{color:#bfae9a;font-size:clamp(13px,1.05vw,15px);padding-top:0}
.n-lec-dlg .n-chap-head b{font-size:clamp(19px,1.9vw,25px)}
/* 05 대학원: 세로 연결선 길게 */
.n-grad-top .line{height:clamp(64px,7.4vw,108px)!important}
@media (max-width:640px){.n-grad-top .line{height:58px!important}}
/* 07 특허: 모바일도 한 줄에 3개 */
@media (max-width:639px){#patents ul{flex-wrap:nowrap!important;gap:0 3%!important;max-width:none!important}#patents li{width:31.3%!important}}
/* 08 후기: 캡처 작게, 더 많이 보이게 */
#reviews .g-marquee-track .shrink-0.overflow-hidden{height:132px!important;width:150px!important;border-radius:16px!important}
@media (min-width:640px){#reviews .g-marquee-track .shrink-0.overflow-hidden{height:150px!important;width:172px!important;border-radius:20px!important}}
@media (min-width:1024px){#reviews .g-marquee-track .shrink-0.overflow-hidden{height:180px!important;width:206px!important;border-radius:22px!important}}
/* 09 마무리: 후기와의 간격 */
.n-closing{padding-top:clamp(150px,15vw,240px)!important}
@media (max-width:640px){.n-closing{padding-top:120px!important}}
/* 10 혜택: 쿠폰→Bonus 간격 + Bonus 강조 */
.n-bonus{margin-top:clamp(56px,7vw,110px)!important;margin-bottom:clamp(28px,4vw,60px)!important}
.n-bonus span[aria-hidden]{width:clamp(130px,17vw,250px)!important}
.n-bonus p{font-size:clamp(23px,3.9vw,56px)!important;font-weight:800!important;text-shadow:0 0 30px rgba(254,195,117,.35),0 2px 16px rgba(0,0,0,.6)}
.n-q .mis .n-qend{gap:0 2px!important}
/* 02 "이 손실의 시작은…" 결과 카드에서 분리 (10/9) */
.n-cause{position:relative;margin:clamp(110px,12vw,180px) auto 0;text-align:center;padding-top:clamp(56px,6vw,86px)}
.n-cause:before{content:"";position:absolute;left:50%;top:0;width:1px;height:clamp(40px,4.4vw,64px);transform:translateX(-50%);background:linear-gradient(rgba(255,106,74,0),rgba(255,106,74,.75))}
.n-cause-lead{font-size:clamp(18px,1.9vw,27px);font-weight:700;letter-spacing:-.04em;color:rgba(255,255,255,.82)}
.n-cause-main{margin-top:clamp(10px,1.2vw,16px);font-size:clamp(26px,3.4vw,50px);font-weight:800;letter-spacing:-.045em;line-height:1.3;color:#fff;word-break:keep-all}
@media (max-width:640px){.n-cause{margin-top:84px;padding-top:48px}.n-cause-main{font-size:26px}}
.n-cause-main strong{font-weight:800}
.n-cause.is-in .n-mark:before{transform:scaleX(1);transition-delay:.4s}
.n-cause .n-mark{margin-right:.18em}
/* 08 후기 3줄 (10/9) — 셋째 줄은 카톡 후기 순서를 바꿔 반대 방향으로 */
.g-marquee--mid{--g-marquee-duration:37s}
@media (min-width:640px){.g-marquee--mid{--g-marquee-duration:48s}}
@media (min-width:1024px){.g-marquee--mid{--g-marquee-duration:60s}}
#reviews .flex.flex-col.gap-\[16px\]{gap:12px!important}
@media (min-width:640px){#reviews .flex.flex-col.gap-\[16px\]{gap:16px!important}}
@media (min-width:1024px){#reviews .flex.flex-col.gap-\[16px\]{gap:20px!important}}
#reviews .g-marquee.g-marquee--mid{--g-marquee-duration:30s!important}
@media (min-width:640px){#reviews .g-marquee.g-marquee--mid{--g-marquee-duration:40s!important}}
@media (min-width:1024px){#reviews .g-marquee.g-marquee--mid{--g-marquee-duration:50s!important}}
/* 02 변색 사진: 제목→사진, 사진 사이 간격 (10/9) */
#loss .n-collage{margin-top:clamp(56px,4.6vw,66px)!important;column-gap:clamp(22px,2.6vw,36px)!important;row-gap:14px!important}
@media (max-width:640px){#loss .n-collage{margin-top:36px!important;gap:14px!important}}
#loss .n-collage{margin-top:clamp(70px,5.9vw,86px)!important}
@media (max-width:640px){#loss .n-collage{margin-top:50px!important}}

/* ===== 10/9 두레이 2차 피드백 ===== */
/* 02 → 독립 섹션: "이 손실의 시작은 기준 없는 색소 선택부터입니다" */
.n-cause-sec{position:relative;overflow:hidden;background:linear-gradient(180deg,#0f0d0c 0%,#2a1a10 45%,#3a2416 100%);padding:clamp(100px,11vw,170px) 0 clamp(110px,12vw,180px);text-align:center}
.n-cause-sec:before{content:"";position:absolute;left:50%;top:50%;width:min(1000px,130vw);height:clamp(280px,32vw,460px);transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(255,196,118,.14),rgba(255,196,118,0) 65%);pointer-events:none}
.n-cause-sec .n-cause{margin:0 auto!important;padding-top:0!important}
.n-cause-sec .n-cause:before{display:none}
.n-cause-sec .n-cause-lead{font-size:clamp(19px,2vw,28px)}
.n-cause-sec .n-cause-main{font-size:clamp(28px,3.8vw,56px)}
@media (max-width:640px){.n-cause-sec{padding:84px 0 92px}.n-cause-sec .n-cause-main{font-size:27px}}
/* 02 손실 섹션 하단 여백은 원래대로 (원인 문구가 다음 섹션으로 이동) */
.n-loss{padding-bottom:clamp(96px,10.5vw,150px)!important}
@media (max-width:640px){.n-loss{padding-bottom:84px!important}}
/* 07 특허: 위아래 간격 확대 */
#patents{padding-top:clamp(110px,11vw,170px)!important;padding-bottom:clamp(110px,11vw,170px)!important}
@media (max-width:640px){#patents{padding-top:96px!important;padding-bottom:96px!important}}
/* 10 혜택: 모바일 쿠폰→Bonus 간격 더 + 제품 이미지→설명 간격 */
@media (max-width:640px){.n-bonus{margin-top:96px!important;margin-bottom:24px!important}.n-prod-desc{margin-top:calc(-28.29% + 28px)!important}}
/* #cause 얻는 것 카드 3장 (10/9) */
.n-gain-lead{position:relative;margin-top:clamp(64px,7vw,104px);font-size:clamp(17px,1.6vw,22px);font-weight:700;letter-spacing:-.03em;color:#ffc476}
.n-gain-lead:before{content:"";display:block;width:1px;height:clamp(36px,4vw,56px);margin:0 auto clamp(18px,2vw,26px);background:linear-gradient(rgba(255,196,118,0),rgba(255,196,118,.7))}
.n-gain{position:relative;margin-top:clamp(24px,2.8vw,40px)!important;max-width:1040px;margin-inline:auto}
.n-gain .n-lcard{background:linear-gradient(180deg,rgba(28,20,9,.92) 0%,rgba(18,12,5,.95) 100%)}
.n-gain .n-lcard b{margin-top:clamp(14px,1.6vw,22px)}
.n-gain .n-lcard p{margin-top:clamp(10px,1.1vw,14px)}
@media (max-width:640px){.n-gain-lead{margin-top:56px}.n-gain .n-lcard{padding:24px 18px}}
@media (min-width:901px){.n-gain .n-lcard b{font-size:clamp(16px,1.45vw,21px);white-space:nowrap}}
/* #cause 얻는 것 카드: 모바일 가로형 (10/9) */
@media (max-width:640px){
  .n-gain{gap:10px!important;margin-top:20px!important}
  .n-gain .n-lcard{display:grid!important;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:4px;align-items:center;text-align:left!important;padding:16px 18px!important}
  .n-gain .n-lcard img{grid-row:1/3;width:48px!important;height:auto;align-self:center}
  .n-gain .n-lcard b{margin-top:0!important;font-size:16.5px!important;align-self:end}
  .n-gain .n-lcard p{margin-top:0!important;font-size:13.5px!important;line-height:1.5;align-self:start}
  .n-gain .n-lcard p br{display:none}
  .n-gain-lead{margin-top:44px!important}
  .n-gain-lead:before{height:28px!important;margin-bottom:14px!important}
}
/* #cause → 손실 브릿지 (10/9 3차 피드백) */
.n-bridge2{position:relative;max-width:820px;margin:0 auto;text-align:center}
.n-br-num{font-size:clamp(17px,1.8vw,25px);font-weight:700;letter-spacing:-.04em;color:#ff8a6a}
.n-br-q{margin-top:clamp(8px,1vw,14px);font-size:clamp(30px,4vw,58px);font-weight:800;letter-spacing:-.045em;line-height:1.25;color:#fff}
.n-br-line{display:block;width:1px;height:clamp(56px,6vw,90px);margin:clamp(34px,4vw,56px) auto;background:linear-gradient(rgba(255,138,106,.7),rgba(255,196,118,.8))}
.n-br-lead{font-size:clamp(16px,1.6vw,22px);font-weight:600;letter-spacing:-.03em;color:rgba(255,255,255,.75)}
.n-br-ans{margin-top:clamp(12px,1.4vw,18px);font-size:clamp(26px,3.4vw,50px);font-weight:800;letter-spacing:-.045em;line-height:1.35;color:#fff;word-break:keep-all}
.n-br-ans strong{font-weight:800}
.n-bridge2 .n-mark{margin-right:.15em}
.n-bridge2.is-in .n-mark:before{transform:scaleX(1);transition-delay:.6s}
.n-bridge2>*{opacity:0;transform:translate3d(0,14px,0);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
.n-bridge2.n-rv{opacity:1;transform:none}
.n-bridge2.is-in>*{opacity:1;transform:none}
.n-bridge2.is-in>.n-br-q{transition-delay:.15s}.n-bridge2.is-in>.n-br-line{transition-delay:.35s}.n-bridge2.is-in>.n-br-lead{transition-delay:.5s}.n-bridge2.is-in>.n-br-ans{transition-delay:.65s}
@media (max-width:640px){.n-br-q{font-size:29px}.n-br-ans{font-size:25px}.n-br-line{height:44px;margin:26px auto}}
@media (prefers-reduced-motion:reduce){.n-bridge2>*{opacity:1;transform:none;transition:none}}
/* FAQ: 혜택 섹션 위로 이동 + 4개만 노출, 전체는 팝업 (10/9 박 대표님 피드백) */
.n-faq{padding:clamp(80px,9vw,140px) 0 clamp(72px,8vw,120px)}
.n-faq .mt-\[48px\]{margin-top:clamp(32px,4vw,64px)!important}
.n-faq-more{display:flex;justify-content:center;margin-top:clamp(24px,2.8vw,40px)}
.n-faq-list{margin-top:14px}
.n-faq-item{padding:clamp(16px,1.8vw,22px) 2px;border-bottom:1px solid rgba(149,115,69,.3)}
.n-faq-item:last-child{border-bottom:0}
.n-faq-item dt{font-size:clamp(16px,1.6vw,20px);font-weight:800;letter-spacing:-.03em;color:#fff}
.n-faq-item dt:before{content:"Q. ";color:#ffc476}
.n-faq-item dd{margin:8px 0 0;font-size:clamp(13.5px,1.2vw,15.5px);line-height:1.75;color:#cbbba8;letter-spacing:-.02em}
/* PC 우측 하단 원형 수강신청 플로팅 버튼 (10/9) — 모바일은 기존 하단 신청 바 사용 */
.n-fab{display:none}
@media (min-width:640px){
  .n-fab{position:fixed;right:clamp(20px,2.4vw,40px);bottom:clamp(20px,2.4vw,40px);z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:clamp(88px,7.2vw,108px);height:clamp(88px,7.2vw,108px);border-radius:50%;background:linear-gradient(135deg,#fbbd78 0%,#e5a661 50%,#b47839 100%);color:#1a0f07;font-weight:900;font-size:clamp(15px,1.15vw,17px);line-height:1.2;letter-spacing:-.03em;text-align:center;box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 0 6px rgba(243,197,139,.18),0 0 34px rgba(255,196,118,.35);opacity:0;transform:translateY(16px) scale(.9);pointer-events:none;transition:opacity .35s ease,transform .35s cubic-bezier(.2,.7,.2,1)}
  .n-fab.is-on{opacity:1;transform:none;pointer-events:auto;animation:nFabPulse 2.6s ease-in-out infinite}
  .n-fab svg{width:18px;height:18px;color:#7a2f12}
  .n-fab:hover{filter:brightness(1.06)}
}
@keyframes nFabPulse{0%,100%{box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 0 6px rgba(243,197,139,.18),0 0 34px rgba(255,196,118,.35)}50%{box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 0 12px rgba(243,197,139,.08),0 0 50px rgba(255,196,118,.5)}}
@media (prefers-reduced-motion:reduce){.n-fab.is-on{animation:none}}
/* 10 혜택 카드 3장 제목 줄바꿈 정리 (10/9) — 데스크톱/태블릿 세로 카드 */
@media (min-width:768px){
  .n-benefits .t-body-lg{word-break:keep-all;line-height:1.3}
  .n-benefits .t-body-lg>span:first-child{display:block;font-size:clamp(17px,1.55vw,23px);white-space:nowrap}
  .n-benefits .t-body-lg>span:last-child{display:block;margin-top:6px;font-size:clamp(13px,1.05vw,16px)!important;font-weight:700;white-space:nowrap;opacity:.85}
}
@media (min-width:768px){.n-benefits .t-body-lg>br{display:none!important}}
/* 플로팅 버튼 개선 (10/9): D-day 배지 + 1기/수강신청 위계 + 호버 시 가격·마감 말풍선 */
@media (min-width:640px){
  .n-fab{width:auto!important;height:auto!important;border-radius:0!important;background:none!important;box-shadow:none!important;display:flex;flex-direction:row;align-items:center;gap:12px;animation:none!important}
  .n-fab-dot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(96px,7.4vw,112px);height:clamp(96px,7.4vw,112px);border-radius:50%;background:linear-gradient(135deg,#ffd29a 0%,#e9a862 48%,#b47839 100%);color:#1a0f07;border:2px solid rgba(26,15,7,.55);box-shadow:0 16px 36px rgba(0,0,0,.5),0 0 28px rgba(255,196,118,.35);text-align:center;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
  .n-fab.is-on .n-fab-dot{animation:nFabPulse2 2.8s ease-in-out infinite}
  .n-fab-dot small{font-size:12px;font-weight:800;letter-spacing:.02em;color:#6b3a16;line-height:1}
  .n-fab-dot strong{margin-top:3px;font-size:clamp(16px,1.2vw,18px);font-weight:900;letter-spacing:-.04em;line-height:1.1}
  .n-fab-dot svg{width:17px;height:17px;margin-top:4px;color:#8a3412;transition:transform .25s}
  .n-fab-dday{position:absolute;top:-6px;right:-8px;padding:4px 8px;border-radius:999px;background:#d7231c;color:#fff;font-size:12px;font-weight:800;line-height:1;letter-spacing:.01em;box-shadow:0 4px 12px rgba(215,35,28,.45);border:2px solid #1a0f07}
  .n-fab-tip{display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding:10px 14px;border-radius:12px;background:rgba(20,12,6,.92);border:1px solid rgba(231,168,101,.55);box-shadow:0 10px 26px rgba(0,0,0,.45);white-space:nowrap;opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .25s,transform .25s}
  .n-fab-tip b{font-size:15px;font-weight:800;color:#ffc476;letter-spacing:-.03em}
  .n-fab-tip em{font-style:normal;font-size:12px;font-weight:600;color:#d6c7b3}
  .n-fab:hover .n-fab-tip,.n-fab:focus-visible .n-fab-tip{opacity:1;transform:none}
  .n-fab:hover .n-fab-dot{transform:scale(1.05)}
  .n-fab:hover .n-fab-dot svg{transform:translateX(3px)}
}
@keyframes nFabPulse2{0%,100%{box-shadow:0 16px 36px rgba(0,0,0,.5),0 0 0 0 rgba(255,196,118,.45)}60%{box-shadow:0 16px 36px rgba(0,0,0,.5),0 0 0 14px rgba(255,196,118,0)}}
@media (prefers-reduced-motion:reduce){.n-fab.is-on .n-fab-dot{animation:none}}
/* 히어로 상단 문구 형광펜 밑줄 (10/9 박 대표님) */
.n-hero-mark{position:relative;display:inline-block;padding:0 .18em;font-weight:700;color:#fff;isolation:isolate}
.n-hero-mark:after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.46em;border-radius:3px;background:linear-gradient(90deg,rgba(231,168,101,.85),rgba(255,196,118,.75));z-index:-1;transform:scaleX(0);transform-origin:0 50%;animation:nHeroMark .9s cubic-bezier(.2,.7,.2,1) .6s forwards}
@keyframes nHeroMark{to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.n-hero-mark:after{animation:none;transform:scaleX(1)}}
/* ===== 마감일·강의일 구분 (10/9, 미배포 — 확인용) ===== */
#narsha-dday:before{content:attr(data-label) " ";font-weight:700}
#nTopBar .n-dl{font-weight:800;color:#ffb39c}
#nTopBar .n-lec-inline b{font-weight:800;color:#ffd29a}
@media (max-width:640px){#nTopBar .n-sep2{display:none}#nTopBar .n-lec-inline{display:block;margin-top:2px;font-size:12px;opacity:.9}}
.n-hero .n-sch-lec{display:inline-flex;align-items:center;gap:10px}
.n-hero .n-sch-lec em{font-style:normal;padding:3px 9px;border-radius:999px;background:#e7a865;color:#1a0f07;font-size:.78em;font-weight:900;line-height:1.2}
.n-hero .n-sch-dl{margin-top:10px;font-size:clamp(13px,1.1vw,16px);font-weight:600;color:#ffb39c;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.n-ben-date{font-weight:800;color:#7a3c18}
.n-price-sch{margin-top:clamp(10px,1.6cqw,16px);text-align:center;font-size:clamp(13px,1.3vw,18px);font-weight:600;color:#3d2611;letter-spacing:-.03em}
.n-price-sch b{font-weight:900;color:#1a0f07}
.n-fab-tip .n-tip-lec{color:#ffd29a!important;font-weight:700!important}
/* 모바일 하단 바: 카운트다운 옆 강의일 (10/9, 미배포) */
.n-cd-line{white-space:nowrap;letter-spacing:-.02em}
.n-cd-lec{color:#5a2a0e}
.n-cd-lec b{font-weight:800}
/* 모바일 상단 띠 한 줄 (10/9): 강의일은 바로 아래 히어로 칩과 하단 바에 있으므로 띠에서는 숨김 */
@media (max-width:640px){
  #nTopBar .n-lec-inline,#nTopBar .n-sep2{display:none!important}
  #nTopBar .shell{flex-wrap:nowrap!important;white-space:nowrap}
}


/* 10/16 — 수강 신청 CTA(히어로·강의·FAQ)가 가격 카드(#price)로 바로 가도록.
   부드럽게 내려가고, 카드 위에 살짝 여백을 둔다. (기존 #offer 도착은 혜택 제목 위 빈 180px 이었음) */
html { scroll-behavior: smooth; }
#price { scroll-margin-top: 28px; }
@media (min-width: 1024px) { #price { scroll-margin-top: 40px; } }