/*
  reservation_renewal.css
  2026-10-27/dhkim: Figma "방문예약페이지" 방문예약_pc*1920 / 방문예약_mo*890 반응형 구현 전용 스타일 (reservation_renewal.php).
  신규 파일이며 기존 style.css(.renewal2 등) 및 reservation_test2.css 는 수정하지 않음. 모든 규칙은 .rn 스코프.

  크기 단위: Figma 디자인 px 값을 --u(디자인 1px에 해당하는 길이)로 곱해 비례 축소/확대한다.
    - PC(1024px 이상): --u = min(100vw, 1920px) / 1920  → 1920px 이상에서는 Figma 수치 그대로 유지
    - 모바일(1023px 이하): --u = 100vw / 890
  가독성을 위해 작은 글자는 max(11px, …) 로 최소 크기를 보장한다.
*/
/* 2026-10-30/dhkim: 영문·숫자는 General Sans, 한글은 Pretendard 적용(General Sans에는 한글 글리프가 없어 글자 단위로 Pretendard로 대체됨). 이전 Noto Sans KR 지정은 최종 대체 폰트로만 유지 */
/* 2026-10-27/dhkim(이전 이력): 본문 폰트를 Pretendard에서 운영 사이트와 동일한 Noto Sans KR(inc/css/notosansKR.css, head_reservation에서 로드)로 변경 */
.rn{--u:calc(min(100vw,1920px)/1920);position:relative;overflow:hidden;overflow:clip;background:#fff;color:#000;--rn-font:'generalsans Variable','Pretendard Variable',Pretendard,'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Malgun Gothic','맑은 고딕',helvetica,'Apple SD Gothic Neo',sans-serif;font-family:var(--rn-font);font-size:calc(30*var(--u));line-height:normal;word-break:keep-all;}
.rn *{box-sizing:border-box;margin:0;padding:0;letter-spacing:-0.04em;}
/* 2026-10-27/dhkim: Noto Sans KR은 Pretendard보다 자폭이 넓어 Figma 줄바꿈을 유지하도록 자간 -0.04em 적용(개별 .rn-tight 계열이 이를 덮어씀) */
.rn ul,.rn ol{list-style:none;}
.rn img{display:block;max-width:none;border:0;}
:where(.rn) a{color:inherit;text-decoration:none;}
/* 2026-10-29/dhkim: reset.css 의 a:hover{text-decoration:underline} 이 덮어쓰지 않도록 호버/포커스 시에도 밑줄 제거 */
.rn a:hover,.rn a:focus{text-decoration:none;}
.rn br.mo{display:none;}
.rn-col{position:relative;width:calc(1097*var(--u));margin:0 auto;}
.rn-tight{letter-spacing:-0.07em;}

/* 공통 타이포 */
.rn-eyebrow{font-family:var(--rn-font);font-size:max(11px,calc(24*var(--u)));line-height:calc(32*var(--u));font-weight:400;}
.rn-eyebrow-c{text-align:center;}
.rn-title{margin-top:calc(98*var(--u));font-size:calc(50*var(--u));line-height:calc(60*var(--u));font-weight:600;}
.rn-title-2{margin-top:calc(94*var(--u));line-height:calc(80*var(--u));}
.rn-desc{margin-top:calc(22*var(--u));font-size:calc(30*var(--u));line-height:calc(48*var(--u));font-weight:400;}
.rn-title-2+.rn-desc{margin-top:calc(14*var(--u));}

/* 01 히어로 */
.rn-hero{position:relative;height:calc(808*var(--u));overflow:hidden;background:#d9d9d9;color:#fff;}
.rn-hero picture{position:absolute;left:0;top:0;width:100%;height:100%;}
.rn-hero-bg{width:100%;height:100%;object-fit:cover;}
.rn-hero:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);}
.rn-hero-logo{position:absolute;z-index:2;left:50%;top:calc(172*var(--u));width:calc(178*var(--u));height:auto;transform:translateX(-50%);}
.rn-hero-copy{position:absolute;z-index:2;left:0;right:0;top:calc(263*var(--u));text-align:center;}
.rn-hero-sub{margin-bottom:calc(14*var(--u));font-size:calc(30*var(--u));line-height:calc(36*var(--u));font-weight:400;}
.rn-hero-title{font-size:calc(60*var(--u));line-height:calc(75*var(--u));font-weight:600;}
.rn-hero-cta{position:absolute;z-index:2;left:50%;top:calc(569*var(--u));width:calc(690*var(--u));height:calc(109*var(--u));margin-left:calc(-345*var(--u));display:flex;align-items:center;justify-content:center;background:#e9e6e1;color:#000;font-size:calc(36*var(--u));font-weight:600;}
/* 2026-10-27/dhkim: 스크롤 추종 상태(JS가 is-float 부여) */
.rn-hero-cta.is-float{z-index:90;box-shadow:0 4px 16px rgba(0,0,0,.2);}
.rn-hero-cta img{position:absolute;right:calc(43*var(--u));top:calc(40.5*var(--u));width:calc(54.65*var(--u));height:auto;}
/* 2026-10-30/dhkim: 최상단에서는 비노출, 스크롤이 시작되면(JS가 is-show 부여) 우측 상단에 고정되어 따라다님. PC/모바일 공통 */
.rn-hero-side{position:fixed;z-index:90;left:50%;top:max(16px,calc(40*var(--u)));width:calc(120*var(--u));height:calc(120*var(--u));margin-left:calc(429*var(--u));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;font-size:max(11px,calc(18*var(--u)));line-height:calc(27*var(--u));font-weight:500;text-align:center;}

/* 2026-10-30/dhkim: 스크롤 시작 후 노출 */
.rn-hero-side.is-show{opacity:1;visibility:visible;pointer-events:auto;}
/* 2026-10-30/dhkim: side가 활성(스크롤 중)이면 hero-cta 비활성 */
.rn-hero-cta{transition:opacity .25s,visibility .25s;}
.rn-hero-cta.is-hide{opacity:0;visibility:hidden;pointer-events:none;}

/* 02 새단장 오픈 */
.rn-intro{padding:calc(169*var(--u)) 0 calc(193*var(--u));}
.rn-intro .rn-desc{font-weight:300;}
.rn-intro-main{position:relative;margin-top:calc(75*var(--u));}
.rn-intro-main>img{width:100%;height:auto;}
.rn-caption{position:absolute;right:0;bottom:0;width:calc(396*var(--u));height:calc(53*var(--u));padding:0 calc(16*var(--u));background:#000;color:#fff;text-align:center;/* 2026-11-02/dhkim: 중앙정렬(기존 text-align:right) */font-size:max(11px,calc(20*var(--u)));line-height:calc(53*var(--u));white-space:nowrap;}
.rn-caption strong{font-size:max(11px,calc(25.476*var(--u)));font-weight:500;}
/* 2026-10-27/dhkim: rn-booth 슬라이드(마지막에서 처음으로 복귀, 우측은 화면 끝까지 노출) */
/* 2026-10-27/dhkim: PC는 슬라이드 3개 폭만 노출(페이지 단위 이동), 모바일은 하단 미디어쿼리에서 화면 우측 끝까지 확장 */
.rn-booth-wrap,.rn-review-wrap{overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;}
.rn-booth-wrap{width:calc(1488*var(--u));margin-top:calc(17*var(--u));}
.rn-booth-wrap.is-drag,.rn-review-wrap.is-drag{cursor:grabbing;}
.rn-booth{display:flex;gap:calc(15*var(--u));will-change:transform;}
.rn-booth li{flex:0 0 calc(486*var(--u));}
.rn-booth img{display:block;width:100%;aspect-ratio:486/606;object-fit:cover;pointer-events:none;-webkit-user-drag:none;}
.rn-dots{height:calc(12*var(--u));width:auto;}
.rn-dots-nav{display:flex;justify-content:center;gap:calc(23*var(--u));margin:calc(65*var(--u)) auto 0;transform:translateX(calc(34.5*var(--u)));}
.rn-dots-nav button{position:relative;width:calc(12*var(--u));height:calc(12*var(--u));padding:0;border:0;border-radius:50%;background:rgba(17,13,12,.1);cursor:pointer;}
.rn-dots-nav button:after{content:"";position:absolute;left:-8px;right:-8px;top:-8px;bottom:-8px;}
.rn-dots-nav button.on{background:#000;}

/* 03 컨설팅 */
.rn-consult{padding:calc(183*var(--u)) 0 calc(278*var(--u));background:#e5dac9;}
.rn-steps{position:relative;margin-top:calc(205*var(--u));}
.rn-step{position:relative;padding-left:calc(116*var(--u));}
.rn-step:not(:last-child){margin-bottom:var(--next);}
.rn-step:nth-child(1){--next:calc(192*var(--u));}
.rn-step:nth-child(2){--next:calc(219*var(--u));}
.rn-step:nth-child(3){--next:calc(198*var(--u));}
.rn-step:not(:last-child):after{content:"";position:absolute;left:calc(27.5*var(--u));top:calc(52*var(--u));bottom:calc(calc(4*var(--u)) - var(--next));width:1px;background:#000;}
.rn-step-no{position:absolute;z-index:1;left:0;top:calc(-4*var(--u));width:calc(56*var(--u));height:calc(56*var(--u));background:url(/inc/img/storereservation/renewal/new/step_dot.svg) no-repeat center/100% 100%;color:#fff;font-family:var(--rn-font);font-size:calc(35*var(--u));font-weight:600;line-height:calc(56*var(--u));text-align:center;}
.rn-step-label{font-family:var(--rn-font);font-size:calc(35*var(--u));line-height:calc(42*var(--u));font-weight:600;}
.rn-step-title{margin-top:calc(48*var(--u));font-size:calc(35*var(--u));line-height:calc(42*var(--u));font-weight:600;}
.rn-step-desc{margin-top:calc(25*var(--u));font-size:calc(35*var(--u));line-height:calc(48*var(--u));font-weight:400;white-space:nowrap;}
.rn-step-note{margin-top:calc(33*var(--u));font-size:max(11px,calc(24*var(--u)));line-height:calc(34*var(--u));font-weight:400;color:#797979;}
.rn-step-imgs{display:grid;grid-template-columns:calc(536*var(--u)) calc(536*var(--u));gap:calc(19*var(--u));margin-top:calc(82*var(--u));}
.rn-step-imgs img{width:100%;aspect-ratio:536/805;object-fit:cover;}
.rn-step-imgs .rn-pos-bottom{object-position:50% 100%;}
.rn-step-imgs .rn-pos-faucet{object-position:0 50%;}

/* 04 가까운 쇼룸 */
.rn-showroom{padding:calc(177*var(--u)) 0 calc(211*var(--u));}
.rn-shop-img{width:100%;aspect-ratio:1097/630;object-fit:cover;}
.rn-showroom .rn-title+.rn-shop{margin-top:calc(73*var(--u));}
.rn-shop-name{margin-top:calc(73*var(--u));font-size:calc(40*var(--u));line-height:calc(48*var(--u));font-weight:600;}
.rn-shop-addr{margin-top:calc(4*var(--u));font-size:calc(30*var(--u));line-height:calc(52*var(--u));font-weight:400;}
.rn-tags{display:flex;gap:calc(11.4*var(--u));margin-top:calc(17.9*var(--u));}
.rn-tags li{display:flex;align-items:center;justify-content:center;min-width:calc(112.57*var(--u));height:calc(34.29*var(--u));padding:0 8px;border:1px solid #000;font-size:max(11px,calc(17.143*var(--u)));line-height:1;white-space:nowrap;}
.rn-shop-note{margin-top:calc(23*var(--u));font-size:max(11px,calc(20*var(--u)));line-height:calc(30*var(--u));font-weight:400;}
.rn-tel{display:flex;align-items:center;justify-content:center;width:calc(690*var(--u));height:calc(100*var(--u));margin:calc(124*var(--u)) auto 0;font-family:'Pretendard Variable',Pretendard,'Noto Sans KR',sans-serif;letter-spacing:0;/* 2026-11-02/dhkim: Figma 기준 Pretendard SemiBold 36px / 자간 0(기존 .rn * 의 -0.04em 및 General Sans 숫자 해제) */font-size:calc(36*var(--u));font-weight:600;line-height:calc(80*var(--u));box-sizing:border-box;border:1px solid #000;cursor:pointer;transition:background-color .2s,color .2s;}
.rn-tel-fill{background:#000;color:#fff;}
.rn-tel-line{background:#fff;color:#000;}
/* 2026-10-27/dhkim: 전화 버튼 hover 시 흑/백 반전 */
.rn-tel-fill:hover,.rn-tel-fill:focus-visible{background:#fff;color:#000;}
.rn-tel-line:hover,.rn-tel-line:focus-visible{background:#000;color:#fff;}
.rn-shop+.rn-shop{margin-top:calc(223*var(--u));}
.rn-shop+.rn-shop .rn-shop-img{margin-top:0;}
.rn-shop .rn-shop-img{margin-top:0;}

/* 05 왜 로얄앤코 */
.rn-why{padding:calc(177*var(--u)) 0 calc(201*var(--u));background:#ebc7b0;}
.rn-why-cards{display:grid;grid-template-columns:calc(365*var(--u)) calc(365*var(--u));gap:calc(22*var(--u)) calc(21*var(--u));justify-content:center;margin-top:calc(81*var(--u));}
.rn-why-cards li{display:flex;flex-direction:column;align-items:center;aspect-ratio:1/1;padding-top:calc(68*var(--u));background:#fff;text-align:center;}
.rn-why-cards img{width:calc(144*var(--u));height:calc(144*var(--u));object-fit:contain;}
.rn-why-cards strong{margin-top:calc(18*var(--u));font-size:calc(30*var(--u));line-height:calc(36*var(--u));font-weight:600;}
.rn-why-cards span{margin-top:calc(10*var(--u));font-size:max(11px,calc(20*var(--u)));line-height:calc(30*var(--u));font-weight:400;}

/* 06 리뷰 */
.rn-review{padding:calc(176*var(--u)) 0 calc(193*var(--u));}
/* 2026-10-27/dhkim: rn-review-list 슬라이드(rn-booth와 동일 방식) */
/* 2026-10-30/dhkim: 카드 테두리(1px)가 overflow:hidden 경계/소수점 위치에서 잘리지 않도록 상하좌우 2px 여백을 두고 음수 마진으로 위치 보정 */
.rn-review-wrap{width:calc(1476*var(--u) + 4px);margin:calc(80*var(--u) - 2px) 0 -2px -2px;padding:2px;}
.rn-review-list{display:flex;gap:calc(18*var(--u));will-change:transform;}
.rn-review-list li{flex:0 0 calc(480*var(--u));height:calc(718*var(--u));border:1px solid #000;}
/* 2026-10-30/dhkim: 이미지가 상/좌/우 테두리를 덮지 않도록 음수 마진(-1px) 제거 - 테두리 안쪽에 이미지 배치 */
.rn-review-list img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;margin:0;pointer-events:none;-webkit-user-drag:none;}
.rn-review-list p{padding:calc(100*var(--u)) calc(26*var(--u)) 0 calc(33*var(--u));font-size:max(11px,calc(26*var(--u)));line-height:calc(40*var(--u));font-weight:400;}
.rn-review-list p{white-space:nowrap;font-size:max(11px,calc(24*var(--u)));}
.rn-review-list .rn-tight{letter-spacing:-0.06em;}
.rn-review-list .rn-tight2{letter-spacing:-0.07em;}
.rn-review .rn-dots-nav{transform:none;}

/* 07 방문 선물 */
.rn-gift{position:relative;height:calc(865*var(--u));background:#8aa1b7;}
.rn-gift .rn-col{padding-top:calc(171*var(--u));}
.rn-gift-copy{margin-top:calc(81*var(--u));}
.rn-gift-lead{font-size:calc(30*var(--u));line-height:calc(70*var(--u));font-weight:400;}
.rn-gift-title{font-size:calc(50*var(--u));line-height:calc(80*var(--u));font-weight:600;}
.rn-gift-desc{font-size:calc(30*var(--u));line-height:calc(59*var(--u));font-weight:400;}
.rn-gift-img{position:absolute;left:calc(50% + calc(59*var(--u)));top:0;width:calc(865*var(--u));height:calc(865*var(--u));}

/* 08 쇼룸 200% 즐기기 */
.rn-enjoy{padding:calc(172*var(--u)) 0 calc(200*var(--u));text-align:center;}
.rn-enjoy .rn-title{margin-top:calc(20*var(--u));}
.rn-tabs{display:flex;justify-content:center;gap:calc(14*var(--u));margin-top:calc(81*var(--u));}
.rn-tabs li{flex:0 0 calc(307*var(--u));height:calc(70*var(--u));border:1px solid #000;background:#fff;color:#000;cursor:pointer;}
.rn-tabs span{display:flex;align-items:center;justify-content:center;height:100%;font-size:max(11px,calc(30*var(--u)));font-weight:400;line-height:1;white-space:nowrap;}
.rn-tabs .on{background:#000;color:#fff;}
.rn-enjoy-view{position:relative;width:calc(750*var(--u));margin:calc(132*var(--u)) auto 0;}
.rn-enjoy-img{display:block;width:100%;aspect-ratio:750/507;object-fit:cover;pointer-events:none;-webkit-user-drag:none;}
/* 2026-10-27/dhkim: rn-enjoy 슬라이드 (탭/화살표/스와이프) */
.rn-enjoy-slides{overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;}
.rn-enjoy-slides.is-drag{cursor:grabbing;}
.rn-enjoy-track{display:flex;will-change:transform;}
.rn-enjoy-slide{flex:0 0 100%;}
.rn-enjoy-caps{display:grid;margin-top:calc(45*var(--u));}
.rn-enjoy-caps .rn-enjoy-caption{grid-area:1/1;opacity:0;transition:opacity .35s;}
.rn-enjoy-caps .rn-enjoy-caption.on{opacity:1;}
.rn-arrow-btn{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:max(32px,calc(60*var(--u)));height:max(48px,calc(80*var(--u)));padding:0;border:0;background:none;cursor:pointer;transform:translate(-50%,-50%);}
.rn-arrow-btn img{width:calc(11.08*var(--u));height:auto;}
.rn-arrow-prev{left:calc(-83.5*var(--u));}
.rn-arrow-prev img{transform:rotate(180deg);}
.rn-arrow-next{left:calc(100% + 84.5*var(--u));}
.rn-enjoy-caption{font-size:max(11px,calc(26*var(--u)));line-height:calc(48*var(--u));font-weight:300;}

/* 09 헤리티지 */
.rn-heritage{padding:calc(177*var(--u)) 0 calc(339*var(--u));background:#7d8981;text-align:center;}
.rn-heritage .rn-title{margin-top:calc(97*var(--u));}
/* 2026-10-27/dhkim: Swiper(.list_heritages) 사용. 슬라이드 폭/간격은 swiper4 옵션(1.5/2.5/3.5/4.5개)이 결정 */
.rn-archive{margin:calc(80*var(--u)) 0 0 calc(50% - calc(826*var(--u)));text-align:left;overflow:hidden;}
.rn-archive img{display:block;width:100%;aspect-ratio:465/620;object-fit:cover;}

/* 사이트 공통 헤더(btn_home 로고)가 히어로 자체 로고와 중복되어 이 페이지에서만 숨김 */
body:has(.rn) .nav_wrap .btn_home{display:none;}

/* 모바일: Figma 방문예약_mo*890 (가로 890 기준 비율 축소) */
@media (max-width:1023px){
  .rn{--u:calc(100vw/890);}
  .rn br.mo{display:inline;}
  .rn-col{width:calc(750*var(--u));}
  .rn-title{margin-top:calc(72*var(--u));}
  .rn-title-2{margin-top:calc(66*var(--u));}

  /* 2026-10-30/dhkim: Figma 방문예약_mo*890x1927 기준 재구성 - 히어로 높이/요소 위치 */
  .rn-hero{height:calc(1925*var(--u));}
  .rn-hero:after{background:rgba(0,0,0,.4);}
  .rn-hero-logo{top:calc(750*var(--u));width:calc(215.74*var(--u));}
  .rn-hero-copy{top:calc(935*var(--u));}
  .rn-hero-sub{margin-bottom:calc(17*var(--u));font-size:calc(36.36*var(--u));line-height:calc(43.6*var(--u));}
  .rn-hero-title{font-size:calc(72.72*var(--u));line-height:calc(92*var(--u));}
  /* 2026-11-02/dhkim: 모바일은 hero-cta 가 화면 하단에 플로팅(스크롤 따라감), hero-side 는 미사용 */
  .rn-hero-cta,.rn-hero-cta.is-hide{position:fixed;z-index:90;left:calc(70*var(--u));top:auto;bottom:calc(40*var(--u) + env(safe-area-inset-bottom,0px));width:calc(750*var(--u));height:calc(118*var(--u));margin-left:0;opacity:1;visibility:visible;pointer-events:auto;}
  .rn-hero-cta img{right:calc(46.8*var(--u));top:calc(44*var(--u));width:calc(59.16*var(--u));}
  .rn-hero-side,.rn-hero-side.is-show{display:none;}   /* 2026-11-02/dhkim: 모바일에서 제거 */

  .rn-intro{padding:calc(146*var(--u)) 0 calc(147*var(--u));}
  .rn-intro-main{margin-top:calc(61*var(--u));}
  .rn-booth-wrap{margin-top:calc(26*var(--u));}
  .rn-booth{gap:calc(13*var(--u));}
  /* 2026-10-27/dhkim: 모바일 기본 노출량 - 부스 1.7개, 리뷰 1.5개 (우측은 화면 끝까지) */
  .rn-booth-wrap,.rn-review-wrap{width:calc(50vw + 50%);}
  .rn-booth li{flex-basis:calc((100% - 0.7*13*var(--u))/1.7);}
  .rn-review-list li{flex-basis:calc((100% - 0.5*18*var(--u))/1.5);height:auto;padding-bottom:calc(60*var(--u));}
  .rn-booth img{aspect-ratio:429/535;}
  .rn-dots-nav{margin-top:calc(52*var(--u));transform:none;}

  .rn-consult{padding:calc(146*var(--u)) 0 calc(210*var(--u));}   /* 2026-10-30/dhkim: 하단 여백 236->210 */
  .rn-steps{margin-top:calc(115*var(--u));}
  .rn-step:nth-child(n){--next:calc(158*var(--u));}
  /* 2026-10-30/dhkim: 단계 이미지 309x464(좌 193 / 우 끝 820), 단계별 상단 간격은 Figma 좌표 기준 */
  .rn-step-imgs{grid-template-columns:calc(309*var(--u)) calc(309*var(--u));gap:calc(10*var(--u));margin:calc(45*var(--u)) 0 0 calc(7*var(--u));}
  .rn-step:nth-child(2) .rn-step-imgs{margin-top:calc(27*var(--u));}
  .rn-step:nth-child(3) .rn-step-imgs{margin-top:calc(53*var(--u));}
  .rn-step:nth-child(4) .rn-step-imgs{margin-top:calc(56*var(--u));}
  .rn-step-imgs img{aspect-ratio:309/464;}
  .rn-step-imgs .rn-pos-faucet{object-position:50% 100%;}
  .rn-step-note{font-size:max(11px,calc(22*var(--u)));line-height:calc(34*var(--u));}

  /* 2026-10-30/dhkim: 방문예약_mo*890x1927 좌표 기준 보정 */
  .rn-showroom{padding:calc(149*var(--u)) 0 calc(245*var(--u));}
  .rn-showroom .rn-title{margin-top:calc(78*var(--u));}
  .rn-showroom .rn-title+.rn-shop{margin-top:calc(85*var(--u));}
  .rn-shop-img{aspect-ratio:750/439;}
  .rn-shop-addr{margin-top:calc(9*var(--u));}
  .rn-shop-name{margin-top:calc(56*var(--u));}
  .rn-shop-note{margin-top:calc(34*var(--u));}
  .rn-tel{width:calc(750*var(--u));height:calc(102*var(--u));margin-top:calc(80*var(--u));}
  .rn-shop-note+.rn-tel{margin-top:calc(77*var(--u));}
  .rn-tel-line{background:#000;color:#fff;}
  .rn-tel-line:hover,.rn-tel-line:focus-visible{background:#fff;color:#000;}
  .rn-shop+.rn-shop{margin-top:calc(164*var(--u));}
  .rn-shop+.rn-shop .rn-shop-name{margin-top:calc(53*var(--u));}

  /* 2026-10-30/dhkim: 방문예약_mo*890x1927 좌표 기준 보정 */
  .rn-why{padding:calc(149*var(--u)) 0 calc(152*var(--u));}
  .rn-why .rn-title{margin-top:calc(77*var(--u));}
  .rn-why-cards{grid-template-columns:calc(366*var(--u)) calc(366*var(--u));gap:calc(23*var(--u)) calc(19*var(--u));margin-top:calc(87*var(--u));}
  .rn-why-cards li{aspect-ratio:366/364;}

  /* 2026-10-30/dhkim: 방문예약_mo*890x1927 좌표 기준 보정 */
  .rn-review{padding:calc(150*var(--u)) 0 calc(190*var(--u));}
  .rn-review-wrap{width:calc(50vw + 50% + 2px);margin-top:calc(82*var(--u) - 2px);}   /* 2026-10-30/dhkim: 테두리 잘림 방지 여백 반영 */

  /* 2026-10-30/dhkim: 방문예약_mo*890x1927 좌표 기준 보정 */
  .rn-gift{height:calc(1294*var(--u));}
  .rn-gift .rn-col{padding-top:calc(149*var(--u));}
  .rn-gift-copy{margin-top:calc(54*var(--u));}
  .rn-gift-img{left:calc(53*var(--u));top:calc(463*var(--u));width:calc(785*var(--u));height:calc(785*var(--u));}

  /* 2026-10-30/dhkim: 방문예약_mo*890x1927 좌표 기준 보정 */
  .rn-enjoy{padding:calc(149*var(--u)) 0 calc(153*var(--u));}
  .rn-enjoy .rn-title{margin-top:calc(78*var(--u));}
  .rn-tabs{gap:calc(11*var(--u));margin-top:calc(82*var(--u));}
  .rn-tabs li{flex-basis:calc(248*var(--u));height:calc(57*var(--u));}
  .rn-tabs span{font-size:max(11px,calc(23.709*var(--u)));}
  .rn-enjoy-view{width:calc(625*var(--u));margin-top:calc(94*var(--u));}
  .rn-enjoy-img{aspect-ratio:625/423;}
  .rn-arrow-btn img{width:calc(9.03*var(--u));}
  .rn-arrow-prev{left:calc(-58*var(--u));}
  .rn-arrow-next{left:calc(100% + 67*var(--u));}
  .rn-enjoy-caps{margin-top:calc(40*var(--u));}

  /* 2026-10-30/dhkim: 방문예약_mo*890x1927 좌표 기준 보정 */
  .rn-heritage{padding:calc(152*var(--u)) 0 calc(233*var(--u));}
  .rn-heritage .rn-title{margin-top:calc(86*var(--u));}
  .rn-archive{margin:calc(138*var(--u)) 0 0 calc(70*var(--u));}

  /* 2026-10-27/dhkim: Noto Sans KR 적용에 따른 모바일 줄바꿈/잘림 보정 */
  .rn-step-desc{letter-spacing:-0.07em;}
  .rn-step-note{letter-spacing:-0.07em;}
  .rn-caption{width:auto;padding-left:calc(16*var(--u));letter-spacing:-0.07em;}
}

/* 2026-10-30/dhkim: 모바일 rn-booth 이미지 확대 모달 (모바일에서만 열림) */
.rn-lb{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:300;align-items:center;justify-content:center;background:rgba(0,0,0,.88);color:#fff;touch-action:pan-y;}
.rn-lb.on{display:flex;}
.rn-lb-lock,.rn-lb-lock body{overflow:hidden;}
.rn-lb-fig{display:flex;flex-direction:column;align-items:center;max-width:100%;}
.rn .rn-lb-img{display:block;max-width:calc(100vw - 88px);max-height:calc(100vh - 220px);max-height:calc(100dvh - 220px);width:auto;height:auto;object-fit:contain;}
.rn-lb-cnt{margin-top:14px;font-size:14px;line-height:1;letter-spacing:0;color:#fff;opacity:.85;}
.rn-lb .rn-lb-x,.rn-lb .rn-lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;}
.rn-lb .rn-lb-x{right:12px;top:12px;width:44px;height:44px;}
.rn-lb .rn-lb-x svg{width:24px;height:24px;}
.rn-lb .rn-lb-nav{top:50%;width:36px;height:56px;margin-top:-28px;background:none;}   /* 2026-10-30/dhkim: 이전/다음 화살표 배경 제거 */
.rn-lb .rn-lb-nav svg{width:12px;height:22px;}
.rn-lb .rn-lb-prev{left:4px;}
.rn-lb .rn-lb-next{right:4px;}
.rn-lb .rn-lb-x:focus,.rn-lb .rn-lb-nav:focus{outline:none;}
.rn-lb .rn-lb-x:focus-visible,.rn-lb .rn-lb-nav:focus-visible{outline:1px solid rgba(255,255,255,.7);outline-offset:-2px;}
@media (min-width:1024px){.rn-lb{display:none !important;}}

/* 2026-11-02/dhkim: 이 페이지(renewal)에서는 헤더 햄버거 메뉴 버튼(btn_nav) 비노출. 공통 헤더/style.css 는 수정하지 않고 이 파일에서만 처리 */
.nav_area .btn_nav{display:none !important;}