PageSourceSearch

https://ntcube.co.kr/company/about

html ntcube.co.kr collected 2026-10-09 17:53:42 UTC 88,801 bytes, 1,981 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)"><meta name="description" content=""><meta name="keywords" content=""><meta property="og:url" content="https://ntcube.co.kr/"><meta property="og:site_name" content="엔티큐브 소개 - 엔티큐브 (NTCUBE)"><meta property="og:title" content="엔티큐브 소개 - 엔티큐브 (NTCUBE)"><meta property="og:description" content=""><meta property="og:type" content="website" /><meta property="og:image" content=""><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 ">    <style>
49            </style>
50
51    
51<script src="/assets/includes/jquery/jquery-3.6.0.min.js"></script>
51
52    
53    <title>엔티큐브 소개 - 엔티큐브 (NTCUBE)</title>
54</head>
55
56<body>
57        <header id="header" mode="clean">
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) 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="pageTitle">
476        <div class="page-title title-center h2-white p-white" style="background-image:url(/themes/theme_ntcube/assets/images/title/page_title_bg.png)">
477            <div class="title-text">
478                <div>
479                    <h2>엔티큐브 소개</h2>
480                                            <p>엔티큐브는 클라이언트의 비즈니스 성공을 위해 항상 생각하고 연구하겠습니다.</p>
481                                    </div>
482            </div>
483                                        <div class="grid submenu-items"></div>
484                
484<script>
485                    $(function() {
486                        setTimeout(() => {
487                            //하위메뉴 자동 출력
488                            var parent_menu = $('.pc-gnb .gnb').find('.item_list.item_depth0>a.active');
489                          
490                            if ($(parent_menu).hasClass("active") === true) {
491                                var submenu_list = $(parent_menu).next().find('.item_list.item_depth1');
492                                for (const submenu of submenu_list) {
493                                    var item = $(submenu).find('a').clone();
494                                    $('.submenu-items').append(item);
495                                    var item_id = $(submenu).attr('id');
496                                    $(item).addClass('menu-id-' + numberOnly(item_id));
497                                    var grid_class = 'grid-' + submenu_list.length + submenu_list.length + submenu_list.length;
498                                    $('.submenu-items').addClass(grid_class);
499                                }
500                            }
501                            $("#pageTitle [data-event='contact_modal']").click(function() {
502                                contact_modal_open();
503                            });
504                        }, 100);
505                    })
506                </script>
506
507                    </div>
508    </section>
509        <section id="pageContent" area-label="page" class="">
510<div class="wide">
511    <div class="about container">
512        <div class="content divider">
513            <div class="content-title" data-event="scroll" data-scroll="fade-in-up">
514                <h3>클라이언트의 비즈니스 성공을 위해<br>
515                    <span><span>항상 생각하고 연구하겠습니다.</span></span>
516                </h3>
517                <p>엔티큐브의 다양한 클라이언트들과 함께 건강한 온라인 생태계 조성 및 발전을 이룩하여<br class="v-TP">
518                    글로벌 경쟁체제 속에서의 경쟁력 확보에 도움이 되는 것을 목표로 하고 있습니다.
519                </p>
520            </div>
521            <ul class="grid image-card-grid">
522                <li class="image-card" data-event="scroll">
523                    <div class="image">
524                        <div class="bg" style="background-image: url('/themes/theme_ntcube/assets/images/about/about_1_01.png')"></div>
525                    </div>
526                    <div class="text">
527                        <h4>맞춤형 컨설팅</h4>
528                        <p>충분한 커뮤니케이션을 통해 <br class="v-TP">
528업종·예산에 맞는 컨설팅을 진행합니다.</p>
529                    </div>
530                </li>
531                <li class="image-card" data-event="scroll">
532                    <div class="image">
533                        <div class="bg" style="background-image: url('/themes/theme_ntcube/assets/images/about/about_1_02.png')"></div>
534                    </div>
535                    <div class="text">
536                        <h4>반응형 웹 솔루션</h4>
537                        <p>하나의 홈페이지로 다양한 디바이스에 <br class="v-TP">연동되는 반응형 웹을 제공합니다.</p>
538                    </div>
539                </li>
540                <li class="image-card" data-event="scroll">
541                    <div class="image">
542                        <div class="bg" style="background-image: url('/themes/theme_ntcube/assets/images/about/about_1_03.png')"></div>
543                    </div>
544                    <div class="text">
545                        <h4>UX/UI 디자인</h4>
546                        <p>UX/UI 디자인을 통해 업종과 타겟에 맞는 <br class="v-TP">웹 디자인을 추구합니다.</p>
547                    </div>
548                </li>
549                <li class="image-card" data-event="scroll">
550                    <div class="image">
551                        <div class="bg" style="background-image: url('/themes/theme_ntcube/assets/images/about/about_1_04.png')"></div>
552                    </div>
553                    <div class="text">
554                        <h4>미디어 컨텐츠</h4>
555                        <p>홈페이지 제작 시 고객사의 업종에 맞춤한 <br class="v-TP">다양한 고퀄리티 이미지를 제공합니다.</p>
556                    </div>
557                </li>
558            </ul>
559        </div>
560
561        <div class="content divider">
562            <div class="content-title" data-event="scroll" data-scroll="fade-in-up">
563                <h3>최고의 웹에이전시가 되기 위한<br>
564                    <span><span>엔티큐브만의 5가지 약속</span></span>
565                </h3>
566                <p>엔티큐브는 ‘창조적인 컨텐츠와 기술을 나눔으로써 행복의 가치를 느낀다’ 라는 슬로건을 두고<br class="v-TP">
567                    클라이언트의 비즈니스 성공을 위해 항상 생각하고 연구하겠습니다.
568                </p>
569            </div>
570
571            <ul class="grid icon-card-grid">
572                <li class="icon-card" data-event="scroll">
573                    <img class='' style='' src='/themes/theme_ntcube/assets/images/about/about_2_01.svg' alt='about_2_01'>                    <h4>브랜드 가치향상</h4>
574                    <p>차별화된 프로젝트 진행을 통해 <br class="v-P">브랜드 가치향상을 목표로 나아갑니다.</p>
575                </li>
576                <li class="icon-card" data-event="scroll">
577                    <img class='' style='' src='/themes/theme_ntcube/assets/images/about/about_2_02.svg' alt='about_2_02'>                    <h4>트렌디한 디자인</h4>
578                    <p>트렌디한 디자인을 위하여 <br class="v-P">보다 빠르게 변화에 적응하겠습니다.</p>
579                </li>
580                <li class="icon-card" data-event="scroll">
581                    <img class='' style='' src='/themes/theme_ntcube/assets/images/about/about_2_03.svg' alt='about_2_03'>                    <h4>반응형 웹 <br class="v-M">솔루션</h4>
582                    <p>다양한 디바이스로 소통하는 스마트시대에 <br class="v-P">걸맞게 반응형 웹 솔루션을 제공합니다.</p>
583                </li>
584                <li class="icon-card" data-event="scroll">
585                    <img class='' style='' src='/themes/theme_ntcube/assets/images/about/about_2_04.svg' alt='about_2_04'>                    <h4>클라이언트와의 <br class="v-M">신뢰</h4>
586                    <p>클라이언트와의 신뢰를 자사의 재산과 <br class="v-P">생명이라는 생각으로 일하겠습니다.</p>
587                </li>
588                <li class="icon-card" data-event="scroll">
589                    <img class='' style='' src='/themes/theme_ntcube/assets/images/about/about_2_05.svg' alt='about_2_05'>                    <h4>고객 만족 <br class="v-M">프로젝트</h4>
590                    <p>
590고객사가 만족하는 프로젝트를 위하여 <br class="v-P">최선을 다해 노력하겠습니다.</p>
591                </li>
592            </ul>
593        </div>
594    </div>
595</div>
596
597<div id="widgetzR5E9279496321" class="widget widget-latest-portfolio"><!-- 타이틀 -->
598    <div class="widget-title latest-head container">
599        <div class="content-title">
600            <h3><span>홈페이지 제작 <span>포트폴리오</span></span></h3>
601            <p>엔티큐브와 함께해주신 모든 분들께 감사의 말씀을 드리며,<br>
602                클라이언트의 비즈니스 성공을 위해 항상 생각하고 연구하는 엔티큐브가 되겠습니다.
603            </p>
604            <div class="portfolio-helper-text">
605                <p class="helper-text">
606                    * 홈페이지 내의 모든 이미지는 저작권의 보호를 받으며, <br class="v-M">이미지 무단복제 및 사용을 금지합니다.
607                </p>
608            </div>
609        </div>
610    </div>
611<!-- 더보기 -->
612<!-- 리스트 -->
613<div class="widget-list slide-contents latest-portfolio">
614            <div class="slide-content">
615            <a href="/board/portfolio/view?match=id:120">
616                <div class="thumbnail-area">
617                    <div class="thumbnail" style="background-image:url('/assets/uploads/nt_post_portfolio/2024/05/07/1715080636_0b06dd3aab45ac02421d.png')"></div>
618                </div>
619                <div class="item-info">
620                    <div class="">
621                        <span class="category"><span class="category-name"><span class="category-name">기업</span></span></span>
622                        <h2>(주)오에스엘이엔지</h2>
623                    </div>
624                    <div class="portfolio-logo" style="background-image:url('/assets/uploads/nt_post_portfolio/2024/05/07/1715080637_39f3f8126ba9f373f049.png');">
625                    </div>
626                </div>
627
628            </a>
629        </div>
630
631            <div class="slide-content">
632            <a href="/board/portfolio/view?match=id:119">
633                <div class="thumbnail-area">
634                    <div class="thumbnail" style="background-image:url('/assets/uploads/nt_post_portfolio/2024/05/07/1715080589_61354d31dd3775ae76b8.png')"></div>
635                </div>
636                <div class="item-info">
637                    <div class="">
638                        <span class="category"><span class="category-name"><span class="category-name">교육</span></span></span>
639                        <h2>바다나무 잉글리시</h2>
640                    </div>
641                    <div class="portfolio-logo" style="background-image:url('/assets/uploads/nt_post_portfolio/2024/05/07/1715080589_42567e1b320b87ce9c8b.png');">
642                    </div>
643                </div>
644
645            </a>
646        </div>
647
648            <div class="slide-content">
649            <a href="/board/portfolio/view?match=id:118">
650                <div class="thumbnail-area">
651                    <div class="thumbnail" style="background-image:url('/assets/uploads/nt_post_portfolio/2024/05/07/1715080560_da58606f7ed0c1f948bf.png')"></div>
652                </div>
653                <div class="item-info">
654                    <div class="">
655                        <span class="category"><span class="category-name"><span class="category-name">기업</span></span></span>
656                        <h2>우성씨엔에스(주)</h2>
657                    </div>
658                    <div class="portfolio-logo" style="background-image:url('/assets/uploads/nt_post_portfolio/2024/05/07/1715080561_1bca5c535bf141099ad3.png');">
659                    </div>
660                </div>
661
662            </a>
663        </div>
664
665            <div class="slide-content">
666            <a href="/board/portfolio/view?match=id:117">
667                <div class="thumbnail-area">
668                    <div class="thumbnail" style="background-image:url('/assets/uploads/nt_post_portfolio/2024/05/07/1715080506_a68e3bfed8e5169cca3d.png')"></div>
669                </div>
670                <div class="item-info">
671                    <div class="">
672                        <span class="category"><span class="category-name"><span class="category-name">음식점/식품</span></span></span>
673                        <h2>핫쵸</h2>
674                    </div>
675                    <div class="portfolio-logo" style="background-image:url('/assets/uploads/nt_post_portfolio/2024/05/07/1715080507_1feee969ff50468d2de4.png');">
676                    </div>
677                </div>
678
679            </a>
680        </div>
681
682            <div class="slide-content">
683            <a href="/board/portfolio/view?match=id:116">
684                <div class="thumbnail-area">
685                    <div class="thumbnail" style="background-image:url('/assets/uploads/nt_post_portfolio/2024/05/07/1715080480_81831861093a6025f99a.png')"></div>
686                </div>
687                <div class="item-info">
688                    <div class="">
689                        <span class="category"><span class="category-name"><span class="category-name">교육</span></span></span>
690                        <h2>아델반 플레이</h2>
691                    </div>
692                    <div class="portfolio-logo" style="background-image:url('/assets/uploads/nt_post_portfolio/2024/05/07/1715080480_1ab799452a31807d45b0.png');">
693                    </div>
694                </div>
695
696            </a>
697        </div>
698
699            <div class="slide-content">
700            <a href="/board/portfolio/view?match=id:115">
701                <div class="thumbnail-area">
702                    <div class="thumbnail" style="background-image:url('/assets/uploads/nt_post_portfolio/2024/05/07/1715080445_3f91db77986cd58142ce.png')"></div>
703                </div>
704                <div class="item-info">
705                    <div class="">
706                        <span class="category"><span class="category-name"><span class="category-name">기타</span></span></span>
707                        <h2>피디피코리아</h2>
708                    </div>
709                    <div class="portfolio-logo" style="background-image:url('/assets/uploads/nt_post_portfolio/2024/05/07/1715080445_3d47458bd8e07a3908ab.png');">
710                    </div>
711                </div>
712
713            </a>
714        </div>
715
716            <div class="slide-content">
717            <a href="/board/portfolio/view?match=id:113">
718                <div class="thumbnail-area">
719                    <div class="thumbnail" style="background-image:url('/assets/uploads/board/2024/04/12/1712892939_ec2661e2b88938e508bd.png')"></div>
720                </div>
721                <div class="item-info">
722                    <div class="">
723                        <span class="category"><span class="category-name"><span class="category-name">기업</span></span></span>
724                        <h2>수이벤트렌탈</h2>
725                    </div>
726                    <div class="portfolio-logo" style="background-image:url('/assets/uploads/board/2024/04/12/1712892939_108fcbcde7b7da04f4ad.png');">
727                    </div>
728                </div>
729
730            </a>
731        </div>
732
733            <div class="slide-content">
734            <a href="/board/portfolio/view?match=id:112">
735                <div class="thumbnail-area">
736                    <div class="thumbnail" style="background-image:url('/assets/uploads/board/2024/04/12/1712892846_88b026198f2c2f33df22.png')"></div>
737                </div>
738                <div class="item-info">
739                    <div class="">
740                        <span class="category"><span class="category-name"><span class="category-name">라이프</span></span></span>
741                        <h2>헬스키퍼TV</h2>
742                    </div>
743                    <div class="portfolio-logo" style="background-image:url('/assets/uploads/board/2024/04/12/1712892846_a492701f50c53a915630.png');">
744                    </div>
745                </div>
746
747            </a>
748        </div>
749
750            <div class="slide-content">
751            <a href="/board/portfolio/view?match=id:111">
752                <div class="thumbnail-area">
753                    <div class="thumbnail" style="background-image:url('/assets/uploads/board/2024/04/12/1712892791_8c9ac1b7e8195fd910c8.png')"></div>
754                </div>
755                <div class="item-info">
756                    <div class="">
757                        <span class="category"><span class="category-name"><span class="category-name">기업</span></span></span>
758                        <h2>엠티엠코퍼레이션</h2>
759                    </div>
760                    <div class="portfolio-logo" style="background-image:url('/assets/uploads/board/2024/04/12/1712892791_ff0a39d07f9273525a4c.png');">
761                    </div>
762                </div>
763
764            </a>
765        </div>
766
767            <div class="slide-content">
768            <a href="/board/portfolio/view?match=id:110">
769                <div class="thumbnail-area">
770                    <div class="thumbnail" style="background-image:url('/assets/uploads/board/2024/04/12/1712892712_67261fc4a4ae71f871d6.png')"></div>
771                </div>
772                <div class="item-info">
773                    <div class="">
774                        <span class="category"><span class="category-name"><span class="category-name">여행/숙박/대관</span></span></span>
775                        <h2>카세리오 리조트</h2>
776                    </div>
777                    <div class="portfolio-logo" style="background-image:url('/assets/uploads/board/2024/04/12/1712892712_f695fafdf63cedeb222c.png');">
778                    </div>
779                </div>
780
781            </a>
782        </div>
783
784    </div>
785
786<div class="divider"></div></div>
787</section>
788</main>
789
790<style>
791    .go-top {
792        position: fixed;
793        bottom: 40px;
794        right: 1%;
795        z-index: 9999;
796    }
797
798    .go-top a {
799        display: block;
800        position: relative;
801        background-color: rgba(0, 0, 0, 0.8);
802        width: 60px;
803        border-radius: 50%;
804        border: 1px solid #1b1b1b;
805        transition: all 0.2s ease-in-out;
806    }
807
808    .go-top a:hover {
809        background-color: rgba(0, 0, 0, 0.9);
810    }
811
812    .go-top a::before {
813        content: "";
814        display: block;
815        padding-bottom: 100%;
816    }
817
818    .go-top a .item {
819        position: absolute;
820        top: 50%;
821        left: 50%;
822        transform: translate(-50%, -50%);
823        display: block;
824    }
825
826    .go-top a .item .arrow {
827        width: 17px;
828        height: 17px;
829        display: block;
830    }
831
832    .go-top {
833        display: none;
834    }
835
836    /* Desktop ( 1024px ~)*/
837    @media all and (min-width: 1024px) {}
838
839    /* Laptop ( 1024px ~ 1440px)*/
840    @media all and (min-width: 1024px) and (max-width: 1440px) {}
841
842    /* Tablet ( 768px ~ 1023px)*/
843    @media all and (min-width: 768px) and (max-width: 1023px) {}
844
845    /* Mobile ( ~ 767px)*/
846    @media all and (max-width: 767px) {
847        .go-top {
848            bottom: 20px;
849        }
850    }
851</style>
852
853<div class="go-top">
854    <a href="javascript:void(0)">
855        <div class="item">
856            <div class="arrow"><img class='' style='' src='/assets/images/icons/icon_arrow_top.svg' alt='icon_arrow_top'></div>
857        </div>
858    </a>
859</div><style>
860    #cursor {
861        --cursor-size: 45px;
862        position: fixed;
863        height: var(--cursor-size);
864        width: var(--cursor-size);
865        border: 2px solid var(--color-primary);
866        border-radius: 100%;
867        top: calc(var(--cursor-size) / 2 * -1);
868        left: calc(var(--cursor-size) / 2 * -1);
869        pointer-events: none;
870        z-index: 9999;
871        /* mix-blend-mode: difference; */
872        transition: all 0.2s ease;
873    }
874
875    /* 링크나 버튼 위에 있을 때 */
876    #cursor.hover {
877        --cursor-size: 60px;
878        background: var(--color-primary);
879        opacity: 0.5;        
880    }
881
882    /* 클릭했을 때 */
883    #cursor.click {
884        background: var(--color-primary);
885        opacity: 0.8;
886    }
887
888    /* 마우스를 3초 동안 안 움직였을 때 */
889    #cursor.idle {
890        --cursor-size: 20px;
891        animation: idleAnimation 2s infinite alternate ease-in-out;
892    }
893
894    @keyframes idleAnimation {
895        0% {
896            border-radius: 100%;
897        }
898
899        100% {
900            border-radius: 0;
901        }
902    }
903
904    @media all and (max-width: 1024px) {
905        #cursor {
906            display: none !important;
907        }
908    }
909
910</style>
911
912<div id="cursor"></div>
913
914<script>
915    $(document).ready(function() {
916        const $cursor = $("#cursor");
917        let mouse = {
918                x: 0,
919                y: 0
920            },
921            circle = {
922                x: 0,
923                y: 0
924            },
925            prevMouse = {
926                x: 0,
927                y: 0
928            };
929        let scale = 0,
930            angle = 0,
931            speed = 0.17;
932        let idleTimer;
933
934        $(window).on("mousemove", function(e) {
935            mouse.x = e.clientX;
936            mouse.y = e.clientY;
937            resetIdleAnimation();
938        });
939
940        $("a, button").on("mouseenter", function() {
941            $cursor.addClass("hover");
942        }).on("mouseleave", function() {
943            $cursor.removeClass("hover");
944        });
945
946        $(window).on("mousedown", function() {
947            $cursor.addClass("click");
948        }).on("mouseup", function() {
949            $cursor.removeClass("click");
950        });
951
952        function resetIdleAnimation() {
953            clearTimeout(idleTimer);
954            $cursor.removeClass("idle");
955
956            idleTimer = setTimeout(function() {
957                $cursor.addClass("idle");
958            }, 3000); // 3초 후 idle 효과 적용
959        }
960
961        function animate() {
962            circle.x += (mouse.x - circle.x) * speed;
963            circle.y += (mouse.y - circle.y) * speed;
964
965            let deltaX = mouse.x - prevMouse.x,
966                deltaY = mouse.y - prevMouse.y;
967            prevMouse = {
968                ...mouse
969            };
970
971            let velocity = Math.min(Math.sqrt(deltaX ** 2 + deltaY ** 2) * 4, 150);
972            scale += ((velocity / 150) * 0.5 - scale) * speed;
973            if (velocity > 20) angle = Math.atan2(deltaY, deltaX) * (180 / Math.PI);
974
975            $cursor.css("transform", `translate(${circle.x}px, ${circle.y}px) rotate(${angle}deg) scale(${1 + scale}, ${1 - scale})`);
976            requestAnimationFrame(animate);
977        }
978
979        animate();
980        resetIdleAnimation();
981    });
982</script>
982
983
984<div class="loaderFull"><span class="loading-spinner"></span></div>
985
986<footer>
987    <!-- 통합검색 -->
988<div id="unifiedSearch">
989    <input type="hidden" id="unifiedSearchValue">
990    <div class="backdrop-bg"></div>
991
992    <div class="unified-search-box" style="display: none;">
993        <span class="close-btn"></span>
994        <div class="unified-container">
995            <div class="unified-search-input">
996                <input type="text" class="unified-search-value" placeholder="검색어를 입력하세요" onkeyup="searchAllEnterkey()">
997                <button class="search-reset" style="display: none;">삭제</button>
998                <button class="search-button" onclick="searchAllSubmit()"></button>
999            </div>
1000        </div>
1001    </div>
1002</div>
1003
1004
1005<style>
1006    #unifiedSearch {
1007        position: relative;
1008    }
1009
1010    #unifiedSearch .backdrop-bg {
1011        position: fixed;
1012        right: 0;
1013        top: 0;
1014        width: 100%;
1015        height: 100%;
1016        background-color: rgba(0, 0, 0, 0.6);
1017        backdrop-filter: blur(2px);
1018        opacity: 0;
1019        display: none;
1020        transition: 0.5s all;
1021        z-index: 10;
1022    }
1023
1024    #unifiedSearch.active .backdrop-bg {
1025        opacity: 1;
1026        display: block;
1027        z-index: 20;
1028    }
1029
1030    #unifiedSearch .unified-search-box {
1031        width: 100%;
1032        height: 320px;
1033        align-items: center;
1034        justify-content: center;
1035        background-color: #fff;
1036        position: fixed;
1037        top: 0;
1038        left: 0;
1039        z-index: 9999;
1040    }
1041
1042    #unifiedSearch .close-btn {
1043        --close-btn-size: 25px;
1044        --close-btn-color: #000;
1045        width: var(--close-btn-size);
1046        height: var(--close-btn-size);
1047        display: block;
1048        cursor: pointer;
1049        font-size: 0;
1050        position: absolute;
1051        top: 30px;
1052        right: 35px;
1053        z-index: 99;
1054    }
1055
1056    #unifiedSearch .close-btn:before,
1057    #unifiedSearch .close-btn:after {
1058        content: '';
1059        position: absolute;
1060        right: 50%;
1061        top: 50%;
1062        width: 1px;
1063        height: var(--close-btn-size);
1064        background-color: var(--close-btn-color);
1065    }
1066
1067    #unifiedSearch .close-btn:before {
1068        transform: translate(-50%, -50%) rotate(45deg);
1069    }
1070
1071    #unifiedSearch .close-btn:after {
1072        transform: translate(-50%, -50%) rotate(-45deg);
1073    }
1074
1075    #unifiedSearch .unified-container {
1076        width: calc(var(--container-scale)* 1%);
1077        max-width: var(--container-width);
1078        margin: 0 auto;
1079    }
1080
1081    .unified-search-input {
1082        --input-border: #000;
1083        --input-border-radius: 0;
1084        --input-padding: 0 10px;
1085        --input-font-size: 20px;
1086        --input-height: 50px;
1087        --input-background-color: transparent;
1088        --label-font-size: 18px;
1089        --placeholder-font-size: var(--input-font-size);
1090        --placeholder-color: #ccc;
1091
1092        display: flex;
1093        align-items: center;
1094        column-gap: 15px;
1095        max-width: 800px;
1096        margin: 0 auto;
1097        position: relative;
1098        border-bottom: 2px solid var(--input-border);
1099        padding: var(--input-padding);
1100    }
1101
1102    .unified-search-input input {
1103        border: none;
1104        padding: 0;
1105    }
1106
1107    .unified-search-input .search-reset {
1108        --btn-size: 20px;
1109        cursor: pointer;
1110        width: var(--btn-size);
1111        height: var(--btn-size);
1112        background-image: url(/assets/images/icons/icon_delete.svg);
1113        background-repeat: no-repeat;
1114        background-position: center;
1115        background-size: contain;
1116        border: none;
1117        background-color: transparent;
1118        font-size: 0;
1119        flex: 1 0 auto;
1120    }
1121
1122    .unified-search-input .search-button,
1123    .searchToggle {
1124        --btn-size: 23px;
1125        cursor: pointer;
1126        width: var(--btn-size);
1127        height: var(--btn-size);
1128        background-image: url(/assets/images/icons/search.svg);
1129        background-repeat: no-repeat;
1130        background-position: center;
1131        background-size: contain;
1132        border: none;
1133        background-color: transparent;
1134        flex: 1 0 auto;
1135    }
1136
1137    .searchToggle {
1138        display: block;
1139        font-size: 0;
1140    }
1141
1142    #header[mode="clean"] .searchToggle {
1143        filter: invert(1);
1144    }
1145
1146    /* Desktop ( 1024px ~)*/
1147    @media all and (min-width: 1024px) {}
1148
1149    /* Laptop ( 1024px ~ 1440px)*/
1150    @media all and (min-width: 1024px) and (max-width: 1440px) {}
1151
1152    /* Tablet ( 768px ~ 1023px)*/
1153    @media all and (min-width: 768px) and (max-width: 1023px) {}
1154
1155    /* Mobile ( ~ 767px)*/
1156    @media all and (max-width: 767px) {
1157        #unifiedSearch .unified-search-box {
1158            height: 260px;
1159        }
1160
1161        #unifiedSearch .close-btn {
1162            --close-btn-size: 22px;
1163            top: 20px;
1164            right: 20px;
1165        }
1166
1167        .unified-search-input {
1168            --input-font-size: 17px;
1169            --input-height: 45px;
1170        }
1171
1172        .unified-search-input .search-button,
1173        .searchToggle {
1174            --btn-size: 20px;
1175        }
1176    }
1177</style>
1178
1179<script>
1180    function searchAllSubmit() {
1181        var searchValue = $('#unifiedSearchValue').val();
1182        console.log(searchValue);
1183        if (searchValue == '') {
1184            alert('검색어를 입력하세요');
1185            return;
1186        }
1187        location.href = '/board/search?val=' + searchValue;
1188    }
1189
1190    function searchAllEnterkey() {
1191        if (window.event.keyCode == 13) {
1192            searchAllSubmit();
1193        }
1194    }
1195
1196    $(document).ready(function() {
1197        // 검색 열기 버튼 클릭 시
1198        $('.searchToggle').click(function() {
1199            var unifiedSearch = $('#unifiedSearch');
1200            unifiedSearch.toggleClass('active');
1201
1202            // .active 클래스가 있으면 unified-search-box display를 변경
1203            if (unifiedSearch.hasClass('active')) {
1204                $('.unified-search-box').css('display', 'flex');
1205            } else {
1206                $('.unified-search-box').css('display', 'none');
1207            }
1208        });
1209
1210        // 배경을 클릭하면 검색창 닫기
1211        $('.backdrop-bg').click(function() {
1212            $('#unifiedSearch').removeClass('active');
1213            $('.unified-search-box').css('display', 'none');
1214        });
1215
1216        // 검색창 닫기 버튼 클릭 시
1217        $('.close-btn').click(function() {
1218            $('#unifiedSearch').removeClass('active');
1219            $('.unified-search-box').css('display', 'none');
1220        });
1221
1222        // search-reset 버튼 클릭 시 input value 초기화
1223        $('.search-reset').click(function() {
1224            $('.unified-search-value').val('');
1225            $(this).css('display', 'none');
1226        });
1227
1228        // // 검색창에 글자 입력시 search-reset 버튼 보이기
1229        $('.unified-search-value').keyup(function() {
1230            if ($(this).val() == '') {
1231                $('.search-reset').css('display', 'none');
1232            } else {
1233                $('.search-reset').css('display', 'block');
1234            }
1235
1236            $('#unifiedSearchValue').val($(this).val());
1237        });
1238    });
1239</script>
1239    <style media="screen">
1240    #footerBasic {
1241        background-color: var(--color-dark);
1242    }
1243
1244    #footerBasic .container {
1245        padding: 60px 0 80px;
1246    }
1247
1248    #footerBasic .footer-nav {
1249        background-color: #222;
1250    }
1251
1252    #footerBasic .footer-nav .container {
1253        padding: 0;
1254    }
1255
1256    #footerBasic .footer-nav .container ul {
1257        color: #fff;
1258        padding: 25px 0;
1259        display: flex;
1260        align-items: center;
1261    }
1262
1263    #footerBasic .footer-nav .container ul li a {
1264        color: #fff;
1265        margin-right: 40px;
1266        font-size: 15px;
1267        font-weight: 600;
1268    }
1269
1270    .footer-logo {
1271        width: 130px;
1272        margin-bottom: 30px;
1273    }
1274
1275    .footer-info {
1276        margin-bottom: 20px;
1277    }
1278
1279    .footer-info>span {
1280        font-size: 15px;
1281        line-height: 1.6;
1282        color: #aaa;
1283    }
1284
1285    .footer-info span:after {
1286        content: '|';
1287        margin: 0 7px;
1288    }
1289
1290    .footer-info span.non-bar:after {
1291        display: none;
1292    }
1293
1294    .footer-info span:last-of-type:after {
1295        display: none;
1296    }
1297
1298    .footer-info span:nth-of-type(7):after {
1299        display: none;
1300    }
1301
1302    .copyright {
1303        font-size: 13px;
1304        color: #aaa;
1305    }
1306
1307    .copyright a {
1308        font-size: 13px;
1309        font-weight: 600;
1310        color: #aaa;
1311    }
1312
1313    .footer-contents {
1314        display: flex;
1315        justify-content: space-between;
1316        flex-direction: row-reverse;
1317    }
1318
1319    .footer-customer {
1320        text-align: right;
1321    }
1322
1323    .footer-customer>p {
1324        font-size: 17px;
1325        font-weight: 500;
1326        color: #fff;
1327        margin: 0;
1328        line-height: 1;
1329    }
1330
1331    .footer-customer>a {
1332        font-size: 32px;
1333        font-weight: 800;
1334        color: #fff;
1335    }
1336
1337    .footer-sns {
1338        display: flex;
1339        justify-content: flex-end;
1340        column-gap: 10px;
1341        margin-top: 10px;
1342    }
1343
1344    .footer-sns a {
1345        width: 35px;
1346        height: auto;
1347        aspect-ratio: 1/1;
1348        border-radius: 50%;
1349        background-color: #4a4a4a;
1350        background-size: 50%;
1351        background-position: center;
1352        background-repeat: no-repeat;
1353    }
1354
1355    .family-site {
1356        position: relative;
1357        width: 180px;
1358        margin-top: 25px;
1359    }
1360
1361    .family-site .family-toggle {
1362        cursor: pointer;
1363        position: relative;
1364        display: flex;
1365        align-items: center;
1366        justify-content: space-between;
1367        border: 1px solid #fff;
1368        padding: 10px 25px;
1369        border-radius: 50px;
1370    }
1371
1372    .family-site .family-toggle p {
1373        color: #fff;
1374        letter-spacing: 0.2px;
1375        font-size: 15px;
1376    }
1377
1378    .family-site .family-toggle .controller {
1379        width: 12px;
1380        height: 12px;
1381        position: relative;
1382    }
1383
1384    .family-site .family-toggle .controller::before,
1385    .family-site .family-toggle .controller::after {
1386        content: "";
1387        position: absolute;
1388        background-color: #fff;
1389        transition: transform 0.3s ease-out;
1390        will-change: transform;
1391        top: 50%;
1392        left: 50%;
1393        transform: translate(-50%, -50%);
1394    }
1395
1396    .family-site .family-toggle .controller::before {
1397        width: 1px;
1398        height: 100%;
1399    }
1400
1401    .family-site .family-toggle .controller::after {
1402        width: 100%;
1403        height: 1px;
1404    }
1405
1406    /* 활성화 시 + 모양이 - 로 변함 */
1407    .family-site .family-toggle.active .controller::before {
1408        transform: translate(-50%, -50%) rotate(90deg);
1409    }
1410
1411    .family-site .family-toggle.active .controller::after {
1412        transform: translate(-50%, -50%) rotate(180deg);
1413    }
1414
1415    .family-site .link-list {
1416        display: none;
1417        padding: 20px 25px;
1418        background-color: #000;
1419        border: 1px solid #fff;
1420        border-radius: 20px 0;
1421        width: inherit;
1422        position: absolute;
1423        top: -25px;
1424        transform: translateY(-100%);
1425    }
1426
1427    .family-site .link-list li::after {
1428        content: '';
1429        display: inline-block;
1430        margin-left: 2px;
1431        width: 12px;
1432        height: auto;
1433        aspect-ratio: 1/1;
1434        background-image: url(/themes/theme_ntcube/assets/images/icon_link.svg);
1435    }
1436
1437    .family-site .link-list li~li {
1438        margin-top: 15px;
1439    }
1440
1441    .family-site .link-list li a {
1442        font-size: 0.95em;
1443        color: #fff;
1444    }
1445
1446
1447
1448    /* Desktop ( 1024px ~)*/
1449    @media all and (min-width:1024px) {}
1450
1451    /* Laptop ( 1024px ~ 1300px)*/
1452    @media all and (min-width:1024px) and (max-width:1300px) {
1453
1454        .footer-info span:nth-of-type(3):after,
1455        .footer-info span:nth-of-type(7):after {
1456            display: none;
1457        }
1458    }
1459
1460    /* Tablet ( 768px ~ 1023px)*/
1461    @media all and (min-width:768px) and (max-width:1023px) {
1462        .footer-logo {
1463            margin-bottom: 20px;
1464        }
1465
1466        .footer-contents {
1467            display: block;
1468        }
1469
1470        .footer-customer {
1471            text-align: left;
1472            margin: 20px 0 25px;
1473        }
1474    }
1475
1476    /* Mobile ( ~ 767px)*/
1477    @media all and (max-width:767px) {
1478        #footerBasic .container {
1479            padding: 40px 0 80px;
1480        }
1481
1482        .footer-logo {
1483            margin-bottom: 20px;
1484        }
1485
1486        .footer-info>span {
1487            font-size: 12px;
1488        }
1489
1490        .copyright {
1491            font-size: 12px;
1492        }
1493
1494        .footer-contents {
1495            display: block;
1496        }
1497
1498        .footer-customer {
1499            text-align: left;
1500            margin: 20px 0;
1501        }
1502
1503        .footer-customer>p {
1504            font-size: 14px;
1505        }
1506
1507        .footer-customer>a {
1508            font-size: 30px;
1509        }
1510
1511        .footer-info span:first-of-type:after {
1512            display: none;
1513        }
1514
1515        .footer-info span:nth-of-type(4):after,
1516        .footer-info span:nth-of-type(7):after {
1517            display: none;
1518        }
1519
1520        .family-site {
1521            width: 150px;
1522        }
1523
1524        .family-site .family-toggle .controller {
1525            width: 8px;
1526            height: 8px;
1527        }
1528
1529        .family-site .link-list {
1530            padding: 16px 20px;
1531            top: -20px;
1532        }
1533
1534        .family-site .link-list li::after {
1535            width: 9px;
1536        }
1537
1538        .family-site .link-list li~li {
1539            margin-top: 15px;
1540        }
1541    }
1542</style>
1543
1544
1545<div id="footerBasic" class="footer" mode="clean">
1546    <div class="footer-nav v-TP">
1547        <div class="container">
1548            <ul>
1549                <li><a href="/board/work/list">작업요청게시판</a></li>
1550                <li><a href="/terms/service">이용약관</a></li>
1551                <li><a href="/terms/privacy">개인정보처리방침</a></li>
1552                <li><a href="javascript:void(0)" data-event="contact_modal">견적문의</a></li>
1553
1554            </ul>
1555        </div>
1556    </div>
1557    <div class="container">
1558        <div class="footer-logo">
1559            <img src="/themes/theme_ntcube/assets/images/logo_white.svg" alt="엔티큐브 소개 - 엔티큐브 (NTCUBE) logo" onerror=this.src="/assets/images/logo.png">
1560        </div>
1561        <div class="footer-contents">
1562            <div class="footer_right">
1563                <div class="footer-customer">
1564                    <p>고객센터</p>
1565                    <a class="customer-tel" href="tel:1670-2441">1670-2441</a>
1566                </div>
1567
1568                <div class="family-site">
1569                    <div class="family-toggle">
1570                        <p>Family Site</p>
1571                        <div class="controller">
1572                        </div>
1573                    </div>
1574
1575                    <ul class="link-list">
1576                        <li>
1577                            <a href="https://ntcg.co.kr/" target="_blank">(주)엔티컨버전스</a>
1578                        </li>
1579                        <li>
1580                            <a href="https://autocontent.co.kr/" target="_blank">오토콘텐츠랩</a>
1581                        </li>
1582                        <li>
1583                            <a href="https://staynt.co.kr/" target="_blank">스테이엔티</a>
1584                        </li>
1585                    </ul>
1586                </div>
1587            </div>
1588
1589            <div class="footer_left">
1590                <div class="footer-info">
1591                    <span><b>(주)엔티컨버전스</b></span><br class="v-M">
1592                    <span>대표 : 성하빈</span>
1593                    <span>사업자등록번호 : 375-88-01541</span><br class="v-L v-M">
1594                    <span>전화번호 : 1670-2441</span>
1595                    <span class="non-bar">이메일 : [email protected]</span><br>
1596                                        <span>
1597                        서울특별시 송파구 법원로 4길 10, 힐스테이트 에코 329호                                                    (05855)
1598                                            </span>
1599                </div>
1600                <p class="copyright">COPYRIGHT ⓒ (주)엔티컨버전스. <br class="v-M">
1601                    ALL RIGHTS RESERVED. DESIGN BY <a href="https://ntcube.co.kr" target="_blank">[NTCUBE]</a></p>
1602            </div>
1603        </div>
1604    </div>
1605</div>
1606
1607<script>
1608    $(document).ready(function() {
1609        $('.family-toggle').click(function() {
1610            $(this).toggleClass('active');
1611            $(this).next('.link-list').slideToggle();
1612        });
1613    });
1614</script>
1614
1615
1616<style media="screen">
1617    #quickArea {
1618        position: fixed;
1619        bottom: 7.5rem;
1620        right: 0;
1621        width: 100px;
1622        border-radius: 5px 0 0 5px;
1623        color: var(--color-white);
1624        z-index: 999;
1625    }
1626
1627    #quickArea .quick-banners {
1628        text-align: center;
1629        padding: 20px 10px;
1630        background-color: rgba(0, 0, 0, 0.8);
1631    }
1632
1633    #quickArea .quick-banners a {
1634        color: var(--color-white);
1635        font-size: 0.8em;
1636        text-decoration: none;
1637        padding: 0 10px;
1638    }
1639
1640    #quickArea .quick-banners a:hover {
1641        color: #eee;
1642    }
1643
1644    #quickArea .quick-banners a p {
1645        font-size: 13px;
1646        color: var(--color-white);
1647    }
1648
1649    #quickArea .quick-banners .quick_logo img {
1650        margin: 0 auto 5px;
1651    }
1652
1653    /* Tablet ( 768px ~ 1023px)*/
1654    @media all and (min-width:768px) and (max-width:1023px) {
1655        #quickArea {
1656            width: 100%;
1657            bottom: 0;
1658            border-radius: 20px 20px 0 0;
1659        }
1660    }
1661
1662    /* Moble ( ~ 767px)*/
1663    @media all and (max-width:767px) {
1664        #quickArea {
1665            width: 100%;
1666            bottom: 0;
1667            border-radius: 20px 20px 0 0;
1668        }
1669
1670        /* #quickArea{display: none;} */
1671        #quickArea .quick-banners {
1672            padding: 15px 10px;
1673        }
1674
1675        #quickArea .quick-banners a p {
1676            font-size: 11px;
1677        }
1678    }
1679
1680    .quick_logo img {
1681        width: 24px;
1682    }
1683</style>
1684
1685
1686<div id="quickArea">
1687    <div class="quick-banners grid grid-155 gap-111 row-333">
1688        <a href="/index">
1689            <span class="quick_logo">
1690                <img src="/themes/theme_ntcube/assets/images/quick_logo.svg" alt="image">
1691            </span>
1692            <p>홈으로</p>
1693        </a>
1694        <a href="/homepage/information">
1695            <span class="material-icons-outlined">
1696                lightbulb
1697            </span>
1698            <p>제작안내</p>
1699        </a>
1700        <a href="/board/work/list">
1701            <span class="material-icons-outlined">
1702                construction
1703            </span>
1704            <p>작업요청<span class="v-P" style="line-height: .5;"><br>게시판</span></p>
1705        </a>
1706        <a href="javascript:void(0)" data-event="contact_modal">
1707            <span class="material-icons-outlined">
1708                edit
1709            </span>
1710            <p>견적문의</p>
1711        </a>
1712        <a href="/company/location">
1713            <span class="material-icons-outlined">
1714                place
1715            </span>
1716            <p>오시는 길</p>
1717        </a>
1718    </div>
1719</div>    <link rel="stylesheet" href="/plugins/board/widgets/latest_portfolio/style.css?v=1.3.7 ">    
1719<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js?v=1.2.7"></script>
1719<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/languages/bash.min.js?v=1.2.7"></script>
1719<script src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js?v=1.2.7"></script>
1719<script src="//unpkg.com/[email protected]?v=1.2.7"></script>
1719<script src="//cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.min.js?v=1.2.7"></script>
1719<script src="//cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.min.map?v=1.2.7"></script>
1719<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js?v=1.2.7"></script>
1719<script src="/plugins/iPopup/skin/basic/script.js?v=1.2.7"></script>
1719<script src="/plugins/board/widgets/latest_portfolio/script.js?v=1.2.7"></script>
1719<script src="/plugins/board/assets/js/ckeditor5.js?v=1.2.7"></script>
1719<script src="/plugins/board/assets/js/common.js?v=1.2.7"></script>
1719<script src="/plugins/board/assets/js/search.js?v=1.2.7"></script>
1719<script src="https://ntcube.co.kr/assets/js/base/__common.js?v=1.2.7"></script>
1719<script src="https://ntcube.co.kr/assets/js/base/component.js?v=1.2.7"></script>
1719<script src="https://ntcube.co.kr/assets/js/base/cookie.js?v=1.2.7"></script>
1719<script src="https://ntcube.co.kr/assets/js/base/dateTime.js?v=1.2.7"></script>
1719<script src="https://ntcube.co.kr/assets/js/base/extend.js?v=1.2.7"></script>
1719<script src="https://ntcube.co.kr/assets/js/base/form.js?v=1.2.7"></script>
1719<script src="https://ntcube.co.kr/assets/js/base/gnb.js?v=1.2.7"></script>
1719<script src="https://ntcube.co.kr/assets/js/base/modal.js?v=1.2.7"></script>
1719<script src="https://ntcube.co.kr/assets/js/base/number.js?v=1.2.7"></script>
1719<script src="https://ntcube.co.kr/assets/js/base/string.js?v=1.2.7"></script>
1719<script src="https://ntcube.co.kr/assets/js/base/tools.js?v=1.2.7"></script>
1719<script src="https://ntcube.co.kr/assets/js/base/url.js?v=1.2.7"></script>
1719<script src="https://ntcube.co.kr/assets/js/debuger.js?v=1.2.7"></script>
1719<script src="https://ntcube.co.kr/themes/theme_ntcube/assets/js/common.js?v=1.2.7"></script>
1719<script src="https://ntcube.co.kr/themes/theme_ntcube/assets/js/theme.js?v=1.2.7"></script>
1719<script src="/assets/includes/sweetalert2/sweetalert2.all.min.js?v=1.2.7"></script>
1719
1720    <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 1720-1721
1720
1721<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1721GTM-W5LG3M43
vendor: 85 bytes, lines 1721-1722
1721"
1722height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1723<!-- End Google Tag Manager (noscript) --></footer>
1724<template id="contactForm">
1725    <div class="contact-form">
1726        <div class="popup-title">
1727            <h2>견적문의</h2>
1728            <div class="line"></div>
1729            <p>홈페이지 제작 및 유지보수 등 견적 관련 상담은 아래 양식에 맞춰<br>
1730                내용 작성 후 문의주시면 빠른 시일 내로 담당자를 통해 연락드리겠습니다.
1731            </p>
1732        </div>
1733        <div class="popup-content">
1734            <div class="content">
1735                <h3>기본정보 입력</h3>
1736                <form id="writeContactForm" class="input-wrap" name="writeContactForm" enctype='multipart/form-data' method="post">
1737                    <input type="hidden" name="_boardName" value="contact">
1738                    <input type="hidden" name="_mode" value="write">
1739                    <input type="hidden" name="_method" value="POST">
1740                    <input type="hidden" name="_action" value="write">
1741                    <div class="grid grid-211 gap-222">
1742                        <div class="form-group">
1743                            <label class="label">상호명<span> *</span></label>
1744                            <div class="input">
1745                                <input type="text" name="post_title" placeholder="" autocomplete="off" />
1746                            </div>
1747                        </div>
1748                        <div class="form-group">
1749                            <label class="label">담당자명<span> *</span></label>
1750                            <div class="input">
1751                                <input type="text" name="writer" placeholder="" autocomplete="off" />
1752                            </div>
1753                        </div>
1754                        <div class="form-group">
1755                            <label class="label">연락처<span> *</span></label>
1756                            <div class="input">
1757                                <input type="tel" name="user_phone" onkeyup="inputPhoneNumber(this)" placeholder="'-'를 제외한 연락처를 입력하세요." autocomplete="off">
1758                            </div>
1759                        </div>
1760                        <div class="form-group">
1761                            <label class="label">이메일<span> *</span></label>
1762                            <div class="input">
1763                                <input type="email" name="user_email" data-event="email_check" autocomplete="off">
1764                            </div>
1765                        </div>
1766                        <div class="form-group">
1767                            <label class="label">상담 희망시간</label>
1768                            <select class="select" name="extra1">
1769                                <option value="선택">상담 희망시간을 선택하세요.</option>
1770                                <option value="오전">오전</option>
1771                                <option value="오후">오후</option>
1772                                <option value="언제나 통화가능">언제나 통화가능</option>
1773                            </select>
1774                        </div>
1775                    </div>
1776
1777                    <div class="dashed-line"></div>
1778                    <h3>상세정보 입력</h3>
1779                    <div class="input-wrap">
1780                        <div class="grid grid-211 gap-222">
1781                            <div class="form-group">
1782                                <label class="label">업종</label>
1783                                <div class="input">
1784                                    <input type="text" name="extra2" value="" placeholder="" autocomplete="off">
1785                                </div>
1786                            </div>
1787                            <div class="form-group">
1788                                <label class="label">제작 예산</label>
1789                                <select class="select" name="extra3">
1790                                    <option value="선택" disabled="" selected="" hidden="">홈페이지 제작 예산을 선택하세요.</option>
1791                                    <option value="150만원 ~ 300만원">150만원 ~ 300만원</option>
1792                                    <option value="300만원 ~ 400만원">300만원 ~ 400만원</option>
1793                                    <option value="400만원 ~ 500만원">400만원 ~ 500만원</option>
1794                                    <option value="500만원 ~ 1,000만원">500만원 ~ 1,000만원</option>
1795                                    <option value="1,000만원 이상">1,000만원 이상</option>
1796                                </select>
1797                            </div>
1798                            <div class="form-group grid-column-2">
1799                                <label class="label">상세문의 내용</label>
1800                                <div class="input">
1801                                    <textarea name="post_content"
1802                                    placeholder="- 생각중이신 홈페이지 구성이나 디자인 컨셉을 작성해주세요.&#13;&#10;- 기존 홈페이지를 보유하고 계신 경우, 홈페이지 URL을 작성해주세요.&#13;&#10;- 원하시는 느낌/컨셉을 참고할 수 있는 홈페이지가 있다면 URL을 작성해주세요.
1803                                    "></textarea>
1804                                </div>
1805                            </div>
1806                            <div class="form-group grid-column-2">
1807                                <label class="label">파일 첨부</label>
1808                                <div class="input">
1809                                    <div class="upload-area">
1810                                        
1811<div class="file-upload-box multi-file multi-file-input multi-file-contact-files">
1812    <div class="upload-label">
1813                    <label for="writeContactForm_input_file1" class='input-group-append upload-label-btn btn '>파일 첨부</label>
1814
1815                    <label for="writeContactForm_input_file2" class='input-group-append upload-label-btn btn '>파일 첨부</label>
1816
1817                    <label for="writeContactForm_input_file3" class='input-group-append upload-label-btn btn '>파일 첨부</label>
1818
1819                    <label for="writeContactForm_input_file4" class='input-group-append upload-label-btn btn '>파일 첨부</label>
1820
1821                    <label for="writeContactForm_input_file5" class='input-group-append upload-label-btn btn '>파일 첨부</label>
1822
1823        
1824    </div>
1825    <div class="upload-preview">
1826        
1827            <div id="writeContactForm_preview_file1" class="preview-file1 preview-box">
1828                <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')">
1829
1830                <div class="preview-file-box ">
1831                    <span class="preview-file-name"></span>
1832                                            <span class="remove-file" onclick="resetFileTitle2('#writeContactForm','file1');multiFileLabelCheck('#writeContactForm .multi-file-contact-files');">
1833                        </span>
1834
1835                                    </div>
1836            </div>
1837        
1838            <div id="writeContactForm_preview_file2" class="preview-file2 preview-box">
1839                <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')">
1840
1841                <div class="preview-file-box ">
1842                    <span class="preview-file-name"></span>
1843                                            <span class="remove-file" onclick="resetFileTitle2('#writeContactForm','file2');multiFileLabelCheck('#writeContactForm .multi-file-contact-files');">
1844                        </span>
1845
1846                                    </div>
1847            </div>
1848        
1849            <div id="writeContactForm_preview_file3" class="preview-file3 preview-box">
1850                <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')">
1851
1852                <div class="preview-file-box ">
1853                    <span class="preview-file-name"></span>
1854                                            <span class="remove-file" onclick="resetFileTitle2('#writeContactForm','file3');multiFileLabelCheck('#writeContactForm .multi-file-contact-files');">
1855                        </span>
1856
1857                                    </div>
1858            </div>
1859        
1860            <div id="writeContactForm_preview_file4" class="preview-file4 preview-box">
1861                <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')">
1862
1863                <div class="preview-file-box ">
1864                    <span class="preview-file-name"></span>
1865                                            <span class="remove-file" onclick="resetFileTitle2('#writeContactForm','file4');multiFileLabelCheck('#writeContactForm .multi-file-contact-files');">
1866                        </span>
1867
1868                                    </div>
1869            </div>
1870        
1871            <div id="writeContactForm_preview_file5" class="preview-file5 preview-box">
1872                <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')">
1873
1874                <div class="preview-file-box ">
1875                    <span class="preview-file-name"></span>
1876                                            <span class="remove-file" onclick="resetFileTitle2('#writeContactForm','file5');multiFileLabelCheck('#writeContactForm .multi-file-contact-files');">
1877                        </span>
1878
1879                                    </div>
1880            </div>
1881            </div>
1882
1883</div>
1884<div class="helper">
1885    <p class="helper-text">- 10mb 미만의 파일만 등록이 가능합니다. (최대 5개)</p>
1886</div>
1887
1888
1889<script>
1890    $(document).ready(function() {
1891        multiFileLabelCheck('#writeContactForm .multi-file-contact-files'); // 멀티파일체크
1892
1893        form_check.multi_file_input_check = function() {
1894            //파일 필수 체크
1895            var fileCheck = $('.file-upload-box.multi-file-contact-files input[type=file][required]');
1896            if (fileCheck.length > 0) {
1897                for (i = 0; i < fileCheck.length; i++) {
1898                    if ($(fileCheck[i]).val() == '') {
1899                        var file_input_name = $(fileCheck[i]).attr('name');
1900                        var preview_class = '.preview-' + file_input_name;
1901                        //미리보기 있는지 체크
1902                        var previewCheck = $(fileCheck[i]).parents('.form-group').find(preview_class);
1903                        // active가 있으면 continue
1904                        if ($(previewCheck).find('.preview-file-box.active').length > 0) {
1905                            continue;
1906                        }
1907
1908                        //라벨이 있는 경우
1909                        var label_text = $(fileCheck[i]).parents('.form-group').children('label').text();
1910                        alertSet(label_text + ' 파일을 첨부해주세요.', 'warning', function() {
1911                            setTimeout(function() {
1912                                $(fileCheck[i]).focus();
1913                            }, 200);
1914                        });
1915                        return false;
1916                    }
1917                }
1918            }
1919        };
1920    });
1921</script>
1921                                    </div>
1922
1923                                </div>
1924                            </div>
1925                        </div>
1926                        <div class="dashed-line"></div>
1927                        <div class="terms">
1928                            <div class="form-group grid-column-2">
1929                                <label class="label">개인정보 수집 및 이용에 대한 동의</label>
1930                                <div class="input">
1931                                    <div class="terms-box">
1932                                        <p>
1933                                            1. 개인정보의 수집·이용 목적:전자민원 접수 및 처리
1934                                        </p>
1935                                        <p>
1936                                            2. 수집하려는 개인정보의 항목<br>
1937                                            - 신고 처리 및 결과 회신을 위해 성명, 전화번호, 이메일 수집
1938                                        </p>
1939                                        <p>
1940                                            3. 개인정보의 보유 및 이용기간 : 3년
1941                                        </p>
1942                                        <p>
1943                                            4. 신청자는 본 개인정보 수집·이용에 대한 동의를 거부할 수 있으며, 동의거부시에는 서비스가 제한됩니다.
1944                                        </p>
1945                                    </div>
1946                                    <div class="checkbox-attach input-helper">
1947                                        <input type="checkbox" id="contactAgree" value="">
1948                                        <label for="contactAgree"></label>
1949                                        <label for="contactAgree"><p>위 내용의 개인정보 수집 및 이용에 동의합니다.</p></label>
1950                                    </div>
1951                                </div>
1952                            </div>
1953                        </div>
1954                    </div>
1955
1956                    <div class="popup-bottom-button">
1957                        <button type="button" class="btn btn-wide contact-sumit">문의하기</button>
1958                        <button type="button" class="btn btn-wide btn-1 s-close-button" aria-label="close">닫기</button>
1959                    </div>
1960                </form>
1961            </div>
1962        </div>
1963    </div>
1964
1965</template><div class="s-modal">
1966    <div class="s-modal-content">
1967        <span class="s-close-button">×</span>
1968        <div class="s-modal-body"></div>
1969    </div>
1970</div>
1971<script>hljs.initHighlightingOnLoad();</script>
1971<!--
1972[LICENSE]
1973본 프로그램(NTBOX)은 무단 복제,수정,재판매 행위를 금지합니다.
1974
1975Author  : 엔티큐브(NTCUBE)
1976URI     : https://ntcube.co.kr
1977Contact : 1670-2441 | [email protected]
1978Version : 1.2.24
1979--></body>
1980
1981</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.