File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>문자온</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/publish/css/reset.css">
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
<link rel="stylesheet" href="/publish/css/common.css">
<link rel="stylesheet" href="/publish/css/style.css">
<link rel="stylesheet" href="/publish/css/button.css">
<link rel="stylesheet" href="/publish/css/content.css">
<link rel="stylesheet" href="/publish/css/mem.css">
<link rel="stylesheet" href="/publish/css/font.css">
<link rel="stylesheet" href="/publish/css/popupLayer.css">
<script src="/publish/js/jquery-3.5.0.js"></script>
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/publish/js/common.js"></script>
<script src="/publish/js/content.js"></script>
<script src="/publish/js/popupLayer.js"></script>
<script>
$(function () {
$(".btn_auth_send").click(function(){
var $sendBtn = $(this);
timer();
$(".cf_text").removeAttr("style").html("인증번호를 발송했습니다. 3분 이내에 입력해주세요. (남은 재발송 <b>3</b>회)").addClass("c_002c9a").removeClass("c_e40000");
$sendBtn.addClass("disabled");
$(".case_switcher").show();
setTimeout(function(){
$sendBtn.removeClass("disabled").text("재전송");
}, 31000);
})
$("input[name=case]").change(function(){
var $radio = $(this);
if($radio.val() == "case01"){
$(".cf_text").html("인증번호가 일치하지 않습니다. 5회 실패 시 5분간 로그인이 제한됩니다. (남은 시도 <b>3</b>회)").removeClass("c_002c9a").addClass("c_e40000");
$(".mem_btn5").removeClass("disabled");
}else{
$(".cf_text").html("인증 시도 5회 이상 실패하여 5분간 로그인이 제한됩니다. 잠시 후 다시 시도해주세요.").removeClass("c_002c9a").addClass("c_e40000");
$(".mem_btn5").addClass("disabled");
}
})
})
var timerInterval = null;
// 인증번호 타이머
function timer() {
// 기존 타이머 종료
if (timerInterval !== null) {
clearInterval(timerInterval);
timerInterval = null;
}
$(".timer").show();
var time = 180;
// 시작할 때 03:00으로 초기화
$("#timer").html("03:00");
timerInterval = setInterval(function () {
time--;
var min = String(Math.floor(time / 60)).padStart(2, "0");
var sec = String(time % 60).padStart(2, "0");
$("#timer").html(min + ":" + sec);
// 타임아웃
if (time < 0) {
clearInterval(timerInterval);
timerInterval = null;
$(".timer").hide();
$(".cf_text").html("입력 시간이 지났습니다. 새로운 인증번호를 받아주세요. (남은 재발송 <b>N</b>회)");
$(".mem_btn5").removeClass("disabled");
}
}, 1000);
}
</script>
</head>
<body>
<div class="mask"></div>
<!-- 가입번호 변경 안내 -->
<div class="tooltip-wrap">
<div class="popup-com change_number_popup" data-tooltip-con="change_number_popup" data-focus="change_number_popup" data-focus-prev="change_number_popup-close" style="width:540px;">
<div class="popup_heading">
<p>가입번호 변경 안내</p>
<button type="button" class="tooltip-close" data-focus="change_number_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in" style="padding:30px;">
<p class="title_text">가입 휴대폰번호가 변경되셨나요?</p>
<span class="sub_text">등록된 번호로 인증이 어려운 경우, 가입자 본인 명의 휴대폰으로<br />본인인증(PASS)을 하시면 변경된 번호로 갱신 및 해당번호로 <br />인증을 다시 받을 수 있습니다.</span>
<p class="gray_box fill" style="margin:16px 0 0 0;">
※ 가입자 본인 명의의 휴대폰으로만 인증할 수 있습니다. <br />
※ 인증 완료 시 가입 휴대폰번호와 보안로그인 기본 번호가 함께 <br />   변경됩니다.
</p>
<div class="popup_btn" style="margin:30px 0 0 0;">
<button type="button" class="btnType btnType2 tooltip-close">본인인증하기</button>
<button type="button" class="btnType fill_gray tooltip-close">취소</button>
</div>
</div>
</div>
</div>
<!-- //가입번호 변경 안내 -->
<!-- skip 메뉴 -->
<div class="skip_menu">
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
</div>
<!--// skip 메뉴 -->
<!-- header 영역 -->
<div data-include-path="/publish/layout/_header.html"></div>
<!--// header 영역 -->
<div class="case_switcher" style="display:none;">
<strong class="case_switcher_title">CASE</strong>
<div class="case_switcher_list">
<label class="case_item">
<input type="radio" name="case" value="case01">
<span>인증번호 일치하지 않았을때</span>
</label>
<label class="case_item">
<input type="radio" name="case" value="case02">
<span>5회 이상 틀렸을 때</span>
</label>
</div>
</div>
<div id="container" class="cont sub">
<div class="inner">
<!-- send top -->
<div class="send_top">
<!-- 마이페이지 - 로그인 -->
<div class="mypage_content current">
<div class="heading">
<h2>보안 로그인</h2>
</div>
<div class="mem_cont_in widthS login_wrap security_login">
<div class="input_list">
<p class="welcome">
<span>문자고</span>에 오신것을 환영합니다.<br><span class="c_222 fwMd">로그인</span> 해주세요.
<span class="sub_text">안전한 서비스 이용을 위해 등록된 휴대폰번호로 인증을 진행해주세요.</span>
</p>
<div class="badge yellow">
<i>!</i> 보안 강화를 위해 모든 계정에 2차 인증(보안로그인)이 상시 적용됩니다.
</div>
<div class="input_list_item" id="input_list_item_4">
<div class="input_left">휴대폰번호</div>
<div class="input_right">
<label for="list_inputType1" class="label">휴대폰번호</label>
<select id="hp_text2" class="list_selType1">
<option value="01000000000">010-0000-0000(기본)</option>
</select>
</div>
<div class="login_del">
<button type="button" class="btnType btnType3 btn_auth_send">인증번호 받기</button>
</div>
</div>
<div class="input_list_item" id="input_list_item_5">
<div class="input_left">인증번호 입력</div>
<div class="input_right">
<label for="list_inputType1" class="label">인증번호 입력</label>
<input type="input" id="num_text2" class="list_inputType1" placeholder="인증번호를 입력해주세요" maxlength="6" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호를 입력해주세요'" onkeypress="if(event.keyCode==13) {return false;}">
<div id="timer" class="timer">03:00</div>
</div>
<div class="login_del">
<!-- <i class="password_protect"></i> -->
<button type="button" onclick="textClear('num_text2')" tabindex="-1">
<img src="/publish/images/content/login_del.png" alt="입력 삭제">
</button>
</div>
</div>
<div class="mem_bottom">
<p class="cf_text" style="display:none;">휴대폰번호로 전송된 인증번호를 입력해주세요 </p>
</div>
<div class="mem_btnWrap2">
<button type="button" class="btnType mem_btn5 w100">확인</button>
</div>
<button type="button" class="btn_text btn_change_phone" data-tooltip="change_number_popup">가입 휴대폰번호가 변경된 경우?</button>
</div>
</div>
<!--// 비밀번호 확인 -->
</div>
<!--// 마이페이지 - 회원정보 변경 -->
</div>
<!--// send top -->
</div>
</div>
<!--// content 영역 -->
<!-- footer 영역 -->
<!-- footer -->
<div data-include-path="/publish/layout/_footer.html"></div>
<!--// footer 영역 -->
</body>
</html>