PageSourceSearch

https://ntcube.co.kr/accounts/login

html ntcube.co.kr collected 2026-10-09 17:53:37 UTC 63,994 bytes, 1,309 lines download raw bytes

1<!DOCTYPE html>
2<html mode="light">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="initaial-scale=1.0,user-scalable=yes,maximum-scale=5,width=device-width">
7    <!--모바일 자동 링크 제거 -->
8    <meta name="format-detection" content="telephone=no" />
9    <meta name="title" content="엔티큐브 (NTCUBE) - 로그인 - 엔티큐브 (NTCUBE)"><meta name="description" content="로그인 페이지 입니다."><meta name="keywords" content="Keywords"><meta property="og:url" content="https://ntcube.co.kr/"><meta property="og:site_name" content="엔티큐브 (NTCUBE) - 로그인 - 엔티큐브 (NTCUBE)"><meta property="og:title" content="엔티큐브 (NTCUBE) - 로그인 - 엔티큐브 (NTCUBE)"><meta property="og:description" content="로그인 페이지 입니다."><meta property="og:type" content="website" /><meta property="og:image" content="Image"><meta property="og:locale" content="ko_KR"><style>:root {  --color-title: #000000;  --color-text: #000000;  --color-primary: #f4c51e;  --color-little: #f4c51e1a;  --color-sub: #64542a;  --color-mute: #888888;  --color-dark: #000000;  --color-light: #ffffff;  --color-danger: #ea1818;  --color-warning: #e9ac00;  --color-success: #24b020;  --gnb-font-color: var(--color-white);  --gnb-bg-color: #222222;  --body-bg-color: var(--color-white);}</style>
10    <meta name="google-site-verification" content="UjWl8OYdrd3O1fi-S7SVZSZkgAYeFpavCT6onOWAWko" />
11<!--cokr-->
12<meta name="naver-site-verification" content="41da589da8943d3d48dbe22d9702fe1b0945e2a2" />
13
14<script type="text/javascript">
15    (function(c,l,a,r,i,t,y){
16        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
17        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
18        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
19    })(window, document, "clarity", "script", "qfa2n7jevl");
20</script>
20
21
22<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 22-23
22
23<script async src="https://www.googletagmanager.com/gtag/js?id=
23G-XGT81N5BR5
vendor: 13 bytes, line 23
23"></script>
24<script>
25  
vendor: 138 bytes, lines 25-29
25window.dataLayer = window.dataLayer || [];
26  function gtag(){dataLayer.push(arguments);}
27  gtag('js', new Date());
28
29  gtag('config', '
29G-XGT81N5BR5
vendor: 5 bytes, line 29
29');
30</script>
30
31
32<!-- Google Tag Manager -->
33<script>
vendor: 331 bytes, lines 33-37
33(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
34new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
35j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
36'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
37})(window,document,'script','dataLayer','
37GTM-W5LG3M43
vendor: 3 bytes, line 37
37');
37</script>
37
38<!-- End Google Tag Manager -->
39    <link rel="canonical" href="https://ntcube.co.kr/">
40    <link rel="icon" href="/assets/images/favicon.ico" type="image/x-icon">
41    <!-- <link rel="icon" href="" media="(prefers-color-scheme: dark)" type="image/x-icon">
42    <link rel="icon" href="/assets/images/favicon.ico" media="(prefers-color-scheme: light)" type="image/x-icon"> -->
43    <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
44    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
45    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
46    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
47
48    <link rel="stylesheet" href="https://ntcube.co.kr/assets/css/_common.css?v=1.3.7 "><link rel="stylesheet" href="https://ntcube.co.kr/assets/css/uiSet/_import.css?v=1.3.7 "><link rel="stylesheet" href="https://ntcube.co.kr/assets/css/web.css?v=1.3.7 "><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css?v=1.3.7 "><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css?v=1.3.7 "><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css?v=1.3.7 "><link rel="stylesheet" href="/plugins/iPopup/skin/basic/style.css?v=1.3.7 "><link rel="stylesheet" href="/plugins/board/assets/css/comment.css?v=1.3.7 "><link rel="stylesheet" href="/plugins/board/assets/css/common.css?v=1.3.7 "><link rel="stylesheet" href="/plugins/board/assets/css/editor.css?v=1.3.7 "><link rel="stylesheet" href="/plugins/board/assets/css/global.css?v=1.3.7 "><link rel="stylesheet" href="/plugins/board/assets/css/list.css?v=1.3.7 "><link rel="stylesheet" href="/plugins/board/assets/css/view.css?v=1.3.7 "><link rel="stylesheet" href="/plugins/board/assets/css/write.css?v=1.3.7 "><link rel="stylesheet" href="/plugins/account/assets/css/common.css?v=1.3.7 "><link rel="stylesheet" href="https://ntcube.co.kr/themes/theme_ntcube/assets/css/custom.css?v=1.3.7 "><link rel="stylesheet" href="https://ntcube.co.kr/themes/theme_ntcube/assets/css/header.css?v=1.3.7 "><link rel="stylesheet" href="https://ntcube.co.kr/themes/theme_ntcube/assets/css/loader.css?v=1.3.7 "><link rel="stylesheet" href="https://ntcube.co.kr/themes/theme_ntcube/assets/css/setting.css?v=1.3.7 "><link rel="stylesheet" href="https://ntcube.co.kr/themes/theme_ntcube/assets/css/terms.css?v=1.3.7 "><link rel="stylesheet" href="https://ntcube.co.kr/themes/theme_ntcube/assets/css/theme.css?v=1.3.7 "><link rel="stylesheet" href="/assets/includes/sweetalert2/sweetalert2.css?v=1.3.7 "><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/vs2015.min.css?v=1.3.7 "><link rel="stylesheet" href="/plugins/account/templates/login/login.css?v=1.3.7 ">    <style>
49            </style>
50
51    
51<script src="/assets/includes/jquery/jquery-3.6.0.min.js"></script>
51
52    
53    <title>엔티큐브 (NTCUBE) - 로그인 - 엔티큐브 (NTCUBE)</title>
54</head>
55
56<body>
57        <header id="header" mode="base">
58    <div class="header">
59        <div class="header-left">
60            <div class="logo-area">
61                <a href="/">
62                    <img src="/themes/theme_ntcube/assets/images/logo_white.svg" alt="엔티큐브 (NTCUBE) - 로그인 - 엔티큐브 (NTCUBE) logo" onerror=this.src="/assets/images/logo.png">
63                </a>
64            </div>
65        </div>
66
67        <div class="header-right">
68            <div class="mobile-toggle">
69                <a href="/accounts/mypage" class="icon mypage"><img class='' style='' src='/themes/theme_ntcube/assets/images/icon_mypage_wht.svg' alt='icon_mypage_wht'></a>
70                <span class="material-icons-outlined toggle-open">menu</span>
71            </div>
72            <div class="pc-gnb">
73                <div class="gnb">
74        <nav>
75        <ul class="menu-depth0">
76                                <li id="menuItem14" class="item_list item_depth0">
77                        <a href="#" target="_self" >회사소개</a>
78                                                        <ul class="menu-depth1">
79                                                                                <li id="menuItem9" class="item_list item_depth1">
80                                                <a href="/company/about" target="_self" >엔티큐브 소개</a>
81                                                <ul class="menu-depth2">
82                                                                                                    </ul>
83                                            </li>
84                                                                                <li id="menuItem17" class="item_list item_depth1">
85                                                <a href="/company/CI" target="_self" >CI 소개</a>
86                                                <ul class="menu-depth2">
87                                                                                                    </ul>
88                                            </li>
89                                                                                <li id="menuItem13" class="item_list item_depth1">
90                                                <a href="/company/location" target="_self" >오시는 길</a>
91                                                <ul class="menu-depth2">
92                                                                                                    </ul>
93                                            </li>
94                                                                    </ul>
95                                            </li>
96                                <li id="menuItem18" class="item_list item_depth0">
97                        <a href="#" target="_self" >홈페이지 제작</a>
98                                                        <ul class="menu-depth1">
99                                                                                <li id="menuItem19" class="item_list item_depth1">
100                                                <a href="/homepage/information" target="_self" >제작 안내</a>
101                                                <ul class="menu-depth2">
102                                                                                                    </ul>
103                                            </li>
104                                                                                <li id="menuItem20" class="item_list item_depth1">
105                                                <a href="/homepage/responsive" target="_self" >반응형 홈페이지란?</a>
106                                                <ul class="menu-depth2">
107                                                                                                    </ul>
108                                            </li>
109                                                                                <li id="menuItem21" class="item_list item_depth1">
110                                                <a href="/homepage/hosting" target="_self" >웹 호스팅</a>
111                                                <ul class="menu-depth2">
112                                                                                                    </ul>
113                                            </li>
114                                                                    </ul>
115                                            </li>
116                                <li id="menuItem24" class="item_list item_depth0">
117                        <a href="/board/portfolio/list" target="_self" >포트폴리오</a>
118                                            </li>
119                                <li id="menuItem27" class="item_list item_depth0">
120                        <a href="#" target="_self" >서비스</a>
121                                                        <ul class="menu-depth1">
122                                                                                <li id="menuItem28" 
122class="item_list item_depth1">
123                                                <a href="/maintenance/maintenance1" target="_self" >건별 유지보수</a>
124                                                <ul class="menu-depth2">
125                                                                                                    </ul>
126                                            </li>
127                                                                                <li id="menuItem29" class="item_list item_depth1">
128                                                <a href="/maintenance/maintenance2" target="_self" >월 정기 유지보수</a>
129                                                <ul class="menu-depth2">
130                                                                                                    </ul>
131                                            </li>
132                                                                    </ul>
133                                            </li>
134                                <li id="menuItem30" class="item_list item_depth0">
135                        <a href="javascript:void(0)" target="_self" data-event="contact_modal">견적문의</a>
136                                            </li>
137                                <li id="menuItem5" class="item_list item_depth0">
138                        <a href="#" target="_self" >고객센터</a>
139                                                        <ul class="menu-depth1">
140                                                                                <li id="menuItem6" class="item_list item_depth1">
141                                                <a href="/board/notice/list" target="_self" >공지사항</a>
142                                                <ul class="menu-depth2">
143                                                                                                    </ul>
144                                            </li>
145                                                                                <li id="menuItem22" class="item_list item_depth1">
146                                                <a href="/board/work/list" target="_self" >작업요청 게시판</a>
147                                                <ul class="menu-depth2">
148                                                                                                    </ul>
149                                            </li>
150                                                                                <li id="menuItem23" class="item_list item_depth1">
151                                                <a href="javascript:void(0)" target="_self" data-event="contact_modal">견적문의</a>
152                                                <ul class="menu-depth2">
153                                                                                                    </ul>
154                                            </li>
155                                                                    </ul>
156                                            </li>
157                    </ul>
158    </nav>
159</div>
160
161<div class="extend-navigation">
162    <nav>
163        <ul>
164                                                <!-- 비로그인 -->
165                    <li><a href="/accounts/login">로그인</a></li>
166                    <li><a href="/accounts/register/steps">회원가입</a></li>
167                                    </ul>
168    </nav>
169</div>            </div>
170        </div>
171    </div>
172    <div class="mobile-gnb-area">
173        <div class="mobile-toggle">
174            <span class="material-icons-outlined toggle-close">close</span>
175        </div>
176        <div class="gnb">
177        <nav>
178        <ul class="menu-depth0">
179                                <li id="menuItem14" class="item_list item_depth0">
180                        <a href="#" target="_self" >회사소개</a>
181                                                        <ul class="menu-depth1">
182                                                                                <li id="menuItem9" class="item_list item_depth1">
183                                                <a href="/company/about" target="_self" >엔티큐브 소개</a>
184                                                <ul class="menu-depth2">
185                                                                                                    </ul>
186                                            </li>
187                                                                                <li id="menuItem17" class="item_list item_depth1">
188                                                <a href="/company/CI" target="_self" >CI 소개</a>
189                                                <ul class="menu-depth2">
190                                                                                                    </ul>
191                                            </li>
192                                                                                <li id="menuItem13" class="item_list item_depth1">
193                                                <a href="/company/location" target="_self" >오시는 길</a>
194                                                <ul class="menu-depth2">
195                                                                                                    </ul>
196                                            </li>
197                                                                    </ul>
198                                            </li>
199                                <li id="menuItem18" class="item_list item_depth0">
200                        <a href="#" target="_self" >홈페이지 제작</a>
201                                                        <ul class="menu-depth1">
202                                                                                <li id="menuItem19" class="item_list item_depth1">
203                                                <a href="/homepage/information" target="_self" >제작 안내</a>
204                                                <ul class="menu-depth2">
205                                                                                                    </ul>
206                                            </li>
207                                                                                <li id="menuItem20" class="item_list item_depth1">
208                                                <a href="/homepage/responsive" target="_self" >반응형 홈페이지란?</a>
209                                                <ul class="menu-depth2">
210                                                                                                    </ul>
211                                            </li>
212                                                                                <li id="menuItem21" class="item_list item_depth1">
213                                                <a href="/homepage/hosting" target="_self" >웹 호스팅</a>
214                                                <ul class="menu-depth2">
215                                                                                                    </ul>
216                                            </li>
217                                                                    </ul>
218                                            </li>
219                                <li id="menuItem24" class="item_list item_depth0">
220                        <a href="/board/portfolio/list" target="_self" >포트폴리오</a>
221                                            </li>
222                                <li id="menuItem27" class="item_list item_depth0">
223                        <a href="#" target="_self" >서비스</a>
224                                                        <ul class="menu-depth1">
225                                                                                <li id="menuItem28" 
225class="item_list item_depth1">
226                                                <a href="/maintenance/maintenance1" target="_self" >건별 유지보수</a>
227                                                <ul class="menu-depth2">
228                                                                                                    </ul>
229                                            </li>
230                                                                                <li id="menuItem29" class="item_list item_depth1">
231                                                <a href="/maintenance/maintenance2" target="_self" >월 정기 유지보수</a>
232                                                <ul class="menu-depth2">
233                                                                                                    </ul>
234                                            </li>
235                                                                    </ul>
236                                            </li>
237                                <li id="menuItem30" class="item_list item_depth0">
238                        <a href="javascript:void(0)" target="_self" data-event="contact_modal">견적문의</a>
239                                            </li>
240                                <li id="menuItem5" class="item_list item_depth0">
241                        <a href="#" target="_self" >고객센터</a>
242                                                        <ul class="menu-depth1">
243                                                                                <li id="menuItem6" class="item_list item_depth1">
244                                                <a href="/board/notice/list" target="_self" >공지사항</a>
245                                                <ul class="menu-depth2">
246                                                                                                    </ul>
247                                            </li>
248                                                                                <li id="menuItem22" class="item_list item_depth1">
249                                                <a href="/board/work/list" target="_self" >작업요청 게시판</a>
250                                                <ul class="menu-depth2">
251                                                                                                    </ul>
252                                            </li>
253                                                                                <li id="menuItem23" class="item_list item_depth1">
254                                                <a href="javascript:void(0)" target="_self" data-event="contact_modal">견적문의</a>
255                                                <ul class="menu-depth2">
256                                                                                                    </ul>
257                                            </li>
258                                                                    </ul>
259                                            </li>
260                    </ul>
261    </nav>
262</div>
263
264<div class="extend-navigation">
265    <nav>
266        <ul>
267                                                <!-- 비로그인 -->
268                    <li><a href="/accounts/login">로그인</a></li>
269                    <li><a href="/accounts/register/steps">회원가입</a></li>
270                                    </ul>
271    </nav>
272</div>    </div>
273    <div class="mobile-gnb-background"></div>
274</header>
275
276<script type="text/javascript">
277    //서브메뉴 출력
278    //pc
279    $(function() {
280        $('.header .gnb nav > ul > li').mouseover(function() {
281            $(this).find('ul').stop().fadeIn(100);
282        })
283        $('.header .gnb nav > ul > li ').mouseleave(function() {
284            $(this).find('ul').stop().fadeOut(100);
285        })
286    })
287
288
289    //mo
290    $(function() {
291        $(".mobile-gnb-area .gnb>nav>ul>li>a").click(function() {
292            $(".mobile-gnb-area .gnb>nav>ul>li>ul").slideUp();
293
294            if (!$(this).next().is(":visible")) {
295                $(this).next().addClass('active');
296                $(this).next().slideDown();
297                $('.mobile-gnb-area .gnb>nav>ul>li i').removeClass('active');
298                $(this).find('i').toggleClass('active');
299            } else {
300                $('.mobile-gnb-area .gnb>nav>ul>li i').removeClass('active');
301            }
302        })
303    })
304
305
306    //모바일 사이드메뉴 출력
307    $(function() {
308        $('.mobile-toggle .toggle-open, .mobile-toggle .toggle-close, .mobile-gnb-background').click(function() {
309            $('.mobile-toggle').toggleClass('active');
310            $('.mobile-gnb-area').toggleClass('active');
311            $('.mobile-gnb-background').toggleClass('active');
312            $("body").toggleClass('fixed');
313        })
314    })
315
316    
317
318    //헤더 고정 배경
319    $(document).ready(function() {
320        var defaultLogo = $('#header .logo-area img').attr('src');
321        var cleanLogo = '/themes/theme_ntcube/assets/images/logo_white.svg';
322        var scrollLogo = '/themes/theme_ntcube/assets/images/logo_white.svg';
323
324        if ($('#header').attr('mode') == 'clean') {
325            $('#header .logo-area img').attr('src', cleanLogo);
326        }
327        $(window).scroll(function() {
328            if ($(this).scrollTop() > 0) {
329                $('#header').addClass('scroll');
330                var bg_color = $('#header').css('background-color');
331                //로고변경
332                $('#header .logo-area img').attr('src', scrollLogo);
333
334            } else {
335                $('#header').removeClass('scroll');
336                var bg_color = $('#header').css('background-color');
337                //로고변경
338                $('#header .logo-area img').attr('src', defaultLogo);
339                if ($('#header').attr('mode') == 'clean') {
340                    $('#header .logo-area img').attr('src', cleanLogo);
341                }
342            }
343        })
344
345    })
346</script>
346        <main>
347        
348<style media="screen">
349    #pageTitle .page-title {
350        position: relative;
351        text-align: left;
352        height: 450px;
353        background-size: cover;
354        background-repeat: no-repeat;
355        background-position: center;
356    }
357
358    #pageTitle .bg_dark .title-text h2 {
359        color: #ffffff
360    }
361
362    #pageTitle .title-text p {
363        padding-top: 15px;
364    }
365
366    #pageTitle .page-title p {
367        color: var(--color-mute);
368    }
369
370    #pageTitle .title-text>div {
371        margin-bottom: -50px;
372    }
373
374    #pageTitle .title-text {
375        max-width: var(--container-width);
376        margin: auto;
377        height: inherit;
378        display: flex;
379        align-items: center;
380    }
381
382    #pageTitle .title-center {
383        justify-content: center;
384    }
385
386    #pageTitle .title-end {
387        justify-content: flex-end;
388    }
389
390    #pageTitle .title-center>.title-text {
391        justify-content: center;
392    }
393
394    #pageTitle .title-center>.title-text h2 {
395        text-align: center;
396    }
397
398    #pageTitle .title-center>.title-text p {
399        text-align: center;
400    }
401
402    #pageTitle .title_right>.title-text {
403        justify-content: end;
404    }
405
406    #pageTitle .title_right>.title-text h2 {
407        text-align: right;
408    }
409
410    #pageTitle .title_right>.title-text p {
411        text-align: right;
412    }
413
414    #pageTitle .h2-white>.title-text h2 {
415        color: var(--color-white);
416    }
417
418    #pageTitle .p-white>.title-text p {
419        color: var(--color-white);
420        max-width: 80vw
421    }
422
423    #pageTitle .page-title .submenu-items {
424        display: flex;
425        max-width: 1300px;
426        margin: 0 auto;
427        gap: 0;
428        position: absolute;
429        bottom: -35.37px;
430        left: 50%;
431        width: 100%;
432        transform: translateX(-50%);
433        z-index: 111;
434    }
435
436    #pageTitle .page-title .submenu-items a {
437        text-align: center;
438        display: block;
439        background-color: #111111;
440        color: #fff;
441        padding: 22px 0;
442        font-weight: 600;
443        font-size: 17px;
444    }
445
446    #pageTitle .page-title .submenu-items a.active,
447    #pageTitle .page-title .submenu-items a:active,
448    #pageTitle .page-title .submenu-items a:hover {
449        background-color: var(--color-primary)
450    }
451
452    /* Desktop ( 1024px ~)*/
453    @media all and (min-width:1024px) {}
454
455    /* Laptop ( 1024px ~ 1300px)*/
456    @media all and (min-width:1024px) and (max-width:1300px) {}
457
458    /* Tablet ( 768px ~ 1023px)*/
459    @media all and (min-width:768px) and (max-width:1023px) {}
460
461    /* Moble ( ~ 767px)*/
462    @media all and (max-width:767px) {
463        #pageTitle .page-title {
464            height: 300px;
465        }
466
467        #pageTitle .page-title .submenu-items a {
468            font-size: 14px;
469            padding: 15px 0;
470        }
471    }
472</style>
473
474
475        <section id="pageContent" area-label="page" class=""><!-- ============================================================== -->
476<!-- login page  -->
477<!-- ============================================================== -->
478
479<div id="account" class="wide">
480    <div class="container account-container">
481        <div class="account-card">
482            <div class="card-header">
483                <div class="account-logo">
484                    <a href="/"><img src="/themes/theme_ntcube/assets/images/logo.svg" alt="logo" onerror=this.src="/assets/images/logo.png"></a>
485                </div>
486                <h2>로그인</h2>
487            </div>
488            <div class="card-body">
489                <form class="account-form" id="loginForm" name="loginForm" method="post" onsubmit="return false;">
490                    <input type="hidden" name="mode" value="login">
491
492                    <div class="inpur-wrap">
493                                                    <div class="form-group">
494                                <label class="label">아이디</label>
495                                <div class="input">
496                                    <input class="" id="accountId" name="account_id" type="text" placeholder="아이디" onkeyup="enterlogin();" autocomplete="off">
497                                </div>
498                            </div>
499                                                <div class="form-group">
500                            <label class="label">비밀번호</label>
501                            <div class="input">
502                                <input class="" id="accountPw" name="account_pw" type="password" onkeyup="enterlogin();" placeholder="비밀번호">
503                            </div>
504                        </div>
505                    </div>
506                </form>
507
508                <div class="account-button-area">
509                    <div class='account-actions'>
510                        <div class="checkbox-attach save-id">
511                            <input id="saveId" type="checkbox">
512                            <label for="saveId"></label>
513                            <label for="saveId">
514                                <p>아이디 저장</p>
515                            </label>
516                        </div>
517                                                    <div onclick="goToLink('/accounts/findAccount')" class="find-account">
518                                <span>아이디/비밀번호 찾기</span>
519                            </div>
520                                            </div>
521
522                    <button type="button" class="btn submit-btn" onclick="login()">로그인</button>
523                </div>
524
525                <!-- 소셜로그인 -->
526                                <!-- 소셜로그인 -->
527
528                                    <div class='signup'>
529                        <span>
530                            아직
531                            엔티큐브 (NTCUBE) - 로그인 - 엔티큐브 (NTCUBE)                            회원이 아니신가요?
532                            <a href='/accounts/register/steps'>회원가입</a>
533                        </span>
534                    </div>
535                            </div>
536
537
538        </div>
539    </div>
540</div>
541
542<script>
543    $(document).ready(function() {
544        //저장된 아이디 확인
545        var save_id = getCookie('save_id');
546        $('#accountId').val(save_id);
547        if (save_id != undefined) {
548            $("input:checkbox[id=saveId]").prop("checked", true);
549        }
550    })
551
552    function enterlogin() { // 엔터키가 눌렸을 때
553        if (window.event.keyCode == 13) {
554            login();
555        }
556    }
557
558    function login() {
559
560
561        //로그인
562        submitForm('#loginForm', 'POST', '/action?name=account_login', 'N', '', function(response) {
563            let meta = response['meta'];
564            let data = response['data'];
565            if (meta['state'] == 'success') {
566                //아이디 저장 체크 확인
567                var saveIdStat = document.getElementById('saveId').checked;
568                if (saveIdStat) {
569                    var account_id = $('#accountId').val();
570                    var cookie_name = 'save_id';
571                    var value = account_id;
572                    var expires = 7;
573                    setCookie(cookie_name, value, expires);
574                } else {
575                    deleteCookie('save_id')
576                }
577
578                //이동
579                let redirect = 'https://ntcube.co.kr/';
580                if (redirect == '') {
581                    redirect = '/';
582                }
583                if (data['redirect'] != '') {
584                    redirect = data['redirect'];
585                }
586                window.location.href = redirect;
587            } else {
588                alertSet(meta['message'], 'warning', '#');
589            }
590        });
591    }
592</script>
592
593<!-- ============================================================== -->
594<!-- end login page  -->
595<!-- ============================================================== --></section>
596</main>
597
598<style>
599    .go-top {
600        position: fixed;
601        bottom: 40px;
602        right: 1%;
603        z-index: 9999;
604    }
605
606    .go-top a {
607        display: block;
608        position: relative;
609        background-color: rgba(0, 0, 0, 0.8);
610        width: 60px;
611        border-radius: 50%;
612        border: 1px solid #1b1b1b;
613        transition: all 0.2s ease-in-out;
614    }
615
616    .go-top a:hover {
617        background-color: rgba(0, 0, 0, 0.9);
618    }
619
620    .go-top a::before {
621        content: "";
622        display: block;
623        padding-bottom: 100%;
624    }
625
626    .go-top a .item {
627        position: absolute;
628        top: 50%;
629        left: 50%;
630        transform: translate(-50%, -50%);
631        display: block;
632    }
633
634    .go-top a .item .arrow {
635        width: 17px;
636        height: 17px;
637        display: block;
638    }
639
640    .go-top {
641        display: none;
642    }
643
644    /* Desktop ( 1024px ~)*/
645    @media all and (min-width: 1024px) {}
646
647    /* Laptop ( 1024px ~ 1440px)*/
648    @media all and (min-width: 1024px) and (max-width: 1440px) {}
649
650    /* Tablet ( 768px ~ 1023px)*/
651    @media all and (min-width: 768px) and (max-width: 1023px) {}
652
653    /* Mobile ( ~ 767px)*/
654    @media all and (max-width: 767px) {
655        .go-top {
656            bottom: 20px;
657        }
658    }
659</style>
660
661<div class="go-top">
662    <a href="javascript:void(0)">
663        <div class="item">
664            <div class="arrow"><img class='' style='' src='/assets/images/icons/icon_arrow_top.svg' alt='icon_arrow_top'></div>
665        </div>
666    </a>
667</div><style>
668    #cursor {
669        --cursor-size: 45px;
670        position: fixed;
671        height: var(--cursor-size);
672        width: var(--cursor-size);
673        border: 2px solid var(--color-primary);
674        border-radius: 100%;
675        top: calc(var(--cursor-size) / 2 * -1);
676        left: calc(var(--cursor-size) / 2 * -1);
677        pointer-events: none;
678        z-index: 9999;
679        /* mix-blend-mode: difference; */
680        transition: all 0.2s ease;
681    }
682
683    /* 링크나 버튼 위에 있을 때 */
684    #cursor.hover {
685        --cursor-size: 60px;
686        background: var(--color-primary);
687        opacity: 0.5;        
688    }
689
690    /* 클릭했을 때 */
691    #cursor.click {
692        background: var(--color-primary);
693        opacity: 0.8;
694    }
695
696    /* 마우스를 3초 동안 안 움직였을 때 */
697    #cursor.idle {
698        --cursor-size: 20px;
699        animation: idleAnimation 2s infinite alternate ease-in-out;
700    }
701
702    @keyframes idleAnimation {
703        0% {
704            border-radius: 100%;
705        }
706
707        100% {
708            border-radius: 0;
709        }
710    }
711
712    @media all and (max-width: 1024px) {
713        #cursor {
714            display: none !important;
715        }
716    }
717
718</style>
719
720<div id="cursor"></div>
721
722<script>
723    $(document).ready(function() {
724        const $cursor = $("#cursor");
725        let mouse = {
726                x: 0,
727                y: 0
728            },
729            circle = {
730                x: 0,
731                y: 0
732            },
733            prevMouse = {
734                x: 0,
735                y: 0
736            };
737        let scale = 0,
738            angle = 0,
739            speed = 0.17;
740        let idleTimer;
741
742        $(window).on("mousemove", function(e) {
743            mouse.x = e.clientX;
744            mouse.y = e.clientY;
745            resetIdleAnimation();
746        });
747
748        $("a, button").on("mouseenter", function() {
749            $cursor.addClass("hover");
750        }).on("mouseleave", function() {
751            $cursor.removeClass("hover");
752        });
753
754        $(window).on("mousedown", function() {
755            $cursor.addClass("click");
756        }).on("mouseup", function() {
757            $cursor.removeClass("click");
758        });
759
760        function resetIdleAnimation() {
761            clearTimeout(idleTimer);
762            $cursor.removeClass("idle");
763
764            idleTimer = setTimeout(function() {
765                $cursor.addClass("idle");
766            }, 3000); // 3초 후 idle 효과 적용
767        }
768
769        function animate() {
770            circle.x += (mouse.x - circle.x) * speed;
771            circle.y += (mouse.y - circle.y) * speed;
772
773            let deltaX = mouse.x - prevMouse.x,
774                deltaY = mouse.y - prevMouse.y;
775            prevMouse = {
776                ...mouse
777            };
778
779            let velocity = Math.min(Math.sqrt(deltaX ** 2 + deltaY ** 2) * 4, 150);
780            scale += ((velocity / 150) * 0.5 - scale) * speed;
781            if (velocity > 20) angle = Math.atan2(deltaY, deltaX) * (180 / Math.PI);
782
783            $cursor.css("transform", `translate(${circle.x}px, ${circle.y}px) rotate(${angle}deg) scale(${1 + scale}, ${1 - scale})`);
784            requestAnimationFrame(animate);
785        }
786
787        animate();
788        resetIdleAnimation();
789    });
790</script>
790
791
792<div class="loaderFull"><span class="loading-spinner"></span></div>
793
794<footer>
795    <!-- 통합검색 -->
796<div id="unifiedSearch">
797    <input type="hidden" id="unifiedSearchValue">
798    <div class="backdrop-bg"></div>
799
800    <div class="unified-search-box" style="display: none;">
801        <span class="close-btn"></span>
802        <div class="unified-container">
803            <div class="unified-search-input">
804                <input type="text" class="unified-search-value" placeholder="검색어를 입력하세요" onkeyup="searchAllEnterkey()">
805                <button class="search-reset" style="display: none;">삭제</button>
806                <button class="search-button" onclick="searchAllSubmit()"></button>
807            </div>
808        </div>
809    </div>
810</div>
811
812
813<style>
814    #unifiedSearch {
815        position: relative;
816    }
817
818    #unifiedSearch .backdrop-bg {
819        position: fixed;
820        right: 0;
821        top: 0;
822        width: 100%;
823        height: 100%;
824        background-color: rgba(0, 0, 0, 0.6);
825        backdrop-filter: blur(2px);
826        opacity: 0;
827        display: none;
828        transition: 0.5s all;
829        z-index: 10;
830    }
831
832    #unifiedSearch.active .backdrop-bg {
833        opacity: 1;
834        display: block;
835        z-index: 20;
836    }
837
838    #unifiedSearch .unified-search-box {
839        width: 100%;
840        height: 320px;
841        align-items: center;
842        justify-content: center;
843        background-color: #fff;
844        position: fixed;
845        top: 0;
846        left: 0;
847        z-index: 9999;
848    }
849
850    #unifiedSearch .close-btn {
851        --close-btn-size: 25px;
852        --close-btn-color: #000;
853        width: var(--close-btn-size);
854        height: var(--close-btn-size);
855        display: block;
856        cursor: pointer;
857        font-size: 0;
858        position: absolute;
859        top: 30px;
860        right: 35px;
861        z-index: 99;
862    }
863
864    #unifiedSearch .close-btn:before,
865    #unifiedSearch .close-btn:after {
866        content: '';
867        position: absolute;
868        right: 50%;
869        top: 50%;
870        width: 1px;
871        height: var(--close-btn-size);
872        background-color: var(--close-btn-color);
873    }
874
875    #unifiedSearch .close-btn:before {
876        transform: translate(-50%, -50%) rotate(45deg);
877    }
878
879    #unifiedSearch .close-btn:after {
880        transform: translate(-50%, -50%) rotate(-45deg);
881    }
882
883    #unifiedSearch .unified-container {
884        width: calc(var(--container-scale)* 1%);
885        max-width: var(--container-width);
886        margin: 0 auto;
887    }
888
889    .unified-search-input {
890        --input-border: #000;
891        --input-border-radius: 0;
892        --input-padding: 0 10px;
893        --input-font-size: 20px;
894        --input-height: 50px;
895        --input-background-color: transparent;
896        --label-font-size: 18px;
897        --placeholder-font-size: var(--input-font-size);
898        --placeholder-color: #ccc;
899
900        display: flex;
901        align-items: center;
902        column-gap: 15px;
903        max-width: 800px;
904        margin: 0 auto;
905        position: relative;
906        border-bottom: 2px solid var(--input-border);
907        padding: var(--input-padding);
908    }
909
910    .unified-search-input input {
911        border: none;
912        padding: 0;
913    }
914
915    .unified-search-input .search-reset {
916        --btn-size: 20px;
917        cursor: pointer;
918        width: var(--btn-size);
919        height: var(--btn-size);
920        background-image: url(/assets/images/icons/icon_delete.svg);
921        background-repeat: no-repeat;
922        background-position: center;
923        background-size: contain;
924        border: none;
925        background-color: transparent;
926        font-size: 0;
927        flex: 1 0 auto;
928    }
929
930    .unified-search-input .search-button,
931    .searchToggle {
932        --btn-size: 23px;
933        cursor: pointer;
934        width: var(--btn-size);
935        height: var(--btn-size);
936        background-image: url(/assets/images/icons/search.svg);
937        background-repeat: no-repeat;
938        background-position: center;
939        background-size: contain;
940        border: none;
941        background-color: transparent;
942        flex: 1 0 auto;
943    }
944
945    .searchToggle {
946        display: block;
947        font-size: 0;
948    }
949
950    #header[mode="clean"] .searchToggle {
951        filter: invert(1);
952    }
953
954    /* Desktop ( 1024px ~)*/
955    @media all and (min-width: 1024px) {}
956
957    /* Laptop ( 1024px ~ 1440px)*/
958    @media all and (min-width: 1024px) and (max-width: 1440px) {}
959
960    /* Tablet ( 768px ~ 1023px)*/
961    @media all and (min-width: 768px) and (max-width: 1023px) {}
962
963    /* Mobile ( ~ 767px)*/
964    @media all and (max-width: 767px) {
965        #unifiedSearch .unified-search-box {
966            height: 260px;
967        }
968
969        #unifiedSearch .close-btn {
970            --close-btn-size: 22px;
971            top: 20px;
972            right: 20px;
973        }
974
975        .unified-search-input {
976            --input-font-size: 17px;
977            --input-height: 45px;
978        }
979
980        .unified-search-input .search-button,
981        .searchToggle {
982            --btn-size: 20px;
983        }
984    }
985</style>
986
987<script>
988    function searchAllSubmit() {
989        var searchValue = $('#unifiedSearchValue').val();
990        console.log(searchValue);
991        if (searchValue == '') {
992            alert('검색어를 입력하세요');
993            return;
994        }
995        location.href = '/board/search?val=' + searchValue;
996    }
997
998    function searchAllEnterkey() {
999        if (window.event.keyCode == 13) {
1000            searchAllSubmit();
1001        }
1002    }
1003
1004    $(document).ready(function() {
1005        // 검색 열기 버튼 클릭 시
1006        $('.searchToggle').click(function() {
1007            var unifiedSearch = $('#unifiedSearch');
1008            unifiedSearch.toggleClass('active');
1009
1010            // .active 클래스가 있으면 unified-search-box display를 변경
1011            if (unifiedSearch.hasClass('active')) {
1012                $('.unified-search-box').css('display', 'flex');
1013            } else {
1014                $('.unified-search-box').css('display', 'none');
1015            }
1016        });
1017
1018        // 배경을 클릭하면 검색창 닫기
1019        $('.backdrop-bg').click(function() {
1020            $('#unifiedSearch').removeClass('active');
1021            $('.unified-search-box').css('display', 'none');
1022        });
1023
1024        // 검색창 닫기 버튼 클릭 시
1025        $('.close-btn').click(function() {
1026            $('#unifiedSearch').removeClass('active');
1027            $('.unified-search-box').css('display', 'none');
1028        });
1029
1030        // search-reset 버튼 클릭 시 input value 초기화
1031        $('.search-reset').click(function() {
1032            $('.unified-search-value').val('');
1033            $(this).css('display', 'none');
1034        });
1035
1036        // // 검색창에 글자 입력시 search-reset 버튼 보이기
1037        $('.unified-search-value').keyup(function() {
1038            if ($(this).val() == '') {
1039                $('.search-reset').css('display', 'none');
1040            } else {
1041                $('.search-reset').css('display', 'block');
1042            }
1043
1044            $('#unifiedSearchValue').val($(this).val());
1045        });
1046    });
1047</script>
1047            
1047<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js?v=1.2.7"></script>
1047<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/languages/bash.min.js?v=1.2.7"></script>
1047<script src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js?v=1.2.7"></script>
1047<script src="//unpkg.com/[email protected]?v=1.2.7"></script>
1047<script src="//cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.min.js?v=1.2.7"></script>
1047<script src="//cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.min.map?v=1.2.7"></script>
1047<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js?v=1.2.7"></script>
1047<script src="/plugins/iPopup/skin/basic/script.js?v=1.2.7"></script>
1047<script src="/plugins/board/assets/js/ckeditor5.js?v=1.2.7"></script>
1047<script src="/plugins/board/assets/js/common.js?v=1.2.7"></script>
1047<script src="/plugins/board/assets/js/search.js?v=1.2.7"></script>
1047<script src="https://ntcube.co.kr/assets/js/base/__common.js?v=1.2.7"></script>
1047<script src="https://ntcube.co.kr/assets/js/base/component.js?v=1.2.7"></script>
1047<script src="https://ntcube.co.kr/assets/js/base/cookie.js?v=1.2.7"></script>
1047<script src="https://ntcube.co.kr/assets/js/base/dateTime.js?v=1.2.7"></script>
1047<script src="https://ntcube.co.kr/assets/js/base/extend.js?v=1.2.7"></script>
1047<script src="https://ntcube.co.kr/assets/js/base/form.js?v=1.2.7"></script>
1047<script src="https://ntcube.co.kr/assets/js/base/gnb.js?v=1.2.7"></script>
1047<script src="https://ntcube.co.kr/assets/js/base/modal.js?v=1.2.7"></script>
1047<script src="https://ntcube.co.kr/assets/js/base/number.js?v=1.2.7"></script>
1047<script src="https://ntcube.co.kr/assets/js/base/string.js?v=1.2.7"></script>
1047<script src="https://ntcube.co.kr/assets/js/base/tools.js?v=1.2.7"></script>
1047<script src="https://ntcube.co.kr/assets/js/base/url.js?v=1.2.7"></script>
1047<script src="https://ntcube.co.kr/assets/js/debuger.js?v=1.2.7"></script>
1047<script src="https://ntcube.co.kr/themes/theme_ntcube/assets/js/common.js?v=1.2.7"></script>
1047<script src="https://ntcube.co.kr/themes/theme_ntcube/assets/js/theme.js?v=1.2.7"></script>
1047<script src="/assets/includes/sweetalert2/sweetalert2.all.min.js?v=1.2.7"></script>
1047
1048    <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 1048-1049
1048
1049<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1049GTM-W5LG3M43
vendor: 85 bytes, lines 1049-1050
1049"
1050height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1051<!-- End Google Tag Manager (noscript) --></footer>
1052<template id="contactForm">
1053    <div class="contact-form">
1054        <div class="popup-title">
1055            <h2>견적문의</h2>
1056            <div class="line"></div>
1057            <p>홈페이지 제작 및 유지보수 등 견적 관련 상담은 아래 양식에 맞춰<br>
1058                내용 작성 후 문의주시면 빠른 시일 내로 담당자를 통해 연락드리겠습니다.
1059            </p>
1060        </div>
1061        <div class="popup-content">
1062            <div class="content">
1063                <h3>기본정보 입력</h3>
1064                <form id="writeContactForm" class="input-wrap" name="writeContactForm" enctype='multipart/form-data' method="post">
1065                    <input type="hidden" name="_boardName" value="contact">
1066                    <input type="hidden" name="_mode" value="write">
1067                    <input type="hidden" name="_method" value="POST">
1068                    <input type="hidden" name="_action" value="write">
1069                    <div class="grid grid-211 gap-222">
1070                        <div class="form-group">
1071                            <label class="label">상호명<span> *</span></label>
1072                            <div class="input">
1073                                <input type="text" name="post_title" placeholder="" autocomplete="off" />
1074                            </div>
1075                        </div>
1076                        <div class="form-group">
1077                            <label class="label">담당자명<span> *</span></label>
1078                            <div class="input">
1079                                <input type="text" name="writer" placeholder="" autocomplete="off" />
1080                            </div>
1081                        </div>
1082                        <div class="form-group">
1083                            <label class="label">연락처<span> *</span></label>
1084                            <div class="input">
1085                                <input type="tel" name="user_phone" onkeyup="inputPhoneNumber(this)" placeholder="'-'를 제외한 연락처를 입력하세요." autocomplete="off">
1086                            </div>
1087                        </div>
1088                        <div class="form-group">
1089                            <label class="label">이메일<span> *</span></label>
1090                            <div class="input">
1091                                <input type="email" name="user_email" data-event="email_check" autocomplete="off">
1092                            </div>
1093                        </div>
1094                        <div class="form-group">
1095                            <label class="label">상담 희망시간</label>
1096                            <select class="select" name="extra1">
1097                                <option value="선택">상담 희망시간을 선택하세요.</option>
1098                                <option value="오전">오전</option>
1099                                <option value="오후">오후</option>
1100                                <option value="언제나 통화가능">언제나 통화가능</option>
1101                            </select>
1102                        </div>
1103                    </div>
1104
1105                    <div class="dashed-line"></div>
1106                    <h3>상세정보 입력</h3>
1107                    <div class="input-wrap">
1108                        <div class="grid grid-211 gap-222">
1109                            <div class="form-group">
1110                                <label class="label">업종</label>
1111                                <div class="input">
1112                                    <input type="text" name="extra2" value="" placeholder="" autocomplete="off">
1113                                </div>
1114                            </div>
1115                            <div class="form-group">
1116                                <label class="label">제작 예산</label>
1117                                <select class="select" name="extra3">
1118                                    <option value="선택" disabled="" selected="" hidden="">홈페이지 제작 예산을 선택하세요.</option>
1119                                    <option value="150만원 ~ 300만원">150만원 ~ 300만원</option>
1120                                    <option value="300만원 ~ 400만원">300만원 ~ 400만원</option>
1121                                    <option value="400만원 ~ 500만원">400만원 ~ 500만원</option>
1122                                    <option value="500만원 ~ 1,000만원">500만원 ~ 1,000만원</option>
1123                                    <option value="1,000만원 이상">1,000만원 이상</option>
1124                                </select>
1125                            </div>
1126                            <div class="form-group grid-column-2">
1127                                <label class="label">상세문의 내용</label>
1128                                <div class="input">
1129                                    <textarea name="post_content"
1130                                    placeholder="- 생각중이신 홈페이지 구성이나 디자인 컨셉을 작성해주세요.&#13;&#10;- 기존 홈페이지를 보유하고 계신 경우, 홈페이지 URL을 작성해주세요.&#13;&#10;- 원하시는 느낌/컨셉을 참고할 수 있는 홈페이지가 있다면 URL을 작성해주세요.
1131                                    "></textarea>
1132                                </div>
1133                            </div>
1134                            <div class="form-group grid-column-2">
1135                                <label class="label">파일 첨부</label>
1136                                <div class="input">
1137                                    <div class="upload-area">
1138                                        
1139<div class="file-upload-box multi-file multi-file-input multi-file-contact-files">
1140    <div class="upload-label">
1141                    <label for="writeContactForm_input_file1" class='input-group-append upload-label-btn btn '>파일 첨부</label>
1142
1143                    <label for="writeContactForm_input_file2" class='input-group-append upload-label-btn btn '>파일 첨부</label>
1144
1145                    <label for="writeContactForm_input_file3" class='input-group-append upload-label-btn btn '>파일 첨부</label>
1146
1147                    <label for="writeContactForm_input_file4" class='input-group-append upload-label-btn btn '>파일 첨부</label>
1148
1149                    <label for="writeContactForm_input_file5" class='input-group-append upload-label-btn btn '>파일 첨부</label>
1150
1151        
1152    </div>
1153    <div class="upload-preview">
1154        
1155            <div id="writeContactForm_preview_file1" class="preview-file1 preview-box">
1156                <input id="writeContactForm_input_file1" class='upload-hidden' type="file" name="file1"  onchange="getFileTitle2(this,'#writeContactForm_preview_file1');multiFileLabelCheck('#writeContactForm .multi-file-contact-files');fileSizeCheck('#writeContactForm','file1','contact-files',10);fileExtCheck('#writeContactForm','file1','contact-files','jpg,jpeg,png,gif,pdf,docx,xls,xlsx,pptx,zip,hwp')">
1157
1158                <div class="preview-file-box ">
1159                    <span class="preview-file-name"></span>
1160                                            <span class="remove-file" onclick="resetFileTitle2('#writeContactForm','file1');multiFileLabelCheck('#writeContactForm .multi-file-contact-files');">
1161                        </span>
1162
1163                                    </div>
1164            </div>
1165        
1166            <div id="writeContactForm_preview_file2" class="preview-file2 preview-box">
1167                <input id="writeContactForm_input_file2" class='upload-hidden' type="file" name="file2"  onchange="getFileTitle2(this,'#writeContactForm_preview_file2');multiFileLabelCheck('#writeContactForm .multi-file-contact-files');fileSizeCheck('#writeContactForm','file2','contact-files',10);fileExtCheck('#writeContactForm','file2','contact-files','jpg,jpeg,png,gif,pdf,docx,xls,xlsx,pptx,zip,hwp')">
1168
1169                <div class="preview-file-box ">
1170                    <span class="preview-file-name"></span>
1171                                            <span class="remove-file" onclick="resetFileTitle2('#writeContactForm','file2');multiFileLabelCheck('#writeContactForm .multi-file-contact-files');">
1172                        </span>
1173
1174                                    </div>
1175            </div>
1176        
1177            <div id="writeContactForm_preview_file3" class="preview-file3 preview-box">
1178                <input id="writeContactForm_input_file3" class='upload-hidden' type="file" name="file3"  onchange="getFileTitle2(this,'#writeContactForm_preview_file3');multiFileLabelCheck('#writeContactForm .multi-file-contact-files');fileSizeCheck('#writeContactForm','file3','contact-files',10);fileExtCheck('#writeContactForm','file3','contact-files','jpg,jpeg,png,gif,pdf,docx,xls,xlsx,pptx,zip,hwp')">
1179
1180                <div class="preview-file-box ">
1181                    <span class="preview-file-name"></span>
1182                                            <span class="remove-file" onclick="resetFileTitle2('#writeContactForm','file3');multiFileLabelCheck('#writeContactForm .multi-file-contact-files');">
1183                        </span>
1184
1185                                    </div>
1186            </div>
1187        
1188            <div id="writeContactForm_preview_file4" class="preview-file4 preview-box">
1189                <input id="writeContactForm_input_file4" class='upload-hidden' type="file" name="file4"  onchange="getFileTitle2(this,'#writeContactForm_preview_file4');multiFileLabelCheck('#writeContactForm .multi-file-contact-files');fileSizeCheck('#writeContactForm','file4','contact-files',10);fileExtCheck('#writeContactForm','file4','contact-files','jpg,jpeg,png,gif,pdf,docx,xls,xlsx,pptx,zip,hwp')">
1190
1191                <div class="preview-file-box ">
1192                    <span class="preview-file-name"></span>
1193                                            <span class="remove-file" onclick="resetFileTitle2('#writeContactForm','file4');multiFileLabelCheck('#writeContactForm .multi-file-contact-files');">
1194                        </span>
1195
1196                                    </div>
1197            </div>
1198        
1199            <div id="writeContactForm_preview_file5" class="preview-file5 preview-box">
1200                <input id="writeContactForm_input_file5" class='upload-hidden' type="file" name="file5"  onchange="getFileTitle2(this,'#writeContactForm_preview_file5');multiFileLabelCheck('#writeContactForm .multi-file-contact-files');fileSizeCheck('#writeContactForm','file5','contact-files',10);fileExtCheck('#writeContactForm','file5','contact-files','jpg,jpeg,png,gif,pdf,docx,xls,xlsx,pptx,zip,hwp')">
1201
1202                <div class="preview-file-box ">
1203                    <span class="preview-file-name"></span>
1204                                            <span class="remove-file" onclick="resetFileTitle2('#writeContactForm','file5');multiFileLabelCheck('#writeContactForm .multi-file-contact-files');">
1205                        </span>
1206
1207                                    </div>
1208            </div>
1209            </div>
1210
1211</div>
1212<div class="helper">
1213    <p class="helper-text">- 10mb 미만의 파일만 등록이 가능합니다. (최대 5개)</p>
1214</div>
1215
1216
1217<script>
1218    $(document).ready(function() {
1219        multiFileLabelCheck('#writeContactForm .multi-file-contact-files'); // 멀티파일체크
1220
1221        form_check.multi_file_input_check = function() {
1222            //파일 필수 체크
1223            var fileCheck = $('.file-upload-box.multi-file-contact-files input[type=file][required]');
1224            if (fileCheck.length > 0) {
1225                for (i = 0; i < fileCheck.length; i++) {
1226                    if ($(fileCheck[i]).val() == '') {
1227                        var file_input_name = $(fileCheck[i]).attr('name');
1228                        var preview_class = '.preview-' + file_input_name;
1229                        //미리보기 있는지 체크
1230                        var previewCheck = $(fileCheck[i]).parents('.form-group').find(preview_class);
1231                        // active가 있으면 continue
1232                        if ($(previewCheck).find('.preview-file-box.active').length > 0) {
1233                            continue;
1234                        }
1235
1236                        //라벨이 있는 경우
1237                        var label_text = $(fileCheck[i]).parents('.form-group').children('label').text();
1238                        alertSet(label_text + ' 파일을 첨부해주세요.', 'warning', function() {
1239                            setTimeout(function() {
1240                                $(fileCheck[i]).focus();
1241                            }, 200);
1242                        });
1243                        return false;
1244                    }
1245                }
1246            }
1247        };
1248    });
1249</script>
1249                                    </div>
1250
1251                                </div>
1252                            </div>
1253                        </div>
1254                        <div class="dashed-line"></div>
1255                        <div class="terms">
1256                            <div class="form-group grid-column-2">
1257                                <label class="label">개인정보 수집 및 이용에 대한 동의</label>
1258                                <div class="input">
1259                                    <div class="terms-box">
1260                                        <p>
1261                                            1. 개인정보의 수집·이용 목적:전자민원 접수 및 처리
1262                                        </p>
1263                                        <p>
1264                                            2. 수집하려는 개인정보의 항목<br>
1265                                            - 신고 처리 및 결과 회신을 위해 성명, 전화번호, 이메일 수집
1266                                        </p>
1267                                        <p>
1268                                            3. 개인정보의 보유 및 이용기간 : 3년
1269                                        </p>
1270                                        <p>
1271                                            4. 신청자는 본 개인정보 수집·이용에 대한 동의를 거부할 수 있으며, 동의거부시에는 서비스가 제한됩니다.
1272                                        </p>
1273                                    </div>
1274                                    <div class="checkbox-attach input-helper">
1275                                        <input type="checkbox" id="contactAgree" value="">
1276                                        <label for="contactAgree"></label>
1277                                        <label for="contactAgree"><p>위 내용의 개인정보 수집 및 이용에 동의합니다.</p></label>
1278                                    </div>
1279                                </div>
1280                            </div>
1281                        </div>
1282                    </div>
1283
1284                    <div class="popup-bottom-button">
1285                        <button type="button" class="btn btn-wide contact-sumit">문의하기</button>
1286                        <button type="button" class="btn btn-wide btn-1 s-close-button" aria-label="close">닫기</button>
1287                    </div>
1288                </form>
1289            </div>
1290        </div>
1291    </div>
1292
1293</template><div class="s-modal">
1294    <div class="s-modal-content">
1295        <span class="s-close-button">×</span>
1296        <div class="s-modal-body"></div>
1297    </div>
1298</div>
1299<script>hljs.initHighlightingOnLoad();</script>
1299<!--
1300[LICENSE]
1301본 프로그램(NTBOX)은 무단 복제,수정,재판매 행위를 금지합니다.
1302
1303Author  : 엔티큐브(NTCUBE)
1304URI     : https://ntcube.co.kr
1305Contact : 1670-2441 | [email protected]
1306Version : 1.2.24
1307--></body>
1308
1309</html>{"meta":{"state":"error","msg":"FTP \uc624\ub958\uac00 \ubc1c\uc0dd\ud558\uc600\uc2b5\ub2c8\ub2e4"}}

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.