@charset "utf-8";

.basic-outlogin label { line-height:12px; font-weight: normal; cursor: pointer; }
.basic-outlogin .profile .photo { margin-right:12px; }
.basic-outlogin .profile .photo img { width:54px; height:54px; border-radius: 50%; border:0; }
.basic-outlogin .profile h3 { font-size:18px; line-height:32px; padding:0px; margin:0px; letter-spacing:-1px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.basic-outlogin .login-line { border-top:1px solid #eee; margin:5px 0px 7px; padding-top:6px; }
.basic-outlogin .form-group { margin-bottom:10px; }
/* 아웃로그인 박스 */
.basic-outlogin {
  border-radius: 10px;                   /* 둥근 모서리 */
  box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 은은한 그림자 */
  padding: 20px;
  background: #fff;
  border-top: 3px solid #1eb2a6;
}

/* 로그인 버튼 */
.basic-outlogin .btn_submit {
  border-radius: 8px;                     /* 버튼 둥글게 */
  box-shadow: 0 3px 6px rgba(0,0,0,0.15); /* 버튼 그림자 */
}


/* 카드 박스 */
.basic-outlogin{
  border-radius:10px;
  box-shadow:0 4px 10px rgba(0,0,0,.1);
  background:#fff;
  padding:20px 20px 16px;  /* 아래쪽 여백 조금 더 */
  border-top:3px solid #1eb2a6;

  /* ↓ 마진이 밖으로 빠지는 걸 방지 (둘 중 하나만 써도 됨) */
  /* overflow:hidden; */
  display: flow-root;
}

/* 아래쪽 영역 레이아웃(자동로그인 + 링크) */
.basic-outlogin .login-meta,
.basic-outlogin .login-join,
.basic-outlogin .links {
  margin-top:10px;
  display:flex;
  align-items:center;
  gap:12px;
  justify-content:space-between; /* 필요 없으면 삭제 */
}

/* 자동로그인 쪽 정렬 */
.basic-outlogin .login-keep,
.basic-outlogin .auto-wrap{ 
  display:flex; align-items:center; gap:6px;
}