-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmain.html
764 lines (764 loc) · 33.9 KB
/
main.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Preview</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
html,
body {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
height: 400%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
</head>
<body>
<div class="w-[1518px] h-[2965px] relative overflow-hidden bg-white">
<svg
width="276"
height="276"
viewBox="0 0 276 276"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="absolute left-[518.5px] top-[987.5px]"
preserveAspectRatio="xMidYMid meet"
>
<circle
cx="138"
cy="138"
r="125"
fill="white"
stroke="#B7DFED"
stroke-width="26"
></circle></svg
><svg
width="276"
height="276"
viewBox="0 0 276 276"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="absolute left-[783.5px] top-[987.5px]"
preserveAspectRatio="xMidYMid meet"
>
<circle
cx="138"
cy="138"
r="125"
fill="white"
stroke="#5E99AC"
stroke-width="26"
></circle></svg
><svg
width="276"
height="276"
viewBox="0 0 276 276"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="absolute left-[1049.5px] top-[987.5px]"
preserveAspectRatio="xMidYMid meet"
>
<circle
cx="138"
cy="138"
r="125"
fill="white"
stroke="#A1D3C7"
stroke-width="26"
></circle></svg
><svg
width="276"
height="276"
viewBox="0 0 276 276"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="absolute left-[253.5px] top-[989.5px]"
preserveAspectRatio="xMidYMid meet"
>
<circle
cx="138"
cy="138"
r="125"
fill="white"
stroke="#7F91C3"
stroke-width="26"
></circle></svg
><img
src="/rectangle-15"
class="w-[49px] h-12 absolute left-[636px] top-[1082px] object-cover"
/><svg
width="43"
height="39"
viewBox="0 0 43 39"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="w-[43px] h-[39px] absolute left-[898px] top-[1090px]"
preserveAspectRatio="none"
>
<g clip-path="url(#clip0_1_9)">
<path
d="M1 38H31.6744"
stroke="black"
stroke-width="2.5"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="M39.8542 37.8092H41.8991"
stroke="black"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="M1 28.4024V2.22697C1 1.54934 1.54934 1 2.22697 1H40.6722C41.3499 1 41.8991 1.54934 41.8991 2.22697V28.4024C41.8991 29.0801 41.3499 29.6294 40.6722 29.6294H2.22697C1.54934 29.6294 1 29.0801 1 28.4024Z"
stroke="black"
stroke-width="2.5"
stroke-linejoin="bevel"
></path>
<rect x="8" y="7" width="27" height="15" rx="3" fill="#31ADF3"></rect>
</g>
<defs>
<clipPath id="clip0_1_9">
<rect width="43" height="39" fill="white"></rect>
</clipPath>
</defs></svg
><svg
width="57"
height="51"
viewBox="0 0 57 51"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="w-[57px] h-[51px] absolute left-[1163px] top-[1080px]"
preserveAspectRatio="none"
>
<path
d="M16.8657 47V44.8382C16.8657 38.8687 22.1147 34.0294 28.5896 34.0294C35.0644 34.0294 40.3134 38.8687 40.3134 44.8382V47"
fill="white"
></path>
<path
d="M5 19.4757L28.6875 5L52.375 19.4757"
stroke="black"
stroke-width="2.5"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="M47.1111 28.6875V45.532C47.1111 46.4042 46.4042 47.1111 45.532 47.1111H11.8431C10.9709 47.1111 10.2639 46.4042 10.2639 45.532V28.6875"
stroke="black"
stroke-width="2.5"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="M18.288 45.2241V43.2917C18.288 37.9558 22.9799 33.6301 28.7676 33.6301C34.5552 33.6301 39.2471 37.9558 39.2471 43.2917V45.2241"
stroke="black"
stroke-width="2"
></path>
<path
d="M28.7676 33.63C32.2404 33.63 35.0553 31.0347 35.0553 27.833C35.0553 24.6313 32.2404 22.0359 28.7676 22.0359C25.2949 22.0359 22.4799 24.6313 22.4799 27.833C22.4799 31.0347 25.2949 33.63 28.7676 33.63Z"
fill="white"
stroke="black"
stroke-width="2.5"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
<div
class="w-[1518px] h-[626px] absolute left-[-1px] top-[119px] bg-[#f9f9f9]"
></div>
<img
src="/image-4"
class="w-[399px] h-[561px] absolute left-[826px] top-[148px] object-cover"
/><img
class="w-[462px] h-[431px] absolute left-[253px] top-[189px] rounded-[50px]"
src="/rectangle-4"
/>
<div
class="w-[91px] h-[25px] absolute left-[1361px] top-[19px] rounded-xl bg-[#d9d9d9]"
></div>
<a
href="/registerA"
class="absolute left-[1281px] top-[25px] text-xs text-left text-black"
>
회원가입
</a>
<a
href="/login"
class="absolute left-[1391px] top-[25px] text-xs text-left text-black"
>
로그인
</a>
<a
href="/bongsa1"
class="absolute left-[692px] top-[55px] text-lg font-bold text-left text-black"
>자원봉사</a
>
<a
href="/noti"
class="absolute left-[794px] top-[55px] text-lg font-bold text-left text-black"
>
게시판
</a>
<a
href="/album"
class="absolute left-[879px] top-[55px] text-lg font-bold text-left text-black"
>
자료실
</a>
<p
class="absolute left-[417px] top-[1125px] text-2xl font-thin text-left text-black"
>
온라인 수강신청
</p>
<p
class="absolute left-[693px] top-[1125px] text-2xl font-thin text-left text-black"
>
교육 봉사 신청
</p>
<a
href="/mao"
class="absolute left-[984px] top-[1125px] text-2xl font-thin text-left text-black"
>
오시는 길
</a>
<div
class="w-[25px] h-[15px] absolute left-[648px] top-[1091px] rounded-[3px] bg-[#f27171]"
></div>
<p
class="absolute left-[716px] top-[1399px] text-[10px] font-medium text-left text-[#a6a6a6]"
>
스크롤을 아래로 내리세요
</p>
<div
class="w-[1518px] h-[407px] absolute left-[-3px] top-[1478px] bg-[#788cc5]"
></div>
<div
class="w-[336px] h-[133px] absolute left-[945px] top-[2038px] bg-[#eafaff]"
></div>
<p
class="absolute left-[703px] top-[1526px] text-[38px] font-black text-left text-white"
>
더불어 삶
</p>
<div
class="w-[1518px] h-[397px] absolute left-[-1px] top-[1885px] bg-[#8ccbdf]"
></div>
<p
class="absolute left-[614px] top-[1934px] text-[38px] font-black text-left text-white"
>
함께하면 행복해요
</p>
<div
class="w-[1518px] h-[397px] absolute left-[-1px] top-[2282px] bg-[#619fb4]"
></div>
<p
class="absolute left-[628px] top-[2331px] text-[38px] font-black text-left text-white"
>
복지관 속 사이트
</p>
<p
class="absolute left-[584px] top-[1586px] text-[23px] font-medium text-left text-white"
>
브랜드 프로그램을 통해 실천하겠습니다.
</p>
<p
class="absolute left-[375px] top-[1676px] text-sm font-bold text-left text-black"
>
행복한 에버그린
</p>
<p
class="absolute left-[375px] top-[1703px] text-[10px] text-left text-black"
>
<span class="text-[10px] text-left text-black"
>사랑의 목소리 에버그린</span
><br /><span class="text-[10px] text-left text-black"
>라디오입니다.</span
>
</p>
<p
class="absolute left-[583px] top-[1676px] text-sm font-bold text-left text-black"
>
5! 해피데이
</p>
<p
class="absolute left-[583px] top-[1703px] text-[10px] text-left text-black"
>
<span class="text-[10px] text-left text-black"
>작은 나눔 큰 행복 사랑을</span
><br /><span class="text-[10px] text-left text-black">나누세요.</span>
</p>
<div
class="w-[336px] h-[133px] absolute left-[235px] top-[2038px] bg-[#eafaff]"
></div>
<p
class="absolute left-[344px] top-[2080px] text-[21px] font-black text-left text-black"
>
후원신청
</p>
<p
class="absolute left-[344px] top-[2115px] text-sm font-medium text-left text-black"
>
행복한 나눔을 실천하세요.
</p>
<div
class="w-[336px] h-[133px] absolute left-[590px] top-[2038px] bg-[#eafaff]"
></div>
<p
class="absolute left-[699px] top-[2080px] text-[21px] font-black text-left text-black"
>
자원봉사신청
</p>
<p
class="absolute left-[699px] top-[2115px] text-sm font-medium text-left text-black"
>
따뜻한 사랑을 전하세요.
</p>
<div
class="w-[336px] h-[133px] absolute left-[945px] top-[2038px] bg-[#eafaff]"
></div>
<div
class="w-[336px] h-[133px] absolute left-[945px] top-[2038px] bg-[#eafaff]"
></div>
<p
class="absolute left-[1054px] top-[2080px] text-[21px] font-black text-left text-black"
>
후원단체 소개
</p>
<p
class="absolute left-[1054px] top-[2115px] text-sm font-medium text-left text-black"
>
행복한 동행에 감사합니다.
</p>
<p
class="absolute left-[791px] top-[1676px] text-sm font-bold text-left text-black"
>
<span class="text-sm font-bold text-left text-black"
>할머니가 들려주는</span
><br /><span class="text-sm font-bold text-left text-black"
>이야기 보따리</span
>
</p>
<p
class="absolute left-[791px] top-[1719px] text-[10px] text-left text-black"
>
1-3세대 소통 인형극
</p>
<p
class="absolute left-[999px] top-[1676px] text-sm font-bold text-left text-black"
>
생생클럽
</p>
<p
class="absolute left-[999px] top-[1703px] text-[10px] text-left text-black"
>
<span class="text-[10px] text-left text-black">건강한 노년을 위한 </span
><br /><span class="text-[10px] text-left text-black"
>1:1 맞춤형 프로그램</span
>
</p>
<p
class="absolute left-[276px] top-[397px] text-[52px] font-black text-left text-black"
>
실내 마스크 착용!
</p>
<p
class="absolute left-[276px] top-[253px] text-[52px] font-black text-left text-white"
>
<span class="text-[52px] font-black text-left text-white">서로의</span
><br /><span class="text-[52px] font-black text-left text-white"
>건강을 위한</span
><br /><br /><span class="text-[52px] font-black text-left text-white"
>모두 함께해요!</span
>
</p>
<svg
width="15"
height="24"
viewBox="0 0 15 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="w-[15px] h-6 absolute left-[692px] top-[1397px]"
preserveAspectRatio="none"
>
<g clip-path="url(#clip0_1_150)">
<path
d="M5.00024 20.0109L7.42539 22.9009"
stroke="#A6A6A6"
stroke-linecap="round"
></path>
<path
d="M9.99999 20.0006L7.64374 22.9103"
stroke="#A6A6A6"
stroke-linecap="round"
></path>
<path
d="M7.43023 3.18439L7.88055 2.73405C7.63182 2.48533 7.22864 2.48533 6.97992 2.73405L7.43023 3.18439ZM7.43023 9.97774L6.97992 10.4281C7.22864 10.6768 7.63182 10.6768 7.88055 10.4281L7.43023 9.97774ZM5.28155 4.43238C5.03284 4.6811 5.03284 5.08435 5.28155 5.33306C5.53027 5.58178 5.93349 5.58178 6.18221 5.33306L5.28155 4.43238ZM8.67826 5.33306C8.92698 5.58178 9.33016 5.58178 9.57889 5.33306C9.82761 5.08435 9.82761 4.6811 9.57889 4.43238L8.67826 5.33306ZM6.18221 7.82909C5.93349 7.58037 5.53027 7.58037 5.28155 7.82909C5.03284 8.07781 5.03284 8.481 5.28155 8.72972L6.18221 7.82909ZM9.57889 8.72972C9.82761 8.481 9.82761 8.07781 9.57889 7.82909C9.33016 7.58037 8.92698 7.58037 8.67826 7.82909L9.57889 8.72972ZM0 7.43023V10.8269H1.27375V7.43023H0ZM14.8605 10.8269V7.43023H13.5867V10.8269H14.8605ZM6.79335 3.18439V9.97774H8.06711V3.18439H6.79335ZM6.97992 2.73405L5.28155 4.43238L6.18221 5.33306L7.88055 3.63473L6.97992 2.73405ZM6.97992 3.63473L8.67826 5.33306L9.57889 4.43238L7.88055 2.73405L6.97992 3.63473ZM7.88055 9.52743L6.18221 7.82909L5.28155 8.72972L6.97992 10.4281L7.88055 9.52743ZM7.88055 10.4281L9.57889 8.72972L8.67826 7.82909L6.97992 9.52743L7.88055 10.4281ZM14.8605 7.43023C14.8605 3.32663 11.5338 0 7.43023 0V1.27375C10.8304 1.27375 13.5867 4.03011 13.5867 7.43023H14.8605ZM7.43023 18.2571C11.5338 18.2571 14.8605 14.9305 14.8605 10.8269H13.5867C13.5867 14.2271 10.8304 16.9834 7.43023 16.9834V18.2571ZM0 10.8269C0 14.9305 3.32663 18.2571 7.43023 18.2571V16.9834C4.03011 16.9834 1.27375 14.2271 1.27375 10.8269H0ZM1.27375 7.43023C1.27375 4.03011 4.03011 1.27375 7.43023 1.27375V0C3.32663 0 0 3.32663 0 7.43023H1.27375Z"
fill="#A6A6A6"
></path>
</g>
<defs>
<clipPath id="clip0_1_150">
<rect width="15" height="24" fill="white"></rect>
</clipPath>
</defs>
</svg>
<p
class="absolute left-[716px] top-[1399px] text-[10px] font-medium text-left text-[#a6a6a6]"
>
스크롤을 아래로 내리세요
</p>
<svg
width="15"
height="24"
viewBox="0 0 15 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="w-[15px] h-6 absolute left-[692px] top-[1397px]"
preserveAspectRatio="none"
>
<g clip-path="url(#clip0_1_155)">
<path
d="M5.00024 20.0109L7.42539 22.9009"
stroke="#A6A6A6"
stroke-linecap="round"
></path>
<path
d="M9.99999 20.0006L7.64374 22.9103"
stroke="#A6A6A6"
stroke-linecap="round"
></path>
<path
d="M7.43023 3.18439L7.88055 2.73405C7.63182 2.48533 7.22864 2.48533 6.97992 2.73405L7.43023 3.18439ZM7.43023 9.97774L6.97992 10.4281C7.22864 10.6768 7.63182 10.6768 7.88055 10.4281L7.43023 9.97774ZM5.28155 4.43238C5.03284 4.6811 5.03284 5.08435 5.28155 5.33306C5.53027 5.58178 5.93349 5.58178 6.18221 5.33306L5.28155 4.43238ZM8.67826 5.33306C8.92698 5.58178 9.33016 5.58178 9.57889 5.33306C9.82761 5.08435 9.82761 4.6811 9.57889 4.43238L8.67826 5.33306ZM6.18221 7.82909C5.93349 7.58037 5.53027 7.58037 5.28155 7.82909C5.03284 8.07781 5.03284 8.481 5.28155 8.72972L6.18221 7.82909ZM9.57889 8.72972C9.82761 8.481 9.82761 8.07781 9.57889 7.82909C9.33016 7.58037 8.92698 7.58037 8.67826 7.82909L9.57889 8.72972ZM0 7.43023V10.8269H1.27375V7.43023H0ZM14.8605 10.8269V7.43023H13.5867V10.8269H14.8605ZM6.79335 3.18439V9.97774H8.06711V3.18439H6.79335ZM6.97992 2.73405L5.28155 4.43238L6.18221 5.33306L7.88055 3.63473L6.97992 2.73405ZM6.97992 3.63473L8.67826 5.33306L9.57889 4.43238L7.88055 2.73405L6.97992 3.63473ZM7.88055 9.52743L6.18221 7.82909L5.28155 8.72972L6.97992 10.4281L7.88055 9.52743ZM7.88055 10.4281L9.57889 8.72972L8.67826 7.82909L6.97992 9.52743L7.88055 10.4281ZM14.8605 7.43023C14.8605 3.32663 11.5338 0 7.43023 0V1.27375C10.8304 1.27375 13.5867 4.03011 13.5867 7.43023H14.8605ZM7.43023 18.2571C11.5338 18.2571 14.8605 14.9305 14.8605 10.8269H13.5867C13.5867 14.2271 10.8304 16.9834 7.43023 16.9834V18.2571ZM0 10.8269C0 14.9305 3.32663 18.2571 7.43023 18.2571V16.9834C4.03011 16.9834 1.27375 14.2271 1.27375 10.8269H0ZM1.27375 7.43023C1.27375 4.03011 4.03011 1.27375 7.43023 1.27375V0C3.32663 0 0 3.32663 0 7.43023H1.27375Z"
fill="#A6A6A6"
></path>
</g>
<defs>
<clipPath id="clip0_1_155">
<rect width="15" height="24" fill="white"></rect>
</clipPath>
</defs>
</svg>
<p
class="absolute left-[731px] top-[1846px] text-[10px] font-medium text-left text-white"
>
스크롤을 아래로 내리세요
</p>
<svg
width="15"
height="24"
viewBox="0 0 15 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="w-[15px] h-6 absolute left-[707px] top-[1844px]"
preserveAspectRatio="none"
>
<g clip-path="url(#clip0_1_160)">
<path
d="M5.00024 20.0109L7.42539 22.9009"
stroke="white"
stroke-linecap="round"
></path>
<path
d="M9.99999 20.0006L7.64374 22.9103"
stroke="white"
stroke-linecap="round"
></path>
<path
d="M7.43023 3.18439L7.88055 2.73405C7.63182 2.48533 7.22864 2.48533 6.97992 2.73405L7.43023 3.18439ZM7.43023 9.97774L6.97992 10.4281C7.22864 10.6768 7.63182 10.6768 7.88055 10.4281L7.43023 9.97774ZM5.28155 4.43238C5.03284 4.6811 5.03284 5.08435 5.28155 5.33306C5.53027 5.58178 5.93349 5.58178 6.18221 5.33306L5.28155 4.43238ZM8.67826 5.33306C8.92698 5.58178 9.33016 5.58178 9.57889 5.33306C9.82761 5.08435 9.82761 4.6811 9.57889 4.43238L8.67826 5.33306ZM6.18221 7.82909C5.93349 7.58037 5.53027 7.58037 5.28155 7.82909C5.03284 8.07781 5.03284 8.481 5.28155 8.72972L6.18221 7.82909ZM9.57889 8.72972C9.82761 8.481 9.82761 8.07781 9.57889 7.82909C9.33016 7.58037 8.92698 7.58037 8.67826 7.82909L9.57889 8.72972ZM0 7.43023V10.8269H1.27375V7.43023H0ZM14.8605 10.8269V7.43023H13.5867V10.8269H14.8605ZM6.79335 3.18439V9.97774H8.06711V3.18439H6.79335ZM6.97992 2.73405L5.28155 4.43238L6.18221 5.33306L7.88055 3.63473L6.97992 2.73405ZM6.97992 3.63473L8.67826 5.33306L9.57889 4.43238L7.88055 2.73405L6.97992 3.63473ZM7.88055 9.52743L6.18221 7.82909L5.28155 8.72972L6.97992 10.4281L7.88055 9.52743ZM7.88055 10.4281L9.57889 8.72972L8.67826 7.82909L6.97992 9.52743L7.88055 10.4281ZM14.8605 7.43023C14.8605 3.32663 11.5338 0 7.43023 0V1.27375C10.8304 1.27375 13.5867 4.03011 13.5867 7.43023H14.8605ZM7.43023 18.2571C11.5338 18.2571 14.8605 14.9305 14.8605 10.8269H13.5867C13.5867 14.2271 10.8304 16.9834 7.43023 16.9834V18.2571ZM0 10.8269C0 14.9305 3.32663 18.2571 7.43023 18.2571V16.9834C4.03011 16.9834 1.27375 14.2271 1.27375 10.8269H0ZM1.27375 7.43023C1.27375 4.03011 4.03011 1.27375 7.43023 1.27375V0C3.32663 0 0 3.32663 0 7.43023H1.27375Z"
fill="white"
></path>
</g>
<defs>
<clipPath id="clip0_1_160">
<rect width="15" height="24" fill="white"></rect>
</clipPath>
</defs>
</svg>
<p
class="absolute left-[731px] top-[2236px] text-[10px] font-medium text-left text-white"
>
스크롤을 아래로 내리세요
</p>
<svg
width="15"
height="24"
viewBox="0 0 15 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="w-[15px] h-6 absolute left-[707px] top-[2234px]"
preserveAspectRatio="none"
>
<g clip-path="url(#clip0_1_165)">
<path
d="M5.00024 20.0109L7.42539 22.9009"
stroke="white"
stroke-linecap="round"
></path>
<path
d="M9.99999 20.0006L7.64374 22.9103"
stroke="white"
stroke-linecap="round"
></path>
<path
d="M7.43023 3.18439L7.88055 2.73405C7.63182 2.48533 7.22864 2.48533 6.97992 2.73405L7.43023 3.18439ZM7.43023 9.97774L6.97992 10.4281C7.22864 10.6768 7.63182 10.6768 7.88055 10.4281L7.43023 9.97774ZM5.28155 4.43238C5.03284 4.6811 5.03284 5.08435 5.28155 5.33306C5.53027 5.58178 5.93349 5.58178 6.18221 5.33306L5.28155 4.43238ZM8.67826 5.33306C8.92698 5.58178 9.33016 5.58178 9.57889 5.33306C9.82761 5.08435 9.82761 4.6811 9.57889 4.43238L8.67826 5.33306ZM6.18221 7.82909C5.93349 7.58037 5.53027 7.58037 5.28155 7.82909C5.03284 8.07781 5.03284 8.481 5.28155 8.72972L6.18221 7.82909ZM9.57889 8.72972C9.82761 8.481 9.82761 8.07781 9.57889 7.82909C9.33016 7.58037 8.92698 7.58037 8.67826 7.82909L9.57889 8.72972ZM0 7.43023V10.8269H1.27375V7.43023H0ZM14.8605 10.8269V7.43023H13.5867V10.8269H14.8605ZM6.79335 3.18439V9.97774H8.06711V3.18439H6.79335ZM6.97992 2.73405L5.28155 4.43238L6.18221 5.33306L7.88055 3.63473L6.97992 2.73405ZM6.97992 3.63473L8.67826 5.33306L9.57889 4.43238L7.88055 2.73405L6.97992 3.63473ZM7.88055 9.52743L6.18221 7.82909L5.28155 8.72972L6.97992 10.4281L7.88055 9.52743ZM7.88055 10.4281L9.57889 8.72972L8.67826 7.82909L6.97992 9.52743L7.88055 10.4281ZM14.8605 7.43023C14.8605 3.32663 11.5338 0 7.43023 0V1.27375C10.8304 1.27375 13.5867 4.03011 13.5867 7.43023H14.8605ZM7.43023 18.2571C11.5338 18.2571 14.8605 14.9305 14.8605 10.8269H13.5867C13.5867 14.2271 10.8304 16.9834 7.43023 16.9834V18.2571ZM0 10.8269C0 14.9305 3.32663 18.2571 7.43023 18.2571V16.9834C4.03011 16.9834 1.27375 14.2271 1.27375 10.8269H0ZM1.27375 7.43023C1.27375 4.03011 4.03011 1.27375 7.43023 1.27375V0C3.32663 0 0 3.32663 0 7.43023H1.27375Z"
fill="white"
></path>
</g>
<defs>
<clipPath id="clip0_1_165">
<rect width="15" height="24" fill="white"></rect>
</clipPath>
</defs></svg
><svg
width="38"
height="30"
viewBox="0 0 38 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="absolute left-[375.58px] top-[1773px]"
preserveAspectRatio="none"
>
<path
d="M17.4665 19.0201C17.4665 20.4155 16.8245 21.7537 15.6815 22.7404C14.5387 23.727 12.9886 24.2814 11.3724 24.2814C9.75614 24.2814 8.20609 23.727 7.06325 22.7404C5.92039 21.7537 5.27834 20.4155 5.27834 19.0201C5.27834 17.6248 5.92039 16.2866 7.06325 15.3C8.20609 14.3133 9.75614 13.759 11.3724 13.759C12.9886 13.759 14.5387 14.3133 15.6815 15.3C16.8245 16.2866 17.4665 17.6248 17.4665 19.0201ZM5.19813 8.47619H32.5981C33.2051 8.47504 33.8063 8.57655 34.3673 8.77489C34.9284 8.97316 35.4382 9.26442 35.8674 9.63178C36.2966 9.9992 36.6368 10.4356 36.8684 10.9158C37.1 11.396 37.2185 11.9108 37.2172 12.4303V25.61C37.2185 26.1296 37.1 26.6443 36.8683 27.1246C36.6367 27.6048 36.2965 28.0412 35.8673 28.4086C35.438 28.776 34.9283 29.0673 34.3672 29.2655C33.8061 29.4638 33.2049 29.5653 32.5978 29.5642H5.19838C4.59136 29.5653 3.99006 29.4638 3.429 29.2655C2.86793 29.0673 2.35815 28.776 1.92893 28.4086C1.4997 28.0412 1.15949 27.6048 0.927836 27.1246C0.696173 26.6443 0.577625 26.1296 0.578991 25.61V12.4303C0.577625 11.9107 0.696173 11.396 0.927836 10.9158C1.15949 10.4355 1.4997 9.99913 1.92893 9.63171C2.35815 9.26429 2.86793 8.97309 3.429 8.77482C3.99006 8.57648 4.59112 8.47504 5.19813 8.47619Z"
fill="#FFEEEE"
></path></svg
><svg
width="40"
height="33"
viewBox="0 0 40 33"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="absolute left-[374.83px] top-[1772.25px]"
preserveAspectRatio="none"
>
<path
d="M6.90143 10.4762L32.8947 2M23.6651 25.6041H33.5178M23.6651 21.0201H33.5178M23.6651 16.436H33.5178M18.4665 21.0201C18.4665 22.4155 17.8245 23.7537 16.6815 24.7404C15.5387 25.727 13.9886 26.2814 12.3724 26.2814C10.7561 26.2814 9.20609 25.727 8.06325 24.7404C6.92039 23.7537 6.27834 22.4155 6.27834 21.0201C6.27834 19.6248 6.92039 18.2866 8.06325 17.3C9.20609 16.3133 10.7561 15.759 12.3724 15.759C13.9886 15.759 15.5387 16.3133 16.6815 17.3C17.8245 18.2866 18.4665 19.6248 18.4665 21.0201ZM6.19813 10.4762H33.5981C34.2051 10.475 34.8063 10.5765 35.3673 10.7749C35.9284 10.9732 36.4382 11.2644 36.8674 11.6318C37.2966 11.9992 37.6368 12.4356 37.8684 12.9158C38.1 13.396 38.2185 13.9108 38.2172 14.4303V27.61C38.2185 28.1296 38.1 28.6443 37.8683 29.1246C37.6367 29.6048 37.2965 30.0412 36.8673 30.4086C36.438 30.776 35.9283 31.0673 35.3672 31.2655C34.8061 31.4638 34.2049 31.5653 33.5978 31.5642H6.19838C5.59136 31.5653 4.99006 31.4638 4.429 31.2655C3.86793 31.0673 3.35815 30.776 2.92893 30.4086C2.4997 30.0412 2.15949 29.6048 1.92784 29.1246C1.69617 28.6443 1.57763 28.1296 1.57899 27.61V14.4303C1.57763 13.9107 1.69617 13.396 1.92784 12.9158C2.15949 12.4355 2.4997 11.9991 2.92893 11.6317C3.35815 11.2643 3.86793 10.9731 4.429 10.7748C4.99006 10.5765 5.59112 10.475 6.19813 10.4762Z"
stroke="#20315E"
stroke-width="2.5"
stroke-linecap="round"
></path></svg
><svg
width="37"
height="32"
viewBox="0 0 37 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="w-[37px] h-8 absolute left-[583px] top-[1772px]"
preserveAspectRatio="none"
>
<g clip-path="url(#clip0_1_171)">
<path
d="M18.5 30.3353C27.8658 30.3353 35.4584 22.8307 35.4584 13.5734C35.4585 12.8364 35.41 12.1003 35.3131 11.3696C25.8991 12.1334 18.5 19.9273 18.5 29.4292C18.5 19.9273 11.1009 12.1334 1.68698 11.3696C1.59004 12.1003 1.54151 12.8364 1.54169 13.5734C1.54169 22.8307 9.13401 30.3353 18.5 30.3353Z"
fill="#E2FFCB"
stroke="black"
stroke-width="2.5"
stroke-linejoin="round"
></path>
<path
d="M18.5 11.5346C21.2844 11.5346 23.5416 9.30356 23.5416 6.55138C23.5416 3.7992 21.2844 1.56812 18.5 1.56812C15.7156 1.56812 13.4584 3.7992 13.4584 6.55138C13.4584 9.30356 15.7156 11.5346 18.5 11.5346Z"
fill="#E2FFCB"
stroke="black"
stroke-width="2.5"
></path>
</g>
<defs>
<clipPath id="clip0_1_171">
<rect width="37" height="32" fill="white"></rect>
</clipPath>
</defs></svg
><svg
width="35"
height="31"
viewBox="0 0 35 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="w-[35px] h-[31px] absolute left-[791px] top-[1772px]"
preserveAspectRatio="none"
>
<g clip-path="url(#clip0_1_174)">
<path
d="M1.79486 18.5282H6.88842C7.33872 18.5282 7.77057 18.7047 8.08897 19.019C8.40738 19.3332 8.58627 19.7595 8.58627 20.2039V27.7444C8.58627 28.1889 8.40738 28.6151 8.08897 28.9293C7.77057 29.2436 7.33872 29.4201 6.88842 29.4201H3.49271C3.04241 29.4201 2.61056 29.2436 2.29215 28.9293C1.97374 28.6151 1.79486 28.1889 1.79486 27.7444V18.5282ZM26.4137 20.2039C26.4137 19.7595 26.5926 19.3332 26.911 19.019C27.2295 18.7047 27.6613 18.5282 28.1115 18.5282H33.2051V27.7444C33.2051 28.1889 33.0263 28.6151 32.7078 28.9293C32.3894 29.2436 31.9576 29.4201 31.5073 29.4201H28.1115C27.6613 29.4201 27.2295 29.2436 26.911 28.9293C26.5926 28.6151 26.4137 28.1889 26.4137 27.7444V20.2039Z"
stroke="black"
stroke-width="2.5"
></path>
<path
d="M1.79486 20.937V17.2715C1.79486 8.71088 8.82609 1.77148 17.5 1.77148C26.1737 1.77148 33.2051 8.71088 33.2051 17.2715V20.937"
stroke="black"
stroke-width="2.5"
></path>
</g>
<defs>
<clipPath id="clip0_1_174">
<rect width="35" height="31" fill="white"></rect>
</clipPath>
</defs></svg
><svg
width="32"
height="38"
viewBox="0 0 32 38"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="w-8 h-[38px] absolute left-[999px] top-[1769px]"
preserveAspectRatio="none"
>
<g clip-path="url(#clip0_1_178)">
<path
d="M18.3881 14.8692C24.5077 8.72069 34.9636 18.3989 27.2973 24.8653L15.8323 36L11.6361 31.9246M20.7021 5.12707C20.7021 6.02835 21.0601 6.89273 21.6974 7.53003C22.3347 8.16734 23.1991 8.52538 24.1004 8.52538C25.0015 8.52514 25.8657 8.16701 26.5028 7.52972C27.1399 6.89244 27.4978 6.0282 27.4978 5.12707C27.4978 4.22578 27.1398 3.36141 26.5025 2.7241C25.8652 2.08679 25.0008 1.72876 24.0995 1.72876C23.1984 1.72899 22.3342 2.08713 21.6971 2.72441C21.06 3.36169 20.7021 4.22593 20.7021 5.12707ZM15.0826 18.0336C13.2065 11.4761 3.40662 11.886 2.11737 18.5583C1.74163 20.4028 2.28115 22.5881 3.54764 23.9316C5.25905 25.5712 6.94682 27.2336 8.65824 28.8732L13.9571 23.7039C16.1135 20.9266 15.0826 18.5793 15.0826 18.0336ZM11.2884 5.13057C11.2884 6.03186 10.9304 6.89623 10.2931 7.53354C9.65577 8.17084 8.7914 8.52888 7.89011 8.52888C6.98898 8.52865 6.12483 8.17051 5.48771 7.53323C4.8506 6.89595 4.49268 6.03171 4.49268 5.13057C4.49268 4.22928 4.85072 3.36491 5.48802 2.7276C6.12533 2.0903 6.9897 1.73226 7.89099 1.73226C8.79212 1.7325 9.65627 2.09063 10.2934 2.72791C10.9305 3.3652 11.2884 4.22944 11.2884 5.13057Z"
stroke="black"
stroke-width="2.5"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</g>
<defs>
<clipPath id="clip0_1_178">
<rect width="32" height="38" fill="white"></rect>
</clipPath>
</defs></svg
><img class="absolute left-[590px] top-[2424px]" src="/kakaologo" /><img
class="absolute left-[788px] top-[2424px]"
src="facebooklogo"
/>
<p
class="absolute left-[615px] top-[2584px] text-2xl font-medium text-left text-white"
>
카카오톡
</p>
<p
class="absolute left-[818px] top-[2584px] text-2xl font-medium text-left text-white"
>
페이스북
</p>
<p
class="absolute left-[502px] top-[2837px] text-[17px] text-left text-black"
>
개인정보처리방침
</p>
<p
class="absolute left-[659px] top-[2837px] text-[17px] text-left text-black"
>
이메일추출방지정책
</p>
<p
class="absolute left-[831px] top-[2837px] text-[17px] text-left text-black"
>
찾아오시는 길
</p>
<p
class="absolute left-[502px] top-[2868px] text-[17px] text-left text-[#9d9d9d]"
>
<span class="text-[17px] font-light text-left text-[#9d9d9d]"
>멋쟁이 사자처럼 중부대학교 </span
><span class="text-[17px] font-medium text-left text-[#9d9d9d]"
>DIGITAL LEARNING CENTER</span
><span class="text-[17px] font-light text-left text-[#9d9d9d]">
팀 </span
><span class="text-[17px] font-medium text-left text-[#9d9d9d]"
>DLC</span
>
</p>
<p
class="absolute left-[502px] top-[2889px] text-[17px] font-light text-left text-[#9d9d9d]"
>
팀명 : DLC
</p>
<p
class="absolute left-[502px] top-[2910px] text-[17px] font-light text-left text-[#9d9d9d]"
>
주소 : 28912 경기도 고양시 덕양구 대자동 중부대학교
</p>
<p
class="absolute left-[615px] top-[2889px] text-[17px] font-light text-left text-[#9d9d9d]"
>
고유번호 : 010-1234-5678
</p>
<p
class="absolute left-[856px] top-[2889px] text-[17px] font-light text-left text-[#9d9d9d]"
>
E-mail : [email protected]
</p>
<svg
width="1518"
height="1"
viewBox="0 0 1518 1"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="absolute left-[-1px] top-[2810px]"
preserveAspectRatio="xMidYMid meet"
>
<line
x1="-4.37114e-8"
y1="0.5"
x2="1518"
y2="0.499867"
stroke="#E3E3E3"
></line></svg
><a href="/">
<img
src="/logo"
class="w-[140px] h-[140px] absolute left-5 top-[-28px] object-cover"
/>
</a>
<p class="absolute left-[77px] top-[77px] text-xs text-left text-black">
digital learning center
</p>
<svg
width="1518"
height="1"
viewBox="0 0 1518 1"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="absolute left-[-1px] top-[98px]"
preserveAspectRatio="xMidYMid meet"
>
<line y1="0.5" x2="1518" y2="0.5" stroke="#E3E3E3"></line></svg
><img
src="/logo"
class="w-[126px] h-[126px] absolute left-[296px] top-[2825px] object-cover"
/><svg
width="43"
height="39"
viewBox="0 0 43 39"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="w-[43px] h-[39px] absolute left-[374px] top-[1089px]"
preserveAspectRatio="none"
>
<g clip-path="url(#clip0_5_364)">
<path
d="M1 38H31.6744"
stroke="black"
stroke-width="2.5"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="M39.8542 37.8092H41.8992"
stroke="black"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="M1 28.4024V2.22697C1 1.54934 1.54934 1 2.22697 1H40.6722C41.3499 1 41.8991 1.54934 41.8991 2.22697V28.4024C41.8991 29.0801 41.3499 29.6294 40.6722 29.6294H2.22697C1.54934 29.6294 1 29.0801 1 28.4024Z"
stroke="black"
stroke-width="2.5"
stroke-linejoin="bevel"
></path>
<rect x="8" y="7" width="27" height="15" rx="3" fill="#31ADF3"></rect>
</g>
<defs>
<clipPath id="clip0_5_364">
<rect width="43" height="39" fill="white"></rect>
</clipPath>
</defs>
</svg>
</div>
</body>
</html>