1 2<!DOCTYPE html> 3 4<html lang="ko"> 5 6<head lang="ko"> 7 8 9 10 11 12 13 14 <meta charset="UTF-8"> 15 16 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 17 18 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 19 20 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 21 22 <meta name="description" content=""> 23 24 <meta name="keywords" content="" /> 25 26 <meta property="og:url" content=""> 27 28 29 30 31 32 <meta property="og:title" content="ì 2í í¬ë§ ìì¸ë§ë¼í¤"> 33 34 <meta property="og:type" content="website"> 35 36 <meta property="og:image" content=""> 37 38 <meta property="og:description" content=""> 39 40 <meta property="og:locale" content="ko" /> 41 42 43 44 <link rel="canonical" href=""/> 45 46 47 48 49 50 51<link rel="canonical" hreflang="ko" href="" /> 52<link rel='shortlink' href='' /> 53 54 55 56<title>ì 2í í¬ë§ ìì¸ë§ë¼í¤</title> 57<link rel="icon" href="/img/2024/favicon2024.png" sizes="32x32" /> 58 59 60<!-- OG: FACEBOOK --> 61<meta property="og:url" content="http://hoperun.kr/"/> 62<meta property="og:title" content="ì 2í í¬ë§ ìì¸ë§ë¼í¤"/> 63<meta property="og:image" content="/img/2024/sns_og_img.jpg"/> 64<meta property="og:site_name" content="ì 2í í¬ë§ ìì¸ë§ë¼í¤"/> 65<meta property="og:description" content=""/> 66 67<!-- OG: TWITTER --> 68<meta name="twitter:title" content="ì 2í í¬ë§ ìì¸ë§ë¼í¤"/> 69<meta name="twitter:description" content=""/> 70<meta name="twitter:image" content="/img/2024/sns_og_img.jpg"> 71 72<!-- OG:KAKAO --> 73<meta property="og:type" content="website"> 74<meta property="og:site_name" content="ì 2í í¬ë§ ìì¸ë§ë¼í¤" /> 75<meta property="og:title" content="ì 2í í¬ë§ ìì¸ë§ë¼í¤"> 76<meta property="og:description" content=""> 77<meta property="og:image" content="/img/2024/sns_og_img.jpg"> 78<meta property="og:url" content="http://hoperun.kr/"> 79 80 81<meta property="og:locale" content="ko_KR" /> 82<meta property="og:type" content="website" /> 83<meta property="og:title" content="ì 2í í¬ë§ ìì¸ë§ë¼í¤" /> 84<meta property="og:url" content="http://hoperun.kr/" /> 85<meta property="og:site_name" content="ì 2í í¬ë§ ìì¸ë§ë¼í¤" /> 86<meta property="og:image" content="/img/2024/sns_og_img.jpg"/> 87<meta property="og:image:width" content="400" /> 88<meta property="og:image:height" content="210" /> 89<meta property="og:description" content=""/> 90 91 92<style> 93 94#logo .dmenu{ 95display:none; 96 97} 98#logo .mmenu{ 99 100display:block; 101 102} 103.minimize#header #logo .mmenu{ 104 105 106display:none; 107} 108 109.minimize#header #logo .dmenu{ 110 111 112display:block; 113} 114 115</style> 116<style> 117 118.small-screen-menu > li:nth-child(5) ul li:nth-child(2),#menu > li:nth-child(4) li:nth-child(2), .small-screen-menu > li:nth-child(4) ul li:nth-child(2){ 119display:none; 120} 121 122.side-menu-container #menu > li:nth-child(2) li:nth-child(2),.side-menu-container #menu > li:nth-child(1) li:nth-child(2){ 123display:none; 124} 125/* 126.top_header:after { 127 content: ''; 128 display: block; 129 width: 100%; 130 height: 33px; 131 position: absolute; 132 bottom: -1px !important; 133 left: 0; 134 background: url(/img/2024/subtop_bg.png) repeat-x center bottom; 135} 136*/ 137</style> 138 139 140 141 142 <link rel="alternate" hreflang="en" href="" /> 143 144 145 146 147 148 <title>ì 2í í¬ë§ ìì¸ë§ë¼í¤</title> 149 150 <link rel="shortcut icon" type="image/x-icon" href=""/> 151 152<link rel='stylesheet' id='slick-css' href='/css/2024/slick.css' type='text/css' media='all' /> 153 154 <link rel='stylesheet' id='selectric-css' href='/css/2024/selectric.css' type='text/css' media='all' /> 155 156 <link rel='stylesheet' id='icheck-css' href='/css/2024/icheck.css' type='text/css' media='all' /> 157 158 <link rel="stylesheet" type="text/css" href="/css/2024/common2.css"> 159 160 <link rel="stylesheet" type="text/css" href="/css/2024/header202409.css"> 161 162 163 164
164<script type="text/javascript" charset="utf-8" src="/js/2024/jquery-1.9.1.min.js"></script>
164 165 166
166<script type="text/javascript" charset="utf-8" src="/js/2024/TweenMax.min.js"></script>
166 167 168
168<script type='text/javascript' charset="utf-8" src='/js/2024/ScrollToPlugin.min.js'></script>
168 169 170
170<script type="text/javascript" charset="utf-8" src="/js/2024/imagesloaded.pkgd.min.js"></script>
170 171 172
172<script type="text/javascript" charset="utf-8" src='/js/2024/jquery.selectric.js'></script>
172 173 174
174<script type="text/javascript" charset="utf-8" src='/js/2024/icheck.min.js'></script>
174 175 176
176<script type="text/javascript" charset="utf-8" src='/js/2024/jquery.nicescroll.min.js'></script>
176 177 178
178<script type="text/javascript" charset="utf-8" src="/js/2024/unveil.js"></script>
178 179 180
180<script type='text/javascript' src='/js/2024/SplitTextmin.js'></script>
180 181 182 183
184<script type='text/javascript' charset="utf-8" src='/js/2024/slick.min.js'></script>
184 185 186 187 188 189 190</head> 191 192<body class="info"> 193 194<div id="WRAP"> 195 196 197 198 199 200 201 202 <div id="skipTo"> 203 204 <a href="#HEADER">ë©ë´ ë°ë¡ê°ê¸°</a> 205 206 <a href="#WRAP">본문 ë°ë¡ê°ê¸°</a> 207 208 </div> 209 210 211 212<header id="header"> 213 214 <div class="header__inner"> 215 <div id="logo"> 216 <a href="/"> 217 <img src="http://akcdn-okimghosting.cafe24img.com/hoperun/hoperun_logo.svg" alt="ì 2í í¬ë§ ìì¸ë§ë¼í¤" class="dmenu"/> 218 <img src="http://akcdn-okimghosting.cafe24img.com/hoperun/hoperun_logo.svg" alt="ì 2í í¬ë§ ìì¸ë§ë¼í¤" class="mmenu"/> 219 </a> 220 </div><!-- #logo --> 221 222 <nav class="menu-container"> 223 <ul id="menu" class="menu"> 224 <li class="menu-item menu-item-has-children current-page-ancestor"> 225 <a href="/info/"><span>ëíìë´</span></a> 226<ul class="sub-menu"> 227 <li class="menu-item"><a href="/info/invite.asp"><span>ì¸ì¬ë§</span></a></li> 228 <li class="menu-item current-menu-item"><a href="/info/" ><span>ëíìê°</span></a></li> 229 <li class="menu-item"><a href="/info/course.asp"><span>ì½ì¤ìë´</span></a></li> 230 <li class="menu-item"><a href="/info/notice.asp"><span>ì°¸ê°ì ìì¬í</span></a></li> 231 <li class="menu-item"><a href="/info/location.asp"><span>ëíì¥ ì°¾ìê°ê¸°</span></a></li> 232</ul> 233</li> 234 <li class="menu-item menu-item-has-children"> 235 <a href="/awarding/"><span>ìì ë° ê¸°ë í</span></a> 236<ul class="sub-menu"> 237 <li class="menu-item"><a href="/awarding/"><span>ìììë´</span></a></li> 238 <li class="menu-item"><a href="/awarding/souvenir.asp"><span>기ë íìë´</span></a></li> 239</ul> 240</li> 241 <li class="menu-item menu-item-has-children"> 242 <a href="/join/"><span>ì°¸ê°ì ì²ãì¡°í</span></a> 243<ul class="sub-menu"> 244 <li class="menu-item"><a href="/join/"><span>ì°¸ê°ë¹ìë´</span></a></li> 245 <li class="menu-item"><a href="/join/register.asp" ><span>ì°¸ê°ì ì²</span></a></li> 246 <li class="menu-item"><a href="/join/register_search.asp"><span>ì°¸ê°ì ì²ì¡°í / ë¨ì²´ì°¸ê°ìì¶ê°</span></a></li> 247</ul> 248</li> 249 <li class="menu-item menu-item-has-children"> 250 <a href="/recording/"><span>ëí기ë¡</span></a> 251<ul class="sub-menu"> 252 <li class="menu-item"><a href="/recording/"><span>ê°ì¸ê¸°ë¡ì¡°í</span></a></li> 253 <li class="menu-item"><a href="/recording/tsearch.asp" ><span>ë¨ì²´ê¸°ë¡ì¡°í</span></a></li> 254</ul> 255</li> 256 <li class="menu-item menu-item-has-children"> 257 <a href="#!"><span>커뮤ëí°</span></a> 258<ul class="sub-menu"> 259 <li class="menu-item"><a href="/community/?cates=notice"><span>ê³µì§ì¬í</span></a></li> 260 <li class="menu-item"><a href="/community/?cates=freebbs" ><span>ìì ê²ìí</span></a></li> 261 <li class="menu-item"><a href="/community/?cates=faq"><span>ì주묻ëì§ë¬¸</span></a></li> 262 <li class="menu-item"><a href="/community/?cates=refund"><span>íë¶ì ì²</span></a></li> 263 <li class="menu-item"><a href="/community/?cates=gallery"><span>ëíê°¤ë¬ë¦¬</span></a></li> 264</ul> 265</li> 266 </nav> 267 <nav class="side-menu-container"> 268 <ul id="menu" class="menu"> 269 <li class="menu-item menu-item-has-children"> 270 <a href="/recording/"><span>ëí기ë¡</span></a> 271<ul class="sub-menu"> 272 <li class="menu-item"><a href="/recording/"><span>ê°ì¸ê¸°ë¡ì¡°í</span></a></li> 273 <li class="menu-item"><a href="/recording/tsearch.asp" ><span>ë¨ì²´ê¸°ë¡ì¡°í</span></a></li> 274</ul> 275</li> 276 <li class="menu-item menu-item-has-children"> 277 <a href="/community/"><span>커뮤ëí°</span></a> 278<ul class="sub-menu"> 279 <li class="menu-item"><a href="/community/?cates=notice"><span>ê³µì§ì¬í</span></a></li> 280 <li class="menu-item"><a href="/community/?cates=freebbs" ><span>ìì ê²ìí</span></a></li> 281 <li class="menu-item"><a href="/community/?cates=faq"><span>ì주묻ëì§ë¬¸</span></a></li> 282 <li class="menu-item"><a href="/community/?cates=refund"><span>íë¶ì ì²</span></a></li> 283 <li class="menu-item"><a href="/community/?cates=gallery"><span>ëíê°¤ë¬ë¦¬</span></a></li> 284</ul> 285</li> 286</ul> 287 </nav> 288<div class="search-open"> 289 <a href="http://pf.kakao.com/_xbTrfn/chat" class="manager_btn"><span> ì¹´í¡ë¬¸ì</span></a> 290 </div> 291 292 </div> 293 294 <div id="small-menu-btn"> 295 <div class="small-menu-btn__inner">
296 <span class="small-menu-btn__line small-menu-btn__line--01"></span> 297 <span class="small-menu-btn__line small-menu-btn__line--02"></span> 298 </div> 299 </div> 300 301 <div id="small-menu-container" class="small-menu-container"> 302 <div class="small-menu-container__inner"> 303 </div> 304 </div> 305 306 </header> 307 308 309 310 311 312 <div class="container"> 313 314 315 316 317 318 <div id="subpage_area" class="section con_body_motion"> 319 320 321 322<div class="wrap"> 323 324 <div class="weather"> 325 326 <div class="wwrap" ><div id="current_icon"></div><div class="cweather"><div><em id="currentWeather">0.0</em><span><!--â--></span></div><div class="days" id="days"><p id="tt1">03.26</p><p id="tt2">(목)</p></div></div></div> 327 328 </div> 329 330 </div> 331 332 333 334 335 336 <div class="vi_header_wrap"> 337 338 339 340 341 342<div class="article"> 343 344 <div class="top_header second "> 345 346 <div class="top_visual"> 347 348 <div class="top_visual_bg_container" data--100-top="transform:translateY(0px)" data-top-bottom="transform:translateY(300px)"> 349 350 <div class="sub_top_visual_bg"></div> 351 352 <div class="top_visual_bg" ></div> 353 354 355 356 </div> 357 358 359 360 <div class="top_visual_txt_outer"> 361 362 <div class="top_visual_txt"> 363 364 <div class="top_visual_txt_inner"> 365 366 <div class="wrap" data-center-bottom="opacity:1;" data--5-top="opacity:1;"> 367 368 369 <p class="top_visual_TT"> <span class="tit_Bold" style="">2026ë 06ì 20ì¼</span> 370 <br> 371 <span class="tit_Bold"><span style="color:#2ba399">ì 2í í¬ë§ ìì¸ë§ë¼í¤</span></span></p> 372 373 </div> 374 375 </div> 376 377 </div> 378 379 </div> 380 381 382 383 </div> 384 385 </div> 386 387<style> 388 389 390 391 392 393 394 395.cbody { 396 397 position: relative; 398 399 max-width: 1200px; 400 401 width: 100%; 402 403 height: 100%; 404 405 margin: 0 auto; min-height: 600px; 406 407} 408 409 410 411#main .cbody { 412 413 max-width: 1480px; 414 415 padding: 0 30px; 416 417 width: 100%; 418 419 z-index: 20; 420 421} 422 423#submenu { 424 425 position: relative; 426 427 z-index: 10; 428 429 float: left; 430 431 width: 250px; 432 433 top: -39px; 434 435} 436 437#submenu { 438 439 position: relative; 440 441 z-index: 10; 442 443 float: left; 444 445 width: 250px; 446 447 top: -159px 448 449 450} 451 452 453 454 455 456#submenu .submenu_wrap { 457 458 border: 1px solid #e4e8e9; 459 460 border-top: none; 461 462 border-radius: 0 0 15px 0px; 463 464 box-shadow: 0 3px 30px rgb(125 139 200 / 8%); 465 466} 467 468 469 470#submenu h1 { 471 472 border-radius: 15px 0px 0 0; 473 474 background: linear-gradient(142.94deg, #319E7A 7.53%, #FDCDDE 103.72%); 475 476 background: url(/img/2024/sub_top_bg.png),linear-gradient(142.94deg, #00895f 7.53%, #00895f 103.72%); 477 478 height: 144px; 479 480 padding: 20px; 481 482 display: flex; 483 484 align-items: center; 485 486 justify-content: center; 487 488 background-repeat: no-repeat; 489 490 background-position: right top; 491 492 font-family: 'yg-jalnan', sans-serif; 493 494 font-weight: 600;background-size: cover; 495 496} 497 498 499 500#submenu h1 span { 501 502 color: #fff; 503 504 font-size: 27px; 505 506 line-height: 1.2; 507 508 font-family: 'yg-jalnan', sans-serif; 509 510 font-weight: 600; 511 512} 513 514#sub_lnb { 515 516 display: block; 517 518 padding: 10px 30px 50px 519 520} 521 522 523 524#sub_lnb li a,#sub_lnb li span { 525 526 word-wrap: break-word; 527 528 word-break: keep-all; 529 530 font-family: 'NotoSans-Medium', 'ë§ì ê³ ë', 'Malgun Gothic', sans-serif; 531 532} 533 534 535 536#sub_lnb li a { 537 538 display: block; 539 540 min-height: 51px; 541 542 position: relative; 543 544 transition: .3s; 545 546 font-family: 'NotoSans-Medium', 'ë§ì ê³ ë', 'Malgun Gothic', sans-serif; 547 548} 549 550 551 552#sub_lnb li span { 553 554 position: relative; 555 556 display: inline-block; 557 558 line-height: 1.2 559 560} 561 562 563 564#sub_lnb .th2>a { 565 566 padding: 12px 30px 12px 0; 567 568 font-size: 16px; 569 570 color: #888; 571 572 border-bottom: 1px solid #e5e7ee; 573 574 display: flex; 575 576 align-items: center 577 578} 579 580 581 582 583 584#sub_lnb .th2:last-child > a { 585 586 padding: 12px 30px 8px 0; 587 588 font-size: 16px; 589 590 color: #888; 591 592 border-bottom: 0px solid #e5e7ee; 593 594 display: flex; 595 596 align-items: center 597 598} 599 600 601/* 602#sub_lnb .th2>a:after { 603 604 content: ""; 605 606 position: absolute; 607 608 top: 50%; 609 610 right: 0; 611 612 background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 19C2.23858 19 -9.78513e-08 16.7614 -2.18557e-07 14L-6.11959e-07 5C-7.32665e-07 2.23858 2.23858 2.1358e-08 5 -9.93477e-08L14 -4.9275e-07C16.7614 -6.13456e-07 19 2.23858 19 5L19 14C19 16.7614 16.7614 19 14 19L5 19Z' fill='%2334A27E'/%3E%3Cpath d='M8.4945 12.8506L7.78739 12.1435L11.3229 8.60795L12.03 9.31505L8.4945 12.8506Z' fill='%23ffffff'/%3E%3Cpath d='M12.03 9.31505L11.323 10.0222L7.7875 6.48664L8.4946 5.77953L12.03 9.31505Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"); 613 614 width: 19px; 615 616 height: 19px; 617 618 top: 16px; 619 620 transition: .3s 621 622} 623*/ 624 625 626#sub_lnb .th2>a.active span,#sub_lnb .th2>a.ov span,#sub_lnb .th2>a:focus span,#sub_lnb .th2>a:hover span,#sub_lnb .th2>a.link_2th_ov span { 627 628 color: #00895f; font-family: 'NotoSans-Bold', 'ë§ì ê³ ë', 'Malgun Gothic', sans-serif; 629 630} 631 632 633/* 634#sub_lnb .th2>a.active:after,#sub_lnb .th2>a.ov:after,#sub_lnb .th2>a:focus:after,#sub_lnb .th2>a:hover:after,#sub_lnb .th2>a.link_2th_ov:after { 635 636 background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 19C2.23858 19 -9.78513e-08 16.7614 -2.18557e-07 14L-6.11959e-07 5C-7.32665e-07 2.23858 2.23858 -9.78513e-08 5 -2.18557e-07L14 -6.11959e-07C16.7614 -7.32665e-07 19 2.23858 19 5L19 14C19 16.7614 16.7614 19 14 19L5 19Z' fill='%231D2B36'/%3E%3Cpath d='M8.4945 12.8506L7.78739 12.1435L11.3229 8.60795L12.03 9.31505L8.4945 12.8506Z' fill='white'/%3E%3Cpath d='M12.03 9.31505L11.323 10.0222L7.7875 6.48664L8.4946 5.77953L12.03 9.31505Z' fill='white'/%3E%3C/svg%3E%0A") 637 638} 639*/ 640 641 642#sub_lnb .th3 { 643 644 display: none; 645 646 padding: 15px 15px 7px; 647 648 background: #f7f8fa; 649 650 border-top: 2px solid #a59988; 651 652 border-bottom: 1px solid #e0e0e0 653 654} 655 656 657 658#sub_lnb .th3 li { 659 660 border: none; 661 662 margin-bottom: 2px 663 664} 665 666 667 668#sub_lnb .th3 li:first-child { 669 670 border-top-width: 0 671 672} 673 674 675 676#sub_lnb .th3 li a { 677 678 padding: 2px 10px; 679 680 border: none; 681 682 color: #5a5a5a; 683 684 font-size: 14px; 685 686 line-height: 1.4; 687 688 word-wrap: break-word; 689 690 word-break: keep-all; 691 692 min-height: auto 693 694} 695 696 697 698#sub_lnb .th3 li a:before { 699 700 content: ''; 701 702 display: inline-block; 703 704 width: 5px; 705 706 height: 1px; 707 708 background-color: #222; 709 710 position: absolute; 711 712 top: 8px; 713 714 left: 0 715 716} 717 718 719 720#sub_lnb .th3 li a:hover { 721 722 text-decoration: underline 723 724} 725 726 727 728#sub_lnb .th3 li span { 729 730 position: relative; 731 732 display: inline-block 733 734} 735 736 737 738#sub_lnb .th3 li span:before { 739 740 content: ''; 741 742 display: block; 743 744 width: 0; 745 746 height: 2px; 747 748 position: absolute; 749 750 bottom: 0; 751 752 left: 0; 753 754 transition: .3s; 755 756 opacity: 0; 757 758 visibility: hidden; 759 760 background-color: #00876c 761 762} 763 764 765 766#sub_lnb .th3 .link_3th:focus span,#sub_lnb .th3 .link_3th:hover span,#sub_lnb .th3 .link_3th_ov span { 767 768 color: #00876c 769 770} 771 772 773 774#sub_lnb .th3 .link_3th:focus span:before,#sub_lnb .th3 .link_3th:hover span:before,#sub_lnb .th3 .link_3th_ov:before { 775 776 width: 100%; 777 778 opacity: 1;
779 780 visibility: visible 781 782} 783 784 785 786#sub_lnb .th2 .link_2th:focus+.th3,#sub_lnb .th2 .link_2th_ov+.th3 { 787 788 display: block 789 790} 791 792 793 794#contents { 795 796 position: relative; 797 798 float: right; 799 800 width: 100%; 801 802 max-width: 100%;padding-bottom: 100px; margin-top:60px; 803 804} 805 806#cont_head{position:relative;display:inline-block;padding-bottom:10px;width:100%; border-bottom:2px solid #e5e7ee;z-index:3;} 807 808#cont_head h2{float:left;font-size:38px;color:#121e34;font-family: 'yg-jalnan', sans-serif; 809 810 font-weight: 600;} 811 812#location{float:right;padding-top:10px;} 813 814#location ul.loca{float:left;overflow:hidden;clear:both;padding-right:0;margin-right:0;vertical-align:middle;} 815 816#location ul.loca li{float:left;padding-left:20px;margin-left:10px;font-size:14px;color:#757575;background:url(../d_img/top_navi_arrow.png) no-repeat 0 50%;} 817 818#location ul.loca li:first-child{padding-left:0px;background:none;width: 19px;} 819 820#location ul.loca li.now{color:#222;} 821 822 .cbody { 823 824 max-width: 1480px; 825 826 padding: 0 30px; 827 828 width: 100%; 829 830 z-index: 20; 831 832} 833 834.nc-breadcrumb {font-size: 0; 835 836 margin-bottom: 1rem; 837 838 text-align: left; margin-bottom: 0.7rem; 839 840 margin-top: 0.7rem; 841 842} 843 844 .nc-breadcrumb__item { display: inline-block;vertical-align: middle} 845 846 .nc-breadcrumb__item a, 847 848 .nc-breadcrumb__item span {display: block;font-size:13px;line-height: 2.4rem;color: #222;-webkit-transition:color 300ms;transition: color 300ms;font-weight: 500;} 849 850 .nc-breadcrumb__item a:hover { color:#142143} 851 852 .nc-breadcrumb__item--separator { width: 3rem; height: 2.4rem} 853 854 .nc-breadcrumb__item--separator span { display: block; width: 100%; position: relative; font-size: 0} 855 856 .nc-breadcrumb__item--separator span:before { content: ""; border: 3px solid transparent; border-left: 4px solid #e5e7ee; position: absolute; top: 0.9rem; left: 1.4rem;} 857 858 .nc-breadcrumb__item--home { width: 1.3rem; height: 2.4rem; position: relative} 859 860 .nc-breadcrumb__item--home a { width: 100%; position: relative; font-size: 0} 861 862 .nc-breadcrumb__item--home a:after { display: block; width: 100%; position: absolute; left: 0; top: 0; content: '\e92c'; font-family: 'nc-font'; font-size: 13px; line-height: 2.4rem; text-align: center; font-weight: normal; color: #222} 863 864 865 866 867 868@media (min-width: 1024px){ 869 870.sub .main_container, .program_view .main_container { 871 872 padding-top: 129px; 873 874 } 875 876 877 878 879 880 881 882} 883 884@media screen and (min-width: 1600px){ 885 886 .cbody { 887 888 max-width: 1480px; 889 890 padding:0 30px; 891 892 width: 100%; 893 894 z-index: 20; 895 896} 897 898} 899 900@media screen and (max-width: 1600px){ 901 902 .cbody { 903 904 905 906} 907 908} 909 910@media screen and (max-width: 1480px){ 911 912 .cbody { 913 914 padding: 0 3%; 915 916} 917 918} 919 920@media screen and (min-width: 1920px){ 921 922 .cbody { 923 924 max-width: 1480px; 925 926 padding:0 30px; 927 928 width: 100%; 929 930 z-index: 20; 931 932} 933 934} 935 936 937 938@media screen and (max-width: 1024px){ 939 940.sub .main_container { 941 942 padding-top: 101px; 943 944} 945 946} 947 948@media (max-width: 1400px){ 949 950#submenu { 951 952 display: none!important; 953 954} 955 956} 957 958@media screen and (max-width: 768px){ 959 960.sub .main_container { 961 962 padding-top: 101px; 963 964} 965 966} 967 968@media screen and (min-width: 1600px){ 969 970 .cbody { 971 972 max-width: 1480px; 973 974 padding: 0 30px; 975 976 width: 100%; 977 978 z-index: 20; 979 980} 981 982} 983 984@media screen and (max-width: 1600px){ 985 986 .cbody { 987 988 989 990} 991 992} 993 994@media screen and (max-width: 1480px){ 995 996.cbody { 997 998 999 1000} 1001 1002} 1003 1004@media screen and (min-width: 1920px){ 1005 1006.cbody { 1007 1008 max-width: 1480px; 1009 1010 padding: 0 30px; 1011 1012 width: 100%; 1013 1014 z-index: 20; 1015 1016} 1017 1018} 1019 1020 1021 1022 1023 1024@media (max-width: 1400px){ 1025 1026#submenu { 1027 1028 display: none!important; 1029 1030} 1031 1032#contents { 1033 1034 width: 100%; 1035 1036 max-width: 100%; 1037 1038} 1039 1040} 1041 1042@media (max-width: 767px){ 1043 1044#subpage_area { 1045 1046 padding-bottom: 20px; 1047 1048} 1049 1050#cont_head{ 1051 1052 padding-top: 22px; 1053 1054 padding-bottom: 0px; 1055 1056 margin-bottom: 0px; 1057 1058} 1059 1060#cont_body{ 1061 1062padding-top: 0px; 1063 1064} 1065 1066#cont_head h2 { 1067 1068 float: none; 1069 1070 font-size: 30px; 1071 1072 color: #010101; 1073 1074 text-align:center; 1075 1076} 1077 1078#location { 1079 1080 float: none; 1081 1082 padding-top: 0px; 1083 1084 text-align:center; 1085 1086} 1087 1088.nc-breadcrumb { 1089 1090 text-align: center; 1091 1092} 1093 1094} 1095#sub_lnb .th2>a:after { 1096 1097 content: ""; 1098 1099 position: absolute; 1100 1101 top: 50%; 1102 1103 right: 0; 1104 1105 background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 19C2.23858 19 -9.78513e-08 16.7614 -2.18557e-07 14L-6.11959e-07 5C-7.32665e-07 2.23858 2.23858 2.1358e-08 5 -9.93477e-08L14 -4.9275e-07C16.7614 -6.13456e-07 19 2.23858 19 5L19 14C19 16.7614 16.7614 19 14 19L5 19Z' fill='%2334A27E'/%3E%3Cpath d='M8.4945 12.8506L7.78739 12.1435L11.3229 8.60795L12.03 9.31505L8.4945 12.8506Z' fill='%23ffffff'/%3E%3Cpath d='M12.03 9.31505L11.323 10.0222L7.7875 6.48664L8.4946 5.77953L12.03 9.31505Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"); 1106 1107 width: 19px; 1108 1109 height: 19px; 1110 1111 top: 16px; 1112 1113 transition: .3s 1114 1115} 1116 1117 1118 1119#sub_lnb .th2>a.active span,#sub_lnb .th2>a.ov span,#sub_lnb .th2>a:focus span,#sub_lnb .th2>a:hover span,#sub_lnb .th2>a.link_2th_ov span { 1120 1121 color: #34A27E; font-family: 'NotoSans-Bold', 'ë§ì ê³ ë', 'Malgun Gothic', sans-serif; 1122 1123} 1124 1125 1126 1127#sub_lnb .th2>a.active:after,#sub_lnb .th2>a.ov:after,#sub_lnb .th2>a:focus:after,#sub_lnb .th2>a:hover:after,#sub_lnb .th2>a.link_2th_ov:after { 1128 1129 background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 19C2.23858 19 -9.78513e-08 16.7614 -2.18557e-07 14L-6.11959e-07 5C-7.32665e-07 2.23858 2.23858 -9.78513e-08 5 -2.18557e-07L14 -6.11959e-07C16.7614 -7.32665e-07 19 2.23858 19 5L19 14C19 16.7614 16.7614 19 14 19L5 19Z' fill='%231D2B36'/%3E%3Cpath d='M8.4945 12.8506L7.78739 12.1435L11.3229 8.60795L12.03 9.31505L8.4945 12.8506Z' fill='white'/%3E%3Cpath d='M12.03 9.31505L11.323 10.0222L7.7875 6.48664L8.4946 5.77953L12.03 9.31505Z' fill='white'/%3E%3C/svg%3E%0A") 1130 1131} 1132.sub-visual-tab { border-bottom: 1px solid #e5e5e5; } 1133.sub-visual-tab ul { display: flex; margin: auto; max-width: 1500px; width: 90%; } 1134.sub-visual-tab li { flex: 1 1; width: auto; } 1135.sub-visual-tab a { display: flex; align-items: center; justify-content: center; position: relative; padding: 10px; height: 80px; font-size: 18px; color: #000; font-family: 'Roboto', 'Lato', 'NotoSans-Bold', 'ë§ì ê³ ë', 'Malgun Gothic', sans-serif; } 1136.sub-visual-tab a::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; opacity: 0; background: #000; transform: scaleX(0); transform-origin: center; transition: all ease .35s; } 1137.sub-visual-tab li.on a { color: #13998e; } 1138.sub-visual-tab li.on a::after { background: #13998e; opacity: 1; transform: scaleX(1); } 1139 1140.sub-tab-list { margin-top: -60px; padding-bottom: 70px; } 1141.sub-tab-list li { position: relative; width: auto; } 1142.sub-tab-list li:not(:last-child)::before { content: ''; position: absolute; top: 0; bottom: 0; right: -2px; margin: auto; width: 4px; height: 4px; background: #cccccc; border-radius: 50%; } 1143.sub-tab-list li.on a { color: #13998e; } 1144.sub-tab-list a { padding: 0 21px; font-size: 20px; font-family: 'Roboto', 'Lato', 'NotoSans-Bold', 'ë§ì ê³ ë', 'Malgun Gothic', sans-serif; color: #666666; } 1145.sub-tab-list .swiper-wrapper { justify-content: center; } 1146 1147@media screen and (max-width: 1024px) { 1148 1149 .sub-visual-tab ul { margin: 0; max-width: none; width: 100%; } 1150 .sub-visual-tab li { flex: 1 0 auto; margin-right: 15px; } 1151 .sub-visual-tab li:last-child { margin-right: 0; } 1152 .sub-visual-tab a { height: 60px; font-size: 16px; } 1153#contents { 1154 position: relative; 1155 float: right; 1156 width: 100%; 1157 max-width: 100%; 1158 padding-bottom: 100px; 1159 margin-top: 10px; 1160} 1161} 1162 1163@media screen and (max-width: 768px) { 1164 1165 .sub-tab-list { margin-top: -30px; } 1166 .sub-tab-list a { padding: 0 14px; font-size: 16px; } 1167 1168} 1169</style>
1170<script type="text/javascript" charset="utf-8" src="/js/2024/swiper.min.js"></script>
vendor: 2 bytes, line 1170
1170
1171<script> 1172 $(function(){ 1173 1174 1175subTabMenu(); 1176function subTabMenu(){ 1177 const pathName = window.location.pathname; 1178 const tabs = document.querySelectorAll('.sub-visual-tab .swiper-slide'); 1179 const subTabMenu = new Swiper('.sub-visual-tab .swiper-container', { 1180 speed: 300, 1181 slidesPerView: 'auto', 1182 slidesPerGroup: 1 1183 }); 1184 1185 tabs.forEach((tab, i) => { 1186 if(tab.classList.contains('on')){ 1187 if(i < 3){ 1188 return; 1189 } 1190 subTabMenu.slideTo(i, 0); 1191 } 1192 }); 1193 1194} 1195 }); 1196</script>
1196 1197<div class="sub-visual-tab"> 1198 <div class="swiper-container"> 1199 <ul class="swiper-wrapper"> 1200 <li class="swiper-slide "><a href="/info/invite.asp">ì¸ì¬ë§</a></li> 1201 <li class="swiper-slide on"><a href="/info/">ëíìê°</a></li> 1202 <li class="swiper-slide "><a href="/info/course.asp">ì½ì¤ìë´</a></li> 1203 <li class="swiper-slide "><a href="/info/notice.asp">ì°¸ê°ì ìì¬í</a></li> 1204 <li class="swiper-slide "><a href="/info/location.asp">ëíì¥ ì°¾ìê°ê¸°</a></li> 1205 </ul> 1206 </div> 1207</div> 1208<!-- 1209<div id="submenu"> 1210 1211 <h1><span>ëíìë´</span></h1> 1212 1213 <div class="submenu_wrap"> 1214 1215 <ul id="sub_lnb"> 1216 1217<li class="th2"><a href="/info/invite.asp" target="_self" class="link_2th"><span>ì¸ì¬ë§</span></a></li> 1218 1219<li class="th2"><a href="/info/" target="_self" class="link_2th_ov"><span>ëíìê°</span></a></li> 1220 1221<li class="th2"><a href="/info/course.asp" target="_self" class="link_2th"><span>ì½ì¤ìë´</span></a></li> 1222 1223<li class="th2"><a href="/info/notice.asp" target="_self" class="link_2th"><span>ì°¸ê°ì ìì¬í</span></a></li> 1224 1225<li class="th2"><a href="/info/location.asp" target="_self" class="link_2th"><span>ëíì¥ ì°¾ìê°ê¸°</span></a></li> 1226 1227 </ul> 1228 1229 </div> 1230 1231 1232 1233</div> 1234--> 1235 </div> 1236 1237 1238 1239 1240 1241 </div> 1242 1243 1244 1245 </div> 1246 1247<div class="cbody"> 1248 1249 1250 1251 1252 1253 1254 1255 1256<div id="contents"> 1257 1258 1259 1260 1261 1262<div id="cont_head"> 1263 1264 <h2>ëíìê°</h2> 1265 1266 <div id="location"> 1267 1268 <ul id="nc-breadcrumb" class="nc-breadcrumb"><li class="nc-breadcrumb__item nc-breadcrumb__item--home"><a href="/" class="home">Home</a></li> <li class="nc-breadcrumb__item nc-breadcrumb__item--separator"><span>></span></li> <li class="nc-breadcrumb__item nc-breadcrumb__item--current"><span>ëíìë´</span></li><li class="nc-breadcrumb__item nc-breadcrumb__item--separator"><span>></span></li> <li class="nc-breadcrumb__item nc-breadcrumb__item--current"><span>ëíìê°</span></li></ul> 1269 1270 1271 1272 </div> 1273 1274 </div> 1275 1276 1277 1278 1279<div id="cont_body"> 1280 1281 1282 1283 1284 1285<br><br> 1286 1287 1288<!-- 1289<h4 class="ctit_h">ëíìë´</h4> 1290 1291<div class="uarea"> 1292 1293 <ul class="uarea_list"> 1294 <li style=""><strong>ë í ëª </strong> 2024 ë°¤ì¬ íê²½ë§ë¼í¤ëí</li> 1295 <li style=""><strong>ëíì¼ì</strong> 2024ë 11ì 23ì¼ ì¤ì 9ì ì¶ë°</li> 1296 <li style=""><strong>ëíì¥ì</strong> ìììë컵공ì ííìê´ì¥ </li> 1297 <li style=""><strong>ì°¸ê°ì¢ 목</strong> íí, 10km, 5km</li> 1298 <li style=""><strong>ì°¸ê°ì ì²</strong> 2024ë 9ì 4ì¼ ~ 11ì 11ì¼</li> 1299 <li style=""><strong>ì ì²ì격</strong> ì ì²´ ê±´ê°í ë¨ë ë ¸ì ë구ë </li> 1300 <li style=""><strong>ì ì²ë°©ë²</strong> ëí ííì´ì§ (bamseom.com)를 íµí ì ì² </li> 1301 <li style=""><strong>ì§ê¸í목</strong> 기ë í°ì ì¸ , ì주ë©ë¬, 기ë¡ì¦(íí, 10km), ê°ì</li> 1302 <li style=""><strong>기ë¡ì¸¡ì </strong> íí, 10km (칩ì¬ì©) / 5km (칩ì¬ì© ìí¨)</li> 1303 <li style=""><strong>주 ìµ</strong> ì리ìíê²½(주) </li> 1304 <li style=""><strong>í ì</strong> ìììí¬ë°ì´, ì´ë¸ì리, SLEEP&SLEEP</li> 1305 <li style=""><strong>문 ì</strong> 02-569-5551 </li> 1306 </ul> 1307 1308</div> 1309--> 1310<!-- ëíìê° (PC+모ë°ì¼ íµí© / ì¸ë¼ì¸ë§ / 406 ìì ) --> 1311<div style="width:100%;max-width:980px;margin:40px auto 90px;box-sizing:border-box;font-family:'Malgun Gothic','Apple SD Gothic Neo','Noto Sans KR',Arial,sans-serif;color:#1f2937;"> 1312<div style="background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,0.06);overflow:hidden;"><!-- í¤ë --> 1313<div style="padding:clamp(18px,3.2vw,28px) clamp(18px,4.2vw,38px);background:linear-gradient(135deg, rgba(14,165,163,0.14), rgba(14,165,163,0.06));border-bottom:1px solid rgba(14,165,163,0.22);"> 1314<div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap;"> 1315<div style="width:44px;height:44px;border-radius:14px;background:#0ea5a3;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 18px rgba(14,165,163,0.25);"><span style="font-size:22px;line-height:1;color:#fff;">ð</span></div> 1316 1317<div> 1318<div style="font-size:clamp(22px,3.4vw,32px);font-weight:900;letter-spacing:-0.8px;color:#0f2230;margin:0;">ëíìê°</div> 1319 1320<div style="margin-top:6px;font-size:clamp(12px,1.8vw,14px);color:#33555a;letter-spacing:-0.2px;">ì 2í í¬ë§ ìì¸ ë§ë¼í¤ 기본 ì 보를 ìë´ë립ëë¤.</div> 1321</div> 1322</div> 1323</div> 1324<!-- 본문 --> 1325 1326<div style="padding:clamp(22px,4.4vw,44px) clamp(18px,5.0vw,70px);"><!-- íµì¬ ì ë³´ --> 1327<div style="display:block;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:clamp(14px,2.6vw,18px);margin-bottom:clamp(16px,3vw,22px);"> 1328<div style="font-size:clamp(14px,2.0vw,16px);line-height:1.9;letter-spacing:-0.2px;word-break:keep-all;"><!-- í ì¤(ë¼ë²¨/ê°) --> 1329<div style="display:flex;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px dashed #e5e7eb;"> 1330<div style="min-width:92px;font-weight:800;color:#0f2230;">ëíëª </div> 1331 1332<div style="flex:1;">ì 2í í¬ë§ ìì¸ ë§ë¼í¤</div> 1333</div> 1334 1335<div style="display:flex;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px dashed #e5e7eb;"> 1336<div style="min-width:92px;font-weight:800;color:#0f2230;">ì¼ì</div> 1337 1338<div style="flex:1;">2026ë 6ì 20ì¼(í ) 08:00 ì¶ë°</div> 1339</div> 1340 1341<div style="display:flex;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px dashed #e5e7eb;"> 1342<div style="min-width:92px;font-weight:800;color:#0f2230;">ì¥ì</div> 1343 1344<div style="flex:1;">ì¬ìëê³µì 문íìë§ë¹</div> 1345</div> 1346 1347<div style="display:flex;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px dashed #e5e7eb;"> 1348<div style="min-width:92px;font-weight:800;color:#0f2230;">주ìµ</div> 1349 1350<div style="flex:1;">ëíë¯¼êµ ì¡êµ°íì¬ì¥êµ ê°ë¨ì§êµ¬í</div> 1351</div> 1352 1353<div style="display:flex;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px dashed #e5e7eb;"> 1354<div style="min-width:92px;font-weight:800;color:#0f2230;">주ê´</div> 1355 1356<div style="flex:1;">ëíë¯¼êµ ì¡êµ°íì¬ì¥êµ ê°ë¨ì§êµ¬í</div> 1357</div> 1358 1359<div style="display:flex;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px dashed #e5e7eb;"> 1360<div style="min-width:92px;font-weight:800;color:#0f2230;">íì°¬</div> 1361 1362<div style="flex:1;color:#6b7280;"><span style="color:#000000;">그린ë¹ì, ì ìí, í ì¤</span></div> 1363</div> 1364 1365<div style="display:flex;gap:12px;flex-wrap:wrap;padding:10px 0;"> 1366<div style="min-width:92px;font-weight:800;color:#0f2230;">ì¢ ëª©</div> 1367 1368<div style="flex:1;">íí, 10km, 5km</div> 1369</div> 1370</div> 1371</div> 1372<!-- ì°¸ê°ë¹ --> 1373 1374<div style="margin-top:18px;"> 1375<div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;"> 1376<div style="font-size:clamp(16px,2.4vw,18px);font-weight:900;color:#0f2230;letter-spacing:-0.3px;">ì°¸ê°ë¹</div> 1377</div> 1378 1379<div style="border:1px solid #e5e7eb;border-radius:14px;padding:20px 18px;background:#f8fafc;"> 1380<div style="font-size:clamp(15px,2vw,17px);font-weight:800;color:#0f2230;margin-bottom:10px;">íí · 10km · 5km ëì¼</div> 1381 1382<div style="font-size:clamp(22px,3vw,26px);font-weight:900;color:#0ea5a3;margin-bottom:14px;">ì°¸ê°ë¹ 50,000ì</div> 1383 1384<div style="border-top:1px dashed #e5e7eb;padding-top:14px;font-size:clamp(14px,2vw,16px);line-height:1.8;word-break:keep-all;"> 1385<div style="margin-bottom:4px;"><b>ì ê¸ê³ì¢</b></div> 1386 1387<div style="font-weight:800;">기ì ìí 525-069083-04-010</div> 1388 1389<div style="color:#6b7280;">ìê¸ì£¼ : ì²ì´ìê¿(주)<br /> 1390<br /> 1391â» ê³ì¢ ì ë³´ë 모ë ì¢ ëª© ëì¼í©ëë¤.<br /> 1392ì ê¸ìëª ì ì ì²ì ì±í¨+ìë ìì¼ë¡ ë¶íë립ëë¤.</div> 1393</div> 1394</div> 1395</div> 1396</div> 1397</div> 1398<!-- ì§ê¸í / ê¸°ë¡ / ì ì² --> 1399 1400<div style="margin-top:22px;display:grid;grid-template-columns:1fr;gap:12px;"> 1401<div style="border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;background:#ffffff;"> 1402<div style="font-weight:900;color:#0f2230;margin-bottom:6px;letter-spacing:-0.2px;">ì°¸ê°ì ì§ê¸í</div> 1403 1404<div style="font-size:clamp(14px,2.0vw,16px);line-height:1.85;letter-spacing:-0.2px;word-break:keep-all;">기ë í°ì ì¸ , ì주ë©ë¬, 기ë¡ì¦(íí/10km/5km), 빵과 ìë£ì</div> 1405</div> 1406 1407<div style="border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;background:#ffffff;"> 1408<div style="font-weight:900;color:#0f2230;margin-bottom:6px;letter-spacing:-0.2px;">기ë¡ì¸¡ì </div> 1409 1410<div style="font-size:clamp(14px,2.0vw,16px);line-height:1.85;letter-spacing:-0.2px;word-break:keep-all;">ì ì¢ ëª© 기ë¡ì¹© ì¬ì©</div> 1411</div> 1412 1413<div style="border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;background:#ffffff;"> 1414<div style="font-weight:900;color:#0f2230;margin-bottom:6px;letter-spacing:-0.2px;">ì ì²ì격</div> 1415 1416<div style="font-size:clamp(14px,2.0vw,16px);line-height:1.85;letter-spacing:-0.2px;word-break:keep-all;">ì ì²´ ê±´ê°í ë¨ë ë ¸ì ë구ë</div> 1417</div> 1418 1419<div style="border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;background:#ffffff;"> 1420<div style="font-weight:900;color:#0f2230;margin-bottom:6px;letter-spacing:-0.2px;">ì ì²ê¸°ê°</div> 1421 1422<div style="font-size:clamp(14px,2.0vw,16px);line-height:1.85;letter-spacing:-0.2px;word-break:keep-all;">~ 6ì 11ì¼(목) ê¹ì§</div> 1423</div> 1424 1425<div style="border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;background:#ffffff;"> 1426<div style="font-weight:900;color:#0f2230;margin-bottom:6px;letter-spacing:-0.2px;">ì ì²ë°©ë²</div> 1427 1428<div style="font-size:clamp(14px,2.0vw,16px);line-height:1.85;letter-spacing:-0.2px;word-break:keep-all;">
1428ëí ííì´ì§ <a href="https://hoperun.kr/" style="color:#0ea5a3;font-weight:900;text-decoration:none;" target="_blank">hoperun.kr</a> 를 íµí ì ì²</div> 1429</div> 1430 1431<div style="border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;background:#ffffff;"> 1432<div style="font-weight:900;color:#0f2230;margin-bottom:6px;letter-spacing:-0.2px;">문ì</div> 1433 1434<div style="font-size:clamp(14px,2.0vw,16px);line-height:1.85;letter-spacing:-0.2px;word-break:keep-all;">â 02-888-8875</div> 1435</div> 1436</div> 1437</div> 1438 1439<br><br> 1440 1441 1442 1443</div> 1444 1445 1446 1447 1448 1449 1450 1451 1452 1453 1454 1455</div> 1456 1457 1458 1459 1460 1461 1462 1463</div> 1464 1465 1466<footer id="footer"> 1467<div class=""></div> 1468<a href="javascript:;" class="go-top"><img src="/img/2024/go_top_w.png" alt=""></a> 1469 1470 <div class="footer-wrap"> 1471 1472 <img class="footer-logo" src="http://akcdn-okimghosting.cafe24img.com/hoperun/hoperun_logo.svg" alt="ì 2í í¬ë§ ìì¸ë§ë¼í¤"> 1473 1474 1475 1476 <nav class="footer-menu-wrap"> 1477 1478 <ul lang="en" class="footer-menu"> 1479 1480 <li><a href="#"><span>ì´ì©ì½ê´</span></a></li> 1481 1482 <li><a href="#"><span>ê°ì¸ì ë³´ì·¨ê¸ë°©ì¹¨</span></a></li> 1483 1484 </ul> 1485 1486 </nav> 1487 1488 <nav class="footer_sns_wrap"> 1489 1490 <ul class="footer_sns"> 1491 1492 <!--<li class="insta"><a href="https://www.instagram.com/happyshoprun" class="nc_coming_soon" target="_blank" rel="noopener" title="íê° ì¬ìë ë²ê½ë§ë¼í¤ - ì¸ì¤íê·¸ë¨ ë°ë¡ê°ê¸°"><span class="sr-only">ì¸ì¤íê·¸ë¨</span></a></li> --> 1493 1494 <li class="kakao"><a href="http://pf.kakao.com/_xbTrfn/chat" target="_blank" rel="noopener" title="ì 2í í¬ë§ ìì¸ë§ë¼í¤ - ì¹´ì¹´ì¤ ë°ë¡ê°ê¸°"><span class="sr-only">ì¹´ì¹´ì¤ì±ë</span></a></li> 1495 1496 </ul> 1497 1498 </nav> 1499 1500 1501 1502 <div lang="en" class="footer-info"> 1503 1504 1505 <p><span>ì£¼ê´ : ëíë¯¼êµ ì¡êµ°íì¬ì¥êµ ê°ë¨ì§êµ¬í ã £ê³ ì ë²í¸ 120-82-63057</span></p> 1506 <!--<p><span>ì£¼ìµ : ì¬ë¨ë²ì¸ êµë¯¼ì±ê³µìë</span></p>--> 1507 <p><span>ìì¸í¹ë³ì ê°ë¨êµ¬ ìëëë¡ 513, A-30í¸ (ì¼ì±ë, 무ìì¼í° ìì¬ì ìì¥)</span> 1508 1509 <span>ì í : <a href="tel:02-888-8875">02-888-8875</a></span><span>ì´ë©ì¼ : <a href="#!">[email protected]</a></span> 1510 1511 </p> 1512 <!-- 1513 <p> 1514 <span> (ì¬)íêµì íë¸ë°©ì¡íí(763-82-00301)</span> 1515 </p> 1516 --> 1517 </div> 1518 1519 1520 1521 <small lang="en" class="footer-copyright">Copyright (C) ì 2í í¬ë§ ìì¸ë§ë¼í¤. All rights reserved.</small> 1522 1523 1524 1525 1526 1527 </div> 1528 1529 1530 1531<div class="fix_menu"> 1532 1533 <menu> 1534 1535 <!-- <li><a href="#" class="btn btn_text color"><span onclick="alert('í´ë¹ 기ë¥ì ì¤ë¹ì¤ì ëë¤.')">ì¹´í¡ë¬¸ì</span></a></li> --> 1536 1537 <li><a href="http://pf.kakao.com/_xbTrfn/chat" class="btn btn_text color" target="_blank" ><span>ì¹´í¡ë¬¸ì</span></a></li> 1538 1539 <li><a href="tel:02-888-8875" class="btn btn_text color" style="background:#2ba399"><span class= "en">02-888-8875</span></a></li> 1540 1541 </menu> 1542 1543 </div> 1544 1545 1546 1547</footer> 1548
1548<script type='text/javascript' charset="utf-8" src='/js/2024/nc.js'></script>
1548 1549 1550 1551 1552 1553<style> 1554 1555 #footer .fix_menu menu li:first-child { 1556 background-color: #ffd541; 1557 } 1558#footer{ 1559background: #121316; 1560} 1561 1562.bb { 1563 position: relative; 1564 height:222px; 1565 z-index: 23; 1566 display:none; 1567 1568} 1569#footer .go-top{ 1570 z-index: 23; 1571} 1572 1573.bb:after { 1574 content: ""; 1575 position: absolute; 1576 bottom: 0px; 1577 left: 0; 1578 right: 0; 1579 height: 222px; 1580 background: #fff url(/img/2024/footer_bg.png); 1581 background-size: cover; 1582 background-position: 50% 0%; 1583 1584} 1585 1586@media (max-width: 960px) { 1587 1588 1589.bb { 1590 position: relative; 1591 height:122px; 1592 z-index: 23; 1593 display:none; 1594 1595} 1596 1597.bb:after { 1598 content: ""; 1599 position: absolute; 1600 bottom: 0px; 1601 left: 0; 1602 right: 0; 1603 height: 122px; 1604 background: #fff url(/img/2024/footer_bg.png); 1605 background-size: cover; 1606 background-position: 50% 0%; 1607 1608} 1609#footer .go-top{display:none;} 1610 1611} 1612 1613</style>
1614<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
vendor: 2 bytes, line 1614
1614
1615<script type="text/javascript"> 1616if(!wcs_add) var wcs_add = {}; 1617wcs_add["wa"] = "10d37647d9352f0"; 1618if(window.wcs) { 1619 wcs_do(); 1620} 1621</script>
1621 1622 1623</div> 1624 1625 1626 1627<style> 1628 1629.kko_view{ 1630 1631display:none; 1632 1633} 1634 1635video{ 1636 1637 max-width: 100%; 1638 1639 max-height: 100%; 1640 1641} 1642 1643.video {position: relative; position: relative; 1644 1645 width: 100%; 1646 1647 margin: 0 auto; 1648 1649 text-align: center;} 1650 1651.video .box {position: relative;} 1652 1653.video .box::before {position: absolute;left: 50%;/* transform: translateX(-50%); */top: 50%;width: 100vw;height: 100vh;content: "";/* background: #F9FBFF; */z-index: -1;} 1654 1655.video video {box-shadow: 4px 6px 30px 0px rgba(0, 15, 67, 0.2);border:18px solid #fff; border-radius: 10px;} 1656 1657.video .title { 1658 1659 display: block; 1660 1661 margin-top: 40px; 1662 1663 margin-bottom: 20px; 1664 1665 font-size: 30px; 1666 1667 color: #222;font-family: "Stilson","Pretendard","futura-pt", "Roboto", "Karla", sans-serif; 1668 1669} 1670 1671.video span { 1672 1673 display: block; 1674 1675 margin-top: 20px; 1676 1677 margin-bottom: 10px; 1678 1679 font-size: 20px; 1680 1681 color: #222;font-family: "Stilson","Pretendard","futura-pt", "Roboto", "Karla", sans-serif; 1682 1683} 1684 1685@media screen and (max-width: 767px){ 1686 1687.video video { 1688 1689 box-shadow: 4px 6px 10px 0px rgb(0 15 67 / 10%); 1690 1691 border: 10px solid #fff; 1692 1693 border-radius: 0px; 1694 1695} 1696 1697.video .title { 1698 1699 display: block; 1700 1701 margin-top: 20px; 1702 1703 margin-bottom: 10px; 1704 1705 font-size: 20px; 1706 1707 color: #222; 1708 1709} 1710 1711.video span { 1712 1713 display: block; 1714 1715 margin-top: 10px; 1716 1717 margin-bottom: 10px; 1718 1719 font-size:15px; 1720 1721 color: #222;font-family: "Stilson","Pretendard","futura-pt", "Roboto", "Karla", sans-serif; 1722 1723} 1724 1725} 1726 1727</style> 1728 1729 1730 1731<style> 1732 1733 1734 1735 1736 1737.program_info:first-child {margin-top: 20px; position: relative;} 1738 1739 1740 1741 1742 1743 1744 1745.program_info .scroll_txt { 1746 1747 text-align: right; 1748 1749 display: none; 1750 1751 color: #dc3545; 1752 1753 margin-bottom: 5px; 1754 1755 line-height: 1.3; 1756 1757 font-size: 11px; 1758 1759 margin-bottom: -20px; 1760 1761 top: 30px; 1762 1763 padding-left: 10px; 1764 1765 float: right; 1766 1767 right: 0; 1768 1769 letter-spacing: -0.03em; 1770 1771 position: absolute; 1772 1773} 1774 1775.scroll_txt i{ 1776 1777 display: inline-block; 1778 1779} 1780 1781.scroll_txt i:before { 1782 1783 content: '\E846'; 1784 1785 top: 0px; 1786 1787 /* left: 50%; */ 1788 1789 transform: translate(-50%, 0%); 1790 1791 font-size: 12px; 1792 1793 font-family: 'nc-font'; 1794 1795 left: 0px; 1796 1797 color: #dc3545; 1798 1799 position: absolute; font-style: normal; 1800 1801} 1802 1803 1804 1805@media (max-width:768px){ 1806 1807 1808 1809 1810 1811.program_info .scroll_txt { 1812 1813 1814 1815 display: block; 1816 1817 1818 1819} 1820 1821.uarea{ 1822 1823 margin-bottom: 20px; 1824 1825} 1826 1827} 1828 1829 1830 1831@media (max-width:560px){ 1832 1833.ul_table td:before { 1834 1835 margin-bottom: 10px; 1836 1837 content: attr(data-th); 1838 1839 display: block; 1840 1841 font-size: 10px; 1842 1843 line-height: 1.4; 1844 1845 padding: 10px; 1846 1847 text-align: center; 1848 1849 font-weight: 600; 1850 1851 height:20px; 1852 1853 border-bottom: 1px solid #ddd;display: flex; 1854 1855 align-items: center; 1856 1857 justify-content: space-around; 1858 1859} 1860 1861.ul_table { 1862 1863 1864 1865 margin-bottom: 2px; 1866 1867} 1868 1869.ul_table td{ 1870 1871margin-bottom: 2px; 1872 1873} 1874 1875 .ul_table td:first-child {display:inline-block; border:none; padding:0 0 0px; border-top:0px solid #000;width:33.33333%;float: left;margin-bottom:13px;} 1876 1877 .ul_table td:nth-child(2) {display:inline-block; border:none; padding:0 0 0px; border-top:0px solid #000;width:33.33333%;float: left;margin-bottom:13px;} 1878 1879 .ul_table td:nth-child(3) {display:inline-block; border:none; padding:0 0 0px; border-top:0px solid #000;width:33.33333%;float: left;margin-bottom:13px;} 1880 1881 .ul_table td:nth-child(4) {display:inline-block; border:none; padding:0 0 13px; border-top:2px solid #000;width:50%;float: left;border-bottom:1px solid #ddd;margin-bottom:2px;} 1882 1883 .ul_table td:nth-child(5) {display:inline-block; border:none; padding:0 0 13px; border-top:2px solid #000;width:50%;float: left;border-bottom:1px solid #ddd;margin-bottom:2px;} 1884 1885 .ul_table td b { 1886 1887 font-weight: 600; 1888 1889 color: #222;font-size: 12px; 1890 1891} 1892 1893 1894 1895} 1896 1897 1898 1899 1900 1901</style> 1902 1903<style> 1904 1905 1906 1907.cinfo { 1908 1909position: relative; 1910 1911margin-top:20px; 1912 1913} 1914 1915.cinfo .lec_etc_info { 1916 1917 float: none; 1918 1919 display: flex; 1920 1921 width: auto; 1922 1923 justify-content: flex-start; 1924 1925 background: #fff; 1926 1927 padding: 0px 10px; 1928 1929 border-radius: 5px; 1930 1931 margin-top: 20px; 1932 1933 bottom: 20px; 1934 1935} 1936 1937.cinfo .lec_etc_info .srcBox { 1938 1939 margin: 0px 0 2px; 1940 1941 padding: 0px 5px 0px 14px; 1942 1943 background: transparent; 1944 1945 border-radius: 0px; 1946 1947 position: relative; 1948 1949 font-size: 13px; 1950 1951 font-weight: 600; 1952 1953 text-align: left; 1954 1955 color: #142143; 1956 1957 margin-left: 0px; 1958 1959 letter-spacing: -0.023em;line-height:1.4; 1960 1961} 1962 1963.cinfo .lec_etc_info .srcBox:before { 1964 1965 content: '\E846'; 1966 1967 top: 2px; 1968 1969 /* left: 50%; */ 1970 1971 transform: translate(-50%, 0%); 1972 1973 font-size: 13px; 1974 1975 font-family: 'nc-font'; 1976 1977 left: 0px; 1978 1979 color: #142143; 1980 1981 position: absolute; 1982 1983} 1984 1985.gTable {width: 100%;position: relative;box-sizing: initial; 1986 1987 1988 1989 min-width: 100%; table-layout: fixed;} 1990 1991.gTable caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;} 1992 1993.gTable th {text-align:center;padding: 24px 30px;position: relative;vertical-align: middle;font-size: 13px;border-bottom: 2px solid #e5e7ee;width: 50%;height:60px; font-family: 'Roboto','Lato','Pretendard', 'ë§ì ê³ ë', 'Malgun Gothic', sans-serif; } 1994 1995.gTable tbody th{ padding: 19px 30px;} 1996 1997.gTable tbody > tr:first-child th:before {content: '';display: block;width: 1px;height: 17px;position: absolute;
1997left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: #e5e7ee; opacity: 0.5;} 1998 1999.gTable tbody > tr:first-child th:first-child:before {display: none;} 2000 2001 2002 2003 2004 2005.left_wrap .gTable tbody > tr:first-child th:first-child:before {display: none;} 2006 2007.right_wrap .gTable tbody > tr:first-child th:first-child:before {display: block;} 2008 2009 2010 2011 2012 2013.gTable td {padding: 0px 30px;vertical-align: middle;font-size: 13px;border-bottom: 1px solid #e5e7ee;border-left: 1px solid #e5e7ee;} 2014 2015.gTable td:first-child {border-left: none;font-weight: 500;text-align:center;} 2016 2017.gTable td b {font-weight: 600;color: #222;} 2018 2019 2020 2021.gTable tbody > tr:last-child td{border-bottom: 0px solid #e5e7ee;} 2022 2023 2024 2025 2026 2027.gTable td.two {height:126px} 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043.gTable td:last-child .bullet_type li {margin-bottom: 9px; 2044 2045 padding-left: 10px; 2046 2047 font-size: 13px; 2048 2049 line-height: 1.35; 2050 2051 color: #666; 2052 2053 position: relative; 2054 2055 border-bottom: 0px;font-weight: 500;text-align: left;} 2056 2057 2058 2059.gTable .bullet_type > li:last-child { 2060 2061 margin-bottom: 0; 2062 2063} 2064 2065 2066 2067.gTable td:last-child .bullet_type > li:last-child { 2068 2069 2070 2071 margin-bottom: 0; 2072 2073} 2074 2075 2076 2077 2078 2079.gTable tr th:nth-last-of-type(4) { 2080 2081 width: 20%; 2082 2083} 2084 2085.gTable tr th:nth-last-of-type(3) { 2086 2087 width: 40%; 2088 2089} 2090 2091.gTable tr th:nth-last-of-type(2) { 2092 2093 width: 20%; 2094 2095} 2096 2097.gTable tr th:nth-last-of-type(1) { 2098 2099 width: 20%; 2100 2101} 2102 2103 2104 2105 2106 2107 .table_wrap{ 2108 2109 border-top: 2px solid #160E22; 2110 2111 overflow: hidden; 2112 2113 white-space: nowrap; 2114 2115 width: 100%; 2116 2117 border-bottom: 1px solid #e5e7ee;margin-bottom: 30px; font-size: 0; 2118 2119 letter-spacing: 0; 2120 2121 word-spacing: 0; 2122 2123} 2124 2125 2126 2127 2128 2129.right_wrap::-webkit-scrollbar-thumb { 2130 2131 background: rgba(0,0,0,.4)!important; 2132 2133 border-radius: 3px; 2134 2135 /* width: 6px; */ 2136 2137} 2138 2139 2140 2141 2142 2143.right_wrap::-webkit-scrollbar-track { 2144 2145 background-color: transparent; 2146 2147 /* border-radius: 3px; */ 2148 2149} 2150 2151 2152 2153 2154 2155 2156 2157.right_wrap::-webkit-scrollbar { 2158 2159 border-radius: 3px; 2160 2161 display: block!important; 2162 2163 height: 6px; 2164 2165 width: 6px; 2166 2167} 2168 2169 2170 2171 2172 2173.left_wrap{ 2174 2175 2176 2177 display: inline-block; 2178 2179 vertical-align: top; 2180 2181 white-space: nowrap;box-sizing: initial; 2182 2183 width: 180px; 2184 2185} 2186 2187 2188 2189.left_wrap .gTable{ 2190 2191box-sizing: content-box; 2192 2193min-width: 100%; 2194 2195} 2196 2197 2198 2199 2200 2201.left_wrap .gTable td{ 2202 2203 border-right: 1px solid #e5e7ee;font-size: 13px;font-weight: 600; font-family: 'Roboto','Pretendard', 'ë§ì ê³ ë', 'Malgun Gothic', sans-serif; 2204 2205} 2206 2207 2208 2209 2210 2211.right_wrap{ 2212 2213 2214 2215display: inline-block; 2216 2217 overflow-x: auto; 2218 2219 vertical-align: top; 2220 2221 white-space: nowrap; 2222 2223 width: -webkit-calc(100% - 180px); 2224 2225 width: -moz-calc(100% - 180px); 2226 2227 width: calc(100% - 180px); margin-left: 0px; 2228 2229} 2230 2231.right_wrap .gTable{ 2232 2233box-sizing: initial; 2234 2235min-width: 100%; 2236 2237} 2238 2239 2240 2241.right_wrap .gTable td.tt { 2242 2243 height: 59px; 2244 2245} 2246 2247 2248 2249.right_wrap .gTable tr th:nth-last-of-type(1) { 2250 2251 width: auto; 2252 2253} 2254 2255.right_wrap .gTable tr th:nth-last-of-type(2) { 2256 2257 width: auto; 2258 2259} 2260 2261.right_wrap .gTable tr th:nth-last-of-type(3) { 2262 2263 width: auto; 2264 2265} 2266 2267.right_wrap .gTable tr th:nth-last-of-type(4) { 2268 2269 width: 150px; 2270 2271} 2272 2273.right_wrap .gTable tr th:nth-last-of-type(5) { 2274 2275 width: 20%; 2276 2277} 2278 2279 2280 2281.right_wrap .gTable td{ 2282 2283font-size: 13px;font-weight:400;text-align:center; font-family: 'Roboto','Pretendard', 'ë§ì ê³ ë', 'Malgun Gothic', sans-serif; color: #666; 2284 2285} 2286 2287 2288 2289* { 2290 2291 box-sizing: border-box; 2292 2293} 2294 2295.left_wrap table { 2296 2297 box-sizing: content-box; 2298 2299 box-sizing: initial; 2300 2301 color: #000; 2302 2303 font-size: 13px; 2304 2305 letter-spacing: -.2px; 2306 2307 line-height: 18px; 2308 2309 min-width: 100%; 2310 2311 text-align: center; table-layout: auto; 2312 2313} 2314 2315 2316 2317.left_wrap .gTable tr:nth-child(2) td { 2318 2319 height: 59px; 2320 2321} 2322 2323.left_wrap .gTable tr:nth-child(3) td { 2324 2325 height: 59px; 2326 2327} 2328 2329.left_wrap .gTable tr:nth-child(4) td { 2330 2331 height: 59px; 2332 2333} 2334 2335.left_wrap .gTable tr:nth-child(5) td { 2336 2337 height:86px; background-color: #FBFDFE; 2338 2339} 2340 2341.right_wrap .gTable td.etc { 2342 2343 height: 111px; 2344 2345} 2346 2347.right_wrap table { 2348 2349 box-sizing: content-box; 2350 2351 box-sizing: initial; 2352 2353 color: #000; 2354 2355 font-size: 13px; 2356 2357 letter-spacing: -.2px;
2358 2359 line-height: 18px; 2360 2361 min-width: 100%; 2362 2363 text-align: center; table-layout: fixed; 2364 2365} 2366 2367 2368 2369.right_wrap .gTable td:last-child .bullet_type li { 2370 2371 2372 2373white-space: initial; 2374 2375} 2376 2377 2378 2379.right_wrap .gTable td .bullet_type li:before { 2380 2381 top: 8px; 2382 2383 2384 2385} 2386 2387.right_wrap .gTable tr:first-child{ 2388 2389 background: #160E22; 2390 2391 color:#fff; 2392 2393} 2394 2395.left_wrap .gTable tr:first-child{ 2396 2397 background: #160E22; 2398 2399 color:#fff; 2400 2401} 2402 2403.mo{ 2404 2405display:none; 2406 2407} 2408 2409 2410 2411 2412 2413.info_ul{ 2414 2415display: flex; 2416 2417align-items: center;height: 100%; 2418 2419} 2420 2421 2422 2423.info_ul .info_ul_left{ 2424 2425 2426 2427 vertical-align: middle; 2428 2429 font-size: 13px; 2430 2431 line-height: 1.35; 2432 2433 color: #666; 2434 2435 font-weight: 600;width: 151px;height: 100%; 2436 2437 background: #FBFBFB; 2438 2439 display: flex; 2440 2441 align-items: center; 2442 2443 text-align: center; 2444 2445 justify-content: space-around;border-right:1px solid #e5e7ee; 2446 2447} 2448 2449.info_ul .info_ul_right{ 2450 2451 margin-left:20px; 2452 2453 vertical-align: middle; 2454 2455} 2456 2457 2458 2459.right_wrap .gTable td.etc{ 2460 2461height:86px; background-color: #FBFDFE; 2462 2463} 2464 2465.right_wrap .gTable td.etc2{ 2466 2467height:60px;padding: 0; 2468 2469} 2470 2471.right_wrap .gTable td.etc3{ 2472 2473height:81px;padding: 0; 2474 2475} 2476 2477.right_wrap .gTable td.etc4{ 2478 2479height:106px;padding: 0; 2480 2481} 2482 2483.right_wrap .gTable td.etc5{ 2484 2485height:186px;padding: 0; 2486 2487} 2488 2489 2490 2491@media (max-width: 1660px){ 2492 2493.gTable td { 2494 2495 2496 2497 2498 2499} 2500 2501 2502 2503 2504 2505} 2506 2507 2508 2509@media (max-width: 1023px){ 2510 2511.gTable td { 2512 2513 2514 2515 2516 2517} 2518 2519 2520 2521.right_wrap table { 2522 2523 table-layout: auto; 2524 2525} 2526 2527.right_wrap .gTable td:last-child .bullet_type li { 2528 2529 white-space: nowrap; 2530 2531} 2532 2533.mo{ 2534 2535display:block; 2536 2537} 2538 2539 2540 2541 2542 2543} 2544 2545 2546 2547@media (max-width: 960px){ 2548 2549.right_wrap .gTable td .bullet_type li:before { 2550 2551 top: 8px; 2552 2553} 2554 2555.right_wrap .gTable { 2556 2557 width: 700px; 2558 2559} 2560 2561.program_info:first-child { 2562 2563 margin-top: 20px; 2564 2565} 2566 2567.program_info { 2568 2569 margin-top: 2rem; position: relative; 2570 2571} 2572 2573 2574 2575} 2576 2577 2578 2579 2580 2581@media screen and (max-width: 768px){ 2582 2583 2584 2585.left_wrap{ 2586 2587 2588 2589 display: inline-block; 2590 2591 vertical-align: top; 2592 2593 white-space: nowrap; 2594 2595 width: 160px; 2596 2597} 2598 2599.right_wrap{ 2600 2601 2602 2603display: inline-block; 2604 2605 overflow-x: auto; 2606 2607 vertical-align: top; 2608 2609 white-space: nowrap; 2610 2611 width: calc(100% - 160px); 2612 2613} 2614 2615 2616 2617 2618 2619} 2620 2621 2622</style> 2623 2624 2625 2626
2626<script type="text/javascript" charset="utf-8" src="/js/2024/jquery.nanoscroller.min.js"></script>
2626 2627 2628
2628<script type="text/javascript" charset="utf-8" src="/js/2024/default.js"></script>
2628 2629 2630 2631
2632<script> 2633 2634 if( (/Android|iPhone|iPad|iPod|BlackBerry|Windows Phone/i).test(navigator.userAgent || navigator.vendor || window.opera) ){ 2635 2636 document.getElementsByTagName("html")[0].className = " mobile"; 2637 2638 }else{ 2639 2640 document.getElementsByTagName("html")[0].className = " desktop"; 2641 2642 } 2643 2644 </script>
2644 2645
2646<script type="text/javascript"> 2647 2648 2649 2650 2651 2652 2653 2654$(function(){ 2655 2656 2657 2658 $('.mov_area .video-wrap img').on("click",function(e){ 2659 2660 var _videoUrl = $(this).attr('video-src'); 2661 2662 $(this).hide(); 2663 2664 $(' .mov_area .video-wrap iframe').attr('src',_videoUrl); 2665 2666 }); 2667 2668 2669 2670 }); 2671 2672 2673 2674 if($('html').hasClass('mobile')) { 2675 2676 2677 2678 2679 2680 2681 2682 $('video').removeAttr('autoplay'); 2683 2684 2685 2686 2687 2688 } 2689 2690 2691 2692 if($('html').hasClass('desktop')) { 2693 2694 2695 2696 2697 2698window.addEventListener('load', videoScroll); 2699 2700window.addEventListener('scroll', videoScroll); 2701 2702 2703 2704function videoScroll() { 2705 2706 2707 2708 if ( document.querySelectorAll('video[autoplay]').length > 0) { 2709 2710 var windowHeight = window.innerHeight, 2711 2712 videoEl = document.querySelectorAll('video[autoplay]'); 2713 2714 2715 2716 for (var i = 0; i < videoEl.length; i++) { 2717 2718 2719 2720 var thisVideoEl = videoEl[i], 2721 2722 videoHeight = thisVideoEl.clientHeight, 2723 2724 videoClientRect = thisVideoEl.getBoundingClientRect().top; 2725 2726 2727 2728 if ( videoClientRect <= ( (windowHeight) - (videoHeight*.5) ) && videoClientRect >= ( 0 - ( videoHeight*.5 ) ) ) { 2729 2730 thisVideoEl.play(); 2731 2732 thisVideoEl.mute(); 2733 2734 2735 2736 } else { 2737 2738 thisVideoEl.pause(); 2739 2740 thisVideoEl.unmute(); 2741 2742 } 2743 2744 2745 2746 } 2747 2748 } 2749 2750 2751 2752} 2753 2754 } 2755 2756 2757 2758$(window).load(function() { 2759 2760 2761 2762 2763 2764 2765 2766 2767 2768 2769 2770 //ì¤í¬ë¡¤ 2771 2772 var a , b ; 2773 2774 2775 2776 var $visual = $('.top_header'), 2777 2778 $bglayer = $visual.find('.top_visual'), 2779 2780 2781 2782 2783 2784 w = $(window).width(), 2785 2786 h = $(window).height(); 2787 2788 2789 2790 2791 2792 2793 2794 $(window).scroll(function(){ 2795 2796 if($(window).scrollTop() <= 0){ 2797 2798 a = 1 2799 2800 }else if( $(window).scrollTop() >(h/2) ){ 2801 2802 a = 3 2803 2804 }else{ 2805 2806 a = 2 2807 2808 } 2809 2810 2811 2812 if(a != b){ 2813 2814 switch (a) { 2815 2816 case 1: 2817 2818 2819 2820 2821 2822 $bglayer.animate({opacity:1},300); 2823 2824 2825 2826 2827 2828 break; 2829 2830 case 2: 2831 2832 2833 2834 2835 2836 $bglayer.animate({opacity:0.6},300); 2837 2838 2839 2840 2841 2842 break; 2843 2844 case 3: 2845 2846 2847 2848 2849 2850 $bglayer.animate({opacity:0.3},300); 2851 2852 2853 2854 2855 2856 break; 2857 2858 } 2859 2860 b = a 2861 2862 } 2863 2864 }).trigger("scroll"); 2865 2866 2867 2868}); 2869 2870 2871 2872 2873 2874 2875 2876</script>
2876 2877 2878 2879 2880
2880<script type="text/javascript"> 2881 2882 2883 2884 2885 2886 2887 2888 2889 2890 2891 2892$(function(){ 2893 2894 var calcNewYear = setInterval(function(){ 2895 2896 date_future = new Date(2024, 5, 9, 09, 00, 00); //2020ë 4ì 26ì¼ ì¤ì 9ì ìì 2897 2898 date_now = new Date(); 2899 2900 2901 2902 seconds = Math.floor((date_future - (date_now))/1000); 2903 2904 minutes = Math.floor(seconds/60); 2905 2906 hours = Math.floor(minutes/60); 2907 2908 days = Math.floor(hours/24); 2909 2910 2911 2912 2913 2914 2915 2916 2917 2918 hours = hours-(days*24); 2919 2920 minutes = minutes-(days*24*60)-(hours*60); 2921 2922 seconds = seconds-(days*24*60*60)-(hours*60*60)-(minutes*60); 2923 2924 2925 2926 seconds = seconds < 10 ? '0'+seconds : ''+seconds; 2927 2928 minutes = minutes < 10 ? '0'+minutes : ''+minutes; 2929 2930 hours = hours < 10 ? '0'+hours : ''+hours; 2931 2932 days = days < 10 ? '0'+days : ''+days; 2933 2934 2935 2936 2937 2938 if (date_future<date_now) 2939 2940 { 2941 2942 seconds = "00"; 2943 2944 minutes = "00"; 2945 2946 hours ="00"; 2947 2948 days ="00"; 2949 2950$('#todayOnlyArea').html('<p class="dd">'+days +' <i class="cc">ì¼</i></p><span> </span><p class="dd">'+hours +' <i class="cc">ìê°</i></p><span> </span><p class="dd">' + minutes + ' <i class="cc">ë¶</i></p><span> </span><p class="dd" style="color:#FFDC70">' + seconds+ ' <i class="cc">ì´</i></p>'); 2951 2952 2953 2954 }else{ 2955 2956 2957 2958 2959 2960$('#todayOnlyArea').html('<p class="dd">'+days +' <i class="cc">ì¼</i></p><span> </span><p class="dd">'+hours +' <i class="cc">ìê°</i></p><span> </span><p class="dd">' + minutes + ' <i class="cc">ë¶</i></p><span> </span><p class="dd" style="color:#FFDC70">' + seconds+ ' <i class="cc">ì´</i></p>'); 2961 2962 2963 2964 2965 2966} 2967 2968} 2969 2970 ,1000); 2971 2972 2973 2974 2975 2976 2977 2978 2979 2980}); 2981 2982 2983 2984 2985 2986 2987 2988 2989 2990 </script>
2990 2991 2992</body> 2993 2994 2995 2996</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.