/* 오너스 개인정보 수집·이용 공통 UI */

/* 체크박스 문구 + 내용보기 */
.owners-privacy-consent{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0;
}
.owners-privacy-consent label{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap;
}
.owners-privacy-open,
.o4-bottom-consult__form .owners-privacy-open,
.o4-bottom-consult__agree .owners-privacy-open{
  all:unset!important;
  display:inline-block!important;
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0 0 1px!important;
  border:0!important;
  border-bottom:1px solid currentColor!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  font-family:inherit!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.owners-privacy-open:hover{opacity:.7}

/* 하단 고정 상담바에서는 흰색 텍스트 링크 */
.o4-bottom-consult__agree{
  color:rgba(255,255,255,.88);
  font-size:11px;
}
.o4-bottom-consult__agree .owners-privacy-label{
  color:rgba(255,255,255,.88);
}

/* 본문 폼에서 label 다음에 생성되는 내용보기 */
#contact .owners-privacy-open{
  margin-left:8px!important;
  color:#2563EB!important;
  font-size:12px!important;
}

/* 모달 */
.owners-privacy-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.owners-privacy-modal.is-open{display:flex}
.owners-privacy-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(7,17,36,.58);
}
.owners-privacy-modal__dialog{
  position:relative;
  z-index:1;
  width:min(560px,100%);
  max-height:min(760px,calc(100vh - 48px));
  overflow:auto;
  border-radius:20px;
  background:#fff;
  box-shadow:0 24px 80px rgba(15,32,68,.24);
}
.owners-privacy-modal__close{
  position:absolute;
  top:16px;
  right:18px;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#F3F6FA;
  color:#0F2044;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.owners-privacy-modal__head{padding:36px 42px 24px}
.owners-privacy-modal__head p{
  margin:0 0 8px;
  color:#2563EB;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
}
.owners-privacy-modal__head h2{
  margin:0;
  color:#0F2044;
  font-size:28px;
  line-height:1.35;
  letter-spacing:-.7px;
}
.owners-privacy-modal__body{padding:0 42px}
.owners-privacy-modal__body dl{margin:0}
.owners-privacy-modal__body dl>div{
  padding:18px 0;
  border-top:1px solid #E7ECF3;
}
.owners-privacy-modal__body dt{
  margin:0 0 7px;
  color:#0F2044;
  font-size:14px;
  font-weight:800;
}
.owners-privacy-modal__body dd{
  margin:0;
  color:#5C6678;
  font-size:14px;
  line-height:1.7;
  word-break:keep-all;
}
.owners-privacy-modal__foot{padding:26px 42px 36px}
.owners-privacy-modal__foot button{
  width:100%;
  height:50px;
  border:0;
  border-radius:10px;
  background:#2563EB;
  color:#fff;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}
body.owners-privacy-lock{overflow:hidden}

@media(max-width:600px){
  .owners-privacy-modal{padding:16px}
  .owners-privacy-modal__dialog{border-radius:16px}
  .owners-privacy-modal__head{padding:30px 24px 20px}
  .owners-privacy-modal__head h2{font-size:23px}
  .owners-privacy-modal__body{padding:0 24px}
  .owners-privacy-modal__foot{padding:22px 24px 28px}
  .owners-privacy-modal__body dd{font-size:13px}
}


/* 개인정보 내용보기 한 줄 정렬 */
.o4-bottom-consult__agree{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  width:auto!important;
  min-width:max-content!important;
  white-space:nowrap!important;
}
.o4-bottom-consult__agree .owners-privacy-open{
  display:inline-block!important;
  flex:0 0 auto!important;
  width:auto!important;
  margin:0!important;
  padding:0 0 1px!important;
  white-space:nowrap!important;
}

#contact .hm-check{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  margin-right:8px!important;
  vertical-align:middle!important;
}
#contact .hm-check + .owners-privacy-open{
  display:inline-block!important;
  position:relative!important;
  top:-9px!important;
  width:auto!important;
  margin:0!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}