#user-account{
  min-height: 100dvh;
}
.userArea__container .logo{
  width: 16rem
} 
.userArea__contents{
  max-width: 60rem;
}
.commonBtn{
  height: 7rem;
}
.commonBtn--outside{
  width: var(--max-full);
  max-width: 60rem;
}
.commonBtn__selector{
  height: 4.4rem;
  min-height: 4.4rem;
}


input[type="radio"]:checked,
input[type="checkbox"]:checked{
  background-color: var(--mainBlue-color);
  border: none;
}

/* 아이폰 8, 갤럭시 s4 에서 구동되는 것 확인 */
/* appearance와 checked::after사용에 문제 없음 확인 */
input[type="radio"]:checked::after,
input[type="checkbox"]:checked::after{
  content: '';
  display: block;
  background-image: url("../img/check.svg");
  width: 50%;
  aspect-ratio: 1/1;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

input[readonly] {
  background-color: var(--muted-color);
  cursor: default;
}

@media (max-width : 600px) {
  #user-account{
    padding-top: var(--blank-100);
    padding-bottom: var(--blank-100);
  }
  .userArea{
    padding-left: var(--blank-10);
    padding-right: var(--blank-10);
  }
  .userArea__container .logo{
    width: 14rem;
  }
  .userArea__contents{
    padding-left: var(--blank-20);
    padding-right: var(--blank-20);
  }
  .commonBtn{
    height: 5.5rem;
  }
  .commonBtn__selector{
    height: 4.4rem;
    min-height: 4.4rem;
  }
}
@media (max-width : 420px){
  .userArea{
    padding-left: var(--blank-10);
    padding-right: var(--blank-10);
  }
  .userArea__contents{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    border: none;
  }
}

.error-msg{
  font-size: var(--font-s-12);
  color: var(--mainRed-color);
}