+++ src/main/webapp/publish/api_send_history.html
... | ... | @@ -0,0 +1,314 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <meta charset="UTF-8"> | |
| 6 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 7 | + <title>문자온 > API연동 > 발송내역관리</title> | |
| 8 | + | |
| 9 | + <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet"> | |
| 10 | + <link rel="stylesheet" href="/publish/css/reset.css"> | |
| 11 | + <link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css"> | |
| 12 | + <link rel="stylesheet" href="/publish/css/common.css"> | |
| 13 | + <link rel="stylesheet" href="/publish/css/style.css"> | |
| 14 | + <link rel="stylesheet" href="/publish/css/button.css"> | |
| 15 | + <link rel="stylesheet" href="/publish/css/content.css"> | |
| 16 | + <link rel="stylesheet" href="/publish/css/font.css"> | |
| 17 | + <link rel="stylesheet" href="/publish/css/popupLayer.css"> | |
| 18 | + | |
| 19 | + <script src="/publish/js/jquery-3.5.0.js"></script> | |
| 20 | + <script src="/publish/js/common.js"></script> | |
| 21 | + <script src="/publish/js/content.js"></script> | |
| 22 | + <script src="/publish/js/popupLayer.js"></script> | |
| 23 | + | |
| 24 | + <script> | |
| 25 | + $(function(){ | |
| 26 | + tableAllChk(); | |
| 27 | + }) | |
| 28 | + </script> | |
| 29 | + | |
| 30 | +</head> | |
| 31 | + | |
| 32 | +<body> | |
| 33 | + <div class="skip_menu"> | |
| 34 | + <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a> | |
| 35 | + </div> | |
| 36 | + <!--// skip 메뉴 --> | |
| 37 | + | |
| 38 | + <!-- 발송내역 승인 --> | |
| 39 | + <div class="tooltip-wrap"> | |
| 40 | + <div class="popup-com approve_popup" data-tooltip-con="approve_popup" data-focus="approve_popup" data-focus-prev="approve_popup-close" style="width:420px;"> | |
| 41 | + <div class="popup_heading"> | |
| 42 | + <p>발송내역 승인</p> | |
| 43 | + <button type="button" class="tooltip-close" data-focus="approve_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> | |
| 44 | + </div> | |
| 45 | + <div class="layer_in" style="padding:40px 30px;"> | |
| 46 | + <p class="title_text">체크한 <b class="fwBold c_002c9a">3</b>건을 일괄 승인하시겠습니까?</p> | |
| 47 | + <div class="popup_btn" style="margin:30px 0 0 0;gap:8px;"> | |
| 48 | + <button type="button" class="btnType btnType2 tooltip-close">승인</button> | |
| 49 | + <button type="button" class="btnType fill_gray tooltip-close">취소</button> | |
| 50 | + </div> | |
| 51 | + </div> | |
| 52 | + | |
| 53 | + </div> | |
| 54 | + </div> | |
| 55 | + <!-- //발송내역 승인 --> | |
| 56 | + | |
| 57 | + <div data-include-path="/publish/layout/_header.html"></div> | |
| 58 | + | |
| 59 | + <!-- content 영역 --> | |
| 60 | + <div id="container" class="cont sub"> | |
| 61 | + <div class="inner"> | |
| 62 | + <!-- send top --> | |
| 63 | + <div class="send_top"> | |
| 64 | + <!-- tab button --> | |
| 65 | + <ul class="tabType4"> | |
| 66 | + <li class="tab"><button type="button" onclick="location.href='/publish/api_intro.html'">연동 안내</button></li> | |
| 67 | + <li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">개발 가이드</button></li> | |
| 68 | + <li class="tab"><button type="button" onclick="location.href='/publish/api_download.html'">예제 다운로드</button></li> | |
| 69 | + <li class="tab"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li> | |
| 70 | + <li class="tab active"><button type="button" onclick="location.href='/publish/api_send_history.html'">발송내역관리</button></li> | |
| 71 | + </ul> | |
| 72 | + <!--// tab button --> | |
| 73 | + | |
| 74 | + <div class="api_guide_cont api_send_cont current"> | |
| 75 | + <div class="heading"> | |
| 76 | + <h2>발송내역관리</h2> | |
| 77 | + </div> | |
| 78 | + | |
| 79 | + <ul class="info"> | |
| 80 | + <li>- API를 통해 발송된 내역을 확인하고 사후 승인할 수 있습니다.</li> | |
| 81 | + <li>- 미승인 건은 여러 건을 선택하여 일괄 승인할 수 있습니다.</li> | |
| 82 | + <li>- 미승인 건은 로그인 시 반복 안내됩니다.</li> | |
| 83 | + </ul> | |
| 84 | + | |
| 85 | + <div class="list_tab_wrap2 type2"> | |
| 86 | + <!-- tab button --> | |
| 87 | + <ul class="list_tab"> | |
| 88 | + <li class="tab active"><button type="button" onclick="listTab3(this,'1');">전체</button></li> | |
| 89 | + <li class="tab"><button type="button" onclick="listTab3(this,'2');">문자</button></li> | |
| 90 | + <li class="tab"><button type="button" onclick="listTab3(this,'3');">알림톡</button></li> | |
| 91 | + </ul> | |
| 92 | + <!--// tab button --> | |
| 93 | + </div> | |
| 94 | + | |
| 95 | + <div class="table_tab_wrap"> | |
| 96 | + <!-- tab button --> | |
| 97 | + <ul> | |
| 98 | + <li class="tab active"><button type="button" onclick="listTab3(this,'1');">전체</button></li> | |
| 99 | + <li class="tab"><button type="button" onclick="listTab3(this,'2');">미승인</button></li> | |
| 100 | + <li class="tab"><button type="button" onclick="listTab3(this,'3');">승인완료</button></li> | |
| 101 | + </ul> | |
| 102 | + <!--// tab button --> | |
| 103 | + </div> | |
| 104 | + | |
| 105 | + <div class="table_cont current" id="listTab3_1"> | |
| 106 | + <div class="list_info"> | |
| 107 | + <p>총 <span class="c_e40000">171</span>건</p> | |
| 108 | + <div> | |
| 109 | + <select id="" class="selType2"> | |
| 110 | + <option>10개보기</option> | |
| 111 | + <option>20개보기</option> | |
| 112 | + <option>30개보기</option> | |
| 113 | + <option>100개보기</option> | |
| 114 | + </select> | |
| 115 | + </div> | |
| 116 | + </div> | |
| 117 | + | |
| 118 | + <div class="tb_wrap"> | |
| 119 | + <table class="tType4"> | |
| 120 | + <colgroup> | |
| 121 | + <col style="widht:40px;"/> | |
| 122 | + <col style="width:15%;"/> | |
| 123 | + <col style="width:8%;"/> | |
| 124 | + <col style="width:42%;"/> | |
| 125 | + <col style="width:8%;"/> | |
| 126 | + <col style="width:8%;"/> | |
| 127 | + <col style="width:15%;"/> | |
| 128 | + </colgroup> | |
| 129 | + | |
| 130 | + <thead> | |
| 131 | + <tr> | |
| 132 | + <th> | |
| 133 | + <label for="" class="label">전체 선택</label> | |
| 134 | + <input type="checkbox"> | |
| 135 | + </th> | |
| 136 | + <th>발송일시</th> | |
| 137 | + <th>발송구분</th> | |
| 138 | + <th>내용</th> | |
| 139 | + <th>발송건수</th> | |
| 140 | + <th>승인상태</th> | |
| 141 | + <th>관리</th> | |
| 142 | + </tr> | |
| 143 | + </thead> | |
| 144 | + | |
| 145 | + <tbody> | |
| 146 | + <tr> | |
| 147 | + <td> | |
| 148 | + <label for="" class="label">선택</label> | |
| 149 | + <input type="checkbox"> | |
| 150 | + </td> | |
| 151 | + <td>2026-07-16 20:59:42</td> | |
| 152 | + <td>문자</td> | |
| 153 | + <td><p class="tLeft">[주문완료] 고객님의 주문이 정상 접수되었습니다. 주문번호 20260716-0451 배송 준비가 시작되면 다시 안내드리겠습니다.</p></td> | |
| 154 | + <td>1</td> | |
| 155 | + <td class="c_e40000 fwMd">미승인</td> | |
| 156 | + <td><button type="button" class="btnType btnType5">승인</button></td> | |
| 157 | + </tr> | |
| 158 | + <tr> | |
| 159 | + <td> | |
| 160 | + <label for="" class="label">선택</label> | |
| 161 | + <input type="checkbox"> | |
| 162 | + </td> | |
| 163 | + <td>2026-07-16 20:59:42</td> | |
| 164 | + <td>알림톡</td> | |
| 165 | + <td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td> | |
| 166 | + <td>1</td> | |
| 167 | + <td class="c_e40000 fwMd">미승인</td> | |
| 168 | + <td><button type="button" class="btnType btnType5">승인</button></td> | |
| 169 | + </tr> | |
| 170 | + <tr> | |
| 171 | + <td> | |
| 172 | + <label for="" class="label">선택</label> | |
| 173 | + <input type="checkbox"> | |
| 174 | + </td> | |
| 175 | + <td>2026-07-16 20:59:42</td> | |
| 176 | + <td>알림톡</td> | |
| 177 | + <td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td> | |
| 178 | + <td>1</td> | |
| 179 | + <td class="c_e40000 fwMd">미승인</td> | |
| 180 | + <td><button type="button" class="btnType btnType5">승인</button></td> | |
| 181 | + </tr> | |
| 182 | + <tr> | |
| 183 | + <td> | |
| 184 | + <label for="" class="label">선택</label> | |
| 185 | + <input type="checkbox" disabled> | |
| 186 | + </td> | |
| 187 | + <td>2026-07-16 20:59:42</td> | |
| 188 | + <td>알림톡</td> | |
| 189 | + <td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td> | |
| 190 | + <td>1</td> | |
| 191 | + <td class="c_002c9a fwMd">승인완료</td> | |
| 192 | + <td class="fwMd">2026-07-15 15:12</td> | |
| 193 | + </tr> | |
| 194 | + <tr> | |
| 195 | + <td> | |
| 196 | + <label for="" class="label">선택</label> | |
| 197 | + <input type="checkbox" disabled> | |
| 198 | + </td> | |
| 199 | + <td>2026-07-16 20:59:42</td> | |
| 200 | + <td>문자</td> | |
| 201 | + <td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td> | |
| 202 | + <td>1</td> | |
| 203 | + <td class="c_002c9a fwMd">승인완료</td> | |
| 204 | + <td class="fwMd">2026-07-15 15:12</td> | |
| 205 | + </tr> | |
| 206 | + <tr> | |
| 207 | + <td> | |
| 208 | + <label for="" class="label">선택</label> | |
| 209 | + <input type="checkbox" disabled> | |
| 210 | + </td> | |
| 211 | + <td>2026-07-16 20:59:42</td> | |
| 212 | + <td>문자</td> | |
| 213 | + <td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td> | |
| 214 | + <td>1</td> | |
| 215 | + <td class="c_002c9a fwMd">승인완료</td> | |
| 216 | + <td class="fwMd">2026-07-15 15:12</td> | |
| 217 | + </tr> | |
| 218 | + <tr> | |
| 219 | + <td> | |
| 220 | + <label for="" class="label">선택</label> | |
| 221 | + <input type="checkbox" disabled> | |
| 222 | + </td> | |
| 223 | + <td>2026-07-16 20:59:42</td> | |
| 224 | + <td>문자</td> | |
| 225 | + <td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td> | |
| 226 | + <td>1</td> | |
| 227 | + <td class="c_002c9a fwMd">승인완료</td> | |
| 228 | + <td class="fwMd">2026-07-15 15:12</td> | |
| 229 | + </tr> | |
| 230 | + <tr> | |
| 231 | + <td> | |
| 232 | + <label for="" class="label">선택</label> | |
| 233 | + <input type="checkbox" disabled> | |
| 234 | + </td> | |
| 235 | + <td>2026-07-16 20:59:42</td> | |
| 236 | + <td>문자</td> | |
| 237 | + <td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td> | |
| 238 | + <td>1</td> | |
| 239 | + <td class="c_002c9a fwMd">승인완료</td> | |
| 240 | + <td class="fwMd">2026-07-15 15:12</td> | |
| 241 | + </tr> | |
| 242 | + <tr> | |
| 243 | + <td> | |
| 244 | + <label for="" class="label">선택</label> | |
| 245 | + <input type="checkbox" disabled> | |
| 246 | + </td> | |
| 247 | + <td>2026-07-16 20:59:42</td> | |
| 248 | + <td>문자</td> | |
| 249 | + <td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td> | |
| 250 | + <td>1</td> | |
| 251 | + <td class="c_002c9a fwMd">승인완료</td> | |
| 252 | + <td class="fwMd">2026-07-15 15:12</td> | |
| 253 | + </tr> | |
| 254 | + <tr> | |
| 255 | + <td> | |
| 256 | + <label for="" class="label">선택</label> | |
| 257 | + <input type="checkbox" disabled> | |
| 258 | + </td> | |
| 259 | + <td>2026-07-16 20:59:42</td> | |
| 260 | + <td>문자</td> | |
| 261 | + <td><p class="tLeft">[문자GO] 인증번호 [491028] 을 입력해 주세요.</p></td> | |
| 262 | + <td>1</td> | |
| 263 | + <td class="c_002c9a fwMd">승인완료</td> | |
| 264 | + <td class="fwMd">2026-07-15 15:12</td> | |
| 265 | + </tr> | |
| 266 | + </tbody> | |
| 267 | + </table> | |
| 268 | + </div> | |
| 269 | + | |
| 270 | + <div class="table_btn clearfix"> | |
| 271 | + <div class="table_btn_left"> | |
| 272 | + <button type="button" class="btnType btnType2" data-tooltip="approve_popup">선택승인</button> | |
| 273 | + </div> | |
| 274 | + | |
| 275 | + <!-- pagination --> | |
| 276 | + <ul class="pagination"> | |
| 277 | + <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li> | |
| 278 | + <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li> | |
| 279 | + <li class="on"><button>1</button></li> | |
| 280 | + <li><button>2</button></li> | |
| 281 | + <li><button>3</button></li> | |
| 282 | + <li><button>4</button></li> | |
| 283 | + <li><button>5</button></li> | |
| 284 | + <li><button>6</button></li> | |
| 285 | + <li><button>7</button></li> | |
| 286 | + <li><button>8</button></li> | |
| 287 | + <li><button>9</button></li> | |
| 288 | + <li><button>10</button></li> | |
| 289 | + <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li> | |
| 290 | + <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li> | |
| 291 | + </ul><!-- pagination --> | |
| 292 | + | |
| 293 | + </div> | |
| 294 | + | |
| 295 | + | |
| 296 | + | |
| 297 | + </div> | |
| 298 | + | |
| 299 | + <div class="table_cont" id="listTab3_2"></div> | |
| 300 | + | |
| 301 | + </div> | |
| 302 | + </div> | |
| 303 | + | |
| 304 | + </div> | |
| 305 | + <!--// send top --> | |
| 306 | + </div> | |
| 307 | + </div> | |
| 308 | + <!--// content 영역 --> | |
| 309 | + <!-- footer --> | |
| 310 | + <div data-include-path="/publish/layout/_footer.html"></div> | |
| 311 | + <!--// footer 영역 --> | |
| 312 | +</body> | |
| 313 | + | |
| 314 | +</html>(No newline at end of file) |
--- src/main/webapp/publish/css/common.css
+++ src/main/webapp/publish/css/common.css
... | ... | @@ -110,7 +110,9 @@ |
| 110 | 110 |
.login2 .event {white-space:nowrap;}
|
| 111 | 111 |
|
| 112 | 112 |
/* 보안로그인 */ |
| 113 |
-.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;}
|
|
| 113 |
+.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;}
|
|
| 114 |
+.security_box.yellow_box{border:1px solid #eea301;gap:4px;padding:0 13px 0 11px;}
|
|
| 115 |
+.security_box .security{width:20px;height:20px;background:url(/publish/images/icon_security.png) no-repeat center;}
|
|
| 114 | 116 |
.security_box.red_box{border:1px solid #ca1a1a;}
|
| 115 | 117 |
.security_box.green_box{border:1px solid #0ca448;}
|
| 116 | 118 |
.security_box p{cursor:pointer;}
|
... | ... | @@ -327,6 +329,19 @@ |
| 327 | 329 |
.login_wrap .adv_list li{width: calc((100% / 2) - 10px); border: 0;}
|
| 328 | 330 |
.login_wrap .adv_list li img{margin-left: -10px;}
|
| 329 | 331 |
|
| 332 |
+/* ========================================== |
|
| 333 |
+ Case Switcher |
|
| 334 |
+ ================================---------- */ |
|
| 335 |
+ |
|
| 336 |
+.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%); }
|
|
| 337 |
+.case_switcher_title { display: block; margin-bottom: 10px; color: #2563eb; font-size: 13px; font-weight: 700; }
|
|
| 338 |
+.case_switcher_list { display: flex; flex-direction: column; gap: 5px; }
|
|
| 339 |
+.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; }
|
|
| 340 |
+.case_item:hover { background: #eff6ff; color: #2563eb; }
|
|
| 341 |
+.case_item input { width: 14px; height: 14px; margin: 0; accent-color: #2563eb; }
|
|
| 342 |
+.case_item input:checked + span { color: #1d4ed8; font-weight: 700;}
|
|
| 343 |
+ |
|
| 344 |
+ |
|
| 330 | 345 |
/* ie */ |
| 331 | 346 |
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
| 332 | 347 |
/* login */ |
--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
... | ... | @@ -57,7 +57,6 @@ |
| 57 | 57 |
.msg_com.msg_photo {border: 1px solid #e26ba9;color: #cf468d;}
|
| 58 | 58 |
.msg_com.msg_allimtalk {border: 1px solid #FBC72B;color: #222;}
|
| 59 | 59 |
|
| 60 |
- |
|
| 61 | 60 |
/* 요금결제 결제내역 */ |
| 62 | 61 |
.pay_cont .calendar_in .calendarPop {top: 40px; left: -162px;}
|
| 63 | 62 |
/* 요금결제 사용내역 */ |
... | ... | @@ -65,13 +64,12 @@ |
| 65 | 64 |
.serv_content .history_details+.tType1_title{margin: 30px 0 0 0;}
|
| 66 | 65 |
.serv_content .history_details+.tType1_title+.excel_middle{margin: 0 0 20px 0;}
|
| 67 | 66 |
|
| 68 |
- |
|
| 69 | 67 |
/* tType1 기본 */ |
| 70 | 68 |
.tType1 {width: 100%;text-align: left;table-layout: fixed;}
|
| 71 | 69 |
.tType1 tbody tr {border-bottom: 1px solid #e5e5e5;}
|
| 72 | 70 |
.tType1 tbody tr:first-child{border-top: 2px solid #000;}
|
| 73 | 71 |
.tType1 tbody tr th {min-width: 75px; height: 55px; vertical-align: middle;font-size: 17px; font-weight: 500; text-align: left;}
|
| 74 |
-.tType1 tbody tr th .essential {display:inline-block;margin:4px 2px 0 0;vertical-align:top;color:#f43131;}
|
|
| 72 |
+.tType1 tbody tr th .essential {display:inline-block;margin:0 4px 0 0;vertical-align:middle;color:#f43131;}
|
|
| 75 | 73 |
.tType1 tbody tr th.vTop {vertical-align: top; padding-top: 20px; line-height: 1.2;}
|
| 76 | 74 |
.tType1 tbody tr td {vertical-align: middle;font-weight: 300;line-height: 1.3; padding: 10px 0;}
|
| 77 | 75 |
.tType1 tbody tr td p {line-height: 1.4;}
|
... | ... | @@ -1058,11 +1056,14 @@ |
| 1058 | 1056 |
.set_date button {width: 100px; border-radius: 5px; border: 1px solid #b1b1b1; margin-right: 5px !important; font-size: 17px; color: #222;}
|
| 1059 | 1057 |
|
| 1060 | 1058 |
.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;}
|
| 1061 |
-.pay_cont .bill_tab ul {display:flex;}
|
|
| 1059 |
+.pay_cont .bill_tab ul {display:flex;gap:20px;}
|
|
| 1060 |
+.pay_cont .bill_tab li{display:flex;align-items:center;gap:6px;}
|
|
| 1061 |
+.pay_cont .bill_tab li input[type="radio"]{margin:-2px 0 0 0;}
|
|
| 1062 |
+.pay_cont .bill_tab li input[type="radio"]+label{margin:0;}
|
|
| 1062 | 1063 |
.pay_cont .bill_tab p {padding:0 0 0 20px;}
|
| 1063 | 1064 |
.pay_cont .bill_content_wrap .bill_content {display:none;}
|
| 1064 | 1065 |
|
| 1065 |
-.bill_content_wrap input[type="radio"]{margin:0 4px 0 0;}
|
|
| 1066 |
+.bill_content_wrap input[type="radio"]{margin:-2px 4px 0 0;}
|
|
| 1066 | 1067 |
|
| 1067 | 1068 |
/* .pay3_list td.td_payInfo span{position: relative; margin: 0 8px;}
|
| 1068 | 1069 |
.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 @@ |
| 2017 | 2018 |
.api_guide_cont .api_admin .btnType.btnType2 {position:absolute;padding:0 20px 0 20px; font-size:16px; letter-spacing: -1px;right:0;}
|
| 2018 | 2019 |
.api_guide_cont .api_admin .tType4 button{height:28px;font-size:14px;font-weight:400;}
|
| 2019 | 2020 |
|
| 2021 |
+/* api - 발송내역관리 */ |
|
| 2022 |
+.api_send_cont .info{margin:0 0 30px 0;}
|
|
| 2023 |
+.api_send_cont .tb_wrap{min-height:428px;}
|
|
| 2024 |
+.api_send_cont .tType4 .btnType5{font-size:14px;}
|
|
| 2025 |
+.api_send_cont .table_btn{margin:20px 0 0 0;}
|
|
| 2026 |
+ |
|
| 2027 |
+/* api 미확인 발송 내역 안내 */ |
|
| 2028 |
+.api_unchecked_send_popup .sub_text{display:block;line-height:1.4;text-align:center;margin:8px 0 0 0;color:#666;}
|
|
| 2029 |
+.api_unchecked_send_popup .gray_box{text-align:center;padding:10px 25px;}
|
|
| 2030 |
+ |
|
| 2031 |
+ |
|
| 2020 | 2032 |
/*선거 문자전송 > 문구추가*/ |
| 2021 | 2033 |
.tType1 tbody tr .ele_te{font-size: 14px; padding: 15px 0;}
|
| 2022 | 2034 |
.tType1 tbody tr .ele_te span{font-weight: 400;}
|
--- src/main/webapp/publish/css/mem.css
+++ src/main/webapp/publish/css/mem.css
... | ... | @@ -131,7 +131,7 @@ |
| 131 | 131 |
.mem_cont.join2 .clause_list li.list_open .clause_list_head span>.sel {color: #0fab7a;}
|
| 132 | 132 |
.mem_cont.join2 .clause_list li.list_open .clause_list_body {padding: 5px 30px 40px 30px; background-color: #efeff0;}
|
| 133 | 133 |
.mem_cont.join2 .clause_list li.list_open .clause_list_body .agree_text {background-color: #fff; height: 414px; padding: 20px; border-radius: 5px;}
|
| 134 |
-/*열려있는 리스트Ʈ */ |
|
| 134 |
+/*열려있는 리스트 */ |
|
| 135 | 135 |
.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;}
|
| 136 | 136 |
.mem_cont.join2 .clause_list li.list_open .clause_list_body_noneOpen>div {margin-bottom: 15px;}
|
| 137 | 137 |
.mem_cont.join2 .clause_list li.list_open .clause_list_body_noneOpen>div:last-child {margin-bottom: 0;}
|
... | ... | @@ -317,12 +317,10 @@ |
| 317 | 317 |
.mem_cont.join4 .text_bottom div p {text-align: left; padding: 15px 0;}
|
| 318 | 318 |
/* //join4 - 가입완료 */ |
| 319 | 319 |
|
| 320 |
- |
|
| 321 |
- |
|
| 322 |
- |
|
| 323 | 320 |
/* 메인화면 */ |
| 324 | 321 |
.my_dashboard {margin-top: 40px;}
|
| 325 | 322 |
.my_dashboard .dashboard_title { font-family: 'GmarketSansBold'; font-size: 22px; padding-bottom: 25px;}
|
| 323 |
+.my_dashboard .dashboard_title .small_text b{font-weight:bold;}
|
|
| 326 | 324 |
.my_dashboard .my_dashboard_cont1 button,.my_dashboard .my_dashboard_cont3 button {position: absolute; right: 30px; top: 30px; border-radius: 5px;}
|
| 327 | 325 |
.my_dashboard .my_dashboard_cont3 button.btnType20{position: static; vertical-align: baseline; margin: 0 0 0 8px;}
|
| 328 | 326 |
.my_dashboard>div { display: flex; justify-content: space-between; align-items: center;}
|
... | ... | @@ -469,17 +467,23 @@ |
| 469 | 467 |
.mypage_content .cor_noti span {font-weight:500;color:var(--primary-color);}
|
| 470 | 468 |
.mypage_content .input_list_cor {display:none;}
|
| 471 | 469 |
.mypage_content .input_list_cor:first-child {display:block;}
|
| 472 |
-/* 로그인 */ |
|
| 470 |
+ |
|
| 471 |
+/* ========================================== |
|
| 472 |
+ 로그인 |
|
| 473 |
+ ================================---------- */ |
|
| 473 | 474 |
.mem_cont_in.login_wrap .welcome {line-height: 1.5; padding-bottom: 40px;}
|
| 475 |
+.mem_cont_in.login_wrap .welcome .sub_text{display:block;font-size:20px;font-weight:400;color:#444;margin:16px 0 0 0;}
|
|
| 476 |
+.mem_cont_in.login_wrap .welcome .sub_text *{font-size:20px;font-weight:400;color:#444;}
|
|
| 474 | 477 |
.mem_cont_in.login_wrap .list_inputType1::placeholder {color: #a6a6a6; font-size: 18px;}
|
| 475 | 478 |
.mem_cont_in.login_wrap .input_list .input_list_item .input_left {width: 115px;}
|
| 476 | 479 |
.mem_cont_in.login_wrap .img_area{text-align: center;}
|
| 477 | 480 |
.login_del {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
|
| 478 | 481 |
.login_del button {margin-left: 8px;}
|
| 479 | 482 |
.password_protect {background-image: url(/publish/images/content/password_protect.png); width: 19px; height: 22px; margin-top: 2px;}
|
| 480 |
-.pass_no2 {background-color: #ffeaea; height: 40px; padding: 0 20px; border-radius: 5px; }
|
|
| 481 |
-.pass_no2 p {color: #e40000; line-height: 40px;}
|
|
| 482 |
-.pass_no2 p i {background-image: url(/publish/images/mem/req_deco1.png); width: 16px; height: 16px; margin: 0 5px 2px 0;}
|
|
| 483 |
+.pass_no2 {display:flex;background-color: #ffeaea; height: 40px; padding: 0 20px; border-radius: 5px; line-height:1.4;gap:8px;align-items:center;}
|
|
| 484 |
+.pass_no2 p {color: #e40000;}
|
|
| 485 |
+.pass_no2 p b{font-weight:bold;}
|
|
| 486 |
+.pass_no2 i {background-image: url(/publish/images/mem/req_deco1.png); width: 16px; height: 16px; margin:0;}
|
|
| 483 | 487 |
.mem_cont_in.login_wrap .lgoin_bottom {margin-top: 20px;}
|
| 484 | 488 |
.mem_cont_in.login_wrap .lgoin_bottom>div {float: left;}
|
| 485 | 489 |
.mem_cont_in.login_wrap .lgoin_bottom>div .checkbox_wrap {margin-right: 5px;}
|
... | ... | @@ -513,6 +517,7 @@ |
| 513 | 517 |
.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;}
|
| 514 | 518 |
.certify_in>div .certify_in_body textarea {height: 93px; padding: 15px; border: none; border-radius: 5px; margin-top: 20px; background-color: #f2f2f2;}
|
| 515 | 519 |
.certify_in>div .certify_in_body textarea::placeholder {color: #a6a6a6; font-size: 16px;}
|
| 520 |
+ |
|
| 516 | 521 |
/* 발신번호 관리 */ |
| 517 | 522 |
.mypage_content .heading.call_numbe_con .button_wrap .button.certificate::before, |
| 518 | 523 |
.mypage_content .heading.call_numbe_con .button_wrap .button.id_card::before{display:none;}
|
... | ... | @@ -528,9 +533,31 @@ |
| 528 | 533 |
.mypage_content .search_wrap input[type="text"]::placeholder {color: #a6a6a6; font-weight: 300;}
|
| 529 | 534 |
.mypage_content .search_wrap .btn_right2 button {margin-left: 2px;}
|
| 530 | 535 |
.mypage_content .search_wrap .btn_right2 button:nth-child(3) {background-color: #6a6c72; border: 1px solid #6a6c72; color: #fff; font-weight: 300;}
|
| 531 |
-.mypage_content .callNum_list_wrap {position:relative;margin:42px 0 0;}
|
|
| 536 |
+/* .mypage_content .callNum_list_wrap {position:relative;margin:42px 0 0;}
|
|
| 532 | 537 |
.mypage_content .callNum_list_wrap .callNum_list_title {display:inline-block;padding-bottom:15px;font-size:16px;font-weight:300;}
|
| 533 |
-.mypage_content .callNum_list_wrap .btnType {display:inline-block;margin:-17px 0 0 8px;padding:0 14px;vertical-align:top;}
|
|
| 538 |
+.mypage_content .callNum_list_wrap .btnType {display:inline-block;margin:-17px 0 0 8px;padding:0 14px;vertical-align:top;} */
|
|
| 539 |
+ |
|
| 540 |
+.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;}
|
|
| 541 |
+.auth_type_box label{display:flex;align-items:center;gap:8px;font-size:14px;}
|
|
| 542 |
+.auth_type_box input{margin:0;}
|
|
| 543 |
+ |
|
| 544 |
+.mypage_content .callNum_list_wrap{display:flex;margin:24px 0 8px 0;justify-content:space-between;align-items:center;}
|
|
| 545 |
+.mypage_content .call_list_status{display:flex;gap:12px;align-items:center;}
|
|
| 546 |
+.mypage_content .call_list_status ul,.mypage_content .call_list_status li{display:flex;align-items:center;}
|
|
| 547 |
+.mypage_content .call_list_status ul{gap:12px;}
|
|
| 548 |
+.mypage_content .call_list_status li{gap:8px;}
|
|
| 549 |
+.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;}
|
|
| 550 |
+.mypage_content .call_list_status p{font-size:16px;font-weight:300;color:#666;}
|
|
| 551 |
+.mypage_content .call_list_status b{font-weight:600;color:#222;}
|
|
| 552 |
+.mypage_content .call_list_status .btnType2{padding:0 20px;}
|
|
| 553 |
+.mypage_content .auth_status_wrap{display:flex;align-items:center;gap:8px;}
|
|
| 554 |
+.mypage_content .auth_status_wrap .btnType14{height:32px;}
|
|
| 555 |
+.mypage_content .tType4 button{margin-top:-1px;}
|
|
| 556 |
+.mypage_content .tType4 .c_999999+button{vertical-align:baseline;margin:-1px 0 0 8px;}
|
|
| 557 |
+.mypage_content .auth_type{display:none;}
|
|
| 558 |
+.mypage_content .auth_type.type01{display:block;}
|
|
| 559 |
+.mypage_content .auth_status_wrap .badge{position:relative;}
|
|
| 560 |
+ |
|
| 534 | 561 |
.mypage_content .papers_guide {overflow:hidden;position:relative;margin:0 0 60px;padding:32px 0 0;box-sizing:border-box;}
|
| 535 | 562 |
.mypage_content .papers_guide h3 {padding:0 0 15px;font-size:20px;font-weight:500;line-height:22px;letter-spacing:-0.025em;}
|
| 536 | 563 |
.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 @@ |
| 558 | 585 |
.mypage_content .tType1 tbody > tr > th {height:60px;padding:21px 0 0;vertical-align:top;box-sizing:border-box;}
|
| 559 | 586 |
.mypage_content .tType1 tbody > tr#phone, |
| 560 | 587 |
.mypage_content .tType1 tbody > tr#upload {visibility:collapse;}
|
| 561 |
-.mypage_content .tType1 tbody tr td input[type=text] {width:340px;margin:0 2px 0 0;}
|
|
| 588 |
+.mypage_content .tType1 tbody tr td input[type=text] {width:240px;margin:0 2px 0 0;}
|
|
| 562 | 589 |
.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;}
|
| 590 |
+.mypage_content .tType1 tbody tr td .calling .badge{gap:4px;padding:8px 14px 8px 12px;margin:0 0 0 8px;vertical-align:middle;}
|
|
| 563 | 591 |
.mypage_content .tType1 tbody tr td .summary {margin:0 0 0 10px;font-size:14px;line-height:40px;color:#e40000;}
|
| 564 | 592 |
.mypage_content .tType1 tbody tr td .name_check input[type=radio] {width:18px;height:18px;margin-top:2px;}
|
| 565 | 593 |
.mypage_content .tType1 tbody tr td .name_check input[type=radio] + label {font-size:18px;cursor:pointer;}
|
... | ... | @@ -603,7 +631,7 @@ |
| 603 | 631 |
.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;}
|
| 604 | 632 |
.security_login .security_set .ip_add_wrap .btnType{height:30px;font-size:14px;}
|
| 605 | 633 |
.security_login .security_set .ip_add_wrap b{font-weight:500;color:var(--primary-color);}
|
| 606 |
-.security_login .input_text{width:98%;}
|
|
| 634 |
+.security_login .input_text{width:98%;height:28px;}
|
|
| 607 | 635 |
.security_login .dashboard_title{padding: 0;}
|
| 608 | 636 |
.security_login .dashboard_title .small_text{margin:0 0 0 6px;font-size:14px;font-weight:300;color:#666}
|
| 609 | 637 |
.security_login .btn_plus{position:absolute;right:0;}
|
... | ... | @@ -617,17 +645,25 @@ |
| 617 | 645 |
.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;}
|
| 618 | 646 |
.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;}
|
| 619 | 647 |
|
| 620 |
-.security_login .title_area{position:relative;display:flex;margin:30px 0 15px 0;align-items:center;}
|
|
| 648 |
+.security_login .title_area{position:relative;display:flex;margin:50px 0 15px 0;align-items:center;}
|
|
| 621 | 649 |
.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;}
|
| 622 | 650 |
.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);}
|
| 623 | 651 |
.security_login .title_area .qmMark:hover+.hover_cont{display:block;}
|
| 624 | 652 |
|
| 625 |
-.mem_cont_in.security_login .input_list .input_list_item .input_left{width:125px;;}
|
|
| 626 |
-.mem_cont_in.security_login .welcome{font-size:26px;}
|
|
| 653 |
+.mem_cont_in.security_login .badge{width:100%;font-weight:500;color:#222;margin:0 0 15px 0;justify-content:flex-start;}
|
|
| 654 |
+.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;}
|
|
| 655 |
+.mem_cont_in.security_login .input_list .input_list_item .input_left{width:125px;}
|
|
| 656 |
+.mem_cont_in.security_login .input_right{width:calc(100% - 130px);}
|
|
| 657 |
+.mem_cont_in.security_login .input_right select{width:calc(100% - 125px);}
|
|
| 658 |
+.mem_cont_in.security_login .login_del .btnType3{width:120px;}
|
|
| 659 |
+.mem_cont_in.security_login .input_right .list_inputType1{width:calc(100% - 95px); background:transparent;}
|
|
| 660 |
+.mem_cont_in.security_login .timer{display:none;width:70px;font-size:16px;font-weight:500;color:#e40000;text-align:right;}
|
|
| 627 | 661 |
.mem_cont_in.security_login .mem_bottom{display:flex;align-items:center;font-size:15px;color:#444;gap:8px;justify-content:space-between;}
|
| 662 |
+.mem_cont_in.security_login .mem_bottom b{font-weight:700;}
|
|
| 628 | 663 |
.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;}
|
| 629 | 664 |
.mem_cont_in.security_login .mem_btnWrap2{display:flex;gap:8px;}
|
| 630 |
-.mem_cont_in.security_login .mem_btnWrap2 button{width:50%;}
|
|
| 665 |
+.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;}
|
|
| 666 |
+.mem_cont_in.security_login .btn_change_phone:hover{color:#002c9a;}
|
|
| 631 | 667 |
/* //보안로그인 */ |
| 632 | 668 |
|
| 633 | 669 |
/* 서류 인증 */ |
--- src/main/webapp/publish/css/popupLayer.css
+++ src/main/webapp/publish/css/popupLayer.css
... | ... | @@ -14,7 +14,17 @@ |
| 14 | 14 |
.mask {left:-9999%;top:-9999%;}
|
| 15 | 15 |
.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;}
|
| 16 | 16 |
|
| 17 |
+.popup-com .layer_in .title_text{font-size:20px;font-weight:500;color:#222;text-align:center;line-height:1.4;}
|
|
| 18 |
+.popup-com .layer_in .title_text+.layer_tType1{margin:20px 0 0 0;}
|
|
| 19 |
+ |
|
| 20 |
+.popup-com .layer_in .layer_tType1 .form_wrap{padding:8px 0;}
|
|
| 21 |
+ |
|
| 17 | 22 |
/* 공통 */ |
| 23 |
+.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;}
|
|
| 24 |
+.hover_layer.center{text-align:center;}
|
|
| 25 |
+.hover_layer.right{text-align:right;}
|
|
| 26 |
+*:hover+.hover_layer,*:hover>.hover_layer{display:block;opacity:1;}
|
|
| 27 |
+ |
|
| 18 | 28 |
.popup_search_wrap.type2{margin: 0 0 30px 0; padding: 15px 20px; border-radius: 5px;}
|
| 19 | 29 |
.popup_search_wrap.grayborder{border: 1px solid #d5d5d5;}
|
| 20 | 30 |
.popup_search_wrap.grayfill{background-color: #f2f2f2;}
|
... | ... | @@ -38,6 +48,9 @@ |
| 38 | 48 |
.popup_table_type2 tr{border-bottom: 1px solid #d5d5d5;}
|
| 39 | 49 |
.popup_table_type2 th{padding: 10px 0 0 0; text-align: left; font-weight: 500;}
|
| 40 | 50 |
.popup_table_type2 td{padding: 10px; text-align: right;}
|
| 51 |
+ |
|
| 52 |
+.btn_wrap.popup{display:flex;max-width:50%;margin:20px auto 0 auto;justify-content:center;align-items:center;gap:8px;}
|
|
| 53 |
+.btn_wrap.popup button{width:auto;height:42px;border-radius:5px;font-size:18px;flex:1;}
|
|
| 41 | 54 |
|
| 42 | 55 |
/* 메인 팝업 */ |
| 43 | 56 |
/* .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 @@ |
| 233 | 246 |
.popup_btn {display: flex; justify-content: center;}
|
| 234 | 247 |
.popup_btn button {height: 42px; padding: 0 28px; border-radius: 5px; background-color: var(--primary-color); font-size: 16px; color: #fff;}
|
| 235 | 248 |
.popup_btn button i {background-image: url(/publish/images/content/customReq.png); width: 22px; height: 18px; margin: 0 10px 3px 0 ;}
|
| 236 |
-.popup_btn button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12); background-color: #002788;}
|
|
| 249 |
+.popup_btn button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
|
|
| 237 | 250 |
|
| 238 | 251 |
/* 불러오기 공통영역 */ |
| 239 | 252 |
.import_layer {width: 800px;}
|
... | ... | @@ -392,8 +405,9 @@ |
| 392 | 405 |
.layer_tType1 td.remain_point {text-align: right;}
|
| 393 | 406 |
.layer_tType1 td.remain_point {font-weight: 300;}
|
| 394 | 407 |
.layer_tType1 td.remain_point span {font-size: 24px; font-weight: 500; color: #e40000;}
|
| 395 |
-.layer_tType1 td *{display: inline-block;}
|
|
| 408 |
+.layer_tType1 td *:not(.form_wrap, .form_row,.fileWrap,.fileWrap *,.btn_area){display: inline-block;}
|
|
| 396 | 409 |
.layer_tType1 td input[type="text"],.layer_tType1 td select{background-color: #f2f2f2;height: 40px; border-radius: 5px; margin: 0 5px;}
|
| 410 |
+.layer_tType1 td input[type="text"].readonly{background:#dedede;color:#a6a6a6;}
|
|
| 397 | 411 |
.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;}
|
| 398 | 412 |
.layer_tType1 td input[type="radio"]+label {font-weight: 300;}
|
| 399 | 413 |
.layer_tType1 td .input_in2 {position: absolute;top: 50%;right: 15px;transform: translateY(-50%);font-weight: 300;font-size: 18px;}
|
... | ... | @@ -414,6 +428,19 @@ |
| 414 | 428 |
.pop_more_cont.pop_more_click .titBox {height: 100%;}
|
| 415 | 429 |
.pop_more_cont.pop_more_click .titBox p:nth-child(3) {padding: 2px 0;}
|
| 416 | 430 |
.pop_more_cont.pop_more_click .pop_more i{background-image: url(/publish/images/pop_more_up.png);}
|
| 431 |
+ |
|
| 432 |
+/* 발신번호 인증 */ |
|
| 433 |
+.auth_number_popup .layer_in{padding:30px;box-sizing:border-box;}
|
|
| 434 |
+.auth_number_popup .layer_tType1 th{font-size:16px;}
|
|
| 435 |
+.auth_number_popup .gray_box{margin:16px 0 0 0;}
|
|
| 436 |
+.auth_number_popup .form_wrap.column{align-items:flex-start;}
|
|
| 437 |
+.auth_number_popup input{margin:0 !important;}
|
|
| 438 |
+.auth_number_popup .auth_number_input{width:calc(100% - 130px);}
|
|
| 439 |
+.auth_number_popup .auth_number_send{width:130px;}
|
|
| 440 |
+ |
|
| 441 |
+.required_auth_popup .layer_in{padding:50px;}
|
|
| 442 |
+.required_auth_popup .btn_wrap.popup{max-width:70%;}
|
|
| 443 |
+ |
|
| 417 | 444 |
|
| 418 | 445 |
/* 주소록 관리 */ |
| 419 | 446 |
.adr_layer .layer_in {padding: 30px;}
|
... | ... | @@ -1221,6 +1248,26 @@ |
| 1221 | 1248 |
.call_layer .call_new ul li .call_img {text-align: center; width:155px;}
|
| 1222 | 1249 |
.call_layer .call_new ul li p {font-size:16px; padding:0 0 0 10px;}
|
| 1223 | 1250 |
|
| 1251 |
+/* 발신번호 관리 > 종사자 수 등록 */ |
|
| 1252 |
+.worker_count_popup{width:750px;box-sizing:border-box;}
|
|
| 1253 |
+.worker_count_popup .badge_wrap{margin:0 0 12px 0;}
|
|
| 1254 |
+.worker_count_popup .badge_wrap .badge{gap:4px;}
|
|
| 1255 |
+.worker_count_popup .layer_in{padding:30px;}
|
|
| 1256 |
+.worker_count_popup .titBox{margin:0 0 15px 0;}
|
|
| 1257 |
+.worker_count_popup .form_wrap{align-items:center;justify-content:flex-start;}
|
|
| 1258 |
+.worker_count_popup .fileWrap{min-height:auto;}
|
|
| 1259 |
+.worker_count_popup .fileWrap th{text-align:center;}
|
|
| 1260 |
+.worker_count_popup .fileWrap tr{border:0;}
|
|
| 1261 |
+.worker_count_popup .fileWrap td{padding:0;}
|
|
| 1262 |
+.worker_count_popup .fileWrap .file_add{margin:0;border-radius:0 0 5px 5px;border:0;}
|
|
| 1263 |
+.worker_count_popup .btnType9{height:33px;font-size:15px;font-weight:400;padding:3px 12px;margin:10px 0 8px 0;}
|
|
| 1264 |
+.worker_count_popup .popup_btn{gap:8px;}
|
|
| 1265 |
+.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;}
|
|
| 1266 |
+.worker_count_popup .form_row{font-size:14px;color:#222;margin:0 0 10px 0;}
|
|
| 1267 |
+.worker_count_popup .worker_number{width:130px;}
|
|
| 1268 |
+ |
|
| 1269 |
+/* //발신번호 관리 > 종사자 수 등록 */ |
|
| 1270 |
+ |
|
| 1224 | 1271 |
/* 발송결과 개선 : 진행현황 안내*/ |
| 1225 | 1272 |
.info_hover_cont {top: 40px; right: -1px; width: 320px; line-height:1.4;}
|
| 1226 | 1273 |
.info_hover_cont dl {padding:7px; }
|
... | ... | @@ -1281,6 +1328,31 @@ |
| 1281 | 1328 |
.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;}
|
| 1282 | 1329 |
.info_guide_popup .layer_in .info_guide_sub span{color: #222; font-weight: 400;}
|
| 1283 | 1330 |
|
| 1331 |
+/* 가입번호 변경 안내 */ |
|
| 1332 |
+.change_number_popup .sub_text{display:block;margin:12px 0 0 0;font-size:16px;color:#222;text-align:center;line-height:1.4;}
|
|
| 1333 |
+.change_number_popup .popup_btn{display:flex;gap:8px;}
|
|
| 1334 |
+ |
|
| 1335 |
+/* 인증 휴대폰번호 추가/삭제 */ |
|
| 1336 |
+.auth_manage_popup .stage_area{display:flex;width:100%;margin:0 0 20px 0;}
|
|
| 1337 |
+.auth_manage_popup .stage{width:50%;border-bottom:2px solid #e8e9eb;}
|
|
| 1338 |
+.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;}
|
|
| 1339 |
+.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;}
|
|
| 1340 |
+.auth_manage_popup .stage.active{border-bottom:2px solid #002c9a;}
|
|
| 1341 |
+.auth_manage_popup .stage.active p{color:#002c9a;font-weight:bold;}
|
|
| 1342 |
+.auth_manage_popup .stage.active strong{background:#002c9a;}
|
|
| 1343 |
+.auth_manage_popup .layer_tType1{margin:20px 0 8px 0;}
|
|
| 1344 |
+.auth_manage_popup .form_row{position:relative;}
|
|
| 1345 |
+.auth_manage_popup .select_number{width:calc(100% - 98px);margin:0;}
|
|
| 1346 |
+.auth_manage_popup .inputLight{width:100%;margin:0 !important;}
|
|
| 1347 |
+.auth_manage_popup .timer{position:absolute;font-size:14px;font-weight:bold;color:#e40000;right:15px;top:50%;transform:translateY(-50%);}
|
|
| 1348 |
+.auth_manage_popup .stage02{display:none;}
|
|
| 1349 |
+.auth_manage_popup .btn_auth_send{width:90px;}
|
|
| 1350 |
+ |
|
| 1351 |
+/* 발송내역 승인 */ |
|
| 1352 |
+.approve_popup.popup-com .layer_in .title_text{font-weight:400;text-align:center;}
|
|
| 1353 |
+.approve_popup .popup_btn button{font-size:18px;}
|
|
| 1354 |
+ |
|
| 1355 |
+ |
|
| 1284 | 1356 |
/* ie */ |
| 1285 | 1357 |
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
| 1286 | 1358 |
/* 특수문자 */ |
--- src/main/webapp/publish/css/style.css
+++ src/main/webapp/publish/css/style.css
... | ... | @@ -61,12 +61,12 @@ |
| 61 | 61 |
.color_red{color:var(--red-color);}
|
| 62 | 62 |
.color_blue{color:var(--blue-color);}
|
| 63 | 63 |
.color_green{color:var(--green-color);}
|
| 64 |
+.color_yellow{color:#eea301;}
|
|
| 64 | 65 |
|
| 65 | 66 |
/* ============================================= |
| 66 | 67 |
폰트 강조(GmarketSans Bold) |
| 67 | 68 |
============================================= */ |
| 68 |
-.c_666_g{padding:0 4px 0 0;font-family:
|
|
| 69 |
-;font-size:26px;color:#666!important;} |
|
| 69 |
+.c_666_g{padding:0 4px 0 0;font-family:'GmarketSansBold';font-size:26px;color:#666!important;}
|
|
| 70 | 70 |
.c_002c9a_g{padding:0 4px 0 0;font-family:'GmarketSansBold';font-size:26px;color:var(--primary-color)!important;}
|
| 71 | 71 |
.c_e40000_g{padding:0 4px 0 0;font-family:'GmarketSansBold';font-size:26px;color:#e40000!important;}
|
| 72 | 72 |
.c_222_g{padding:0 4px 0 0;font-family:'GmarketSansBold';font-size:26px;color:#222!important;}
|
... | ... | @@ -94,6 +94,7 @@ |
| 94 | 94 |
.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%);}
|
| 95 | 95 |
.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;}
|
| 96 | 96 |
.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;}
|
| 97 |
+.desc_text{font-size:14px;color:#666;}
|
|
| 97 | 98 |
|
| 98 | 99 |
|
| 99 | 100 |
/* ===================== SORT BUTTON / CASE COUNT ===================== */ |
... | ... | @@ -120,6 +121,9 @@ |
| 120 | 121 |
.form_area.right{justify-content:flex-end;}
|
| 121 | 122 |
|
| 122 | 123 |
.form_area.column{flex-direction:column;}
|
| 124 |
+ |
|
| 125 |
+.form_row{display:flex;gap:8px;}
|
|
| 126 |
+.form_row *{margin:0;}
|
|
| 123 | 127 |
|
| 124 | 128 |
select{border:1px solid #e5e5e5;vertical-align:middle;font-family:'Pretendard';font-weight:300;font-size:16px;}
|
| 125 | 129 |
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 @@ |
| 174 | 178 |
.w100{width:100%;}
|
| 175 | 179 |
.h100{height:100%;}
|
| 176 | 180 |
|
| 181 |
+/* ========================================================================== |
|
| 182 |
+ 배지 및 상태 표시 박스 (Badges & Boxes) |
|
| 183 |
+ ========================================================================== */ |
|
| 184 |
+.badge_wrap{padding:10px;border-radius:5px;}
|
|
| 185 |
+.badge_wrap.red{background:#ffeaea;}
|
|
| 186 |
+.badge_wrap .badge{padding:0;}
|
|
| 177 | 187 |
|
| 188 |
+.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;}
|
|
| 189 |
+.badge.blue{color:#002c9a;background:#e6eaf5;}
|
|
| 190 |
+.badge.yellow{color:#FF8800;background:#FFF4E6;}
|
|
| 191 |
+.badge.red{color:#E40000;background:#FFEAEA;}
|
|
| 192 |
+.badge.green{color:#18BB59;background:#e8f9ef;}
|
|
| 193 |
+ |
|
| 194 |
+.badge i{display:inline-block;width:6px;height:6px;border-radius:100%;}
|
|
| 195 |
+.badge.blue i{background:#002c9a;}
|
|
| 196 |
+.badge.yellow i{background:#FF8800;}
|
|
| 197 |
+.badge.red i{background:#E40000;}
|
|
| 198 |
+.badge .icon{width:16px;height:16px;border-radius:0;}
|
|
| 199 |
+.badge.red .error{background:transparent url(/publish/images/content/icon_error.png) no-repeat center;}
|
|
| 200 |
+.badge.yellow .warning{background:transparent url(/publish/images/content/icon_warning.png) no-repeat center;}
|
|
| 201 |
+.badge.green .success{background:transparent url(/publish/images/content/icon_success.png) no-repeat center;}
|
|
| 202 |
+ |
|
| 203 |
+/* 박스 유형별 스타일 */ |
|
| 204 |
+.gray_box{padding:20px 25px;font-size:14px;font-weight:400;line-height:1.4;color:#666;}
|
|
| 205 |
+.gray_box.fill{background:#f5f5f5;border-radius:5px;}
|
|
| 206 |
+.white_box{padding:12px 16px;margin:8px 0 0 0;font-size:14px;line-height:1.4;color:#333;background:#fff;border-radius:5px;}
|
|
| 207 |
+.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;}
|
|
| 178 | 208 |
|
| 179 | 209 |
/* ============================================= |
| 180 | 210 |
테이블 타입 |
... | ... | @@ -210,6 +240,8 @@ |
| 210 | 240 |
.tType1 tbody tr td.putText .put_left.long textarea {height: 380px;}
|
| 211 | 241 |
.tType1 tbody tr td.putText .put_left.long.on {border: 1px solid #12bec9;border-radius: 5px;background-color: #eef5f9 !important;}
|
| 212 | 242 |
.tType1 tbody tr td.putText .put_left.photo.on {border: 1px solid #e26ba9;border-radius: 5px;background-color: #f8f1f5 !important;}
|
| 243 |
+.tType1 tbody tr td.put_num .badge{margin:0 0 0 8px;}
|
|
| 244 |
+.tType1 tbody tr td.put_num .badge.yellow{cursor:pointer;}
|
|
| 213 | 245 |
.tType1 tbody tr.msg_title {display:none;}
|
| 214 | 246 |
.tType1 tbody tr.msg_title.active {display:table-row;}
|
| 215 | 247 |
.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 file is not shown |
+++ src/main/webapp/publish/images/content/icon_info.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/content/icon_success.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/content/icon_warning.png
| Binary file is not shown |
+++ 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
... | ... | @@ -53,6 +53,7 @@ |
| 53 | 53 |
<script src="/publish/js/jquery.bxslider.js"></script> |
| 54 | 54 |
|
| 55 | 55 |
<script src="/publish/js/common.js"></script> |
| 56 |
+ <script src="/publish/js/content.js"></script> |
|
| 56 | 57 |
<script src="/publish/js/jquery.bxslider.js"></script> |
| 57 | 58 |
<script src="/publish/js/main.js"></script> |
| 58 | 59 |
<script src="/publish/js/popupLayer.js"></script> |
... | ... | @@ -67,6 +68,29 @@ |
| 67 | 68 |
<body> |
| 68 | 69 |
|
| 69 | 70 |
<div class="mask"></div> |
| 71 |
+ |
|
| 72 |
+ <!-- API 미확인 발송 내역 안내 --> |
|
| 73 |
+ <div class="tooltip-wrap" style="z-index:9999;"> |
|
| 74 |
+ <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%);"> |
|
| 75 |
+ <div class="popup_heading"> |
|
| 76 |
+ <p>API 미확인 발송 내역 안내</p> |
|
| 77 |
+ <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> |
|
| 78 |
+ </div> |
|
| 79 |
+ <div class="layer_in" style="padding:40px 30px;"> |
|
| 80 |
+ <p class="title_text">승인 대기 중인 발송 내역이 <b class="fwBold c_002c9a">3</b>건 있습니다.</p> |
|
| 81 |
+ <span class="sub_text">발송내역관리에서 확인 후 승인해 주세요.</span> |
|
| 82 |
+ <p class="gray_box fill" style="margin:16px 0 0 0;"> |
|
| 83 |
+ ※ 승인 완료 전까지 로그인 시 반복 안내됩니다. |
|
| 84 |
+ </p> |
|
| 85 |
+ <div class="popup_btn" style="margin:20px 0 0 0;"> |
|
| 86 |
+ <button type="button" class="btnType btnType2 tooltip-close" onclick="location.href='/publish/api_send_history.html'">발송내역관리 이동</button> |
|
| 87 |
+ </div> |
|
| 88 |
+ </div> |
|
| 89 |
+ |
|
| 90 |
+ </div> |
|
| 91 |
+ </div> |
|
| 92 |
+ <!-- //API 미확인 발송 내역 안내 --> |
|
| 93 |
+ |
|
| 70 | 94 |
<!-- skip 메뉴 --> |
| 71 | 95 |
<div class="skip_menu"> |
| 72 | 96 |
<a href="#cont" title="본문 바로가기" class="contGo" rel="nosublink">본문 바로가기</a> |
--- src/main/webapp/publish/js/common.js
+++ src/main/webapp/publish/js/common.js
... | ... | @@ -54,6 +54,12 @@ |
| 54 | 54 |
$(this).removeClass("over");
|
| 55 | 55 |
}); |
| 56 | 56 |
|
| 57 |
+ $('input[name="case"]').on('change', function() {
|
|
| 58 |
+ const caseType = $(this).val(); |
|
| 59 |
+ |
|
| 60 |
+ $('[data-case="' + caseType + '"]').siblings('[data-case]').hide();
|
|
| 61 |
+ $('[data-case="' + caseType + '"]').show();
|
|
| 62 |
+ }); |
|
| 57 | 63 |
|
| 58 | 64 |
}) |
| 59 | 65 |
|
--- src/main/webapp/publish/js/content.js
+++ src/main/webapp/publish/js/content.js
... | ... | @@ -436,6 +436,7 @@ |
| 436 | 436 |
}); |
| 437 | 437 |
|
| 438 | 438 |
// 알림톡 템플릿 등록/관리 버튼 클릭 시 콘텐츠 바뀜 |
| 439 |
+ /*$(".template_content_wrap:not(.friend_template_content) .btn_list").click(function () {*/
|
|
| 439 | 440 |
$(".btn_list").click(function () {
|
| 440 | 441 |
$(this).closest(".tab_content").find(".thumbnail_content").fadeOut(0);
|
| 441 | 442 |
$(this).closest(".tab_content").find(".list_content,.btn_thumbnail").show();
|
... | ... | @@ -916,8 +917,8 @@ |
| 916 | 917 |
$tabCn.fadeIn(0); |
| 917 | 918 |
$tabCn.addClass("current");
|
| 918 | 919 |
|
| 919 |
- $(".download_cont").not($tabCn).removeClass("current");
|
|
| 920 |
- $(".download_cont").not($tabCn).fadeOut(0);
|
|
| 920 |
+ $(".download_cont,.table_cont").not($tabCn).removeClass("current");
|
|
| 921 |
+ $(".download_cont,.table_cont").not($tabCn).fadeOut(0);
|
|
| 921 | 922 |
|
| 922 | 923 |
currTabId = tabId; |
| 923 | 924 |
|
... | ... | @@ -1403,11 +1404,11 @@ |
| 1403 | 1404 |
var len = tbChk.length; |
| 1404 | 1405 |
thChk.on('change', function () {
|
| 1405 | 1406 |
if ($(this).is(':checked')) {
|
| 1406 |
- if (tbChk.attr('disabled') == false) {
|
|
| 1407 |
- tbChk.prop('checked', true);
|
|
| 1407 |
+ if (!$(this).is(':disabled')) {
|
|
| 1408 |
+ tbChk.not(':disabled').prop('checked', true);
|
|
| 1408 | 1409 |
} |
| 1409 | 1410 |
} else {
|
| 1410 |
- tbChk.prop('checked', false);
|
|
| 1411 |
+ tbChk.not(':disabled').prop('checked', false);
|
|
| 1411 | 1412 |
} |
| 1412 | 1413 |
}); |
| 1413 | 1414 |
tbChk.on('change', function () {
|
... | ... | @@ -1447,9 +1448,13 @@ |
| 1447 | 1448 |
var scrT = $(this).scrollTop(); |
| 1448 | 1449 |
var t = scrT + 213; |
| 1449 | 1450 |
var h = Math.round($('.send_top').find('.send_right').outerHeight());
|
| 1450 |
- var revT = $('.send_rev').length ? Math.round($('.send_rev:visible').offset().top) : null;
|
|
| 1451 |
+ var $rev = $('.send_rev:visible');
|
|
| 1451 | 1452 |
|
| 1452 |
- if ($(".cont").find(".tabType1 .tab.active").text().trim() == "대량문자(광고문자)") {
|
|
| 1453 |
+ var revT = $rev.length ? Math.round($rev.offset().top) : null; |
|
| 1454 |
+ /*var revT = $('.send_rev').length ? Math.round($('.send_rev:visible').offset().top) : null;*/
|
|
| 1455 |
+ var title = $(".cont").find(".tabType1 .tab.active").text().trim();
|
|
| 1456 |
+ |
|
| 1457 |
+ if (title == "대량문자(광고문자)") {
|
|
| 1453 | 1458 |
if (t > ofsT && scrT !== 0) {
|
| 1454 | 1459 |
// send_rev 영역에 도달한 경우 멈춤 |
| 1455 | 1460 |
if (scrT + pH > revT) {
|
... | ... | @@ -1473,15 +1478,16 @@ |
| 1473 | 1478 |
'transition': 'all 0.2s' |
| 1474 | 1479 |
}); |
| 1475 | 1480 |
} |
| 1476 |
- } else if ($(".cont").find(".tabType4 .tab.active").text().trim() == "알림톡") {
|
|
| 1481 |
+ } else if (title == "알림톡") {
|
|
| 1477 | 1482 |
if (t > ofsT && t - ofsT < h - pH) {
|
| 1483 |
+ |
|
| 1478 | 1484 |
$('.send_top .send_right .phone').css({
|
| 1479 |
- 'top': t - ofsT + 80, |
|
| 1485 |
+ 'top': t - ofsT, |
|
| 1480 | 1486 |
'transition': 'all 0.2s' |
| 1481 | 1487 |
}); |
| 1482 | 1488 |
} else if (t > ofsT) {
|
| 1483 | 1489 |
$('.send_top .send_right .phone').css({
|
| 1484 |
- 'top': h - pH + 67, |
|
| 1490 |
+ 'top': h - pH + 30, |
|
| 1485 | 1491 |
'transition': 'all 0.2s' |
| 1486 | 1492 |
}); |
| 1487 | 1493 |
} else if (t <= ofsT) {
|
... | ... | @@ -1490,6 +1496,22 @@ |
| 1490 | 1496 |
'transition': 'all 0.2s' |
| 1491 | 1497 |
}); |
| 1492 | 1498 |
} |
| 1499 |
+ } else if(title == "20건 수동문자") {
|
|
| 1500 |
+ var scrollTop = $(window).scrollTop(); |
|
| 1501 |
+ var startTop = $('.send_top').offset().top;
|
|
| 1502 |
+ |
|
| 1503 |
+ var $phone = $('.send_top .send_right .phone');
|
|
| 1504 |
+ var stopTop = $('.send_top .send_general').height() - 30;
|
|
| 1505 |
+ var moveTop = scrollTop - startTop + 20; |
|
| 1506 |
+ var maxTop = stopTop - startTop - $phone.outerHeight() - 20; |
|
| 1507 |
+ |
|
| 1508 |
+ if (scrollTop > startTop) {
|
|
| 1509 |
+ if (moveTop < 0) moveTop = 0; |
|
| 1510 |
+ if (moveTop > maxTop) moveTop = maxTop; |
|
| 1511 |
+ $phone.css({ top: moveTop });
|
|
| 1512 |
+ } else {
|
|
| 1513 |
+ $phone.css({ top: 0 });
|
|
| 1514 |
+ } |
|
| 1493 | 1515 |
} else {
|
| 1494 | 1516 |
if (t > ofsT && t - ofsT < h - pH) {
|
| 1495 | 1517 |
$('.send_top .send_right .phone').css({
|
--- src/main/webapp/publish/js/main.js
+++ src/main/webapp/publish/js/main.js
... | ... | @@ -165,6 +165,11 @@ |
| 165 | 165 |
$(".btn_photo").css("display", "none")
|
| 166 | 166 |
}) |
| 167 | 167 |
/* //content2 문자샘플 */ |
| 168 |
+ |
|
| 169 |
+ $(".api_unchecked_send_popup").show().css("opacity","1");
|
|
| 170 |
+ if ($(".api_unchecked_send_popup").is(":visible") == true) {
|
|
| 171 |
+ $(".mask").addClass("on").css("z-index","1000");
|
|
| 172 |
+ }else{}
|
|
| 168 | 173 |
|
| 169 | 174 |
}); |
| 170 | 175 |
|
... | ... | @@ -178,3 +183,9 @@ |
| 178 | 183 |
tabBtnNot.prev(".btn_prev").css("display","none");
|
| 179 | 184 |
tabBtnNot.next(".btn_next").css("display","none");
|
| 180 | 185 |
}); |
| 186 |
+ |
|
| 187 |
+ |
|
| 188 |
+function popupClose(closeBtn){
|
|
| 189 |
+ $(closeBtn).closest(".popup-com").hide().css("opacity","0");
|
|
| 190 |
+ $(".mask").removeClass("on").removeAttr("style");
|
|
| 191 |
+}(No newline at end of file) |
--- src/main/webapp/publish/layout/_header.html
+++ src/main/webapp/publish/layout/_header.html
... | ... | @@ -342,9 +342,10 @@ |
| 342 | 342 |
<!-- <button type="button" class="btnType btnType3" onclick="location.href='/web/user/mberInfoIndex.do'">마이페이지</button> --> |
| 343 | 343 |
<button type="button" class="btnType btnType1" onclick="location.href='/web/uat/uia/actionLogout.do'">로그아웃</button> |
| 344 | 344 |
|
| 345 |
- <div class="security_box green_box"> |
|
| 345 |
+ <div class="security_box yellow_box"> |
|
| 346 |
+ <i class="icon security"></i> |
|
| 346 | 347 |
<a href="/web/user/mberSecureLogin.do" class="title">보안로그인</a> |
| 347 |
- <a href="#" id="secuLoginFlag" class="state on">ON</a> |
|
| 348 |
+ <!-- <a href="#" id="secuLoginFlag" class="state on">ON</a> --> |
|
| 348 | 349 |
</div> |
| 349 | 350 |
</div> |
| 350 | 351 |
<div class="login_pay"> |
--- src/main/webapp/publish/mypage1.html
+++ src/main/webapp/publish/mypage1.html
... | ... | @@ -38,8 +38,29 @@ |
| 38 | 38 |
<!-- header 영역 --> |
| 39 | 39 |
<div data-include-path="/publish/layout/_header.html"></div> |
| 40 | 40 |
<!--// header 영역 --> |
| 41 |
- <!-- login 영역 --> |
|
| 42 |
- <!-- content 영역 --> |
|
| 41 |
+ |
|
| 42 |
+ <div class="case_switcher"> |
|
| 43 |
+ <strong class="case_switcher_title">CASE</strong> |
|
| 44 |
+ |
|
| 45 |
+ <div class="case_switcher_list"> |
|
| 46 |
+ <label class="case_item"> |
|
| 47 |
+ <input type="radio" name="case" value="case01" checked> |
|
| 48 |
+ <span>아이디 비밀번호 틀림</span> |
|
| 49 |
+ </label> |
|
| 50 |
+ |
|
| 51 |
+ <label class="case_item"> |
|
| 52 |
+ <input type="radio" name="case" value="case02"> |
|
| 53 |
+ <span>5회 이상 틀렸을 때</span> |
|
| 54 |
+ </label> |
|
| 55 |
+ |
|
| 56 |
+ <!-- <label class="case_item"> |
|
| 57 |
+ <input type="radio" name="case" value="case03"> |
|
| 58 |
+ <span>국외접속 시</span> |
|
| 59 |
+ </label> --> |
|
| 60 |
+ |
|
| 61 |
+ </div> |
|
| 62 |
+ </div> |
|
| 63 |
+ |
|
| 43 | 64 |
<div id="container" class="cont sub"> |
| 44 | 65 |
<div class="inner"> |
| 45 | 66 |
<!-- send top --> |
... | ... | @@ -73,12 +94,22 @@ |
| 73 | 94 |
<button type="button"><img src="/publish/images/content/login_del.png" alt="입력 삭제"></button> |
| 74 | 95 |
</div> |
| 75 | 96 |
</div> |
| 76 |
- <div class="pass_no2"> |
|
| 77 |
- <p><i></i>아이디 또는 비밀번호가 일치하지 않습니다.</p> |
|
| 97 |
+ |
|
| 98 |
+ <div class="pass_no2" data-case="case01"> |
|
| 99 |
+ <i></i><p>아이디 또는 비밀번호가 올바르지 않습니다. (남은 시도 <b>N</b>회)</p> |
|
| 78 | 100 |
</div> |
| 101 |
+ <div class="pass_no2" data-case="case02" style="display:none;"> |
|
| 102 |
+ <i></i><p>5회 이상 로그인에 실패하여 계정이 잠겼습니다. 비밀번호를 재설정해주세요.</p> |
|
| 103 |
+ </div> |
|
| 104 |
+ <div class="pass_no2" data-case="case03" style="display:none;"> |
|
| 105 |
+ <i></i><p>국외에서는 보안상 로그인이 제한됩니다.</p> |
|
| 106 |
+ </div> |
|
| 107 |
+ |
|
| 79 | 108 |
<div class="mem_btnWrap2"> |
| 80 |
- <button type="button" class="mem_btn5">로그인</button> |
|
| 109 |
+ <button type="button" class="btnType mem_btn5" data-case="case01">로그인</button> |
|
| 110 |
+ <button type="button" class="btnType mem_btn5 disabled" data-case="case02" style="display:none;">로그인</button> |
|
| 81 | 111 |
</div> |
| 112 |
+ |
|
| 82 | 113 |
<div class="lgoin_bottom clearfix"> |
| 83 | 114 |
<div> |
| 84 | 115 |
<div class="checkbox_wrap"> |
... | ... | @@ -89,7 +120,7 @@ |
| 89 | 120 |
<ul> |
| 90 | 121 |
<li><a href="#">회원가입</a></li> |
| 91 | 122 |
<li class="SortLine"><a href="#">아이디찾기</a></li> |
| 92 |
- <li class="SortLine"><a href="#">비밀번호찾기</a></li> |
|
| 123 |
+ <li class="SortLine"><a href="#">비밀번호재설정</a></li> |
|
| 93 | 124 |
</ul> |
| 94 | 125 |
</div> |
| 95 | 126 |
</div> |
--- src/main/webapp/publish/mypage5.html
+++ src/main/webapp/publish/mypage5.html
... | ... | @@ -2,276 +2,1232 @@ |
| 2 | 2 |
<html lang="ko"> |
| 3 | 3 |
|
| 4 | 4 |
<head> |
| 5 |
- <meta charset="UTF-8"> |
|
| 6 |
- <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
| 7 |
- <title>문자온</title> |
|
| 8 |
- |
|
| 9 |
- <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet"> |
|
| 10 |
- <link rel="stylesheet" href="/publish/css/reset.css"> |
|
| 11 |
- <link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css"> |
|
| 12 |
- <link rel="stylesheet" href="/publish/css/common.css"> |
|
| 13 |
- <link rel="stylesheet" href="/publish/css/style.css"> |
|
| 14 |
- <link rel="stylesheet" href="/publish/css/button.css"> |
|
| 15 |
- <link rel="stylesheet" href="/publish/css/content.css"> |
|
| 16 |
- <link rel="stylesheet" href="/publish/css/mem.css"> |
|
| 17 |
- <link rel="stylesheet" href="/publish/css/font.css"> |
|
| 18 |
- <link rel="stylesheet" href="/publish/css/popupLayer.css"> |
|
| 19 |
- |
|
| 20 |
- |
|
| 21 |
- <script src="/publish/js/jquery-3.5.0.js"></script> |
|
| 22 |
- <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script> |
|
| 23 |
- <script src="/publish/js/common.js"></script> |
|
| 24 |
- <script src="/publish/js/content.js"></script> |
|
| 25 |
- <script src="/publish/js/popupLayer.js"></script> |
|
| 26 |
- |
|
| 5 |
+ <meta charset="UTF-8"> |
|
| 6 |
+ <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
| 7 |
+ <title>문자고</title> |
|
| 8 |
+ <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet"> |
|
| 9 |
+ <link rel="stylesheet" href="/publish/css/reset.css"> |
|
| 10 |
+ <link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css"> |
|
| 11 |
+ <link rel="stylesheet" href="/publish/css/common.css"> |
|
| 12 |
+ <link rel="stylesheet" href="/publish/css/style.css"> |
|
| 13 |
+ <link rel="stylesheet" href="/publish/css/button.css"> |
|
| 14 |
+ <link rel="stylesheet" href="/publish/css/content.css"> |
|
| 15 |
+ <link rel="stylesheet" href="/publish/css/mem.css"> |
|
| 16 |
+ <link rel="stylesheet" href="/publish/css/font.css"> |
|
| 17 |
+ <link rel="stylesheet" href="/publish/css/popupLayer.css"> |
|
| 18 |
+ <script src="/publish/js/jquery-3.5.0.js"></script> |
|
| 19 |
+ <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script> |
|
| 20 |
+ <script src="/publish/js/common.js"></script> |
|
| 21 |
+ <script src="/publish/js/content.js"></script> |
|
| 22 |
+ <script src="/publish/js/popupLayer.js"></script> |
|
| 23 |
+ <script> |
|
| 24 |
+ $(function () {
|
|
| 25 |
+ $("[data-tooltip='worker_count_popup']").click(function () {
|
|
| 26 |
+ if ($(this).text() == "변경") {
|
|
| 27 |
+ $(".worker_count_popup[data-tooltip-con='worker_count_popup'] .popup_heading p").text("종사자 수 변경");
|
|
| 28 |
+ } else if ($(this).text() == "등록") {
|
|
| 29 |
+ $(".worker_count_popup[data-tooltip-con='worker_count_popup'] .popup_heading p").text("종사자 수 등록");
|
|
| 30 |
+ } |
|
| 31 |
+ }); |
|
| 32 |
+ $(document).on('change', 'input[name="auth"]', function () {
|
|
| 33 |
+ const selectedValue = $(this).val(); |
|
| 34 |
+ $('.auth_type').hide();
|
|
| 35 |
+ $(`.auth_type.${selectedValue}`).show();
|
|
| 36 |
+ }); |
|
| 37 |
+ }) |
|
| 38 |
+ </script> |
|
| 27 | 39 |
</head> |
| 28 | 40 |
|
| 29 | 41 |
<body> |
| 30 |
- <div class="mask"></div> |
|
| 31 |
- <!-- 통신사 고객센터 정보 팝업 --> |
|
| 32 |
- <div class="tooltip-wrap"> |
|
| 33 |
- <div class="popup-com servInfo_cont popup04" tabindex="0" data-tooltip-con="popup04" data-focus="popup04" data-focus-prev="popup04-close"> |
|
| 34 |
- <div class="popup_heading"> |
|
| 35 |
- <p>각 통신사 고객센터 정보</p> |
|
| 36 |
- <button type="button" class="tooltip-close" data-focus="popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 37 |
- </div> |
|
| 38 |
- <div class="layer_in"> |
|
| 39 |
- <ul> |
|
| 40 |
- <li> |
|
| 41 |
- <div> |
|
| 42 |
- <div><img src="/publish/images/content/call_serv1.png" alt="T 월드"></div> |
|
| 43 |
- <p><span class="fwLg">모바일</span> 080-011-6000 / <span class="fwLg">유선</span> 080-816-2000</p> |
|
| 44 |
- </div> |
|
| 45 |
- </li> |
|
| 46 |
- <li> |
|
| 47 |
- <div> |
|
| 48 |
- <div><img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤"></div> |
|
| 49 |
- <p>1599-0999</p> |
|
| 50 |
- </div> |
|
| 51 |
- </li> |
|
| 52 |
- <li> |
|
| 53 |
- <div> |
|
| 54 |
- <div><img src="/publish/images/content/call_serv3.png" alt="SK 브로드밴드"></div> |
|
| 55 |
- <p>080-8282-106</p> |
|
| 56 |
- </div> |
|
| 57 |
- </li> |
|
| 58 |
- <li> |
|
| 59 |
- <div> |
|
| 60 |
- <div><img src="/publish/images/content/call_serv4.png" alt="hello 모바일"></div> |
|
| 61 |
- <p>KT망 1855-1144 / SKT망 1855-2114</p> |
|
| 62 |
- </div> |
|
| 63 |
- </li> |
|
| 64 |
- <li> |
|
| 65 |
- <div> |
|
| 66 |
- <div><img src="/publish/images/content/call_serv5.png" alt="Kt"></div> |
|
| 67 |
- <p><span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span> 100</p> |
|
| 68 |
- </div> |
|
| 69 |
- </li> |
|
| 70 |
- <li> |
|
| 71 |
- <div> |
|
| 72 |
- <div><img src="/publish/images/content/call_serv6.png" alt="세종텔레콤"></div> |
|
| 73 |
- <p>080-889-1000</p> |
|
| 74 |
- </div> |
|
| 75 |
- </li> |
|
| 76 |
- <li> |
|
| 77 |
- <div> |
|
| 78 |
- <div><img src="/publish/images/content/call_serv7.png" alt="U+"></div> |
|
| 79 |
- <p><span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span> 100</p> |
|
| 80 |
- </div> |
|
| 81 |
- </li> |
|
| 82 |
- <li> |
|
| 83 |
- <div> |
|
| 84 |
- <div><img src="/publish/images/content/call_serv8.png" alt="Kct"></div> |
|
| 85 |
- <p>070-8188-0114</p> |
|
| 86 |
- </div> |
|
| 87 |
- </li> |
|
| 88 |
- </ul> |
|
| 89 |
- </div> |
|
| 42 |
+ <div class="mask"></div> |
|
| 43 |
+ <div class="tooltip-wrap"> |
|
| 44 |
+ <div class="popup-com servInfo_cont popup001" tabindex="0" data-tooltip-con="popup001" data-focus="popup001" data-focus-prev="popup001-close"> |
|
| 45 |
+ <div class="popup_heading"> |
|
| 46 |
+ <p>통신서비스 이용증명원 발급안내</p><button type="button" class="tooltip-close" data-focus="popup001-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 47 |
+ </div> |
|
| 48 |
+ <div class="layer_in call_layer"> |
|
| 49 |
+ <div class="call_number_pop"> |
|
| 50 |
+ <ul class="call_numbber_list"> |
|
| 51 |
+ <li>- 과학기술정보통신부 고시에 따라 발신번호 등록 시 <strong>통신서비스 이용증명원</strong>을 통해 전화번호 일치 여부 등을 확인하고 있습니다.</li> |
|
| 52 |
+ <li>- 이동통신사 고객센터 또는 홈페이지 등을 통해 해당 서류를 발급 후 발신번호 신청 시 함께 첨부해주시면 빠른 심사 처리가 가능합니다.</li> |
|
| 53 |
+ <li>- ※ 휴대폰 본인인증으로 대체 가능(단, 본인인증이 불가한 번호의 경우 서류 발급 필수)</li> |
|
| 54 |
+ </ul> |
|
| 55 |
+ <div class="noted_items"> |
|
| 56 |
+ <p class="title">참고사항</p> |
|
| 57 |
+ <ul class="call_numbber_list"> |
|
| 58 |
+ <li>· 발급 시 명의자의 성명(법인명), 생년월일(사업자번호), 서비스번호(전화번호) 등이 모두 노출되어야 함</li> |
|
| 59 |
+ <li>· 이용증명원 내 발급 시기 및 발급자 정보(발급 담당자의 성명 및 전화번호 등)가 포함되어야 함</li> |
|
| 60 |
+ <li>· 착신전용서비스, 타지역서비스, 디지털착신전용 발신번호 등록 불가</li> |
|
| 61 |
+ </ul> |
|
| 62 |
+ </div> |
|
| 90 | 63 |
</div> |
| 64 |
+ <p class="info_tit">[통신사 고객센터 정보]</p> |
|
| 65 |
+ <div class="call_new"> |
|
| 66 |
+ <ul> |
|
| 67 |
+ <li> |
|
| 68 |
+ <div> |
|
| 69 |
+ <div class="call_img"><img src="/publish/images/content/call_serv1_1.png" alt="T 월드"></div> |
|
| 70 |
+ <p><span class="fwLg">모바일</span>1599-0011 / <span class="fwLg">유선</span>1600-2000 </p> |
|
| 71 |
+ </div> |
|
| 72 |
+ </li> |
|
| 73 |
+ <li> |
|
| 74 |
+ <div> |
|
| 75 |
+ <div class="call_img"><img src="/publish/images/content/call_serv2_1.png" alt="SK 7mobile"></div> |
|
| 76 |
+ <p>1599-0999</p> |
|
| 77 |
+ </div> |
|
| 78 |
+ </li> |
|
| 79 |
+ <li> |
|
| 80 |
+ <div> |
|
| 81 |
+ <div class="call_img"><img src="/publish/images/content/call_serv3_1.png" alt="B"></div> |
|
| 82 |
+ <p>106</p> |
|
| 83 |
+ </div> |
|
| 84 |
+ </li> |
|
| 85 |
+ <li> |
|
| 86 |
+ <div> |
|
| 87 |
+ <div class="call_img"><img src="/publish/images/content/call_serv4_1.png" alt="hello 모바일"></div> |
|
| 88 |
+ <p>KT망 1855-1144 / SKT망 1855-2114 / LGU+망 1855-1140</p> |
|
| 89 |
+ </div> |
|
| 90 |
+ </li> |
|
| 91 |
+ <li> |
|
| 92 |
+ <div> |
|
| 93 |
+ <div class="call_img"><img src="/publish/images/content/call_serv5_1.png" alt="Kt"></div> |
|
| 94 |
+ <p><span class="fwLg">모바일</span>1588-0010 / <span class="fwLg">유선</span>100 </p> |
|
| 95 |
+ </div> |
|
| 96 |
+ </li> |
|
| 97 |
+ <li> |
|
| 98 |
+ <div> |
|
| 99 |
+ <div class="call_img"><img src="/publish/images/content/call_serv6_1.png" alt="snowman"></div> |
|
| 100 |
+ <p>KT망 1688-9300 / SKT망 1666-9316 / LGU+망 1688-0045</p> |
|
| 101 |
+ </div> |
|
| 102 |
+ </li> |
|
| 103 |
+ <li> |
|
| 104 |
+ <div> |
|
| 105 |
+ <div class="call_img"><img src="/publish/images/content/call_serv7_1.png" alt="LG U+"></div> |
|
| 106 |
+ <p><span class="fwLg">모바일</span>1544-0010 / <span class="fwLg">유선</span>101 </p> |
|
| 107 |
+ </div> |
|
| 108 |
+ </li> |
|
| 109 |
+ <li> |
|
| 110 |
+ <div> |
|
| 111 |
+ <div class="call_img"><img src="/publish/images/content/call_serv8_1.png" alt="tplus"></div> |
|
| 112 |
+ <p>KT망 1811-1141 / SKT망 1877-9114 / LGU+망 1533-7114</p> |
|
| 113 |
+ </div> |
|
| 114 |
+ </li> |
|
| 115 |
+ </ul> |
|
| 116 |
+ </div> |
|
| 117 |
+ </div> |
|
| 91 | 118 |
</div> |
| 92 |
- |
|
| 93 |
- <!--// 통신사 고객센터 정보 팝업 --> |
|
| 94 |
- <div data-include-path="/publish/layout/_header.html"></div> |
|
| 95 |
- <!-- login 영역 --> |
|
| 96 |
- <!-- content 영역 --> |
|
| 97 |
- <div id="container" class="cont sub"> |
|
| 98 |
- <div class="inner"> |
|
| 99 |
- <!-- send top --> |
|
| 100 |
- <div class="send_top"> |
|
| 101 |
- <!-- tab button --> |
|
| 102 |
- <ul class="tabType4"> |
|
| 103 |
- <li class="tab"><button type="button" onclick="location.href='/publish/mypage2.html'">회원정보 변경</button></li> |
|
| 104 |
- <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li> |
|
| 105 |
- <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li> |
|
| 106 |
- <li class="tab active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</button></li> |
|
| 107 |
- <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li> |
|
| 108 |
- <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li> |
|
| 109 |
- </ul> |
|
| 110 |
- <!--// tab button --> |
|
| 111 |
- <!-- 마이페이지 - 발신번호 관리 --> |
|
| 112 |
- <div class="mypage_content current" id="tab5_4"> |
|
| 113 |
- <div class="heading call_numbe_con"> |
|
| 114 |
- <h2>발신번호 관리</h2> |
|
| 115 |
- <div class="button_wrap"> |
|
| 116 |
- <button type="button" class="button certificate btn" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button> |
|
| 117 |
- <button type="button" class="button id_card btn" data-tooltip="popup004">대리인 신분증이란?</button> |
|
| 118 |
- <button type="button" class="button pro_ex btn" data-tooltip="popup003">위임장 작성 방법</button> |
|
| 119 |
- </div> |
|
| 120 |
- </div> |
|
| 121 |
- <div class="mem_cont_in widthXL" id="sendNumberListLoad"> <!-- 폼 맞추려고 id 추가 --> |
|
| 122 |
- <div class="titBox"> |
|
| 123 |
- <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p> |
|
| 124 |
- <p>- 발신번호 최대 등록 가능 개수 : <span class="fwMd c_222">10</span>개</p> |
|
| 125 |
- </div> |
|
| 126 |
- <div class="callNum_list_wrap"> |
|
| 127 |
- <p class="callNum_list_title">· 등록된 번호 : <span class="c_002c9a fwMd">0</span>/10개</p> |
|
| 128 |
- <button type="button" class="btnType btnType2">대표번호 설정</button> |
|
| 129 |
- </div> |
|
| 130 |
- <div class="tb_wrap"> |
|
| 131 |
- <table class="tType4"> |
|
| 132 |
- <colgroup> |
|
| 133 |
- <col style="width: 40px;"> |
|
| 134 |
- <col style="width: 10%;"> |
|
| 135 |
- <col style="width: 11%;"> |
|
| 136 |
- <col style="width: auto;"> |
|
| 137 |
- <col style="width: 10%;"> |
|
| 138 |
- <col style="width: 10%;"> |
|
| 139 |
- <col style="width: 15%;"> |
|
| 140 |
- <col style="width: 10%;"> |
|
| 141 |
- <col style="width: 10%;"> |
|
| 142 |
- </colgroup> |
|
| 143 |
- <thead> |
|
| 144 |
- <tr> |
|
| 145 |
- <th scope="col"> |
|
| 146 |
- <label for="" class="label">전체 선택</label> |
|
| 147 |
- <input type="checkbox"> |
|
| 148 |
- </th> |
|
| 149 |
- <th>대표번호 설정</th> |
|
| 150 |
- <th>번호</th> |
|
| 151 |
- <th>발신번호명</th> |
|
| 152 |
- <th>인증방식</th> |
|
| 153 |
- <th>상태</th> |
|
| 154 |
- <th>등록일</th> |
|
| 155 |
- <th>발신번호 관리</th> |
|
| 156 |
- <th>반려서류 제출</th> |
|
| 157 |
- </tr> |
|
| 158 |
- </thead> |
|
| 159 |
- <tbody> |
|
| 160 |
- <tr> |
|
| 161 |
- <td colspan="9">검색된 내용이 없습니다.</td> |
|
| 162 |
- </tr> |
|
| 163 |
- <tr> |
|
| 164 |
- <td> |
|
| 165 |
- <label for="" class="label">전체 선택</label> |
|
| 166 |
- <input type="checkbox"> |
|
| 167 |
- </td> |
|
| 168 |
- <td> |
|
| 169 |
- <label for="" class="label">기본번호로 설정 선택</label> |
|
| 170 |
- <input type="radio" checked=""> |
|
| 171 |
- </td> |
|
| 172 |
- <td>010-1234-5678</td> |
|
| 173 |
- <td class="input_wrap2"> |
|
| 174 |
- <label for="" class="label">발신번호명</label> |
|
| 175 |
- <input type="text" placeholder="홍길동" readonly=""> |
|
| 176 |
- </td> |
|
| 177 |
- <td>ARS인증</td> |
|
| 178 |
- <td><span class="c_e40000">추가인증필요 1577-1577</span></td> |
|
| 179 |
- <td>2021-06-06</td> |
|
| 180 |
- <td> |
|
| 181 |
- <button type="button" class="btnType btnType14">수정</button> |
|
| 182 |
- <button type="button" class="btnType btnType14">삭제</button> |
|
| 183 |
- </td> |
|
| 184 |
- <td></td> |
|
| 185 |
- </tr> |
|
| 186 |
- <tr> |
|
| 187 |
- <td> |
|
| 188 |
- <label for="" class="label">전체 선택</label> |
|
| 189 |
- <input type="checkbox"> |
|
| 190 |
- </td> |
|
| 191 |
- <td> |
|
| 192 |
- <label for="" class="label">기본번호로 설정 선택</label> |
|
| 193 |
- <input type="radio"> |
|
| 194 |
- </td> |
|
| 195 |
- <td>010-1234-5678</td> |
|
| 196 |
- <td class="input_wrap2"> |
|
| 197 |
- <label for="" class="label">발신번호명</label> |
|
| 198 |
- <input type="text" placeholder="홍길동" readonly=""> |
|
| 199 |
- </td> |
|
| 200 |
- <td>ARS인증</td> |
|
| 201 |
- <td><span class="c_ffa200">심사중</span></td> |
|
| 202 |
- <td>2021-06-06</td> |
|
| 203 |
- <td> |
|
| 204 |
- <button type="button" class="btnType btnType14">수정</button> |
|
| 205 |
- <button type="button" class="btnType btnType14">삭제</button> |
|
| 206 |
- </td> |
|
| 207 |
- <td></td> |
|
| 208 |
- </tr> |
|
| 209 |
- <tr> |
|
| 210 |
- <td> |
|
| 211 |
- <label for="" class="label">전체 선택</label> |
|
| 212 |
- <input type="checkbox"> |
|
| 213 |
- </td> |
|
| 214 |
- <td> |
|
| 215 |
- <label for="" class="label">기본번호로 설정 선택</label> |
|
| 216 |
- <input type="radio"> |
|
| 217 |
- </td> |
|
| 218 |
- <td>010-1234-5678</td> |
|
| 219 |
- <td class="input_wrap2"> |
|
| 220 |
- <label for="" class="label">발신번호명</label> |
|
| 221 |
- <input type="text" placeholder="홍길동" readonly=""> |
|
| 222 |
- </td> |
|
| 223 |
- <td>ARS인증</td> |
|
| 224 |
- <td><span class="c_999999">반려</span></td> |
|
| 225 |
- <td>2021-06-06</td> |
|
| 226 |
- <td> |
|
| 227 |
- <button type="button" class="btnType btnType14">수정</button> |
|
| 228 |
- <button type="button" class="btnType btnType14">삭제</button> |
|
| 229 |
- </td> |
|
| 230 |
- <td></td> |
|
| 231 |
- </tr> |
|
| 232 |
- <tr> |
|
| 233 |
- <td> |
|
| 234 |
- <label for="" class="label">전체 선택</label> |
|
| 235 |
- <input type="checkbox"> |
|
| 236 |
- </td> |
|
| 237 |
- <td> |
|
| 238 |
- <label for="" class="label">기본번호로 설정 선택</label> |
|
| 239 |
- <input type="radio"> |
|
| 240 |
- </td> |
|
| 241 |
- <td>010-1234-5678</td> |
|
| 242 |
- <td class="input_wrap2"> |
|
| 243 |
- <label for="" class="label">발신번호명</label> |
|
| 244 |
- <input type="text" placeholder="홍길동" readonly=""> |
|
| 245 |
- </td> |
|
| 246 |
- <td>ARS인증</td> |
|
| 247 |
- <td><span class="c_002c9a">인증완료</span></td> |
|
| 248 |
- <td>2021-06-06</td> |
|
| 249 |
- <td> |
|
| 250 |
- <button type="button" class="btnType btnType14">수정</button> |
|
| 251 |
- <button type="button" class="btnType btnType14">삭제</button> |
|
| 252 |
- </td> |
|
| 253 |
- <td></td> |
|
| 254 |
- </tr> |
|
| 255 |
- </tbody> |
|
| 256 |
- </table> |
|
| 257 |
- </div> |
|
| 258 |
- <div class="send_button_wrap"> |
|
| 259 |
- <button type="button" class="btnType btnType16" onclick="fnRegisterPhoneNum(); return false;">+ 신규 발신번호 등록</button> |
|
| 260 |
- </div> |
|
| 261 |
- <!-- table --> |
|
| 262 |
- </div> |
|
| 119 |
+ </div> |
|
| 120 |
+ <div class="tooltip-wrap"> |
|
| 121 |
+ <div class="popup-com servInfo_cont popup004" tabindex="0" data-tooltip-con="popup004" data-focus="popup004" data-focus-prev="popup004-close"> |
|
| 122 |
+ <div class="popup_heading"> |
|
| 123 |
+ <p>대리인 신분증이란?</p><button type="button" class="tooltip-close" data-focus="popup001-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 124 |
+ </div> |
|
| 125 |
+ <div class="layer_in"> |
|
| 126 |
+ <div class="call_number_pop"> |
|
| 127 |
+ <ul class="call_numbber_list"> |
|
| 128 |
+ <li>- 타인/타사의 휴대전화(또는 일반전화)를 발신번호로 등록하기 위해서는 대리인(문자온 가입자)의 신분증 사본을 제출하여야 합니다.</li> |
|
| 129 |
+ <li>- 개인회원 : <strong>타인 휴대전화(or 일반전화)</strong>발신번호 등록 시 제출</li> |
|
| 130 |
+ <li>- 기업회원 : <strong>타사 휴대전화(or 일반전화)</strong>발신번호 등록 시 제출</li> |
|
| 131 |
+ </ul> |
|
| 132 |
+ <div class="noted_items"> |
|
| 133 |
+ <p class="title">참고사항</p> |
|
| 134 |
+ <ul class="call_numbber_list"> |
|
| 135 |
+ <li>· 신분증 사본 제출 시 주민번호 뒷자리는 마스킹 처리(개인정보 보호)</li> |
|
| 136 |
+ <li>· 제출 가능한 신분증 : 주민등록증, 운전면허증, 여권</li> |
|
| 137 |
+ <li>· 대리인=<strong>문자온 가입자(O)</strong>발신번호 명의자(X)</li> |
|
| 138 |
+ </ul> |
|
| 139 |
+ </div> |
|
| 140 |
+ </div> |
|
| 141 |
+ <div class="ex_con_wrap"> |
|
| 142 |
+ <div class="ex_con"> |
|
| 143 |
+ <p class="ex_con_tit">[제출 예시 이미지]</p><img src="/publish/images/popup/id_card_ex.png" alt="제출 예시 이미지"> |
|
| 144 |
+ <p class="ex_con_te">※ 이미지 자료 : 행정안전부</p> |
|
| 145 |
+ </div> |
|
| 146 |
+ </div> |
|
| 147 |
+ </div> |
|
| 148 |
+ </div> |
|
| 149 |
+ </div> |
|
| 150 |
+ <div class="tooltip-wrap"> |
|
| 151 |
+ <div class="popup-com servInfo_cont popup003" tabindex="0" data-tooltip-con="popup003" data-focus="popup003" data-focus-prev="popup003-close"> |
|
| 152 |
+ <div class="popup_heading"> |
|
| 153 |
+ <p>위임장 작성 방법</p><button type="button" class="tooltip-close" data-focus="popup001-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 154 |
+ </div> |
|
| 155 |
+ <div class="layer_in pro_layer_in"> |
|
| 156 |
+ <div class="pro_btn_wrap"><button type="button" class="button attorney btn" onclick="location.href='/download/number/문자온_발신번호_등록_위임장_양식.zip'">위임장 다운로드</button></div> |
|
| 157 |
+ <div class="call_number_pop"> |
|
| 158 |
+ <p class="pro_tit">타인 또는 타사의 휴대전화 및 일반전화 발신번호 등록을 위해서는 <br><span>위임장 제출이 필수</span>입니다.</p> |
|
| 159 |
+ <ul class="call_numbber_list"> |
|
| 160 |
+ <li>- 위임자(발신번호 명의자)와 수임자(문자온 가입자)를 구분하여 작성</li> |
|
| 161 |
+ <li>- 개인정보 수집 이용 동의 체크</li> |
|
| 162 |
+ <li>- 위임자가 법인일 경우 도장 날인, 개인일경우 자필 서명</li> |
|
| 163 |
+ </ul> |
|
| 164 |
+ </div> |
|
| 165 |
+ <div class="ex_con_wrap"> |
|
| 166 |
+ <div class="ex_con"> |
|
| 167 |
+ <p class="ex_con_tit">[위임장 작성 예시]</p><img src="/publish/images/popup/pro_ex.png" alt="제출 예시 이미지"> |
|
| 168 |
+ </div> |
|
| 169 |
+ </div> |
|
| 170 |
+ </div> |
|
| 171 |
+ </div> |
|
| 172 |
+ </div> |
|
| 173 |
+ <div class="tooltip-wrap"> |
|
| 174 |
+ <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"> |
|
| 175 |
+ <div class="popup_heading"> |
|
| 176 |
+ <p>종사자 수 등록</p><button type="button" class="tooltip-close" data-focus="worker_count_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 177 |
+ </div> |
|
| 178 |
+ <div class="layer_in"> |
|
| 179 |
+ <div class="titBox"> |
|
| 180 |
+ <p>- 유선 발신번호는 <span class="fwMd c_222">종사자 수 인증</span>후 인증된 종사자 수만큼 등록할 수 있습니다.</p> |
|
| 181 |
+ <p>- 이미 등록된 발신번호는 종사자 수와 관계없이 계속 사용할 수 있습니다.</p> |
|
| 182 |
+ <p>- 사업장 전체 인원을 확인할 수 있는 자료(4대보험 사업장 가입자 명부, 임직원 명부, 조직도 등)를 첨부해 주세요.</p> |
|
| 183 |
+ <p>- <span class="fwBold c_e40000">주민등록번호 · 주소 · 급여 등 불필요한 개인정보는 마스킹 처리 후 제출해 주세요.</span></p> |
|
| 184 |
+ </div> |
|
| 185 |
+ <table class="layer_tType1"> |
|
| 186 |
+ <colgroup> |
|
| 187 |
+ <col style="width:155px;" /> |
|
| 188 |
+ <col style="width:auto;" /> |
|
| 189 |
+ </colgroup> |
|
| 190 |
+ <tbody> |
|
| 191 |
+ <tr> |
|
| 192 |
+ <th>사업자등록번호</th> |
|
| 193 |
+ <td><input type="text" class="readonly" readonly value="123-45-67890" /></td> |
|
| 194 |
+ </tr> |
|
| 195 |
+ <tr> |
|
| 196 |
+ <th>종사자 수</th> |
|
| 197 |
+ <td> |
|
| 198 |
+ <div class="form_wrap"><input type="text" class="worker_number" placeholder="종사자 수 입력" />명 </div> |
|
| 199 |
+ </td> |
|
| 200 |
+ </tr> |
|
| 201 |
+ <tr> |
|
| 202 |
+ <th>증빙서류</th> |
|
| 203 |
+ <td> |
|
| 204 |
+ <div class="btn_area right"><button type="button" class="btnType btnType9">파일첨부</button></div> |
|
| 205 |
+ <div class="tb_wrap file_upload_box no_img_box fileWrap"> |
|
| 206 |
+ <table class="tType4"> |
|
| 207 |
+ <colgroup> |
|
| 208 |
+ <col style="width: auto;"> |
|
| 209 |
+ <col style="width: 15%;"> |
|
| 210 |
+ <col style="width: 26%;"> |
|
| 211 |
+ <col style="width: 8%;"> |
|
| 212 |
+ </colgroup> |
|
| 213 |
+ <thead> |
|
| 214 |
+ <tr> |
|
| 215 |
+ <th>파일명</th> |
|
| 216 |
+ <th>파일크기</th> |
|
| 217 |
+ <th>등록일</th> |
|
| 218 |
+ <th>삭제</th> |
|
| 219 |
+ </tr> |
|
| 220 |
+ </thead> |
|
| 221 |
+ <tbody> |
|
| 222 |
+ <tr> |
|
| 223 |
+ <td colspan="4"> |
|
| 224 |
+ <div class="file_add"> |
|
| 225 |
+ <p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">파일을 여기에 끌어다 놓으세요</p> |
|
| 226 |
+ </div> |
|
| 227 |
+ </td> |
|
| 228 |
+ </tr> |
|
| 229 |
+ </tbody> |
|
| 230 |
+ </table> |
|
| 263 | 231 |
</div> |
| 264 |
- <!--// 마이페이지 - 발신번호 관리 --> |
|
| 265 |
- |
|
| 266 |
- </div> |
|
| 267 |
- <!--// send top --> |
|
| 268 |
- </div> |
|
| 232 |
+ <div class="file_list_div fileAfter tb_wrap fileWrap"> |
|
| 233 |
+ <table class="tType4"> |
|
| 234 |
+ <colgroup> |
|
| 235 |
+ <col style="width: auto;"> |
|
| 236 |
+ <col style="width: 15%;"> |
|
| 237 |
+ <col style="width: 26%;"> |
|
| 238 |
+ <col style="width: 8%;"> |
|
| 239 |
+ </colgroup> |
|
| 240 |
+ <thead> |
|
| 241 |
+ <tr> |
|
| 242 |
+ <th>파일명</th> |
|
| 243 |
+ <th>파일크기</th> |
|
| 244 |
+ <th>등록일시</th> |
|
| 245 |
+ <th>삭제</th> |
|
| 246 |
+ </tr> |
|
| 247 |
+ </thead> |
|
| 248 |
+ <tbody id="tbody_fiielist"> |
|
| 249 |
+ <tr> |
|
| 250 |
+ <td>11</td> |
|
| 251 |
+ <td>11mb</td> |
|
| 252 |
+ <td>2026-06-15 16:00</td> |
|
| 253 |
+ <td class="file_del"><input type="button" class="delBtn" alt="" onclick="delete_item(this, 0)"></td> |
|
| 254 |
+ </tr> |
|
| 255 |
+ </tbody> |
|
| 256 |
+ </table> |
|
| 257 |
+ </div><label for="agreeEvidence" class="form_row"><input type="checkbox" id="agreeEvidence" />증빙서류 수집·이용에 동의합니다. </label> |
|
| 258 |
+ </td> |
|
| 259 |
+ </tr> |
|
| 260 |
+ </tbody> |
|
| 261 |
+ </table> |
|
| 262 |
+ <div class="popup_btn"><button type="button" class="btnType btnType2 tooltip-close">신청하기</button><button type="button" class="btnType fill_gray tooltip-close">닫기</button></div> |
|
| 263 |
+ </div> |
|
| 269 | 264 |
</div> |
| 270 |
- <!--// content 영역 --> |
|
| 271 |
- <!-- footer 영역 --> |
|
| 272 |
- <!-- footer --> |
|
| 273 |
- <div data-include-path="/publish/layout/_footer.html"></div> |
|
| 274 |
- <!--// footer 영역 --> |
|
| 265 |
+ </div> |
|
| 266 |
+ <div class="tooltip-wrap"> |
|
| 267 |
+ <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"> |
|
| 268 |
+ <div class="popup_heading"> |
|
| 269 |
+ <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> |
|
| 270 |
+ </div> |
|
| 271 |
+ <div class="layer_in"> |
|
| 272 |
+ <div class="badge_wrap red"> |
|
| 273 |
+ <div class="badge red"><i class="icon error"></i>이전 신청이 반려되었습니다. 아래 사유를 확인하고 서류를 다시 첨부해 주세요. </div> |
|
| 274 |
+ <div class="white_box">[문자고] 제출하신 서류로는 사업장 전체 인원을 확인할 수 없어 종사자 수 인증이 반려되었습니다. 4대보험 사업장 가입자 명부, 임직원 명부, 조직도 등 사업장 전체 인원이 확인 가능한 자료를 첨부하여 재신청해 주시기 바랍니다. 제출 시 주민등록번호 · 주소 · 급여 등 불필요한 개인정보는 마스킹 처리 후 첨부해 주시면 빠른 심사 도와드리겠습니다. </div> |
|
| 275 |
+ </div> |
|
| 276 |
+ <div class="titBox"> |
|
| 277 |
+ <p>- 유선 발신번호는 <span class="fwMd c_222">종사자 수 인증</span>후 인증된 종사자 수만큼 등록할 수 있습니다.</p> |
|
| 278 |
+ <p>- 이미 등록된 발신번호는 종사자 수와 관계없이 계속 사용할 수 있습니다.</p> |
|
| 279 |
+ <p>- 사업장 전체 인원을 확인할 수 있는 자료(4대보험 사업장 가입자 명부, 임직원 명부, 조직도 등)를 첨부해 주세요.</p> |
|
| 280 |
+ <p>- <span class="fwBold c_e40000">주민등록번호 · 주소 · 급여 등 불필요한 개인정보는 마스킹 처리 후 제출해 주세요.</span></p> |
|
| 281 |
+ </div> |
|
| 282 |
+ <table class="layer_tType1"> |
|
| 283 |
+ <colgroup> |
|
| 284 |
+ <col style="width:155px;" /> |
|
| 285 |
+ <col style="width:auto;" /> |
|
| 286 |
+ </colgroup> |
|
| 287 |
+ <tbody> |
|
| 288 |
+ <tr> |
|
| 289 |
+ <th>사업자등록번호</th> |
|
| 290 |
+ <td><input type="text" class="readonly" readonly value="123-45-67890" /></td> |
|
| 291 |
+ </tr> |
|
| 292 |
+ <tr> |
|
| 293 |
+ <th>종사자 수</th> |
|
| 294 |
+ <td> |
|
| 295 |
+ <div class="form_wrap"><input type="text" class="worker_number" placeholder="종사자 수 입력" />명 </div> |
|
| 296 |
+ </td> |
|
| 297 |
+ </tr> |
|
| 298 |
+ <tr> |
|
| 299 |
+ <th>증빙서류</th> |
|
| 300 |
+ <td> |
|
| 301 |
+ <div class="btn_area right"><button type="button" class="btnType btnType9">파일첨부</button></div> |
|
| 302 |
+ <div class="tb_wrap file_upload_box no_img_box fileWrap"> |
|
| 303 |
+ <table class="tType4"> |
|
| 304 |
+ <colgroup> |
|
| 305 |
+ <col style="width: auto;"> |
|
| 306 |
+ <col style="width: 15%;"> |
|
| 307 |
+ <col style="width: 26%;"> |
|
| 308 |
+ <col style="width: 8%;"> |
|
| 309 |
+ </colgroup> |
|
| 310 |
+ <thead> |
|
| 311 |
+ <tr> |
|
| 312 |
+ <th>파일명</th> |
|
| 313 |
+ <th>파일크기</th> |
|
| 314 |
+ <th>등록일</th> |
|
| 315 |
+ <th>삭제</th> |
|
| 316 |
+ </tr> |
|
| 317 |
+ </thead> |
|
| 318 |
+ <tbody> |
|
| 319 |
+ <tr> |
|
| 320 |
+ <td colspan="4"> |
|
| 321 |
+ <div class="file_add"> |
|
| 322 |
+ <p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">파일을 여기에 끌어다 놓으세요</p> |
|
| 323 |
+ </div> |
|
| 324 |
+ </td> |
|
| 325 |
+ </tr> |
|
| 326 |
+ </tbody> |
|
| 327 |
+ </table> |
|
| 328 |
+ </div> |
|
| 329 |
+ <div class="file_list_div fileAfter tb_wrap fileWrap"> |
|
| 330 |
+ <table class="tType4"> |
|
| 331 |
+ <colgroup> |
|
| 332 |
+ <col style="width: auto;"> |
|
| 333 |
+ <col style="width: 15%;"> |
|
| 334 |
+ <col style="width: 26%;"> |
|
| 335 |
+ <col style="width: 8%;"> |
|
| 336 |
+ </colgroup> |
|
| 337 |
+ <thead> |
|
| 338 |
+ <tr> |
|
| 339 |
+ <th>파일명</th> |
|
| 340 |
+ <th>파일크기</th> |
|
| 341 |
+ <th>등록일시</th> |
|
| 342 |
+ <th>삭제</th> |
|
| 343 |
+ </tr> |
|
| 344 |
+ </thead> |
|
| 345 |
+ <tbody id="tbody_fiielist"> |
|
| 346 |
+ <tr> |
|
| 347 |
+ <td>11</td> |
|
| 348 |
+ <td>11</td> |
|
| 349 |
+ <td>2026-06-15 16:00</td> |
|
| 350 |
+ <td class="file_del"><input type="button" class="delBtn" alt="" onclick="delete_item(this, 0)"></td> |
|
| 351 |
+ </tr> |
|
| 352 |
+ </tbody> |
|
| 353 |
+ </table> |
|
| 354 |
+ </div><label for="agreeEvidence" class="form_row"><input type="checkbox" id="agreeEvidence" />증빙서류 수집·이용에 동의합니다. </label> |
|
| 355 |
+ </td> |
|
| 356 |
+ </tr> |
|
| 357 |
+ </tbody> |
|
| 358 |
+ </table> |
|
| 359 |
+ <div class="popup_btn"><button type="button" class="btnType btnType2 tooltip-close">신청하기</button><button type="button" class="btnType fill_gray tooltip-close">닫기</button></div> |
|
| 360 |
+ </div> |
|
| 361 |
+ </div> |
|
| 362 |
+ </div> |
|
| 363 |
+ <div class="tooltip-wrap"> |
|
| 364 |
+ <div class="popup-com number_return popup002" tabindex="0" data-tooltip-con="popup002" data-focus="popup002" data-focus-prev="popup002-close"> |
|
| 365 |
+ <div class="popup_heading"> |
|
| 366 |
+ <p>발신번호 반려 사유</p><button type="button" class="tooltip-close" data-focus="popup002-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 367 |
+ </div> |
|
| 368 |
+ <div class="layer_in"> |
|
| 369 |
+ <dl> |
|
| 370 |
+ <dt>발신번호</dt> |
|
| 371 |
+ <dd id="rejectPhone">01083584251</dd> |
|
| 372 |
+ </dl> |
|
| 373 |
+ <div class="reason"> |
|
| 374 |
+ <p>반려사유</p><textarea class="content" id="rejectReason" style="height: 200px" disabled="">[문자고] 회사 명의의 일반전화 발신번호 등록을 위해서는 “발신번호에 대한 통신서비스이용증명원”이 반드시 첨부되어야 합니다. 해당 서류 첨부(문자고 로그인-마이페이지-발신번호관리 메뉴-서류제출-파일 등록)하여 재신청해 주시면 빠른 심사 도와드리겠습니다. *통신서비스이용증명원 발급 안내 : 이동통신사 고객센터 또는 홈페이지 통해 발급 가능</textarea> |
|
| 375 |
+ </div> |
|
| 376 |
+ </div> |
|
| 377 |
+ <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> |
|
| 378 |
+ </div> |
|
| 379 |
+ </div> |
|
| 380 |
+ <div class="tooltip-wrap"> |
|
| 381 |
+ <div class="popup-com popup05 kisa_popup send_number_popup" tabindex="0" data-tooltip-con="popup05" data-focus="popup05" data-focus-prev="popup05-close"> |
|
| 382 |
+ <div class="popup_heading"> |
|
| 383 |
+ <p>파일첨부</p><button type="button" class="tooltip-close" data-focus="popup05-close" id="btnFilePopupClose"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 384 |
+ </div> |
|
| 385 |
+ <div class="layer_in layer_attachfile upload_area"> |
|
| 386 |
+ <div class="tb_wrap file_upload_box no_img_box fileWrap"> |
|
| 387 |
+ <table class="tType4"> |
|
| 388 |
+ <colgroup> |
|
| 389 |
+ <col style="width: 57%"> |
|
| 390 |
+ <col style="width: 10%"> |
|
| 391 |
+ <col style="width: 25%"> |
|
| 392 |
+ <col style="width: 8%"> |
|
| 393 |
+ </colgroup> |
|
| 394 |
+ <thead> |
|
| 395 |
+ <tr> |
|
| 396 |
+ <th>파일명</th> |
|
| 397 |
+ <th>파일크기</th> |
|
| 398 |
+ <th>등록일</th> |
|
| 399 |
+ <th>삭제</th> |
|
| 400 |
+ </tr> |
|
| 401 |
+ </thead> |
|
| 402 |
+ <tbody> |
|
| 403 |
+ <tr> |
|
| 404 |
+ <td colspan="4"> |
|
| 405 |
+ <div class="file_add"> |
|
| 406 |
+ <p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">파일을 여기에 끌어다 놓으세요</p> |
|
| 407 |
+ </div> |
|
| 408 |
+ </td> |
|
| 409 |
+ </tr> |
|
| 410 |
+ </tbody> |
|
| 411 |
+ </table> |
|
| 412 |
+ <div class="file_info">총 <strong class="totalfileCount">0</strong>개<span></span><strong class="totalfileSize">0 MB</strong></div> |
|
| 413 |
+ </div> |
|
| 414 |
+ <div class="tb_wrap fileWrap fileAfter file_list_div" style="display: none;"> |
|
| 415 |
+ <table class="tType4"> |
|
| 416 |
+ <colgroup> |
|
| 417 |
+ <col style="width: 57%"> |
|
| 418 |
+ <col style="width: 10%"> |
|
| 419 |
+ <col style="width: 25%"> |
|
| 420 |
+ <col style="width: 8%"> |
|
| 421 |
+ </colgroup> |
|
| 422 |
+ <thead> |
|
| 423 |
+ <tr> |
|
| 424 |
+ <th>파일명</th> |
|
| 425 |
+ <th>파일크기</th> |
|
| 426 |
+ <th>등록일</th> |
|
| 427 |
+ <th>삭제</th> |
|
| 428 |
+ </tr> |
|
| 429 |
+ </thead> |
|
| 430 |
+ <tbody id="tbody_fiielist"></tbody> |
|
| 431 |
+ </table> |
|
| 432 |
+ <div class="file_info file_list_div" style="display: none;">총 <strong class="totalfileCount"></strong>개<span></span><strong class="totalfileSize"></strong></div> |
|
| 433 |
+ </div> |
|
| 434 |
+ <div class="button_box"><input type="file" id="file_temp" name="file_temp" class="uploadFile"></div> |
|
| 435 |
+ </div> |
|
| 436 |
+ <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> |
|
| 437 |
+ </div> |
|
| 438 |
+ </div> |
|
| 439 |
+ <div class="tooltip-wrap"> |
|
| 440 |
+ <div class="popup-com servInfo_cont popup04" tabindex="0" data-tooltip-con="popup04" data-focus="popup04" data-focus-prev="popup04-close"> |
|
| 441 |
+ <div class="popup_heading"> |
|
| 442 |
+ <p>각 통신사 고객센터 정보</p><button type="button" class="tooltip-close" data-focus="popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 443 |
+ </div> |
|
| 444 |
+ <div class="layer_in"> |
|
| 445 |
+ <ul> |
|
| 446 |
+ <li> |
|
| 447 |
+ <div> |
|
| 448 |
+ <div><img src="/publish/images/content/call_serv1.png" alt="T 월드"></div> |
|
| 449 |
+ <p><span class="fwLg">모바일</span>080-011-6000 / <span class="fwLg">유선</span>080-816-2000</p> |
|
| 450 |
+ </div> |
|
| 451 |
+ </li> |
|
| 452 |
+ <li> |
|
| 453 |
+ <div> |
|
| 454 |
+ <div><img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤"></div> |
|
| 455 |
+ <p>1599-0999</p> |
|
| 456 |
+ </div> |
|
| 457 |
+ </li> |
|
| 458 |
+ <li> |
|
| 459 |
+ <div> |
|
| 460 |
+ <div><img src="/publish/images/content/call_serv3.png" alt="SK 브로드밴드"></div> |
|
| 461 |
+ <p>080-8282-106</p> |
|
| 462 |
+ </div> |
|
| 463 |
+ </li> |
|
| 464 |
+ <li> |
|
| 465 |
+ <div> |
|
| 466 |
+ <div><img src="/publish/images/content/call_serv4.png" alt="hello 모바일"></div> |
|
| 467 |
+ <p>KT망 1855-1144 / SKT망 1855-2114</p> |
|
| 468 |
+ </div> |
|
| 469 |
+ </li> |
|
| 470 |
+ <li> |
|
| 471 |
+ <div> |
|
| 472 |
+ <div><img src="/publish/images/content/call_serv5.png" alt="Kt"></div> |
|
| 473 |
+ <p><span class="fwLg">모바일</span>1588-0010 / <span class="fwLg">유선</span>100</p> |
|
| 474 |
+ </div> |
|
| 475 |
+ </li> |
|
| 476 |
+ <li> |
|
| 477 |
+ <div> |
|
| 478 |
+ <div><img src="/publish/images/content/call_serv6.png" alt="세종텔레콤"></div> |
|
| 479 |
+ <p>080-889-1000</p> |
|
| 480 |
+ </div> |
|
| 481 |
+ </li> |
|
| 482 |
+ <li> |
|
| 483 |
+ <div> |
|
| 484 |
+ <div><img src="/publish/images/content/call_serv7.png" alt="U+"></div> |
|
| 485 |
+ <p><span class="fwLg">모바일</span>1588-0010 / <span class="fwLg">유선</span>100</p> |
|
| 486 |
+ </div> |
|
| 487 |
+ </li> |
|
| 488 |
+ <li> |
|
| 489 |
+ <div> |
|
| 490 |
+ <div><img src="/publish/images/content/call_serv8.png" alt="Kct"></div> |
|
| 491 |
+ <p>070-8188-0114</p> |
|
| 492 |
+ </div> |
|
| 493 |
+ </li> |
|
| 494 |
+ </ul> |
|
| 495 |
+ </div> |
|
| 496 |
+ </div> |
|
| 497 |
+ </div> |
|
| 498 |
+ <div data-include-path="/publish/layout/_header.html"></div> |
|
| 499 |
+ <div id="container" class="cont sub"> |
|
| 500 |
+ <div class="inner"> |
|
| 501 |
+ <div class="send_top"> |
|
| 502 |
+ <ul class="tabType4"> |
|
| 503 |
+ <li class="tab"><button type="button" onclick="location.href='/publish/mypage2.html'">회원정보 변경</button></li> |
|
| 504 |
+ <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li> |
|
| 505 |
+ <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li> |
|
| 506 |
+ <li class="tab active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</button></li> |
|
| 507 |
+ <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li> |
|
| 508 |
+ <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li> |
|
| 509 |
+ </ul> |
|
| 510 |
+ <div class="mypage_content current" id="tab5_4"> |
|
| 511 |
+ <div class="heading call_numbe_con"> |
|
| 512 |
+ <h2>발신번호 관리</h2> |
|
| 513 |
+ <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> |
|
| 514 |
+ </div> |
|
| 515 |
+ <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> |
|
| 516 |
+ <div class="mem_cont_in widthXL" id="sendNumberListLoad"> |
|
| 517 |
+ <div class="auth_type type01"> |
|
| 518 |
+ <div class="titBox"> |
|
| 519 |
+ <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p> |
|
| 520 |
+ <p>- 무선 발신번호 <span class="fwMd c_222">최대 4회선 등록 가능</span>합니다.</p> |
|
| 521 |
+ <p>- 유선 발신번호는 종사자 수 인증 후, 인증된 종사자 수만큼 등록 가능합니다.</p> |
|
| 522 |
+ <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p> |
|
| 523 |
+ <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p> |
|
| 524 |
+ </div> |
|
| 525 |
+ <div class="callNum_list_wrap"> |
|
| 526 |
+ <div class="call_list_status"> |
|
| 527 |
+ <p class="callNum_list_title">· 등록 현황 : </p> |
|
| 528 |
+ <ul> |
|
| 529 |
+ <li><strong>무선</strong> |
|
| 530 |
+ <p><b class="fwMd">2</b>/4회선</p> |
|
| 531 |
+ </li> |
|
| 532 |
+ <li><strong>유선</strong> |
|
| 533 |
+ <p><b class="fwMd">2</b>/12회선</p> |
|
| 534 |
+ </li> |
|
| 535 |
+ </ul><button type="button" class="btnType btnType2">기본번호 설정</button> |
|
| 536 |
+ </div> |
|
| 537 |
+ <div class="auth_status_wrap"> |
|
| 538 |
+ <p>종사자 <b class="c_002c9a fwBold">12</b>명</p> |
|
| 539 |
+ <div class="badge blue"><i></i>인증완료 <div class="hover_layer"> |
|
| 540 |
+ <p>인증된 종사자 수 <b class="fwBold c_002c9a">N</b>명 기준으로 유선 발신번호를 <br />최대 <b class="fwBold c_002c9a">LIM</b>회선까지 등록할 수 있습니다.</p> |
|
| 541 |
+ </div> |
|
| 542 |
+ </div><button type="button" class="btnType btnType14" data-tooltip="worker_count_popup">변경</button> |
|
| 543 |
+ </div> |
|
| 544 |
+ </div> |
|
| 545 |
+ <div class="tb_wrap"> |
|
| 546 |
+ <table class="tType4"> |
|
| 547 |
+ <colgroup> |
|
| 548 |
+ <col style="width:60px;" /> |
|
| 549 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 550 |
+ <col style="width:10%;" /> |
|
| 551 |
+ <col style="width:10%;" /> |
|
| 552 |
+ <col style="width:12%;" /> |
|
| 553 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 554 |
+ <col style="width:7%;" /> |
|
| 555 |
+ <col style="width:10%;" /> |
|
| 556 |
+ </colgroup> |
|
| 557 |
+ <thead> |
|
| 558 |
+ <tr> |
|
| 559 |
+ <th>기본</th> |
|
| 560 |
+ <th>발신번호</th> |
|
| 561 |
+ <th>유형</th> |
|
| 562 |
+ <th>인증방식</th> |
|
| 563 |
+ <th>상태</th> |
|
| 564 |
+ <th>등록일</th> |
|
| 565 |
+ <th>관리</th> |
|
| 566 |
+ <th>반려서류 제출</th> |
|
| 567 |
+ </tr> |
|
| 568 |
+ </thead> |
|
| 569 |
+ <tbody> |
|
| 570 |
+ <tr> |
|
| 571 |
+ <td colspan="8">검색된 내용이 없습니다.</td> |
|
| 572 |
+ </tr> |
|
| 573 |
+ <tr> |
|
| 574 |
+ <td><label for="type01_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type01" id="type01_1" checked=""></td> |
|
| 575 |
+ <td>010-1234-5678</td> |
|
| 576 |
+ <td>무선</td> |
|
| 577 |
+ <td>휴대폰 인증</td> |
|
| 578 |
+ <td><span class="c_002c9a fwMd">인증완료</span></td> |
|
| 579 |
+ <td>2021-06-06 16:10</td> |
|
| 580 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 581 |
+ <td>-</td> |
|
| 582 |
+ </tr> |
|
| 583 |
+ <tr> |
|
| 584 |
+ <td><label for="type01_2" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type01" id="type01_2"></td> |
|
| 585 |
+ <td>1588-0000</td> |
|
| 586 |
+ <td>대표</td> |
|
| 587 |
+ <td>서류 인증</td> |
|
| 588 |
+ <td><span class="c_002c9a fwMd">인증완료</span></td> |
|
| 589 |
+ <td>2021-06-06 16:10</td> |
|
| 590 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 591 |
+ <td>-</td> |
|
| 592 |
+ </tr> |
|
| 593 |
+ <tr> |
|
| 594 |
+ <td><label for="type01_3" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type01" id="type01_3"></td> |
|
| 595 |
+ <td>070-1111-0000</td> |
|
| 596 |
+ <td>유선</td> |
|
| 597 |
+ <td>서류 인증</td> |
|
| 598 |
+ <td><span class="color_yellow fwMd">심사중</span></td> |
|
| 599 |
+ <td>2021-06-06 16:10</td> |
|
| 600 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 601 |
+ <td>-</td> |
|
| 602 |
+ </tr> |
|
| 603 |
+ <tr> |
|
| 604 |
+ <td><label for="type01_4" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type01" id="type01_4"></td> |
|
| 605 |
+ <td>070-1111-0000</td> |
|
| 606 |
+ <td>유선</td> |
|
| 607 |
+ <td>서류 인증</td> |
|
| 608 |
+ <td><span class="c_999999 fwMd">반려</span><button type="button" class="btnType btnType14" data-tooltip="popup002">사유</button></td> |
|
| 609 |
+ <td>2021-06-06 16:10</td> |
|
| 610 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 611 |
+ <td><button type="button" class="btnType btnType22" data-tooltip="popup05">서류첨부</button></td> |
|
| 612 |
+ </tr> |
|
| 613 |
+ </tbody> |
|
| 614 |
+ </table> |
|
| 615 |
+ </div> |
|
| 616 |
+ </div> |
|
| 617 |
+ <div class="auth_type type02"> |
|
| 618 |
+ <div class="titBox"> |
|
| 619 |
+ <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p> |
|
| 620 |
+ <p>- 무선 발신번호 <span class="fwMd c_222">최대 4회선 등록 가능</span>합니다.</p> |
|
| 621 |
+ <p>- 유선 발신번호는 종사자 수 인증 후, 인증된 종사자 수만큼 등록 가능합니다.</p> |
|
| 622 |
+ <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p> |
|
| 623 |
+ <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p> |
|
| 624 |
+ </div> |
|
| 625 |
+ <div class="callNum_list_wrap"> |
|
| 626 |
+ <div class="call_list_status"> |
|
| 627 |
+ <p class="callNum_list_title">· 등록 현황 : </p> |
|
| 628 |
+ <ul> |
|
| 629 |
+ <li><strong>무선</strong> |
|
| 630 |
+ <p><b class="fwMd">1</b>/4회선</p> |
|
| 631 |
+ </li> |
|
| 632 |
+ <li><strong>유선</strong> |
|
| 633 |
+ <p><b class="fwMd">2</b>회선</p> |
|
| 634 |
+ </li> |
|
| 635 |
+ </ul><button type="button" class="btnType btnType2">기본번호 설정</button> |
|
| 636 |
+ </div> |
|
| 637 |
+ <div class="auth_status_wrap"> |
|
| 638 |
+ <div class="badge yellow"><i></i>종사자 수 미등록 <div class="hover_layer"> |
|
| 639 |
+ <p>종사자 수를 인증하면 유선 발신번호를 등록할<br />수 있습니다. 이미 등록된 번호는 종사자 수와 관계없이 <br />계속 사용 가능합니다.</p> |
|
| 640 |
+ </div> |
|
| 641 |
+ </div><button type="button" class="btnType btnType14" data-tooltip="worker_count_popup">등록</button> |
|
| 642 |
+ </div> |
|
| 643 |
+ </div> |
|
| 644 |
+ <div class="tb_wrap"> |
|
| 645 |
+ <table class="tType4"> |
|
| 646 |
+ <colgroup> |
|
| 647 |
+ <col style="width:60px;" /> |
|
| 648 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 649 |
+ <col style="width:10%;" /> |
|
| 650 |
+ <col style="width:10%;" /> |
|
| 651 |
+ <col style="width:12%;" /> |
|
| 652 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 653 |
+ <col style="width:7%;" /> |
|
| 654 |
+ <col style="width:10%;" /> |
|
| 655 |
+ </colgroup> |
|
| 656 |
+ <thead> |
|
| 657 |
+ <tr> |
|
| 658 |
+ <th>기본</th> |
|
| 659 |
+ <th>발신번호</th> |
|
| 660 |
+ <th>유형</th> |
|
| 661 |
+ <th>인증방식</th> |
|
| 662 |
+ <th>상태</th> |
|
| 663 |
+ <th>등록일</th> |
|
| 664 |
+ <th>관리</th> |
|
| 665 |
+ <th>반려서류 제출</th> |
|
| 666 |
+ </tr> |
|
| 667 |
+ </thead> |
|
| 668 |
+ <tbody> |
|
| 669 |
+ <tr> |
|
| 670 |
+ <td><label for="type02_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type02" id="type02_1" checked></td> |
|
| 671 |
+ <td>010-1234-5678</td> |
|
| 672 |
+ <td>무선</td> |
|
| 673 |
+ <td>휴대폰 인증</td> |
|
| 674 |
+ <td><span class="c_002c9a fwMd">인증완료</span></td> |
|
| 675 |
+ <td>2021-06-06 16:10</td> |
|
| 676 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 677 |
+ <td>-</td> |
|
| 678 |
+ </tr> |
|
| 679 |
+ </tbody> |
|
| 680 |
+ </table> |
|
| 681 |
+ </div> |
|
| 682 |
+ </div> |
|
| 683 |
+ <div class="auth_type type03"> |
|
| 684 |
+ <div class="titBox"> |
|
| 685 |
+ <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p> |
|
| 686 |
+ <p>- 무선 발신번호 <span class="fwMd c_222">최대 4회선 등록 가능</span>합니다.</p> |
|
| 687 |
+ <p>- 유선 발신번호는 종사자 수 인증 후, 인증된 종사자 수만큼 등록 가능합니다.</p> |
|
| 688 |
+ <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p> |
|
| 689 |
+ <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p> |
|
| 690 |
+ </div> |
|
| 691 |
+ <div class="callNum_list_wrap"> |
|
| 692 |
+ <div class="call_list_status"> |
|
| 693 |
+ <p class="callNum_list_title">· 등록 현황 : </p> |
|
| 694 |
+ <ul> |
|
| 695 |
+ <li><strong>무선</strong> |
|
| 696 |
+ <p><b class="fwMd">1</b>/4회선</p> |
|
| 697 |
+ </li> |
|
| 698 |
+ <li><strong>유선</strong> |
|
| 699 |
+ <p><b class="fwMd">0</b>회선</p> |
|
| 700 |
+ </li> |
|
| 701 |
+ </ul><button type="button" class="btnType btnType2">기본번호 설정</button> |
|
| 702 |
+ </div> |
|
| 703 |
+ <div class="auth_status_wrap"> |
|
| 704 |
+ <p>종사자 <b class="c_002c9a fwBold">12</b>명</p> |
|
| 705 |
+ <div class="badge yellow"><i></i>심사중 <div class="hover_layer"> |
|
| 706 |
+ <p>종사자 수 심사가 진행 중입니다. <br />승인 후 유선 발신번호를 등록할 수 있습니다.</p> |
|
| 707 |
+ </div> |
|
| 708 |
+ </div> |
|
| 709 |
+ </div> |
|
| 710 |
+ </div> |
|
| 711 |
+ <div class="tb_wrap"> |
|
| 712 |
+ <table class="tType4"> |
|
| 713 |
+ <colgroup> |
|
| 714 |
+ <col style="width:60px;" /> |
|
| 715 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 716 |
+ <col style="width:10%;" /> |
|
| 717 |
+ <col style="width:10%;" /> |
|
| 718 |
+ <col style="width:12%;" /> |
|
| 719 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 720 |
+ <col style="width:7%;" /> |
|
| 721 |
+ <col style="width:10%;" /> |
|
| 722 |
+ </colgroup> |
|
| 723 |
+ <thead> |
|
| 724 |
+ <tr> |
|
| 725 |
+ <th>기본</th> |
|
| 726 |
+ <th>발신번호</th> |
|
| 727 |
+ <th>유형</th> |
|
| 728 |
+ <th>인증방식</th> |
|
| 729 |
+ <th>상태</th> |
|
| 730 |
+ <th>등록일</th> |
|
| 731 |
+ <th>관리</th> |
|
| 732 |
+ <th>반려서류 제출</th> |
|
| 733 |
+ </tr> |
|
| 734 |
+ </thead> |
|
| 735 |
+ <tbody> |
|
| 736 |
+ <tr> |
|
| 737 |
+ <td><label for="type03_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type03" id="type03_1" checked></td> |
|
| 738 |
+ <td>010-1234-5678</td> |
|
| 739 |
+ <td>무선</td> |
|
| 740 |
+ <td>휴대폰 인증</td> |
|
| 741 |
+ <td><span class="c_002c9a fwMd">인증완료</span></td> |
|
| 742 |
+ <td>2021-06-06 16:10</td> |
|
| 743 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 744 |
+ <td>-</td> |
|
| 745 |
+ </tr> |
|
| 746 |
+ </tbody> |
|
| 747 |
+ </table> |
|
| 748 |
+ </div> |
|
| 749 |
+ </div> |
|
| 750 |
+ <div class="auth_type type04"> |
|
| 751 |
+ <div class="titBox"> |
|
| 752 |
+ <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p> |
|
| 753 |
+ <p>- 무선 발신번호 <span class="fwMd c_222">최대 4회선 등록 가능</span>합니다.</p> |
|
| 754 |
+ <p>- 유선 발신번호는 종사자 수 인증 후, 인증된 종사자 수만큼 등록 가능합니다.</p> |
|
| 755 |
+ <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p> |
|
| 756 |
+ <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p> |
|
| 757 |
+ </div> |
|
| 758 |
+ <div class="callNum_list_wrap"> |
|
| 759 |
+ <div class="call_list_status"> |
|
| 760 |
+ <p class="callNum_list_title">· 등록 현황 : </p> |
|
| 761 |
+ <ul> |
|
| 762 |
+ <li><strong>무선</strong> |
|
| 763 |
+ <p><b class="fwMd">2</b>/4회선</p> |
|
| 764 |
+ </li> |
|
| 765 |
+ <li><strong>유선</strong> |
|
| 766 |
+ <p><b class="fwMd">2</b>회선</p> |
|
| 767 |
+ </li> |
|
| 768 |
+ </ul><button type="button" class="btnType btnType2">기본번호 설정</button> |
|
| 769 |
+ </div> |
|
| 770 |
+ <div class="auth_status_wrap"> |
|
| 771 |
+ <p>종사자 <b class="c_002c9a fwBold">12</b>명</p> |
|
| 772 |
+ <div class="badge red"><i></i>반려 <div class="hover_layer"> |
|
| 773 |
+ <p>제출한 서류가 반려되었습니다. <br />사유를 확인하고 재신청해 주세요.</p> |
|
| 774 |
+ </div> |
|
| 775 |
+ </div><button type="button" class="btnType btnType14" data-tooltip="worker_re_count_popup">재신청</button> |
|
| 776 |
+ </div> |
|
| 777 |
+ </div> |
|
| 778 |
+ <div class="tb_wrap"> |
|
| 779 |
+ <table class="tType4"> |
|
| 780 |
+ <colgroup> |
|
| 781 |
+ <col style="width:60px;" /> |
|
| 782 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 783 |
+ <col style="width:10%;" /> |
|
| 784 |
+ <col style="width:10%;" /> |
|
| 785 |
+ <col style="width:12%;" /> |
|
| 786 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 787 |
+ <col style="width:7%;" /> |
|
| 788 |
+ <col style="width:10%;" /> |
|
| 789 |
+ </colgroup> |
|
| 790 |
+ <thead> |
|
| 791 |
+ <tr> |
|
| 792 |
+ <th>기본</th> |
|
| 793 |
+ <th>발신번호</th> |
|
| 794 |
+ <th>유형</th> |
|
| 795 |
+ <th>인증방식</th> |
|
| 796 |
+ <th>상태</th> |
|
| 797 |
+ <th>등록일</th> |
|
| 798 |
+ <th>관리</th> |
|
| 799 |
+ <th>반려서류 제출</th> |
|
| 800 |
+ </tr> |
|
| 801 |
+ </thead> |
|
| 802 |
+ <tbody> |
|
| 803 |
+ <tr> |
|
| 804 |
+ <td colspan="8">검색된 내용이 없습니다.</td> |
|
| 805 |
+ </tr> |
|
| 806 |
+ <tr> |
|
| 807 |
+ <td><label for="type04_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type04" id="type04_1" checked></td> |
|
| 808 |
+ <td>010-1234-5678</td> |
|
| 809 |
+ <td>무선</td> |
|
| 810 |
+ <td>휴대폰 인증</td> |
|
| 811 |
+ <td><span class="c_002c9a fwMd">인증완료</span></td> |
|
| 812 |
+ <td>2021-06-06 16:10</td> |
|
| 813 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 814 |
+ <td>-</td> |
|
| 815 |
+ </tr> |
|
| 816 |
+ <tr> |
|
| 817 |
+ <td><label for="type04_2" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type04" id="type04_2"></td> |
|
| 818 |
+ <td>1588-0000</td> |
|
| 819 |
+ <td>대표</td> |
|
| 820 |
+ <td>서류 인증</td> |
|
| 821 |
+ <td><span class="c_002c9a fwMd">인증완료</span></td> |
|
| 822 |
+ <td>2021-06-06 16:10</td> |
|
| 823 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 824 |
+ <td>-</td> |
|
| 825 |
+ </tr> |
|
| 826 |
+ <tr> |
|
| 827 |
+ <td><label for="type04_3" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type04" id="type04_3"></td> |
|
| 828 |
+ <td>070-1111-0000</td> |
|
| 829 |
+ <td>유선</td> |
|
| 830 |
+ <td>서류 인증</td> |
|
| 831 |
+ <td><span class="color_yellow fwMd">심사중</span></td> |
|
| 832 |
+ <td>2021-06-06 16:10</td> |
|
| 833 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 834 |
+ <td>-</td> |
|
| 835 |
+ </tr> |
|
| 836 |
+ <tr> |
|
| 837 |
+ <td><label for="type04_4" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type04" id="type04_4"></td> |
|
| 838 |
+ <td>070-1111-0000</td> |
|
| 839 |
+ <td>유선</td> |
|
| 840 |
+ <td>서류 인증</td> |
|
| 841 |
+ <td><span class="c_999999 fwMd">반려</span><button type="button" class="btnType btnType14">사유</button></td> |
|
| 842 |
+ <td>2021-06-06 16:10</td> |
|
| 843 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 844 |
+ <td><button type="button" class="btnType btnType22" data-tooltip="popup05">서류첨부</button></td> |
|
| 845 |
+ </tr> |
|
| 846 |
+ </tbody> |
|
| 847 |
+ </table> |
|
| 848 |
+ </div> |
|
| 849 |
+ </div> |
|
| 850 |
+ <div class="auth_type type05"> |
|
| 851 |
+ <div class="titBox"> |
|
| 852 |
+ <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p> |
|
| 853 |
+ <p>- 무선 발신번호 <span class="fwMd c_222">최대 4회선 등록 가능</span>합니다.</p> |
|
| 854 |
+ <p>- 유선 발신번호는 종사자 수 인증 후, 인증된 종사자 수만큼 등록 가능합니다.</p> |
|
| 855 |
+ <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p> |
|
| 856 |
+ <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p> |
|
| 857 |
+ </div> |
|
| 858 |
+ <div class="callNum_list_wrap"> |
|
| 859 |
+ <div class="call_list_status"> |
|
| 860 |
+ <p class="callNum_list_title">· 등록 현황 : </p> |
|
| 861 |
+ <ul> |
|
| 862 |
+ <li><strong>무선</strong> |
|
| 863 |
+ <p><b class="fwMd">2</b>/4회선</p> |
|
| 864 |
+ </li> |
|
| 865 |
+ <li><strong>유선</strong> |
|
| 866 |
+ <p class="c_e40000 fwBold"><b class="c_e40000 fwBold">10</b>/5회선</p> |
|
| 867 |
+ </li> |
|
| 868 |
+ </ul><button type="button" class="btnType btnType2">기본번호 설정</button> |
|
| 869 |
+ </div> |
|
| 870 |
+ <div class="auth_status_wrap"> |
|
| 871 |
+ <p>종사자 <b class="c_002c9a fwBold">5</b>명</p> |
|
| 872 |
+ <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> |
|
| 873 |
+ </div><button type="button" class="btnType btnType14" data-tooltip="worker_count_popup">변경</button> |
|
| 874 |
+ </div> |
|
| 875 |
+ </div> |
|
| 876 |
+ <div class="tb_wrap"> |
|
| 877 |
+ <table class="tType4"> |
|
| 878 |
+ <colgroup> |
|
| 879 |
+ <col style="width:60px;" /> |
|
| 880 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 881 |
+ <col style="width:10%;" /> |
|
| 882 |
+ <col style="width:10%;" /> |
|
| 883 |
+ <col style="width:12%;" /> |
|
| 884 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 885 |
+ <col style="width:7%;" /> |
|
| 886 |
+ <col style="width:10%;" /> |
|
| 887 |
+ </colgroup> |
|
| 888 |
+ <thead> |
|
| 889 |
+ <tr> |
|
| 890 |
+ <th>기본</th> |
|
| 891 |
+ <th>발신번호</th> |
|
| 892 |
+ <th>유형</th> |
|
| 893 |
+ <th>인증방식</th> |
|
| 894 |
+ <th>상태</th> |
|
| 895 |
+ <th>등록일</th> |
|
| 896 |
+ <th>관리</th> |
|
| 897 |
+ <th>반려서류 제출</th> |
|
| 898 |
+ </tr> |
|
| 899 |
+ </thead> |
|
| 900 |
+ <tbody> |
|
| 901 |
+ <tr> |
|
| 902 |
+ <td colspan="8">검색된 내용이 없습니다.</td> |
|
| 903 |
+ </tr> |
|
| 904 |
+ <tr> |
|
| 905 |
+ <td><label for="type05_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type05" id="type05_1" checked></td> |
|
| 906 |
+ <td>010-1234-5678</td> |
|
| 907 |
+ <td>무선</td> |
|
| 908 |
+ <td>휴대폰 인증</td> |
|
| 909 |
+ <td><span class="c_002c9a fwMd">인증완료</span></td> |
|
| 910 |
+ <td>2021-06-06 16:10</td> |
|
| 911 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 912 |
+ <td>-</td> |
|
| 913 |
+ </tr> |
|
| 914 |
+ <tr> |
|
| 915 |
+ <td><label for="type05_2" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type05" id="type05_2"></td> |
|
| 916 |
+ <td>1588-0000</td> |
|
| 917 |
+ <td>대표</td> |
|
| 918 |
+ <td>서류 인증</td> |
|
| 919 |
+ <td><span class="c_002c9a fwMd">인증완료</span></td> |
|
| 920 |
+ <td>2021-06-06 16:10</td> |
|
| 921 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 922 |
+ <td>-</td> |
|
| 923 |
+ </tr> |
|
| 924 |
+ <tr> |
|
| 925 |
+ <td><label for="type05_3" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type05" id="type05_3"></td> |
|
| 926 |
+ <td>070-1111-0000</td> |
|
| 927 |
+ <td>유선</td> |
|
| 928 |
+ <td>서류 인증</td> |
|
| 929 |
+ <td><span class="color_yellow fwMd">심사중</span></td> |
|
| 930 |
+ <td>2021-06-06 16:10</td> |
|
| 931 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 932 |
+ <td>-</td> |
|
| 933 |
+ </tr> |
|
| 934 |
+ <tr> |
|
| 935 |
+ <td><label for="type05_4" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type05" id="type05_4"></td> |
|
| 936 |
+ <td>070-1111-0000</td> |
|
| 937 |
+ <td>유선</td> |
|
| 938 |
+ <td>서류 인증</td> |
|
| 939 |
+ <td><span class="c_999999 fwMd">반려</span><button type="button" class="btnType btnType14">사유</button></td> |
|
| 940 |
+ <td>2021-06-06 16:10</td> |
|
| 941 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 942 |
+ <td><button type="button" class="btnType btnType22" data-tooltip="popup05">서류첨부</button></td> |
|
| 943 |
+ </tr> |
|
| 944 |
+ </tbody> |
|
| 945 |
+ </table> |
|
| 946 |
+ </div> |
|
| 947 |
+ </div> |
|
| 948 |
+ <div class="auth_type type06"> |
|
| 949 |
+ <div class="titBox"> |
|
| 950 |
+ <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p> |
|
| 951 |
+ <p>- 무선 발신번호 <span class="fwMd c_222">최대 3회선 / 유선 발신번호 최대 5회선 등록 가능</span>합니다.</p> |
|
| 952 |
+ <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p> |
|
| 953 |
+ <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p> |
|
| 954 |
+ </div> |
|
| 955 |
+ <div class="callNum_list_wrap"> |
|
| 956 |
+ <div class="call_list_status"> |
|
| 957 |
+ <p class="callNum_list_title">· 등록 현황 : </p> |
|
| 958 |
+ <ul> |
|
| 959 |
+ <li><strong>무선</strong> |
|
| 960 |
+ <p><b class="fwMd">2</b>/3회선</p> |
|
| 961 |
+ </li> |
|
| 962 |
+ <li><strong>유선</strong> |
|
| 963 |
+ <p><b class="fwMd">2</b>/5회선</p> |
|
| 964 |
+ </li> |
|
| 965 |
+ </ul><button type="button" class="btnType btnType2">기본번호 설정</button> |
|
| 966 |
+ </div> |
|
| 967 |
+ </div> |
|
| 968 |
+ <div class="tb_wrap"> |
|
| 969 |
+ <table class="tType4"> |
|
| 970 |
+ <colgroup> |
|
| 971 |
+ <col style="width:60px;" /> |
|
| 972 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 973 |
+ <col style="width:10%;" /> |
|
| 974 |
+ <col style="width:10%;" /> |
|
| 975 |
+ <col style="width:12%;" /> |
|
| 976 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 977 |
+ <col style="width:7%;" /> |
|
| 978 |
+ <col style="width:10%;" /> |
|
| 979 |
+ </colgroup> |
|
| 980 |
+ <thead> |
|
| 981 |
+ <tr> |
|
| 982 |
+ <th>기본</th> |
|
| 983 |
+ <th>발신번호</th> |
|
| 984 |
+ <th>유형</th> |
|
| 985 |
+ <th>인증방식</th> |
|
| 986 |
+ <th>상태</th> |
|
| 987 |
+ <th>등록일</th> |
|
| 988 |
+ <th>관리</th> |
|
| 989 |
+ <th>반려서류 제출</th> |
|
| 990 |
+ </tr> |
|
| 991 |
+ </thead> |
|
| 992 |
+ <tbody> |
|
| 993 |
+ <tr> |
|
| 994 |
+ <td colspan="8">검색된 내용이 없습니다.</td> |
|
| 995 |
+ </tr> |
|
| 996 |
+ <tr> |
|
| 997 |
+ <td><label for="type06_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type06" id="type06_1" checked></td> |
|
| 998 |
+ <td>010-1234-5678</td> |
|
| 999 |
+ <td>무선</td> |
|
| 1000 |
+ <td>휴대폰 인증</td> |
|
| 1001 |
+ <td><span class="c_002c9a fwMd">인증완료</span></td> |
|
| 1002 |
+ <td>2021-06-06 16:10</td> |
|
| 1003 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 1004 |
+ <td>-</td> |
|
| 1005 |
+ </tr> |
|
| 1006 |
+ <tr> |
|
| 1007 |
+ <td><label for="type06_2" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type06" id="type06_2"></td> |
|
| 1008 |
+ <td>1588-0000</td> |
|
| 1009 |
+ <td>대표</td> |
|
| 1010 |
+ <td>서류 인증</td> |
|
| 1011 |
+ <td><span class="c_002c9a fwMd">인증완료</span></td> |
|
| 1012 |
+ <td>2021-06-06 16:10</td> |
|
| 1013 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 1014 |
+ <td>-</td> |
|
| 1015 |
+ </tr> |
|
| 1016 |
+ <tr> |
|
| 1017 |
+ <td><label for="type06_3" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type06" id="type06_3"></td> |
|
| 1018 |
+ <td>070-1111-0000</td> |
|
| 1019 |
+ <td>유선</td> |
|
| 1020 |
+ <td>서류 인증</td> |
|
| 1021 |
+ <td><span class="color_yellow fwMd">심사중</span></td> |
|
| 1022 |
+ <td>2021-06-06 16:10</td> |
|
| 1023 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 1024 |
+ <td>-</td> |
|
| 1025 |
+ </tr> |
|
| 1026 |
+ <tr> |
|
| 1027 |
+ <td><label for="type06_4" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type06" id="type06_4"></td> |
|
| 1028 |
+ <td>070-1111-0000</td> |
|
| 1029 |
+ <td>유선</td> |
|
| 1030 |
+ <td>서류 인증</td> |
|
| 1031 |
+ <td><span class="c_999999 fwMd">반려</span><button type="button" class="btnType btnType14">사유</button></td> |
|
| 1032 |
+ <td>2021-06-06 16:10</td> |
|
| 1033 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 1034 |
+ <td><button type="button" class="btnType btnType22" data-tooltip="popup05">서류첨부</button></td> |
|
| 1035 |
+ </tr> |
|
| 1036 |
+ </tbody> |
|
| 1037 |
+ </table> |
|
| 1038 |
+ </div> |
|
| 1039 |
+ </div> |
|
| 1040 |
+ <div class="auth_type type07"> |
|
| 1041 |
+ <div class="titBox"> |
|
| 1042 |
+ <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p> |
|
| 1043 |
+ <p>- 무선 발신번호 <span class="fwMd c_222">최대 3회선 / 유선 발신번호 최대 5회선 등록 가능</span>합니다.</p> |
|
| 1044 |
+ <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p> |
|
| 1045 |
+ <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p> |
|
| 1046 |
+ </div> |
|
| 1047 |
+ <div class="callNum_list_wrap"> |
|
| 1048 |
+ <div class="call_list_status"> |
|
| 1049 |
+ <p class="callNum_list_title">· 등록 현황 : </p> |
|
| 1050 |
+ <ul> |
|
| 1051 |
+ <li><strong>무선</strong> |
|
| 1052 |
+ <p class="c_e40000 fwBold"><b class="c_e40000 fwBold">3</b>/3회선</p> |
|
| 1053 |
+ </li> |
|
| 1054 |
+ <li><strong>유선</strong> |
|
| 1055 |
+ <p><b class="fwMd">2</b>/5회선</p> |
|
| 1056 |
+ </li> |
|
| 1057 |
+ </ul><button type="button" class="btnType btnType2">기본번호 설정</button> |
|
| 1058 |
+ </div> |
|
| 1059 |
+ </div> |
|
| 1060 |
+ <div class="tb_wrap"> |
|
| 1061 |
+ <table class="tType4"> |
|
| 1062 |
+ <colgroup> |
|
| 1063 |
+ <col style="width:60px;" /> |
|
| 1064 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 1065 |
+ <col style="width:10%;" /> |
|
| 1066 |
+ <col style="width:10%;" /> |
|
| 1067 |
+ <col style="width:12%;" /> |
|
| 1068 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 1069 |
+ <col style="width:7%;" /> |
|
| 1070 |
+ <col style="width:10%;" /> |
|
| 1071 |
+ </colgroup> |
|
| 1072 |
+ <thead> |
|
| 1073 |
+ <tr> |
|
| 1074 |
+ <th>기본</th> |
|
| 1075 |
+ <th>발신번호</th> |
|
| 1076 |
+ <th>유형</th> |
|
| 1077 |
+ <th>인증방식</th> |
|
| 1078 |
+ <th>상태</th> |
|
| 1079 |
+ <th>등록일</th> |
|
| 1080 |
+ <th>관리</th> |
|
| 1081 |
+ <th>반려서류 제출</th> |
|
| 1082 |
+ </tr> |
|
| 1083 |
+ </thead> |
|
| 1084 |
+ <tbody> |
|
| 1085 |
+ <tr> |
|
| 1086 |
+ <td colspan="8">검색된 내용이 없습니다.</td> |
|
| 1087 |
+ </tr> |
|
| 1088 |
+ <tr> |
|
| 1089 |
+ <td><label for="type07_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type07" id="type07_1" checked></td> |
|
| 1090 |
+ <td>010-1234-5678</td> |
|
| 1091 |
+ <td>무선</td> |
|
| 1092 |
+ <td>휴대폰 인증</td> |
|
| 1093 |
+ <td><span class="c_002c9a fwMd">인증완료</span></td> |
|
| 1094 |
+ <td>2021-06-06 16:10</td> |
|
| 1095 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 1096 |
+ <td>-</td> |
|
| 1097 |
+ </tr> |
|
| 1098 |
+ <tr> |
|
| 1099 |
+ <td><label for="type07_2" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type07" id="type07_2"></td> |
|
| 1100 |
+ <td>1588-0000</td> |
|
| 1101 |
+ <td>대표</td> |
|
| 1102 |
+ <td>서류 인증</td> |
|
| 1103 |
+ <td><span class="c_002c9a fwMd">인증완료</span></td> |
|
| 1104 |
+ <td>2021-06-06 16:10</td> |
|
| 1105 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 1106 |
+ <td>-</td> |
|
| 1107 |
+ </tr> |
|
| 1108 |
+ <tr> |
|
| 1109 |
+ <td><label for="type07_3" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type07" id="type07_3"></td> |
|
| 1110 |
+ <td>070-1111-0000</td> |
|
| 1111 |
+ <td>유선</td> |
|
| 1112 |
+ <td>서류 인증</td> |
|
| 1113 |
+ <td><span class="color_yellow fwMd">심사중</span></td> |
|
| 1114 |
+ <td>2021-06-06 16:10</td> |
|
| 1115 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 1116 |
+ <td>-</td> |
|
| 1117 |
+ </tr> |
|
| 1118 |
+ <tr> |
|
| 1119 |
+ <td><label for="type07_4" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type07" id="type07_4"></td> |
|
| 1120 |
+ <td>070-1111-0000</td> |
|
| 1121 |
+ <td>유선</td> |
|
| 1122 |
+ <td>서류 인증</td> |
|
| 1123 |
+ <td><span class="c_999999 fwMd">반려</span><button type="button" class="btnType btnType14">사유</button></td> |
|
| 1124 |
+ <td>2021-06-06 16:10</td> |
|
| 1125 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 1126 |
+ <td><button type="button" class="btnType btnType22" data-tooltip="popup05">서류첨부</button></td> |
|
| 1127 |
+ </tr> |
|
| 1128 |
+ </tbody> |
|
| 1129 |
+ </table> |
|
| 1130 |
+ </div> |
|
| 1131 |
+ </div> |
|
| 1132 |
+ <div class="auth_type type08"> |
|
| 1133 |
+ <div class="titBox"> |
|
| 1134 |
+ <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p> |
|
| 1135 |
+ <p>- 무선 발신번호 <span class="fwMd c_222">최대 2회선 / 유선 발신번호 최대 5회선 등록 가능</span>합니다.</p> |
|
| 1136 |
+ <p>- <span class="fwMd c_222">대표번호(15xx, 16xx)는 유선 발신번호 회선 한도에 합산</span>됩니다.</p> |
|
| 1137 |
+ <p>- 사용하지 않거나 반려된 번호를 삭제하면 추가 등록이 가능합니다.</p> |
|
| 1138 |
+ </div> |
|
| 1139 |
+ <div class="callNum_list_wrap"> |
|
| 1140 |
+ <div class="call_list_status"> |
|
| 1141 |
+ <p class="callNum_list_title">· 등록 현황 : </p> |
|
| 1142 |
+ <ul> |
|
| 1143 |
+ <li><strong>무선</strong> |
|
| 1144 |
+ <p><b class="fwMd">1</b>/2회선</p> |
|
| 1145 |
+ </li> |
|
| 1146 |
+ <li><strong>유선</strong> |
|
| 1147 |
+ <p><b class="fwMd">2</b>/5회선</p> |
|
| 1148 |
+ </li> |
|
| 1149 |
+ </ul><button type="button" class="btnType btnType2">기본번호 설정</button> |
|
| 1150 |
+ </div> |
|
| 1151 |
+ </div> |
|
| 1152 |
+ <div class="tb_wrap"> |
|
| 1153 |
+ <table class="tType4"> |
|
| 1154 |
+ <colgroup> |
|
| 1155 |
+ <col style="width:60px;" /> |
|
| 1156 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 1157 |
+ <col style="width:10%;" /> |
|
| 1158 |
+ <col style="width:10%;" /> |
|
| 1159 |
+ <col style="width:12%;" /> |
|
| 1160 |
+ <col style="width:calc((51% - 60px)/2);" /> |
|
| 1161 |
+ <col style="width:7%;" /> |
|
| 1162 |
+ <col style="width:10%;" /> |
|
| 1163 |
+ </colgroup> |
|
| 1164 |
+ <thead> |
|
| 1165 |
+ <tr> |
|
| 1166 |
+ <th>기본</th> |
|
| 1167 |
+ <th>발신번호</th> |
|
| 1168 |
+ <th>유형</th> |
|
| 1169 |
+ <th>인증방식</th> |
|
| 1170 |
+ <th>상태</th> |
|
| 1171 |
+ <th>등록일</th> |
|
| 1172 |
+ <th>관리</th> |
|
| 1173 |
+ <th>반려서류 제출</th> |
|
| 1174 |
+ </tr> |
|
| 1175 |
+ </thead> |
|
| 1176 |
+ <tbody> |
|
| 1177 |
+ <tr> |
|
| 1178 |
+ <td colspan="8">검색된 내용이 없습니다.</td> |
|
| 1179 |
+ </tr> |
|
| 1180 |
+ <tr> |
|
| 1181 |
+ <td><label for="type08_1" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type08" id="type08_1" checked></td> |
|
| 1182 |
+ <td>010-1234-5678</td> |
|
| 1183 |
+ <td>무선</td> |
|
| 1184 |
+ <td>휴대폰 인증</td> |
|
| 1185 |
+ <td><span class="c_002c9a fwMd">인증완료</span></td> |
|
| 1186 |
+ <td>2021-06-06 16:10</td> |
|
| 1187 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 1188 |
+ <td>-</td> |
|
| 1189 |
+ </tr> |
|
| 1190 |
+ <tr> |
|
| 1191 |
+ <td><label for="type08_2" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type08" id="type08_2"></td> |
|
| 1192 |
+ <td>1588-0000</td> |
|
| 1193 |
+ <td>대표</td> |
|
| 1194 |
+ <td>서류 인증</td> |
|
| 1195 |
+ <td><span class="c_002c9a fwMd">인증완료</span></td> |
|
| 1196 |
+ <td>2021-06-06 16:10</td> |
|
| 1197 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 1198 |
+ <td>-</td> |
|
| 1199 |
+ </tr> |
|
| 1200 |
+ <tr> |
|
| 1201 |
+ <td><label for="type08_3" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type08" id="type08_3"></td> |
|
| 1202 |
+ <td>070-1111-0000</td> |
|
| 1203 |
+ <td>유선</td> |
|
| 1204 |
+ <td>서류 인증</td> |
|
| 1205 |
+ <td><span class="color_yellow fwMd">심사중</span></td> |
|
| 1206 |
+ <td>2021-06-06 16:10</td> |
|
| 1207 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 1208 |
+ <td>-</td> |
|
| 1209 |
+ </tr> |
|
| 1210 |
+ <tr> |
|
| 1211 |
+ <td><label for="type08_4" class="label">기본번호로 설정 선택</label><input type="radio" name="default_number_type08" id="type08_4"></td> |
|
| 1212 |
+ <td>070-1111-0000</td> |
|
| 1213 |
+ <td>유선</td> |
|
| 1214 |
+ <td>서류 인증</td> |
|
| 1215 |
+ <td><span class="c_999999 fwMd">반려</span><button type="button" class="btnType btnType14">사유</button></td> |
|
| 1216 |
+ <td>2021-06-06 16:10</td> |
|
| 1217 |
+ <td><button type="button" class="btnType btnType14">삭제</button></td> |
|
| 1218 |
+ <td><button type="button" class="btnType btnType22" data-tooltip="popup05">서류첨부</button></td> |
|
| 1219 |
+ </tr> |
|
| 1220 |
+ </tbody> |
|
| 1221 |
+ </table> |
|
| 1222 |
+ </div> |
|
| 1223 |
+ </div> |
|
| 1224 |
+ <div class="send_button_wrap"><button type="button" class="btnType btnType16" onclick="location.href='/publish/mypage5_2.html'">+ 신규 발신번호 등록</button></div> |
|
| 1225 |
+ </div> |
|
| 1226 |
+ </div> |
|
| 1227 |
+ </div> |
|
| 1228 |
+ </div> |
|
| 1229 |
+ </div> |
|
| 1230 |
+ <div data-include-path="/publish/layout/_footer.html"></div> |
|
| 275 | 1231 |
</body> |
| 276 | 1232 |
|
| 277 | 1233 |
</html>(No newline at end of file) |
--- src/main/webapp/publish/mypage5_2.html
+++ src/main/webapp/publish/mypage5_2.html
... | ... | @@ -413,7 +413,7 @@ |
| 413 | 413 |
<td>통신서비스이용증명원</td> |
| 414 | 414 |
</tr> |
| 415 | 415 |
<tr> |
| 416 |
- <td rowspan="2" class="title">대표</td> |
|
| 416 |
+ <td rowspan="2" class="title">대표자</td> |
|
| 417 | 417 |
<td>휴대전화</td> |
| 418 | 418 |
<td>휴대폰 본인인증</td> |
| 419 | 419 |
</tr> |
... | ... | @@ -451,7 +451,7 @@ |
| 451 | 451 |
<td> |
| 452 | 452 |
<div class="name_check"> |
| 453 | 453 |
<input type="radio" name="holderChk" id="holderChk1" value="1" onchange="nameChk('1');" checked=""><label for="holderChk1">당사</label>
|
| 454 |
- <input type="radio" name="holderChk" id="holderChk2" value="2" onchange="nameChk('2');"><label for="holderChk2">대표</label>
|
|
| 454 |
+ <input type="radio" name="holderChk" id="holderChk2" value="2" onchange="nameChk('2');"><label for="holderChk2">대표자</label>
|
|
| 455 | 455 |
<input type="radio" name="holderChk" id="holderChk3" value="3" onchange="nameChk('3');"><label for="holderChk3">직원</label>
|
| 456 | 456 |
<input type="radio" name="holderChk" id="holderChk4" value="4" onchange="nameChk('4');"><label for="holderChk4">타사</label>
|
| 457 | 457 |
</div> |
... | ... | @@ -469,6 +469,135 @@ |
| 469 | 469 |
</div> |
| 470 | 470 |
</td> |
| 471 | 471 |
</tr> |
| 472 |
+ |
|
| 473 |
+ <tr> |
|
| 474 |
+ <th scope="row">발신번호</th> |
|
| 475 |
+ <td> |
|
| 476 |
+ <div class="calling"> |
|
| 477 |
+ <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'"> |
|
| 478 |
+ <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
|
|
| 479 |
+ <div class="badge red"> |
|
| 480 |
+ <i class="icon error"></i> <p>등록할 수 없는 번호입니다.(050 착신전환 번호 등)</p> |
|
| 481 |
+ </div> |
|
| 482 |
+ </div> |
|
| 483 |
+ </td> |
|
| 484 |
+ </tr> |
|
| 485 |
+ |
|
| 486 |
+ <tr> |
|
| 487 |
+ <th scope="row">발신번호</th> |
|
| 488 |
+ <td> |
|
| 489 |
+ <div class="calling"> |
|
| 490 |
+ <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'"> |
|
| 491 |
+ <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
|
|
| 492 |
+ <div class="badge green"> |
|
| 493 |
+ <i class="icon success"></i> <p>무선 발신번호 · 등록 가능 (잔여 <b class="fwMd">10</b>회선 / 전체 <b class="fwMd">12</b>회선)</p> |
|
| 494 |
+ </div> |
|
| 495 |
+ </div> |
|
| 496 |
+ </td> |
|
| 497 |
+ </tr> |
|
| 498 |
+ |
|
| 499 |
+ <tr> |
|
| 500 |
+ <th scope="row">발신번호</th> |
|
| 501 |
+ <td> |
|
| 502 |
+ <div class="calling"> |
|
| 503 |
+ <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'"> |
|
| 504 |
+ <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
|
|
| 505 |
+ <div class="badge red"> |
|
| 506 |
+ <i class="icon error"></i> <p>무선 회선을 모두 사용했습니다(12/12). 사용하지 않거나 반려된 번호를 삭제해 주세요.</p> |
|
| 507 |
+ </div> |
|
| 508 |
+ </div> |
|
| 509 |
+ </td> |
|
| 510 |
+ </tr> |
|
| 511 |
+ |
|
| 512 |
+ <tr> |
|
| 513 |
+ <th scope="row">발신번호</th> |
|
| 514 |
+ <td> |
|
| 515 |
+ <div class="calling"> |
|
| 516 |
+ <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'"> |
|
| 517 |
+ <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
|
|
| 518 |
+ <div class="badge green"> |
|
| 519 |
+ <i class="icon success"></i> <p>유선 발신번호 · 등록 가능 (잔여 <b class="fwMd">10</b>회선 / 전체 <b class="fwMd">12</b>회선)</p> |
|
| 520 |
+ </div> |
|
| 521 |
+ </div> |
|
| 522 |
+ </td> |
|
| 523 |
+ </tr> |
|
| 524 |
+ <tr> |
|
| 525 |
+ <th scope="row">발신번호</th> |
|
| 526 |
+ <td> |
|
| 527 |
+ <div class="calling"> |
|
| 528 |
+ <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'"> |
|
| 529 |
+ <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
|
|
| 530 |
+ <div class="badge green"> |
|
| 531 |
+ <i class="icon success"></i> <p>대표 발신번호 · 등록 가능 (잔여 <b class="fwMd">10</b>회선 / 전체 <b class="fwMd">12</b>회선)</p> |
|
| 532 |
+ </div> |
|
| 533 |
+ </div> |
|
| 534 |
+ </td> |
|
| 535 |
+ </tr> |
|
| 536 |
+ |
|
| 537 |
+ <tr> |
|
| 538 |
+ <th scope="row">발신번호</th> |
|
| 539 |
+ <td> |
|
| 540 |
+ <div class="calling"> |
|
| 541 |
+ <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'"> |
|
| 542 |
+ <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
|
|
| 543 |
+ <div class="badge red"> |
|
| 544 |
+ <i class="icon error"></i> <p>유선 회선을 모두 사용했습니다(12/12). 사용하지 않거나 반려된 번호를 삭제해 주세요.</p> |
|
| 545 |
+ </div> |
|
| 546 |
+ </div> |
|
| 547 |
+ </td> |
|
| 548 |
+ </tr> |
|
| 549 |
+ |
|
| 550 |
+ <tr> |
|
| 551 |
+ <th scope="row">발신번호</th> |
|
| 552 |
+ <td> |
|
| 553 |
+ <div class="calling"> |
|
| 554 |
+ <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'"> |
|
| 555 |
+ <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
|
|
| 556 |
+ <div class="badge red"> |
|
| 557 |
+ <i class="icon error"></i> <p>인증된 종사자 수 기준 한도(12)를 초과하여 신규 등록이 제한됩니다. 기존 번호는 계속 사용할 수 있습니다.</p> |
|
| 558 |
+ </div> |
|
| 559 |
+ </div> |
|
| 560 |
+ </td> |
|
| 561 |
+ </tr> |
|
| 562 |
+ |
|
| 563 |
+ <tr> |
|
| 564 |
+ <th scope="row">발신번호</th> |
|
| 565 |
+ <td> |
|
| 566 |
+ <div class="calling"> |
|
| 567 |
+ <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'"> |
|
| 568 |
+ <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
|
|
| 569 |
+ <div class="badge yellow"> |
|
| 570 |
+ <i class="icon warning"></i> <p>유선 발신번호는 종사자 수 인증 후 등록 가능합니다.</p> |
|
| 571 |
+ </div> |
|
| 572 |
+ </div> |
|
| 573 |
+ </td> |
|
| 574 |
+ </tr> |
|
| 575 |
+ |
|
| 576 |
+ <tr> |
|
| 577 |
+ <th scope="row">발신번호</th> |
|
| 578 |
+ <td> |
|
| 579 |
+ <div class="calling"> |
|
| 580 |
+ <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'"> |
|
| 581 |
+ <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
|
|
| 582 |
+ <div class="badge yellow"> |
|
| 583 |
+ <i class="icon warning"></i> <p>종사자 수 심사가 진행 중입니다. 승인 후 유선 발신번호를 등록할 수 있습니다.</p> |
|
| 584 |
+ </div> |
|
| 585 |
+ </div> |
|
| 586 |
+ </td> |
|
| 587 |
+ </tr> |
|
| 588 |
+ |
|
| 589 |
+ <tr> |
|
| 590 |
+ <th scope="row">발신번호</th> |
|
| 591 |
+ <td> |
|
| 592 |
+ <div class="calling"> |
|
| 593 |
+ <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'"> |
|
| 594 |
+ <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
|
|
| 595 |
+ <div class="badge red"> |
|
| 596 |
+ <i class="icon error"></i> <p>종사자 수 서류가 반려되었습니다. 재신청 후 유선 발신번호를 등록할 수 있습니다.</p> |
|
| 597 |
+ </div> |
|
| 598 |
+ </div> |
|
| 599 |
+ </td> |
|
| 600 |
+ </tr> |
|
| 472 | 601 |
|
| 473 | 602 |
<!-- <tr id="selfCert" style="visibility: visible;"> |
| 474 | 603 |
<th scope="row">본인명의 확인</th> |
... | ... | @@ -480,13 +609,13 @@ |
| 480 | 609 |
</td> |
| 481 | 610 |
</tr> --> |
| 482 | 611 |
|
| 483 |
- <tr id="phone"> |
|
| 612 |
+ <tr> |
|
| 484 | 613 |
<th scope="row">휴대폰번호</th> |
| 485 | 614 |
<td> |
| 486 | 615 |
<div class="calling"> |
| 487 | 616 |
<input type="text" name="inputSendNum" id="inputSendNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'" readonly=""> |
| 488 | 617 |
<button type="button" class="btnType" onclick="kmcCertCheck(); return false;">인증</button> |
| 489 |
- <span id="summary_phone" class="summary" style="visibility: collapse;">* 휴대폰 본인인증 또는 통신서비스이용증명원 첨부</span> |
|
| 618 |
+ <span id="summary_phone" class="summary">* 휴대폰 본인인증 또는 통신서비스이용증명원 첨부</span> |
|
| 490 | 619 |
</div> |
| 491 | 620 |
</td> |
| 492 | 621 |
</tr> |
--- src/main/webapp/publish/mypage_security_login.html
+++ src/main/webapp/publish/mypage_security_login.html
... | ... | @@ -26,32 +26,257 @@ |
| 26 | 26 |
|
| 27 | 27 |
<script> |
| 28 | 28 |
$(function () {
|
| 29 |
- // on/off 시 confirm 창 노출 |
|
| 30 |
- $(".security_tab").click(function () {
|
|
| 31 |
- if ($(this).find("a.on").text().trim() == "ON") {
|
|
| 32 |
- if (!confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다")) {
|
|
| 33 |
- $(this).find("a.on").siblings("a").removeClass("on");
|
|
| 29 |
+ |
|
| 30 |
+ $(".btn_edit").click(function(){
|
|
| 31 |
+ var $btn = $(this); |
|
| 32 |
+ var $tr = $btn.closest('tr');
|
|
| 33 |
+ var $alias = $tr.find('.alias_text');
|
|
| 34 | 34 |
|
| 35 |
- } else {
|
|
| 36 |
- $(this).find("a.on").removeClass("on").siblings("a").addClass("on");
|
|
| 37 |
- $(this).removeClass("on").addClass("off");
|
|
| 38 |
- } |
|
| 39 |
- } else if ($(this).find("a.on").text().trim() == "OFF") {
|
|
| 40 |
- if (!confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.")) {
|
|
| 41 |
- $(this).find("a.on").siblings("a").removeClass("on");
|
|
| 42 |
- } else {
|
|
| 43 |
- $(this).find("a.on").removeClass("on").siblings("a").addClass("on");
|
|
| 44 |
- $(this).removeClass("off").addClass("on");
|
|
| 45 |
- } |
|
| 46 |
- } |
|
| 47 |
- }); |
|
| 35 |
+ if ($btn.text() === '수정') {
|
|
| 36 |
+ var value = $alias.text().trim(); |
|
| 37 |
+ |
|
| 38 |
+ $alias.replaceWith('<input type="text" class="input_text" value="' + value + '">');
|
|
| 39 |
+ $tr.find('.input_text').focus();
|
|
| 40 |
+ |
|
| 41 |
+ $btn.text('저장');
|
|
| 42 |
+ } else {
|
|
| 43 |
+ var value = $tr.find('.input_text').val().trim();
|
|
| 44 |
+ |
|
| 45 |
+ $tr.find('.input_text').replaceWith('<span class="alias_text">' + value + '</span>');
|
|
| 46 |
+ $btn.text('수정');
|
|
| 47 |
+ } |
|
| 48 |
+ }) |
|
| 49 |
+ |
|
| 50 |
+ |
|
| 51 |
+ $(".btn_auth_send").click(function(){
|
|
| 52 |
+ var $sendBtn = $(this); |
|
| 53 |
+ const $stage = $(this).closest('.stage_content');
|
|
| 54 |
+ timer($(this)); |
|
| 55 |
+ $(".cf_text").html("인증번호를 발송했습니다. 3분 이내에 입력해주세요. (남은 재발송 <b>3</b>회)").addClass("c_002c9a").removeClass("c_e40000");
|
|
| 56 |
+ $sendBtn.addClass("disabled");
|
|
| 57 |
+ $(".case_switcher").show();
|
|
| 58 |
+ setTimeout(function(){
|
|
| 59 |
+ $sendBtn.removeClass("disabled").text("재전송");
|
|
| 60 |
+ }, 31000); |
|
| 61 |
+ }); |
|
| 62 |
+ |
|
| 63 |
+ $(".btn_next").click(function(){
|
|
| 64 |
+ $(".stage01").hide();
|
|
| 65 |
+ $(".stage").eq(0).removeClass("active");
|
|
| 66 |
+ $(".stage").eq(1).addClass("active");
|
|
| 67 |
+ $(".stage02").show();
|
|
| 68 |
+ }) |
|
| 48 | 69 |
}) |
| 70 |
+ |
|
| 71 |
+ //인증번호 타이머 |
|
| 72 |
+ function timer($btn) {
|
|
| 73 |
+ const $popup = $btn.closest('.popup-com');
|
|
| 74 |
+ const $timer = $btn.closest('.layer_tType1').find('.timer');
|
|
| 75 |
+ const $desc = $popup.find('.desc_text').first();
|
|
| 76 |
+ |
|
| 77 |
+ // 기존 타이머가 있으면 종료 |
|
| 78 |
+ clearInterval($timer.data('timer'));
|
|
| 79 |
+ |
|
| 80 |
+ let time = 180; |
|
| 81 |
+ |
|
| 82 |
+ $timer.show().text('03:00');
|
|
| 83 |
+ |
|
| 84 |
+ const timerId = setInterval(function() {
|
|
| 85 |
+ const min = String(Math.floor(time / 60)).padStart(2, '0'); |
|
| 86 |
+ const sec = String(time % 60).padStart(2, '0'); |
|
| 87 |
+ |
|
| 88 |
+ $timer.text(min + ':' + sec); |
|
| 89 |
+ |
|
| 90 |
+ time--; |
|
| 91 |
+ |
|
| 92 |
+ if (time < 0) {
|
|
| 93 |
+ clearInterval(timerId); |
|
| 94 |
+ $timer.removeData('timer');
|
|
| 95 |
+ $timer.hide(); |
|
| 96 |
+ |
|
| 97 |
+ $desc.html('입력 시간이 지났습니다. 새로운 인증번호를 받아주세요. (남은 재발송 <b class="fwBold">3</b>회)');
|
|
| 98 |
+ $btn.removeClass('disabled');
|
|
| 99 |
+ } |
|
| 100 |
+ }, 1000); |
|
| 101 |
+ |
|
| 102 |
+ $timer.data('timer', timerId);
|
|
| 103 |
+ |
|
| 104 |
+ // 인증요청 중에는 버튼 비활성화 |
|
| 105 |
+ $btn.addClass('disabled');
|
|
| 106 |
+ } |
|
| 49 | 107 |
</script> |
| 50 | 108 |
|
| 51 | 109 |
</head> |
| 52 | 110 |
|
| 53 | 111 |
<body> |
| 54 | 112 |
<div class="mask"></div> |
| 113 |
+ |
|
| 114 |
+ <!-- 인증 휴대폰번호 추가 --> |
|
| 115 |
+ <div class="tooltip-wrap"> |
|
| 116 |
+ <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;"> |
|
| 117 |
+ <div class="popup_heading"> |
|
| 118 |
+ <p>인증 휴대폰번호 추가</p> |
|
| 119 |
+ <button type="button" class="tooltip-close" data-focus="auth_add_number_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 120 |
+ </div> |
|
| 121 |
+ <div class="layer_in" style="padding:20px 30px 30px 30px;"> |
|
| 122 |
+ |
|
| 123 |
+ <ul class="stage_area"> |
|
| 124 |
+ <li class="stage active"><p><strong>1</strong>본인확인</p></li> |
|
| 125 |
+ <li class="stage"><p><strong>2</strong>번호 선택·인증</p></li> |
|
| 126 |
+ </ul> |
|
| 127 |
+ |
|
| 128 |
+ <div class="stage_content stage01"> |
|
| 129 |
+ <div class="gray_box fill"> |
|
| 130 |
+ 인증 휴대폰번호를 추가하려면 기존 등록된 휴대폰 번호로 본인 확인을 해야합니다. |
|
| 131 |
+ </div> |
|
| 132 |
+ |
|
| 133 |
+ |
|
| 134 |
+ <table class="layer_tType1"> |
|
| 135 |
+ <caption>본인인증(step1) 표</caption> |
|
| 136 |
+ <colgroup> |
|
| 137 |
+ <col style="width: 95px;"> |
|
| 138 |
+ <col style="width: auto;"> |
|
| 139 |
+ </colgroup> |
|
| 140 |
+ <tbody> |
|
| 141 |
+ <tr> |
|
| 142 |
+ <th>본인확인</th> |
|
| 143 |
+ <td> |
|
| 144 |
+ <div class="form_row"> |
|
| 145 |
+ <select name="" id="" class="select_number"> |
|
| 146 |
+ <option value="">010-0000-0000(기본)</option> |
|
| 147 |
+ </select> |
|
| 148 |
+ <button type="button" class="btnType btnType6 btn_auth_send">인증요청</button> |
|
| 149 |
+ </div> |
|
| 150 |
+ </td> |
|
| 151 |
+ </tr> |
|
| 152 |
+ <tr> |
|
| 153 |
+ <th>인증번호</th> |
|
| 154 |
+ <td> |
|
| 155 |
+ <div class="form_row"> |
|
| 156 |
+ <input type="text" placeholder="인증번호 6자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 6자리 입력'" class="inputLight"> |
|
| 157 |
+ <div class="timer">03:00</div> |
|
| 158 |
+ </div> |
|
| 159 |
+ </td> |
|
| 160 |
+ </tr> |
|
| 161 |
+ </tbody> |
|
| 162 |
+ </table> |
|
| 163 |
+ <div class="desc_text">인증번호를 받지 못했다면 인증요청을 다시 눌러주세요. (남은 재발송 <b class="fwBold">3</b>회)</div> |
|
| 164 |
+ <div class="popup_btn_wrap2"> |
|
| 165 |
+ <button type="button" class="btnType btnType2 btn_next">다음</button> |
|
| 166 |
+ <button type="button" class="tooltip-close" data-focus="auth_add_number_popup-close" data-focus-next="auth_add_number_popup">닫기</button> |
|
| 167 |
+ </div> |
|
| 168 |
+ </div> |
|
| 169 |
+ |
|
| 170 |
+ <div class="stage_content stage02"> |
|
| 171 |
+ <div class="gray_box fill"> |
|
| 172 |
+ 승인 완료된 발신번호 중 휴대폰번호만 선택할 수 있습니다. |
|
| 173 |
+ </div> |
|
| 174 |
+ |
|
| 175 |
+ |
|
| 176 |
+ <table class="layer_tType1"> |
|
| 177 |
+ <caption>본인인증(step1) 표</caption> |
|
| 178 |
+ <colgroup> |
|
| 179 |
+ <col style="width: 95px"> |
|
| 180 |
+ <col style="width: auto"> |
|
| 181 |
+ </colgroup> |
|
| 182 |
+ <tbody> |
|
| 183 |
+ <tr> |
|
| 184 |
+ <th>휴대폰번호</th> |
|
| 185 |
+ <td> |
|
| 186 |
+ <div class="form_row"> |
|
| 187 |
+ <select name="" id="" class="select_number"> |
|
| 188 |
+ <option value="">010-0000-0000(기본)</option> |
|
| 189 |
+ </select> |
|
| 190 |
+ <button type="button" class="btnType btnType6 btn_auth_send">인증요청</button> |
|
| 191 |
+ </div> |
|
| 192 |
+ </td> |
|
| 193 |
+ </tr> |
|
| 194 |
+ <tr> |
|
| 195 |
+ <th>인증번호</th> |
|
| 196 |
+ <td> |
|
| 197 |
+ <div class="form_row"> |
|
| 198 |
+ <input type="text" placeholder="인증번호 6자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 6자리 입력'" class="inputLight"> |
|
| 199 |
+ <div class="timer">03:00</div> |
|
| 200 |
+ </div> |
|
| 201 |
+ </td> |
|
| 202 |
+ </tr> |
|
| 203 |
+ <tr> |
|
| 204 |
+ <th>별칭</th> |
|
| 205 |
+ <td> |
|
| 206 |
+ <div class="form_row"> |
|
| 207 |
+ <input type="text" placeholder="예: 업무용(선택)" onfocus="this.placeholder=''" onblur="this.placeholder='예: 업무용(선택)'" class="inputLight"> |
|
| 208 |
+ </div> |
|
| 209 |
+ </td> |
|
| 210 |
+ </tr> |
|
| 211 |
+ </tbody> |
|
| 212 |
+ </table> |
|
| 213 |
+ <div class="desc_text">유선번호·대표번호는 등록할 수 없습니다.</div> |
|
| 214 |
+ <div class="popup_btn_wrap2"> |
|
| 215 |
+ <button type="button" class="btnType btnType2 tooltip-close" data-focus="auth_add_number_popup-close" data-focus-next="auth_add_number_popup">등록</button> |
|
| 216 |
+ <button type="button" class="tooltip-close" data-focus="auth_add_number_popup-close" data-focus-next="auth_add_number_popup">취소</button> |
|
| 217 |
+ </div> |
|
| 218 |
+ </div> |
|
| 219 |
+ |
|
| 220 |
+ </div> |
|
| 221 |
+ </div> |
|
| 222 |
+ </div> |
|
| 223 |
+ <!-- //인증 휴대폰번호 추가 --> |
|
| 224 |
+ |
|
| 225 |
+ <!-- 인증 휴대폰번호 삭제 --> |
|
| 226 |
+ <div class="tooltip-wrap"> |
|
| 227 |
+ <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;"> |
|
| 228 |
+ <div class="popup_heading"> |
|
| 229 |
+ <p>인증 휴대폰번호 삭제</p> |
|
| 230 |
+ <button type="button" class="tooltip-close" data-focus="auth_del_number_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 231 |
+ </div> |
|
| 232 |
+ <div class="layer_in" style="padding:20px 30px 30px 30px;"> |
|
| 233 |
+ |
|
| 234 |
+ |
|
| 235 |
+ <div class="gray_box fill"> |
|
| 236 |
+ 010-1234-5678 을 인증수단에서 삭제합니다. 삭제 후에는 이 번호로 인증번호를 받을 수 없습니다. |
|
| 237 |
+ </div> |
|
| 238 |
+ |
|
| 239 |
+ |
|
| 240 |
+ <table class="layer_tType1"> |
|
| 241 |
+ <caption>본인인증(step1) 표</caption> |
|
| 242 |
+ <colgroup> |
|
| 243 |
+ <col style="width: 95px"> |
|
| 244 |
+ <col style="width: auto"> |
|
| 245 |
+ </colgroup> |
|
| 246 |
+ <tbody> |
|
| 247 |
+ <tr> |
|
| 248 |
+ <th>본인확인</th> |
|
| 249 |
+ <td> |
|
| 250 |
+ <div class="form_row"> |
|
| 251 |
+ <select name="" id="" class="select_number"> |
|
| 252 |
+ <option value="">010-0000-0000(기본)</option> |
|
| 253 |
+ </select> |
|
| 254 |
+ <button type="button" class="btnType btnType6 btn_auth_send">인증요청</button> |
|
| 255 |
+ </div> |
|
| 256 |
+ </td> |
|
| 257 |
+ </tr> |
|
| 258 |
+ <tr> |
|
| 259 |
+ <th>인증번호</th> |
|
| 260 |
+ <td> |
|
| 261 |
+ <div class="form_row"> |
|
| 262 |
+ <input type="text" placeholder="인증번호 6자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 6자리 입력'" class="inputLight"> |
|
| 263 |
+ <div class="timer">03:00</div> |
|
| 264 |
+ </div> |
|
| 265 |
+ </td> |
|
| 266 |
+ </tr> |
|
| 267 |
+ </tbody> |
|
| 268 |
+ </table> |
|
| 269 |
+ <div class="desc_text">인증번호를 받지 못했다면 인증요청을 다시 눌러주세요. (남은 재발송 <b class="fwBold">3</b>회)</div> |
|
| 270 |
+ <div class="popup_btn_wrap2"> |
|
| 271 |
+ <button type="button" class="btnType btnType2 tooltip-close" data-focus="auth_del_number_popup-close" >삭제</button> |
|
| 272 |
+ <button type="button" class="tooltip-close" data-focus="auth_del_number_popup-close" data-focus-next="auth_del_number_popup">닫기</button> |
|
| 273 |
+ </div> |
|
| 274 |
+ |
|
| 275 |
+ </div> |
|
| 276 |
+ </div> |
|
| 277 |
+ </div> |
|
| 278 |
+ <!-- //인증 휴대폰번호 삭제 --> |
|
| 279 |
+ |
|
| 55 | 280 |
<div data-include-path="/publish/layout/_header.html"></div> |
| 56 | 281 |
<!-- login 영역 --> |
| 57 | 282 |
<!-- content 영역 --> |
... | ... | @@ -81,197 +306,126 @@ |
| 81 | 306 |
<div class="security_login"> |
| 82 | 307 |
|
| 83 | 308 |
<ul class="explanation_wrap box info"> |
| 84 |
- <li>· 사이트 부정로그인으로 인한 피해를 방지할 수 있는 2차 로그인 인증 서비스입니다. </li> |
|
| 85 |
- <li>· 인증 휴대폰번호 추가 등록 또는 IP 접속 허용을 통해 편리한 사용이 가능합니다.</li> |
|
| 86 |
- <li>· 보안로그인 기능을 사용할 경우 로그인 시 등록한 휴대폰번호로 추가 인증이 진행됩니다.</li> |
|
| 309 |
+ <li>· 사이트 부정로그인으로 인한 피해를 방지할 수 있는 2차 로그인 인증 서비스입니다.</li> |
|
| 310 |
+ <li>· 인증 휴대폰번호는 가입 휴대폰번호와 발신번호 등록이 완료된 휴대폰번호 중에서 추가할 수 있습니다.</li> |
|
| 311 |
+ <li>· 인증 휴대폰번호 추가·삭제 시에는 이미 등록된 번호로 본인 확인을 거쳐야 합니다.</li> |
|
| 87 | 312 |
</ul> |
| 88 |
- |
|
| 89 |
- <div class="security_set box"> |
|
| 90 |
- <div class="title_wrap"> |
|
| 91 |
- <p class="dashboard_title">보안로그인</p> |
|
| 92 |
- <div class="title_box ip_add_wrap"> |
|
| 93 |
- <span>현재 접속중인 IP : <b>119.193.215.98 </b></span> |
|
| 94 |
- <input type="hidden" id="cennectIp" value="119.193.215.98"> |
|
| 95 |
- |
|
| 96 |
- <button type="button" class="btnType btnType6 btn_allow_ip_add">허용 IP 등록</button> |
|
| 97 |
- |
|
| 98 |
- </div> |
|
| 99 |
- </div> |
|
| 100 |
- |
|
| 101 |
- <div class="set_area"> |
|
| 102 |
- <input type="hidden" id="secuLoginFlag" value=""> |
|
| 103 |
- <div class="tab_depth1 security_tab on"> |
|
| 104 |
- <a href="#none" id="secuOnBtn" class="on">ON</a> |
|
| 105 |
- <a href="#none" id="secuOffBtn">OFF</a> |
|
| 106 |
- </div> |
|
| 107 |
- </div> |
|
| 108 |
- </div> |
|
| 109 | 313 |
|
| 110 | 314 |
<!-- 인증 휴대폰번호 관리 --> |
| 111 | 315 |
<div class="title_area"> |
| 112 |
- <p class="dashboard_title">인증 휴대폰번호 관리</p> |
|
| 113 |
- <p class="qmMark">?</p> |
|
| 114 |
- <div class="hover_cont" style="width:330px;left:240px;top:25px;"> |
|
| 115 |
- <p>인증에 사용할 휴대폰번호를 추가로 등록하여 관리할 수 있습니다. <br> |
|
| 116 |
- (등록 시 휴대폰 인증 필요)</p> |
|
| 117 |
- </div> |
|
| 118 |
- <button type="button" id="phonePlus" class="btn_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button> |
|
| 316 |
+ <p class="dashboard_title">인증 휴대폰번호 관리 <span class="small_text">최대 <b>3</b>개까지 등록할 수 있습니다.</span></p> |
|
| 317 |
+ |
|
| 318 |
+ <!-- 기업회원일 경우 --> |
|
| 319 |
+ <!-- <p class="dashboard_title">인증 휴대폰번호 관리 <span class="small_text">최대 <b>4</b>개까지 등록할 수 있습니다.</span></p> --> |
|
| 320 |
+ |
|
| 321 |
+ <button type="button" id="phonePlus" class="btn_plus" data-tooltip="auth_add_number_popup"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button> |
|
| 119 | 322 |
<input type="hidden" data-tooltip="popup05" id="phonePlusPopupOpen"> |
| 120 | 323 |
</div> |
| 121 | 324 |
|
| 122 | 325 |
<div class="table_wrap" id="phoneTable"> |
| 123 | 326 |
<table> |
| 124 | 327 |
<colgroup> |
| 125 |
- <col style="width: 140px;"> |
|
| 126 | 328 |
<col style="width: auto;"> |
| 329 |
+ <col style="width: 10%;"> |
|
| 127 | 330 |
<col style="width: auto;"> |
| 128 |
- <col style="width: 160px;"> |
|
| 129 |
- <col style="width: 140px;"> |
|
| 331 |
+ <col style="width: 15%;"> |
|
| 332 |
+ <col style="width: 15%;"> |
|
| 130 | 333 |
</colgroup> |
| 131 | 334 |
<thead> |
| 132 | 335 |
<tr> |
| 133 | 336 |
<th scope="col">휴대폰번호</th> |
| 337 |
+ <th scope="col">구분</th> |
|
| 134 | 338 |
<th scope="col">별칭</th> |
| 135 |
- <th scope="col">메모</th> |
|
| 136 | 339 |
<th scope="col">등록일시</th> |
| 137 | 340 |
<th scope="col">관리</th> |
| 138 | 341 |
</tr> |
| 139 | 342 |
</thead> |
| 140 | 343 |
<tbody> |
| 141 | 344 |
<tr> |
| 142 |
- <td>01057058729</td> |
|
| 345 |
+ <td>010-0000-0000</td> |
|
| 346 |
+ <td>기본</td> |
|
| 143 | 347 |
<td>대표번호</td> |
| 144 |
- <td>-</td> |
|
| 145 |
- <td>-</td> |
|
| 146 |
- <td>-</td> |
|
| 348 |
+ <td>2026-07-07 17:06:48</td> |
|
| 349 |
+ <td><b class="c_666 fwMd">가입 휴대폰 번호</b></td> |
|
| 350 |
+ </tr> |
|
| 351 |
+ <tr> |
|
| 352 |
+ <td>010-0000-0000</td> |
|
| 353 |
+ <td>추가</td> |
|
| 354 |
+ <td class="alias"><span class="alias_text">업무용</span></td> |
|
| 355 |
+ <td>2026-07-07 17:06:48</td> |
|
| 356 |
+ <td> |
|
| 357 |
+ <div class="btn_area center"> |
|
| 358 |
+ <button type="button" class="btn btn_blue border btn_28 btn_edit btn_text">수정</button> |
|
| 359 |
+ <button type="button" class="btn btn_lightgray fill btn_28 btn_text" data-tooltip="auth_del_number_popup">삭제</button> |
|
| 360 |
+ </div> |
|
| 361 |
+ </td> |
|
| 362 |
+ </tr> |
|
| 363 |
+ <tr> |
|
| 364 |
+ <td>010-0000-0000</td> |
|
| 365 |
+ <td>기본</td> |
|
| 366 |
+ <td class="alias"><span class="alias_text">별칭</span></td> |
|
| 367 |
+ <td>2026-07-07 17:06:48</td> |
|
| 368 |
+ <td> |
|
| 369 |
+ <div class="btn_area center"> |
|
| 370 |
+ <button type="button" class="btn btn_blue border btn_28 btn_edit btn_text">수정</button> |
|
| 371 |
+ <button type="button" class="btn btn_lightgray fill btn_28 btn_text" data-tooltip="auth_del_number_popup">삭제</button> |
|
| 372 |
+ </div> |
|
| 373 |
+ </td> |
|
| 147 | 374 |
</tr> |
| 148 | 375 |
</tbody> |
| 149 | 376 |
</table> |
| 150 | 377 |
</div> |
| 378 |
+ <p class="desc_text">기본 번호(가입 휴대폰번호)는 회원정보 변경 메뉴에서 본인인증 후 변경할 수 있습니다.</p> |
|
| 151 | 379 |
<!-- //인증 휴대폰번호 관리 --> |
| 152 |
- |
|
| 153 |
- <!-- 접속 IP관리 --> |
|
| 380 |
+ |
|
| 381 |
+ <!-- 인증수단 변경 이력 --> |
|
| 154 | 382 |
<div class="title_area"> |
| 155 |
- <p class="dashboard_title">접속 IP 관리</p> |
|
| 156 |
- <p class="qmMark">?</p> |
|
| 157 |
- <div class="hover_cont" style="width:380px;left:160px;top:25px;"> |
|
| 158 |
- <p>접속 IP를 미리 등록할 경우 2차 로그인 인증 없이 접속이 가능합니다. <br> |
|
| 159 |
- <span>(공용 PC는 보안상의 이유로 등록을 권장하지 않습니다.)</span></p> |
|
| 160 |
- </div> |
|
| 161 |
- <button type="button" class="btn_plus btn_ip_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button> |
|
| 383 |
+ <p class="dashboard_title">인증수단 변경 이력 <span class="small_text">등록 ·변경·삭제 이력은 <b>최대 1년</b>간 보관됩니다.</span></p> |
|
| 162 | 384 |
</div> |
| 163 | 385 |
|
| 164 |
- <div class="table_wrap" id="ipTable"> |
|
| 386 |
+ <div class="table_wrap" id="phoneTable"> |
|
| 165 | 387 |
<table> |
| 166 | 388 |
<colgroup> |
| 167 |
- <col style="width: 26%;"> |
|
| 168 | 389 |
<col style="width: auto;"> |
| 169 |
- <col style="width: 26%;"> |
|
| 170 |
- <col style="width: 100px;"> |
|
| 390 |
+ <col style="width: 10%;"> |
|
| 391 |
+ <col style="width: auto;"> |
|
| 392 |
+ <col style="width: 15%;"> |
|
| 393 |
+ <col style="width: 15%;"> |
|
| 171 | 394 |
</colgroup> |
| 172 | 395 |
<thead> |
| 173 | 396 |
<tr> |
| 174 |
- <th scope="col">허용IP</th> |
|
| 175 |
- <th scope="col">메모</th> |
|
| 176 |
- <th scope="col">등록일시</th> |
|
| 177 |
- <th scope="col">관리</th> |
|
| 397 |
+ <th scope="col">처리일시</th> |
|
| 398 |
+ <th scope="col">처리유형</th> |
|
| 399 |
+ <th scope="col">휴대폰번호</th> |
|
| 400 |
+ <th scope="col">본인확인</th> |
|
| 401 |
+ <th scope="col">처리 IP</th> |
|
| 178 | 402 |
</tr> |
| 179 | 403 |
</thead> |
| 180 | 404 |
<tbody> |
| 181 | 405 |
<tr> |
| 182 |
- <td colspan="4" class="empty-row">등록된 IP 주소가 없습니다.</td> |
|
| 406 |
+ <td>2026-07-07  17:06:48</td> |
|
| 407 |
+ <td>등록</td> |
|
| 408 |
+ <td>010-0000-0000</td> |
|
| 409 |
+ <td>문자인증</td> |
|
| 410 |
+ <td>119.193.215.98</td> |
|
| 411 |
+ </tr> |
|
| 412 |
+ <tr> |
|
| 413 |
+ <td>2026-07-07  17:06:48</td> |
|
| 414 |
+ <td>변경</td> |
|
| 415 |
+ <td>010-0000-0000</td> |
|
| 416 |
+ <td>본인인증</td> |
|
| 417 |
+ <td>119.193.215.98</td> |
|
| 418 |
+ </tr> |
|
| 419 |
+ <tr> |
|
| 420 |
+ <td>2026-07-07  17:06:48</td> |
|
| 421 |
+ <td>삭제</td> |
|
| 422 |
+ <td>010-0000-0000</td> |
|
| 423 |
+ <td>정보변경</td> |
|
| 424 |
+ <td>119.193.215.98</td> |
|
| 183 | 425 |
</tr> |
| 184 | 426 |
</tbody> |
| 185 | 427 |
</table> |
| 186 | 428 |
</div> |
| 187 |
- <!-- //접속 IP관리 --> |
|
| 188 |
- |
|
| 189 |
- |
|
| 190 |
- <!-- 로그인 내역 --> |
|
| 191 |
- <div class="title_area"> |
|
| 192 |
- <p class="dashboard_title">로그인 내역 <span class="small_text">로그인 내역은 최대 3개월까지만 보관됩니다.</span></p> |
|
| 193 |
- </div> |
|
| 194 |
- |
|
| 195 |
- <div class="table_wrap"> |
|
| 196 |
- <table> |
|
| 197 |
- <colgroup> |
|
| 198 |
- <col style="width:calc(100% /3);"> |
|
| 199 |
- <col style="width:calc(100% /3);"> |
|
| 200 |
- <col style="width:calc(100% /3);"> |
|
| 201 |
- </colgroup> |
|
| 202 |
- <thead> |
|
| 203 |
- <tr> |
|
| 204 |
- <th scope="col">로그인 일시</th> |
|
| 205 |
- <th scope="col">로그인 IP</th> |
|
| 206 |
- <th scope="col">로그인 환경</th> |
|
| 207 |
- </tr> |
|
| 208 |
- </thead> |
|
| 209 |
- <tbody> |
|
| 210 |
- |
|
| 211 |
- <tr> |
|
| 212 |
- <td>2025-04-02 15:59:07</td> |
|
| 213 |
- <td>119.193.215.98</td> |
|
| 214 |
- <td>PC</td> |
|
| 215 |
- </tr> |
|
| 216 |
- |
|
| 217 |
- <tr> |
|
| 218 |
- <td>2025-04-02 14:00:54</td> |
|
| 219 |
- <td>119.193.215.98</td> |
|
| 220 |
- <td>PC</td> |
|
| 221 |
- </tr> |
|
| 222 |
- |
|
| 223 |
- <tr> |
|
| 224 |
- <td>2025-04-02 09:43:06</td> |
|
| 225 |
- <td>119.193.215.98</td> |
|
| 226 |
- <td>PC</td> |
|
| 227 |
- </tr> |
|
| 228 |
- |
|
| 229 |
- <tr> |
|
| 230 |
- <td>2025-04-01 14:25:58</td> |
|
| 231 |
- <td>119.193.215.98</td> |
|
| 232 |
- <td>PC</td> |
|
| 233 |
- </tr> |
|
| 234 |
- |
|
| 235 |
- <tr> |
|
| 236 |
- <td>2025-04-01 12:36:03</td> |
|
| 237 |
- <td>119.193.215.98</td> |
|
| 238 |
- <td>PC</td> |
|
| 239 |
- </tr> |
|
| 240 |
- |
|
| 241 |
- <tr> |
|
| 242 |
- <td>2025-03-31 17:15:37</td> |
|
| 243 |
- <td>119.193.215.98</td> |
|
| 244 |
- <td>PC</td> |
|
| 245 |
- </tr> |
|
| 246 |
- |
|
| 247 |
- <tr> |
|
| 248 |
- <td>2025-03-31 16:51:08</td> |
|
| 249 |
- <td>119.193.215.98</td> |
|
| 250 |
- <td>PC</td> |
|
| 251 |
- </tr> |
|
| 252 |
- |
|
| 253 |
- <tr> |
|
| 254 |
- <td>2025-03-31 16:50:59</td> |
|
| 255 |
- <td>119.193.215.98</td> |
|
| 256 |
- <td>PC</td> |
|
| 257 |
- </tr> |
|
| 258 |
- |
|
| 259 |
- <tr> |
|
| 260 |
- <td>2025-03-31 15:06:58</td> |
|
| 261 |
- <td>119.193.215.98</td> |
|
| 262 |
- <td>PC</td> |
|
| 263 |
- </tr> |
|
| 264 |
- |
|
| 265 |
- <tr> |
|
| 266 |
- <td>2025-03-31 14:35:07</td> |
|
| 267 |
- <td>119.193.215.98</td> |
|
| 268 |
- <td>PC</td> |
|
| 269 |
- </tr> |
|
| 270 |
- |
|
| 271 |
- </tbody> |
|
| 272 |
- </table> |
|
| 273 |
- </div> |
|
| 274 |
- <!-- //로그인 내역 --> |
|
| 275 | 429 |
<!-- pagination --> |
| 276 | 430 |
<ul class="pagination"> |
| 277 | 431 |
<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li> |
... | ... | @@ -289,6 +443,128 @@ |
| 289 | 443 |
<li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li> |
| 290 | 444 |
<li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li> |
| 291 | 445 |
</ul> |
| 446 |
+ <!-- //pagination --> |
|
| 447 |
+ <!-- //인증수단 변경 이력 --> |
|
| 448 |
+ |
|
| 449 |
+ <!-- 로그인 내역 --> |
|
| 450 |
+ <div class="title_area"> |
|
| 451 |
+ <p class="dashboard_title">로그인 내역 <span class="small_text">로그인 내역은 최대 3개월까지만 보관됩니다.</span></p> |
|
| 452 |
+ </div> |
|
| 453 |
+ |
|
| 454 |
+ <div class="table_wrap"> |
|
| 455 |
+ <table> |
|
| 456 |
+ <colgroup> |
|
| 457 |
+ <col style="width:auto;"/> |
|
| 458 |
+ <col style="width:auto;"/> |
|
| 459 |
+ <col style="width:10%;"/> |
|
| 460 |
+ <col style="width:18%;"/> |
|
| 461 |
+ <col style="width:18%;"/> |
|
| 462 |
+ </colgroup> |
|
| 463 |
+ <thead> |
|
| 464 |
+ <tr> |
|
| 465 |
+ <th scope="col">로그인 일시</th> |
|
| 466 |
+ <th scope="col">로그인 IP</th> |
|
| 467 |
+ <th scope="col">환경</th> |
|
| 468 |
+ <th scope="col">휴대폰번호</th> |
|
| 469 |
+ <th scope="col">인증결과</th> |
|
| 470 |
+ </tr> |
|
| 471 |
+ </thead> |
|
| 472 |
+ <tbody> |
|
| 473 |
+ |
|
| 474 |
+ <tr> |
|
| 475 |
+ <td>2025-04-02 15:59:07</td> |
|
| 476 |
+ <td>119.193.215.98</td> |
|
| 477 |
+ <td>PC</td> |
|
| 478 |
+ <td>010-1234-5678</td> |
|
| 479 |
+ <td>성공</td> |
|
| 480 |
+ </tr> |
|
| 481 |
+ <tr> |
|
| 482 |
+ <td>2025-04-02 15:59:07</td> |
|
| 483 |
+ <td>119.193.215.98</td> |
|
| 484 |
+ <td>PC</td> |
|
| 485 |
+ <td>010-1234-5678</td> |
|
| 486 |
+ <td><b class="fwMd c_e40000">실패(인증번호 불일치)</b></td> |
|
| 487 |
+ </tr> |
|
| 488 |
+ <tr> |
|
| 489 |
+ <td>2025-04-02 15:59:07</td> |
|
| 490 |
+ <td>119.193.215.98</td> |
|
| 491 |
+ <td>PC</td> |
|
| 492 |
+ <td>010-1234-5678</td> |
|
| 493 |
+ <td>성공</td> |
|
| 494 |
+ </tr> |
|
| 495 |
+ <tr> |
|
| 496 |
+ <td>2025-04-02 15:59:07</td> |
|
| 497 |
+ <td>119.193.215.98</td> |
|
| 498 |
+ <td>PC</td> |
|
| 499 |
+ <td>010-1234-5678</td> |
|
| 500 |
+ <td>성공</td> |
|
| 501 |
+ </tr> |
|
| 502 |
+ <tr> |
|
| 503 |
+ <td>2025-04-02 15:59:07</td> |
|
| 504 |
+ <td>119.193.215.98</td> |
|
| 505 |
+ <td>PC</td> |
|
| 506 |
+ <td>010-1234-5678</td> |
|
| 507 |
+ <td>성공</td> |
|
| 508 |
+ </tr> |
|
| 509 |
+ <tr> |
|
| 510 |
+ <td>2025-04-02 15:59:07</td> |
|
| 511 |
+ <td>119.193.215.98</td> |
|
| 512 |
+ <td>PC</td> |
|
| 513 |
+ <td>010-1234-5678</td> |
|
| 514 |
+ <td><b class="fwMd c_e40000">실패(인증번호 불일치)</b></td> |
|
| 515 |
+ </tr> |
|
| 516 |
+ <tr> |
|
| 517 |
+ <td>2025-04-02 15:59:07</td> |
|
| 518 |
+ <td>119.193.215.98</td> |
|
| 519 |
+ <td>PC</td> |
|
| 520 |
+ <td>010-1234-5678</td> |
|
| 521 |
+ <td>성공</td> |
|
| 522 |
+ </tr> |
|
| 523 |
+ <tr> |
|
| 524 |
+ <td>2025-04-02 15:59:07</td> |
|
| 525 |
+ <td>119.193.215.98</td> |
|
| 526 |
+ <td>PC</td> |
|
| 527 |
+ <td>010-1234-5678</td> |
|
| 528 |
+ <td>성공</td> |
|
| 529 |
+ </tr> |
|
| 530 |
+ <tr> |
|
| 531 |
+ <td>2025-04-02 15:59:07</td> |
|
| 532 |
+ <td>119.193.215.98</td> |
|
| 533 |
+ <td>PC</td> |
|
| 534 |
+ <td>010-1234-5678</td> |
|
| 535 |
+ <td>성공</td> |
|
| 536 |
+ </tr> |
|
| 537 |
+ <tr> |
|
| 538 |
+ <td>2025-04-02 15:59:07</td> |
|
| 539 |
+ <td>119.193.215.98</td> |
|
| 540 |
+ <td>PC</td> |
|
| 541 |
+ <td>010-1234-5678</td> |
|
| 542 |
+ <td>성공</td> |
|
| 543 |
+ </tr> |
|
| 544 |
+ |
|
| 545 |
+ </tbody> |
|
| 546 |
+ </table> |
|
| 547 |
+ </div> |
|
| 548 |
+ <!-- //로그인 내역 --> |
|
| 549 |
+ |
|
| 550 |
+ <!-- pagination --> |
|
| 551 |
+ <ul class="pagination"> |
|
| 552 |
+ <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li> |
|
| 553 |
+ <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li> |
|
| 554 |
+ <li class="on"><button>1</button></li> |
|
| 555 |
+ <li><button>2</button></li> |
|
| 556 |
+ <li><button>3</button></li> |
|
| 557 |
+ <li><button>4</button></li> |
|
| 558 |
+ <li><button>5</button></li> |
|
| 559 |
+ <li><button>6</button></li> |
|
| 560 |
+ <li><button>7</button></li> |
|
| 561 |
+ <li><button>8</button></li> |
|
| 562 |
+ <li><button>9</button></li> |
|
| 563 |
+ <li><button>10</button></li> |
|
| 564 |
+ <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li> |
|
| 565 |
+ <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li> |
|
| 566 |
+ </ul> |
|
| 567 |
+ <!-- //pagination --> |
|
| 292 | 568 |
|
| 293 | 569 |
|
| 294 | 570 |
</div> |
--- src/main/webapp/publish/security_login.html
+++ src/main/webapp/publish/security_login.html
... | ... | @@ -26,41 +26,96 @@ |
| 26 | 26 |
|
| 27 | 27 |
<script> |
| 28 | 28 |
$(function () {
|
| 29 |
- timer(); |
|
| 29 |
+ $(".btn_auth_send").click(function(){
|
|
| 30 |
+ var $sendBtn = $(this); |
|
| 31 |
+ timer(); |
|
| 32 |
+ $(".cf_text").removeAttr("style").html("인증번호를 발송했습니다. 3분 이내에 입력해주세요. (남은 재발송 <b>3</b>회)").addClass("c_002c9a").removeClass("c_e40000");
|
|
| 33 |
+ $sendBtn.addClass("disabled");
|
|
| 34 |
+ $(".case_switcher").show();
|
|
| 35 |
+ setTimeout(function(){
|
|
| 36 |
+ $sendBtn.removeClass("disabled").text("재전송");
|
|
| 37 |
+ }, 31000); |
|
| 38 |
+ }) |
|
| 39 |
+ |
|
| 40 |
+ $("input[name=case]").change(function(){
|
|
| 41 |
+ var $radio = $(this); |
|
| 42 |
+ if($radio.val() == "case01"){
|
|
| 43 |
+ $(".cf_text").html("인증번호가 일치하지 않습니다. 5회 실패 시 5분간 로그인이 제한됩니다. (남은 시도 <b>3</b>회)").removeClass("c_002c9a").addClass("c_e40000");
|
|
| 44 |
+ $(".mem_btn5").removeClass("disabled");
|
|
| 45 |
+ }else{
|
|
| 46 |
+ $(".cf_text").html("인증 시도 5회 이상 실패하여 5분간 로그인이 제한됩니다. 잠시 후 다시 시도해주세요.").removeClass("c_002c9a").addClass("c_e40000");
|
|
| 47 |
+ $(".mem_btn5").addClass("disabled");
|
|
| 48 |
+ } |
|
| 49 |
+ }) |
|
| 30 | 50 |
}) |
| 31 |
- //인증번호 타이머 |
|
| 32 |
- function timer() {
|
|
| 33 |
- var time = 180; //기준시간 작성 |
|
| 34 |
- var min = ""; //분 |
|
| 35 |
- var sec = ""; //초 |
|
| 36 |
- //setInterval(함수, 시간) : 주기적인 실행 |
|
| 37 |
- var x = setInterval(function () {
|
|
| 38 |
- //parseInt() : 정수를 반환 |
|
| 39 |
- min = parseInt(time / 60); |
|
| 40 |
- sec = time % 60; //나머지를 계산 |
|
| 51 |
+ |
|
| 52 |
+ var timerInterval = null; |
|
| 41 | 53 |
|
| 42 |
- document.getElementById("timer").innerHTML = min + "분" + sec + "초";
|
|
| 43 |
- time--; |
|
| 44 |
- |
|
| 45 |
- //타임아웃 시 |
|
| 46 |
- if (time < 0) {
|
|
| 47 |
- clearInterval(x); //setInterval() 실행을 끝냄 |
|
| 48 |
- document.getElementById("timer").innerHTML = "시간초과";
|
|
| 49 |
- } |
|
| 50 |
- |
|
| 51 |
- }, 1000); |
|
| 52 |
- |
|
| 53 |
- if (time != 180) {
|
|
| 54 |
- time = 180; |
|
| 55 |
- clearInterval(x); |
|
| 56 |
- } |
|
| 57 |
- } |
|
| 54 |
+ // 인증번호 타이머 |
|
| 55 |
+ function timer() {
|
|
| 56 |
+ // 기존 타이머 종료 |
|
| 57 |
+ if (timerInterval !== null) {
|
|
| 58 |
+ clearInterval(timerInterval); |
|
| 59 |
+ timerInterval = null; |
|
| 60 |
+ } |
|
| 61 |
+ |
|
| 62 |
+ $(".timer").show();
|
|
| 63 |
+ |
|
| 64 |
+ var time = 180; |
|
| 65 |
+ |
|
| 66 |
+ // 시작할 때 03:00으로 초기화 |
|
| 67 |
+ $("#timer").html("03:00");
|
|
| 68 |
+ |
|
| 69 |
+ timerInterval = setInterval(function () {
|
|
| 70 |
+ time--; |
|
| 71 |
+ |
|
| 72 |
+ var min = String(Math.floor(time / 60)).padStart(2, "0"); |
|
| 73 |
+ var sec = String(time % 60).padStart(2, "0"); |
|
| 74 |
+ |
|
| 75 |
+ $("#timer").html(min + ":" + sec);
|
|
| 76 |
+ |
|
| 77 |
+ // 타임아웃 |
|
| 78 |
+ if (time < 0) {
|
|
| 79 |
+ clearInterval(timerInterval); |
|
| 80 |
+ timerInterval = null; |
|
| 81 |
+ |
|
| 82 |
+ $(".timer").hide();
|
|
| 83 |
+ $(".cf_text").html("입력 시간이 지났습니다. 새로운 인증번호를 받아주세요. (남은 재발송 <b>N</b>회)");
|
|
| 84 |
+ $(".mem_btn5").removeClass("disabled");
|
|
| 85 |
+ } |
|
| 86 |
+ }, 1000); |
|
| 87 |
+ } |
|
| 58 | 88 |
</script> |
| 59 | 89 |
|
| 60 | 90 |
</head> |
| 61 | 91 |
|
| 62 | 92 |
<body> |
| 63 | 93 |
<div class="mask"></div> |
| 94 |
+ |
|
| 95 |
+ <!-- 가입번호 변경 안내 --> |
|
| 96 |
+ <div class="tooltip-wrap"> |
|
| 97 |
+ <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;"> |
|
| 98 |
+ <div class="popup_heading"> |
|
| 99 |
+ <p>가입번호 변경 안내</p> |
|
| 100 |
+ <button type="button" class="tooltip-close" data-focus="change_number_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 101 |
+ </div> |
|
| 102 |
+ <div class="layer_in" style="padding:30px;"> |
|
| 103 |
+ <p class="title_text">가입 휴대폰번호가 변경되셨나요?</p> |
|
| 104 |
+ <span class="sub_text">등록된 번호로 인증이 어려운 경우, 가입자 본인 명의 휴대폰으로<br />본인인증(PASS)을 하시면 변경된 번호로 갱신 및 해당번호로 <br />인증을 다시 받을 수 있습니다.</span> |
|
| 105 |
+ <p class="gray_box fill" style="margin:16px 0 0 0;"> |
|
| 106 |
+ ※ 가입자 본인 명의의 휴대폰으로만 인증할 수 있습니다. <br /> |
|
| 107 |
+ ※ 인증 완료 시 가입 휴대폰번호와 보안로그인 기본 번호가 함께 <br />   변경됩니다. |
|
| 108 |
+ </p> |
|
| 109 |
+ <div class="popup_btn" style="margin:30px 0 0 0;"> |
|
| 110 |
+ <button type="button" class="btnType btnType2 tooltip-close">본인인증하기</button> |
|
| 111 |
+ <button type="button" class="btnType fill_gray tooltip-close">취소</button> |
|
| 112 |
+ </div> |
|
| 113 |
+ </div> |
|
| 114 |
+ |
|
| 115 |
+ </div> |
|
| 116 |
+ </div> |
|
| 117 |
+ <!-- //가입번호 변경 안내 --> |
|
| 118 |
+ |
|
| 64 | 119 |
<!-- skip 메뉴 --> |
| 65 | 120 |
<div class="skip_menu"> |
| 66 | 121 |
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a> |
... | ... | @@ -70,8 +125,24 @@ |
| 70 | 125 |
<!-- header 영역 --> |
| 71 | 126 |
<div data-include-path="/publish/layout/_header.html"></div> |
| 72 | 127 |
<!--// header 영역 --> |
| 73 |
- <!-- login 영역 --> |
|
| 74 |
- <!-- content 영역 --> |
|
| 128 |
+ |
|
| 129 |
+ <div class="case_switcher" style="display:none;"> |
|
| 130 |
+ <strong class="case_switcher_title">CASE</strong> |
|
| 131 |
+ |
|
| 132 |
+ <div class="case_switcher_list"> |
|
| 133 |
+ <label class="case_item"> |
|
| 134 |
+ <input type="radio" name="case" value="case01"> |
|
| 135 |
+ <span>인증번호 일치하지 않았을때</span> |
|
| 136 |
+ </label> |
|
| 137 |
+ |
|
| 138 |
+ <label class="case_item"> |
|
| 139 |
+ <input type="radio" name="case" value="case02"> |
|
| 140 |
+ <span>5회 이상 틀렸을 때</span> |
|
| 141 |
+ </label> |
|
| 142 |
+ |
|
| 143 |
+ </div> |
|
| 144 |
+ </div> |
|
| 145 |
+ |
|
| 75 | 146 |
<div id="container" class="cont sub"> |
| 76 | 147 |
<div class="inner"> |
| 77 | 148 |
<!-- send top --> |
... | ... | @@ -83,26 +154,32 @@ |
| 83 | 154 |
</div> |
| 84 | 155 |
<div class="mem_cont_in widthS login_wrap security_login"> |
| 85 | 156 |
<div class="input_list"> |
| 86 |
- <p class="welcome"><span>안전한 서비스 이용</span>을 위해 <span class="c_222 fwBold">가입자 인증</span>이 필요합니다.</p> |
|
| 157 |
+ <p class="welcome"> |
|
| 158 |
+ <span>문자고</span>에 오신것을 환영합니다.<br><span class="c_222 fwMd">로그인</span> 해주세요. |
|
| 159 |
+ <span class="sub_text">안전한 서비스 이용을 위해 등록된 휴대폰번호로 인증을 진행해주세요.</span> |
|
| 160 |
+ </p> |
|
| 161 |
+ <div class="badge yellow"> |
|
| 162 |
+ <i>!</i> 보안 강화를 위해 모든 계정에 2차 인증(보안로그인)이 상시 적용됩니다. |
|
| 163 |
+ </div> |
|
| 87 | 164 |
<div class="input_list_item" id="input_list_item_4"> |
| 88 | 165 |
<div class="input_left">휴대폰번호</div> |
| 89 | 166 |
<div class="input_right"> |
| 90 | 167 |
<label for="list_inputType1" class="label">휴대폰번호</label> |
| 91 |
- <select id="hp_text2" class="list_selType1" style="width:70%;"> |
|
| 92 |
- <option value="01057058729">01057058729(대표번호)</option> |
|
| 168 |
+ <select id="hp_text2" class="list_selType1"> |
|
| 169 |
+ <option value="01000000000">010-0000-0000(기본)</option> |
|
| 93 | 170 |
</select> |
| 94 | 171 |
</div> |
| 95 | 172 |
<div class="login_del"> |
| 96 |
- <button type="button" class="btnType btnType3" onclick="sendMsgYn();">인증번호 받기</button> |
|
| 173 |
+ <button type="button" class="btnType btnType3 btn_auth_send">인증번호 받기</button> |
|
| 97 | 174 |
</div> |
| 98 | 175 |
</div> |
| 99 | 176 |
<div class="input_list_item" id="input_list_item_5"> |
| 100 | 177 |
<div class="input_left">인증번호 입력</div> |
| 101 | 178 |
<div class="input_right"> |
| 102 | 179 |
<label for="list_inputType1" class="label">인증번호 입력</label> |
| 103 |
- <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;}">
|
|
| 180 |
+ <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;}">
|
|
| 104 | 181 |
|
| 105 |
- <div id="timer">3분00초</div> |
|
| 182 |
+ <div id="timer" class="timer">03:00</div> |
|
| 106 | 183 |
</div> |
| 107 | 184 |
<div class="login_del"> |
| 108 | 185 |
<!-- <i class="password_protect"></i> --> |
... | ... | @@ -112,14 +189,14 @@ |
| 112 | 189 |
</div> |
| 113 | 190 |
</div> |
| 114 | 191 |
<div class="mem_bottom"> |
| 115 |
- <p class="cf_text">휴대폰번호로 전송된 인증번호를 입력해주세요 </p> |
|
| 116 |
- <button type="button" class="red_box">휴대폰번호가 변경된 경우</button> |
|
| 192 |
+ <p class="cf_text" style="display:none;">휴대폰번호로 전송된 인증번호를 입력해주세요 </p> |
|
| 117 | 193 |
</div> |
| 118 | 194 |
|
| 119 | 195 |
<div class="mem_btnWrap2"> |
| 120 |
- <button type="button" class="mem_btn5">로그인</button> |
|
| 121 |
- <button type="button" class="mem_btn2">취소</button> |
|
| 196 |
+ <button type="button" class="btnType mem_btn5 w100">확인</button> |
|
| 122 | 197 |
</div> |
| 198 |
+ <button type="button" class="btn_text btn_change_phone" data-tooltip="change_number_popup">가입 휴대폰번호가 변경된 경우?</button> |
|
| 199 |
+ |
|
| 123 | 200 |
</div> |
| 124 | 201 |
</div> |
| 125 | 202 |
<!--// 비밀번호 확인 --> |
--- src/main/webapp/publish/sub1.html
+++ src/main/webapp/publish/sub1.html
... | ... | @@ -32,38 +32,232 @@ |
| 32 | 32 |
<script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script> |
| 33 | 33 |
|
| 34 | 34 |
<script> |
| 35 |
- $(function () {
|
|
| 35 |
+ $(function(){
|
|
| 36 |
+ var authTimer = null; |
|
| 36 | 37 |
|
| 37 |
- // 라디오 예약버튼 클릭시 예약 설정 창 노출 |
|
| 38 |
- $("[name='reserYn']").click(function () {
|
|
| 39 |
- if ($(this).val() == "Y") {
|
|
| 40 |
- $(".rev_selected").show();
|
|
| 41 |
- $(".send_rev .send_content").css("padding-bottom", "0");
|
|
| 42 |
- } else {
|
|
| 43 |
- $(".rev_selected").hide();
|
|
| 44 |
- $(".send_rev .send_content").removeAttr("style");
|
|
| 45 |
- } |
|
| 38 |
+ $(".auth_number_send").click(function(){
|
|
| 46 | 39 |
|
| 47 |
- }) |
|
| 48 |
- }) |
|
| 40 |
+ if ($(this).hasClass("disabled")) {
|
|
| 41 |
+ return; |
|
| 42 |
+ } |
|
| 49 | 43 |
|
| 50 |
- // 상단 설명 더보기 |
|
| 51 |
- function popMore(e) {
|
|
| 52 |
- $(e).closest(".pop_more_cont").toggleClass("pop_more_click");
|
|
| 44 |
+ alert('인증번호가 발송 되었습니다.');
|
|
| 53 | 45 |
|
| 54 |
- if ($(e).closest(".pop_more_cont").is(".pop_more_click")) {
|
|
| 55 |
- $(e).html('숨기기');
|
|
| 56 |
- $(e).append('<i></i>');
|
|
| 57 |
- } else {
|
|
| 58 |
- $(e).html('더보기');
|
|
| 59 |
- $(e).append('<i></i>');
|
|
| 60 |
- } |
|
| 61 |
- } |
|
| 46 |
+ const $sendBtn = $(this); |
|
| 47 |
+ const $popup = $sendBtn.closest('.popup-com');
|
|
| 48 |
+ const $descElement = $popup.find('.desc_text');
|
|
| 49 |
+ |
|
| 50 |
+ $sendBtn.addClass("disabled");
|
|
| 51 |
+ setTimeout(function(){
|
|
| 52 |
+ $sendBtn.removeClass("disabled").text("재전송");
|
|
| 53 |
+ }, 30000); |
|
| 54 |
+ |
|
| 55 |
+ var guideText = ''; |
|
| 56 |
+ |
|
| 57 |
+ if ($popup.hasClass('auth_number_email_popup')) {
|
|
| 58 |
+ guideText = '메일이 도착하지 않으면 스팸함 확인 후 재전송을 눌러 주세요.'; |
|
| 59 |
+ } else if ($popup.hasClass('auth_number_popup')) {
|
|
| 60 |
+ guideText = '인증번호가 도착하지 않으면 재전송을 눌러 주세요.'; |
|
| 61 |
+ } |
|
| 62 |
+ |
|
| 63 |
+ if (authTimer) {
|
|
| 64 |
+ clearInterval(authTimer); |
|
| 65 |
+ } |
|
| 66 |
+ |
|
| 67 |
+ var timeLeft = 180; |
|
| 68 |
+ |
|
| 69 |
+ function startTimer() {
|
|
| 70 |
+ authTimer = setInterval(function() {
|
|
| 71 |
+ |
|
| 72 |
+ var minutes = Math.floor(timeLeft / 60); |
|
| 73 |
+ var seconds = timeLeft % 60; |
|
| 74 |
+ |
|
| 75 |
+ var formattedTime = |
|
| 76 |
+ String(minutes).padStart(2, '0') + ':' + |
|
| 77 |
+ String(seconds).padStart(2, '0'); |
|
| 78 |
+ |
|
| 79 |
+ const timerHtml = |
|
| 80 |
+ `<span class="c_e40000 fwBold">${formattedTime}</span> `;
|
|
| 81 |
+ |
|
| 82 |
+ $descElement.html(timerHtml + guideText); |
|
| 83 |
+ |
|
| 84 |
+ if (timeLeft <= 0) {
|
|
| 85 |
+ clearInterval(authTimer); |
|
| 86 |
+ |
|
| 87 |
+ $descElement.html( |
|
| 88 |
+ `<span class="c_e40000 fwBold">시간 초과</span> 인증번호를 다시 요청해 주세요.` |
|
| 89 |
+ ); |
|
| 90 |
+ } |
|
| 91 |
+ |
|
| 92 |
+ timeLeft--; |
|
| 93 |
+ |
|
| 94 |
+ }, 1000); |
|
| 95 |
+ } |
|
| 96 |
+ |
|
| 97 |
+ startTimer(); |
|
| 98 |
+ }); |
|
| 99 |
+ }); |
|
| 62 | 100 |
</script> |
| 101 |
+ |
|
| 63 | 102 |
|
| 64 | 103 |
</head> |
| 65 | 104 |
|
| 66 | 105 |
<body> |
| 106 |
+ |
|
| 107 |
+ <div class="mask"></div> |
|
| 108 |
+ |
|
| 109 |
+ <!-- 문자 전송 결과(발송보류) --> |
|
| 110 |
+ <div class="tooltip-wrap"> |
|
| 111 |
+ <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;"> |
|
| 112 |
+ <div class="popup_heading"> |
|
| 113 |
+ <p>문자 전송 결과</p> |
|
| 114 |
+ <button type="button" class="tooltip-close" data-focus="pop_msg_fails-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 115 |
+ </div> |
|
| 116 |
+ <div class="layer_in" style="padding:50px 30px;"> |
|
| 117 |
+ <div class="msg_text">발송 성공 : <strong>1</strong> 건,수신거부 : <span>0</span>건의<br>문자가 접수 되었습니다.</div> |
|
| 118 |
+ <p class="lightred_box fill" style="margin:30px 0 0 0;"> |
|
| 119 |
+ 문자 내용에 <span class="fwBold c_e40000">금칙어 또는 링크</span>가 탐지되어 발송이 <span class="fwBold c_e40000">보류</span>되었습니다. <br> |
|
| 120 |
+ <span class="desc_text">검토를 거친 이후, 정상적인 문자는 그대로 발송됩니다.</span> |
|
| 121 |
+ </p> |
|
| 122 |
+ <div class="popup_btn" style="margin:30px 0 0 0;"> |
|
| 123 |
+ <button type="button" class="btnType btnType2 tooltip-close">문자 발송결과 바로가기</button> |
|
| 124 |
+ <button type="button" class="btnType fill_gray tooltip-close">취소</button> |
|
| 125 |
+ </div> |
|
| 126 |
+ </div> |
|
| 127 |
+ |
|
| 128 |
+ </div> |
|
| 129 |
+ </div> |
|
| 130 |
+ <!-- //문자 전송 결과(발송보류) --> |
|
| 131 |
+ |
|
| 132 |
+ |
|
| 133 |
+ <!-- 발신번호 인증(SMS인증) --> |
|
| 134 |
+ <div class="tooltip-wrap"> |
|
| 135 |
+ <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;"> |
|
| 136 |
+ <div class="popup_heading"> |
|
| 137 |
+ <p><span>발신번호 인증</p> |
|
| 138 |
+ <button type="button" class="tooltip-close" data-focus="auth_number_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 139 |
+ </div> |
|
| 140 |
+ <div class="layer_in"> |
|
| 141 |
+ <p class="title_text"> |
|
| 142 |
+ 문자 발송을 위해 <span class="c_002c9a fwBold">발신번호 인증</span>이 필요합니다. |
|
| 143 |
+ <br>발신번호로 전송된 인증번호를 입력해주세요. |
|
| 144 |
+ </p> |
|
| 145 |
+ <table class="layer_tType1"> |
|
| 146 |
+ <colgroup> |
|
| 147 |
+ <col style="width:155px;"/> |
|
| 148 |
+ <col style="width:auto;"/> |
|
| 149 |
+ </colgroup> |
|
| 150 |
+ <tbody> |
|
| 151 |
+ <tr> |
|
| 152 |
+ <th>인증대상 발신번호</th> |
|
| 153 |
+ <td><input type="text" class="readonly w100" readonly value="010-1234-5678"/></td> |
|
| 154 |
+ </tr> |
|
| 155 |
+ <tr> |
|
| 156 |
+ <th>인증번호 입력</th> |
|
| 157 |
+ <td> |
|
| 158 |
+ <div class="form_wrap column left"> |
|
| 159 |
+ <div class="form_row"> |
|
| 160 |
+ <input type="text" class="auth_number_input" placeholder="인증번호 입력"/><button type="button" class="btnType btnType6 auth_number_send">인증번호 전송</button> |
|
| 161 |
+ </div> |
|
| 162 |
+ <span class="desc_text">인증번호 전송을 눌러 발신번호로 인증번호를 받아주세요.</span> |
|
| 163 |
+ </div> |
|
| 164 |
+ |
|
| 165 |
+ </td> |
|
| 166 |
+ </tr> |
|
| 167 |
+ </tbody> |
|
| 168 |
+ </table> |
|
| 169 |
+ |
|
| 170 |
+ <p class="gray_box fill"> |
|
| 171 |
+ 인증한 발신번호는 로그인 세션이 유지되는 동안 재인증 없이 발송할 수 있습니다. |
|
| 172 |
+ <br>(발신번호 변경 시 변경된 발신번호 추가 인증 필요) |
|
| 173 |
+ </p> |
|
| 174 |
+ |
|
| 175 |
+ <div class="btn_wrap popup center"> |
|
| 176 |
+ <button type="button" class="btnType btn fill primary xlarge tooltip-close" data-tooltip="pop_msg_fails">인증</button> |
|
| 177 |
+ <button type="button" class="btnType btn fill_gray xlarge tooltip-close">취소</button> |
|
| 178 |
+ </div> |
|
| 179 |
+ </div> |
|
| 180 |
+ </div> |
|
| 181 |
+ </div> |
|
| 182 |
+ <!--//발신번호 인증(SMS인증) --> |
|
| 183 |
+ |
|
| 184 |
+ <!-- 발신번호 인증(이메일 인증) --> |
|
| 185 |
+ <div class="tooltip-wrap"> |
|
| 186 |
+ <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;"> |
|
| 187 |
+ <div class="popup_heading"> |
|
| 188 |
+ <p><span>발신번호 인증</p> |
|
| 189 |
+ <button type="button" class="tooltip-close" data-focus="auth_number_email_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 190 |
+ </div> |
|
| 191 |
+ <div class="layer_in"> |
|
| 192 |
+ <p class="title_text"> |
|
| 193 |
+ 문자 발송을 위해 <span class="c_002c9a fwBold">발신번호 인증</span>이 필요합니다. |
|
| 194 |
+ <br><span class="c_002c9a fwBold">회원가입 담당자 이메일</span>로 전송된 인증번호를 입력해 주세요. |
|
| 195 |
+ </p> |
|
| 196 |
+ <table class="layer_tType1"> |
|
| 197 |
+ <colgroup> |
|
| 198 |
+ <col style="width:155px;"/> |
|
| 199 |
+ <col style="width:auto;"/> |
|
| 200 |
+ </colgroup> |
|
| 201 |
+ <tbody> |
|
| 202 |
+ <tr> |
|
| 203 |
+ <th>인증대상 발신번호</th> |
|
| 204 |
+ <td><input type="text" class="readonly w100" readonly value="010-1234-5678"/></td> |
|
| 205 |
+ </tr> |
|
| 206 |
+ <tr> |
|
| 207 |
+ <th>인증번호 수신 이메일</th> |
|
| 208 |
+ <td><input type="text" class="readonly w100" readonly value="it*****@iten.co.kr"/></td> |
|
| 209 |
+ </tr> |
|
| 210 |
+ <tr> |
|
| 211 |
+ <th>인증번호 입력</th> |
|
| 212 |
+ <td> |
|
| 213 |
+ <div class="form_wrap column"> |
|
| 214 |
+ <div class="form_row"> |
|
| 215 |
+ <input type="text" class="auth_number_input" placeholder="인증번호 입력"/><button type="button" class="btnType btnType6 auth_number_send">인증번호 전송</button> |
|
| 216 |
+ </div> |
|
| 217 |
+ <span class="desc_text">인증번호 전송을 눌러 담당자 이메일로 인증번호를 받아주세요.</span> |
|
| 218 |
+ </div> |
|
| 219 |
+ |
|
| 220 |
+ </td> |
|
| 221 |
+ </tr> |
|
| 222 |
+ </tbody> |
|
| 223 |
+ </table> |
|
| 224 |
+ |
|
| 225 |
+ <p class="gray_box fill"> |
|
| 226 |
+ Daum 메일은 정상 인증이 어려울 수 있습니다. 회원정보에서 이메일을 변경하여 시도해 주세요. |
|
| 227 |
+ </p> |
|
| 228 |
+ |
|
| 229 |
+ <div class="btn_wrap popup"> |
|
| 230 |
+ <button type="button" class="btnType fill_blue tooltip-close" data-tooltip="pop_msg_fails">인증</button> |
|
| 231 |
+ <button type="button" class="btnType fill_gray tooltip-close">취소</button> |
|
| 232 |
+ </div> |
|
| 233 |
+ </div> |
|
| 234 |
+ </div> |
|
| 235 |
+ </div> |
|
| 236 |
+ <!--//발신번호 인증(SMS인증) --> |
|
| 237 |
+ |
|
| 238 |
+ |
|
| 239 |
+ <!-- 발신번호 인증 필요 --> |
|
| 240 |
+ <div class="tooltip-wrap"> |
|
| 241 |
+ <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;"> |
|
| 242 |
+ <div class="popup_heading"> |
|
| 243 |
+ <p><span>발신번호 인증 필요</p> |
|
| 244 |
+ <button type="button" class="tooltip-close" data-focus="required_auth_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 245 |
+ </div> |
|
| 246 |
+ <div class="layer_in"> |
|
| 247 |
+ <p class="title_text"> |
|
| 248 |
+ 선택하신 발신번호는 <span class="c_002c9a fwBold">아직 인증되지 않았습니다.</span> |
|
| 249 |
+ <br>문자를 발송하려면 먼저 발신번호 인증이 필요합니다. <br /> |
|
| 250 |
+ <span class="desc_text">[인증하기]를 누르면 인증 절차가 진행되고, 인증 완료 후 바로 발송됩니다.</span> |
|
| 251 |
+ </p> |
|
| 252 |
+ |
|
| 253 |
+ <div class="btn_wrap popup"> |
|
| 254 |
+ <button type="button" class="btnType fill_blue tooltip-close" data-tooltip="auth_number_popup">인증하기</button> |
|
| 255 |
+ <button type="button" class="btnType fill_gray tooltip-close">취소</button> |
|
| 256 |
+ </div> |
|
| 257 |
+ </div> |
|
| 258 |
+ </div> |
|
| 259 |
+ </div> |
|
| 260 |
+ <!--//발신번호 인증 필요 --> |
|
| 67 | 261 |
|
| 68 | 262 |
<div class="tooltip-wrap" style="z-index:105;"> |
| 69 | 263 |
<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 @@ |
| 1160 | 1354 |
<td class="put_num"> |
| 1161 | 1355 |
<label for="num" class="label"></label> |
| 1162 | 1356 |
<select id="num" class="sel_number"> |
| 1163 |
- <option value="">010-1234-5678</option> |
|
| 1357 |
+ <option value="">010-1234-5678(무선)</option> |
|
| 1164 | 1358 |
<option value="">010-1234-5678</option> |
| 1165 | 1359 |
<option value="">010-1234-5678</option> |
| 1166 | 1360 |
<option value="">010-1234-5678</option> |
| 1167 | 1361 |
</select> |
| 1168 | 1362 |
<button type="button" class="btnType btnType6">번호추가</button> |
| 1363 |
+ <div class="badge blue"><i></i>인증완료</div> |
|
| 1169 | 1364 |
</td> |
| 1170 | 1365 |
</tr> |
| 1171 | 1366 |
<tr> |
| 1172 |
- <th scope="row">제목</th> |
|
| 1173 |
- <td> |
|
| 1174 |
- <!-- 단문일 때 --> |
|
| 1175 |
- <label for="text" class="label"></label> |
|
| 1176 |
- <input type="text" size="20" id="text" class="w100" placeholder="" onfocus="this.placeholder=''" disabled> |
|
| 1177 |
- <!-- 장문일 때 --> |
|
| 1178 |
- <!-- <input type="text" size="20" id="text" class="w100" placeholder="제목을 입력해주세요 (최대30byte, 발송관리용)" onfocus="this.placeholder=''" onblur="this.placeholder='제목을 입력해주세요 (최대30byte, 발송관리용)'"> --> |
|
| 1367 |
+ <th scope="row">발신번호</th> |
|
| 1368 |
+ <td class="put_num"> |
|
| 1369 |
+ <label for="num" class="label"></label> |
|
| 1370 |
+ <select id="num" class="sel_number"> |
|
| 1371 |
+ <option value="">010-1234-5678(무선)</option> |
|
| 1372 |
+ <option value="">010-1234-5678</option> |
|
| 1373 |
+ <option value="">010-1234-5678</option> |
|
| 1374 |
+ <option value="">010-1234-5678</option> |
|
| 1375 |
+ </select> |
|
| 1376 |
+ <button type="button" class="btnType btnType6">번호추가</button> |
|
| 1377 |
+ <div class="badge yellow" data-tooltip="auth_number_popup"><i></i>인증확인</div> |
|
| 1378 |
+ <div class="badge yellow" data-tooltip="auth_number_email_popup"><i></i>인증확인(이메일)</div> |
|
| 1179 | 1379 |
</td> |
| 1180 | 1380 |
</tr> |
| 1381 |
+ <!-- <tr> |
|
| 1382 |
+ <th scope="row">제목</th> |
|
| 1383 |
+ <td> |
|
| 1384 |
+ 단문일 때 |
|
| 1385 |
+ <label for="text" class="label"></label> |
|
| 1386 |
+ <input type="text" size="20" id="text" class="w100" placeholder="" onfocus="this.placeholder=''" disabled> |
|
| 1387 |
+ 장문일 때 |
|
| 1388 |
+ <input type="text" size="20" id="text" class="w100" placeholder="제목을 입력해주세요 (최대30byte, 발송관리용)" onfocus="this.placeholder=''" onblur="this.placeholder='제목을 입력해주세요 (최대30byte, 발송관리용)'"> |
|
| 1389 |
+ </td> |
|
| 1390 |
+ </tr> --> |
|
| 1181 | 1391 |
<!-- 단문 --> |
| 1182 | 1392 |
<tr> |
| 1183 | 1393 |
<th scope="row" class="vTop">내용</th> |
... | ... | @@ -1795,7 +2005,7 @@ |
| 1795 | 2005 |
</ul> |
| 1796 | 2006 |
</div> |
| 1797 | 2007 |
<div class="send_btn"> |
| 1798 |
- <button type="button" class="btnType btnType11" onclick="javascript:fn_sendMsgData(); return false;">발송하기</button> |
|
| 2008 |
+ <button type="button" class="btnType btnType11" data-tooltip="required_auth_popup">발송하기</button> |
|
| 1799 | 2009 |
<button type="button" class="btnType btnType10" onclick="window.open('/publish/testKakaoSendPop.html','','width=770,height=830')">테스트발송</button>
|
| 1800 | 2010 |
</div> |
| 1801 | 2011 |
</div> |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?