@charset "utf-8";

.basic-outlogin label { line-height:12px; font-weight: normal; cursor: pointer; font-size: 11px; position: relative; top: 3px;}
.basic-outlogin .profile .photo { margin-right:12px; }
.basic-outlogin .profile .photo img { width:60px; height:60px; 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:8px; }

/* 로그인 폼 레이아웃(좌: 입력 2줄 / 우: 버튼 1개) */
.basic-outlogin form#basic_outlogin { display:flex; flex-wrap:wrap; gap:10px; align-items:stretch; }
.basic-outlogin .login-box-left { flex: 1 1 auto; min-width: 0; }
.basic-outlogin .login-box-right { flex: 0 0 85px; display:flex; }
.basic-outlogin .login-box-right .form-group { flex:1; margin:0; display:flex; }
.basic-outlogin .login-box-right .btn { width:100%; height:76px; margin:0; }
.basic-outlogin .login-box-left .form-group:last-child { margin-bottom:0; }
.basic-outlogin .login-box-left .form-control { width:100% !important; }

/* 입력/버튼 아래 부가정보는 다음 줄(100% 폭)로 */
.basic-outlogin form#basic_outlogin > div[style*="letter-spacing"] { flex: 0 0 100%; width:100%; }

/* 기존 absolute 버튼 배치 제거 (테마 색상 클래스와 무관하게 적용) */
.basic-outlogin .btn.btn-navy { position: static; top:auto; right:auto; }

.basic-outlogin .form-control {display: block; width: 100%; height: 34px; padding: 6px 12px;font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #bababa;border-radius: 10px; }