/* ===== 로그인 페이지 로고 크기 =====
   원본 이미지 비율 370 x 100 를 유지한 채 배율만 조절한다.
   root의 숫자만 키우거나 줄이면 됨*/

:root{
  --login-logo-scale: 0.8 !important;          /* 상단 로고 - PC */
  --login-bottom-logo-scale: 0.5 !important;   /* 하단 로고 - PC */
  /* 하단 로고 위치 (좌/상 기준 여백). 음수도 가능 — 왼쪽/위로 더 당길 때 */
  --login-bottom-logo-left: 20px !important;   /* 하단 로고 좌측 여백 - PC */
  --login-bottom-logo-top: 12px !important;    /* 하단 로고 상단 여백 - PC */
}
@media (max-width: 991.98px){
  :root{
    --login-logo-scale: 0.6 !important;        /* 상단 로고 - 모바일 */
    --login-bottom-logo-scale: 0.4 !important; /* 하단 로고 - 모바일 */
    --login-bottom-logo-left: 16px !important; /* 하단 로고 좌측 여백 - 모바일 */
    --login-bottom-logo-top: 16px !important;  /* 하단 로고 상단 여백 - 모바일 */
  }
}
/* 상단 로고 : 업로드 이미지(img) + 폴백(div) */
.img_png_logo_dynamic,
.img_png_logo{
  width: calc(370px * var(--login-logo-scale)) !important;
  height: calc(100px * var(--login-logo-scale)) !important;
  object-fit: contain !important;   /* 비율 다른 로고를 넣어도 안 찌그러지게 */
}
/* 하단 로고 : 업로드 이미지(img) + 폴백(div) */
.login-bottom-logo-dynamic,
.login-bottom-logo{
  width: calc(370px * var(--login-bottom-logo-scale)) !important;
  height: calc(100px * var(--login-bottom-logo-scale)) !important;
  object-fit: contain !important;
  margin-left: var(--login-bottom-logo-left) !important;
  margin-top: var(--login-bottom-logo-top) !important;
  margin-bottom: 0 !important;
}