정수빈 정수빈 08-31
문자전송인증자격제
@8abeed65f03bd1e3fd6eb643990a2e7eeadc536a
 
src/main/webapp/publish/api_send_history.html (added)
+++ src/main/webapp/publish/api_send_history.html
@@ -0,0 +1,314 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>문자온 > API연동 > 발송내역관리</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/font.css">
+    <link rel="stylesheet" href="/publish/css/popupLayer.css">
+
+    <script src="/publish/js/jquery-3.5.0.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(){
+    		tableAllChk();
+    	})
+    </script>
+    
+</head>
+
+<body>
+    <div class="skip_menu">
+        <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
+    </div>
+    <!--// skip 메뉴  -->
+    
+    <!-- 발송내역 승인 -->	
+	<div class="tooltip-wrap">
+		<div class="popup-com approve_popup" data-tooltip-con="approve_popup" data-focus="approve_popup" data-focus-prev="approve_popup-close"  style="width:420px;">
+			<div class="popup_heading">
+				<p>발송내역 승인</p>
+				<button type="button" class="tooltip-close" data-focus="approve_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in" style="padding:40px 30px;">
+				<p class="title_text">체크한 <b class="fwBold c_002c9a">3</b>건을 일괄 승인하시겠습니까?</p>
+				<div class="popup_btn" style="margin:30px 0 0 0;gap:8px;">
+					<button type="button" class="btnType btnType2 tooltip-close">승인</button>
+					<button type="button" class="btnType fill_gray tooltip-close">취소</button>
+				</div>
+			</div>
+			
+		</div>
+	</div>
+	<!-- //발송내역 승인 -->
+	
+	<div data-include-path="/publish/layout/_header.html"></div>
+	
+    <!-- content 영역 -->
+    <div id="container" class="cont sub">
+        <div class="inner">
+            <!-- send top -->
+            <div class="send_top">
+                <!-- tab button -->
+                <ul class="tabType4">
+                    <li class="tab"><button type="button" onclick="location.href='/publish/api_intro.html'">연동 안내</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">개발 가이드</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/api_download.html'">예제 다운로드</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
+                    <li class="tab active"><button type="button" onclick="location.href='/publish/api_send_history.html'">발송내역관리</button></li>
+                </ul>
+                <!--// tab button -->
+
+                <div class="api_guide_cont api_send_cont current">
+                    <div class="heading">
+                        <h2>발송내역관리</h2>
+                    </div>
+                    
+                    <ul class="info">
+                        <li>- API를 통해 발송된 내역을 확인하고 사후 승인할 수 있습니다.</li>
+                        <li>- 미승인 건은 여러 건을 선택하여 일괄 승인할 수 있습니다.</li>
+                        <li>- 미승인 건은 로그인 시 반복 안내됩니다.</li>
+                    </ul>
+
+                    <div class="list_tab_wrap2 type2">
+	                    <!-- tab button -->
+	                    <ul class="list_tab">
+	                        <li class="tab active"><button type="button" onclick="listTab3(this,'1');">전체</button></li>
+	                        <li class="tab"><button type="button" onclick="listTab3(this,'2');">문자</button></li>
+	                        <li class="tab"><button type="button" onclick="listTab3(this,'3');">알림톡</button></li>
+	                    </ul>
+	                    <!--// tab button -->
+	                </div>
+	                
+	                <div class="table_tab_wrap">
+						<!-- tab button -->
+						<ul>
+							<li class="tab active"><button type="button" onclick="listTab3(this,'1');">전체</button></li>
+							<li class="tab"><button type="button" onclick="listTab3(this,'2');">미승인</button></li>
+							<li class="tab"><button type="button" onclick="listTab3(this,'3');">승인완료</button></li>
+						</ul>
+						<!--// tab button -->
+					</div>
+	                
+	                <div class="table_cont current" id="listTab3_1">
+						<div class="list_info">
+							<p>총 <span class="c_e40000">171</span>건</p>
+							<div>
+								<select id="" class="selType2">
+									<option>10개보기</option>
+									<option>20개보기</option>
+									<option>30개보기</option>
+									<option>100개보기</option>
+								</select>
+							</div>
+						</div>
+						
+						<div class="tb_wrap">
+							<table class="tType4">
+								<colgroup>
+									<col style="widht:40px;"/>
+									<col style="width:15%;"/>
+									<col style="width:8%;"/>
+									<col style="width:42%;"/>
+									<col style="width:8%;"/>
+									<col style="width:8%;"/>
+									<col style="width:15%;"/>
+								</colgroup>
+								
+								<thead>
+									<tr>
+										<th>
+											<label for="" class="label">전체 선택</label>
+											<input type="checkbox">
+										</th>
+										<th>발송일시</th>
+										<th>발송구분</th>
+										<th>내용</th>
+										<th>발송건수</th>
+										<th>승인상태</th>
+										<th>관리</th>
+									</tr>
+								</thead>
+								
+								<tbody>
+									<tr>
+										<td>
+											<label for="" class="label">선택</label>
+											<input type="checkbox">
+										</td>
+										<td>2026-07-16&ensp;20:59:42</td>
+										<td>문자</td>
+										<td><p class="tLeft">[주문완료] 고객님의 주문이 정상 접수되었습니다. 주문번호 20260716-0451 배송 준비가 시작되면 다시 안내드리겠습니다.</p></td>
+										<td>1</td>
+										<td class="c_e40000 fwMd">미승인</td>
+										<td><button type="button" class="btnType btnType5">승인</button></td>
+									</tr>
+									<tr>
+										<td>
+											<label for="" class="label">선택</label>
+											<input type="checkbox">
+										</td>
+										<td>2026-07-16&ensp;20:59:42</td>
+										<td>알림톡</td>
+										<td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td>
+										<td>1</td>
+										<td class="c_e40000 fwMd">미승인</td>
+										<td><button type="button" class="btnType btnType5">승인</button></td>
+									</tr>
+									<tr>
+										<td>
+											<label for="" class="label">선택</label>
+											<input type="checkbox">
+										</td>
+										<td>2026-07-16&ensp;20:59:42</td>
+										<td>알림톡</td>
+										<td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td>
+										<td>1</td>
+										<td class="c_e40000 fwMd">미승인</td>
+										<td><button type="button" class="btnType btnType5">승인</button></td>
+									</tr>
+									<tr>
+										<td>
+											<label for="" class="label">선택</label>
+											<input type="checkbox" disabled>
+										</td>
+										<td>2026-07-16&ensp;20:59:42</td>
+										<td>알림톡</td>
+										<td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td>
+										<td>1</td>
+										<td class="c_002c9a fwMd">승인완료</td>
+										<td class="fwMd">2026-07-15&ensp;15:12</td>
+									</tr>
+									<tr>
+										<td>
+											<label for="" class="label">선택</label>
+											<input type="checkbox" disabled>
+										</td>
+										<td>2026-07-16&ensp;20:59:42</td>
+										<td>문자</td>
+										<td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td>
+										<td>1</td>
+										<td class="c_002c9a fwMd">승인완료</td>
+										<td class="fwMd">2026-07-15&ensp;15:12</td>
+									</tr>
+									<tr>
+										<td>
+											<label for="" class="label">선택</label>
+											<input type="checkbox" disabled>
+										</td>
+										<td>2026-07-16&ensp;20:59:42</td>
+										<td>문자</td>
+										<td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td>
+										<td>1</td>
+										<td class="c_002c9a fwMd">승인완료</td>
+										<td class="fwMd">2026-07-15&ensp;15:12</td>
+									</tr>
+									<tr>
+										<td>
+											<label for="" class="label">선택</label>
+											<input type="checkbox" disabled>
+										</td>
+										<td>2026-07-16&ensp;20:59:42</td>
+										<td>문자</td>
+										<td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td>
+										<td>1</td>
+										<td class="c_002c9a fwMd">승인완료</td>
+										<td class="fwMd">2026-07-15&ensp;15:12</td>
+									</tr>
+									<tr>
+										<td>
+											<label for="" class="label">선택</label>
+											<input type="checkbox" disabled>
+										</td>
+										<td>2026-07-16&ensp;20:59:42</td>
+										<td>문자</td>
+										<td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td>
+										<td>1</td>
+										<td class="c_002c9a fwMd">승인완료</td>
+										<td class="fwMd">2026-07-15&ensp;15:12</td>
+									</tr>
+									<tr>
+										<td>
+											<label for="" class="label">선택</label>
+											<input type="checkbox" disabled>
+										</td>
+										<td>2026-07-16&ensp;20:59:42</td>
+										<td>문자</td>
+										<td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td>
+										<td>1</td>
+										<td class="c_002c9a fwMd">승인완료</td>
+										<td class="fwMd">2026-07-15&ensp;15:12</td>
+									</tr>
+									<tr>
+										<td>
+											<label for="" class="label">선택</label>
+											<input type="checkbox" disabled>
+										</td>
+										<td>2026-07-16&ensp;20:59:42</td>
+										<td>문자</td>
+										<td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td>
+										<td>1</td>
+										<td class="c_002c9a fwMd">승인완료</td>
+										<td class="fwMd">2026-07-15&ensp;15:12</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+
+						<div class="table_btn clearfix">
+							<div class="table_btn_left">
+								<button type="button" class="btnType btnType2" data-tooltip="approve_popup">선택승인</button>
+							</div>
+							
+							<!-- pagination -->
+							<ul class="pagination">
+								<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
+								<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
+								<li class="on"><button>1</button></li>
+								<li><button>2</button></li>
+								<li><button>3</button></li>
+								<li><button>4</button></li>
+								<li><button>5</button></li>
+								<li><button>6</button></li>
+								<li><button>7</button></li>
+								<li><button>8</button></li>
+								<li><button>9</button></li>
+								<li><button>10</button></li>
+								<li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+								<li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
+							</ul><!-- pagination -->
+							
+						</div>
+
+						
+
+					</div>
+					
+					<div class="table_cont" id="listTab3_2"></div>
+
+                </div>
+            </div>
+
+        </div>
+        <!--// send top -->
+    </div>
+    </div>
+    <!--// content 영역 -->
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>(No newline at end of file)
src/main/webapp/publish/css/button.css
--- src/main/webapp/publish/css/button.css
+++ src/main/webapp/publish/css/button.css
@@ -92,13 +92,14 @@
 .btnType17{width:144px;height:50px;font-size:18px;background-color:var(--gray-color)!important;color:#fff!important;}
 .btnType18{width:145px;height:50px;font-size:18px;background-color:#fff;border:1px solid var(--primary-color);color:var(--primary-color);}
 .btnType19{padding:0 16px;margin-right:2px;height:50px;background-color:#fff;border:1px solid var(--gray-border);color:#222;}
-.btnType20{margin:3px 0 0 0;width:70px;height:28px;font-size:14px;font-weight:400;line-height:1.5;background-color:#fff;border:1px solid var(--gray-border);color:#555;}
+.btnType20{margin:3px 0 0 0;width:70px;height:28px;font-size:14px;font-weight:400;line-height:1;background-color:#fff;border:1px solid var(--gray-border);color:#555;}
 .btnType21{padding:0 14px;height:36px;background-color:var(--secondary-color);color:#fff;}
 .btnType22{padding:0 12px;height:28px;font-size:14px;font-weight:500;background-color:var(--secondary-color);color:#fff;}
 .btnType23{padding:4px 13px;margin:0 3px;font-size:14px;font-weight:400;background:var(--gray-color);color:#fff;} /*api에 사용*/
 .btnType24{margin:3px 0;width:70px;height:28px;font-size:14px;font-weight:400;line-height:1.5;background:#fff;border:1px solid #8697c2;color:var(--primary-color);} /*재사용 버튼 추가*/
 .btnType25{width:76px;height:26px;font-size:14px;line-height:1.5;background:#999;color:#fff;}
 
+.btnType.disabled{background:#e9e9e9 !important;color:#888 !important;border:0 !important;font-weight:400;border:0;pointer-events:none;}
 
 .btn_text{padding:0 7px;}
 
src/main/webapp/publish/css/common.css
--- src/main/webapp/publish/css/common.css
+++ src/main/webapp/publish/css/common.css
@@ -110,7 +110,9 @@
 .login2 .event {white-space:nowrap;}
 
 /* 보안로그인 */
-.security_box{display:inline-flex;height:36px;font-weight:500;background:#fff;padding:0 8px 0 11px;margin:0 0 0 3px;vertical-align:middle;border-radius:5px;align-items:center;box-sizing:border-box;}
+.security_box{display:inline-flex;height:36px;margin:0 0 0 3px;padding:0 8px 0 11px;background:#fff;border-radius:5px;box-sizing:border-box;font-weight:500;vertical-align:middle;align-items:center;cursor:pointer;}
+.security_box.yellow_box{border:1px solid #eea301;gap:4px;padding:0 13px 0 11px;}
+.security_box .security{width:20px;height:20px;background:url(/publish/images/icon_security.png) no-repeat center;}
 .security_box.red_box{border:1px solid #ca1a1a;}
 .security_box.green_box{border:1px solid #0ca448;}
 .security_box p{cursor:pointer;}
@@ -327,6 +329,19 @@
 .login_wrap .adv_list li{width: calc((100% / 2) - 10px); border: 0;}
 .login_wrap .adv_list li img{margin-left: -10px;}
 
+/* ==========================================
+   Case Switcher
+   ================================---------- */
+   
+.case_switcher { position: fixed; left: 40px; top: 50%; z-index: 9999; min-width: 130px; padding: 14px; border: 1px solid #dbeafe; border-radius: 12px; background: #fff; box-shadow: 0 6px 20px rgba(37, 99, 235, .12); transform: translateY(-50%); }
+.case_switcher_title { display: block; margin-bottom: 10px; color: #2563eb; font-size: 13px; font-weight: 700; }
+.case_switcher_list { display: flex; flex-direction: column; gap: 5px; }
+.case_item { display: flex; align-items: center; gap: 7px; padding: 8px 9px; border-radius: 7px; color: #64748b; font-size: 12px; white-space:nowrap; cursor: pointer; transition: .2s; }
+.case_item:hover { background: #eff6ff; color: #2563eb; }
+.case_item input { width: 14px; height: 14px; margin: 0; accent-color: #2563eb; }
+.case_item input:checked + span { color: #1d4ed8; font-weight: 700;}
+
+
 /* ie */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     /* login */
src/main/webapp/publish/css/content.css
--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
@@ -57,7 +57,6 @@
 .msg_com.msg_photo {border: 1px solid #e26ba9;color: #cf468d;}
 .msg_com.msg_allimtalk {border: 1px solid #FBC72B;color: #222;}
 
-
 /* 요금결제 결제내역 */
 .pay_cont .calendar_in .calendarPop {top: 40px; left: -162px;}
 /* 요금결제 사용내역 */
@@ -65,13 +64,12 @@
 .serv_content .history_details+.tType1_title{margin: 30px 0 0 0;}
 .serv_content .history_details+.tType1_title+.excel_middle{margin: 0 0 20px 0;}
 
-
 /* tType1 기본 */
 .tType1 {width: 100%;text-align: left;table-layout: fixed;}
 .tType1 tbody tr {border-bottom: 1px solid #e5e5e5;}
 .tType1 tbody tr:first-child{border-top: 2px solid #000;}
 .tType1 tbody tr th {min-width: 75px; height: 55px; vertical-align: middle;font-size: 17px; font-weight: 500; text-align: left;}
-.tType1 tbody tr th .essential {display:inline-block;margin:4px 2px 0 0;vertical-align:top;color:#f43131;}
+.tType1 tbody tr th .essential {display:inline-block;margin:0 4px 0 0;vertical-align:middle;color:#f43131;}
 .tType1 tbody tr th.vTop {vertical-align: top; padding-top: 20px; line-height: 1.2;}
 .tType1 tbody tr td {vertical-align: middle;font-weight: 300;line-height: 1.3; padding: 10px 0;}
 .tType1 tbody tr td p {line-height: 1.4;}
@@ -1058,11 +1056,14 @@
 .set_date button {width: 100px; border-radius: 5px; border: 1px solid #b1b1b1; margin-right: 5px !important; font-size: 17px; color: #222;}
 
 .pay_cont .bill_tab {display:flex;margin:0 0 50px;padding:25px 33px;align-items:center;border:3px solid #e5e5e5;background:#f2f2f2;border-radius:5px;}
-.pay_cont .bill_tab ul {display:flex;}
+.pay_cont .bill_tab ul {display:flex;gap:20px;}
+.pay_cont .bill_tab li{display:flex;align-items:center;gap:6px;}
+.pay_cont .bill_tab li input[type="radio"]{margin:-2px 0 0 0;}
+.pay_cont .bill_tab li input[type="radio"]+label{margin:0;}
 .pay_cont .bill_tab p {padding:0 0 0 20px;}
 .pay_cont .bill_content_wrap .bill_content {display:none;}
 
-.bill_content_wrap input[type="radio"]{margin:0 4px 0 0;}
+.bill_content_wrap input[type="radio"]{margin:-2px 4px 0 0;}
 
 /* .pay3_list td.td_payInfo span{position: relative; margin: 0 8px;}
 .pay3_list td.td_payInfo span::after{position: absolute; content: " "; width: 1px; height: 12px; background-color: #666; left: 2px; top: 50%; transform: translateY(-50%);}
@@ -2017,6 +2018,17 @@
 .api_guide_cont .api_admin .btnType.btnType2 {position:absolute;padding:0 20px 0 20px; font-size:16px; letter-spacing: -1px;right:0;}
 .api_guide_cont .api_admin .tType4 button{height:28px;font-size:14px;font-weight:400;}
 
+/* api - 발송내역관리 */
+.api_send_cont .info{margin:0 0 30px 0;}
+.api_send_cont .tb_wrap{min-height:428px;}
+.api_send_cont .tType4 .btnType5{font-size:14px;}
+.api_send_cont .table_btn{margin:20px 0 0 0;}
+
+/* api 미확인 발송 내역 안내 */
+.api_unchecked_send_popup .sub_text{display:block;line-height:1.4;text-align:center;margin:8px 0 0 0;color:#666;}
+.api_unchecked_send_popup .gray_box{text-align:center;padding:10px 25px;}
+
+
 /*선거 문자전송 > 문구추가*/
 .tType1 tbody tr .ele_te{font-size: 14px; padding: 15px 0;}
 .tType1 tbody tr .ele_te span{font-weight: 400;}
src/main/webapp/publish/css/mem.css
--- src/main/webapp/publish/css/mem.css
+++ src/main/webapp/publish/css/mem.css
@@ -131,7 +131,7 @@
 .mem_cont.join2 .clause_list li.list_open .clause_list_head span>.sel {color: #0fab7a;}
 .mem_cont.join2 .clause_list li.list_open .clause_list_body {padding: 5px 30px 40px 30px; background-color: #efeff0;}
 .mem_cont.join2 .clause_list li.list_open .clause_list_body .agree_text {background-color: #fff; height: 414px; padding: 20px; border-radius: 5px;}
-/*열려있는 리스트Ʈ */
+/*열려있는 리스트 */
 .mem_cont.join2 .clause_list li.list_open .clause_list_body_noneOpen { background-color: #efeff0; padding: 0 30px 23px 30px; font-size: 17px; color: #666; font-weight: 300;}
 .mem_cont.join2 .clause_list li.list_open .clause_list_body_noneOpen>div {margin-bottom: 15px;}
 .mem_cont.join2 .clause_list li.list_open .clause_list_body_noneOpen>div:last-child {margin-bottom: 0;}
@@ -317,12 +317,10 @@
 .mem_cont.join4 .text_bottom div p {text-align: left; padding: 15px 0;}
 /* //join4 - 가입완료 */
 
- 
-
-
 /* 메인화면 */
 .my_dashboard {margin-top: 40px;}
 .my_dashboard .dashboard_title { font-family: 'GmarketSansBold'; font-size: 22px; padding-bottom: 25px;}
+.my_dashboard .dashboard_title .small_text b{font-weight:bold;}
 .my_dashboard .my_dashboard_cont1 button,.my_dashboard .my_dashboard_cont3 button {position: absolute; right: 30px; top: 30px; border-radius: 5px;}
 .my_dashboard .my_dashboard_cont3 button.btnType20{position: static; vertical-align: baseline; margin: 0 0 0 8px;}
 .my_dashboard>div { display: flex; justify-content: space-between; align-items: center;}
@@ -469,17 +467,23 @@
 .mypage_content .cor_noti span {font-weight:500;color:var(--primary-color);}
 .mypage_content .input_list_cor {display:none;}
 .mypage_content .input_list_cor:first-child {display:block;}
-/* 로그인 */
+
+/* ==========================================
+     로그인
+   ================================---------- */
 .mem_cont_in.login_wrap .welcome {line-height: 1.5; padding-bottom: 40px;}
+.mem_cont_in.login_wrap .welcome .sub_text{display:block;font-size:20px;font-weight:400;color:#444;margin:16px 0 0 0;}
+.mem_cont_in.login_wrap .welcome .sub_text *{font-size:20px;font-weight:400;color:#444;}
 .mem_cont_in.login_wrap .list_inputType1::placeholder {color: #a6a6a6; font-size: 18px;}
 .mem_cont_in.login_wrap .input_list .input_list_item .input_left {width: 115px;}
 .mem_cont_in.login_wrap .img_area{text-align: center;}
 .login_del {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
 .login_del button {margin-left: 8px;}
 .password_protect {background-image: url(/publish/images/content/password_protect.png); width: 19px; height: 22px; margin-top: 2px;}
-.pass_no2 {background-color: #ffeaea; height: 40px; padding: 0 20px; border-radius: 5px; }
-.pass_no2 p {color: #e40000; line-height: 40px;}
-.pass_no2 p i {background-image: url(/publish/images/mem/req_deco1.png); width: 16px; height: 16px; margin: 0 5px 2px 0;}
+.pass_no2 {display:flex;background-color: #ffeaea; height: 40px; padding: 0 20px; border-radius: 5px; line-height:1.4;gap:8px;align-items:center;}
+.pass_no2 p {color: #e40000;}
+.pass_no2 p b{font-weight:bold;}
+.pass_no2 i {background-image: url(/publish/images/mem/req_deco1.png); width: 16px; height: 16px; margin:0;}
 .mem_cont_in.login_wrap .lgoin_bottom {margin-top: 20px;}
 .mem_cont_in.login_wrap .lgoin_bottom>div {float: left;}
 .mem_cont_in.login_wrap .lgoin_bottom>div .checkbox_wrap {margin-right: 5px;}
@@ -513,6 +517,7 @@
 .certify_in>div .certify_in_body>button {position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #6a6c72; width: 80px; height: 40px; border-radius: 5px; color: #fff; font-size: 15px; font-weight: 300;line-height: 40px;}
 .certify_in>div .certify_in_body textarea {height: 93px; padding: 15px; border: none; border-radius: 5px; margin-top: 20px; background-color: #f2f2f2;}
 .certify_in>div .certify_in_body textarea::placeholder {color: #a6a6a6; font-size: 16px;}
+
 /* 발신번호 관리 */
 .mypage_content .heading.call_numbe_con .button_wrap .button.certificate::before,
 .mypage_content .heading.call_numbe_con .button_wrap .button.id_card::before{display:none;}
@@ -528,9 +533,31 @@
 .mypage_content .search_wrap input[type="text"]::placeholder {color: #a6a6a6; font-weight: 300;}
 .mypage_content .search_wrap .btn_right2 button {margin-left: 2px;}
 .mypage_content .search_wrap .btn_right2 button:nth-child(3) {background-color: #6a6c72; border: 1px solid #6a6c72; color: #fff; font-weight: 300;}
-.mypage_content .callNum_list_wrap {position:relative;margin:42px 0 0;}
+/* .mypage_content .callNum_list_wrap {position:relative;margin:42px 0 0;}
 .mypage_content .callNum_list_wrap .callNum_list_title {display:inline-block;padding-bottom:15px;font-size:16px;font-weight:300;}
-.mypage_content .callNum_list_wrap .btnType {display:inline-block;margin:-17px 0 0 8px;padding:0 14px;vertical-align:top;}
+.mypage_content .callNum_list_wrap .btnType {display:inline-block;margin:-17px 0 0 8px;padding:0 14px;vertical-align:top;} */
+
+.auth_type_box{display:flex;width:180px;padding:20px;margin:40px 0 0 0;border-radius:10px;align-items:flex-start;gap:12px;flex-wrap:wrap;flex-direction:column;}
+.auth_type_box label{display:flex;align-items:center;gap:8px;font-size:14px;}
+.auth_type_box input{margin:0;}
+
+.mypage_content .callNum_list_wrap{display:flex;margin:24px 0 8px 0;justify-content:space-between;align-items:center;}
+.mypage_content .call_list_status{display:flex;gap:12px;align-items:center;}
+.mypage_content .call_list_status ul,.mypage_content .call_list_status li{display:flex;align-items:center;}
+.mypage_content .call_list_status ul{gap:12px;}
+.mypage_content .call_list_status li{gap:8px;}
+.mypage_content .call_list_status strong{display:flex;width:50px;height:26px;font-size:14px;font-weight:400;color:#222;border:1px solid #d5d5d5;border-radius:5px;justify-content:center;align-items:center;}
+.mypage_content .call_list_status p{font-size:16px;font-weight:300;color:#666;}
+.mypage_content .call_list_status b{font-weight:600;color:#222;}
+.mypage_content .call_list_status .btnType2{padding:0 20px;}
+.mypage_content .auth_status_wrap{display:flex;align-items:center;gap:8px;}
+.mypage_content .auth_status_wrap .btnType14{height:32px;}
+.mypage_content .tType4 button{margin-top:-1px;}
+.mypage_content .tType4 .c_999999+button{vertical-align:baseline;margin:-1px 0 0 8px;}
+.mypage_content .auth_type{display:none;}
+.mypage_content .auth_type.type01{display:block;}
+.mypage_content .auth_status_wrap .badge{position:relative;}
+
 .mypage_content .papers_guide {overflow:hidden;position:relative;margin:0 0 60px;padding:32px 0 0;box-sizing:border-box;}
 .mypage_content .papers_guide h3 {padding:0 0 15px;font-size:20px;font-weight:500;line-height:22px;letter-spacing:-0.025em;}
 .mypage_content .papers_guide h3:before {content:'';display:inline-block;width:21px;height:22px;margin:0 8px 0 0;vertical-align:top;background:url(/publish/images/mem/icon_papers_guide_title.png) no-repeat left top;}
@@ -558,8 +585,9 @@
 .mypage_content .tType1 tbody > tr > th {height:60px;padding:21px 0 0;vertical-align:top;box-sizing:border-box;}
 .mypage_content .tType1 tbody > tr#phone, 
 .mypage_content .tType1 tbody > tr#upload {visibility:collapse;} 
-.mypage_content .tType1 tbody tr td input[type=text] {width:340px;margin:0 2px 0 0;}
+.mypage_content .tType1 tbody tr td input[type=text] {width:240px;margin:0 2px 0 0;}
 .mypage_content .tType1 tbody tr td .calling .btnType {width:75px;height:40px;font-size:16px;letter-spacing:-0.025em;text-align:center;color:#222;border:1px solid #d5d5d5;background:#f8f8f8;border-radius:5px;}
+.mypage_content .tType1 tbody tr td .calling .badge{gap:4px;padding:8px 14px 8px 12px;margin:0 0 0 8px;vertical-align:middle;}
 .mypage_content .tType1 tbody tr td .summary {margin:0 0 0 10px;font-size:14px;line-height:40px;color:#e40000;}
 .mypage_content .tType1 tbody tr td .name_check input[type=radio] {width:18px;height:18px;margin-top:2px;}
 .mypage_content .tType1 tbody tr td .name_check input[type=radio] + label {font-size:18px;cursor:pointer;}
@@ -603,7 +631,7 @@
 .security_login .security_set .ip_add_wrap{display:flex;height:46px;font-size:15px;color:#222;background:#f4f4f5;border-radius:5px;padding:8px 14px;align-items:center;gap:10px;}
 .security_login .security_set .ip_add_wrap .btnType{height:30px;font-size:14px;}
 .security_login .security_set .ip_add_wrap b{font-weight:500;color:var(--primary-color);}
-.security_login .input_text{width:98%;}
+.security_login .input_text{width:98%;height:28px;}
 .security_login .dashboard_title{padding: 0;}
 .security_login .dashboard_title .small_text{margin:0 0 0 6px;font-size:14px;font-weight:300;color:#666}
 .security_login .btn_plus{position:absolute;right:0;}
@@ -617,17 +645,25 @@
 .security_login .tab_depth1 a:first-child.on{position:absolute;width:100%;text-align:left;padding:0 0 0 12px;color:#fff;border:1px solid #0ca448;background:#18bb59;border-radius:100px;}
 .security_login .tab_depth1 a:last-child.on{position:absolute;width:100%;text-align:right;padding:0 12px 0 0;color:#fff;border:1px solid #ca1a1a;background:#e62c2c;border-radius:100px;}
 
-.security_login .title_area{position:relative;display:flex;margin:30px 0 15px 0;align-items:center;}
+.security_login .title_area{position:relative;display:flex;margin:50px 0 15px 0;align-items:center;}
 .security_login .qmMark{width:20px;height:20px;margin:-4px 0 0 8px;font-size:14px;font-weight:bold;font-family:'GmarketSansBold';background:#d7d7d9;border-radius:5px;color:#666;text-align:center;line-height:22px;cursor:pointer;}
 .security_login .title_area .hover_cont{display:none;display: none; position:absolute;width:320px;padding:15px;font-size:15px;line-height:1.2;z-index:80;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 0 8px rgba(0,0,0,0.5);}
 .security_login .title_area .qmMark:hover+.hover_cont{display:block;}
 
-.mem_cont_in.security_login .input_list .input_list_item .input_left{width:125px;;}
-.mem_cont_in.security_login .welcome{font-size:26px;}
+.mem_cont_in.security_login .badge{width:100%;font-weight:500;color:#222;margin:0 0 15px 0;justify-content:flex-start;}
+.mem_cont_in.security_login .badge i{width:16px;height:16px;font-size:13px;font-weight:bold;color:#fff;line-height:15px;text-align:center;}
+.mem_cont_in.security_login .input_list .input_list_item .input_left{width:125px;}
+.mem_cont_in.security_login .input_right{width:calc(100% - 130px);}
+.mem_cont_in.security_login .input_right select{width:calc(100% - 125px);}
+.mem_cont_in.security_login .login_del .btnType3{width:120px;}
+.mem_cont_in.security_login .input_right .list_inputType1{width:calc(100% - 95px); background:transparent;}
+.mem_cont_in.security_login .timer{display:none;width:70px;font-size:16px;font-weight:500;color:#e40000;text-align:right;}
 .mem_cont_in.security_login .mem_bottom{display:flex;align-items:center;font-size:15px;color:#444;gap:8px;justify-content:space-between;}
+.mem_cont_in.security_login .mem_bottom b{font-weight:700;}
 .mem_cont_in.security_login .mem_bottom button{/* background:#ffe7e7; */font-size:15px;font-weight:500;padding:3px 10px;color:#e40000;border:1px solid #e40000;border-radius:5px;}
 .mem_cont_in.security_login .mem_btnWrap2{display:flex;gap:8px;}
-.mem_cont_in.security_login .mem_btnWrap2 button{width:50%;}
+.mem_cont_in.security_login .btn_change_phone{display:block;margin:20px auto 0 auto;font-size:16px;font-weight:500;color:#666;text-decoration:underline;text-underline-offset:7px;transition:all .2s ease-in-out;}
+.mem_cont_in.security_login .btn_change_phone:hover{color:#002c9a;}
 /* //보안로그인 */
 
 /* 서류 인증 */
src/main/webapp/publish/css/popupLayer.css
--- src/main/webapp/publish/css/popupLayer.css
+++ src/main/webapp/publish/css/popupLayer.css
@@ -14,7 +14,17 @@
 .mask {left:-9999%;top:-9999%;}
 .mask.on {overflow:hidden;position:fixed;left:0;top:0;width:100%;min-width:1920px;height:100%;background: rgba(0,0,0,0.5);z-index:99;}
 
+.popup-com .layer_in .title_text{font-size:20px;font-weight:500;color:#222;text-align:center;line-height:1.4;}
+.popup-com .layer_in .title_text+.layer_tType1{margin:20px 0 0 0;}
+
+.popup-com .layer_in .layer_tType1 .form_wrap{padding:8px 0;}
+
 /* 공통 */
+.hover_layer{position:absolute;display:none;min-width:230px;padding:15px;font-size:14px;color:#222;line-height:1.4;text-align:left;white-space:nowrap;background:#fff;border-radius:5px;box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.15);left:0;top:calc(100% + 8px);opacity:0;z-index:9;transition:all .3s;}
+.hover_layer.center{text-align:center;}
+.hover_layer.right{text-align:right;}
+*:hover+.hover_layer,*:hover>.hover_layer{display:block;opacity:1;}
+
 .popup_search_wrap.type2{margin: 0 0 30px 0; padding: 15px 20px; border-radius: 5px;}
 .popup_search_wrap.grayborder{border: 1px solid #d5d5d5;}
 .popup_search_wrap.grayfill{background-color: #f2f2f2;}
@@ -38,6 +48,9 @@
 .popup_table_type2 tr{border-bottom: 1px solid #d5d5d5;}
 .popup_table_type2 th{padding: 10px 0 0 0; text-align: left; font-weight: 500;}
 .popup_table_type2 td{padding: 10px; text-align: right;}
+
+.btn_wrap.popup{display:flex;max-width:50%;margin:20px auto 0 auto;justify-content:center;align-items:center;gap:8px;}
+.btn_wrap.popup button{width:auto;height:42px;border-radius:5px;font-size:18px;flex:1;}
 
 /* 메인 팝업 */
 /* .layer_popup_wrap{position: fixed; width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0,0.5); left: 0; top: 0;} */
@@ -233,7 +246,7 @@
 .popup_btn {display: flex; justify-content: center;}
 .popup_btn button {height: 42px; padding: 0 28px; border-radius: 5px; background-color: var(--primary-color); font-size: 16px; color: #fff;}
 .popup_btn button i {background-image: url(/publish/images/content/customReq.png); width: 22px; height: 18px; margin: 0 10px 3px 0 ;}
-.popup_btn button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12); background-color: #002788;}
+.popup_btn button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
 
 /* 불러오기 공통영역 */
 .import_layer {width: 800px;}
@@ -392,8 +405,9 @@
 .layer_tType1 td.remain_point {text-align: right;}
 .layer_tType1 td.remain_point {font-weight: 300;}
 .layer_tType1 td.remain_point span {font-size: 24px; font-weight: 500; color: #e40000;}
-.layer_tType1 td *{display: inline-block;}
+.layer_tType1 td *:not(.form_wrap, .form_row,.fileWrap,.fileWrap *,.btn_area){display: inline-block;}
 .layer_tType1 td input[type="text"],.layer_tType1 td select{background-color: #f2f2f2;height: 40px; border-radius: 5px; margin: 0 5px;}
+.layer_tType1 td input[type="text"].readonly{background:#dedede;color:#a6a6a6;}
 .layer_tType1 td select{width: 220px; border: 0; padding-left: 15px; background-image: url(/publish/images/select_search.png); background-repeat: no-repeat; background-position: 90% center;}
 .layer_tType1 td input[type="radio"]+label {font-weight: 300;}
 .layer_tType1 td .input_in2 {position: absolute;top: 50%;right: 15px;transform: translateY(-50%);font-weight: 300;font-size: 18px;}
@@ -414,6 +428,19 @@
 .pop_more_cont.pop_more_click .titBox {height: 100%;}
 .pop_more_cont.pop_more_click .titBox p:nth-child(3) {padding: 2px 0;}
 .pop_more_cont.pop_more_click .pop_more i{background-image: url(/publish/images/pop_more_up.png);}
+
+/* 발신번호 인증 */
+.auth_number_popup .layer_in{padding:30px;box-sizing:border-box;}
+.auth_number_popup .layer_tType1 th{font-size:16px;}
+.auth_number_popup .gray_box{margin:16px 0 0 0;}
+.auth_number_popup .form_wrap.column{align-items:flex-start;}
+.auth_number_popup input{margin:0 !important;}
+.auth_number_popup .auth_number_input{width:calc(100% - 130px);}
+.auth_number_popup .auth_number_send{width:130px;}
+
+.required_auth_popup .layer_in{padding:50px;}
+.required_auth_popup .btn_wrap.popup{max-width:70%;}
+
 
 /* 주소록 관리 */
 .adr_layer .layer_in {padding: 30px;}
@@ -1221,6 +1248,26 @@
 .call_layer .call_new ul li .call_img {text-align: center; width:155px;}
 .call_layer .call_new ul li p {font-size:16px; padding:0 0 0 10px;}
 
+/* 발신번호 관리 > 종사자 수 등록 */
+.worker_count_popup{width:750px;box-sizing:border-box;}
+.worker_count_popup .badge_wrap{margin:0 0 12px 0;}
+.worker_count_popup .badge_wrap .badge{gap:4px;}
+.worker_count_popup .layer_in{padding:30px;}
+.worker_count_popup .titBox{margin:0 0 15px 0;}
+.worker_count_popup .form_wrap{align-items:center;justify-content:flex-start;}
+.worker_count_popup .fileWrap{min-height:auto;}
+.worker_count_popup .fileWrap th{text-align:center;}
+.worker_count_popup .fileWrap tr{border:0;}
+.worker_count_popup .fileWrap td{padding:0;}
+.worker_count_popup .fileWrap .file_add{margin:0;border-radius:0 0 5px 5px;border:0;}
+.worker_count_popup .btnType9{height:33px;font-size:15px;font-weight:400;padding:3px 12px;margin:10px 0 8px 0;}
+.worker_count_popup .popup_btn{gap:8px;}
+.worker_count_popup .delBtn{width:18px;height:18px;font-size:0;text-indent:-9999em;border:1px solid #ccc;background:url(/publish/images/content/kisa_layer_file_delete_icon.png) no-repeat center center;border-radius:3px;}
+.worker_count_popup .form_row{font-size:14px;color:#222;margin:0 0 10px 0;}
+.worker_count_popup .worker_number{width:130px;}
+
+/* //발신번호 관리 > 종사자 수 등록 */
+
 /* 발송결과 개선 : 진행현황 안내*/
 .info_hover_cont {top: 40px; right: -1px; width: 320px; line-height:1.4;} 
 .info_hover_cont dl {padding:7px; }
@@ -1281,6 +1328,31 @@
 .info_guide_popup .layer_in .info_guide_sub{margin: -20px 0 0 0; font-size: 14px; color: #666; font-weight: 300; line-height: 1.5;}
 .info_guide_popup .layer_in .info_guide_sub span{color: #222; font-weight: 400;}
 
+/* 가입번호 변경 안내 */
+.change_number_popup .sub_text{display:block;margin:12px 0 0 0;font-size:16px;color:#222;text-align:center;line-height:1.4;}
+.change_number_popup .popup_btn{display:flex;gap:8px;}
+
+/* 인증 휴대폰번호 추가/삭제 */
+.auth_manage_popup .stage_area{display:flex;width:100%;margin:0 0 20px 0;}
+.auth_manage_popup .stage{width:50%;border-bottom:2px solid #e8e9eb;}
+.auth_manage_popup .stage p{display:flex;height:50px;font-size:18px;font-weight:400;color:#a6a6a6;justify-content:center;align-items:center;gap:8px;}
+.auth_manage_popup .stage strong{display:block;width:20px;height:20px;font-family:'GmarketSansBold';font-size:11px;text-align:center;line-height:23px;border-radius:100%;background:#a6a6a6;color:#fff;}
+.auth_manage_popup .stage.active{border-bottom:2px solid #002c9a;}
+.auth_manage_popup .stage.active p{color:#002c9a;font-weight:bold;}
+.auth_manage_popup .stage.active strong{background:#002c9a;}
+.auth_manage_popup .layer_tType1{margin:20px 0 8px 0;}
+.auth_manage_popup .form_row{position:relative;}
+.auth_manage_popup .select_number{width:calc(100% - 98px);margin:0;}
+.auth_manage_popup .inputLight{width:100%;margin:0 !important;}
+.auth_manage_popup .timer{position:absolute;font-size:14px;font-weight:bold;color:#e40000;right:15px;top:50%;transform:translateY(-50%);}
+.auth_manage_popup .stage02{display:none;}
+.auth_manage_popup .btn_auth_send{width:90px;}
+
+/* 발송내역 승인 */
+.approve_popup.popup-com .layer_in .title_text{font-weight:400;text-align:center;}
+.approve_popup .popup_btn button{font-size:18px;}
+
+
 /* ie */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      /* 특수문자 */
src/main/webapp/publish/css/style.css
--- src/main/webapp/publish/css/style.css
+++ src/main/webapp/publish/css/style.css
@@ -61,12 +61,12 @@
 .color_red{color:var(--red-color);}
 .color_blue{color:var(--blue-color);}
 .color_green{color:var(--green-color);}
+.color_yellow{color:#eea301;}
 
 /* =============================================
    폰트 강조(GmarketSans Bold)
 ============================================= */
-.c_666_g{padding:0 4px 0 0;font-family:
-;font-size:26px;color:#666!important;}
+.c_666_g{padding:0 4px 0 0;font-family:'GmarketSansBold';font-size:26px;color:#666!important;}
 .c_002c9a_g{padding:0 4px 0 0;font-family:'GmarketSansBold';font-size:26px;color:var(--primary-color)!important;}
 .c_e40000_g{padding:0 4px 0 0;font-family:'GmarketSansBold';font-size:26px;color:#e40000!important;}
 .c_222_g{padding:0 4px 0 0;font-family:'GmarketSansBold';font-size:26px;color:#222!important;}
@@ -94,6 +94,7 @@
 .text_deco3::after{position:absolute;top:50%;left:0;content:"";width:5px;height:17px;border-radius:2.5px;background-color:var(--secondary-light-color);transform:translateY(-50%);}
 .font_ellipsis>p{display:-webkit-inline-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:300;line-break:anywhere;text-align:left;}
 .font_ellipsis>a>p{display:-webkit-inline-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:400;line-break:anywhere;text-align:left;}
+.desc_text{font-size:14px;color:#666;}
 
 
 /* ===================== SORT BUTTON / CASE COUNT ===================== */
@@ -120,6 +121,9 @@
 .form_area.right{justify-content:flex-end;}
 
 .form_area.column{flex-direction:column;}
+
+.form_row{display:flex;gap:8px;}
+.form_row *{margin:0;}
 
 select{border:1px solid #e5e5e5;vertical-align:middle;font-family:'Pretendard';font-weight:300;font-size:16px;}
 select.selType1{padding:0 25px 0 10px;height:34px;border:1px solid #d5d5d5;border-radius:3px;background-image:url(/publish/images/select_search2.png);background-repeat:no-repeat;background-position:right 5px top 50%;color:#777;}
@@ -174,7 +178,33 @@
 .w100{width:100%;}
 .h100{height:100%;}
 
+/* ==========================================================================
+   배지 및 상태 표시 박스 (Badges & Boxes)
+   ========================================================================== */
+.badge_wrap{padding:10px;border-radius:5px;}
+.badge_wrap.red{background:#ffeaea;}
+.badge_wrap .badge{padding:0;}
 
+.badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;font-size:14px;font-weight:400;border-radius:5px;box-sizing:border-box;gap:8px;}
+.badge.blue{color:#002c9a;background:#e6eaf5;}
+.badge.yellow{color:#FF8800;background:#FFF4E6;}
+.badge.red{color:#E40000;background:#FFEAEA;}
+.badge.green{color:#18BB59;background:#e8f9ef;}
+
+.badge i{display:inline-block;width:6px;height:6px;border-radius:100%;}
+.badge.blue i{background:#002c9a;}
+.badge.yellow i{background:#FF8800;}
+.badge.red i{background:#E40000;}
+.badge .icon{width:16px;height:16px;border-radius:0;}
+.badge.red .error{background:transparent url(/publish/images/content/icon_error.png) no-repeat center;}
+.badge.yellow .warning{background:transparent url(/publish/images/content/icon_warning.png) no-repeat center;}
+.badge.green .success{background:transparent url(/publish/images/content/icon_success.png) no-repeat center;}
+
+/* 박스 유형별 스타일 */
+.gray_box{padding:20px 25px;font-size:14px;font-weight:400;line-height:1.4;color:#666;}
+.gray_box.fill{background:#f5f5f5;border-radius:5px;}
+.white_box{padding:12px 16px;margin:8px 0 0 0;font-size:14px;line-height:1.4;color:#333;background:#fff;border-radius:5px;}
+.lightred_box.fill{padding:20px 12px;font-size:16px;font-weight:400;line-height:1.4;color:#222;text-align:center;background:#FFEAEA;border-radius:5px;}
 
 /* =============================================
    테이블 타입
@@ -210,6 +240,8 @@
 .tType1 tbody tr td.putText .put_left.long textarea {height: 380px;}
 .tType1 tbody tr td.putText .put_left.long.on {border: 1px solid #12bec9;border-radius: 5px;background-color: #eef5f9 !important;}
 .tType1 tbody tr td.putText .put_left.photo.on {border: 1px solid #e26ba9;border-radius: 5px;background-color: #f8f1f5 !important;}
+.tType1 tbody tr td.put_num .badge{margin:0 0 0 8px;}
+.tType1 tbody tr td.put_num .badge.yellow{cursor:pointer;}
 .tType1 tbody tr.msg_title {display:none;}
 .tType1 tbody tr.msg_title.active {display:table-row;}
 .tType1 tbody tr.msg_title td .title_wrap .textbox {display:none;margin:10px 0 0;}
 
src/main/webapp/publish/images/content/icon_error.png (Binary) (added)
+++ src/main/webapp/publish/images/content/icon_error.png
Binary file is not shown
 
src/main/webapp/publish/images/content/icon_info.png (Binary) (added)
+++ src/main/webapp/publish/images/content/icon_info.png
Binary file is not shown
 
src/main/webapp/publish/images/content/icon_success.png (Binary) (added)
+++ src/main/webapp/publish/images/content/icon_success.png
Binary file is not shown
 
src/main/webapp/publish/images/content/icon_warning.png (Binary) (added)
+++ src/main/webapp/publish/images/content/icon_warning.png
Binary file is not shown
 
src/main/webapp/publish/images/icon_security.png (Binary) (added)
+++ src/main/webapp/publish/images/icon_security.png
Binary file is not shown
src/main/webapp/publish/index.html
--- src/main/webapp/publish/index.html
+++ src/main/webapp/publish/index.html
@@ -53,6 +53,7 @@
   <script src="/publish/js/jquery.bxslider.js"></script>
   
   <script src="/publish/js/common.js"></script>
+  	<script src="/publish/js/content.js"></script>
   <script src="/publish/js/jquery.bxslider.js"></script>
   <script src="/publish/js/main.js"></script>
   <script src="/publish/js/popupLayer.js"></script>
@@ -67,6 +68,29 @@
 <body>
 
 	<div class="mask"></div>
+	
+	<!-- API 미확인 발송 내역 안내 -->	
+	<div class="tooltip-wrap" style="z-index:9999;">
+		<div class="popup-com api_unchecked_send_popup" data-tooltip-con="api_unchecked_send_popup" data-focus="api_unchecked_send_popup" data-focus-prev="api_unchecked_send_popup-close" style="width:460px;left:50%;top:50%;transform:translate(-50%,-50%);">
+			<div class="popup_heading">
+				<p>API 미확인 발송 내역 안내</p>
+				<button type="button" class="tooltip-close" onclick="popupClose(this);" data-focus="api_unchecked_send_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in" style="padding:40px 30px;">
+				<p class="title_text">승인 대기 중인 발송 내역이 <b class="fwBold c_002c9a">3</b>건 있습니다.</p>
+				<span class="sub_text">발송내역관리에서 확인 후 승인해 주세요.</span>
+				<p class="gray_box fill" style="margin:16px 0 0 0;">
+					※ 승인 완료 전까지 로그인 시 반복 안내됩니다.
+				</p>
+				<div class="popup_btn" style="margin:20px 0 0 0;">
+					<button type="button" class="btnType btnType2 tooltip-close" onclick="location.href='/publish/api_send_history.html'">발송내역관리 이동</button>
+				</div>
+			</div>
+			
+		</div>
+	</div>
+	<!-- //API 미확인 발송 내역 안내 -->
+	
 	<!-- skip 메뉴  -->
 	<div class="skip_menu">
 	  <a href="#cont" title="본문 바로가기" class="contGo" rel="nosublink">본문 바로가기</a>
src/main/webapp/publish/js/common.js
--- src/main/webapp/publish/js/common.js
+++ src/main/webapp/publish/js/common.js
@@ -54,6 +54,12 @@
         $(this).removeClass("over");
     });
 
+    $('input[name="case"]').on('change', function() {
+        const caseType = $(this).val();
+
+        $('[data-case="' + caseType + '"]').siblings('[data-case]').hide();
+        $('[data-case="' + caseType + '"]').show();
+    });
 
 })
 
src/main/webapp/publish/js/content.js
--- src/main/webapp/publish/js/content.js
+++ src/main/webapp/publish/js/content.js
@@ -436,6 +436,7 @@
 	});
 
 	// 알림톡 템플릿 등록/관리 버튼 클릭 시 콘텐츠 바뀜
+	/*$(".template_content_wrap:not(.friend_template_content) .btn_list").click(function () {*/
 	$(".btn_list").click(function () {
 		$(this).closest(".tab_content").find(".thumbnail_content").fadeOut(0);
 		$(this).closest(".tab_content").find(".list_content,.btn_thumbnail").show();
@@ -916,8 +917,8 @@
 	$tabCn.fadeIn(0);
 	$tabCn.addClass("current");
 
-	$(".download_cont").not($tabCn).removeClass("current");
-	$(".download_cont").not($tabCn).fadeOut(0);
+	$(".download_cont,.table_cont").not($tabCn).removeClass("current");
+	$(".download_cont,.table_cont").not($tabCn).fadeOut(0);
 
 	currTabId = tabId;
 
@@ -1403,11 +1404,11 @@
 		var len = tbChk.length;
 		thChk.on('change', function () {
 			if ($(this).is(':checked')) {
-				if (tbChk.attr('disabled') == false) {
-					tbChk.prop('checked', true);
+				if (!$(this).is(':disabled')) {
+					tbChk.not(':disabled').prop('checked', true);
 				}
 			} else {
-				tbChk.prop('checked', false);
+				tbChk.not(':disabled').prop('checked', false);
 			}
 		});
 		tbChk.on('change', function () {
@@ -1447,9 +1448,13 @@
 			var scrT = $(this).scrollTop();
 			var t = scrT + 213;
 			var h = Math.round($('.send_top').find('.send_right').outerHeight());
-			var revT = $('.send_rev').length ? Math.round($('.send_rev:visible').offset().top) : null;
+			var $rev = $('.send_rev:visible');
 
-			if ($(".cont").find(".tabType1 .tab.active").text().trim() == "대량문자(광고문자)") {
+			var revT = $rev.length ? Math.round($rev.offset().top) : null;
+			/*var revT = $('.send_rev').length ? Math.round($('.send_rev:visible').offset().top) : null;*/
+			var title = $(".cont").find(".tabType1 .tab.active").text().trim();
+			
+			if (title == "대량문자(광고문자)") {
 				if (t > ofsT && scrT !== 0) {
 					// send_rev 영역에 도달한 경우 멈춤
 					if (scrT + pH > revT) {
@@ -1473,15 +1478,16 @@
 						'transition': 'all 0.2s'
 					});
 				}
-			} else if ($(".cont").find(".tabType4 .tab.active").text().trim() == "알림톡") {
+			} else if (title == "알림톡") {
 				if (t > ofsT && t - ofsT < h - pH) {
+					
 					$('.send_top .send_right .phone').css({
-						'top': t - ofsT + 80,
+						'top': t - ofsT,
 						'transition': 'all 0.2s'
 					});
 				} else if (t > ofsT) {
 					$('.send_top .send_right .phone').css({
-						'top': h - pH + 67,
+						'top': h - pH + 30,
 						'transition': 'all 0.2s'
 					});
 				} else if (t <= ofsT) {
@@ -1490,6 +1496,22 @@
 						'transition': 'all 0.2s'
 					});
 				}
+			} else if(title == "20건 수동문자") {
+				var scrollTop = $(window).scrollTop();
+				  var startTop = $('.send_top').offset().top;
+
+				  var $phone = $('.send_top .send_right .phone');
+				  var stopTop = $('.send_top .send_general').height() - 30;
+				  var moveTop = scrollTop - startTop + 20;
+				  var maxTop = stopTop - startTop - $phone.outerHeight() - 20;
+				  
+				  if (scrollTop > startTop) {
+				    if (moveTop < 0) moveTop = 0;
+				    if (moveTop > maxTop) moveTop = maxTop;
+				    $phone.css({ top: moveTop });
+				  } else {
+				    $phone.css({ top: 0 });
+				  }
 			} else {
 				if (t > ofsT && t - ofsT < h - pH) {
 					$('.send_top .send_right .phone').css({
src/main/webapp/publish/js/main.js
--- src/main/webapp/publish/js/main.js
+++ src/main/webapp/publish/js/main.js
@@ -165,6 +165,11 @@
 		$(".btn_photo").css("display", "none")
 	})
     /* //content2 문자샘플 */
+	
+	$(".api_unchecked_send_popup").show().css("opacity","1");
+	if ($(".api_unchecked_send_popup").is(":visible") == true) {
+	    $(".mask").addClass("on").css("z-index","1000");
+	}else{}
 
 });
 
@@ -178,3 +183,9 @@
 	tabBtnNot.prev(".btn_prev").css("display","none");
 	tabBtnNot.next(".btn_next").css("display","none");
 });
+
+
+function popupClose(closeBtn){
+	$(closeBtn).closest(".popup-com").hide().css("opacity","0");
+	$(".mask").removeClass("on").removeAttr("style");
+}
(No newline at end of file)
src/main/webapp/publish/layout/_header.html
--- src/main/webapp/publish/layout/_header.html
+++ src/main/webapp/publish/layout/_header.html
@@ -342,9 +342,10 @@
           <!-- <button type="button" class="btnType btnType3" onclick="location.href='/web/user/mberInfoIndex.do'">마이페이지</button> -->
           <button type="button" class="btnType btnType1" onclick="location.href='/web/uat/uia/actionLogout.do'">로그아웃</button>
 
-          <div class="security_box green_box">
+          <div class="security_box yellow_box">
+          	<i class="icon security"></i>
             <a href="/web/user/mberSecureLogin.do" class="title">보안로그인</a>
-            <a href="#" id="secuLoginFlag" class="state on">ON</a>
+            <!-- <a href="#" id="secuLoginFlag" class="state on">ON</a> -->
           </div>
         </div>
         <div class="login_pay">
src/main/webapp/publish/mypage1.html
--- src/main/webapp/publish/mypage1.html
+++ src/main/webapp/publish/mypage1.html
@@ -38,8 +38,29 @@
     <!-- header 영역 -->
     <div data-include-path="/publish/layout/_header.html"></div>
     <!--// header 영역 -->
-    <!-- login 영역 -->
-    <!-- content 영역 -->
+    
+    <div class="case_switcher">
+	    <strong class="case_switcher_title">CASE</strong>
+	
+	    <div class="case_switcher_list">
+	        <label class="case_item">
+	            <input type="radio" name="case" value="case01" checked>
+	            <span>아이디 비밀번호 틀림</span>
+	        </label>
+	
+	        <label class="case_item">
+	            <input type="radio" name="case" value="case02">
+	            <span>5회 이상 틀렸을 때</span>
+	        </label>
+	        
+	        <!-- <label class="case_item">
+	            <input type="radio" name="case" value="case03">
+	            <span>국외접속 시</span>
+	        </label> -->
+	
+	    </div>
+	</div>
+    
     <div id="container" class="cont sub">
         <div class="inner">
             <!-- send top -->
@@ -73,12 +94,22 @@
                                     <button type="button"><img src="/publish/images/content/login_del.png" alt="입력 삭제"></button>
                                 </div>
                             </div>
-                            <div class="pass_no2">
-                                <p><i></i>아이디 또는 비밀번호가 일치하지 않습니다.</p>
+                            
+                            <div class="pass_no2" data-case="case01">
+                                <i></i><p>아이디 또는 비밀번호가 올바르지 않습니다. (남은 시도 <b>N</b>회)</p>
                             </div>
+                            <div class="pass_no2" data-case="case02" style="display:none;">
+                                <i></i><p>5회 이상 로그인에 실패하여 계정이 잠겼습니다. 비밀번호를 재설정해주세요.</p>
+                            </div>
+                            <div class="pass_no2" data-case="case03" style="display:none;">
+                                <i></i><p>국외에서는 보안상 로그인이 제한됩니다.</p>
+                            </div>
+                            
                             <div class="mem_btnWrap2">
-                                <button type="button" class="mem_btn5">로그인</button>
+                                <button type="button" class="btnType mem_btn5" data-case="case01">로그인</button>
+                                <button type="button" class="btnType mem_btn5 disabled" data-case="case02" style="display:none;">로그인</button>
                             </div>
+                            
                             <div class="lgoin_bottom clearfix">
                                 <div>
                                     <div class="checkbox_wrap">
@@ -89,7 +120,7 @@
                                 <ul>
                                     <li><a href="#">회원가입</a></li>
                                     <li class="SortLine"><a href="#">아이디찾기</a></li>
-                                    <li class="SortLine"><a href="#">비밀번호찾기</a></li>
+                                    <li class="SortLine"><a href="#">비밀번호재설정</a></li>
                                 </ul>
                             </div>
                         </div>
src/main/webapp/publish/mypage5.html
--- src/main/webapp/publish/mypage5.html
+++ src/main/webapp/publish/mypage5.html
@@ -2,276 +2,1232 @@
 <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>
-
+  <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 () {
+      $("[data-tooltip='worker_count_popup']").click(function () {
+        if ($(this).text() == "변경") {
+          $(".worker_count_popup[data-tooltip-con='worker_count_popup'] .popup_heading p").text("종사자 수 변경");
+        } else if ($(this).text() == "등록") {
+          $(".worker_count_popup[data-tooltip-con='worker_count_popup'] .popup_heading p").text("종사자 수 등록");
+        }
+      });
+      $(document).on('change', 'input[name="auth"]', function () {
+        const selectedValue = $(this).val();
+        $('.auth_type').hide();
+        $(`.auth_type.${selectedValue}`).show();
+      });
+    })
+  </script>
 </head>
 
 <body>
-    <div class="mask"></div>
-    <!-- 통신사 고객센터 정보 팝업 -->
-    <div class="tooltip-wrap">
-        <div class="popup-com servInfo_cont popup04" tabindex="0" data-tooltip-con="popup04" data-focus="popup04" data-focus-prev="popup04-close">
-            <div class="popup_heading">
-                <p>각 통신사 고객센터 정보</p>
-                <button type="button" class="tooltip-close" data-focus="popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-            </div>
-            <div class="layer_in">
-                <ul>
-                    <li>
-                        <div>
-                            <div><img src="/publish/images/content/call_serv1.png" alt="T 월드"></div>
-                            <p><span class="fwLg">모바일</span> 080-011-6000&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span> 080-816-2000</p>
-                        </div>
-                    </li>
-                    <li>
-                        <div>
-                            <div><img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤"></div>
-                            <p>1599-0999</p>
-                        </div>
-                    </li>
-                    <li>
-                        <div>
-                            <div><img src="/publish/images/content/call_serv3.png" alt="SK 브로드밴드"></div>
-                            <p>080-8282-106</p>
-                        </div>
-                    </li>
-                    <li>
-                        <div>
-                            <div><img src="/publish/images/content/call_serv4.png" alt="hello 모바일"></div>
-                            <p>KT망 1855-1144&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;SKT망 1855-2114</p>
-                        </div>
-                    </li>
-                    <li>
-                        <div>
-                            <div><img src="/publish/images/content/call_serv5.png" alt="Kt"></div>
-                            <p><span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span> 100</p>
-                        </div>
-                    </li>
-                    <li>
-                        <div>
-                            <div><img src="/publish/images/content/call_serv6.png" alt="세종텔레콤"></div>
-                            <p>080-889-1000</p>
-                        </div>
-                    </li>
-                    <li>
-                        <div>
-                            <div><img src="/publish/images/content/call_serv7.png" alt="U+"></div>
-                            <p><span class="fwLg">모바일</span> 1588-0010&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span> 100</p>
-                        </div>
-                    </li>
-                    <li>
-                        <div>
-                            <div><img src="/publish/images/content/call_serv8.png" alt="Kct"></div>
-                            <p>070-8188-0114</p>
-                        </div>
-                    </li>
-                </ul>
-            </div>
+  <div class="mask"></div>
+  <div class="tooltip-wrap">
+    <div class="popup-com servInfo_cont popup001" tabindex="0" data-tooltip-con="popup001" data-focus="popup001" data-focus-prev="popup001-close">
+      <div class="popup_heading">
+        <p>통신서비스 이용증명원 발급안내</p><button type="button" class="tooltip-close" data-focus="popup001-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+      </div>
+      <div class="layer_in call_layer">
+        <div class="call_number_pop">
+          <ul class="call_numbber_list">
+            <li>- 과학기술정보통신부 고시에 따라 발신번호 등록 시 <strong>통신서비스 이용증명원</strong>을 통해 전화번호 일치 여부 등을 확인하고 있습니다.</li>
+            <li>- 이동통신사 고객센터 또는 홈페이지 등을 통해 해당 서류를 발급 후 발신번호 신청 시 함께 첨부해주시면 빠른 심사 처리가 가능합니다.</li>
+            <li>- ※ 휴대폰 본인인증으로 대체 가능(단, 본인인증이 불가한 번호의 경우 서류 발급 필수)</li>
+          </ul>
+          <div class="noted_items">
+            <p class="title">참고사항</p>
+            <ul class="call_numbber_list">
+              <li>· 발급 시 명의자의 성명(법인명), 생년월일(사업자번호), 서비스번호(전화번호) 등이 모두 노출되어야 함</li>
+              <li>· 이용증명원 내 발급 시기 및 발급자 정보(발급 담당자의 성명 및 전화번호 등)가 포함되어야 함</li>
+              <li>· 착신전용서비스, 타지역서비스, 디지털착신전용 발신번호 등록 불가</li>
+            </ul>
+          </div>
         </div>
+        <p class="info_tit">[통신사 고객센터 정보]</p>
+        <div class="call_new">
+          <ul>
+            <li>
+              <div>
+                <div class="call_img"><img src="/publish/images/content/call_serv1_1.png" alt="T 월드"></div>
+                <p><span class="fwLg">모바일</span>1599-0011&nbsp;&nbsp;/&nbsp;&nbsp;<span class="fwLg">유선</span>1600-2000 </p>
+              </div>
+            </li>
+            <li>
+              <div>
+                <div class="call_img"><img src="/publish/images/content/call_serv2_1.png" alt="SK 7mobile"></div>
+                <p>1599-0999</p>
+              </div>
+            </li>
+            <li>
+              <div>
+                <div class="call_img"><img src="/publish/images/content/call_serv3_1.png" alt="B"></div>
+                <p>106</p>
+              </div>
+            </li>
+            <li>
+              <div>
+                <div class="call_img"><img src="/publish/images/content/call_serv4_1.png" alt="hello 모바일"></div>
+                <p>KT망 1855-1144&nbsp;/&nbsp;SKT망 1855-2114&nbsp;/&nbsp;LGU+망 1855-1140</p>
+              </div>
+            </li>
+            <li>
+              <div>
+                <div class="call_img"><img src="/publish/images/content/call_serv5_1.png" alt="Kt"></div>
+                <p><span class="fwLg">모바일</span>1588-0010&nbsp;&nbsp;/&nbsp;&nbsp;<span class="fwLg">유선</span>100 </p>
+              </div>
+            </li>
+            <li>
+              <div>
+                <div class="call_img"><img src="/publish/images/content/call_serv6_1.png" alt="snowman"></div>
+                <p>KT망 1688-9300&nbsp;/&nbsp;SKT망 1666-9316&nbsp;/&nbsp;LGU+망 1688-0045</p>
+              </div>
+            </li>
+            <li>
+              <div>
+                <div class="call_img"><img src="/publish/images/content/call_serv7_1.png" alt="LG U+"></div>
+                <p><span class="fwLg">모바일</span>1544-0010&nbsp;&nbsp;/&nbsp;&nbsp;<span class="fwLg">유선</span>101 </p>
+              </div>
+            </li>
+            <li>
+              <div>
+                <div class="call_img"><img src="/publish/images/content/call_serv8_1.png" alt="tplus"></div>
+                <p>KT망 1811-1141&nbsp;/&nbsp;SKT망 1877-9114&nbsp;/&nbsp;LGU+망 1533-7114</p>
+              </div>
+            </li>
+          </ul>
+        </div>
+      </div>
     </div>
-
-    <!--// 통신사 고객센터 정보 팝업 -->
-    <div data-include-path="/publish/layout/_header.html"></div>
-    <!-- login 영역 -->
-    <!-- content 영역 -->
-    <div id="container" class="cont sub">
-        <div class="inner">
-            <!-- send top -->
-            <div class="send_top">
-                <!-- tab button -->
-                <ul class="tabType4">
-                    <li class="tab"><button type="button" onclick="location.href='/publish/mypage2.html'">회원정보 변경</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
-                    <li class="tab active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
-                </ul>
-                <!--// tab button -->
-                <!-- 마이페이지 - 발신번호 관리 -->
-                <div class="mypage_content current" id="tab5_4">
-                    <div class="heading call_numbe_con">
-                        <h2>발신번호 관리</h2>
-                        <div class="button_wrap">
-                            <button type="button" class="button certificate btn" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button>
-                            <button type="button" class="button id_card btn" data-tooltip="popup004">대리인 신분증이란?</button>
-                            <button type="button" class="button pro_ex btn" data-tooltip="popup003">위임장 작성 방법</button>
-                        </div>
-                    </div>
-                    <div class="mem_cont_in widthXL" id="sendNumberListLoad"> <!-- 폼 맞추려고 id 추가 -->
-                        <div class="titBox">
-                            <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p>
-                            <p>- 발신번호 최대 등록 가능 개수 : <span class="fwMd c_222">10</span>개</p>
-                        </div>
-                        <div class="callNum_list_wrap">
-                            <p class="callNum_list_title">· 등록된 번호 : <span class="c_002c9a fwMd">0</span>/10개</p>
-                            <button type="button" class="btnType btnType2">대표번호 설정</button>
-                        </div>
-                        <div class="tb_wrap">
-                            <table class="tType4">
-                                <colgroup>
-                                    <col style="width: 40px;">
-                                    <col style="width: 10%;">
-                                    <col style="width: 11%;">
-                                    <col style="width: auto;">
-                                    <col style="width: 10%;">
-                                    <col style="width: 10%;">
-                                    <col style="width: 15%;">
-                                    <col style="width: 10%;">
-                                    <col style="width: 10%;">
-                                </colgroup>
-                                <thead>
-                                    <tr>
-                                        <th scope="col">
-                                            <label for="" class="label">전체 선택</label>
-                                            <input type="checkbox">
-                                        </th>
-                                        <th>대표번호 설정</th>
-                                        <th>번호</th>
-                                        <th>발신번호명</th>
-                                        <th>인증방식</th>
-                                        <th>상태</th>
-                                        <th>등록일</th>
-                                        <th>발신번호 관리</th>
-                                        <th>반려서류 제출</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr>
-                                        <td colspan="9">검색된 내용이 없습니다.</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">전체 선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <label for="" class="label">기본번호로 설정 선택</label>
-                                            <input type="radio" checked="">
-                                        </td>
-                                        <td>010-1234-5678</td>
-                                        <td class="input_wrap2">
-                                            <label for="" class="label">발신번호명</label>
-                                            <input type="text" placeholder="홍길동" readonly="">
-                                        </td>
-                                        <td>ARS인증</td>
-                                        <td><span class="c_e40000">추가인증필요 1577-1577</span></td>
-                                        <td>2021-06-06</td>
-                                        <td>
-                                            <button type="button" class="btnType btnType14">수정</button>
-                                            <button type="button" class="btnType btnType14">삭제</button>
-                                        </td>
-                                        <td></td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">전체 선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <label for="" class="label">기본번호로 설정 선택</label>
-                                            <input type="radio">
-                                        </td>
-                                        <td>010-1234-5678</td>
-                                        <td class="input_wrap2">
-                                            <label for="" class="label">발신번호명</label>
-                                            <input type="text" placeholder="홍길동" readonly="">
-                                        </td>
-                                        <td>ARS인증</td>
-                                        <td><span class="c_ffa200">심사중</span></td>
-                                        <td>2021-06-06</td>
-                                        <td>
-                                            <button type="button" class="btnType btnType14">수정</button>
-                                            <button type="button" class="btnType btnType14">삭제</button>
-                                        </td>
-                                        <td></td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">전체 선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <label for="" class="label">기본번호로 설정 선택</label>
-                                            <input type="radio">
-                                        </td>
-                                        <td>010-1234-5678</td>
-                                        <td class="input_wrap2">
-                                            <label for="" class="label">발신번호명</label>
-                                            <input type="text" placeholder="홍길동" readonly="">
-                                        </td>
-                                        <td>ARS인증</td>
-                                        <td><span class="c_999999">반려</span></td>
-                                        <td>2021-06-06</td>
-                                        <td>
-                                            <button type="button" class="btnType btnType14">수정</button>
-                                            <button type="button" class="btnType btnType14">삭제</button>
-                                        </td>
-                                        <td></td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">전체 선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <label for="" class="label">기본번호로 설정 선택</label>
-                                            <input type="radio">
-                                        </td>
-                                        <td>010-1234-5678</td>
-                                        <td class="input_wrap2">
-                                            <label for="" class="label">발신번호명</label>
-                                            <input type="text" placeholder="홍길동" readonly="">
-                                        </td>
-                                        <td>ARS인증</td>
-                                        <td><span class="c_002c9a">인증완료</span></td>
-                                        <td>2021-06-06</td>
-                                        <td>
-                                            <button type="button" class="btnType btnType14">수정</button>
-                                            <button type="button" class="btnType btnType14">삭제</button>
-                                        </td>
-                                        <td></td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                        <div class="send_button_wrap">
-                            <button type="button" class="btnType btnType16" onclick="fnRegisterPhoneNum(); return false;">+ 신규 발신번호 등록</button>
-                        </div>
-                        <!-- table -->
-                    </div>
+  </div>
+  <div class="tooltip-wrap">
+    <div class="popup-com servInfo_cont popup004" tabindex="0" data-tooltip-con="popup004" data-focus="popup004" data-focus-prev="popup004-close">
+      <div class="popup_heading">
+        <p>대리인 신분증이란?</p><button type="button" class="tooltip-close" data-focus="popup001-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+      </div>
+      <div class="layer_in">
+        <div class="call_number_pop">
+          <ul class="call_numbber_list">
+            <li>- 타인/타사의 휴대전화(또는 일반전화)를 발신번호로 등록하기 위해서는 대리인(문자온 가입자)의 신분증 사본을 제출하여야 합니다.</li>
+            <li>- 개인회원 : <strong>타인 휴대전화(or 일반전화)</strong>발신번호 등록 시 제출</li>
+            <li>- 기업회원 : <strong>타사 휴대전화(or 일반전화)</strong>발신번호 등록 시 제출</li>
+          </ul>
+          <div class="noted_items">
+            <p class="title">참고사항</p>
+            <ul class="call_numbber_list">
+              <li>· 신분증 사본 제출 시 주민번호 뒷자리는 마스킹 처리(개인정보 보호)</li>
+              <li>· 제출 가능한 신분증 : 주민등록증, 운전면허증, 여권</li>
+              <li>· 대리인=<strong>문자온 가입자(O)</strong>발신번호 명의자(X)</li>
+            </ul>
+          </div>
+        </div>
+        <div class="ex_con_wrap">
+          <div class="ex_con">
+            <p class="ex_con_tit">[제출 예시 이미지]</p><img src="/publish/images/popup/id_card_ex.png" alt="제출 예시 이미지">
+            <p class="ex_con_te">※ 이미지 자료 : 행정안전부</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="tooltip-wrap">
+    <div class="popup-com servInfo_cont popup003" tabindex="0" data-tooltip-con="popup003" data-focus="popup003" data-focus-prev="popup003-close">
+      <div class="popup_heading">
+        <p>위임장 작성 방법</p><button type="button" class="tooltip-close" data-focus="popup001-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+      </div>
+      <div class="layer_in pro_layer_in">
+        <div class="pro_btn_wrap"><button type="button" class="button attorney btn" onclick="location.href='/download/number/문자온_발신번호_등록_위임장_양식.zip'">위임장 다운로드</button></div>
+        <div class="call_number_pop">
+          <p class="pro_tit">타인 또는 타사의 휴대전화 및 일반전화 발신번호 등록을 위해서는 <br><span>위임장 제출이 필수</span>입니다.</p>
+          <ul class="call_numbber_list">
+            <li>- 위임자(발신번호 명의자)와 수임자(문자온 가입자)를 구분하여 작성</li>
+            <li>- 개인정보 수집 이용 동의 체크</li>
+            <li>- 위임자가 법인일 경우 도장 날인, 개인일경우 자필 서명</li>
+          </ul>
+        </div>
+        <div class="ex_con_wrap">
+          <div class="ex_con">
+            <p class="ex_con_tit">[위임장 작성 예시]</p><img src="/publish/images/popup/pro_ex.png" alt="제출 예시 이미지">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="tooltip-wrap">
+    <div class="popup-com worker_count_popup" tabindex="0" data-tooltip-con="worker_count_popup" data-focus="worker_count_popup" data-focus-prev="worker_count_popup-close">
+      <div class="popup_heading">
+        <p>종사자 수 등록</p><button type="button" class="tooltip-close" data-focus="worker_count_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+      </div>
+      <div class="layer_in">
+        <div class="titBox">
+          <p>- 유선 발신번호는 <span class="fwMd c_222">종사자 수 인증</span>후 인증된 종사자 수만큼 등록할 수 있습니다.</p>
+          <p>- 이미 등록된 발신번호는 종사자 수와 관계없이 계속 사용할 수 있습니다.</p>
+          <p>- 사업장 전체 인원을 확인할 수 있는 자료(4대보험 사업장 가입자 명부, 임직원 명부, 조직도 등)를 첨부해 주세요.</p>
+          <p>- <span class="fwBold c_e40000">주민등록번호 · 주소 · 급여 등 불필요한 개인정보는 마스킹 처리 후 제출해 주세요.</span></p>
+        </div>
+        <table class="layer_tType1">
+          <colgroup>
+            <col style="width:155px;" />
+            <col style="width:auto;" />
+          </colgroup>
+          <tbody>
+            <tr>
+              <th>사업자등록번호</th>
+              <td><input type="text" class="readonly" readonly value="123-45-67890" /></td>
+            </tr>
+            <tr>
+              <th>종사자 수</th>
+              <td>
+                <div class="form_wrap"><input type="text" class="worker_number" placeholder="종사자 수 입력" />명 </div>
+              </td>
+            </tr>
+            <tr>
+              <th>증빙서류</th>
+              <td>
+                <div class="btn_area right"><button type="button" class="btnType btnType9">파일첨부</button></div>
+                <div class="tb_wrap file_upload_box no_img_box fileWrap">
+                  <table class="tType4">
+                    <colgroup>
+                      <col style="width: auto;">
+                      <col style="width: 15%;">
+                      <col style="width: 26%;">
+                      <col style="width: 8%;">
+                    </colgroup>
+                    <thead>
+                      <tr>
+                        <th>파일명</th>
+                        <th>파일크기</th>
+                        <th>등록일</th>
+                        <th>삭제</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td colspan="4">
+                          <div class="file_add">
+                            <p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">파일을 여기에 끌어다 놓으세요</p>
+                          </div>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
                 </div>
-                <!--// 마이페이지 - 발신번호 관리 -->
-
-            </div>
-            <!--// send top -->
-        </div>
+                <div class="file_list_div fileAfter tb_wrap fileWrap">
+                  <table class="tType4">
+                    <colgroup>
+                      <col style="width: auto;">
+                      <col style="width: 15%;">
+                      <col style="width: 26%;">
+                      <col style="width: 8%;">
+                    </colgroup>
+                    <thead>
+                      <tr>
+                        <th>파일명</th>
+                        <th>파일크기</th>
+                        <th>등록일시</th>
+                        <th>삭제</th>
+                      </tr>
+                    </thead>
+                    <tbody id="tbody_fiielist">
+                      <tr>
+                        <td>11</td>
+                        <td>11mb</td>
+                        <td>2026-06-15 16:00</td>
+                        <td class="file_del"><input type="button" class="delBtn" alt="" onclick="delete_item(this, 0)"></td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div><label for="agreeEvidence" class="form_row"><input type="checkbox" id="agreeEvidence" />증빙서류 수집·이용에 동의합니다. </label>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        <div class="popup_btn"><button type="button" class="btnType btnType2 tooltip-close">신청하기</button><button type="button" class="btnType fill_gray tooltip-close">닫기</button></div>
+      </div>
     </div>
-    <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <!-- footer -->
-    <div data-include-path="/publish/layout/_footer.html"></div>
-    <!--// footer 영역 -->
+  </div>
+  <div class="tooltip-wrap">
+    <div class="popup-com worker_count_popup worker_re_count_popup" tabindex="0" data-tooltip-con="worker_re_count_popup" data-focus="worker_re_count_popup" data-focus-prev="worker_re_count_popup-close">
+      <div class="popup_heading">
+        <p>종사자 수 재신청</p><button type="button" class="tooltip-close" data-focus="worker_re_count_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+      </div>
+      <div class="layer_in">
+        <div class="badge_wrap red">
+          <div class="badge red"><i class="icon error"></i>이전 신청이 반려되었습니다. 아래 사유를 확인하고 서류를 다시 첨부해 주세요. </div>
+          <div class="white_box">[문자고] 제출하신 서류로는 사업장 전체 인원을 확인할 수 없어 종사자 수 인증이 반려되었습니다. 4대보험 사업장 가입자 명부, 임직원 명부, 조직도 등 사업장 전체 인원이 확인 가능한 자료를 첨부하여 재신청해 주시기 바랍니다. 제출 시 주민등록번호 · 주소 · 급여 등 불필요한 개인정보는 마스킹 처리 후 첨부해 주시면 빠른 심사 도와드리겠습니다. </div>
+        </div>
+        <div class="titBox">
+          <p>- 유선 발신번호는 <span class="fwMd c_222">종사자 수 인증</span>후 인증된 종사자 수만큼 등록할 수 있습니다.</p>
+          <p>- 이미 등록된 발신번호는 종사자 수와 관계없이 계속 사용할 수 있습니다.</p>
+          <p>- 사업장 전체 인원을 확인할 수 있는 자료(4대보험 사업장 가입자 명부, 임직원 명부, 조직도 등)를 첨부해 주세요.</p>
+          <p>- <span class="fwBold c_e40000">주민등록번호 · 주소 · 급여 등 불필요한 개인정보는 마스킹 처리 후 제출해 주세요.</span></p>
+        </div>
+        <table class="layer_tType1">
+          <colgroup>
+            <col style="width:155px;" />
+            <col style="width:auto;" />
+          </colgroup>
+          <tbody>
+            <tr>
+              <th>사업자등록번호</th>
+              <td><input type="text" class="readonly" readonly value="123-45-67890" /></td>
+            </tr>
+            <tr>
+              <th>종사자 수</th>
+              <td>
+                <div class="form_wrap"><input type="text" class="worker_number" placeholder="종사자 수 입력" />명 </div>
+              </td>
+            </tr>
+            <tr>
+              <th>증빙서류</th>
+              <td>
+                <div class="btn_area right"><button type="button" class="btnType btnType9">파일첨부</button></div>
+                <div class="tb_wrap file_upload_box no_img_box fileWrap">
+                  <table class="tType4">
+                    <colgroup>
+                      <col style="width: auto;">
+                      <col style="width: 15%;">
+                      <col style="width: 26%;">
+                      <col style="width: 8%;">
+                    </colgroup>
+                    <thead>
+                      <tr>
+                        <th>파일명</th>
+                        <th>파일크기</th>
+                        <th>등록일</th>
+                        <th>삭제</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td colspan="4">
+                          <div class="file_add">
+                            <p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">파일을 여기에 끌어다 놓으세요</p>
+                          </div>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="file_list_div fileAfter tb_wrap fileWrap">
+                  <table class="tType4">
+                    <colgroup>
+                      <col style="width: auto;">
+                      <col style="width: 15%;">
+                      <col style="width: 26%;">
+                      <col style="width: 8%;">
+                    </colgroup>
+                    <thead>
+                      <tr>
+                        <th>파일명</th>
+                        <th>파일크기</th>
+                        <th>등록일시</th>
+                        <th>삭제</th>
+                      </tr>
+                    </thead>
+                    <tbody id="tbody_fiielist">
+                      <tr>
+                        <td>11</td>
+                        <td>11</td>
+                        <td>2026-06-15 16:00</td>
+                        <td class="file_del"><input type="button" class="delBtn" alt="" onclick="delete_item(this, 0)"></td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div><label for="agreeEvidence" class="form_row"><input type="checkbox" id="agreeEvidence" />증빙서류 수집·이용에 동의합니다. </label>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        <div class="popup_btn"><button type="button" class="btnType btnType2 tooltip-close">신청하기</button><button type="button" class="btnType fill_gray tooltip-close">닫기</button></div>
+      </div>
+    </div>
+  </div>
+  <div class="tooltip-wrap">
+    <div class="popup-com number_return popup002" tabindex="0" data-tooltip-con="popup002" data-focus="popup002" data-focus-prev="popup002-close">
+      <div class="popup_heading">
+        <p>발신번호 반려 사유</p><button type="button" class="tooltip-close" data-focus="popup002-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+      </div>
+      <div class="layer_in">
+        <dl>
+          <dt>발신번호</dt>
+          <dd id="rejectPhone">01083584251</dd>
+        </dl>
+        <div class="reason">
+          <p>반려사유</p><textarea class="content" id="rejectReason" style="height: 200px" disabled="">[문자고] 회사 명의의 일반전화 발신번호 등록을 위해서는 “발신번호에 대한 통신서비스이용증명원”이 반드시 첨부되어야 합니다. 해당 서류 첨부(문자고 로그인-마이페이지-발신번호관리 메뉴-서류제출-파일 등록)하여 재신청해 주시면 빠른 심사 도와드리겠습니다. *통신서비스이용증명원 발급 안내 : 이동통신사 고객센터 또는 홈페이지 통해 발급 가능</textarea>
+        </div>
+      </div>
+      <div class="popup_btn_wrap2" style="margin:0 auto 30px auto;"><button type="button" class="tooltip-close" data-focus="popup002-close" data-focus-next="popup002">닫기</button></div>
+    </div>
+  </div>
+  <div class="tooltip-wrap">
+    <div class="popup-com popup05 kisa_popup send_number_popup" tabindex="0" data-tooltip-con="popup05" data-focus="popup05" data-focus-prev="popup05-close">
+      <div class="popup_heading">
+        <p>파일첨부</p><button type="button" class="tooltip-close" data-focus="popup05-close" id="btnFilePopupClose"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+      </div>
+      <div class="layer_in layer_attachfile upload_area">
+        <div class="tb_wrap file_upload_box no_img_box fileWrap">
+          <table class="tType4">
+            <colgroup>
+              <col style="width: 57%">
+              <col style="width: 10%">
+              <col style="width: 25%">
+              <col style="width: 8%">
+            </colgroup>
+            <thead>
+              <tr>
+                <th>파일명</th>
+                <th>파일크기</th>
+                <th>등록일</th>
+                <th>삭제</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td colspan="4">
+                  <div class="file_add">
+                    <p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">파일을 여기에 끌어다 놓으세요</p>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+          <div class="file_info">총 <strong class="totalfileCount">0</strong>개<span></span><strong class="totalfileSize">0 MB</strong></div>
+        </div>
+        <div class="tb_wrap fileWrap fileAfter file_list_div" style="display: none;">
+          <table class="tType4">
+            <colgroup>
+              <col style="width: 57%">
+              <col style="width: 10%">
+              <col style="width: 25%">
+              <col style="width: 8%">
+            </colgroup>
+            <thead>
+              <tr>
+                <th>파일명</th>
+                <th>파일크기</th>
+                <th>등록일</th>
+                <th>삭제</th>
+              </tr>
+            </thead>
+            <tbody id="tbody_fiielist"></tbody>
+          </table>
+          <div class="file_info file_list_div" style="display: none;">총 <strong class="totalfileCount"></strong>개<span></span><strong class="totalfileSize"></strong></div>
+        </div>
+        <div class="button_box"><input type="file" id="file_temp" name="file_temp" class="uploadFile"></div>
+      </div>
+      <div class="popup_btn_wrap2"><button type="button" class="atchAdd">제출하기</button><button type="button" class="tooltip-close" data-focus="popup05-close" data-focus-next="popup05" onclick="location.reload();">닫기</button></div>
+    </div>
+  </div>
+  <div class="tooltip-wrap">
+    <div class="popup-com servInfo_cont popup04" tabindex="0" data-tooltip-con="popup04" data-focus="popup04" data-focus-prev="popup04-close">
+      <div class="popup_heading">
+        <p>각 통신사 고객센터 정보</p><button type="button" class="tooltip-close" data-focus="popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+      </div>
+      <div class="layer_in">
+        <ul>
+          <li>
+            <div>
+              <div><img src="/publish/images/content/call_serv1.png" alt="T 월드"></div>
+              <p><span class="fwLg">모바일</span>080-011-6000&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span>080-816-2000</p>
+            </div>
+          </li>
+          <li>
+            <div>
+              <div><img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤"></div>
+              <p>1599-0999</p>
+            </div>
+          </li>
+          <li>
+            <div>
+              <div><img src="/publish/images/content/call_serv3.png" alt="SK 브로드밴드"></div>
+              <p>080-8282-106</p>
+            </div>
+          </li>
+          <li>
+            <div>
+              <div><img src="/publish/images/content/call_serv4.png" alt="hello 모바일"></div>
+              <p>KT망 1855-1144&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;SKT망 1855-2114</p>
+            </div>
+          </li>
+          <li>
+            <div>
+              <div><img src="/publish/images/content/call_serv5.png" alt="Kt"></div>
+              <p><span class="fwLg">모바일</span>1588-0010 / <span class="fwLg">유선</span>100</p>
+            </div>
+          </li>
+          <li>
+            <div>
+              <div><img src="/publish/images/content/call_serv6.png" alt="세종텔레콤"></div>
+              <p>080-889-1000</p>
+            </div>
+          </li>
+          <li>
+            <div>
+              <div><img src="/publish/images/content/call_serv7.png" alt="U+"></div>
+              <p><span class="fwLg">모바일</span>1588-0010&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span>100</p>
+            </div>
+          </li>
+          <li>
+            <div>
+              <div><img src="/publish/images/content/call_serv8.png" alt="Kct"></div>
+              <p>070-8188-0114</p>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  <div data-include-path="/publish/layout/_header.html"></div>
+  <div id="container" class="cont sub">
+    <div class="inner">
+      <div class="send_top">
+        <ul class="tabType4">
+          <li class="tab"><button type="button" onclick="location.href='/publish/mypage2.html'">회원정보 변경</button></li>
+          <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
+          <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
+          <li class="tab active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</button></li>
+          <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
+          <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
+        </ul>
+        <div class="mypage_content current" id="tab5_4">
+          <div class="heading call_numbe_con">
+            <h2>발신번호 관리</h2>
+            <div class="button_wrap"><button type="button" class="button certificate btn" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button><button type="button" class="button id_card btn" data-tooltip="popup004">대리인 신분증이란?</button><button type="button" class="button pro_ex btn" data-tooltip="popup003">위임장 작성 방법</button></div>
+          </div>
+          <div class="auth_type_box case_switcher"><label><input type="radio" name="auth" value="type01" checked>법인/종사자 인증완료</label><label><input type="radio" name="auth" value="type02">법인/종사자 미등록</label><label><input type="radio" name="auth" value="type03">법인/종사자 심사중</label><label><input type="radio" name="auth" value="type04">법인/종사자 반려</label><label><input type="radio" name="auth" value="type05">법인/유선 한도초과</label><label><input type="radio" name="auth" value="type06">개인/내국인</label><label><input type="radio" name="auth" value="type07">개인/내국인/무선 한도도달</label><label><input type="radio" name="auth" value="type08">개인/외국인</label></div>
+          <div class="mem_cont_in widthXL" id="sendNumberListLoad">
+            <div class="auth_type type01">
+              <div class="titBox">
+                <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p>
+                <p>- 무선 발신번호 <span class="fwMd c_222">최대 4회선 등록 가능</span>합니다.</p>
+                <p>- 유선 발신번호는 종사자 수 인증 후, 인증된 종사자 수만큼 등록 가능합니다.</p>
+                <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p>
+                <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p>
+              </div>
+              <div class="callNum_list_wrap">
+                <div class="call_list_status">
+                  <p class="callNum_list_title">· 등록 현황 : </p>
+                  <ul>
+                    <li><strong>무선</strong>
+                      <p><b class="fwMd">2</b>/4회선</p>
+                    </li>
+                    <li><strong>유선</strong>
+                      <p><b class="fwMd">2</b>/12회선</p>
+                    </li>
+                  </ul><button type="button" class="btnType btnType2">기본번호 설정</button>
+                </div>
+                <div class="auth_status_wrap">
+                  <p>종사자 <b class="c_002c9a fwBold">12</b>명</p>
+                  <div class="badge blue"><i></i>인증완료 <div class="hover_layer">
+                      <p>인증된 종사자 수 <b class="fwBold c_002c9a">N</b>명 기준으로 유선 발신번호를 <br />최대 <b class="fwBold c_002c9a">LIM</b>회선까지 등록할 수 있습니다.</p>
+                    </div>
+                  </div><button type="button" class="btnType btnType14" data-tooltip="worker_count_popup">변경</button>
+                </div>
+              </div>
+              <div class="tb_wrap">
+                <table class="tType4">
+                  <colgroup>
+                    <col style="width:60px;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:10%;" />
+                    <col style="width:10%;" />
+                    <col style="width:12%;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:7%;" />
+                    <col style="width:10%;" />
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th>기본</th>
+                      <th>발신번호</th>
+                      <th>유형</th>
+                      <th>인증방식</th>
+                      <th>상태</th>
+                      <th>등록일</th>
+                      <th>관리</th>
+                      <th>반려서류 제출</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td colspan="8">검색된 내용이 없습니다.</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type01_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type01" id="type01_1" checked=""></td>
+                      <td>010-1234-5678</td>
+                      <td>무선</td>
+                      <td>휴대폰 인증</td>
+                      <td><span class="c_002c9a fwMd">인증완료</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type01_2" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type01" id="type01_2"></td>
+                      <td>1588-0000</td>
+                      <td>대표</td>
+                      <td>서류 인증</td>
+                      <td><span class="c_002c9a fwMd">인증완료</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type01_3" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type01" id="type01_3"></td>
+                      <td>070-1111-0000</td>
+                      <td>유선</td>
+                      <td>서류 인증</td>
+                      <td><span class="color_yellow fwMd">심사중</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type01_4" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type01" id="type01_4"></td>
+                      <td>070-1111-0000</td>
+                      <td>유선</td>
+                      <td>서류 인증</td>
+                      <td><span class="c_999999 fwMd">반려</span><button type="button" class="btnType btnType14" data-tooltip="popup002">사유</button></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td><button type="button" class="btnType btnType22" data-tooltip="popup05">서류첨부</button></td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            <div class="auth_type type02">
+              <div class="titBox">
+                <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p>
+                <p>- 무선 발신번호 <span class="fwMd c_222">최대 4회선 등록 가능</span>합니다.</p>
+                <p>- 유선 발신번호는 종사자 수 인증 후, 인증된 종사자 수만큼 등록 가능합니다.</p>
+                <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p>
+                <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p>
+              </div>
+              <div class="callNum_list_wrap">
+                <div class="call_list_status">
+                  <p class="callNum_list_title">· 등록 현황 : </p>
+                  <ul>
+                    <li><strong>무선</strong>
+                      <p><b class="fwMd">1</b>/4회선</p>
+                    </li>
+                    <li><strong>유선</strong>
+                      <p><b class="fwMd">2</b>회선</p>
+                    </li>
+                  </ul><button type="button" class="btnType btnType2">기본번호 설정</button>
+                </div>
+                <div class="auth_status_wrap">
+                  <div class="badge yellow"><i></i>종사자 수 미등록 <div class="hover_layer">
+                      <p>종사자 수를 인증하면 유선 발신번호를 등록할<br />수 있습니다. 이미 등록된 번호는 종사자 수와 관계없이 <br />계속 사용 가능합니다.</p>
+                    </div>
+                  </div><button type="button" class="btnType btnType14" data-tooltip="worker_count_popup">등록</button>
+                </div>
+              </div>
+              <div class="tb_wrap">
+                <table class="tType4">
+                  <colgroup>
+                    <col style="width:60px;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:10%;" />
+                    <col style="width:10%;" />
+                    <col style="width:12%;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:7%;" />
+                    <col style="width:10%;" />
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th>기본</th>
+                      <th>발신번호</th>
+                      <th>유형</th>
+                      <th>인증방식</th>
+                      <th>상태</th>
+                      <th>등록일</th>
+                      <th>관리</th>
+                      <th>반려서류 제출</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td><label for="type02_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type02" id="type02_1" checked></td>
+                      <td>010-1234-5678</td>
+                      <td>무선</td>
+                      <td>휴대폰 인증</td>
+                      <td><span class="c_002c9a fwMd">인증완료</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            <div class="auth_type type03">
+              <div class="titBox">
+                <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p>
+                <p>- 무선 발신번호 <span class="fwMd c_222">최대 4회선 등록 가능</span>합니다.</p>
+                <p>- 유선 발신번호는 종사자 수 인증 후, 인증된 종사자 수만큼 등록 가능합니다.</p>
+                <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p>
+                <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p>
+              </div>
+              <div class="callNum_list_wrap">
+                <div class="call_list_status">
+                  <p class="callNum_list_title">· 등록 현황 : </p>
+                  <ul>
+                    <li><strong>무선</strong>
+                      <p><b class="fwMd">1</b>/4회선</p>
+                    </li>
+                    <li><strong>유선</strong>
+                      <p><b class="fwMd">0</b>회선</p>
+                    </li>
+                  </ul><button type="button" class="btnType btnType2">기본번호 설정</button>
+                </div>
+                <div class="auth_status_wrap">
+                  <p>종사자 <b class="c_002c9a fwBold">12</b>명</p>
+                  <div class="badge yellow"><i></i>심사중 <div class="hover_layer">
+                      <p>종사자 수 심사가 진행 중입니다. <br />승인 후 유선 발신번호를 등록할 수 있습니다.</p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="tb_wrap">
+                <table class="tType4">
+                  <colgroup>
+                    <col style="width:60px;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:10%;" />
+                    <col style="width:10%;" />
+                    <col style="width:12%;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:7%;" />
+                    <col style="width:10%;" />
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th>기본</th>
+                      <th>발신번호</th>
+                      <th>유형</th>
+                      <th>인증방식</th>
+                      <th>상태</th>
+                      <th>등록일</th>
+                      <th>관리</th>
+                      <th>반려서류 제출</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td><label for="type03_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type03" id="type03_1" checked></td>
+                      <td>010-1234-5678</td>
+                      <td>무선</td>
+                      <td>휴대폰 인증</td>
+                      <td><span class="c_002c9a fwMd">인증완료</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            <div class="auth_type type04">
+              <div class="titBox">
+                <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p>
+                <p>- 무선 발신번호 <span class="fwMd c_222">최대 4회선 등록 가능</span>합니다.</p>
+                <p>- 유선 발신번호는 종사자 수 인증 후, 인증된 종사자 수만큼 등록 가능합니다.</p>
+                <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p>
+                <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p>
+              </div>
+              <div class="callNum_list_wrap">
+                <div class="call_list_status">
+                  <p class="callNum_list_title">· 등록 현황 : </p>
+                  <ul>
+                    <li><strong>무선</strong>
+                      <p><b class="fwMd">2</b>/4회선</p>
+                    </li>
+                    <li><strong>유선</strong>
+                      <p><b class="fwMd">2</b>회선</p>
+                    </li>
+                  </ul><button type="button" class="btnType btnType2">기본번호 설정</button>
+                </div>
+                <div class="auth_status_wrap">
+                  <p>종사자 <b class="c_002c9a fwBold">12</b>명</p>
+                  <div class="badge red"><i></i>반려 <div class="hover_layer">
+                      <p>제출한 서류가 반려되었습니다. <br />사유를 확인하고 재신청해 주세요.</p>
+                    </div>
+                  </div><button type="button" class="btnType btnType14" data-tooltip="worker_re_count_popup">재신청</button>
+                </div>
+              </div>
+              <div class="tb_wrap">
+                <table class="tType4">
+                  <colgroup>
+                    <col style="width:60px;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:10%;" />
+                    <col style="width:10%;" />
+                    <col style="width:12%;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:7%;" />
+                    <col style="width:10%;" />
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th>기본</th>
+                      <th>발신번호</th>
+                      <th>유형</th>
+                      <th>인증방식</th>
+                      <th>상태</th>
+                      <th>등록일</th>
+                      <th>관리</th>
+                      <th>반려서류 제출</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td colspan="8">검색된 내용이 없습니다.</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type04_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type04" id="type04_1" checked></td>
+                      <td>010-1234-5678</td>
+                      <td>무선</td>
+                      <td>휴대폰 인증</td>
+                      <td><span class="c_002c9a fwMd">인증완료</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type04_2" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type04" id="type04_2"></td>
+                      <td>1588-0000</td>
+                      <td>대표</td>
+                      <td>서류 인증</td>
+                      <td><span class="c_002c9a fwMd">인증완료</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type04_3" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type04" id="type04_3"></td>
+                      <td>070-1111-0000</td>
+                      <td>유선</td>
+                      <td>서류 인증</td>
+                      <td><span class="color_yellow fwMd">심사중</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type04_4" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type04" id="type04_4"></td>
+                      <td>070-1111-0000</td>
+                      <td>유선</td>
+                      <td>서류 인증</td>
+                      <td><span class="c_999999 fwMd">반려</span><button type="button" class="btnType btnType14">사유</button></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td><button type="button" class="btnType btnType22" data-tooltip="popup05">서류첨부</button></td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            <div class="auth_type type05">
+              <div class="titBox">
+                <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p>
+                <p>- 무선 발신번호 <span class="fwMd c_222">최대 4회선 등록 가능</span>합니다.</p>
+                <p>- 유선 발신번호는 종사자 수 인증 후, 인증된 종사자 수만큼 등록 가능합니다.</p>
+                <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p>
+                <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p>
+              </div>
+              <div class="callNum_list_wrap">
+                <div class="call_list_status">
+                  <p class="callNum_list_title">· 등록 현황 : </p>
+                  <ul>
+                    <li><strong>무선</strong>
+                      <p><b class="fwMd">2</b>/4회선</p>
+                    </li>
+                    <li><strong>유선</strong>
+                      <p class="c_e40000 fwBold"><b class="c_e40000 fwBold">10</b>/5회선</p>
+                    </li>
+                  </ul><button type="button" class="btnType btnType2">기본번호 설정</button>
+                </div>
+                <div class="auth_status_wrap">
+                  <p>종사자 <b class="c_002c9a fwBold">5</b>명</p>
+                  <div class="badge blue"><i></i>인증완료 <div class="hover_layer">인증된 종사자 수 <b class="c_002c9a fwBold">N</b>명 기준 한도는 <b class="c_002c9a fwBold">LIM</b>회선입니다. <br />기존에 등록된 <b class="c_002c9a fwBold">NOW</b>회선은 계속 사용할 수 있으며, <br />신규 등록만 제한됩니다. </div>
+                  </div><button type="button" class="btnType btnType14" data-tooltip="worker_count_popup">변경</button>
+                </div>
+              </div>
+              <div class="tb_wrap">
+                <table class="tType4">
+                  <colgroup>
+                    <col style="width:60px;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:10%;" />
+                    <col style="width:10%;" />
+                    <col style="width:12%;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:7%;" />
+                    <col style="width:10%;" />
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th>기본</th>
+                      <th>발신번호</th>
+                      <th>유형</th>
+                      <th>인증방식</th>
+                      <th>상태</th>
+                      <th>등록일</th>
+                      <th>관리</th>
+                      <th>반려서류 제출</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td colspan="8">검색된 내용이 없습니다.</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type05_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type05" id="type05_1" checked></td>
+                      <td>010-1234-5678</td>
+                      <td>무선</td>
+                      <td>휴대폰 인증</td>
+                      <td><span class="c_002c9a fwMd">인증완료</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type05_2" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type05" id="type05_2"></td>
+                      <td>1588-0000</td>
+                      <td>대표</td>
+                      <td>서류 인증</td>
+                      <td><span class="c_002c9a fwMd">인증완료</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type05_3" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type05" id="type05_3"></td>
+                      <td>070-1111-0000</td>
+                      <td>유선</td>
+                      <td>서류 인증</td>
+                      <td><span class="color_yellow fwMd">심사중</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type05_4" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type05" id="type05_4"></td>
+                      <td>070-1111-0000</td>
+                      <td>유선</td>
+                      <td>서류 인증</td>
+                      <td><span class="c_999999 fwMd">반려</span><button type="button" class="btnType btnType14">사유</button></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td><button type="button" class="btnType btnType22" data-tooltip="popup05">서류첨부</button></td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            <div class="auth_type type06">
+              <div class="titBox">
+                <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p>
+                <p>- 무선 발신번호 <span class="fwMd c_222">최대 3회선 / 유선 발신번호 최대 5회선 등록 가능</span>합니다.</p>
+                <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p>
+                <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p>
+              </div>
+              <div class="callNum_list_wrap">
+                <div class="call_list_status">
+                  <p class="callNum_list_title">· 등록 현황 : </p>
+                  <ul>
+                    <li><strong>무선</strong>
+                      <p><b class="fwMd">2</b>/3회선</p>
+                    </li>
+                    <li><strong>유선</strong>
+                      <p><b class="fwMd">2</b>/5회선</p>
+                    </li>
+                  </ul><button type="button" class="btnType btnType2">기본번호 설정</button>
+                </div>
+              </div>
+              <div class="tb_wrap">
+                <table class="tType4">
+                  <colgroup>
+                    <col style="width:60px;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:10%;" />
+                    <col style="width:10%;" />
+                    <col style="width:12%;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:7%;" />
+                    <col style="width:10%;" />
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th>기본</th>
+                      <th>발신번호</th>
+                      <th>유형</th>
+                      <th>인증방식</th>
+                      <th>상태</th>
+                      <th>등록일</th>
+                      <th>관리</th>
+                      <th>반려서류 제출</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td colspan="8">검색된 내용이 없습니다.</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type06_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type06" id="type06_1" checked></td>
+                      <td>010-1234-5678</td>
+                      <td>무선</td>
+                      <td>휴대폰 인증</td>
+                      <td><span class="c_002c9a fwMd">인증완료</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type06_2" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type06" id="type06_2"></td>
+                      <td>1588-0000</td>
+                      <td>대표</td>
+                      <td>서류 인증</td>
+                      <td><span class="c_002c9a fwMd">인증완료</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type06_3" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type06" id="type06_3"></td>
+                      <td>070-1111-0000</td>
+                      <td>유선</td>
+                      <td>서류 인증</td>
+                      <td><span class="color_yellow fwMd">심사중</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type06_4" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type06" id="type06_4"></td>
+                      <td>070-1111-0000</td>
+                      <td>유선</td>
+                      <td>서류 인증</td>
+                      <td><span class="c_999999 fwMd">반려</span><button type="button" class="btnType btnType14">사유</button></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td><button type="button" class="btnType btnType22" data-tooltip="popup05">서류첨부</button></td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            <div class="auth_type type07">
+              <div class="titBox">
+                <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p>
+                <p>- 무선 발신번호 <span class="fwMd c_222">최대 3회선 / 유선 발신번호 최대 5회선 등록 가능</span>합니다.</p>
+                <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p>
+                <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p>
+              </div>
+              <div class="callNum_list_wrap">
+                <div class="call_list_status">
+                  <p class="callNum_list_title">· 등록 현황 : </p>
+                  <ul>
+                    <li><strong>무선</strong>
+                      <p class="c_e40000 fwBold"><b class="c_e40000 fwBold">3</b>/3회선</p>
+                    </li>
+                    <li><strong>유선</strong>
+                      <p><b class="fwMd">2</b>/5회선</p>
+                    </li>
+                  </ul><button type="button" class="btnType btnType2">기본번호 설정</button>
+                </div>
+              </div>
+              <div class="tb_wrap">
+                <table class="tType4">
+                  <colgroup>
+                    <col style="width:60px;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:10%;" />
+                    <col style="width:10%;" />
+                    <col style="width:12%;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:7%;" />
+                    <col style="width:10%;" />
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th>기본</th>
+                      <th>발신번호</th>
+                      <th>유형</th>
+                      <th>인증방식</th>
+                      <th>상태</th>
+                      <th>등록일</th>
+                      <th>관리</th>
+                      <th>반려서류 제출</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td colspan="8">검색된 내용이 없습니다.</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type07_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type07" id="type07_1" checked></td>
+                      <td>010-1234-5678</td>
+                      <td>무선</td>
+                      <td>휴대폰 인증</td>
+                      <td><span class="c_002c9a fwMd">인증완료</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type07_2" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type07" id="type07_2"></td>
+                      <td>1588-0000</td>
+                      <td>대표</td>
+                      <td>서류 인증</td>
+                      <td><span class="c_002c9a fwMd">인증완료</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type07_3" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type07" id="type07_3"></td>
+                      <td>070-1111-0000</td>
+                      <td>유선</td>
+                      <td>서류 인증</td>
+                      <td><span class="color_yellow fwMd">심사중</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type07_4" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type07" id="type07_4"></td>
+                      <td>070-1111-0000</td>
+                      <td>유선</td>
+                      <td>서류 인증</td>
+                      <td><span class="c_999999 fwMd">반려</span><button type="button" class="btnType btnType14">사유</button></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td><button type="button" class="btnType btnType22" data-tooltip="popup05">서류첨부</button></td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            <div class="auth_type type08">
+              <div class="titBox">
+                <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p>
+                <p>- 무선 발신번호 <span class="fwMd c_222">최대 2회선 / 유선 발신번호 최대 5회선 등록 가능</span>합니다.</p>
+                <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p>
+                <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p>
+              </div>
+              <div class="callNum_list_wrap">
+                <div class="call_list_status">
+                  <p class="callNum_list_title">· 등록 현황 : </p>
+                  <ul>
+                    <li><strong>무선</strong>
+                      <p><b class="fwMd">1</b>/2회선</p>
+                    </li>
+                    <li><strong>유선</strong>
+                      <p><b class="fwMd">2</b>/5회선</p>
+                    </li>
+                  </ul><button type="button" class="btnType btnType2">기본번호 설정</button>
+                </div>
+              </div>
+              <div class="tb_wrap">
+                <table class="tType4">
+                  <colgroup>
+                    <col style="width:60px;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:10%;" />
+                    <col style="width:10%;" />
+                    <col style="width:12%;" />
+                    <col style="width:calc((51% - 60px)/2);" />
+                    <col style="width:7%;" />
+                    <col style="width:10%;" />
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th>기본</th>
+                      <th>발신번호</th>
+                      <th>유형</th>
+                      <th>인증방식</th>
+                      <th>상태</th>
+                      <th>등록일</th>
+                      <th>관리</th>
+                      <th>반려서류 제출</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td colspan="8">검색된 내용이 없습니다.</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type08_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type08" id="type08_1" checked></td>
+                      <td>010-1234-5678</td>
+                      <td>무선</td>
+                      <td>휴대폰 인증</td>
+                      <td><span class="c_002c9a fwMd">인증완료</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type08_2" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type08" id="type08_2"></td>
+                      <td>1588-0000</td>
+                      <td>대표</td>
+                      <td>서류 인증</td>
+                      <td><span class="c_002c9a fwMd">인증완료</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type08_3" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type08" id="type08_3"></td>
+                      <td>070-1111-0000</td>
+                      <td>유선</td>
+                      <td>서류 인증</td>
+                      <td><span class="color_yellow fwMd">심사중</span></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td>-</td>
+                    </tr>
+                    <tr>
+                      <td><label for="type08_4" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type08" id="type08_4"></td>
+                      <td>070-1111-0000</td>
+                      <td>유선</td>
+                      <td>서류 인증</td>
+                      <td><span class="c_999999 fwMd">반려</span><button type="button" class="btnType btnType14">사유</button></td>
+                      <td>2021-06-06 16:10</td>
+                      <td><button type="button" class="btnType btnType14">삭제</button></td>
+                      <td><button type="button" class="btnType btnType22" data-tooltip="popup05">서류첨부</button></td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            <div class="send_button_wrap"><button type="button" class="btnType btnType16" onclick="location.href='/publish/mypage5_2.html'">+ 신규 발신번호 등록</button></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div data-include-path="/publish/layout/_footer.html"></div>
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/mypage5_2.html
--- src/main/webapp/publish/mypage5_2.html
+++ src/main/webapp/publish/mypage5_2.html
@@ -413,7 +413,7 @@
                                             <td>통신서비스이용증명원</td>
                                         </tr>
                                         <tr>
-                                            <td rowspan="2" class="title">대표</td>
+                                            <td rowspan="2" class="title">대표자</td>
                                             <td>휴대전화</td>
                                             <td>휴대폰 본인인증</td>
                                         </tr>
@@ -451,7 +451,7 @@
                                 <td>
                                     <div class="name_check">
                                         <input type="radio" name="holderChk" id="holderChk1" value="1" onchange="nameChk('1');" checked=""><label for="holderChk1">당사</label>
-                                        <input type="radio" name="holderChk" id="holderChk2" value="2" onchange="nameChk('2');"><label for="holderChk2">대표</label>
+                                        <input type="radio" name="holderChk" id="holderChk2" value="2" onchange="nameChk('2');"><label for="holderChk2">대표자</label>
                                         <input type="radio" name="holderChk" id="holderChk3" value="3" onchange="nameChk('3');"><label for="holderChk3">직원</label>
                                         <input type="radio" name="holderChk" id="holderChk4" value="4" onchange="nameChk('4');"><label for="holderChk4">타사</label>
                                     </div>
@@ -469,6 +469,135 @@
                                     </div>
                                 </td>
                             </tr>
+                            
+                            <tr>
+                                <th scope="row">발신번호</th>
+                                <td>
+                                    <div class="calling">
+                                        <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'">
+                                        <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
+                                        <div class="badge red">
+                                        	<i class="icon error"></i> <p>등록할 수 없는 번호입니다.(050 착신전환 번호 등)</p>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                            
+                            <tr>
+                                <th scope="row">발신번호</th>
+                                <td>
+                                    <div class="calling">
+                                        <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'">
+                                        <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
+                                        <div class="badge green">
+                                        	<i class="icon success"></i> <p>무선 발신번호 · 등록 가능 (잔여 <b class="fwMd">10</b>회선 / 전체 <b class="fwMd">12</b>회선)</p>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                            
+                            <tr>
+                                <th scope="row">발신번호</th>
+                                <td>
+                                    <div class="calling">
+                                        <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'">
+                                        <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
+                                        <div class="badge red">
+                                        	<i class="icon error"></i> <p>무선 회선을 모두 사용했습니다(12/12). 사용하지 않거나 반려된 번호를 삭제해 주세요.</p>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                            
+                            <tr>
+                                <th scope="row">발신번호</th>
+                                <td>
+                                    <div class="calling">
+                                        <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'">
+                                        <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
+                                        <div class="badge green">
+                                        	<i class="icon success"></i> <p>유선 발신번호 · 등록 가능 (잔여 <b class="fwMd">10</b>회선 / 전체 <b class="fwMd">12</b>회선)</p>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <th scope="row">발신번호</th>
+                                <td>
+                                    <div class="calling">
+                                        <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'">
+                                        <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
+                                        <div class="badge green">
+                                        	<i class="icon success"></i> <p>대표 발신번호 · 등록 가능 (잔여 <b class="fwMd">10</b>회선 / 전체 <b class="fwMd">12</b>회선)</p>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                            
+                            <tr>
+                                <th scope="row">발신번호</th>
+                                <td>
+                                    <div class="calling">
+                                        <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'">
+                                        <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
+                                        <div class="badge red">
+                                        	<i class="icon error"></i> <p>유선 회선을 모두 사용했습니다(12/12). 사용하지 않거나 반려된 번호를 삭제해 주세요.</p>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                            
+                            <tr>
+                                <th scope="row">발신번호</th>
+                                <td>
+                                    <div class="calling">
+                                        <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'">
+                                        <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
+                                        <div class="badge red">
+                                        	<i class="icon error"></i> <p>인증된 종사자 수 기준 한도(12)를 초과하여 신규 등록이 제한됩니다. 기존 번호는 계속 사용할 수 있습니다.</p>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                            
+                            <tr>
+                                <th scope="row">발신번호</th>
+                                <td>
+                                    <div class="calling">
+                                        <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'">
+                                        <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
+                                        <div class="badge yellow">
+                                        	<i class="icon warning"></i> <p>유선 발신번호는 종사자 수 인증 후 등록 가능합니다.</p>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                            
+                            <tr>
+                                <th scope="row">발신번호</th>
+                                <td>
+                                    <div class="calling">
+                                        <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'">
+                                        <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
+                                        <div class="badge yellow">
+                                        	<i class="icon warning"></i> <p>종사자 수 심사가 진행 중입니다. 승인 후 유선 발신번호를 등록할 수 있습니다.</p>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                            
+                            <tr>
+                                <th scope="row">발신번호</th>
+                                <td>
+                                    <div class="calling">
+                                        <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'">
+                                        <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
+                                        <div class="badge red">
+                                        	<i class="icon error"></i> <p>종사자 수 서류가 반려되었습니다. 재신청 후 유선 발신번호를 등록할 수 있습니다.</p>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
 
                             <!-- <tr id="selfCert" style="visibility: visible;">
                                 <th scope="row">본인명의 확인</th>
@@ -480,13 +609,13 @@
                                 </td>
                             </tr> -->
 
-                            <tr id="phone">
+                            <tr>
                                 <th scope="row">휴대폰번호</th>
                                 <td>
                                     <div class="calling">
                                         <input type="text" name="inputSendNum" id="inputSendNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'" readonly="">
                                         <button type="button" class="btnType" onclick="kmcCertCheck(); return false;">인증</button>
-                                        <span id="summary_phone" class="summary" style="visibility: collapse;">* 휴대폰 본인인증 또는 통신서비스이용증명원 첨부</span>
+                                        <span id="summary_phone" class="summary">* 휴대폰 본인인증 또는 통신서비스이용증명원 첨부</span>
                                     </div>
                                 </td>
                             </tr>
src/main/webapp/publish/mypage_security_login.html
--- src/main/webapp/publish/mypage_security_login.html
+++ src/main/webapp/publish/mypage_security_login.html
@@ -26,32 +26,257 @@
 
   <script>
     $(function () {
-      // on/off 시 confirm 창 노출
-      $(".security_tab").click(function () {
-        if ($(this).find("a.on").text().trim() == "ON") {
-          if (!confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다")) {
-            $(this).find("a.on").siblings("a").removeClass("on");
+    	
+    	$(".btn_edit").click(function(){
+    		var $btn = $(this);
+    		var $tr = $btn.closest('tr');
+    		var $alias = $tr.find('.alias_text');
 
-          } else {
-            $(this).find("a.on").removeClass("on").siblings("a").addClass("on");
-            $(this).removeClass("on").addClass("off");
-          }
-        } else if ($(this).find("a.on").text().trim() == "OFF") {
-          if (!confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.")) {
-            $(this).find("a.on").siblings("a").removeClass("on");
-          } else {
-            $(this).find("a.on").removeClass("on").siblings("a").addClass("on");
-            $(this).removeClass("off").addClass("on");
-          }
-        }
-      });
+    	    if ($btn.text() === '수정') {
+    	    	var value = $alias.text().trim();
+
+    	        $alias.replaceWith('<input type="text" class="input_text" value="' + value + '">');
+    	        $tr.find('.input_text').focus();
+
+    	        $btn.text('저장');
+    	    } else {
+    	    	var value = $tr.find('.input_text').val().trim();
+
+    	        $tr.find('.input_text').replaceWith('<span class="alias_text">' + value + '</span>');
+    	        $btn.text('수정');
+    	    }
+    	})
+    	
+    	
+    	$(".btn_auth_send").click(function(){
+        	var $sendBtn = $(this);
+        	const $stage = $(this).closest('.stage_content');
+            timer($(this));
+        	$(".cf_text").html("인증번호를 발송했습니다. 3분 이내에 입력해주세요. (남은 재발송 <b>3</b>회)").addClass("c_002c9a").removeClass("c_e40000");
+        	$sendBtn.addClass("disabled");
+        	$(".case_switcher").show();
+        	setTimeout(function(){
+	            $sendBtn.removeClass("disabled").text("재전송");
+	        }, 31000);
+        });
+    	
+    	$(".btn_next").click(function(){
+    		$(".stage01").hide();
+    		$(".stage").eq(0).removeClass("active");
+    		$(".stage").eq(1).addClass("active");
+    		$(".stage02").show();
+    	})
     })
+    
+    //인증번호 타이머
+	function timer($btn) {
+	    const $popup = $btn.closest('.popup-com');
+	    const $timer = $btn.closest('.layer_tType1').find('.timer');
+	    const $desc = $popup.find('.desc_text').first();
+	
+	    // 기존 타이머가 있으면 종료
+	    clearInterval($timer.data('timer'));
+	
+	    let time = 180;
+	
+	    $timer.show().text('03:00');
+	
+	    const timerId = setInterval(function() {
+	        const min = String(Math.floor(time / 60)).padStart(2, '0');
+	        const sec = String(time % 60).padStart(2, '0');
+	
+	        $timer.text(min + ':' + sec);
+	
+	        time--;
+	
+	        if (time < 0) {
+	            clearInterval(timerId);
+	            $timer.removeData('timer');
+	            $timer.hide();
+	
+	            $desc.html('입력 시간이 지났습니다. 새로운 인증번호를 받아주세요. (남은 재발송 <b class="fwBold">3</b>회)');
+	            $btn.removeClass('disabled');
+	        }
+	    }, 1000);
+	
+	    $timer.data('timer', timerId);
+	
+	    // 인증요청 중에는 버튼 비활성화
+	    $btn.addClass('disabled');
+	}
   </script>
 
 </head>
 
 <body>
   <div class="mask"></div>
+  
+  <!-- 인증 휴대폰번호 추가 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com auth_manage_popup auth_add_number_popup" tabindex="0" data-tooltip-con="auth_add_number_popup" data-focus="auth_add_number_popup" data-focus-prev="auth_add_number_popup-close" style="width:550px;">
+			<div class="popup_heading">
+				<p>인증 휴대폰번호 추가</p>
+				<button type="button" class="tooltip-close" data-focus="auth_add_number_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in" style="padding:20px 30px 30px 30px;">
+			
+				<ul class="stage_area">
+					<li class="stage active"><p><strong>1</strong>본인확인</p></li>
+					<li class="stage"><p><strong>2</strong>번호 선택·인증</p></li>
+				</ul>
+				
+				<div class="stage_content stage01">
+					<div class="gray_box fill">
+						인증 휴대폰번호를 추가하려면 기존 등록된 휴대폰 번호로 본인 확인을 해야합니다.
+					</div>
+				
+					
+					<table class="layer_tType1">
+						<caption>본인인증(step1) 표</caption>
+						<colgroup>
+							<col style="width: 95px;">
+							<col style="width: auto;">
+						</colgroup>
+						<tbody>
+							<tr>
+								<th>본인확인</th>
+								<td>
+									<div class="form_row">
+										<select name="" id="" class="select_number">
+											<option value="">010-0000-0000(기본)</option>
+										</select>
+										<button type="button" class="btnType btnType6 btn_auth_send">인증요청</button>
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<th>인증번호</th>
+								<td>
+									<div class="form_row">
+										<input type="text" placeholder="인증번호 6자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 6자리 입력'" class="inputLight">
+										<div class="timer">03:00</div>
+									</div>
+								</td>
+							</tr>
+						</tbody>
+					</table>
+					<div class="desc_text">인증번호를 받지 못했다면 인증요청을 다시 눌러주세요. (남은 재발송 <b class="fwBold">3</b>회)</div>
+					<div class="popup_btn_wrap2">
+						<button type="button" class="btnType btnType2 btn_next">다음</button>
+						<button type="button" class="tooltip-close" data-focus="auth_add_number_popup-close" data-focus-next="auth_add_number_popup">닫기</button>
+					</div>
+				</div>
+				
+				<div class="stage_content stage02">
+					<div class="gray_box fill">
+						승인 완료된 발신번호 중 휴대폰번호만 선택할 수 있습니다.
+					</div>
+				
+					
+					<table class="layer_tType1">
+						<caption>본인인증(step1) 표</caption>
+						<colgroup>
+							<col style="width: 95px">
+							<col style="width: auto">
+						</colgroup>
+						<tbody>
+							<tr>
+								<th>휴대폰번호</th>
+								<td>
+									<div class="form_row">
+										<select name="" id="" class="select_number">
+											<option value="">010-0000-0000(기본)</option>
+										</select>
+										<button type="button" class="btnType btnType6 btn_auth_send">인증요청</button>
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<th>인증번호</th>
+								<td>
+									<div class="form_row">
+										<input type="text" placeholder="인증번호 6자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 6자리 입력'" class="inputLight">
+										<div class="timer">03:00</div>
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<th>별칭</th>
+								<td>
+									<div class="form_row">
+										<input type="text" placeholder="예: 업무용(선택)" onfocus="this.placeholder=''" onblur="this.placeholder='예: 업무용(선택)'" class="inputLight">
+									</div>
+								</td>
+							</tr>
+						</tbody>
+					</table>
+					<div class="desc_text">유선번호·대표번호는 등록할 수 없습니다.</div>
+					<div class="popup_btn_wrap2">
+						<button type="button" class="btnType btnType2 tooltip-close" data-focus="auth_add_number_popup-close" data-focus-next="auth_add_number_popup">등록</button>
+						<button type="button" class="tooltip-close" data-focus="auth_add_number_popup-close" data-focus-next="auth_add_number_popup">취소</button>
+					</div>
+				</div>
+				
+			</div>
+		</div>
+	</div>
+	<!-- //인증 휴대폰번호 추가 -->
+	
+	<!-- 인증 휴대폰번호 삭제 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com auth_manage_popup auth_del_number_popup" tabindex="0" data-tooltip-con="auth_del_number_popup" data-focus="auth_del_number_popup" data-focus-prev="auth_del_number_popup-close" style="width:550px;">
+			<div class="popup_heading">
+				<p>인증 휴대폰번호 삭제</p>
+				<button type="button" class="tooltip-close" data-focus="auth_del_number_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in" style="padding:20px 30px 30px 30px;">
+			
+				
+					<div class="gray_box fill">
+						010-1234-5678 을 인증수단에서 삭제합니다. 삭제 후에는 이 번호로 인증번호를 받을 수 없습니다.
+					</div>
+				
+					
+					<table class="layer_tType1">
+						<caption>본인인증(step1) 표</caption>
+						<colgroup>
+							<col style="width: 95px">
+							<col style="width: auto">
+						</colgroup>
+						<tbody>
+							<tr>
+								<th>본인확인</th>
+								<td>
+									<div class="form_row">
+										<select name="" id="" class="select_number">
+											<option value="">010-0000-0000(기본)</option>
+										</select>
+										<button type="button" class="btnType btnType6 btn_auth_send">인증요청</button>
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<th>인증번호</th>
+								<td>
+									<div class="form_row">
+										<input type="text" placeholder="인증번호 6자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 6자리 입력'" class="inputLight">
+										<div class="timer">03:00</div>
+									</div>
+								</td>
+							</tr>
+						</tbody>
+					</table>
+					<div class="desc_text">인증번호를 받지 못했다면 인증요청을 다시 눌러주세요. (남은 재발송 <b class="fwBold">3</b>회)</div>
+					<div class="popup_btn_wrap2">
+						<button type="button" class="btnType btnType2 tooltip-close" data-focus="auth_del_number_popup-close" >삭제</button>
+						<button type="button" class="tooltip-close" data-focus="auth_del_number_popup-close" data-focus-next="auth_del_number_popup">닫기</button>
+					</div>
+				
+			</div>
+		</div>
+	</div>
+	<!-- //인증 휴대폰번호 삭제 -->
+  
   <div data-include-path="/publish/layout/_header.html"></div>
   <!-- login 영역 -->
   <!-- content 영역 -->
@@ -81,197 +306,126 @@
             <div class="security_login">
 
               <ul class="explanation_wrap box info">
-                <li>· 사이트 부정로그인으로 인한 피해를 방지할 수 있는 2차 로그인 인증 서비스입니다. </li>
-                <li>· 인증 휴대폰번호 추가 등록 또는 IP 접속 허용을 통해 편리한 사용이 가능합니다.</li>
-                <li>· 보안로그인 기능을 사용할 경우 로그인 시 등록한 휴대폰번호로 추가 인증이 진행됩니다.</li>
+                <li>· 사이트 부정로그인으로 인한 피해를 방지할 수 있는 2차 로그인 인증 서비스입니다.</li>
+                <li>· 인증 휴대폰번호는 가입 휴대폰번호와 발신번호 등록이 완료된 휴대폰번호 중에서 추가할 수 있습니다.</li>
+                <li>· 인증 휴대폰번호 추가·삭제 시에는 이미 등록된 번호로 본인 확인을 거쳐야 합니다.</li>
               </ul>
-
-              <div class="security_set box">
-                <div class="title_wrap">
-                  <p class="dashboard_title">보안로그인</p>
-                  <div class="title_box ip_add_wrap">
-                    <span>현재 접속중인 IP : <b>119.193.215.98 </b></span>
-                    <input type="hidden" id="cennectIp" value="119.193.215.98">
-
-                    <button type="button" class="btnType btnType6 btn_allow_ip_add">허용 IP 등록</button>
-
-                  </div>
-                </div>
-
-                <div class="set_area">
-                  <input type="hidden" id="secuLoginFlag" value="">
-                  <div class="tab_depth1 security_tab on">
-                    <a href="#none" id="secuOnBtn" class="on">ON</a>
-                    <a href="#none" id="secuOffBtn">OFF</a>
-                  </div>
-                </div>
-              </div>
 
               <!-- 인증 휴대폰번호 관리 -->
               <div class="title_area">
-                <p class="dashboard_title">인증 휴대폰번호 관리</p>
-                <p class="qmMark">?</p>
-                <div class="hover_cont" style="width:330px;left:240px;top:25px;">
-                  <p>인증에 사용할 휴대폰번호를 추가로 등록하여 관리할 수 있습니다. <br>
-                    (등록 시 휴대폰 인증 필요)</p>
-                </div>
-                <button type="button" id="phonePlus" class="btn_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+                <p class="dashboard_title">인증 휴대폰번호 관리 <span class="small_text">최대 <b>3</b>개까지 등록할 수 있습니다.</span></p>
+                
+                <!-- 기업회원일 경우 -->
+                <!-- <p class="dashboard_title">인증 휴대폰번호 관리 <span class="small_text">최대 <b>4</b>개까지 등록할 수 있습니다.</span></p> -->
+                
+                <button type="button" id="phonePlus" class="btn_plus" data-tooltip="auth_add_number_popup"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
                 <input type="hidden" data-tooltip="popup05" id="phonePlusPopupOpen">
               </div>
 
               <div class="table_wrap" id="phoneTable">
                 <table>
                   <colgroup>
-                    <col style="width: 140px;">
                     <col style="width: auto;">
+                    <col style="width: 10%;">
                     <col style="width: auto;">
-                    <col style="width: 160px;">
-                    <col style="width: 140px;">
+                    <col style="width: 15%;">
+                    <col style="width: 15%;">
                   </colgroup>
                   <thead>
                     <tr>
                       <th scope="col">휴대폰번호</th>
+                      <th scope="col">구분</th>
                       <th scope="col">별칭</th>
-                      <th scope="col">메모</th>
                       <th scope="col">등록일시</th>
                       <th scope="col">관리</th>
                     </tr>
                   </thead>
                   <tbody>
                     <tr>
-                      <td>01057058729</td>
+                      <td>010-0000-0000</td>
+                      <td>기본</td>
                       <td>대표번호</td>
-                      <td>-</td>
-                      <td>-</td>
-                      <td>-</td>
+                      <td>2026-07-07&ensp;17:06:48</td>
+                      <td><b class="c_666 fwMd">가입 휴대폰 번호</b></td>
+                    </tr>
+                    <tr>
+                      <td>010-0000-0000</td>
+                      <td>추가</td>
+                      <td class="alias"><span class="alias_text">업무용</span></td>
+                      <td>2026-07-07&ensp;17:06:48</td>
+                      <td>
+                      	<div class="btn_area center">
+                      		<button type="button" class="btn btn_blue border btn_28 btn_edit btn_text">수정</button>
+                      		<button type="button" class="btn btn_lightgray fill btn_28 btn_text" data-tooltip="auth_del_number_popup">삭제</button>
+                      	</div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>010-0000-0000</td>
+                      <td>기본</td>
+                      <td class="alias"><span class="alias_text">별칭</span></td>
+                      <td>2026-07-07&ensp;17:06:48</td>
+                      <td>
+                      	<div class="btn_area center">
+                      		<button type="button" class="btn btn_blue border btn_28 btn_edit btn_text">수정</button>
+                      		<button type="button" class="btn btn_lightgray fill btn_28 btn_text" data-tooltip="auth_del_number_popup">삭제</button>
+                      	</div>
+                      </td>
                     </tr>
                   </tbody>
                 </table>
               </div>
+              <p class="desc_text">기본 번호(가입 휴대폰번호)는 회원정보 변경 메뉴에서 본인인증 후 변경할 수 있습니다.</p>
               <!-- //인증 휴대폰번호 관리 -->
-
-              <!-- 접속 IP관리 -->
+              
+              <!-- 인증수단 변경 이력 -->
               <div class="title_area">
-                <p class="dashboard_title">접속 IP 관리</p>
-                <p class="qmMark">?</p>
-                <div class="hover_cont" style="width:380px;left:160px;top:25px;">
-                  <p>접속 IP를 미리 등록할 경우 2차 로그인 인증 없이 접속이 가능합니다. <br>
-                    <span>(공용 PC는 보안상의 이유로 등록을 권장하지 않습니다.)</span></p>
-                </div>
-                <button type="button" class="btn_plus btn_ip_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+                <p class="dashboard_title">인증수단 변경 이력 <span class="small_text">등록 ·변경·삭제 이력은 <b>최대 1년</b>간 보관됩니다.</span></p>
               </div>
 
-              <div class="table_wrap" id="ipTable">
+              <div class="table_wrap" id="phoneTable">
                 <table>
                   <colgroup>
-                    <col style="width: 26%;">
                     <col style="width: auto;">
-                    <col style="width: 26%;">
-                    <col style="width: 100px;">
+                    <col style="width: 10%;">
+                    <col style="width: auto;">
+                    <col style="width: 15%;">
+                    <col style="width: 15%;">
                   </colgroup>
                   <thead>
                     <tr>
-                      <th scope="col">허용IP</th>
-                      <th scope="col">메모</th>
-                      <th scope="col">등록일시</th>
-                      <th scope="col">관리</th>
+                      <th scope="col">처리일시</th>
+                      <th scope="col">처리유형</th>
+                      <th scope="col">휴대폰번호</th>
+                      <th scope="col">본인확인</th>
+                      <th scope="col">처리 IP</th>
                     </tr>
                   </thead>
                   <tbody>
                     <tr>
-                      <td colspan="4" class="empty-row">등록된 IP 주소가 없습니다.</td>
+                      <td>2026-07-07 &ensp;17:06:48</td>
+                      <td>등록</td>
+                      <td>010-0000-0000</td>
+                      <td>문자인증</td>
+                      <td>119.193.215.98</td>
+                    </tr>
+                    <tr>
+                      <td>2026-07-07 &ensp;17:06:48</td>
+                      <td>변경</td>
+                      <td>010-0000-0000</td>
+                      <td>본인인증</td>
+                      <td>119.193.215.98</td>
+                    </tr>
+                    <tr>
+                      <td>2026-07-07 &ensp;17:06:48</td>
+                      <td>삭제</td>
+                      <td>010-0000-0000</td>
+                      <td>정보변경</td>
+                      <td>119.193.215.98</td>
                     </tr>
                   </tbody>
                 </table>
               </div>
-              <!-- //접속 IP관리 -->
-
-
-              <!-- 로그인 내역 -->
-              <div class="title_area">
-                <p class="dashboard_title">로그인 내역 <span class="small_text">로그인 내역은 최대 3개월까지만 보관됩니다.</span></p>
-              </div>
-
-              <div class="table_wrap">
-                <table>
-                  <colgroup>
-                    <col style="width:calc(100% /3);">
-                    <col style="width:calc(100% /3);">
-                    <col style="width:calc(100% /3);">
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th scope="col">로그인 일시</th>
-                      <th scope="col">로그인 IP</th>
-                      <th scope="col">로그인 환경</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-
-                    <tr>
-                      <td>2025-04-02 15:59:07</td>
-                      <td>119.193.215.98</td>
-                      <td>PC</td>
-                    </tr>
-
-                    <tr>
-                      <td>2025-04-02 14:00:54</td>
-                      <td>119.193.215.98</td>
-                      <td>PC</td>
-                    </tr>
-
-                    <tr>
-                      <td>2025-04-02 09:43:06</td>
-                      <td>119.193.215.98</td>
-                      <td>PC</td>
-                    </tr>
-
-                    <tr>
-                      <td>2025-04-01 14:25:58</td>
-                      <td>119.193.215.98</td>
-                      <td>PC</td>
-                    </tr>
-
-                    <tr>
-                      <td>2025-04-01 12:36:03</td>
-                      <td>119.193.215.98</td>
-                      <td>PC</td>
-                    </tr>
-
-                    <tr>
-                      <td>2025-03-31 17:15:37</td>
-                      <td>119.193.215.98</td>
-                      <td>PC</td>
-                    </tr>
-
-                    <tr>
-                      <td>2025-03-31 16:51:08</td>
-                      <td>119.193.215.98</td>
-                      <td>PC</td>
-                    </tr>
-
-                    <tr>
-                      <td>2025-03-31 16:50:59</td>
-                      <td>119.193.215.98</td>
-                      <td>PC</td>
-                    </tr>
-
-                    <tr>
-                      <td>2025-03-31 15:06:58</td>
-                      <td>119.193.215.98</td>
-                      <td>PC</td>
-                    </tr>
-
-                    <tr>
-                      <td>2025-03-31 14:35:07</td>
-                      <td>119.193.215.98</td>
-                      <td>PC</td>
-                    </tr>
-
-                  </tbody>
-                </table>
-              </div>
-              <!-- //로그인 내역 -->
               <!-- pagination -->
               <ul class="pagination">
                 <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
@@ -289,6 +443,128 @@
                 <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
                 <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
               </ul>
+              <!-- //pagination -->
+              <!-- //인증수단 변경 이력 -->
+
+              <!-- 로그인 내역 -->
+              <div class="title_area">
+                <p class="dashboard_title">로그인 내역 <span class="small_text">로그인 내역은 최대 3개월까지만 보관됩니다.</span></p>
+              </div>
+
+              <div class="table_wrap">
+                <table>
+                  <colgroup>
+                  	<col style="width:auto;"/>
+                  	<col style="width:auto;"/>
+                  	<col style="width:10%;"/>
+                  	<col style="width:18%;"/>
+                  	<col style="width:18%;"/>
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th scope="col">로그인 일시</th>
+                      <th scope="col">로그인 IP</th>
+                      <th scope="col">환경</th>
+                      <th scope="col">휴대폰번호</th>
+                      <th scope="col">인증결과</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+
+                    <tr>
+                      <td>2025-04-02&ensp;15:59:07</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                      <td>010-1234-5678</td>
+                      <td>성공</td>
+                    </tr>
+                    <tr>
+                      <td>2025-04-02&ensp;15:59:07</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                      <td>010-1234-5678</td>
+                      <td><b class="fwMd c_e40000">실패(인증번호 불일치)</b></td>
+                    </tr>
+                    <tr>
+                      <td>2025-04-02&ensp;15:59:07</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                      <td>010-1234-5678</td>
+                      <td>성공</td>
+                    </tr>
+                    <tr>
+                      <td>2025-04-02&ensp;15:59:07</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                      <td>010-1234-5678</td>
+                      <td>성공</td>
+                    </tr>
+                    <tr>
+                      <td>2025-04-02&ensp;15:59:07</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                      <td>010-1234-5678</td>
+                      <td>성공</td>
+                    </tr>
+                    <tr>
+                      <td>2025-04-02&ensp;15:59:07</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                      <td>010-1234-5678</td>
+                      <td><b class="fwMd c_e40000">실패(인증번호 불일치)</b></td>
+                    </tr>
+                    <tr>
+                      <td>2025-04-02&ensp;15:59:07</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                      <td>010-1234-5678</td>
+                      <td>성공</td>
+                    </tr>
+                    <tr>
+                      <td>2025-04-02&ensp;15:59:07</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                      <td>010-1234-5678</td>
+                      <td>성공</td>
+                    </tr>
+                    <tr>
+                      <td>2025-04-02&ensp;15:59:07</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                      <td>010-1234-5678</td>
+                      <td>성공</td>
+                    </tr>
+                    <tr>
+                      <td>2025-04-02&ensp;15:59:07</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                      <td>010-1234-5678</td>
+                      <td>성공</td>
+                    </tr>
+
+                  </tbody>
+                </table>
+              </div>
+              <!-- //로그인 내역 -->
+              
+              <!-- pagination -->
+              <ul class="pagination">
+                <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
+                <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
+                <li class="on"><button>1</button></li>
+                <li><button>2</button></li>
+                <li><button>3</button></li>
+                <li><button>4</button></li>
+                <li><button>5</button></li>
+                <li><button>6</button></li>
+                <li><button>7</button></li>
+                <li><button>8</button></li>
+                <li><button>9</button></li>
+                <li><button>10</button></li>
+                <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+                <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
+              </ul>
+              <!-- //pagination -->
 
 
             </div>
src/main/webapp/publish/security_login.html
--- src/main/webapp/publish/security_login.html
+++ src/main/webapp/publish/security_login.html
@@ -26,41 +26,96 @@
 
     <script>
         $(function () {
-            timer();
+            $(".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");
+            	}
+            })
         })
-        //인증번호 타이머
-        function timer() {
-            var time = 180; //기준시간 작성
-            var min = ""; //분
-            var sec = ""; //초
-            //setInterval(함수, 시간) : 주기적인 실행
-            var x = setInterval(function () {
-                //parseInt() : 정수를 반환
-                min = parseInt(time / 60);
-                sec = time % 60; //나머지를 계산
+        
+        var timerInterval = null;
 
-                document.getElementById("timer").innerHTML = min + "분" + sec + "초";
-                time--;
-
-                //타임아웃 시
-                if (time < 0) {
-                    clearInterval(x); //setInterval() 실행을 끝냄
-                    document.getElementById("timer").innerHTML = "시간초과";
-                }
-
-            }, 1000);
-
-            if (time != 180) {
-                time = 180;
-                clearInterval(x);
-            }
-        }
+		// 인증번호 타이머
+		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 />&ensp;&ensp; 변경됩니다.
+				</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>
@@ -70,8 +125,24 @@
     <!-- header 영역 -->
     <div data-include-path="/publish/layout/_header.html"></div>
     <!--// header 영역 -->
-    <!-- login 영역 -->
-    <!-- content 영역 -->
+    
+    <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 -->
@@ -83,26 +154,32 @@
                     </div>
                     <div class="mem_cont_in widthS login_wrap security_login">
                         <div class="input_list">
-                            <p class="welcome"><span>안전한 서비스 이용</span>을 위해 <span class="c_222 fwBold">가입자 인증</span>이 필요합니다.</p>
+                        	<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" style="width:70%;">
-                                        <option value="01057058729">01057058729(대표번호)</option>
+                                    <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" onclick="sendMsgYn();">인증번호 받기</button>
+                                    <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="text" id="num_text2" class="list_inputType1" placeholder="인증번호를 입력해주세요" maxlength="6" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호를 입력해주세요'" onkeypress="if(event.keyCode==13) {return false;}">
+                                    <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">3분00초</div>
+                                    <div id="timer" class="timer">03:00</div>
                                 </div>
                                 <div class="login_del">
                                     <!-- <i class="password_protect"></i> -->
@@ -112,14 +189,14 @@
                                 </div>
                             </div>
                             <div class="mem_bottom">
-                                <p class="cf_text">휴대폰번호로 전송된 인증번호를 입력해주세요 </p>
-                                <button type="button" class="red_box">휴대폰번호가 변경된 경우</button>
+                                <p class="cf_text" style="display:none;">휴대폰번호로 전송된 인증번호를 입력해주세요 </p>
                             </div>
                             
                             <div class="mem_btnWrap2">
-                                <button type="button" class="mem_btn5">로그인</button>
-                                <button type="button" class="mem_btn2">취소</button>
+                                <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>
                     <!--// 비밀번호 확인 -->
src/main/webapp/publish/sub1.html
--- src/main/webapp/publish/sub1.html
+++ src/main/webapp/publish/sub1.html
@@ -32,38 +32,232 @@
 	<script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script>
 
 	<script>
-		$(function () {
+	$(function(){
+	    var authTimer = null;
 
-			// 라디오 예약버튼 클릭시 예약 설정 창 노출
-			$("[name='reserYn']").click(function () {
-				if ($(this).val() == "Y") {
-					$(".rev_selected").show();
-					$(".send_rev .send_content").css("padding-bottom", "0");
-				} else {
-					$(".rev_selected").hide();
-					$(".send_rev .send_content").removeAttr("style");
-				}
+	    $(".auth_number_send").click(function(){
 
-			})
-		})
+	        if ($(this).hasClass("disabled")) {
+	            return;
+	        }
 
-		// 상단 설명 더보기 
-		function popMore(e) {
-			$(e).closest(".pop_more_cont").toggleClass("pop_more_click");
+	        alert('인증번호가 발송 되었습니다.');
 
-			if ($(e).closest(".pop_more_cont").is(".pop_more_click")) {
-				$(e).html('숨기기');
-				$(e).append('<i></i>');
-			} else {
-				$(e).html('더보기');
-				$(e).append('<i></i>');
-			}
-		}
+	        const $sendBtn = $(this);
+	        const $popup = $sendBtn.closest('.popup-com');
+	        const $descElement = $popup.find('.desc_text');
+
+	        $sendBtn.addClass("disabled");
+	        setTimeout(function(){
+	            $sendBtn.removeClass("disabled").text("재전송");
+	        }, 30000);
+
+	        var guideText = '';
+
+	        if ($popup.hasClass('auth_number_email_popup')) {
+	            guideText = '메일이 도착하지 않으면 스팸함 확인 후 재전송을 눌러 주세요.';
+	        } else if ($popup.hasClass('auth_number_popup')) {
+	            guideText = '인증번호가 도착하지 않으면 재전송을 눌러 주세요.';
+	        }
+
+	        if (authTimer) {
+	            clearInterval(authTimer);
+	        }
+
+	        var timeLeft = 180;
+
+	        function startTimer() {
+	            authTimer = setInterval(function() {
+
+	                var minutes = Math.floor(timeLeft / 60);
+	                var seconds = timeLeft % 60;
+
+	                var formattedTime =
+	                    String(minutes).padStart(2, '0') + ':' +
+	                    String(seconds).padStart(2, '0');
+
+	                const timerHtml =
+	                    `<span class="c_e40000 fwBold">${formattedTime}</span> `;
+
+	                $descElement.html(timerHtml + guideText);
+
+	                if (timeLeft <= 0) {
+	                    clearInterval(authTimer);
+
+	                    $descElement.html(
+	                        `<span class="c_e40000 fwBold">시간 초과</span> 인증번호를 다시 요청해 주세요.`
+	                    );
+	                }
+
+	                timeLeft--;
+
+	            }, 1000);
+	        }
+
+	        startTimer();
+	    });
+	});
 	</script>
+
 
 </head>
 
 <body>
+
+	<div class="mask"></div>
+	
+	<!-- 문자 전송 결과(발송보류) -->	
+	<div class="tooltip-wrap">
+		<div class="popup-com pop_msg_fails" data-tooltip-con="pop_msg_fails" data-focus="pop_msg_fails" data-focus-prev="pop_msg_fails-close"  style="width:540px;">
+			<div class="popup_heading">
+				<p>문자 전송 결과</p>
+				<button type="button" class="tooltip-close" data-focus="pop_msg_fails-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in" style="padding:50px 30px;">
+				<div class="msg_text">발송 성공 : <strong>1</strong> 건,수신거부 : <span>0</span>건의<br>문자가 접수 되었습니다.</div>
+				<p class="lightred_box fill" style="margin:30px 0 0 0;">
+					문자 내용에 <span class="fwBold c_e40000">금칙어 또는 링크</span>가 탐지되어 발송이 <span class="fwBold c_e40000">보류</span>되었습니다. <br>
+					<span class="desc_text">검토를 거친 이후, 정상적인 문자는 그대로 발송됩니다.</span>
+				</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>
+	<!-- //문자 전송 결과(발송보류) -->
+	
+	
+	<!-- 발신번호 인증(SMS인증) -->
+	<div class="tooltip-wrap">
+		<div class="popup-com auth_number_popup" tabindex="0" data-tooltip-con="auth_number_popup" data-focus="auth_number_popup" data-focus-prev="auth_number_popup-close" style="width:640px;">
+			<div class="popup_heading">
+				<p><span>발신번호 인증</p>
+				<button type="button" class="tooltip-close" data-focus="auth_number_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in">
+				<p class="title_text">
+					문자 발송을 위해 <span class="c_002c9a fwBold">발신번호 인증</span>이 필요합니다. 
+					<br>발신번호로 전송된 인증번호를 입력해주세요.
+				</p>
+				<table class="layer_tType1">
+					<colgroup>
+						<col style="width:155px;"/>
+						<col style="width:auto;"/>
+					</colgroup>
+					<tbody>
+						<tr>
+							<th>인증대상 발신번호</th>
+							<td><input type="text" class="readonly w100" readonly value="010-1234-5678"/></td>
+						</tr>
+						<tr>
+							<th>인증번호 입력</th>
+							<td>
+								<div class="form_wrap column left">
+									<div class="form_row">
+										<input type="text" class="auth_number_input" placeholder="인증번호 입력"/><button type="button" class="btnType btnType6 auth_number_send">인증번호 전송</button>
+									</div>
+									<span class="desc_text">인증번호 전송을 눌러 발신번호로 인증번호를 받아주세요.</span>
+								</div>
+								
+							</td>
+						</tr>
+					</tbody>
+				</table>
+				
+				<p class="gray_box fill">
+					인증한 발신번호는 로그인 세션이 유지되는 동안 재인증 없이 발송할 수 있습니다.
+					<br>(발신번호 변경 시 변경된 발신번호 추가 인증 필요)
+				</p>
+				
+				<div class="btn_wrap popup center">
+					<button type="button" class="btnType btn fill primary xlarge tooltip-close" data-tooltip="pop_msg_fails">인증</button>
+                    <button type="button" class="btnType btn fill_gray xlarge tooltip-close">취소</button>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--//발신번호 인증(SMS인증) -->
+	
+	<!-- 발신번호 인증(이메일 인증) -->
+	<div class="tooltip-wrap">
+		<div class="popup-com auth_number_popup auth_number_email_popup" tabindex="0" data-tooltip-con="auth_number_email_popup" data-focus="auth_number_email_popup" data-focus-prev="auth_number_email_popup-close" style="width:640px;">
+			<div class="popup_heading">
+				<p><span>발신번호 인증</p>
+				<button type="button" class="tooltip-close" data-focus="auth_number_email_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in">
+				<p class="title_text">
+					문자 발송을 위해 <span class="c_002c9a fwBold">발신번호 인증</span>이 필요합니다. 
+					<br><span class="c_002c9a fwBold">회원가입 담당자 이메일</span>로 전송된 인증번호를 입력해 주세요.
+				</p>
+				<table class="layer_tType1">
+					<colgroup>
+						<col style="width:155px;"/>
+						<col style="width:auto;"/>
+					</colgroup>
+					<tbody>
+						<tr>
+							<th>인증대상 발신번호</th>
+							<td><input type="text" class="readonly w100" readonly value="010-1234-5678"/></td>
+						</tr>
+						<tr>
+							<th>인증번호 수신 이메일</th>
+							<td><input type="text" class="readonly w100" readonly value="it*****@iten.co.kr"/></td>
+						</tr>
+						<tr>
+							<th>인증번호 입력</th>
+							<td>
+								<div class="form_wrap column">
+									<div class="form_row">
+										<input type="text" class="auth_number_input" placeholder="인증번호 입력"/><button type="button" class="btnType btnType6 auth_number_send">인증번호 전송</button>
+									</div>
+									<span class="desc_text">인증번호 전송을 눌러 담당자 이메일로 인증번호를 받아주세요.</span>
+								</div>
+								
+							</td>
+						</tr>
+					</tbody>
+				</table>
+				
+				<p class="gray_box fill">
+					Daum 메일은 정상 인증이 어려울 수 있습니다. 회원정보에서 이메일을 변경하여 시도해 주세요.
+				</p>
+				
+				<div class="btn_wrap popup">
+					<button type="button" class="btnType fill_blue tooltip-close" data-tooltip="pop_msg_fails">인증</button>
+                    <button type="button" class="btnType fill_gray tooltip-close">취소</button>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--//발신번호 인증(SMS인증) -->
+
+
+	<!-- 발신번호 인증 필요 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com auth_number_popup required_auth_popup" tabindex="0" data-tooltip-con="required_auth_popup" data-focus="required_auth_popup" data-focus-prev="required_auth_popup-close" style="width:540px;">
+			<div class="popup_heading">
+				<p><span>발신번호 인증 필요</p>
+				<button type="button" class="tooltip-close" data-focus="required_auth_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in">
+				<p class="title_text">
+					선택하신 발신번호는 <span class="c_002c9a fwBold">아직 인증되지 않았습니다.</span> 
+					<br>문자를 발송하려면 먼저 발신번호 인증이 필요합니다. <br />
+					<span class="desc_text">[인증하기]를 누르면 인증 절차가 진행되고, 인증 완료 후 바로 발송됩니다.</span>
+				</p>
+				
+				<div class="btn_wrap popup">
+					<button type="button" class="btnType fill_blue tooltip-close" data-tooltip="auth_number_popup">인증하기</button>
+                    <button type="button" class="btnType fill_gray tooltip-close">취소</button>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--//발신번호 인증 필요 -->
 
 	<div class="tooltip-wrap" style="z-index:105;">
 		<div class="popup-com adr_layer rev_popup01" tabindex="0" data-tooltip-con="rev_popup01" data-focus="rev_popup01" data-focus-prev="rev_popup01-close" style="width: 440px;">
@@ -1160,24 +1354,40 @@
 										<td class="put_num">
 											<label for="num" class="label"></label>
 											<select id="num" class="sel_number">
-												<option value="">010-1234-5678</option>
+												<option value="">010-1234-5678(무선)</option>
 												<option value="">010-1234-5678</option>
 												<option value="">010-1234-5678</option>
 												<option value="">010-1234-5678</option>
 											</select>
 											<button type="button" class="btnType btnType6">번호추가</button>
+											<div class="badge blue"><i></i>인증완료</div>
 										</td>
 									</tr>
 									<tr>
-										<th scope="row">제목</th>
-										<td>
-											<!-- 단문일 때 -->
-											<label for="text" class="label"></label>
-											<input type="text" size="20" id="text" class="w100" placeholder="" onfocus="this.placeholder=''" disabled>
-											<!-- 장문일 때 -->
-											<!-- <input type="text" size="20" id="text" class="w100" placeholder="제목을 입력해주세요 (최대30byte, 발송관리용)" onfocus="this.placeholder=''" onblur="this.placeholder='제목을 입력해주세요 (최대30byte, 발송관리용)'"> -->
+										<th scope="row">발신번호</th>
+										<td class="put_num">
+											<label for="num" class="label"></label>
+											<select id="num" class="sel_number">
+												<option value="">010-1234-5678(무선)</option>
+												<option value="">010-1234-5678</option>
+												<option value="">010-1234-5678</option>
+												<option value="">010-1234-5678</option>
+											</select>
+											<button type="button" class="btnType btnType6">번호추가</button>
+											<div class="badge yellow" data-tooltip="auth_number_popup"><i></i>인증확인</div>
+											<div class="badge yellow" data-tooltip="auth_number_email_popup"><i></i>인증확인(이메일)</div>
 										</td>
 									</tr>
+									<!-- <tr>
+										<th scope="row">제목</th>
+										<td>
+											단문일 때
+											<label for="text" class="label"></label>
+											<input type="text" size="20" id="text" class="w100" placeholder="" onfocus="this.placeholder=''" disabled>
+											장문일 때
+											<input type="text" size="20" id="text" class="w100" placeholder="제목을 입력해주세요 (최대30byte, 발송관리용)" onfocus="this.placeholder=''" onblur="this.placeholder='제목을 입력해주세요 (최대30byte, 발송관리용)'">
+										</td>
+									</tr> -->
 									<!-- 단문 -->
 									<tr>
 										<th scope="row" class="vTop">내용</th>
@@ -1795,7 +2005,7 @@
 											</ul>
 										</div>
 										<div class="send_btn">
-											<button type="button" class="btnType btnType11" onclick="javascript:fn_sendMsgData(); return false;">발송하기</button>
+											<button type="button" class="btnType btnType11" data-tooltip="required_auth_popup">발송하기</button>
 											<button type="button" class="btnType btnType10" onclick="window.open('/publish/testKakaoSendPop.html','','width=770,height=830')">테스트발송</button>
 										</div>
 									</div>
Add a comment
List