/*
  reservation_modal_renewal.css
  2026-10-28/dhkim: 방문 상담 예약 레이어(.rzr) 전용 스타일. Figma "쇼룸 방문 상담 예약_pc_1~6 / _mo_1~6" 기준.
  신규 파일이며 기존 style.css 의 .rez_pop_* 규칙과 클래스가 겹치지 않도록 .rzr 접두사를 사용한다.
  --u 단위는 reservation_renewal.css 의 .rn 에서 정의(PC: min(100vw,1920px)/1920, 1023px 이하: 100vw/890)한다.
  z-index: 상단 메뉴(100)·플로팅 버튼(90)보다 위, 개인정보 처리방침 팝업(.modal_bg, 500)보다 아래.
*/
/* ===== 방문 상담 예약 레이어 (.rzr) : PC 1920 x 792 프레임 기준, 모바일(1023px 이하) 890 x 1124 프레임 기준 ===== */
html.rzr-lock{overflow:hidden;}
/* 운영 페이지(.rez_pop_bx / .rez_pop_wapper)와 동일하게 어두운 배경 위에 화면 하단 시트 형태로 노출 */
.rzr{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:400;background:rgba(0,0,0,.4);overflow:hidden;color:#000;}
.rzr.on{display:block;}
.rzr-wrap{position:absolute;left:0;bottom:0;width:100%;background:#e9e6e1;border-radius:20px 20px 0 0;box-shadow:0 -10px 20px 0 rgba(0,0,0,.3);overflow:hidden;}
.rzr-scroll{max-height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.rzr-stage{position:relative;width:calc(1920*var(--u));height:calc(792*var(--u));margin:0 auto;}
.rzr :where(button){display:block;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:center;cursor:pointer;border-radius:0;-webkit-appearance:none;appearance:none;}
.rzr :where(button):disabled{cursor:default;}
.rzr svg{display:block;}
.rzr-step{display:none;position:absolute;left:0;top:0;width:100%;height:100%;}
.rzr-step.on{display:block;}
/* 2026-10-29/dhkim: X 위치를 시안(calc(55.2*var(--u))/calc(37.2*var(--u)))보다 위로 이동 */
.rzr-x{position:absolute;z-index:3;left:calc(1842.2*var(--u));top:calc(30*var(--u));width:calc(43.5*var(--u));height:calc(43.5*var(--u));color:#000;}
.rzr-x svg{width:100%;height:100%;}
.rzr-title{position:absolute;left:calc(615*var(--u));top:calc(28*var(--u));width:calc(693*var(--u));height:calc(100*var(--u));display:flex;align-items:center;justify-content:center;font-size:max(11px,calc(36*var(--u)));font-weight:600;line-height:calc(80*var(--u));text-align:center;}
.rzr-sub{position:absolute;left:calc(615*var(--u));top:calc(116.5*var(--u));width:calc(693*var(--u));height:calc(70*var(--u));display:flex;align-items:center;justify-content:center;font-size:max(11px,calc(20*var(--u)));font-weight:400;line-height:calc(35*var(--u));text-align:center;}
.rzr-q{position:absolute;left:calc(615*var(--u));top:calc(200*var(--u));width:calc(693*var(--u));height:calc(38*var(--u));font-size:max(11px,calc(24*var(--u)));font-weight:500;line-height:calc(38*var(--u));}
.rzr-t1{position:absolute;left:calc(615*var(--u));top:calc(132*var(--u));width:calc(693*var(--u));height:calc(38*var(--u));display:flex;align-items:center;justify-content:center;font-size:max(11px,calc(20*var(--u)));font-weight:400;line-height:calc(38*var(--u));text-align:center;}
.rzr-t1.b{font-weight:700;}
.rzr-date{position:absolute;left:calc(615*var(--u));top:calc(132*var(--u));width:calc(693*var(--u));height:calc(38*var(--u));display:flex;align-items:center;justify-content:center;font-size:max(11px,calc(40*var(--u)));font-weight:700;line-height:calc(38*var(--u));text-align:center;}
.rzr-sub2{position:absolute;left:calc(615*var(--u));top:calc(179*var(--u));width:calc(693*var(--u));height:calc(100*var(--u));display:flex;align-items:center;justify-content:center;font-size:max(11px,calc(36*var(--u)));font-weight:600;line-height:calc(80*var(--u));text-align:center;}
.rzr-sub2.s{font-size:max(11px,calc(28*var(--u)));line-height:calc(48*var(--u));}

/* 선택 카드 (장소 / 방문 목적) */
/* 2026-10-30/dhkim: 테두리 두께를 최소 1px로 보장. 기존 0.8u는 모바일에서 0.3~0.5px(고해상도 기기 1물리픽셀 이하)로 계산되어 일부 기종에서 선이 보이지 않았음. 1px 선언을 먼저 둬 max() 미지원 브라우저도 안전 */
.rzr-opt{position:absolute;border:1px solid #000;border-width:max(1px,calc(0.8*var(--u)));color:#000;transition:color .15s,border-color .15s;}
.rzr-opt.dim{color:#b7ad9e;border-color:#757370;}   /* 2026-10-30/dhkim: 반투명(rgba .5) 대신 같은 농도의 단색 - 얇은 선이 배경과 섞여 사라지지 않도록 */
.rzr-opt-1{left:calc(615*var(--u));top:calc(251.2*var(--u));width:calc(339.4*var(--u));height:calc(281.5*var(--u));}
.rzr-opt-2{left:calc(969*var(--u));top:calc(251*var(--u));width:calc(339*var(--u));height:calc(282*var(--u));}
.rzr-opt .in{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.rzr-en{font-size:max(11px,calc(39*var(--u)));font-weight:700;line-height:calc(49*var(--u));}
.rzr-ko{margin-top:calc(6*var(--u));font-size:max(11px,calc(26*var(--u)));font-weight:600;line-height:calc(38*var(--u));}
.rzr-ko small{display:block;font-size:max(11px,calc(21.7*var(--u)));font-weight:600;line-height:calc(34.6*var(--u));}
.rzr-note{position:absolute;left:calc(660*var(--u));top:calc(553*var(--u));width:calc(600*var(--u));height:calc(54*var(--u));display:flex;align-items:center;justify-content:center;font-size:max(11px,calc(17*var(--u)));font-weight:400;line-height:calc(27*var(--u));color:#6e624e;text-align:center;}
.rzr-note b{font-weight:700;}
.rzr-p1{left:calc(615*var(--u));top:calc(251*var(--u));width:calc(222*var(--u));height:calc(282*var(--u));}
.rzr-p2{left:calc(851*var(--u));top:calc(251*var(--u));width:calc(221*var(--u));height:calc(282*var(--u));}
.rzr-p3{left:calc(1086*var(--u));top:calc(251*var(--u));width:calc(222*var(--u));height:calc(282*var(--u));}
.rzr-opt .ico{position:absolute;left:50%;}
.rzr-p1 .ico{top:calc(45.2*var(--u));margin-left:calc(-32.2*var(--u));width:calc(58.3*var(--u));height:calc(59.6*var(--u));}
.rzr-p2 .ico{top:calc(42*var(--u));margin-left:calc(-23.7*var(--u));width:calc(47.5*var(--u));height:calc(61.5*var(--u));}
.rzr-p3 .ico{top:calc(42*var(--u));margin-left:calc(-24.3*var(--u));width:calc(48.6*var(--u));height:calc(58.3*var(--u));}
.rzr-opt .ico svg{position:absolute;left:-2.1%;top:-2.1%;width:104.3%;height:104.3%;overflow:visible;}
.rzr-ct{position:absolute;left:0;width:100%;top:calc(115*var(--u));height:calc(52*var(--u));font-size:max(11px,calc(34.5*var(--u)));font-weight:600;line-height:calc(52*var(--u));text-align:center;}
.rzr-cd{position:absolute;left:0;width:100%;top:calc(181*var(--u));height:calc(69*var(--u));display:flex;align-items:center;justify-content:center;font-size:max(11px,calc(21.6*var(--u)));font-weight:400;line-height:calc(34.5*var(--u));text-align:center;}
.rzr-cd.one{top:calc(161.5*var(--u));}

/* 이전 / 다음 버튼 */
.rzr-btn{position:absolute;top:calc(644*var(--u));height:calc(90*var(--u));border:1px solid #000 !important;border-width:max(1px,calc(0.8*var(--u))) !important;display:flex !important;align-items:center;justify-content:center;font-size:max(11px,calc(32*var(--u)));font-weight:600;line-height:calc(48*var(--u));color:#000;}
.rzr-btn.l{left:calc(615*var(--u));width:calc(339*var(--u));}
.rzr-btn.r{left:calc(968*var(--u));width:calc(340*var(--u));}
.rzr-btn.w{left:calc(615*var(--u));width:calc(693*var(--u));}
.rzr-btn .arr{position:absolute;top:calc(40*var(--u));width:calc(50.3*var(--u));height:calc(11.8*var(--u));margin-top:calc(-0.8*var(--u));}
.rzr-btn.r .arr,.rzr-btn.w .arr{left:calc(220*var(--u));}
.rzr-btn.w .arr{left:calc(573*var(--u));}
.rzr-btn.l .arr{left:calc(64*var(--u));transform:scaleX(-1);}
.rzr-btn .arr svg{width:100%;height:100%;overflow:visible;}
.rzr-btn.is-disabled,.rzr-btn:disabled{color:#b7ad9e;}

/* 달력 */
.rzr-cal-t{position:absolute;left:calc(862*var(--u));top:calc(200*var(--u));width:calc(201*var(--u));height:calc(38*var(--u));display:flex;align-items:center;justify-content:center;font-size:max(11px,calc(24*var(--u)));font-weight:500;line-height:calc(38*var(--u));}
.rzr-nav{position:absolute;top:calc(194*var(--u));width:max(36px,calc(50*var(--u)));height:max(36px,calc(50*var(--u)));margin-left:max(-18px,calc(-25*var(--u)));display:flex !important;align-items:center;justify-content:center;color:#000;}
.rzr-nav svg{width:calc(16.5*var(--u));height:calc(23.3*var(--u));overflow:visible;}
.rzr-nav.p{left:calc(677*var(--u));}
.rzr-nav.n{left:calc(1249*var(--u));}
.rzr-nav:disabled{color:#b7ad9e;}
.rzr-wk{position:absolute;left:calc(630.5*var(--u));top:calc(253.5*var(--u));width:calc(665*var(--u));height:calc(55*var(--u));display:grid;grid-template-columns:repeat(7,1fr);}
.rzr-wk span{display:flex;align-items:center;justify-content:center;font-size:max(11px,calc(20*var(--u)));font-weight:500;}
.rzr-cals{position:absolute;left:calc(630.5*var(--u));top:calc(308.5*var(--u));width:calc(665*var(--u));height:calc(330*var(--u));}
.rzr-cal{display:none;grid-template-columns:repeat(7,1fr);grid-auto-rows:calc(55*var(--u));}
.rzr-cal.on{display:grid;}
.rzr-day,.rzr-emp{position:relative;z-index:0;display:flex !important;align-items:center;justify-content:center;font-size:max(11px,calc(20*var(--u)));font-weight:500;line-height:calc(38*var(--u));color:#000;}
.rzr-day.finish,.rzr-day:disabled{color:#b7ad9e;}
.rzr-day.on{color:#fff;}
.rzr-day.on:before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:calc(44*var(--u));height:calc(44*var(--u));margin:calc(-22*var(--u)) 0 0 calc(-22*var(--u));border-radius:50%;background:#000;}

/* 시간 */
.rzr-times{display:none;position:absolute;left:calc(638.7*var(--u));top:calc(242*var(--u));width:calc(643.5*var(--u));grid-template-columns:repeat(3,1fr);grid-auto-rows:calc(108*var(--u));place-items:center;}
.rzr-times.on{display:grid;}
.rzr-time{display:flex !important;align-items:center;justify-content:center;width:calc(140*var(--u));height:calc(56*var(--u));font-size:max(11px,calc(27*var(--u)));font-weight:700;line-height:calc(38*var(--u));color:#000;}
.rzr-time.finish,.rzr-time:disabled{color:#b7ad9e;}
.rzr-time.on{background:#000;color:#fff;}

/* 연락처 인증 */
.rzr-inp{position:absolute;display:block;border:1px solid #000;border-width:max(1px,calc(0.8*var(--u)));background:transparent;color:#000;font-family:inherit;font-size:max(11px,calc(30*var(--u)));font-weight:500;letter-spacing:inherit;padding:0 0 0 calc(30*var(--u));outline:0;border-radius:0;-webkit-appearance:none;appearance:none;}
.rzr-inp::placeholder{color:#b7ad9e;opacity:1;}
.rzr-ph{left:calc(615*var(--u));top:calc(347*var(--u));width:calc(491.1*var(--u));height:calc(90.7*var(--u));}
.rzr-cf{left:calc(615*var(--u));top:calc(451*var(--u));width:calc(693*var(--u));height:calc(90*var(--u));}
.rzr-req{position:absolute;left:calc(1124.2*var(--u));top:calc(347*var(--u));width:calc(183.8*var(--u));height:calc(90.3*var(--u));background:#000 !important;color:#fff !important;font-size:max(11px,calc(21.5*var(--u)));font-weight:500;line-height:calc(40*var(--u));display:flex !important;align-items:center;justify-content:center;}
.rzr-req:disabled,.rzr-req.is_disabled{background:#b3b3b3 !important;cursor:not-allowed;}
.rzr-chk{position:absolute;left:calc(615*var(--u));top:calc(562*var(--u));height:calc(38*var(--u));display:flex;align-items:center;font-size:max(11px,calc(20*var(--u)));font-weight:500;line-height:calc(38*var(--u));cursor:pointer;}
.rzr-chk input{position:absolute;opacity:0;width:0;height:0;}
.rzr-chk i{display:block;position:relative;flex:0 0 calc(24*var(--u));width:calc(24*var(--u));height:calc(24*var(--u));margin-right:calc(10*var(--u));border:1px solid #000;}
.rzr-chk input:checked + i:after{content:"";position:absolute;left:calc(5*var(--u));top:calc(5*var(--u));width:calc(12*var(--u));height:calc(12*var(--u));background:#000;}
.rzr-chk input:focus-visible + i{outline:2px solid #6e624e;outline-offset:2px;}
.rzr-more{position:absolute;left:calc(1197*var(--u));top:calc(562*var(--u));height:calc(38*var(--u));display:flex !important;align-items:center;font-size:max(11px,calc(20*var(--u)));font-weight:500;line-height:calc(38*var(--u));text-decoration:underline;text-underline-offset:calc(4*var(--u));}

/* 완료 / 이미 예약 / 취소 */
.rzr-msg{position:absolute;left:calc(760*var(--u));top:calc(356.5*var(--u));width:calc(400*var(--u));height:calc(133*var(--u));display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:max(11px,calc(20*var(--u)));font-weight:400;line-height:calc(38*var(--u));text-align:center;}
.rzr-msg .tel{font-size:max(11px,calc(24*var(--u)));font-weight:500;line-height:calc(57*var(--u));}
.rzr-msg .tel b{font-weight:700;}

.rzr-ph-label{position:absolute;left:calc(615*var(--u));top:calc(295*var(--u));width:calc(693*var(--u));height:calc(38*var(--u));display:flex;align-items:center;justify-content:center;font-size:max(11px,calc(20*var(--u)));font-weight:500;line-height:calc(38*var(--u));text-align:center;}
.rzr-sub3{position:absolute;left:calc(615*var(--u));top:calc(200*var(--u));width:calc(693*var(--u));height:calc(38*var(--u));display:flex;align-items:center;justify-content:center;font-size:max(11px,calc(20*var(--u)));font-weight:400;line-height:calc(38*var(--u));text-align:center;}
@media (max-width:1023px){
  .rzr-stage{width:calc(890*var(--u));height:calc(1124*var(--u));}
  .rzr-x{left:calc(795.2*var(--u));top:calc(22*var(--u));width:calc(44*var(--u));height:calc(44*var(--u));}  /* 2026-10-29/dhkim: 모바일 X 크기 축소(calc(60.8*var(--u)) -> calc(44*var(--u))) */
  .rzr-title{left:calc(69*var(--u));top:calc(29*var(--u));width:calc(750*var(--u));height:calc(120*var(--u));font-size:max(11px,calc(47*var(--u)));line-height:calc(96*var(--u));}
  .rzr-sub{left:0;top:calc(150*var(--u));width:calc(890*var(--u));height:calc(92*var(--u));font-size:max(11px,calc(32*var(--u)));line-height:calc(46*var(--u));}
  .rzr-q{left:0;top:calc(322*var(--u));width:calc(890*var(--u));height:calc(46*var(--u));font-size:max(11px,calc(38*var(--u)));line-height:calc(46*var(--u));text-align:center;}
  .rzr-t1{left:0;top:calc(173*var(--u));width:calc(890*var(--u));height:calc(46*var(--u));font-size:max(11px,calc(32*var(--u)));line-height:calc(46*var(--u));}
  .rzr-date{left:0;top:calc(173*var(--u));width:calc(890*var(--u));height:calc(38*var(--u));font-size:max(11px,calc(40*var(--u)));}
  .rzr-sub2{left:0;top:calc(232*var(--u));width:calc(890*var(--u));height:calc(46*var(--u));font-size:max(11px,calc(32*var(--u)));line-height:calc(46*var(--u));}
  .rzr-sub2.s{font-size:max(11px,calc(28*var(--u)));line-height:calc(42*var(--u));height:calc(96*var(--u));}
  .rzr-opt{border-width:max(1px,calc(0.8*var(--u)));}
  .rzr-opt-1{left:calc(69*var(--u));top:calc(398*var(--u));width:calc(368.4*var(--u));height:calc(374*var(--u));}
  .rzr-opt-2{left:calc(451*var(--u));top:calc(398*var(--u));width:calc(368.4*var(--u));height:calc(374*var(--u));}
  .rzr-en{font-size:max(11px,calc(42*var(--u)));line-height:calc(54*var(--u));}
  .rzr-ko{margin-top:calc(8*var(--u));font-size:max(11px,calc(28*var(--u)));line-height:calc(42*var(--u));}
  .rzr-ko small{font-size:max(11px,calc(23.5*var(--u)));line-height:calc(38*var(--u));}
  .rzr-note{left:calc(45*var(--u));top:calc(799*var(--u));width:calc(800*var(--u));height:calc(80*var(--u));font-size:max(11px,calc(21.5*var(--u)));line-height:calc(40*var(--u));letter-spacing:-0.06em;white-space:nowrap;}
  .rzr-p1{left:calc(70*var(--u));top:calc(398*var(--u));width:calc(239.9*var(--u));height:calc(304.8*var(--u));}
  .rzr-p2{left:calc(325.1*var(--u));top:calc(398*var(--u));width:calc(238.9*var(--u));height:calc(304.8*var(--u));}
  .rzr-p3{left:calc(579.1*var(--u));top:calc(398*var(--u));width:calc(239.9*var(--u));height:calc(304.8*var(--u));}
  .rzr-p1 .ico{top:calc(48.9*var(--u));margin-left:calc(-34.7*var(--u));width:calc(63*var(--u));height:calc(64.4*var(--u));}
  .rzr-p2 .ico{top:calc(45.4*var(--u));margin-left:calc(-25.7*var(--u));width:calc(51.3*var(--u));height:calc(66.5*var(--u));}
  .rzr-p3 .ico{top:calc(45.4*var(--u));margin-left:calc(-26.3*var(--u));width:calc(52.5*var(--u));height:calc(63*var(--u));}
  .rzr-ct{top:calc(126.4*var(--u));height:calc(52*var(--u));font-size:max(11px,calc(37.3*var(--u)));line-height:calc(52*var(--u));}
  .rzr-cd{top:calc(196.4*var(--u));height:calc(73*var(--u));font-size:max(11px,calc(23.3*var(--u)));line-height:calc(37.3*var(--u));}
  .rzr-cd.one{top:calc(175.3*var(--u));}
  .rzr-btn{top:calc(920*var(--u));height:calc(118*var(--u));font-size:max(11px,calc(34.6*var(--u)));line-height:calc(52*var(--u));}
  .rzr-btn.l{left:calc(70*var(--u));width:calc(366.9*var(--u));}
  .rzr-btn.r{left:calc(452*var(--u));width:calc(368*var(--u));}
  .rzr-btn.w{left:calc(70*var(--u));width:calc(750*var(--u));}
  .rzr-btn .arr{top:calc(52.4*var(--u));width:calc(50.9*var(--u));height:calc(13.1*var(--u));margin-top:calc(-1*var(--u));}
  .rzr-btn.r .arr{left:calc(238.1*var(--u));}
  .rzr-btn.w .arr{left:calc(644*var(--u));top:calc(44.8*var(--u));width:calc(56.3*var(--u));height:calc(14.1*var(--u));}
  .rzr-btn.l .arr{left:calc(69.3*var(--u));}
  .rzr-cal-t{left:calc(344*var(--u));top:calc(316*var(--u));width:calc(200*var(--u));height:calc(48*var(--u));font-size:max(11px,calc(30.3*var(--u)));line-height:calc(48*var(--u));}
  .rzr-nav{top:calc(316*var(--u));}
  .rzr-nav.p{left:calc(85.8*var(--u));}
  .rzr-nav.n{left:calc(803.3*var(--u));}
  .rzr-nav svg{width:calc(20.2*var(--u));height:calc(28.7*var(--u));}
  .rzr-wk{left:calc(27.2*var(--u));top:calc(383.3*var(--u));width:calc(834.1*var(--u));height:calc(69*var(--u));}
  .rzr-wk span{font-size:max(11px,calc(25.3*var(--u)));}
  .rzr-cals{left:calc(27.2*var(--u));top:calc(452.3*var(--u));width:calc(834.1*var(--u));height:calc(414*var(--u));}
  .rzr-cal{grid-auto-rows:calc(69*var(--u));}
  .rzr-day,.rzr-emp{font-size:max(11px,calc(25.3*var(--u)));line-height:calc(48*var(--u));}
  .rzr-day.on:before{width:calc(56*var(--u));height:calc(56*var(--u));margin:calc(-28*var(--u)) 0 0 calc(-28*var(--u));}
  .rzr-times{left:0;top:calc(338*var(--u));width:calc(890*var(--u));grid-template-columns:calc(254*var(--u)) calc(381.6*var(--u)) calc(254.4*var(--u));grid-auto-rows:calc(160.5*var(--u));}
  .rzr-time{width:calc(150*var(--u));height:calc(64*var(--u));font-size:max(11px,calc(28*var(--u)));line-height:calc(56*var(--u));}
  .rzr-t1.b{font-weight:400;}
  .rzr-inp{padding-left:calc(32*var(--u));font-size:max(11px,calc(32.5*var(--u)));}
  .rzr-ph{left:calc(69*var(--u));top:calc(497*var(--u));width:calc(530*var(--u));height:calc(98*var(--u));}
  .rzr-cf{left:calc(69*var(--u));top:calc(609*var(--u));width:calc(750*var(--u));height:calc(98*var(--u));}
  .rzr-req{left:calc(613*var(--u));top:calc(497*var(--u));width:calc(205*var(--u));height:calc(98*var(--u));font-size:max(11px,calc(23.2*var(--u)));line-height:calc(44*var(--u));}
  .rzr-chk{left:calc(69*var(--u));top:calc(729*var(--u));height:calc(42*var(--u));font-size:max(11px,calc(21.6*var(--u)));line-height:calc(42*var(--u));}
  .rzr-chk i{flex-basis:calc(26*var(--u));width:calc(26*var(--u));height:calc(26*var(--u));margin-right:calc(10.7*var(--u));}
  .rzr-chk input:checked + i:after{left:calc(6*var(--u));top:calc(6*var(--u));width:calc(12.5*var(--u));height:calc(12.5*var(--u));}
  .rzr-more{left:calc(726*var(--u));top:calc(729*var(--u));height:calc(42*var(--u));font-size:max(11px,calc(21.6*var(--u)));line-height:calc(42*var(--u));}
  .rzr-msg{left:calc(243*var(--u));top:calc(569*var(--u));width:calc(405*var(--u));height:calc(157*var(--u));font-size:max(11px,calc(26.6*var(--u)));line-height:calc(46*var(--u));}
  .rzr-msg .tel{font-size:max(11px,calc(32*var(--u)));line-height:calc(68*var(--u));}
  .rzr-ph-label{left:0;top:calc(408*var(--u));width:calc(890*var(--u));height:calc(38*var(--u));font-size:max(11px,calc(24*var(--u)));}
}
@media (max-width:1023px){
  .rzr-sub3{left:0;top:calc(232*var(--u));width:calc(890*var(--u));height:calc(46*var(--u));font-size:max(11px,calc(32*var(--u)));line-height:calc(46*var(--u));}
}

/* 2026-10-28/dhkim: 운영 페이지(.rez_pop_area section 높이 720px)처럼 PC에서 시트 높이를 720px 이하로 제한 -> 화면 일부만 가림 (calc(792*var(--u))*0.9091=720px). 폭이 이보다 넓으면 좌우는 시트 배경색으로 채움 */
@media (min-width:1024px){
  .rzr-stage{--u:min(calc(min(100vw,1920px)/1920),calc(66vh/792),0.9091px);}
}

/* 세로 스크롤바가 생기는 경우(화면 높이가 프레임보다 작을 때)에도 가로로 잘리지 않도록, 지원 브라우저에서는 레이어 폭(스크롤바 제외) 기준으로 단위 계산 */
@supports (width:1cqw){
  .rzr-scroll{container-type:inline-size;}
  .rzr-stage{--u:min(calc(min(100cqw,1920px)/1920),calc(66vh/792),0.9091px);}
}
@supports (width:1cqw){
  @media (max-width:1023px){
    .rzr-stage{--u:calc(100cqw/890);}
  }
}

/* 2026-10-28/dhkim: 운영 화면처럼 시트가 화면 아래 약 2/3(66vh)만 차지하도록 PC는 높이 기준으로도 축소, 모바일은 최소 높이 66vh 확보(남는 공간은 가운데 정렬) */
@media (max-width:1023px){
  .rzr-scroll{min-height:66vh;display:flex;}
  .rzr-stage{flex:none;margin:0 auto auto;}  /* 2026-10-29/dhkim: X/제목이 시트 상단에 붙도록 상단 정렬(남는 높이는 하단) */
}

/* 2026-10-29/dhkim: 닫기(X)는 프레임(stage)이 아니라 시트의 우측 끝 기준으로 정렬. 화면이 프레임보다 넓어 좌우 여백이 생겨도 항상 우측 끝에 붙고 우측 여백(시안 calc(34*var(--u)))은 반응형 유지 */
@supports (width:1cqw){
  .rzr-x{left:auto;right:calc(34.3*var(--u) - max(0px,(100cqw - 1920*var(--u))/2));}
  @media (max-width:1023px){
    .rzr-x{right:calc(34*var(--u) - max(0px,(100cqw - 890*var(--u))/2));}
  }
}

/* 2026-10-29/dhkim: 낮은 화면에서 시트 내부 세로 스크롤바가 생겨도 폭이 줄어 우측(X 포함)이 잘리지 않도록 스크롤바는 숨기고 휠/터치 스크롤만 유지 */
.rzr-scroll{scrollbar-width:none;-ms-overflow-style:none;}
.rzr-scroll::-webkit-scrollbar{display:none;}