/* Moment-style login (PC / mobile) — backup login_pc.html 기준 */

/* 이중 스크롤: moment_main_bridge.css 전역 규칙 따름 (html만 스크롤) */
body.moment-yonex-login {
  margin: 0;
  background: #fff;
  overflow-y: visible !important;
  overflow-x: visible !important;
}
body.moment-yonex-login #hd,
body.moment-yonex-login #ft,
body.moment-yonex-login .hd-admin,
body.moment-yonex-login #hd_login_msg,
body.moment-yonex-login .top_btn_wr {
  display: none !important;
}
body.moment-yonex-login #page_container {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

/* 최상단 MOMENT TENNIS COLLECTION 배너 숨김 */
body.moment-yonex-login #header .top_banner,
body.moment-yonex-login.moment-yonex-main #page_container.isTopBanner #header .top_banner {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}
body.moment-yonex-login #page_container.isTopBanner,
body.moment-yonex-login.moment-yonex-main #page_container.isTopBanner {
  padding-top: 82px !important;
}
body.moment-yonex-login #page_container.isTopBanner #header,
body.moment-yonex-login.moment-yonex-main #page_container.isTopBanner #header {
  padding-top: 0 !important;
}

/* 헤더 하단 라인: renew_2022 #header{border-bottom:2px solid rgba(0,0,0,0.1)} 유지 */

body.moment-yonex-login #content_wrap {
  width: 1240px;
  margin: 0 auto;
  padding: 65px 0 100px;
  min-width: 1240px;
  box-sizing: border-box;
  border-top: none !important;
}

/* 좌측 고객센터 LNB */
body.moment-yonex-login #content_left {
  display: block !important;
  float: left;
  width: 200px;
  position: relative;
  box-sizing: border-box;
}
body.moment-yonex-login #content_left .breadcrumb {
  position: absolute;
  top: -65px;
  border-bottom: none !important;
  margin-bottom: 0;
  width: 300px;
  padding: 20px 0;
}
body.moment-yonex-login #content_body {
  float: left;
  width: 1040px;
  box-sizing: border-box;
}
/* ===== 본문 타이포 / 폼 — backup renew_2022 + yonexmall 실제 캐스케이드 =====
 * renew: 전체 14px, .btn 14px/line-height 20px
 * login inline: #lg_title strong 26px, .default_btn padding 5px 15px
 * #form input.blue_btn: 80x66
 */
body.moment-yonex-login .indiv {
  margin: 0 18px 0 17px !important;
}
body.moment-yonex-login .content_left_myinfo {
  display: block;
}
body.moment-yonex-login .mypage_tit:before,
body.moment-yonex-login .mypage_tit:after {
  display: none !important;
  content: none !important;
}

body.moment-yonex-login .yx-login-box {
  box-sizing: border-box;
}
body.moment-yonex-login .yx-login-secure {
  overflow: hidden;
  text-align: left;
}

body.moment-yonex-login .yx-guest-wrap {
  width: 600px;
  max-width: 100%;
  margin: 20px auto;
  text-align: center;
}
body.moment-yonex-login .yx-guest-fields {
  display: inline-block;
}
body.moment-yonex-login .yx-social-login {
  margin: 16px auto 0;
  width: 310px;
  text-align: center;
}

/* Mobile */
body.moment-yonex-login.moment-yonex-mobile #page_container.isTopBanner {
  padding-top: 0 !important;
}
body.moment-yonex-login.moment-yonex-mobile #content_left {
  display: none !important;
}
body.moment-yonex-login.moment-yonex-mobile #content_wrap {
  width: 100%;
  min-width: 0;
  padding: 20px 15px 60px;
  box-sizing: border-box;
}
body.moment-yonex-login.moment-yonex-mobile #content_body {
  float: none;
  width: 100%;
}
body.moment-yonex-login.moment-yonex-mobile #lg_title strong {
  font-size: 22px;
}
body.moment-yonex-login.moment-yonex-mobile .yx-login-form-wrap {
  width: 100%;
  max-width: 320px;
}
body.moment-yonex-login.moment-yonex-mobile .yx-login-table input.yx-login-input {
  width: 100% !important;
  min-width: 140px;
}
body.moment-yonex-login.moment-yonex-mobile .yx-login-secure {
  width: auto;
}
body.moment-yonex-login.moment-yonex-mobile .yx-guest-wrap {
  width: 100%;
  margin: 12px auto;
}
body.moment-yonex-login.moment-yonex-mobile .yx-guest-fields {
  display: block;
  width: 100%;
}
body.moment-yonex-login.moment-yonex-mobile .yx-guest-fields tr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
body.moment-yonex-login.moment-yonex-mobile .yx-m-header {
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
  padding: 12px 15px;
  text-align: center;
  position: relative;
}
body.moment-yonex-login.moment-yonex-mobile .yx-m-header img {
  height: 28px;
  width: auto;
}
body.moment-yonex-login.moment-yonex-mobile .yx-m-header .yx-m-back {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #333;
  text-decoration: none;
  font-size: 14px;
}
body.moment-yonex-login.moment-yonex-mobile .yx-m-footer {
  padding: 24px 15px;
  text-align: center;
  font-size: 11px;
  color: #999;
  background: #111;
}
body.moment-yonex-login.moment-yonex-mobile .yx-m-footer a {
  color: #ccc;
}