/* ITDA global registration modal */
body.global-register-open{overflow:hidden}
.global-register-backdrop{z-index:9600!important}
.global-register-modal{
  width:min(1120px,calc(100vw - 36px));
  height:min(90vh,880px);
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
  border-radius:18px;
}
.global-register-head{flex:0 0 auto}
.global-register-body{
  position:relative;
  flex:1 1 auto;
  min-height:0;
  background:#f8fafc;
  overflow:hidden;
}
.global-register-frame{
  display:block;
  width:100%;
  height:100%;
  min-height:520px;
  border:0;
  background:#fff;
  opacity:0;
  transition:opacity .16s ease;
}
.global-register-frame.ready{opacity:1}
.global-register-loading{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:#fff;
  color:#64748b;
  font-size:13px;
}
.global-register-loading.hidden{display:none}
.global-register-spinner{
  width:20px;
  height:20px;
  border:2px solid #dbeafe;
  border-top-color:#2563eb;
  border-radius:50%;
  animation:globalRegisterSpin .72s linear infinite;
}
@keyframes globalRegisterSpin{to{transform:rotate(360deg)}}

/* base.html을 상속하는 등록화면이 iframe 안에 들어왔을 때 */
html.itda-modal-child,
html.itda-modal-child body{
  width:100%!important;
  min-width:0!important;
  min-height:100%!important;
  margin:0!important;
  background:#fff!important;
  overflow-x:hidden!important;
}
html.itda-modal-child .app-header,
html.itda-modal-child .subbar,
html.itda-modal-child .server-mobile-nav,
html.itda-modal-child .global-login-backdrop,
html.itda-modal-child .global-register-backdrop,
html.itda-modal-child .original-login-intro{
  display:none!important;
}
html.itda-modal-child .page-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:20px 22px 28px!important;
}

@media(max-width:760px){
  .global-register-backdrop{padding:0!important;align-items:stretch!important}
  .global-register-modal{
    width:100vw!important;
    height:100dvh!important;
    max-width:none!important;
    border-radius:0!important;
  }
  .global-register-head{padding:12px 14px!important}
  .global-register-frame{min-height:0;height:100%}
  html.itda-modal-child .page-shell{padding:14px 12px 24px!important}
}
