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">×</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.