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="- ìê°ì¤ì´ì ííì´ì§ 구ì±ì´ë ëìì¸ ì»¨ì ì ìì±í´ì£¼ì¸ì. - 기존 ííì´ì§ë¥¼ ë³´ì íê³ ê³ì ê²½ì°, ííì´ì§ URLì ìì±í´ì£¼ì¸ì. - ìíìë ëë/컨ì ì ì°¸ê³ í ì ìë ííì´ì§ê° ìë¤ë©´ 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.