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