/* 지산리조트렌탈샵 브라더스 — 회원 화면 공용 MAISON 스타일
   (로그인 · 비밀글 비밀번호 확인 · 본인 확인 · 비밀번호 찾기)
   입력칸 이름 · 동작은 그대로이고 화면만 요금안내 · 예약하기와 같은 디자인으로 맞춥니다. */
html,body{margin:0 !important;background:#f6f0e4 !important;min-height:100%}
.mz-page{--o:#e8661e;--od:#c9530f;--t:#3a2a1f;--s:#a8733f;--c:#f6f0e4;--p:#fbf8f2;--l:#e3d7c4;--m:#7a6a5c;--ink:#1e1712;
  position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:36px 16px 44px;box-sizing:border-box;
  font-family:'NanumSquareRound',-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;color:var(--ink);line-height:1.6;letter-spacing:-.2px;word-break:keep-all;
  background:#f6f0e4 repeating-linear-gradient(45deg,rgba(168,115,63,.045) 0 1px,transparent 1px 14px)}
.mz-page *{box-sizing:border-box}
.mz-page h1,.mz-page h2,.mz-page p,.mz-page ul,.mz-page li{margin:0;padding:0}
.mz-page a{text-decoration:none}
.mz-wrap{width:100%;max-width:450px}
/* 상단 갈색 띠 */
.mz-ban{position:relative;background:var(--t);border-radius:3px 3px 0 0;padding:34px 28px 30px;text-align:center;color:#f4e6d1;overflow:hidden}
.mz-ban::before{content:"";position:absolute;inset:10px;border:1.4px dashed rgba(233,207,169,.42);pointer-events:none}
.mz-ban > *{position:relative;z-index:1}
.mz-logo{display:inline-block;margin-bottom:16px}
.mz-logo img{display:block;height:46px;width:auto}
.mz-k{display:block;font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:6px;color:var(--o);text-transform:uppercase}
.mz-page .mz-ban h1{margin-top:8px;font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:27px;line-height:1.3;color:#fff}
/* 본문 카드 */
.mz-card{position:relative;background:#fff;border:1px solid var(--l);border-top:0;border-radius:0 0 3px 3px;padding:30px 30px 26px}
.mz-card::before{content:"";position:absolute;left:30px;right:30px;top:-1px;border-top:3px solid var(--o)}
.mz-note{padding:16px 18px;margin-bottom:22px;background:var(--p);border:1px solid var(--l);border-left:3px solid var(--o);border-radius:2px;font-size:13.5px;font-weight:700;color:var(--m);line-height:1.7}
.mz-note b{display:block;margin-bottom:2px;font-family:'Nanum Myeongjo',serif;font-size:16px;font-weight:800;color:var(--t)}
.mz-f{display:block;margin:0 0 16px}
.mz-f > span{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:13px;font-weight:800;color:#4a3b30}
.mz-f > span a{font-size:12px;font-weight:700;color:var(--s);text-decoration:underline}
.mz-f > span a:hover{color:var(--od)}
.mz-id{display:inline-block;padding:0 6px;color:var(--od);font-weight:800}
.mz-page .mz-in{display:block;width:100%;height:50px;margin:0;padding:0 14px;border:1px solid var(--l);border-radius:2px;background:#fff;font-family:inherit;font-size:15px;font-weight:700;color:var(--ink);outline:none;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.mz-page .mz-in::placeholder{color:#b3a595;font-weight:700}
.mz-page .mz-in:focus{border-color:var(--s);box-shadow:0 0 0 3px rgba(168,115,63,.12)}
.mz-chk{display:inline-flex;align-items:center;gap:8px;margin:2px 0 18px;font-size:13px;font-weight:800;color:#4a3b30;cursor:pointer}
.mz-chk input{width:17px;height:17px;margin:0;accent-color:var(--o)}
.mz-page .mz-btn{display:block;width:100%;height:54px;border:0;border-radius:2px;background:var(--o);color:#fff;font-family:inherit;font-size:16px;font-weight:800;letter-spacing:.5px;cursor:pointer;transition:background .25s}
.mz-page .mz-btn:hover{background:var(--od)}
.mz-page .mz-btn:disabled{background:#c9bcae;cursor:wait}
.mz-page .mz-btn.ghost{margin-top:8px;background:#fff;color:var(--m);border:1px solid var(--l)}
.mz-page .mz-btn.ghost:hover{background:var(--c)}
.mz-links{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 20px;margin-top:20px;padding-top:18px;border-top:1px dashed var(--l);font-size:13px;font-weight:800}
.mz-links a{color:var(--m)}
.mz-links a:hover{color:var(--od)}
.mz-cap{margin-bottom:16px;padding:12px;background:var(--p);border:1px solid var(--l)}
.mz-copy{margin-top:18px;text-align:center;font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:2px;color:#a89a89}
@media(max-width:480px){
  .mz-page{padding:20px 12px 32px;align-items:flex-start}
  .mz-ban{padding:28px 20px 24px}
  .mz-card{padding:26px 20px 22px}
  .mz-card::before{left:20px;right:20px}
  .mz-page .mz-ban h1{font-size:23px}
}