@charset "utf-8";

/* ===== DKU 로그인 스킨 ===== */
#dku-login-wrap {
  position: relative;
  min-height: 62vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 56px 16px 80px;
  background:
    radial-gradient(900px 420px at 15% 0%, rgba(112, 44, 168, 0.10), transparent 70%),
    radial-gradient(700px 380px at 100% 100%, rgba(38, 60, 140, 0.10), transparent 70%),
    #f6f5fb;
}
#dku-login {
  width: 100%;
  max-width: 620px;
  background: #fff;
  border: 1px solid rgba(15, 18, 32, 0.07);
  border-radius: 24px;
  box-shadow: 0 30px 70px -32px rgba(30, 12, 60, 0.45);
  padding: 40px 36px 36px;
  text-align: left;
}
#dku-login .dku-login-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(112, 44, 168, 0.10);
  color: #702ca8;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
}
#dku-login h1 {
  margin: 16px 0 6px;
  font-size: 27px;
  line-height: 1.3;
  font-weight: 800;
  color: #17182b;
}
#dku-login .dku-login-desc {
  margin: 0 0 26px;
  font-size: 14.5px;
  color: #6a6d84;
  line-height: 1.6;
}
#dku-login .dku-field { margin-bottom: 12px; }
#dku-login .dku-field label {
  display: block;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 700;
  color: #3c3f57;
}
#dku-login input[type=text],
#dku-login input[type=password] {
  display: block;
  width: 100%;
  height: 52px;
  padding: 0 16px;
  border: 1px solid #dcdbe8;
  border-radius: 14px;
  background: #fbfaff;
  font-size: 15px;
  color: #17182b;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
#dku-login input[type=text]:focus,
#dku-login input[type=password]:focus {
  outline: 0;
  background: #fff;
  border-color: #702ca8;
  box-shadow: 0 0 0 4px rgba(112, 44, 168, 0.12);
}
#dku-login .btn_submit,
#dku-login button[type=submit] {
  width: 100%;
  height: 54px;
  margin-top: 18px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, #702ca8, #3b2a90);
  color: #fff;
  font-size: 16.5px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 16px 30px -14px rgba(80, 30, 150, .7);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
#dku-login .btn_submit:hover { filter: brightness(1.06); transform: translateY(-1px); }
#dku-login .dku-login-auto {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  font-size: 13.5px;
  color: #55586f;
}
#dku-login .dku-login-auto input[type=checkbox] {
  -webkit-appearance: checkbox !important;
  appearance: checkbox !important;
  position: static !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  clip: auto !important;
  border: 1px solid #cfcde0 !important;
  border-radius: 4px !important;
  accent-color: #702ca8;
  visibility: visible !important;
  overflow: visible !important;
  cursor: pointer;
}
#dku-login .dku-login-auto label { cursor: pointer; }
#dku-login .dku-login-help {
  margin: 24px 0 0;
  padding-top: 18px;
  border-top: 1px solid #eeedf5;
  font-size: 13px;
  color: #7c7f95;
  line-height: 1.7;
}
#dku-login .dku-login-help strong { color: #702ca8; }
#dku-login #sns_login, #dku-login .login-sns { margin-top: 18px !important; border-top: 0 !important; }

/* 비회원 구매/주문조회 영역 (쇼핑몰용) */
#dku-login-wrap #mb_login_notmb,
#dku-login-wrap #mb_login_od_wr {
  width: 100%;
  max-width: 620px;
  margin: 18px auto 0;
  padding: 24px;
  background: #fff;
  border: 1px solid rgba(15, 18, 32, .07);
  border-radius: 20px;
  text-align: left;
}

@media (max-width: 480px) {
  #dku-login-wrap { padding: 28px 14px 56px; }
  #dku-login { padding: 30px 22px 28px; border-radius: 20px; }
  #dku-login h1 { font-size: 23px; }
}

/* 기본 레이아웃(헤더/푸터)과 함께 쓸 때 */
#dku-login-wrap { margin: 0; }
#dku-login fieldset { border: 0; padding: 0; margin: 0; }
#dku-login legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
#dku-login-wrap .mbskin, #dku-login-wrap .mbskin_box { all: unset; }