PageSourceSearch

https://www.mastervpn.co.kr/login?redirect=https%3A%2F%2Fwww.mastervpn.co.kr%2Fpayment%2Fintegration-normal

html mastervpn.co.kr collected 2026-10-02 01:59:13 UTC 36,048 bytes, 1,091 lines download raw bytes

1<!DOCTYPE html>
2<html
3  lang="ko"
4>
5  <head>
6    <meta charset="UTF-8" />
7    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8    
9    
10        <!-- All logic handled in MetaTagService, template only displays final values -->
11        <title>마스터VPN - 로그인</title>
12        
13        <link rel="canonical" href="https://www.mastervpn.co.kr/login">
14        <meta name="robots" content="index, follow">
15        <meta name="keywords" content="통신사VPN, 고정아이피, 유동아이피, 한국VPN, 유료VPN, 컴퓨터VPN, 브이피엔, VPN사용법, 마케팅, OTT, VPN추천">
16        <meta name="description" content="통신사VPN, 고정아이피, 유동아이피, 한국VPN, 유료VPN, 컴퓨터VPN, 브이피엔, VPN사용법, 마케팅, OTT, VPN추천">
17
18        <meta property="og:url" content="https://www.mastervpn.co.kr/login">
19        <meta property="og:site_name" content="마스터VPN">
20        <meta property="og:type" content="website">
21        <meta property="og:locale" content="ko_KR">
22        <meta property="og:title" content="마스터VPN - 로그인">
23        <meta property="og:description" content="통신사VPN, 고정아이피, 유동아이피, 한국VPN, 유료VPN, 컴퓨터VPN, 브이피엔, VPN사용법, 마케팅, OTT, VPN추천">
24        <meta property="og:image" content="https://www.mastervpn.co.kr/site_image.png">
25
26        <!-- Additional meta tags from configuration -->
27        <meta name="naver-site-verification" content="f04b14c93fc06231ffec887bf71b7f8b6c478fd6" />
28
29<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 29-30
29
30<script async src="https://www.googletagmanager.com/gtag/js?id=
30G-ZTJELH886X
vendor: 13 bytes, line 30
30"></script>
31<script>
32  
vendor: 138 bytes, lines 32-36
32window.dataLayer = window.dataLayer || [];
33  function gtag(){dataLayer.push(arguments);}
34  gtag('js', new Date());
35
36  gtag('config', '
36G-ZTJELH886X
vendor: 5 bytes, line 36
36');
37</script>
37
38
39<!-- Naver Analytics -->
40<script type="text/javascript" src="//wcs.pstatic.net/wcslog.js"></script>
vendor: 2 bytes, line 40
40
41<script type="text/javascript">
42if(!wcs_add) var wcs_add = {};
43wcs_add["wa"] = "1654545807eda10";
44if(window.wcs) {
45  wcs_do();
46}
47</script>
47
48
49        <!-- Favicon -->
50        <link rel="shortcut icon" href="https://www.mastervpn.co.kr/favicon.ico" type="image/x-icon">
51        <link rel="icon" href="https://www.mastervpn.co.kr/favicon.ico" type="image/x-icon">
52    
53    
54
55    <link
56      rel="stylesheet"
57      as="style"
58      crossorigin=""
59      href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"
60    />
61    <link rel="stylesheet" href="/css/common.css" />
62    
62<script src="/js/animation/top.js"></script>
62
63    
63<script type="module" src="/js/common/visitor-log.js"></script>
63
64    
64<script type="module" src="/js/common/password.js"></script>
64
65  </head>
66
67  <body>
68
69    <header id="header">
70    <!-- pc header -->
71    <div class="header-content">
72      <div class="content-inner">
73        <div class="header-logo">
74          <a href="/">
75            <img src="/images/common/header-logo.svg" alt="mastervpn" />
76          </a>
77        </div>
78
79        <div class="nav-group">
80          <div class="gnb-box">
81            <ul>
82              <li>
83                <a href="/about/static">통신사 고정 VPN</a>
84              </li>
85              <li>
86                <a href="/about/dynamic">통신사 유동 VPN</a>
87              </li>
88              <li>
89                <a href="/payment/integration-normal"
90                  >서비스 신청</a
91                >
92                <div class="lnb-box">
93                  <ul>
94                    <li>
95                      <a href="/payment/integration-normal"
96                        >통신사 VPN 서비스</a
97                      >
98                    </li>
99                    <li>
100                      <a href="/payment/ticket">아이피교체권</a>
101                    </li>
102                  </ul>
103                </div>
104              </li>
105              <li>
106                <a href="/use/window">사용방법</a>
107                <div class="lnb-box">
108                  <ul>
109                    <li>
110                      <a href="/use/window">프로그램</a>
111                    </li>
112                    <li>
113                      <a href="/use/window11">직접 접속</a>
114                    </li>
115                  </ul>
116                </div>
117              </li>
118              <li>
119                <a href="/support/notice">고객센터</a>
120                <div class="lnb-box">
121                  <ul>
122                    <li>
123                      <a href="/support/notice">공지사항</a>
124                    </li>
125                    <li>
126                      <a href="/support/faq">FAQ</a>
127                    </li>
128                    <li>
129                      <a href="/support/check-ip">IP 조회</a>
130                    </li>
131                    <li>
132                      <a href="/download">프로그램 다운로드</a>
133                    </li>
134                    <li>
135                      <a href="/support/remote">원격지원</a>
136                    </li>
137                  </ul>
138                </div>
139              </li>
140              <li>
141                <a href="/my/sub-id">마이페이지</a>
142                <div class="lnb-box">
143                  <ul>
144                    <li>
145                      <a href="/my/sub-id">서브 아이디 관리</a>
146                    </li>
147                    <li>
148                      <a href="/my/payment-method"
149                        >결제 수단 관리</a
150                      >
151                    </li>
152                    <li>
153                      <a href="/my/payment-history">결제 내역</a>
154                    </li>
155                    <li>
156                      <a href="/my/service">서비스 조회</a>
157                    </li>
158                    <li>
159                      <a href="/my/ip-change">아이피 교체</a>
160                    </li>
161                    <li>
162                      <a href="/my/inquiry">1:1 문의</a>
163                    </li>
164                    <li>
165                      <a href="/my/edit">회원 정보 수정</a>
166                    </li>
167                  </ul>
168                </div>
169              </li>
170            </ul>
171          </div>
172        </div>
173
174        <div class="account-group">
175          <!-- 로그인 전 -->
176          <div
177            class="sign-group"
178          >
179            <a href="/login" class="login-btn">
180            <span class="icon">
181              <img class="icon-default" src="/images/common/login.svg" alt="" />
182              <img class="icon-hover" src="/images/common/loginHover.svg" alt="" />
183            </span>
184              로그인
185            </a>
186
187            <a href="/signup/terms" class="signup-btn">
188            <span class="icon">
189              <img class="icon-default" src="/images/common/user.svg" alt="" />
190              <img class="icon-hover" src="/images/common/userHover.svg" alt="" />
191            </span>
192              회원가입
193            </a>
194          </div>
195
196          <!-- 로그인 후 -->
197          <div
198            class="user-group hide"
199          >
200            <p class="my-info-btn">
201              <span
202                class="txt-primary txt-semiBold"
203              ></span>
204              님, 반갑습니다.
205            </p>
206
207            <div class="profile-group">
208              <div class="profile-box">
209                <ul>
210                  <li>
211                    <span>현재 아이피</span>
212                    <p class="txt-semiBold">
213                      <span
214                        class="txt-primary"
215                      >181.215.65.71</span>
216                    </p>
217                  </li>
218                  <li>
219                    <span>이용중인 서비스</span>
220                    <p class="txt-semiBold">
221                      <span
222                        class="txt-primary"
223                      ></span>
224                      개
225                    </p>
226                  </li>
227                </ul>
228              </div>
229
230              <button name="logout" class="btn small secondary cancel">
231                로그아웃
232              </button>
233            </div>
234          </div>
235        </div>
236      </div>
237    </div>
238
239    <!-- mobile header -->
240    <div class="mo-header-content">
241      <div class="content-inner">
242        <div class="header-logo">
243          <a href="/">
244            <img src="/images/common/header-logo.svg" alt="mastervpn" />
245          </a>
246        </div>
247
248        <div class="mo-user-menu">
249          <a
250            href="/login"
251            class="mo-login"
252          >
253            <img src="/images/common/login-btn.svg" alt="" />
254            <span>로그인</span>
255          </a>
256          <div class="mo-nav-toggle">
257            <img src="/images/common/toggle-btn.svg" alt="" />
258            <span>전체 메뉴</span>
259          </div>
260        </div>
261      </div>
262
263      <div class="mo-nav-group">
264        <div class="mo-nav-top">
265          <div class="mo-nav-close">
266            <img src="/images/common/close-btn.svg" alt="" />
267            <span>닫기</span>
268          </div>
269        </div>
270
271        <div class="mo-account-group">
272          <!-- ▼ 로그인 전 -->
273          <div
274            class="sign-group"
275          >
276            <a href="/login" class="login-btn">
277              <img src="/images/common/login.svg" alt="" />
278              로그인
279            </a>
280            <a href="/signup/terms" class="signup-btn">
281              <img src="/images/common/user.svg" alt="" />
282              회원가입
283            </a>
284          </div>
285
286          <!-- ▼ 로그인 후 -->
287          <div
288            class="user-group hide"
289          >
290            <div class="user-inner">
291              <p>
292                <span
293                  class="txt-primary txt-semiBold"
294                ></span>
295                님, 반갑습니다.
296              </p>
297
298              <button name="logout" class="btn small secondary cancel">
299                로그아웃
300              </button>
301            </div>
302
303            <div class="profile-box">
304              <ul>
305                <li>
306                  <span>현재 아이피</span>
307                  <p class="txt-semiBold">
308                    <span
309                      class="txt-primary"
310                    >181.215.65.71</span>
311                  </p>
312                </li>
313                <li>
314                  <span>이용중인 서비스</span>
315                  <p class="txt-semiBold">
316                    <span
317                      class="txt-primary"
318                    ></span>
319                    개
320                  </p>
321                </li>
322              </ul>
323            </div>
324          </div>
325        </div>
326
327        <div class="mo-gnb-box">
328          <ul>
329            <li>
330              <a href="/about/static">
331                <p>통신사 고정 VPN</p>
332              </a>
333            </li>
334            <li>
335              <a href="/about/dynamic">
336                <p>통신사 유동 VPN</p>
337              </a>
338            </li>
339            <li>
340              <button type="button">
341                <p>서비스 신청</p>
342                <img
343                  src="/images/common/menuOpen.svg"
344                  alt=""
345                />
346              </button>
347              <div class="mo-lnb-box hide">
348                <ul>
349                  <li>
350                    <a href="/payment/integration-normal"
351                      >통신사 VPN 서비스</a
352                    >
353                  </li>
354                  <li>
355                    <a href="/payment/ticket">아이피 교체권</a>
356                  </li>
357                </ul>
358              </div>
359            </li>
360            <li>
361              <button type="button">
362                <p>사용방법</p>
363                <img
364                    src="/images/common/menuOpen.svg"
365                    alt=""
366                />
367              </button>
368              <div class="mo-lnb-box hide">
369                <ul>
370                  <li>
371                    <a href="/use/window">프로그램</a>
372                  </li>
373                  <li>
374                    <a href="/use/window11">직접 접속</a>
375                  </li>
376                </ul>
377              </div>
378            </li>
379            <li>
380              <button type="button">
381                <p>
381고객센터</p>
382                <img
383                  src="/images/common/menuOpen.svg"
384                  alt=""
385                />
386              </button>
387              <div class="mo-lnb-box hide">
388                <ul>
389                  <li>
390                    <a href="/support/notice">공지사항</a>
391                  </li>
392                  <li>
393                    <a href="/support/faq">FAQ</a>
394                  </li>
395                  <li>
396                    <a href="/support/check-ip">IP조회</a>
397                  </li>
398                  <li>
399                    <a href="/download">프로그램 다운로드</a>
400                  </li>
401                  <li>
402                    <a href="/support/remote">원격지원</a>
403                  </li>
404                </ul>
405              </div>
406            </li>
407            <li>
408              <button type="button">
409                <p>마이페이지</p>
410                <img
411                  src="/images/common/menuOpen.svg"
412                  alt=""
413                />
414              </button>
415              <div class="mo-lnb-box hide">
416                <ul>
417                  <li>
418                    <a href="/my/sub-id">서브 아이디 관리</a>
419                  </li>
420                  <li>
421                    <a href="/my/payment-method">결제 수단 관리</a>
422                  </li>
423                  <li>
424                    <a href="/my/payment-history">결제 내역</a>
425                  </li>
426                  <li>
427                    <a href="/my/service">서비스 조회</a>
428                  </li>
429                  <li>
430                    <a href="/my/ip-change">아이피 교체</a>
431                  </li>
432                  <li>
433                    <a href="/my/inquiry">1:1 문의</a>
434                  </li>
435                  <li>
436                    <a href="/my/edit">회원 정보 수정</a>
437                  </li>
438                </ul>
439              </div>
440            </li>
441          </ul>
442        </div>
443      </div>
444    </div>
445
446    
446<script type="module" src="/js/header.js"></script>
446
447    
447<script type="module" src="/js/download/download.js"></script>
447
448  </header>
449
450    <main id="container" class="full-container">
451    <link rel="stylesheet" href="/css/auth/auth.css" />
452
453    <section class="content-section">
454      <div class="content-inner">
455        <div class="loginbox-group">
456          <h1 class="group-title">로그인</h1>
457
458          <div class="login-information-group">
459            <div class="login-input-group">
460              <div class="id-pw-box">
461                <ul>
462                  <li>
463                    <div class="input-group">
464                      <label class="input-label">
465                        <input type="text" name="userId" placeholder="아이디" />
466                      </label>
467                    </div>
468                  </li>
469                  <li>
470                    <div class="input-group password-group">
471                      <label class="input-label">
472                        <input
473                          type="password"
474                          name="userPw"
475                          placeholder="비밀번호"
476                        />
477                      </label>
478
479                      <button class="encrypt-btn">
480                        <img
481                          src="/images/auth/pw-show.svg"
482                          alt=""
483                        />
484                      </button>
485                    </div>
486                  </li>
487                </ul>
488              </div>
489
490              <div class="save-find-group">
491                <label class="check-label save-btn">
492                  <input type="checkbox" name="isSaveId" class="check-box" />
493                  <p>아이디 저장</p>
494                </label>
495
496                <div class="login-find-group">
497                  <a href="/user/find-id" class="txt-dark-muted"
498                    >아이디 찾기</a
499                  >
500                  <a href="/user/find-pw" class="txt-dark-muted"
501                    >비밀번호 찾기</a
502                  >
503                </div>
504              </div>
505            </div>
506
507            <div class="btn-group">
508              <button
509                name="loginBtn"
510                type="button"
511                class="btn medium primary black"
512              >
513                로그인
514              </button>
515              <a
516                href="/signup/terms"
517                class="btn medium secondary"
518                >회원가입</a
519              >
520            </div>
521
522            <div class="message txt-alert hide login-message">
523              <img
524                src="/images/common/messageAlert.svg"
525                alt=""
526              />
527              아이디/비밀번호가 일치하지 않습니다.
528            </div>
529          </div>
530        </div>
531      </div>
532    </section>
533
534    
534<script type="module" src="/js/login.js"></script>
534
535  </main>
536
537    <!-- top -->
538      <div class="top">
539        <img src="/images/common/topArrow.svg" alt="" />
540      </div>
541
542    <footer id="footer" class="footer">
543    <div class="content-inner">
544      <div class="left-content">
545        <img src="/images/common/footer-logo.svg" alt="mastervpn" />
546        <div class="address-group">
547          <div class="policy-box">
548            <ul>
549              <li>
550                <a
551                  href="/policy/privacy"
552                  class="txt-dark-muted txt-bold"
553                  >개인정보처리방침</a
554                >
555              </li>
556              <li>
557                <a href="/policy/terms" class="txt-dark-muted"
558                  >이용약관</a
559                >
560              </li>
561            </ul>
562          </div>
563
564          <address>
565            <p
566              class="txt-dark-muted"
567            >마스터 컴퍼니</p>
568            <p
569              class="txt-dark-muted"
570            >대표 이원희</p>
571            <p
572              class="txt-dark-muted"
573            >사업자번호 207-14-79798</p>
574            <p
575              class="txt-dark-muted"
576            >통신판매업 제2023-고양덕양구-0849호</p>
577            <p
578              class="txt-dark-muted"
579            >주소 경기도 고양시 덕양구 대덕산로 123, 111동 1503호 (덕은동, DMC 한강숲 중흥S-CLASS)</p>
580            <p
581              class="txt-dark-muted"
582            >이메일 [email protected]</p>
583
584            <div class="copyright txt-muted">
585              COPYRIGHT(C) 2017 MASTERVPN ALL RIGHTS RESERVED.
586            </div>
587          </address>
588        </div>
589      </div>
590
591      <div class="right-content">
592        <p class="txt-primary txt-bold">
593          고객센터
594          <span
595            > 1661-5774</span
596          >
597        </p>
598
599        <span class="txt-dark-muted">
600          평일 09:00 - 18:00 (주말, 공휴일 휴무) <br />
601          점심 : 12:00 - 13:00
602        </span>
603      </div>
604    </div>
605  </footer>
606
607    <div id="modal" class="hide">
608    <!-- Alert 모달 -->
609    <div id="alert-modal" class="modal-content hide">
610      <div class="modal-title">타이틀</div>
611
612      <div class="modal-group">
613        <div class="modal-inner-text">메세지</div>
614      </div>
615
616      <div class="btn-group">
617        <button class="btn medium primary black modal-confirm-btn">확인</button>
618      </div>
619    </div>
620
621    <!-- Confirm 모달 -->
622    <div id="confirm-modal" class="modal-content hide">
623      <div class="modal-title">타이틀</div>
624
625      <div class="modal-group">
626        <div class="modal-inner-text">메세지</div>
627      </div>
628
629      <div class="btn-group">
630        <button class="btn medium secondary cancel modal-cancel-btn">
631          취소
632        </button>
633        <button class="btn medium primary black modal-confirm-btn">확인</button>
634      </div>
635    </div>
636
637    <!-- 로그아웃 모달 : 전체 페이지 공통 -->
638    <div class="modal-content hide">
639      <div class="modal-title">로그아웃</div>
640
641      <div class="modal-group">
642        <div class="modal-inner-text">로그아웃 하시겠습니까?</div>
643      </div>
644
645      <div class="btn-group">
646        <button class="btn medium secondary cancel modal-cancel-btn">
647          취소
648        </button>
649        <button class="btn medium primary black modal-confirm-btn">확인</button>
650      </div>
651    </div>
652
653    <!-- 서비스 준비중 모달 : 다운로드 페이지 -->
654    <div class="modal-content hide">
655      <div class="modal-title">서비스 준비중</div>
656
657      <div class="modal-group">
658        <div class="modal-inner-text">서비스 준비중입니다.</div>
659      </div>
660
661      <div class="btn-group">
662        <button class="btn medium primary black modal-confirm-btn">확인</button>
663      </div>
664    </div>
665
666    <!-- 서비스 미 선택 모달 : 서비스 신청 페이지 -->
667    <div class="modal-content hide">
668      <div class="modal-title">정기 결제 or 기간 결제</div>
669
670      <div class="modal-group">
671        <div class="modal-inner-text">
672          서비스를 선택한 후 신청을 진행해주세요.
673        </div>
674      </div>
675
676      <div class="btn-group">
677        <button class="btn medium primary black modal-confirm-btn">확인</button>
678      </div>
679    </div>
680
681    <!-- 카드 등록 모달 : 정기결제 페이지 -->
682    <div class="modal-content hide">
683      <div class="modal-title">카드 등록</div>
684
685      <div class="modal-group">
686        <div class="modal-inner-text">
687          등록하신 카드가 없습니다. 카드를 등록하시면 결제가 바로 진행됩니다.
688          카드를 등록하시겠습니까?
689        </div>
690      </div>
691
692      <div class="btn-group">
693        <button class="btn medium secondary cancel modal-cancel-btn">
694          취소
695        </button>
696        <button class="btn medium primary black modal-confirm-btn">확인</button>
697      </div>
698    </div>
699
700    <!-- 정기 결제 모달 : 정기결제 페이지 -->
701    <div id="billing-payment-modal" class="modal-content hide">
702      <div class="modal-title">정기 결제</div>
703
704      <div class="modal-group">
705        <div class="modal-inner-text">
706          등록하신 카드로 결제를 진행하시겠습니까?
707        </div>
708
709        <div class="biling-group">
710          <div class="bank-group"></div>
711
712          <div class="card-number-box"></div>
713
714          <button class="btn medium secondary change-card-btn">카드 변경</button>
715        </div>
716      </div>
717
718      <div class="btn-group">
719        <button class="btn medium secondary cancel modal-cancel-btn">
720          취소
721        </button>
722        <button class="btn medium primary black modal-confirm-btn">확인</button>
723      </div>
724    </div>
725
726    <!-- 정보 수정 모달 type1 : 회원정보수정 페이지 -->
727    <div class="modal-content hide">
728      <div class="modal-title">정보 수정</div>
729
730      <div class="modal-group">
731        <div class="modal-inner-text">회원 정보 수정을 완료하였습니다.</div>
732      </div>
733
734      <div class="btn-group">
735        <button class="btn medium primary black modal-confirm-btn">확인</button>
736      </div>
737    </div>
738
739    <!-- 정보 수정 모달 type1 : 회원정보수정 페이지 -->
740    <div class="modal-content hide">
741      <div class="modal-title">정보 수정</div>
742
743      <div class="modal-group">
744        <div class="modal-inner-text">변경된 수정 사항이 없습니다.</div>
745      </div>
746
747      <div class="btn-group">
748        <button class="btn medium primary black modal-confirm-btn">확인</button>
749      </div>
750    </div>
751
752    <!-- 게시글 삭제 모달 : 일대일문의 상세 페이지 -->
753    <div class="modal-content hide">
754      <div class="modal-title">게시글 삭제</div>
755
756      <div class="modal-group">
757        <div class="modal-inner-text">게시글을 삭제하시겠습니까?</div>
758      </div>
759
760      <div class="btn-group">
761        <button class="btn medium secondary cancel modal-cancel-btn">
762          취소
763        </button>
764        <button class="btn medium primary black modal-confirm-btn">확인</button>
765      </div>
766    </div>
767
768    <!-- 게시글 수정 모달 : 일대일문의 상세 페이지 -->
769    <div class="modal-content hide">
770      <div class="modal-title">게시글 수정</div>
771
772      <div class="modal-group">
773        <div class="modal-inner-text">게시글을 수정하시겠습니까?</div>
774      </div>
775
776      <div class="btn-group">
777        <button class="btn medium secondary cancel modal-cancel-btn">
778          취소
779        </button>
780        <button class="btn medium primary black modal-confirm-btn">확인</button>
781      </div>
782    </div>
783
784    <!-- 서브 아이디 삭제 모달 type1 : 서브아이디관리 페이지 -->
785    <div class="modal-content hide">
786      <div class="modal-title">서브 아이디 삭제</div>
787
788      <div class="modal-group">
789        <div class="modal-inner-text">
790          <span class="txt-primary txt-semiBold"></span> 를
791          삭제하시겠습니까?
792        </div>
793      </div>
794
795      <div class="btn-group">
796        <button class="btn medium secondary cancel modal-cancel-btn">
797          취소
798        </button>
799        <button class="btn medium primary black modal-confirm-btn">확인</button>
800      </div>
801    </div>
802
803    <!-- 서브 아이디 삭제 모달 type2 : 서브아이디관리 페이지 -->
804    <div class="modal-content hide">
805      <div class="modal-title">서브 아이디 삭제</div>
806
807      <div class="modal-group">
808        <div class="modal-inner-text">
809          이용중인 서비스가 있어 <br />
810          서브 아이디를 삭제할 수 없습니다.
811        </div>
812      </div>
813
814      <div class="btn-group">
815        <button class="btn medium primary black modal-confirm-btn">확인</button>
816      </div>
817    </div>
818
819    <!-- 비밀번호 변경 모달 : 서브아이디관리 페이지 -->
820    <div id="sub-id-password-change-modal" class="modal-content hide">
821      <div class="modal-title">비밀번호 변경</div>
822
823      <div class="modal-group">
824        <div class="signup-box none-bg">
825          <ul>
826            <li>
827              <div class="input-group">
828                <label class="input-label">
829                  <input
830                    type="password"
831                    name="password-new"
832                    placeholder="새 비밀번호"
833                    readonly
834                    onfocus="this.removeAttribute('readonly')"
835                  />
836                </label>
837              </div>
838              <div class="message txt-alert hide">
839                <img
840                  src="/images/common/messageAlert.svg"
841                  alt=""
842                />
843                <p></p>
844              </div>
845            </li>
846            <li>
847              <div class="input-group">
848                <label class="input-label">
849                  <input
850                    type="password"
851                    name="password-confirm"
852                    placeholder="비밀번호 확인"
853                    readonly
854                    onfocus="this.removeAttribute('readonly')"
855                  />
856                </label>
857              </div>
858              <div class="message txt-alert hide">
859                <img
860                  src="/images/common/messageAlert.svg"
861                  alt=""
862                />
863                <p></p>
864              </div>
865            </li>
866          </ul>
867        </div>
868      </div>
869
870      <div class="btn-group">
871        <button class="btn medium secondary cancel modal-cancel-btn">
872          취소
873        </button>
874        <button class="btn medium primary black modal-confirm-btn">변경</button>
875      </div>
876    </div>
877
878    <!-- 서브 아이디 추가 모달 : 서브아이디관리 페이지 -->
879    <div id="sub-id-create-modal" class="modal-content hide">
880      <div class="modal-title">서브 아이디 추가</div>
881
882      <div class="modal-group">
883        <div class="signup-box">
884          <ul>
885            <li>
886              <div class="input-group">
887                <label class="input-label highlight">
888                  <input type="text" name="id" placeholder="아이디"
889                         readonly
890                         onfocus="this.removeAttribute('readonly')"/>
891                </label>
892              </div>
893              <div class="message txt-alert hide">
894                <img
895                  src="/images/common/messageAlert.svg"
896                  alt=""
897                />
898                <p></p>
899              </div>
900              <button
901                type="button"
902                class="btn medium secondary"
903                name="duplicate-check"
904              >
905                중복확인
906              </button>
907            </li>
908            <li>
909              <div class="input-group password-group">
910                <label class="input-label highlight">
911                  <input
912                    type="password"
913                    name="password"
914                    placeholder="비밀번호"
915                    readonly
916                    onfocus="this.removeAttribute('readonly')"
917                  />
918                </label>
919
920                <button class="encrypt-btn">
921                  <img
922                    src="/images/auth/pw-show.svg"
923                    alt=""
924                  />
925                </button>
926              </div>
927              <div class="message txt-alert hide">
928                <img
929                  src="/images/common/messageAlert.svg"
930                  alt=""
931                />
932                <p></p>
933              </div>
934            </li>
935          </ul>
936        </div>
937      </div>
938
939      <div class="btn-group">
940        <button class="btn medium secondary cancel modal-cancel-btn">
941          취소
942        </button>
943        <button class="btn medium primary black modal-confirm-btn">추가</button>
944      </div>
945    </div>
946
947    <!-- 아이피 교체 모달 : 아이피교체 페이지 -->
948    <div id="ip-change-modal" class="modal-content hide">
949      <div class="modal-title">아이피 교체</div>
950
951      <div class="modal-group">
952        <div class="input-group input-btn-group">
953          <div class="change-ip"></div>
954
955          <button type="button" name="refresh-btn">
956            <img
957              src="/images/common/change-icon.svg"
958              alt=""
959            />
960          </button>
961        </div>
962      </div>
963
964      <div class="btn-group">
965        <button class="btn medium secondary cancel modal-cancel-btn">
966          취소
967        </button>
968        <button class="btn medium primary black modal-confirm-btn">변경</button>
969      </div>
970    </div>
971
972    <!-- IP 정보 상세 모달 : 서비스 조회 페이지 -->
973    <div id="ip-detail-modal" class="modal-content hide">
974      <div class="modal-title">접속 정보</div>
975
976      <div class="modal-group">
977        <div class="ip-detail-box">
978          <ul>
979            <li>
980              <p>서버 아이피</p>
981              <div class="read-only" data-field="srvrIp">-</div>
982            </li>
983            <li>
984              <p>접속 아이디</p>
985              <div class="read-only" data-field="acsId">-</div>
986            </li>
987            <li>
988              <p>접속 패스워드</p>
989              <div class="read-only" data-field="acsPw">-</div>
990            </li>
991          </ul>
992        </div>
993      </div>
994
995      <div class="btn-group">
996        <button class="btn medium primary black modal-confirm-btn">확인</button>
997      </div>
998    </div>
999
1000    <!-- 영수증 모달 : 결제내역 페이지 -->
1001    <div class="modal-content hide">
1002      <div class="modal-title">영수증</div>
1003
1004      <div class="modal-group">
1005        <div class="modal-inner-text">영수증이 없는 결제 내역입니다.</div>
1006      </div>
1007
1008      <div class="btn-group">
1009        <button class="btn medium primary black modal-confirm-btn">확인</button>
1010      </div>
1011    </div>
1012
1013    <!-- 결제 수단 삭제 모달 : 결제수단관리 페이지 -->
1014    <div class="modal-content hide">
1015      <div class="modal-title">결제 수단 삭제</div>
1016
1017      <div class="modal-group">
1018        <div class="modal-inner-text">
1019          등록하신 카드를 삭제하실 경우 <br />
1020          이용중인 모든 정기결제 서비스가 취소됩니다. <br />
1021          카드를 삭제하시겠습니까?
1022        </div>
1023      </div>
1024
1025      <div class="btn-group">
1026        <button class="btn medium secondary cancel modal-cancel-btn">
1027          취소
1028        </button>
1029        <button class="btn medium primary black modal-confirm-btn">확인</button>
1030      </div>
1031    </div>
1032
1033    <!-- 정기 결제 복구 모달 : 서비스현황(정기결제) 페이지 -->
1034    <div id="billing-recover-modal" class="modal-content hide">
1035      <div class="modal-title">정기 결제 복구</div>
1036
1037      <div class="modal-group">
1038        <div class="modal-inner-text">
1039          <span class="txt-primary txt-semiBold"></span> 의 정기 결제
1040          서비스를 복구하시겠습니까?
1041        </div>
1042      </div>
1043
1044      <div class="btn-group">
1045        <button class="btn medium secondary cancel modal-cancel-btn">
1046          취소
1047        </button>
1048        <button class="btn medium primary black modal-confirm-btn">확인</button>
1049      </div>
1050    </div>
1051
1052    <!-- 정기 결제 취소 모달 : 서비스현황(정기결제) 페이지 -->
1053    <div id="billing-cancel-modal" class="modal-content hide">
1054      <div class="modal-title">정기 결제 취소</div>
1055
1056      <div class="modal-group">
1057        <div class="modal-inner-text">
1058          <span class="txt-primary txt-semiBold"></span> 의 정기 결제
1059          서비스를 취소하시겠습니까?
1060        </div>
1061
1062        <div class="guide-box">
1063          <ul>
1064            <li class="txt-dark-muted">
1065              * 정기 결제를 취소해도 남은 기간이 만료될 <br />
1066              &nbsp;&nbsp;&nbsp;때까지 서비스를 이용할 수 있습니다.
1067            </li>
1068            <li class="txt-dark-muted">
1069              * 정기 결제를 취소하더라도 남은 기간이 있다면 <br />
1070              &nbsp;&nbsp;&nbsp;복구 후 이어서 서비스를 이용할 수 있습니다.
1071            </li>
1072          </ul>
1073        </div>
1074      </div>
1075
1076      <div class="btn-group">
1077        <button class="btn medium secondary cancel modal-cancel-btn">
1078          취소
1079        </button>
1080        <button class="btn medium primary black modal-confirm-btn">확인</button>
1081      </div>
1082    </div>
1083  </div>
1084
1085    <!-- jQuery 로드 -->
1086    
1086<script src="https://code.jquery.com/jquery-latest.min.js"></script>
1086
1087
1088    <!-- 페이지별 추가 스크립트 -->
1089    
1090  </body>
1091</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.