/* ===== 로그인 전용 ===== */
.loginInput{
  width:100%;
  height:42px;
  padding:0 12px;

  background:#0b0b0b;
  border:1px solid #2a2a2a;
  border-radius:4px;

  color:#e6e6e6;
  font-size:14px;
  font-weight:600;

  outline:none;
}

.loginInput::placeholder{
  color:#6f6f6f;
}

.loginInput:focus{
  border-color:#c8a36a;
  box-shadow:0 0 0 1px rgba(200,163,106,.35);
  background:#0e0e0e;
}

/* 필드 래퍼 */
.field{
  display:block;
}

/* 로그인 버튼 */
.btnPrimary{
  margin-top:8px;
  height:44px;
  width:100%;

  background:linear-gradient(#2a2a2a,#141414);
  border:1px solid #3a3a3a;
  border-radius:4px;

  color:#e6e6e6;
  font-size:14px;
  font-weight:800;
  letter-spacing:.4px;

  cursor:pointer;
}

.btnPrimary:hover{
  background:linear-gradient(#343434,#1a1a1a);
  border-color:#c8a36a;
  color:#ffd86b;
}

/* 체크박스 */
input[type="checkbox"]{
  accent-color:#c8a36a;
}

/* 로그인 좌측 패널 여백 보정 */
.panelLeft .list{
  background:transparent;
}

/* 로그인 우측 도움말 패널 */
.panelRight{
  background:rgba(0,0,0,.65);
  border-left:1px solid rgba(255,255,255,.08);
}

/* 도움말 링크 */
.panelRight a{
  text-decoration:none;
  font-weight:600;
}

.panelRight a:hover{
  text-decoration:underline;
}

/* 상단 LOGIN 타이틀 라인 */
.tabs{
  height:46px;
}

.tab.active{
  font-size:13px;
  letter-spacing:.6px;
  text-transform:uppercase;
}

/* 전체 로그인 패널 높이 안정화 */
.panel{
  min-height:360px;
}

/* CAPTCHA 영역 보정 (Cloudflare 등) */
.panel iframe,
.panel .cf-turnstile{
  margin-top:6px;
}

/* 모바일 대응 */
@media (max-width: 900px){
  .panel{
    grid-template-columns:1fr !important;
  }
  .panelRight{
    display:none;
  }
}

/* ===== CAPTCHA(Cloudflare Turnstile) 강제 표시 보정 ===== */

/* scale / overflow에 잘리지 않게 */
.panelLeft,
.panelLeft .list{
  overflow: visible !important;
}

/* Turnstile 컨테이너 */
.cf-turnstile{
  position: relative;
  z-index: 6;
  margin: 8px 0 4px;
}

/* iframe 크기/가시성 보정 */
.cf-turnstile iframe{
  max-width: 100%;
  min-height: 65px;
  display: block;
}

/* 모바일에서도 숨지 않게 */
@media (max-width: 900px){
  .cf-turnstile{
    margin-top: 10px;
  }
}