PageSourceSearch

https://hoperun.kr/info/

html hoperun.kr collected 2026-10-08 13:02:10 UTC 56,901 bytes, 2,996 lines download raw bytes

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>&gt;</span></li> <li class="nc-breadcrumb__item nc-breadcrumb__item--current"><span>대회안내</span></li><li class="nc-breadcrumb__item nc-breadcrumb__item--separator"><span>&gt;</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>주&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;최</strong> 아리수환경(주)	</li>
1304	  <li style=""><strong>후&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;원</strong> 아시아투데이, 이브자리,	 SLEEP&SLEEP</li>
1305	  <li style=""><strong>문&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;의</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:&#039Malgun Gothic&#039,&#039Apple SD Gothic Neo&#039,&#039Noto Sans KR&#039,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;">하프 &middot; 10km &middot; 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.