/* 엘리텍 로그인 (bbs/login.php) */
body{background:#f5f7fa}
.eklg{--b:#135bb5;--bd:#0d4791;--bs:#eaf2fc;--ink:#111827;--tx:#4b5563;--mu:#7b8491;--ln:#e2e6ec;--sf:#f5f7fa;max-width:460px;margin:0 auto;padding:56px 20px 64px;font-family:Pretendard,"Noto Sans KR",-apple-system,"Apple SD Gothic Neo",sans-serif;word-break:keep-all;color:var(--tx)}
.eklg.is-two{max-width:960px}
.eklg *{box-sizing:border-box}
.eklg-top{display:flex;flex-direction:column;align-items:center;gap:22px;margin-bottom:28px}
.eklg-logo img{display:block;width:170px;height:auto}
.eklg-steps{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.eklg-steps li{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#a1a9b4}
.eklg-steps li+li:before{content:"";width:22px;height:1px;margin-right:2px;background:#cfd5dd}
.eklg-steps span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e4e8ee;font-size:12px;font-weight:800;color:#fff}
.eklg-steps .is-done{color:var(--tx)}
.eklg-steps .is-done span{background:#9db7da}
.eklg-steps .is-on{color:var(--ink)}
.eklg-steps .is-on span{background:var(--b)}

.eklg-wrap{display:grid;gap:16px}
.eklg.is-two .eklg-wrap{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.eklg-card{display:flex;flex-direction:column;padding:36px 34px 30px;border:1px solid var(--ln);border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(17,24,39,.06)}
.eklg-card.is-guest{background:#fbfcfe}
.eklg-kick{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:12.5px;font-weight:800;letter-spacing:.8px;color:var(--b)}
.eklg-kick:before{content:"";width:6px;height:6px;border-radius:1px;background:var(--b)}
.eklg-card h1,.eklg-card h2{margin:0;padding:0;border:0;font-size:26px;font-weight:800;line-height:1.3;letter-spacing:-.7px;color:var(--ink);background:none}
.eklg-sub{margin:8px 0 24px;font-size:14.5px;line-height:1.65;color:var(--mu)}
.eklg-sub b{color:var(--ink)}
.eklg fieldset{margin:0;padding:0;border:0}

.eklg-f{margin-bottom:14px}
.eklg-f label{display:block;margin-bottom:7px;font-size:13.5px;font-weight:800;color:var(--ink)}
.eklg-f input{display:block;width:100%;height:52px;padding:0 16px;border:1px solid #d5dbe3;border-radius:12px;background:#fff;font-family:inherit;font-size:16px;color:var(--ink);outline:0;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.eklg-f input::placeholder{color:#a5adb8}
.eklg-f input:focus{border-color:var(--b);box-shadow:0 0 0 3px rgba(19,91,181,.14)}

.eklg-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 20px}
.eklg-opt a{font-size:13.5px;font-weight:600;color:var(--tx)!important;text-decoration:none}
.eklg-opt a:hover{color:var(--b)!important;text-decoration:underline}
.eklg-chk{position:relative;display:inline-flex;align-items:flex-start;gap:9px;font-size:14px;font-weight:600;color:var(--tx);cursor:pointer;line-height:1.45}
.eklg-chk input{position:absolute;opacity:0;width:1px;height:1px}
.eklg-chk span:before{content:"";flex:none;display:inline-block;width:20px;height:20px;margin:-1px 9px 0 0;vertical-align:middle;border:1.5px solid #c3cbd6;border-radius:6px;background:#fff center/12px no-repeat;transition:all .15s}
.eklg-chk span{display:inline-flex;align-items:flex-start}
.eklg-chk input:checked+span:before{border-color:var(--b);background-color:var(--b);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.eklg-chk input:focus-visible+span:before{box-shadow:0 0 0 3px rgba(19,91,181,.25)}
.eklg-chk b{color:var(--b);font-weight:800}

.eklg-btn{display:flex;align-items:center;justify-content:center;width:100%;height:54px;border:1px solid var(--b);border-radius:12px;font-family:inherit;font-size:16.5px;font-weight:800;text-decoration:none!important;cursor:pointer;transition:background .2s,color .2s}
.eklg-btn.is-main{background:var(--b);color:#fff!important}
.eklg-btn.is-main:hover{background:var(--bd);border-color:var(--bd)}
.eklg-btn.is-line{margin-top:auto;background:#fff;color:var(--b)!important}
.eklg-btn.is-line:hover{background:var(--bs)}
.eklg form .eklg-btn.is-line{margin-top:6px}

.eklg-join{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--ln);font-size:14px;color:var(--mu)}
.eklg-join a{font-weight:800;color:var(--b)!important;text-decoration:none}
.eklg-join a:hover{text-decoration:underline}

.eklg-points{margin:-6px 0 18px;padding:0;list-style:none}
.eklg-points li{position:relative;padding-left:14px;font-size:14px;line-height:1.8;color:var(--tx)}
.eklg-points li:before{content:"";position:absolute;left:2px;top:.8em;width:4px;height:4px;border-radius:50%;background:var(--b)}
.eklg-privacy{margin-bottom:14px;padding:16px 18px;border:1px solid var(--ln);border-radius:14px;background:#fff}
.eklg-privacy strong{display:block;margin-bottom:8px;font-size:13.5px;font-weight:800;color:var(--ink)}
.eklg-privacy #guest_privacy{max-height:150px;overflow-y:auto;font-size:13px;line-height:1.7;color:var(--mu)}
.eklg-privacy #guest_privacy p{margin:0}
.eklg-chk.is-agree{margin:2px 0 20px}

.eklg-help{margin:26px 0 0;text-align:center;font-size:13.5px;color:var(--mu)}
.eklg-help a{font-weight:800;color:var(--ink)!important;text-decoration:none}
.eklg-help span{margin-left:6px}

@media (max-width:820px){
  .eklg.is-two{max-width:500px}
  .eklg.is-two .eklg-wrap{grid-template-columns:1fr}
  .eklg-btn.is-line{margin-top:6px}
}
@media (max-width:520px){
  .eklg{padding:30px 16px 44px}
  .eklg-top{gap:18px;margin-bottom:20px}
  .eklg-logo img{width:140px}
  .eklg-steps li{font-size:12.5px;gap:5px}
  .eklg-steps li+li:before{width:12px}
  .eklg-steps span{width:20px;height:20px;font-size:11px}
  .eklg-card{padding:26px 20px 22px;border-radius:20px}
  .eklg-card h1,.eklg-card h2{font-size:22px}
  .eklg-help span{display:block;margin:2px 0 0}
}
.eklg-f input.required,.eklg-f input:required{background-image:none!important}
.eklg-btn{font-weight:800!important;letter-spacing:-.2px}
.eklg-help a{white-space:nowrap}