PageSourceSearch

https://eopla.net/users/sign_in

html eopla.net collected 2026-10-03 21:59:31 UTC 35,614 bytes, 1,248 lines download raw bytes

1<!DOCTYPE html>
2<html>
3  <head>
4    
4<script> window.dataLayer = window.dataLayer || []; </script>
4
5    <title>EO planet - 스타트업 세상의 디즈니 이오플래닛</title>
6    <meta charset="utf-8">
7    <meta name="description" content="이오 플래닛은 누구나 기업가가 될 수 있는 세상을 만들고, 그들을 연결해 더 좋은 세상을 만들어가는 것에 기여합니다.">
8    <meta property="og:type" content="website" />
9    <meta property="og:title" content="EO planet - 스타트업 세상의 디즈니 이오플래닛" />
10    <meta property="og:description" content="이오 플래닛은 누구나 기업가가 될 수 있는 세상을 만들고, 그들을 연결해 더 좋은 세상을 만들어가는 것에 기여합니다.">
11    <meta name="robots" content="max-image-preview:large">
12    
13    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
14    <meta name="apple-mobile-web-app-capable" content="yes">
15    <meta property="og:site_name" content="EO planet - 스타트업 세상의 디즈니 이오플래닛">
16    <meta property="og:url" content="https://eopla.net/users/sign_in" />
17    <meta name="facebook-domain-verification" content="5jet6mbjus44rw7n663lmvsikd32yy" />
18
19    <link rel="canonical" href="https://eopla.net/users/sign_in">
20    <meta name="naver-site-verification" content="13f4416f6828d71ffdfcffe3ff854143b220c53c" />
21    <meta name="csrf-param" content="authenticity_token" />
22<meta name="csrf-token" content="MIYigjjDuzsESG4bt-0Wj6vf7IFFqgZJRtVn9q0QbF9qIrLN6R2l3bba_DqFvMPtkh1I0rx6quoZKtLgSNm50Q" />
23    
24    <meta name="action-cable-url" content="wss://eopla.net/cable" />
25    <link rel="stylesheet" href="/assets/application-b6568065c6b4fdf9969b93d582578cbe37e6515b523819ded2280b8e62eb4211.css" media="all" />
26    <link rel="stylesheet" href="/assets/style-aae1d3a3c57f890fab982ddca525bf00ec7d73c244ed8434b47e95a49d9f648f.css" media="all" />
27    
27<script src="/assets/application-f1d89b19c508ab6b74190e77c3c97f2474d4a0a511e231bbe1826a3602c2c31c.js"></script>
27
28    
28<script src="/assets/bundle-81fa6ce02fb41fc649a2554b616233e0363dcc2dc25647192616b1d05d40a01a.js"></script>
28
29    
29<script src="/assets/datepicker_ko-9a5fc1cb48da2d27ffd8c963cdc060344fc521489cc0abf49c00e58cfb6a4a26.js"></script>
29
30    <link rel="icon" href="/images/EO_favicon.png" type="image/png" sizes="16x16">
31    <link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css" rel="stylesheet" type="text/css">
32    <link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
33    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
34    <link rel="preconnect" href="https://fonts.gstatic.com">
35    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
36    
36<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
36
37    <!-- 
37<script src="../assets/js/vendors/jquery.tablesorter.min.js"></script>
37 -->
38    
38<script src="/spotlight/spotlight.js"></script>
38
39    <link rel="stylesheet" type="text/css" href="/spotlight/spotlight.css" />
40
41    <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
42    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
43    
43<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
vendor: 70 bytes, lines 43-44
43
44      <script async src="https://www.googletagmanager.com/gtag/js?id=
44G-FZLXBR9W87
vendor: 18 bytes, lines 44-45
44"></script>
45      
45<script>
46        
vendor: 152 bytes, lines 46-50
46window.dataLayer = window.dataLayer || [];
47        function gtag(){dataLayer.push(arguments);}
48        gtag('js', new Date());
49
50        gtag('config', '
50G-FZLXBR9W87
vendor: 105 bytes, lines 50-55
50', {
51          'page_title' : 'sessions/new',
52          'page_path': '/users/sign_in'
53        });
54
55      
55</script>
55
56
57      <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 70 bytes, lines 57-58
57
58      <script async src="https://www.googletagmanager.com/gtag/js?id=
58UA-189830063-1
vendor: 18 bytes, lines 58-59
58"></script>
59      
59<script>
60        
vendor: 152 bytes, lines 60-64
60window.dataLayer = window.dataLayer || [];
61        function gtag(){dataLayer.push(arguments);}
62        gtag('js', new Date());
63
64        gtag('config', '
64UA-189830063-1
vendor: 106 bytes, lines 64-69
64', {
65          'page_title' : 'sessions/new/',
66          'page_path': '/users/sign_in'
67        });
68
69      
69</script>
69
70
71      <!-- Google AdSense -->
72      
72<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2670277519773723"
73        crossorigin="anonymous"></script>
73
74      <meta property="og:image" content="https://eopla.net/images/eo_link_share.png" />
75      <meta property="og:image:width" content="1200" />
76      <meta property="og:image:height" content="627" />
77      <meta property="og:image:type" content="image/png" />
78      <meta property="image" content="https://eopla.net/images/eo_link_share.png" />
79
80      <style>
81        body, body .main-container {
82          background-color: #1C1C20 !important;
83          color: #B6B7BC !important;
84        }
85      </style>
86    
87  </head>
88
89  <body>
90      <!-- Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 90-91
90
91      <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
91GTM-W8XQJMP
vendor: 95 bytes, lines 91-93
91"
92      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
93      
93<!-- End Google Tag Manager (noscript) -->
94    
95        <style>
96  #alarm-icon {
97    align-self: center;
98    padding: 8px;
99  }
100  .flag-icon {
101    align-self: center;
102    margin-right: 0;
103  }
104  .programs {
105    font-weight: bold;
106    font-size: 14px;
107    line-height: 22px;
108    letter-spacing: -0.02em;
109    color: #6C757D;
110  }
111  .sidenav .closebtn {
112    display: none;
113  }
114  .navbar .profile-image {
115    width: 30px;
116    height: 30px;
117    border-radius: 9999px;
118    margin-right: 8px;
119  }
120  .offcanvas-collapse {
121    display: none;
122  }
123  .btn-my {
124    background: #FFFFFF;
125    border: 1px solid #AFB1BA;
126    border-radius: 15px;
127    font-weight: bold;
128    font-size: 11px;
129    line-height: 18px;
130    text-align: center;
131    letter-spacing: -0.02em;
132    color: #AFB1BA;
133  }
134  .main-header.navbar .navbar-collapse .logo-container {
135    min-width: 151px;
136  }
137  .main-header {
138    padding-top: 0px;
139    padding-bottom: 0px;
140    /* height: 58px; */
141  }
142  .main-header.navbar .navbar-collapse .nav-item.nav-link,
143  .main-header.navbar .navbar-collapse .nav-item.active {
144    font-family: "Pretendard";
145    font-weight: 700;
146    font-size: 16px;
147    line-height: 22px;
148    letter-spacing: -0.03em;
149    margin: 0px 13px;
150    padding: 14px 5px;
151      
152      color: #5B5B60;
153  }
154  .main-header.navbar .navbar-collapse #sidePanel {
155    align-self: flex-end;
156  }
157  .main-header.navbar .navbar-collapse .nav-item.active:not(.peerlearning-menu) {
158      color: #F8F9FE;
159  }
160  .peerlearning-dropdown-menu {
161    padding: 20px 20px;
162    min-width: 335px;
163    border-radius: 12px;
164  }
165  .peerlearning-dropdown-menu .title {
166    font-weight: bold;
167    font-size: 16px;
168    line-height: 26px;
169    letter-spacing: -0.02em;
170      color: #F8F9FE;
171  }
172
173  .peerlearning-dropdown-menu .nav-item.nav-link {
174    display: inline-block;
175    width: 100%;
176  }
177  .peerlearning-dropdown-menu .nav-item.nav-link span {
178    font-weight: bold;
179    font-size: 14px;
180    line-height: 36px;
181    letter-spacing: -0.02em;
182      color: #F8F9FE;
183  }
184    .main-header .dropdown-menu .nav-item.nav-link.my-menu-item {
185      color: #F8F9FE;
186    }
187
188  .btn.btn-write {
189    width: 95px;
190    height: 32px;
191    align-self: center;
192    background: var(--main-color-2);
193    color: #1C1C20;
194    padding: 6px 14px;
195    font-size: 11px;
196    font-weight: bold;
197    border-radius: 8px !important;
198    margin-right: 32px;
199  }
200    .btn-line-green {
201      border-color: var(--main-color-1);
202      color: var(--main-color-1);
203      background-color: transparent;
204    }
205    .btn-line-green:hover {
206      border-color: var(--main-color-2);
207      color: var(--main-color-2);
208    }
209    .navbar-expand-lg .navbar-nav .dropdown-menu {
210      background-color: #3C3D41;
211      border-radius: 12px;
212    }
213
214  .magazine-icon {
215    background-color: #F9F9F9;
216    border-radius: 20px;
217    width: 28px;
218    height: 28px;
219  }
220  .magazine-text {
221    color: #FBFBFC;
222  }
223  .magazine-text:hover {
224    color: #8E919C;
225  }
226  .magazine-header-logo {
227    width: 80px;
228    height: 30px;
229  }
230  .magazine-header-logo--mobile {
231    display: none;
232  }
233  .magazine-bg {
234    background-color: #1C1C20;
235  }
236  .magazine-dropdown-bg {
237    background-color: #0D0E0E;
238  }
239  .write-btns button {
240    background-color: #1C1C20;
241    border: unset;
242  }
243  .write-btns button:hover {
244    background-color: unset;
245    border-color: unset;
246  }
247  .write-btns .dropdown-toggle::after {
248    display: none;
249  }
250  .write-btns .dropdown-menu.dropdown-menu-left.show {
251    background-color: #2B2B2B;
252  }
253  .write-btns .dropdown-menu.dropdown-menu-left.show .dropdown-item {
254    color: #e7e7e7;
255  }
256  .write-btns .dropdown-menu.dropdown-menu-left.show .dropdown-item:hover {
257    background-color: var(--main-color-2);
258    color: #1C1C20;
259  }
260  .navbar.navbar-expand-lg.navbar-light .container {
261    padding: 0 15px;
262  }
263  .navbar .mobile-nav-menu {
264    display: none;
265  }
266  
267  @media (max-width: 991px) {
268      .navbar-light .navbar-toggler-icon {
269        background-image: url("/images/icons/dark-menu-icon.svg");
270      }
271    .header-logo img {
272      height: 27px;
273    }
274    .magazine-header-logo--desktop {
275      display: none;
276    }
277    .magazine-header-logo--mobile {
278      display: inline;
279      width: 28px;
280      height: 27px;
281    }
282    .navbar-toggler {
283      padding-right: 0;
284    }
285    .logo-container {
286      display: flex;
287    }
288    .navbar .mobile-nav-menu {
289      display: flex;
290    }
291    .navbar .mobile-nav-menu .nav-link {
292      align-self: center;
293    }
294      .navbar .mobile-nav-menu .nav-link:hover {
295        color: #3C3D41;
296        font-weight: 600;
297      }
298      .navbar .mobile-nav-menu .nav-link.active {
299        color: #F8F9FE;
300      }
301    
302  }
303
304  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
305  @media screen and (max-width: 450px) {
306    .btn-group {
307      width: 100%;
308      display:block;
309    }
310  }
311</style>
312<style>
313  .navigation-btns {
314    width: 32px;
315    height: 32px;
316      background-color: #3C3D41;
317    border-radius: 32px;
318    position: relative;
319    align-self: center;
320    margin-right: 20px;
321  }
322  .navigation-btns svg,
323  .navigation-btns img,
324  .top-write-btn svg {
325    position: absolute;
326    top: 50%;
327    left: 50%;
328    translate: -50% -50%;
329  }
330  .dropup .dropdown-toggle::after,
331  .dropdown-toggle::after {
332    display: none;
333  }
334  .starport-list {
335    max-height: 300px;
336    overflow-y: auto;
337  }
338</style>
339<nav class="navbar navbar-expand-lg navbar-light magazine-bg sticky-top shadow-sm main-header">
340  <div class="container">
341    <div class="backdrop side-pannel-backdrop" data-toggle="offcanvas"></div>
342    <div class="logo-container">
343      <a class="navbar-brand font-weight-bold header-logo " href="/">
344        <img src="/images/logo_new.png" alt="EO" class="magazine-header-logo magazine-header-logo--desktop" />
345        <img src="/images/logo_new_vertical.png" alt="EO" class="magazine-header-logo magazine-header-logo--mobile" />
346      </a>
347      <div class="mobile-nav-menu">
348        <a class="nav-item nav-link " href="/magazines" >아티클</a>
349          <a class="nav-item nav-link " href="/eoschool">이오스쿨</a>
350          <a class="nav-item nav-link " href="/events">이벤트</a>
351      </div>
352    </div>
353
354
355    <button class="navbar-toggler " type="button" data-toggle="offcanvas">
356      <span class="navbar-toggler-icon"></span>
357    </button>
358
359    <!-- Use any element to open the sidenav -->
360    <div class="navbar-collapse collapse justify-content-between sidenav" id="sidePanel">
361      <div class="navbar-nav order-2 order-md-1 ml-3">
362        <a class="nav-item nav-link " href="/magazines" >아티클</a>
363        <a class="nav-item nav-link " href="/eoschool">이오스쿨</a>
364        <a class="nav-item nav-link " href="/events">이벤트</a>
365        <!-- <a class="nav-item nav-link py-2 px-2 " href="">이벤트</a> -->
366      </div>
367
368
369        <div class="navbar-nav py-2 px-2 order-1 order-md-2">
370          <a class="magazine-text" href="/users/sign_in">로그인</a>
371        </div>
372    </div>
373    <style>
374  .offcanvas-collapse {
375    display: block;
376    position: fixed;
377    top: 0px;
378    bottom: 0;
379    left: 100%;
380    width: 100%;
381    overflow-y: auto;
382    visibility: hidden;
383    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
384    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
385    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
386  }
387  @media (max-width: 991.98px) {
388    .backdrop {
389      position: fixed;
390      top: 0;
391      left: 0;
392      opacity: 0.5;
393      z-index: 1040;
394      width: 100vw;
395      height: 100vh;
396      background-color: #000;
397      display:none;
398    }
399    .offcanvas-collapse.open {
400      visibility: visible;
401      -webkit-transform: translateX(-100%);
402      transform: translateX(-100%);
403      z-index: 100000000 !important;
404    }
405    #alarm-icon {
406      margin-right: 18px;
407    }
408  }
409  .offcanvas-container .profile-image {
410    width: 32px;
411    height: 32px;
412    object-fit: cover; /* Do not scale the image */
413    object-position: center;
414  }
415
416  .nav-scroller {
417    position: relative;
418    z-index: 2;
419    height: 2.75rem;
420    overflow-y: hidden;
421  }
422
423  .nav-scroller .nav {
424    display: -ms-flexbox;
425    display: flex;
426    -ms-flex-wrap: nowrap;
427    flex-wrap: nowrap;
428    padding-bottom: 1rem;
429    margin-top: -1px;
430    overflow-x: auto;
431    color: rgba(255, 255, 255, .75);
432    text-align: center;
433    white-space: nowrap;
434    -webkit-overflow-scrolling: touch;
435  }
436
437  .nav-underline .nav-link {
438    padding-top: .75rem;
439    padding-bottom: .75rem;
440    font-size: .875rem;
441    color: #6c757d;
442  }
443
444  .nav-underline .nav-link:hover {
445    color: #007bff;
446  }
447
448  .nav-underline .active {
449    font-weight: 500;
450    color: #343a40;
451  }
452
453  .noti-area {
454    margin-bottom: 20px;
455  }
456
457  .text-white-50 { color: rgba(255, 255, 255, .5); }
458
459  .bg-purple { background-color: #6f42c1; }
460
461  .lh-100 { line-height: 1; }
462  .lh-125 { line-height: 1.25; }
463  .lh-150 { line-height: 1.5; }
464  .closebtn {
465    font-size: 25px;
466      color: #EDEEF1;
467  }
468  .white-block {
469    margin-bottom: 4px;
470    padding: 30px;
471  }
472  .program-title {
473    font-weight: normal;
474    font-size: 11px;
475    line-height: 18px;
476    display: flex;
477    align-items: center;
478    letter-spacing: -0.02em;
479    color: #AFB1BA;
480    margin-bottom: 14px;
481    padding-left: 30px;
482    padding-right: 30px;
483  }
484  .program-menu {
485    font-weight: bold;
486    font-size: 14px;
487    line-height: 22px;
488    display: flex;
489    align-items: center;
490    letter-spacing: -0.02em;
491    color: #6C757D;
492    margin-bottom: 18px;
493    padding-left: 30px;
494    padding-right: 30px;
495  }
496  .menu-icon {
497    margin-right: 4px;
498  }
499  .offcanvas-container .profile-box .name {
500      font-style: normal;
501      font-size: 15px;
502      line-height: 160%;
503      display: flex;
504      align-items: center;
505      color: #FBFBFC;
506    font-weight: bold;
507    letter-spacing: -0.02em;
508    word-break: keep-all;
509  }
510  .offcanvas-container .profile-box .spec {
511    font-weight: normal;
512    font-size: 11px;
513    line-height: 18px;
514    letter-spacing: -0.02em;
515    color: #AFB1BA;
516  }
517
518  .offcanvas-container .profile-box .btn-my {
519    padding: 8px 12px;
520    box-sizing: border-box;
521    border-radius: 8px;
522    font-weight: bold;
523    font-size: 14px;
524    line-height: 22px;
525    letter-spacing: -0.02em;
526      background: #3E424D;
527      color: white;
528      border: 1px solid #3E424D;
529  }
530  .offcanvas-container .profile-box {
531    margin-bottom: 40px;
532  }
533  .offcanvas-container .nav-item.nav-link {
534    display: inline-block;
535    width: 100%;
536  }
537  .offcanvas-container .nav-item.nav-link > div {
538    display: inline;
539  }
540  .offcanvas-container .nav-link img {
541    margin-right: 8px;
542  }
543  .offcanvas-container .nav-link > img {
544    margin-right: 0px;
545    margin-top: 5px;
546    display: inline;
547    float:right;
548  }
549  .offcanvas-container .nav-link.log-out {
550    padding: 20px;
551  }
552  .offcanvas-container .nav-link.log-out > img {
553    float:unset;
554  }
555  /* .offcanvas-container .nav-link.active span { */
556  .offcanvas-container .nav-link span {
557      font-style: normal;
558      font-size: 15px;
559      line-height: 160%;
560      color: #5B5B60;
561  }
562
563  .offcanvas-container .nav-link.child {
564    padding: 12px 0;
565    border-top: 1px solid #F5F6F7;
566  }
567  .offcanvas-container .nav-link.child span {
568    font-weight: bold;
569    font-size: 14px;
570    line-height: 22px;
571    letter-spacing: -0.02em;
572    color: #6C707B;
573  }
574
575  .navbar .profile-image {
576    margin-right: 12px;
577  }
578
579  .profile-box .spec {
580    font-weight: bold;
581    font-size: 11px;
582    line-height: 18px;
583    letter-spacing: -0.02em;
584    color: #AFB1BA;
585  }
586  .offcanvas-container {
587      background-color: #1C1C20;
588    width: 100%;
589    height: 130vh;
590    position: absolute;
591    right: 0px;
592  }
593  .offcanvas-container .nav-link span {
594    font-weight: 700;
595    font-size: 16px;
596    line-height: 24px;
597  }
598  .offcanvas-container .nav-item {
599    margin-bottom: 30px;
600  }
601  .backdrop.show {
602    display: block;
603  }
604  .noscroll {
605    overflow:hidden;
606  }
607  .offcanvas-collapse .program-title {
608    font-weight: bold;
609      font-style: normal;
610      font-size: 13px;
611      line-height: 160%;
612      letter-spacing: -0.03em;
613      color: #AFB1BA;
614  }
615  .offcanvas-collapse .course-element {
616    font-weight: bold;
617    font-size: 14px;
618    line-height: 22px;
619    letter-spacing: -0.02em;
620    color: #3E424D;
621  }
622</style>
623<div class="offcanvas-collapse" id="navbarsExampleDefault">
624  <div class="offcanvas-container">
625    <div class="white-block">
626      <div class="d-flex justify-content-end noti-area float-right">
627        <a href="javascript:void(0)" class="closebtn" data-toggle="offcanvas">&times;</a>
628      </div>
629      <div class="row profile-box">
630        <div class="col-8 px-0 d-flex">
631          <div class="my-auto">
632            <div class="name">
633              반가워요 :)
634            </div>
635            <div class="spec">
636                로그인 해주세요!
637            </div>
638          </div>
639        </div>
640          <div class="col-12 row px-0 mt-3">
641            <div class="col">
642              <a class="btn btn-green btn-block" href="/users/sign_up">회원가입</a>
643            </div>
644            <div class="col px-1">
645              <a class="btn btn-deep-green btn-block" href="/users/sign_in">로그인</a>
646            </div>
647          </div>
648      </div>
649      <div class="nav_link">
650        
651<style>
652  /* .nav-item.nav-link.active {
653    border-bottom: none !important;
654  } */
655  .text-color-green {
656    font: bold;
657    color: #9DF822 !important;
658  }
659</style>
660
661<a class="nav-item nav-link p-0 " href="/users" target=""  style="">
662  <div>
663    <span class="">프로필</span>
664  </div>
665</a>
666
667
668      </div>
669      <div class="nav_link">
670        
671<style>
672  /* .nav-item.nav-link.active {
673    border-bottom: none !important;
674  } */
675  .text-color-green {
676    font: bold;
677    color: #9DF822 !important;
678  }
679</style>
680
681<a class="nav-item nav-link p-0 " href="/users/my_post?type=article" target=""  style="">
682  <div>
683    <span class="">작성한 아티클</span>
684  </div>
685</a>
686
687
688      </div>
689      <div class="nav_link">
690        
691<style>
692  /* .nav-item.nav-link.active {
693    border-bottom: none !important;
694  } */
695  .text-color-green {
696    font: bold;
697    color: #9DF822 !important;
698  }
699</style>
700
701<a class="nav-item nav-link p-0 " href="/notifications" target=""  style="">
702  <div>
703    <span class="">알림</span>
704  </div>
705</a>
706
707
708      </div>
709    </div>
710
711
712
713
714
715  </div>
716</div>
717
718  </div>
719</nav>
720
721
722<script>
723  function toggleSidePanel() {
724    $('.offcanvas-collapse').toggleClass('open');
725    $('body').toggleClass('noscroll');
726    $('.backdrop').toggleClass('show');
727  }
728
729  $('[data-toggle="offcanvas"]').on('click', function () {
730    toggleSidePanel();
731  })
732  $(".side-pannel-backdrop").click(() => {
733    $("closebtn").click();
734  });
735</script>
735
736
737    
738    
739    <div class="main-container container text-white">
740      <!-- Channel Plugin Scripts -->
741      <style>
742  .image-container {
743    text-align: center;
744    margin-bottom: 20px;
745  }
746  .image-container img {
747    width: 200px;
748  }
749  .login-reg .title {
750    font-weight: 400;
751    font-size: 24px;
752    line-height: 33px;
753    text-align: center;
754    margin-bottom: 20px;
755  }
756  @media (max-width: 992px) {
757    .login-reg .title {
758      font-size: 20px;
759    }
760  }
761</style>
762
763<div class="login-reg col-12 col-lg-5">
764  <div class="image-container">
765    <img src="/images/logo_new.png" />
766  </div>
767  <div class="title"> 스타트업 세상의 디즈니, 이오플래닛 </div>
768  
769<style>
770  .session-form .new_user input {
771    margin-top: 5px;
772    margin-bottom: 6px;
773  }
774  .session-form .new_user label {
775    font-weight: 400;
776    font-size: 14px;
777    line-height: 22px;
778  }
779  .session-form .new_user input[type="checkbox"], .session-form .new_user input[type="checkbox"]:focus-visible { 
780    filter: invert(90%) hue-rotate(42deg) brightness(1.7);
781  }
782  .session-form .new_user .additaional-container {
783    color: #C5C5C5;
784    text-align: center;
785  }
786  .session-form .new_user .additaional-container small a {
787    font-size: 14px;
788    color: #C5C5C5;
789    line-height: 22px;
790    font-weight: 400;
791  }
792  .session-form .new_user .additaional-container small:first-child {
793    margin-right: 32px;
794  }
795  .session-form .new_user .additaional-container small:last-child {
796    margin-left: 32px;
797  }
798  .session-form .new_user .additaional-container {
799    margin-top: 9px;
800    margin-bottom: 9px;
801  }
802  
803  .session-form .new_user .btn.btn-default {
804    background-color: var(--main-color-2);
805    color: #1C1C20;
806    font-weight: 700;
807    font-size: 16px;
808    line-height: 25px;
809  }
810  .kakao-transfer {
811    text-align: center;
812  }
813  .kakao-transfer a {
814    font-size: 14px;
815    text-decoration: underline;
816    color: #C5C5C5;
817    line-height: 22px;
818    font-weight: 400;
819  }
820</style>
821<div class="row mx-0 justify-content-center cont mt-0 session-form">
822  <form class="new_user" id="new_user" action="/users/sign_in" accept-charset="UTF-8" data-remote="true" method="post">
823    <div class="form-row">
824      <div class="form-group col-md-12">
825        <label for="user_email">이메일 주소</label>
826        <input autofocus="autofocus" autocomplete="email" class="form-control" type="email" value="" name="user[email]" id="user_email" />
827      </div>
828    </div>
829    <div class="form-row">
830      <div class="form-group col-md-12">
831        <label for="user_password">비밀번호</label><br />
832        <input autocomplete="current-password" class="form-control" type="password" name="user[password]" id="user_password" />
833      </div>
834    </div>
835    <div class="form-group">
836      <div class="form-check">
837        <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input class="form-check-input" type="checkbox" value="1" checked="checked" name="user[remember_me]" id="user_remember_me" />
838        <label class="form-check-label" for="user_remember_me">로그인 정보 기억하기</label>
839      </div>
840    </div>
841
842    <div class="row mx-0 mb-2">
843      <input type="submit" name="commit" value="로그인하기" class="btn btn-default btn-block col-md-12" data-disable-with="로그인하기" />
844    </div>
845    <div class="additaional-container">
846      <small> <a href="/users/sign_up">신규회원가입</a> </small>
847      |
848      <small> <a href="/users/password/new">비밀번호 찾기</a> </small>
849    </div>
850    <hr class="w-100 mt-4 mb-2">
851    <a class="mt-2 btn-block text-center " style="background-color:#FEE500;border-radius: 0.25rem;" rel="nofollow" data-method="post" href="/users/auth/kakao">
852      <img class="w-100" style="max-width:283px;" src="/images/kakao_login_btn.png" />
853</a>    <div class="my-2 kakao-transfer">
854      <a class="" href="/users/transfer">카카오톡 회원에서 일반회원으로 전환하여 로그인하기</a>
855    </div>
856</form></div>
857
858<script>
859    $(() => {
860      setCookie("from", "", 0);
861    })
862</script>
862
863
864</div>
865
866
867    </div>
868
869      <style>
870  .close-modal-btn-container {
871    margin-top: 20px;
872  }
873  .close-modal-btn-container a {
874    font-weight: normal;
875    font-size: 12px;
876    line-height: 19px;
877    text-align: center;
878    letter-spacing: -0.02em;
879    color: #CFD4DA;
880  }
881  #additionalInfoModal .btn-default {
882    border-radius: 8px;
883    background: var(--main-color-2);
884    font-weight: bold;
885    color: #1C1C20;
886  }
887</style>
888
889
890
891    
891<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
891
892    
892<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js" integrity="sha384-1CmrxMRARb6aLqgBO7yyAxTOQE2AKb9GfXnEo760AUcUmFx3ibVJJAzGytlQcNXd" crossorigin="anonymous"></script>
892
893    
893<script type="text/javascript" src="https://cdn.iamport.kr/js/iamport.payment-1.1.5.js"></script>
893
894
895    <div class="divider-empty"></div>
896
897    
897<script>
898      const auto_grow = (element) => {
899        element.style.height = "5px";
900        element.style.height = (element.scrollHeight)+"px";
901      }
902      
903      $("#go-back").click(() => {
904        window.history.go(-1);
905      });
906      
907      const toggleVote = (like_type, likable_id, likable_type) => {
908          alert("로그인이 필요합니다.");
909          window.location = '/users/sign_in';
910      };
911
912      const toggleLike = (target) => {
913        let targetForm = $(target).parents('form');
914          alert("로그인이 필요합니다.");
915          window.location = '/users/sign_in';
916
917      }
918
919      const toggleComment = (target) => {
920        let targetCommentForm = `#comment-${$(target).data('id')}-container > .cocomment-form`;
921        $(`.cocomment-form:not(${targetCommentForm})`).hide();
922        $(targetCommentForm).toggle();
923        return false;
924      }
925      const toggleCommentEdit = (target) => {
926        $(`#edit-comment-${$(target).data("id")}`).toggle();
927        $(`#comment-body-${$(target).data("id")}`).toggle();
928        $(`#edit-comment-${$(target).data("id")} textarea`).map((i, e) => {
929          e.style.height = 0;
930          e.style.height = (e.scrollHeight > 36 ? (e.scrollHeight > 136 ? 136 : e.scrollHeight) : 36) + "px";
931        });
932      }
933      const gtagTrigger = (actionName) => {
934
935        gtag('event', "page_view", {
936          page_location: `/users/sign_in?actionName=${actionName}`,
937          page_path: `/users/sign_in?actionName=${actionName}`,
938          page_title: actionName,
939        });
940      }
941
942      const redircetToSignInPath = () => {
943        if(window.confirm("로그인 후에 댓글을 작성할 수 있습니다. 로그인 화면으로 이동하시겠습니까?")){
944          window.location = "/users/sign_in";
945        };
946      }
947
948      const setCookie = (cname, cvalue, exdays) => {
949        var d = new Date();
950        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
951        var expires = "expires="+d.toUTCString();
952        document.cookie = cname + "=" + cvalue + ";" + expires + ";";
953      }
954
955      const getCookie = (cname) => {
956        var name = cname + "=";
957        var ca = document.cookie.split(';');
958        for(var i = 0; i < ca.length; i++) {
959          var c = ca[i];
960          while (c.charAt(0) == ' ') {
961            c = c.substring(1);
962          }
963          if (c.indexOf(name) == 0) {
964            return c.substring(name.length, c.length);
965          }
966        }
967        return "";
968      }
969      // $("body").on("keypress", "form[id^='comment_form_'] > textarea", (event) => {
970      //   if (event.keyCode == 13 && !event.shiftKey) {
971      //     let form = $(event.currentTarget).parent("form");
972      //     Rails.fire(form[0], "submit");
973      //     event.preventDefault();
974      //   }
975      // });
976
977      (function(w, d, a){
978          w.__beusablerumclient__ = {
979              load : function(src){
980                  var b = d.createElement("script");
981                  b.src = src; b.async=true; b.type = "text/javascript";
982                  d.getElementsByTagName("head")[0].appendChild(b);
983              }
984          };w.__beusablerumclient__.load(a);
985      })(window, document, "//rum.beusable.net/script/b210629e151331u497/613b5dee86");
986    </script>
986
987  </body>
988  
989
990<!-- Google Tag Manager -->
991<script>
vendor: 327 bytes, lines 991-995
991(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
992new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
993j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
994'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
995})(window,document,'script','dataLayer','
995GTM-W8XQJMP
vendor: 3 bytes, line 995
995');
995</script>
995
996<!-- End Google Tag Manager -->
997
998    <style>
999
1000  /* Bar */
1001
1002  .eo-bar {
1003    width: 1px;
1004    height: 12px;
1005    background: #6c707b;
1006    margin: 0 6px;
1007    line-height: 1;
1008  }
1009  /* EO Footer CSS */
1010
1011  .eo-footer {
1012    background: #0D0E0E;
1013    /* background: #FBFBFB; */
1014    padding-bottom: 40px;
1015    /* Footer Mobile CSS */
1016  }
1017
1018  @media (min-width: 768px) {
1019    .eo-footer {
1020      padding-bottom: 130px;
1021    }
1022  }
1023
1024  .eo-footer .footer__top {
1025    border-bottom: 0.5px solid #3E424D;
1026  }
1027
1028  .eo-footer .footer__top-inner {
1029    display: flex;
1030    align-items: center;
1031    justify-content: space-between;
1032    height: 74px;
1033  }
1034
1035  .eo-footer .footer__etc {
1036    display: flex;
1037    align-items: center;
1038    line-height: 1;
1039  }
1040
1041  .eo-footer .footer__etc a {
1042      font-style: normal;
1043      font-weight: 400;
1044      font-size: 15px;
1045      line-height: 160%;
1046      letter-spacing: -0.02em;
1047      color: #8E919C;
1048  }
1049
1050  .eo-footer .footer__sns {
1051    display: flex;
1052    align-items: center;
1053    line-height: 1;
1054  }
1055
1056  .eo-footer .footer__sns a {
1057    color: #AFB1BA;
1058    display: flex;
1059      font-style: normal;
1060      font-weight: normal;
1061      font-size: 15px;
1062      line-height: 160%;
1063      letter-spacing: -0.02em;
1064  }
1065
1066  .eo-footer .footer__sns a + a {
1067    margin-left: 36px;
1068  }
1069
1070  .eo-footer .footer__sns .sns__figure {
1071    margin-right: 8px;
1072    margin-bottom: 0;
1073  }
1074
1075  .eo-footer .footer__bottom {
1076    padding-top: 38px;
1077  }
1078
1079  .eo-footer .footer__bottom-inner {
1080    display: flex;
1081    align-items: flex-start;
1082    justify-content: flex-start;
1083  }
1084
1085  .eo-footer .footer__info {
1086    margin-right: 80px;
1087  }
1088
1089  .eo-footer .footer__title {
1090      font-size: 15px;
1091      line-height: 160%;
1092      letter-spacing: -0.02em;
1093      font-weight: 700;
1094      color: #AFB1BA;
1095  }
1096
1097  .eo-footer .footer__title + .footer__text {
1098    margin-top: 8px;
1099  }
1100
1101  .eo-footer .footer__text {
1102      font-size: 13px;
1103      line-height: 160%;
1104      letter-spacing: -0.02px;
1105      color: #8E919C;
1106      font-style: normal;
1107      font-weight: normal;
1108  }
1109
1110  .eo-footer .footer__text02 {
1111    color: #AFB1BA;
1112  }
1113
1114  .eo-footer .m-footer__top {
1115    padding-top: 30px;
1116    padding-bottom: 44px;
1117  }
1118
1119  .eo-footer .m-footer__title {
1120    font-size: 18px;
1121    font-weight: 700;
1122    line-height: 25.2px;
1123    letter-spacing: -0.02px;
1124    color: #6c707b;
1125    margin-bottom: 0;
1126  }
1127
1128  .eo-footer .m-footer__sub-title {
1129    font-size: 11px;
1130    line-height: 17.6px;
1131    letter-spacing: -0.02px;
1132    color: #AFB1BA;
1133  }
1134
1135  .eo-footer .m-footer__sns {
1136    display: flex;
1137    align-items: center;
1138    margin-top: 20px;
1139  }
1140
1141  .eo-footer .m-footer__sns a + a {
1142    margin-left: 14px;
1143  }
1144
1145  .eo-footer .m-footer__bottom .m-footer__text {
1146    font-size: 11px;
1147    line-height: 17.6px;
1148    letter-spacing: -0.02px;
1149    color: #6c707b;
1150    margin-bottom: 14px;
1151    word-break: keep-all;
1152  }
1153
1154  .eo-footer .m-footer__bottom .m-footer__copyright {
1155    font-size: 11px;
1156    line-height: 17.6px;
1157    letter-spacing: -0.02px;
1158    color: #AFB1BA;
1159  }
1160</style>
1161<footer class="eo-footer">
1162  <!-- PC footer -->
1163  <div class="d-none d-lg-block">
1164    <div class="footer__top">
1165      <div class="container">
1166        <div class="footer__top-inner">
1167          <div class="footer__etc">
1168            <a href="/pages/tos_agreement">이용약관</a>
1169            <span class="eo-bar"></span>
1170            <a href="/pages/privacy_agreement">개인정보처리방침</a>
1171            <span class="eo-bar"></span>
1172            <a href="https://bit.ly/eo-jobs">채용문의</a>
1173          </div>
1174          <div class="footer__sns">
1175            <!-- <a href="https://eoeoeo.net/" target="_blank">
1176              <figure class="sns__figure">
1177                <img src="/images/icons/icon-blog.svg">
1178              </figure>
1179              <span>블로그</span>
1180            </a> -->
1181            <a href="https://www.facebook.com/eoplanet/" target="_blank">
1182              <figure class="sns__figure">
1183                <img src="/images/icons/icon-facebook-24.svg">
1184              </figure>
1185              <span>페이스북</span>
1186            </a>
1187            <a href="https://www.youtube.com/channel/UCQ2DWm5Md16Dc3xRwwhVE7Q" target="_blank">
1188              <figure class="sns__figure">
1189                <img src="/images/icons/icon-youtube-24.svg">
1190              </figure>
1191              <span>유튜브</span>
1192            </a>
1193          </div>
1194        </div>
1195      </div>
1196    </div>
1197    <div class="footer__bottom">
1198      <div class="container">
1199        <div class="footer__bottom-inner">
1200          <div class="footer__info">
1201            <p class="footer__title">(주)이오스튜디오 </p>
1202            <p class="footer__text footer__text01">
1203              대표이사 : 김태용 | 사업자 번호 : 501-87-01653 | 통신판매신고번호 : 제 2021-서울강남-00951호<br />
1204              대표번호 : 02-3442-6929 | 주소 : 서울시 강남구 압구정로 28길 9-2 4층 | © EO STUDIO all rights reserved
1205            </p>
1206          </div>
1207          <div class="footer__cs">
1208            <p class="footer__title">고객센터</p>
1209            <p class="footer__text footer__text02">
1210              평일 오전 10시 ~ 오후 6시, 채널톡 운영<br />
1211              <b>제휴 문의</b> : [email protected]
1212            </p>
1213          </div>
1214        </div>
1215      </div>
1216    </div>
1217  </div>
1218
1219  <!-- Mobile Footer -->
1220  <div class="d-block d-lg-none">
1221    <div class="container">
1222      <div class="m-footer__top">
1223        <div class="line-height-1">
1224          <p class="m-footer__title">EO STUDIO</p>
1225          <span class="m-footer__sub-title">Entrepreneurship & Opportunities</span>
1226        </div>
1227        <div class="m-footer__sns">
1228          <a href="https://www.youtube.com/channel/UCQ2DWm5Md16Dc3xRwwhVE7Q" target="_blank">
1229            <img src="/images/icons/icon-youtube.svg" alt="유튜브 아이콘">
1230          </a>
1231          <a href="https://www.facebook.com/eoplanet/" target="_blank">
1232            <img src="/images/icons/icon-facebook.svg" alt="페이스북 아이콘">
1233          </a>
1234        </div>
1235      </div>
1236      <div class="m-footer__bottom">
1237        <p class="m-footer__text">
1238          (주)이오스튜디오 대표이사 : 김태용  |  사업자 번호 : 501-87-01653
1239          통신판매신고번호 : 제 2021-서울강남-00951호  |  대표번호 :<br /> 02-3442-692  |  주소 : 서울시 강남구 논현로167길 12, B1
1240        </p>
1241        <span class="m-footer__copyright">© EO STUDIO all rights reserved</span>
1242      </div>
1243    </div>
1244  </div>
1245</footer>
1246
1247
1248</html>

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