120 lines
6.5 KiB
PHP
120 lines
6.5 KiB
PHP
<!-- popup_wrap -->
|
|
<div class="popup-wrap" id="pop_login" role="dialog" aria-labelledby="login_title" aria-modal="true">
|
|
<!-- popup_in -->
|
|
<div class="popup-in member">
|
|
<button class="btn-close" type="button" aria-label="팝업 닫기">
|
|
<img src="/kngil/img/ico/ico_close.svg" alt="닫기">
|
|
</button>
|
|
<!-- popup_container -->
|
|
<div class="popup-container login">
|
|
<!-- pop_header -->
|
|
<div class="pop-header">
|
|
<h2 class="tit" id="login_title">로그인</h2>
|
|
<p class="sub-txt">
|
|
KNGIL 로그인 시<br class="pc-only">
|
|
<em>다운로드 및 1:1문의 서비스를</em><br class="pc-only" /> 이용하실 수 있습니다.
|
|
</p>
|
|
</div>
|
|
<!-- //pop_header -->
|
|
<!-- pop_body -->
|
|
<div class="pop-body">
|
|
<div class="contents-wrap">
|
|
<ul class="tab-menu round">
|
|
<li class="tab-phone on"><span>휴대폰 인증</span></li>
|
|
<li class="tab-id"><span>아이디 로그인</span></li>
|
|
</ul>
|
|
<div class="tab-content phone">
|
|
<form action="" method="post" novalidate>
|
|
<div class="form-wrap">
|
|
<div class="input-box group">
|
|
<i class="phone" aria-hidden="true"></i>
|
|
<input type="tel" id="login_phone" name="userPhone" placeholder="휴대폰 번호 (예: 010-1234-5678)" required aria-label="휴대폰 번호">
|
|
<span class="timer d-none">03:00</span>
|
|
<!-- ✅ 재요청 버튼 -->
|
|
<button type="button"
|
|
class="btn-resend d-none"
|
|
id="sms_resend">
|
|
재요청
|
|
</button>
|
|
</div>
|
|
<div class="info-box d-none">
|
|
<p>
|
|
<em>인증 링크를 문자로 발송했습니다</em><br />
|
|
인증 문자가 오지 않으면 인증 링크를 재요청 해보세요
|
|
</p>
|
|
</div>
|
|
<div class="btn-wrap">
|
|
<button class="btn-full" id="sms_button" type="submit">인증 링크 요청</button>
|
|
</div>
|
|
<div class="btn-wrap">
|
|
<a class="go-signup" href="javascript:agreement();">
|
|
<span>회원가입</span><i class="arrow-r" aria-hidden="true"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="tab-content id">
|
|
<form action="" method="post" novalidate>
|
|
<div class="form-wrap">
|
|
<div class="input-box group">
|
|
<i class="id" aria-hidden="true"></i>
|
|
<input type="text" id="login_id" name="userId" placeholder="아이디" required aria-label="아이디">
|
|
</div>
|
|
<div class="input-box group">
|
|
<i class="pw" aria-hidden="true"></i>
|
|
<input type="password" id="login_password" name="userPassword" placeholder="비밀번호" required aria-label="비밀번호">
|
|
</div>
|
|
<div class="btn-wrap">
|
|
<button class="btn-full" type="submit">로그인</button>
|
|
</div>
|
|
<div class="btn-wrap">
|
|
<a class="go-signup" href="javascript:agreement();">
|
|
<span>회원가입</span>
|
|
<i class="arrow-r" aria-hidden="true"></i>
|
|
</a>
|
|
<!-- 로그인 팝업 이동 -->
|
|
<a class="go-login" href="http://172.16.9.44/kngil/skin/popup/callback">
|
|
<span>로그인</span>
|
|
<i class="arrow-r" aria-hidden="true"></i>
|
|
</a>
|
|
</div>
|
|
<style>
|
|
.btn-oidc {
|
|
background-color: #000; /* IDP 브랜드 컬러에 맞춰 조정 가능 */
|
|
color: #fff;
|
|
border: none;
|
|
width: 100%;
|
|
padding: 12px;
|
|
border-radius: 4px;
|
|
margin-top: 10px;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 8px;
|
|
}
|
|
.btn-oidc:hover {
|
|
opacity: 0.8;
|
|
}
|
|
</style>
|
|
<div class="btn-wrap">
|
|
<button type="button" class="btn-oidc" id="btn_oidc_login">
|
|
OIDC 통합 로그인
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- //pop_body -->
|
|
</div>
|
|
<!-- //popup_container -->
|
|
</div>
|
|
<!-- //popup_in -->
|
|
</div>
|
|
<!-- //popup_wrap -->
|