/* 회원 기능 화면 시안 (2026-10-27 권윤주 님) — 클릭해 보는 화면 · 업로드본에도 포함(박주철 님 검토용, 실제 서버에 바로 올라가지 않음)
   실제 로그인은 워드프레스(개발) 연결 뒤 · 상태는 이 브라우저 localStorage 에만 저장(ipMockMember) */
.mb-hbox{position:absolute;top:50%;right:100%;margin-right:-14px;transform:translateY(-50%);display:flex;align-items:center;gap:7px;height:36px;padding:0 16px 0 12px;border:1px solid #d8d2c4;border-radius:4px;background:#fff;font:500 15px/1 'Pretendard',sans-serif;letter-spacing:-.02em;color:#1a2238;white-space:nowrap;cursor:pointer;transition:border-color .2s}
.mb-hbox:hover{border-color:#1b2b4b}
/* 10-28: 로그인 상자가 사이트맵 버튼(100×100)에 14px 겹쳐 오른쪽 끝을 누르면 사이트맵이 열림 → 로그인을 위로,
   사이트맵은 줄 아이콘 둘레(58×56)만 마우스를 받게 함(모양 그대로, 사이에 10px 빈칸) */
.fixed_menu.right_wrap .mb-hbox{z-index:2}
.fixed_menu.right_wrap .btn_sitemap{pointer-events:none}
.fixed_menu.right_wrap .btn_sitemap::after{content:'';position:absolute;left:24px;right:18px;top:22px;bottom:22px;pointer-events:auto}
.mb-hbox svg{width:18px;height:18px;flex:none}
.mb-hbox i{width:6px;height:6px;border-right:1.4px solid #1a2238;border-bottom:1.4px solid #1a2238;transform:translateY(-2px) rotate(45deg);margin-left:6px;transition:transform .2s}
.mb-hbox.in{border-color:#1b2b4b}
.mb-hbox.open i{transform:translateY(1px) rotate(-135deg)}
.mb-dd{position:absolute;top:calc(100% + 6px);right:0;width:200px;padding:8px 0;border:1px solid #e6e1d6;border-radius:4px;background:#fff;box-shadow:0 12px 30px rgba(26,34,56,.12);opacity:0;visibility:hidden;transform:translateY(-4px);transition:.2s;cursor:default}
.mb-hbox.open .mb-dd{opacity:1;visibility:visible;transform:none}
.mb-dd a{display:block;padding:13px 20px;font:400 15px/1 'Pretendard',sans-serif;color:#1a2238;text-align:left}
.mb-dd a:hover{background:#f6f3ec}.mb-dd a.lo{color:#7b8496}
/* 모바일 메뉴 맨 위 줄 */
.mb-mrow{display:flex;align-items:center;gap:12px;height:56px;padding:0 20px 0 26px;border-bottom:1px solid #eee;background:#fff;font:400 15px/1 'Pretendard',sans-serif;letter-spacing:-.02em;color:#4a5264}
.mb-mrow svg{width:20px;height:20px;flex:none;margin-right:-4px}
.mb-mrow b{font-weight:600;color:#1a2238;margin-right:auto}
.mb-mrow a{color:#4a5264;cursor:pointer}
.mb-mrow a.first{margin-left:auto}
.mb-mrow a+a:before{content:'';display:inline-block;width:1px;height:11px;background:#d8d2c4;margin-right:12px;vertical-align:-1px}
/* 로그인 창 · 회원가입 고르기 창 (나안) */
.mb-dim{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(26,34,56,.5);font-family:'Pretendard',sans-serif;letter-spacing:-.02em;word-break:keep-all;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
.mb-dim.on{opacity:1;visibility:visible;transition:opacity .25s}
.mb-lg{position:relative;width:520px;max-width:100%;max-height:calc(100vh - 32px);overflow:auto;padding:56px 56px 52px;border-radius:6px;background:#fff;box-shadow:0 20px 50px rgba(26,34,56,.22);color:#1a2238;transform:translateY(12px);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.mb-dim.on .mb-lg{transform:none}
.mb-x{position:absolute;right:28px;top:28px;width:28px;height:28px;cursor:pointer}
.mb-x:before,.mb-x:after{content:'';position:absolute;left:50%;top:50%;width:30px;height:1.2px;background:#a9aebb;transform:translate(-50%,-50%) rotate(45deg)}
.mb-x:after{transform:translate(-50%,-50%) rotate(-45deg)}
.mb-lg h2{text-align:center;font:600 36px/1.2 'Pretendard',sans-serif;letter-spacing:-.04em;color:#1a2238}
.mb-d{margin-top:14px;text-align:center;text-wrap:balance;font:400 15px/1.6 'Pretendard',sans-serif;color:#7b8496}
.mb-f{margin-top:36px;border:1px solid #ddd6c8;border-radius:4px;overflow:hidden}
.mb-f input{display:block;width:100%;height:58px;padding:0 22px;border:0;outline:0;font:400 16px/1 'Pretendard',sans-serif;color:#1a2238;background:#fff}
.mb-f input::placeholder{color:#9aa0ad}
.mb-f input+input{border-top:1px solid #ddd6c8}
.mb-f.er{border-color:#c0574a}
.mb-em{margin-top:10px;font:500 14px/1.4 'Pretendard',sans-serif;color:#c0574a}
.mb-ck{display:inline-flex;align-items:center;gap:10px;margin-top:20px;font:500 16px/1 'Pretendard',sans-serif;color:#1a2238;cursor:pointer}
.mb-ck input{position:absolute;opacity:0;pointer-events:none}
.mb-ck i{width:22px;height:22px;border:1px solid #c9c1b0;border-radius:4px;background:#fff}
.mb-ck input:checked+i{border-color:#b08d57;background:#b08d57 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M5.5 11.2l3.6 3.6 7.4-7.8' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center/22px no-repeat}
.mb-bt{position:relative;display:flex;width:100%;height:60px;margin-top:28px;border:1px solid #1b2b4b;border-radius:4px;align-items:center;justify-content:center;font:500 16px/1 'Pretendard',sans-serif;color:#1b2b4b;background:#fff;cursor:pointer;transition:.2s}
.mb-bt:hover{background:#1b2b4b;color:#fff}
.mb-op{display:flex;justify-content:space-between;margin-top:20px;font:500 16px/1 'Pretendard',sans-serif;color:#1a2238}
.mb-op a{color:#1a2238;text-decoration:none;cursor:pointer}.mb-op a:hover{text-decoration:underline;text-underline-offset:3px}
.mb-or{display:flex;align-items:center;gap:24px;margin:36px 0;font:400 15px/1 'Pretendard',sans-serif;color:#4a5264}
.mb-or:before,.mb-or:after{content:'';flex:1;height:1px;background:#e6e1d6}
.mb-sns{position:relative;display:flex;width:100%;height:60px;border-radius:4px;background:#fee500;align-items:center;justify-content:center;font:500 16px/1 'Pretendard',sans-serif;color:#191600;cursor:pointer}
.mb-sns svg{position:absolute;left:20px;top:50%;width:28px;height:28px;transform:translateY(-50%)}
.mb-sns.nv{margin-top:10px;background:#03c75a;color:#fff}.mb-sns.nv svg{width:22px;height:22px;left:23px}
.mb-last{position:absolute;right:14px;top:-15px;padding:7px 11px;border-radius:14px;background:#1b2b4b;font:600 14px/1 'Pretendard',sans-serif;color:#fff;box-shadow:0 4px 10px rgba(26,34,56,.18);pointer-events:none}
.mb-last:after{content:'';position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:#1b2b4b;transform:translateX(-50%) rotate(45deg);border-radius:0 0 2px 0}
/* 전후 페이지: 자물쇠 아래 「로그인하고 보기」 · 모바일 안내 칸 「로그인」 */
#ip_doctor.ba .ba-view .ba-lk b{display:none}
.mb-lkbtn{display:inline-flex;align-items:center;height:44px;margin-top:8px;padding:0 22px;border-radius:22px;background:#fff;font:600 15px/1 'Pretendard',sans-serif;color:#1b2b4b;text-shadow:none;box-shadow:0 6px 18px rgba(26,34,56,.18);cursor:pointer;pointer-events:auto}
#ip_doctor.ba .ba-login-m.mb-has{display:flex!important;align-items:center}
.mb-lkm{flex:none;display:inline-flex;align-items:center;height:36px;margin-left:auto;padding:0 14px;border-radius:18px;background:#1b2b4b;font:600 14px/1 'Pretendard',sans-serif;color:#fff;cursor:pointer}
html.mb-in .mb-lkbtn,html.mb-in .mb-lkm{display:none}
/* 알림 (10-27: 왼쪽 아래 '화면 시안' 표시는 뺌 — 메모에만) */
.mb-toast{position:fixed;left:50%;bottom:72px;z-index:2147483600;max-width:calc(100% - 32px);padding:14px 22px;border-radius:24px;background:#1b2b4b;font:500 15px/1.4 'Pretendard',sans-serif;letter-spacing:-.02em;color:#fff;text-align:center;box-shadow:0 10px 30px rgba(26,34,56,.25);opacity:0;transform:translate(-50%,10px);transition:.3s;pointer-events:none}
.mb-toast.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:767px){
  .mb-dim{align-items:flex-end;padding:0}
  .mb-lg{width:100%;max-height:92vh;padding:48px 20px 32px;border-radius:16px 16px 0 0;transform:translateY(40px)}
  .mb-lg:before{content:'';position:absolute;left:50%;top:10px;width:40px;height:4px;border-radius:2px;background:#e0dace;transform:translateX(-50%)}
  .mb-x{right:18px;top:22px;width:22px;height:22px}.mb-x:before,.mb-x:after{width:22px}
  .mb-lg h2{font-size:28px}
  .mb-f{margin-top:26px}.mb-f input{height:54px;padding:0 18px}
  .mb-ck{margin-top:16px;font-size:15px}.mb-ck i{width:20px;height:20px}
  .mb-bt,.mb-sns{height:54px;margin-top:22px}.mb-sns{margin-top:0}.mb-sns.nv{margin-top:8px}
  .mb-op{margin-top:16px;font-size:15px}
  .mb-or{margin:24px 0}}

/* 축소 구간(html zoom)에서 100vh 가 화면보다 짧아져 전체 메뉴가 중간에서 끊기던 것 (박주철 님 11-04) */
#sitemap .sitemap_wrap:before{height:100%!important}
/* 1301~1500px 에서 시안이 전체 메뉴 버튼을 숨겨 메뉴를 열 수 없던 것 (박주철 님 11-04) */
@media (min-width:1301px) and (max-width:1500px){#gnb .right_wrap{width:auto!important;right:0}#gnb .right_wrap .btn_sitemap{display:block!important}}