-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
3016 lines (2960 loc) · 228 KB
/
index.html
File metadata and controls
3016 lines (2960 loc) · 228 KB
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
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>패스트캠퍼스</title>
<link href="assets/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link rel="stylesheet" href="styles/common.css">
<link rel="stylesheet" href="styles/top-banner.css">
<link rel="stylesheet" href="styles/header.css">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/category.css">
<link rel="stylesheet" href="styles/footer.css">
</head>
<body>
<!-- top banner -->
<aside class="top-banner">
<!-- 배너 이미지 -->
<a href="#">
<img class="top-banner__img" src="assets/top-banner/top-banner.webp"/>
</a>
<!-- x 버튼 -->
<label>
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" class="icon--close">
<g fill="none" fill-rule="evenodd">
<g fill="#9B9BA0" transform="translate(6 6)" class="icon--close__group">
<rect width="2" height="18" x="7" y="-1" rx="1" transform="rotate(-135 8 8)"></rect>
<rect width="2" height="18" x="7" y="-1" rx="1" transform="rotate(-45 8 8)"></rect>
</g>
</g>
</svg>
</label>
</aside>
<!-- header -->
<header class="header-container">
<div class="header-content">
<!-- header 상단 -->
<div class="header-top-element">
<!-- 타이틀 로고 -->
<a href="#" class="header-title">
<svg width="125" height="19" viewBox="0 0 500 76" fill="none" xmlns="http://www.w3.org/2000/svg" class="header-title__logo"><g data-v-62b4fdfc="" clip-path="url(#clip0_2879_347)"><path data-v-62b4fdfc="" d="M110.239 22.922v11.423h18.725v9.085h-18.725V62.02h-9.503V13.836h28.775v9.086h-19.272zM171.939 27.605V62.02h-8.88v-4.061c-2.482 3.097-6.194 5.025-11.219 5.025-9.153 0-16.728-7.917-16.728-18.171s7.575-18.17 16.728-18.17c5.025 0 8.744 1.927 11.219 5.024v-4.06h8.88zm-8.88 17.207c0-5.784-4.061-9.708-9.564-9.708s-9.503 3.924-9.503 9.708c0 5.784 4.061 9.708 9.503 9.708s9.564-3.924 9.564-9.708zM224.607 36.137v14.315c0 3.719 2.687 3.787 7.78 3.514v8.053c-12.455 1.374-16.66-2.27-16.66-11.567V36.137h-5.989v-8.532h5.989v-9.64h8.88v9.64h7.78v8.532h-7.78zM322.755 27.605V62.02h-8.88v-4.061c-2.482 3.097-6.194 5.025-11.219 5.025-9.153 0-16.728-7.917-16.728-18.171s7.575-18.17 16.728-18.17c5.025 0 8.744 1.927 11.219 5.024v-4.06h8.88zm-8.88 17.207c0-5.784-4.061-9.708-9.564-9.708s-9.503 3.924-9.503 9.708c0 5.784 4.061 9.708 9.503 9.708s9.564-3.924 9.564-9.708zM382.133 40.82v21.199h-8.881V41.442c0-4.06-2.064-6.543-5.783-6.543-3.924 0-6.406 2.619-6.406 7.78v19.34h-8.881V41.442c0-4.06-2.064-6.543-5.783-6.543-3.72 0-6.467 2.619-6.467 7.78v19.34h-8.881V27.605h8.881v3.643c1.928-2.892 5.161-4.607 9.563-4.607 4.403 0 7.439 1.791 9.359 4.957 2.133-3.097 5.579-4.957 10.254-4.957 7.848 0 13.01 5.579 13.01 14.178h.015zM427.256 44.812c0 10.254-7.567 18.17-16.796 18.17-5.025 0-8.676-1.859-11.15-5.024v17.83h-8.881V27.604h8.881v4.06c2.482-3.164 6.125-5.024 11.15-5.024 9.222 0 16.796 7.917 16.796 18.17zm-8.88 0c0-5.784-4.061-9.708-9.564-9.708-5.502 0-9.502 3.924-9.502 9.708 0 5.784 4.06 9.708 9.502 9.708 5.443 0 9.564-3.924 9.564-9.708zM465.556 27.605V62.02h-8.881v-3.856c-2.064 3.097-5.639 4.82-10.254 4.82-7.294 0-13.009-5.093-13.009-14.247v-21.13h8.88v20.03c0 4.683 2.824 7.089 6.816 7.089 4.334 0 7.567-2.543 7.567-8.531v-18.58h8.881v-.009zM188.63 37.374c0-1.86 1.791-2.824 3.992-2.824a6.14 6.14 0 012.953.729c1.268.63 2.307 1.586 3.059 2.512l7.074-3.856c-2.687-4.751-7.499-7.294-13.078-7.294-7.089 0-13.078 3.924-13.078 10.945 0 12.114 17.754 9.359 17.754 14.383 0 1.997-1.928 2.96-4.752 2.96-.387 0-.759-.022-1.123-.068a7.293 7.293 0 01-2.634-.804c-1.533-.775-2.71-1.966-3.598-3.257l-7.096 3.993c2.482 5.298 7.567 8.19 14.451 8.19 7.363 0 13.837-3.583 13.837-11.014 0-12.668-17.761-9.502-17.761-14.595zM482.239 37.374c0-1.86 1.792-2.824 3.993-2.824 1.108 0 2.095.266 2.952.729 1.268.63 2.308 1.586 3.059 2.512l7.074-3.856c-2.687-4.751-7.499-7.294-13.078-7.294-7.089 0-13.077 3.924-13.077 10.945 0 12.114 17.753 9.359 17.753 14.383 0 1.997-1.928 2.96-4.751 2.96-.388 0-.759-.022-1.124-.068a7.293 7.293 0 01-2.634-.804c-1.533-.775-2.709-1.966-3.597-3.257l-7.097 3.993c2.482 5.298 7.567 8.19 14.452 8.19 7.362 0 13.836-3.583 13.836-11.014 0-12.668-17.761-9.502-17.761-14.595zM275.332 49.814c-1.579 2.71-4.463 4.357-7.962 4.357h-.129c-.053 0-.099.008-.144.008-5.298 0-9.222-3.925-9.222-9.36 0-5.434 3.924-9.426 9.222-9.426.053 0 .106.008.159.008h.114c3.507 0 6.399 1.647 7.97 4.371l7.233-4.235c-2.823-5.305-8.675-8.88-15.415-8.88-10.46 0-18.171 7.916-18.171 18.17 0 10.255 7.711 18.171 18.171 18.171 6.747 0 12.599-3.582 15.559-8.948l-7.385-4.22v-.016z" fill="#000"></path><path data-v-62b4fdfc="" d="M75.461 37.722a.219.219 0 00.327-.19C75.575 16.805 58.702.069 37.928.069a37.617 37.617 0 00-18.58 4.88.22.22 0 000 .38L75.46 37.722zM5.328 19.347a.22.22 0 00-.38 0 37.617 37.617 0 00-4.88 18.58c0 20.775 16.737 37.64 37.458 37.86a.219.219 0 00.19-.326L5.327 19.347zM12.326 12.47l35.666 61.776a.22.22 0 00.25.099c12.616-3.568 22.543-13.495 26.11-26.11a.22.22 0 00-.098-.25L12.47 12.324c-.09-.052-.197.054-.144.145z" fill="#FC1C49"></path></g><defs data-v-62b4fdfc=""><clipPath data-v-62b4fdfc="" id="clip0_2879_347">
<path fill="#fff" d="M0 0h500v75.901H0z"></path>
</svg>
</a>
<!-- 검색창 -->
<div class="header-search-bar">
<div class="search-bar-form">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="search-icon__input">
<circle cx="10.5" cy="10.5" r="6.5" stroke="#ABABAB" stroke-width="1.5"></circle>
<path d="M15.5 15.5L20 20" stroke="#ABABAB" stroke-width="1.5" stroke-linecap="round"></path>
</svg>
<input class="search-bar-input" type="text" placeholder="찾고 싶은 강의 주제를 입력해주세요.">
</div>
</div>
<!-- 로그인,고객센터,기업교육 -->
<div class="header-utils">
<div class="header-utils__link">
<a href="#" class="sign-link">로그인</a>
</div>
<div class="header-utils__link" style="margin-left: 16px;">
<a href="#" class="customer-service">고객센터</a>
</div>
<div class="header-utils__link" style="margin-left: 16px;">
<a href="#" class="b2b-marketing-link">
기업교육
<svg data-v-0ee823ad="" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="b2b-marketing-link-icon"><path data-v-0ee823ad="" d="M9.6 3.2h3.2v3.2" stroke="#171717" stroke-linecap="round" stroke-linejoin="round"></path><path data-v-0ee823ad="" d="M12.8 3.2l-4 4M7.4 3.2H5.2a2 2 0 00-2 2v5.6a2 2 0 002 2h5.6a2 2 0 002-2V8.6" stroke="#171717" stroke-linecap="round"></path></svg>
</a>
</div>
</div>
</div>
<!-- header 하단 / 네비게이션 -->
<nav class="header-navigation">
<div class="focus-wrapper">
<!-- 카테고리 분류 네비게이션 -->
<div class="category-nav">
<div class="category-nav__menu-opener">
<svg data-v-104fb466="" width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="category-nav__menu-opener-icon"><path data-v-104fb466="" d="M0 1a1 1 0 011-1h12a1 1 0 110 2H1a1 1 0 01-1-1zM0 6a1 1 0 011-1h12a1 1 0 110 2H1a1 1 0 01-1-1zM0 11a1 1 0 011-1h12a1 1 0 110 2H1a1 1 0 01-1-1z" fill="#fff"></path></svg>
<span>카테고리</span>
<div class="opacity-box"></div>
<div class="category-menu" >
<div class="category-menu-container">
<ul class="main-category-menu__category-link-list">
<li>
<a href="#" target="" class="link">
<div class="category-menu__img" style="background-image: url(https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202107/043549-406/ico-prog-large.svg);"></div>
프로그래밍
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="link__arrow-icon link__arrow-icon--hover"><path data-v-306e732e="" d="M10 16.245l4.243-4.243L10 7.76" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<ul class="category-menu-detail">
<li><a href="#" class="link">프론트엔드 개발</a></li>
<li><a href="#" class="link">백엔드 개발</a></li>
<li><a href="#" class="link">모바일 앱 개발</a></li>
<li><a href="#" class="link">Devops/infra</a></li>
<li><a href="#" class="link">블록체인 개발</a></li>
<li><a href="#" class="link">게임 개발</a></li>
<li><a href="#" class="link">컴퓨터 공학/SW 엔지니어링</a></li>
</ul>
</li>
<li>
<a href="#" target="" class="link">
<div class="category-menu__img" style="background-image: url(https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202107/043531-406/ico-data-large.svg);"></div>
데이터사이언스
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="link__arrow-icon link__arrow-icon--hover"><path data-v-306e732e="" d="M10 16.245l4.243-4.243L10 7.76" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<ul class="category-menu-detail">
<li><a href="#" class="link">데이터분석</a></li>
<li><a href="#" class="link">머신러닝</a></li>
<li><a href="#" class="link">데이터엔지니어링</a></li>
</ul>
</li>
<li>
<a href="#" target="" class="link">
<div class="category-menu__img" style="background-image: url(https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202306/024644-397/icon-category-ai.svg);"></div>
인공지능
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="link__arrow-icon link__arrow-icon--hover"><path data-v-306e732e="" d="M10 16.245l4.243-4.243L10 7.76" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<ul class="category-menu-detail">
<li><a href="#" class="link">딥러닝</a></li>
<li><a href="#" class="link">컴퓨터비전</a></li>
<li><a href="#" class="link">자연어처리</a></li>
<li><a href="#" class="link">ChatGPT</a></li>
</ul>
</li>
<li>
<a href="#" target="" class="link">
<div class="category-menu__img" style="background-image: url(https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202107/043648-406/ico-dgn-large.svg);"></div>
디자인
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="link__arrow-icon link__arrow-icon--hover"><path data-v-306e732e="" d="M10 16.245l4.243-4.243L10 7.76" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<ul class="category-menu-detail">
<li><a href="#" class="link">PLUS X SHARE X</a></li>
<li><a href="#" class="link">UX/UI</a></li>
<li><a href="#" class="link">2D/그래픽/브랜딩</a></li>
<li><a href="#" class="link">3D/건축</a></li>
</ul>
</li>
<li>
<a href="#" target="" class="link">
<div class="category-menu__img" style="background-image: url(https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202107/043744-406/ico-video-large.svg);"></div>
영상/3D
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="link__arrow-icon link__arrow-icon--hover"><path data-v-306e732e="" d="M10 16.245l4.243-4.243L10 7.76" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<ul class="category-menu-detail">
<li><a href="#" class="link">영상/사진</a></li>
<li><a href="#" class="link">모션그래픽</a></li>
<li><a href="#" class="link">블렌더</a></li>
<li><a href="#" class="link">3D CG</a></li>
</ul>
</li>
<li>
<a href="#" target="" class="link">
<div class="category-menu__img" style="background-image: url(https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202301/091216-17/brushicon-48.png);"></div>
일러스트
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="link__arrow-icon link__arrow-icon--hover"><path data-v-306e732e="" d="M10 16.245l4.243-4.243L10 7.76" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<ul class="category-menu-detail">
<li><a href="#" class="link">네오아카데미</a></li>
<li><a href="#" class="link">캐릭터일러스트</a></li>
<li><a href="#" class="link">웹툰/웹소설</a></li>
<li><a href="#" class="link">취미드로잉</a></li>
</ul>
</li>
<li>
<a href="#" target="" class="link">
<div class="category-menu__img" style="background-image: url(https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202107/043809-406/ico-fin-large.svg);"></div>
금융/투자
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="link__arrow-icon link__arrow-icon--hover"><path data-v-306e732e="" d="M10 16.245l4.243-4.243L10 7.76" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<ul class="category-menu-detail">
<li><a href="#" class="link">권오상 금융 아카데미</a></li>
<li><a href="#" class="link">부동산</a></li>
<li><a href="#" class="link">금융 투자 실무</a></li>
<li><a href="#" class="link">재무/회계/세무</a></li>
<li><a href="#" class="link">제태크/주식</a></li>
</ul>
</li>
<li>
<a href="#" target="" class="link">
<div class="category-menu__img" style="background-image: url(https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202107/043837-406/ico-mktg-large.svg);"></div>
마케팅
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="link__arrow-icon link__arrow-icon--hover"><path data-v-306e732e="" d="M10 16.245l4.243-4.243L10 7.76" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<ul class="category-menu-detail">
<li><a href="#" class="link">디지털 마케팅</a></li>
<li><a href="#" class="link">콘텐츠/마케팅 전략</a></li>
</ul>
</li>
<li>
<a href="#" target="" class="link">
<div class="category-menu__img" style="background-image: url(https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202109/110537-317/ico-product-large.svg);"></div>
업무 생산성
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="link__arrow-icon link__arrow-icon--hover"><path data-v-306e732e="" d="M10 16.245l4.243-4.243L10 7.76" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<ul class="category-menu-detail">
<li><a href="#" class="link">엑셀/VBA/업무자동화</a></li>
<li><a href="#" class="link">PPT/보고서</a></li>
<li><a href="#" class="link">글쓰기/카피라이팅</a></li>
<li><a href="#" class="link">숏북</a></li>
<li><a href="#" class="link">ChatGPT 활용</a></li>
</ul>
</li>
<li>
<a href="#" target="" class="link">
<div class="category-menu__img" style="background-image: url(https://storage.googleapis.com/static.fastcampus.co.kr/prod/uploads/202306/024711-397/icon-category-bizplan.svg);"></div>
비즈니스/기획
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="link__arrow-icon link__arrow-icon--hover"><path data-v-306e732e="" d="M10 16.245l4.243-4.243L10 7.76" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<ul class="category-menu-detail">
<li><a href="#" class="link">PM/PO/기획</a></li>
<li><a href="#" class="link">경영/부업/창업</a></li>
<li><a href="#" class="link">커뮤니케이션/리더십</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 주요 타이틀 네비게이션 -->
<ul class="focus-nav-list">
<li class="focus-nav-list__item">
<a href="#" class="focus-na-list__link">강의 가격 인상 임박!</a>
</li>
<li class="focus-nav-list__item">
<a href="#" class="focus-na-list__link">네오아카데미</a>
</li>
<li class="focus-nav-list__item">
<a href="#" class="focus-na-list__link">플러스엑스</a>
</li>
<li class="focus-nav-list__item">
<a href="#" class="focus-na-list__link">무료강의</a>
</li>
<li class="focus-nav-list__item">
<a href="#" class="focus-na-list__link">신규강의</a>
</li>
<li class="focus-nav-list__item">
<a href="#" class="focus-na-list__link">더 레드</a>
</li>
<li class="focus-nav-list__item">
<a href="#" class="focus-na-list__link">Kernel360</a>
</li>
<li class="focus-nav-list__item">
<a href="#" class="focus-na-list__link">국비지원</a>
</li>
</ul>
</div>
<!-- 미디어 이벤트 -->
<div class="operation-nav-list">
<div class="operation-nav-list__divider"></div>
<a href="#" class="operation-nav-list__link">미디어</a>
<a href="#" class="operation-nav-list__link">이벤트</a>
</div>
</nav>
</div>
</header>
<!-- main -->
<main id="main" class="main">
<!-- slider -->
<article>
<section class="curation-section">
<input class="slider-input-radio" type="radio" name="slide" id="slide01" checked/>
<input class="slider-input-radio" type="radio" name="slide" id="slide02"/>
<input class="slider-input-radio" type="radio" name="slide" id="slide03"/>
<input class="slider-input-radio" type="radio" name="slide" id="slide04"/>
<input class="slider-input-radio" type="radio" name="slide" id="slide05"/>
<input class="slider-input-radio" type="radio" name="slide" id="slide06"/>
<input class="slider-input-radio" type="radio" name="slide" id="slide07"/>
<input class="slider-input-radio" type="radio" name="slide" id="slide08"/>
<input class="slider-input-radio" type="radio" name="slide" id="slide09"/>
<input class="slider-input-radio" type="radio" name="slide" id="slide10"/>
<input class="slider-input-radio" type="radio" name="slide" id="slide11"/>
<input class="slider-input-radio" type="radio" name="slide" id="slide12"/>
<input class="slider-input-radio" type="radio" name="slide" id="slide13"/>
<div class="curation-section__slidewrap">
<ul class="curation-section__slidelist">
<li>
<a href="#" style="background-color: #080808;">
<div class="curation-section__slide__text">
<h3 class="curation-section__slide__title">
포트폴리오 만들고
<br>
100% 환급까지 받자!
</h3>
<p class="curation-section__slide__p">
50일 포트폴리오 챌린지
<br>
⏰7월 28일까지 도전자 모집
</p>
</div>
<img src="assets/slider/main-banner01.webp" class="curation-section__slide__img"/>
</a>
</li>
<li>
<a href="#" style="background-color: rgb(11, 11, 11);">
<div class="curation-section__slide__text">
<h3 class="curation-section__slide__title">
🚨 온라인 강의 가격이
<br>
최대 10% 인상됩니다.
</h3>
<p class="curation-section__slide__p">
대상강의 : 400+ 개
<br>
시행일 : 7월 31일 23:59 이후
</p>
</div>
<img src="assets/slider/main-banner02.webp" class="curation-section__slide__img"/>
</a>
</li>
<li>
<a href="#" style="background-color: #000;">
<div class="curation-section__slide__text">
<h3 class="curation-section__slide__title">
7월 27일
<font color="#FF6400">Plus X DAY</font>
<br>
사전 알림 신청하기
</h3>
<p class="curation-section__slide__p">
PLUS X SHARE X 전 강의
<br>
최대 66% 할인 쿠폰팩
</p>
</div>
<img src="assets/slider/main-banner03.png" class="curation-section__slide__img"/>
</a>
</li>
<li>
<a href="#" style="background-color: #050505;">
<div class="curation-section__slide__text">
<h3 class="curation-section__slide__title">
오직 개발에만 집중할
<br>
당신을 위한 새로운 교육
</h3>
<p class="curation-section__slide__p">
Kernel360, 개강 알림하고
<br>
개발 커리어 가이드도 받아가세요
</p>
</div>
<img src="assets/slider/main-banner04.png" class="curation-section__slide__img"/>
</a>
</li>
<li>
<a href="#" style="background-color: #000;">
<div class="curation-section__slide__text">
<h3 class="curation-section__slide__title">
새로운 신드롬,
<br>
ChatGPT 강의 시리즈
</h3>
<p class="curation-section__slide__p">
지금 내게 필요한
<br>
ChatGpt 강의를 살펴 보세요.
</p>
</div>
<img src="assets/slider/main-banner05.webp" class="curation-section__slide__img"/>
</a>
</li>
<li>
<a href="#" style="background-color: rgb(255, 219, 0);">
<div class="curation-section__slide__text">
<h3 class="curation-section__slide__title">
백엔드 개발자라면?
<br>
핀테크 프로젝트는 못참지!
</h3>
<p class="curation-section__slide__p">
70시간 MSA 프로젝트 하나로
<br>
백엔드 & 데브옵스 모두 구축!
</p>
</div>
<img src="assets/slider/main-banner06.webp" class="curation-section__slide__img"/>
</a>
</li>
<li>
<a href="#" style="background-color: #050227;">
<div class="curation-section__slide__text">
<h3 class="curation-section__slide__title">
30만장 기획서를 쓰며
<br>
발견한 기획 필승 공식!
</h3>
<p class="curation-section__slide__p">
연봉 10억 기획자가 알려주는
<br>
50가지 기획 디테일을 배워 보세요.
</p>
</div>
<img src="assets/slider/main-banner07.webp" class="curation-section__slide__img"/>
</a>
</li>
<li>
<a href="#" style="background-color: #000;">
<div class="curation-section__slide__text">
<h3 class="curation-section__slide__title">
역대급 구성과 혜택!
<br>
PM/PO NO.1 강의
</h3>
<p class="curation-section__slide__p">
116시간 커리큘럼, 50개 프로젝트까지
<br>
13개 대기업 강사진과 함께 하세요!
</p>
</div>
<img src="assets/slider/main-banner08.webp" class="curation-section__slide__img"/>
</a>
</li>
<li>
<a href="#" style="background-color: #dff1ff;">
<div class="curation-section__slide__text" style="color:black">
<h3 class="curation-section__slide__title">
누구나 손 쉽게
<br>
버튜버 데뷔 가능!
</h3>
<p class="curation-section__slide__p">
버츄얼 캐릭터 기획부터
<br>
일러스트, 리깅, 방송하는 법까지
</p>
</div>
<img src="assets/slider/main-banner09.webp" class="curation-section__slide__img"/>
</a>
</li>
<li>
<a href="#" style="background-color: #010101;">
<div class="curation-section__slide__text">
<h3 class="curation-section__slide__title">
인디 게임 개발자를 위한
<br>
픽셀 게임 도트 그래픽
</h3>
<p class="curation-section__slide__p">
상업적으로 활용 가능한
<br>
유/무료 게임 소스 100종 제공!
</p>
</div>
<img src="assets/slider/main-banner10.webp" class="curation-section__slide__img"/>
</a>
</li>
<li>
<a href="#" style="background-color: #0B1019;">
<div class="curation-section__slide__text">
<h3 class="curation-section__slide__title">
나랏돈산 공부하자!
<br>
내일배움 아카데미
</h3>
<p class="curation-section__slide__p">
국비지원이니까
<br>
전 강의 0원!
</p>
</div>
<img src="assets/slider/main-banner11.png" class="curation-section__slide__img"/>
</a>
</li>
<li>
<a href="#" style="background-color: #000;">
<div class="curation-section__slide__text">
<h3 class="curation-section__slide__title">
개발자, PM을 위한
<br>
<span style="color: #FF357A;">야놀자 테크 스쿨</span>
OPEN
</h3>
<p class="curation-section__slide__p">
개발자, PM, 디자이너 협업 프로젝트와
<br>
야놀자 서류 전형 면제 혜택까지!
</p>
</div>
<img src="assets/slider/main-banner12.png" class="curation-section__slide__img"/>
</a>
</li>
<li>
<a href="#" style="background-color: #1454C2;">
<div class="curation-section__slide__text">
<h3 class="curation-section__slide__title">
삼성 강남과 함께하는
<br>
패캠 원데이클래스
</h3>
<p class="curation-section__slide__p">
🔥 선착순 무료!
<br>
지금 신청하러가기 (click)
</p>
</div>
<img src="assets/slider/main-banner13.png" class="curation-section__slide__img"/>
</a>
</li>
</ul>
<!-- 슬라이더 도트 -->
<div class="curation-section__radiobox">
<div class="curation-section__radio">
<label for="slide01"></label>
<label for="slide02"></label>
<label for="slide03"></label>
<label for="slide04"></label>
<label for="slide05"></label>
<label for="slide06"></label>
<label for="slide07"></label>
<label for="slide08"></label>
<label for="slide09"></label>
<label for="slide10"></label>
<label for="slide11"></label>
<label for="slide12"></label>
<label for="slide13"></label>
</div>
</div>
<!-- 슬라이더 컨트롤러 -->
<div class="curation-section__slide-control">
<div class="control01 controlbox">
<label for="slide13"></label>
<label for="slide02"></label>
</div>
<div class="control02 controlbox">
<label for="slide01"></label>
<label for="slide03"></label>
</div>
<div class="control03 controlbox">
<label for="slide02"></label>
<label for="slide04"></label>
</div>
<div class="control04 controlbox">
<label for="slide03"></label>
<label for="slide05"></label>
</div>
<div class="control05 controlbox">
<label for="slide04"></label>
<label for="slide06"></label>
</div>
<div class="control06 controlbox">
<label for="slide05"></label>
<label for="slide07"></label>
</div>
<div class="control07 controlbox">
<label for="slide06"></label>
<label for="slide08"></label>
</div>
<div class="control08 controlbox">
<label for="slide07"></label>
<label for="slide09"></label>
</div>
<div class="control09 controlbox">
<label for="slide08"></label>
<label for="slide10"></label>
</div>
<div class="control10 controlbox">
<label for="slide09"></label>
<label for="slide11"></label>
</div>
<div class="control11 controlbox">
<label for="slide10"></label>
<label for="slide12"></label>
</div>
<div class="control12 controlbox">
<label for="slide11"></label>
<label for="slide13"></label>
</div>
<div class="control13 controlbox">
<label for="slide12"></label>
<label for="slide01"></label>
</div>
</div>
</div>
</section>
</article>
<!-- section -->
<section class="product-compose">
<!-- new -->
<section class="product-compose__new">
<div class="product-compose__text">
<div>
<p class="vbox"><b style="color: #ED234B; font-weight: bold; font-size: 16px;">NEW</b></p>
</div>
<div>
<p class="vbox"><b style="color: #000; font-weight: bold; font-size: 24px;">신규 런칭 강의</b></p>
</div>
<div>
<p class="linkbox"><a href="#"><b style="color: #A6A6A6; font-weight: bold; font-size: 14px;">모든 신규강의 보러가기 ></b></a></p>
</div>
</div>
<div class="product-compose__contents">
<ul class="product-compose__cotents-container">
<li class="product-compose__content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-new/product-new01.webp" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
우티쇼트의 시네마틱 영상 클래스 : 촬영부터 연출, 편집까지
</strong>
<p class="product-compose__content-p">
누적 조회수 900만 우티쇼트가 알려주는 감각적인 시네마틱 영상 제작의 모든 것! 촬영부..
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">우티쇼트</li>
<li class="product-compose__content-card">시네마틱</li>
<li class="product-compose__content-card">영상</li>
<li class="product-compose__content-card">영상편집</li>
</ul>
</a>
</li>
<li class="product-compose__content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-new/product-new02.png" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
네오아카데미 만렙 패키지 : 리터칭 피드백 30선
</strong>
<p class="product-compose__content-p">
아트디렉터 완케, 설, 그리고 네오아카데미 인기 강사 8인의 꼼꼼한 리터칭 피드백으로, 어딘가..
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">네오</li>
<li class="product-compose__content-card">네오아카데미</li>
<li class="product-compose__content-card">리터칭</li>
<li class="product-compose__content-card">피드백</li>
</ul>
</a>
</li>
<li class="product-compose__content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-new/product-new03.webp" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
Stable Diffusion을 활용한 2D / 2.5D / 실사 이미지 제작
</strong>
<p class="product-compose__content-p">
2D / 2.5D / 컨셉 / 3D까지! 다양한 스타일의 이미지를 직접 제작하고 디테일 살리는 법
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">stablediffusion</li>
<li class="product-compose__content-card">ai</li>
<li class="product-compose__content-card">ai이미지</li>
</ul>
</a>
</li>
<li class="product-compose__content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-new/product-new04.png" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
권오상 회계사의 2023Dart 공시자료로 배우는 업종별 재무제..
</strong>
<p class="product-compose__content-p">
CFA 1타 강사 권오상 회계사가 선정한 업종별 대표 기업의 2023 공시자료로 진행하는.
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">업종별</li>
<li class="product-compose__content-card">Dart</li>
<li class="product-compose__content-card">공시</li>
<li class="product-compose__content-card">재무제표</li>
</ul>
</a>
</li>
<li class="product-compose__content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-new/product-new05.jpeg" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
도전! ChatGPT부터 미드저니까지 AI로 마케팅 콘텐츠 정복하기
</strong>
<p class="product-compose__content-p">
ChatGPT는 물론 10가지 이상의 AI를 활용하여 "팔리는" 마케팅 콘텐츠를 디자이너, 개발자 없..
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">chatgpt</li>
<li class="product-compose__content-card">콘텐츠생성</li>
<li class="product-compose__content-card">미드저니</li>
</ul>
</a>
</li>
<li class="product-compose__content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-new/product-new06.webp" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
The RED : 프롬프트 엔지니어링, LLM(ChatGPT) 기반의 AI 서비..
</strong>
<p class="product-compose__content-p">
국내유일, LLM(ChatGPT) 기반의 서비스 개발을 위한 핵심만 담은 13시간 분량의 프롬프..
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">골빈해커</li>
<li class="product-compose__content-card">LLM</li>
<li class="product-compose__content-card">프롬프트엔지니어링</li>
</ul>
</a>
</li>
<li class="product-compose__content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-new/product-new07.webp" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
ChatGPT API를 활용한 챗봇 서비스 구축 with LangChain &..
</strong>
<p class="product-compose__content-p">
ChatGPT 서비스를 5분 안에 만드는 방법! 프레임워크를 배워 보세요!
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">langchain</li>
<li class="product-compose__content-card">semantickernel</li>
</ul>
</a>
</li>
<li class="product-compose__content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-new/product-new08.jpeg" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
현업 시뮬레이션으로 끝내는 IB 실무 올인원 패키지 Online.
</strong>
<p class="product-compose__content-p">
기업금융, ECM, DCM 부서별 시뮬레이션과 8개 실습으로 직접 체험하는 투자 은행(IB) 실무
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">IB실무</li>
<li class="product-compose__content-card">기업금융</li>
<li class="product-compose__content-card">ECM</li>
<li class="product-compose__content-card">DCM</li>
</ul>
</a>
</li>
</ul>
</div>
</section>
<!-- hot -->
<section class="product-compose__hot">
<div class="product-compose__text">
<div class="vbox">
<p><b style="color: #ED234B; font-weight: bold; font-size: 16px;">HOT</b></p>
</div>
<div class="vbox">
<p><b style="color: #000; font-weight: bold; font-size: 24px;">Best Seller</b></p>
</div>
<div class="vbox">
<p style="color: #000000; font-size: 16px;">패스트캠퍼스의 대표 강의들을 만나보세요</p>
</div>
</div>
<div class="product-compose__contents">
<ul class="product-compose__hot-cotents-container">
<li><a href="#"><img src="assets/product-hot/product-hot01.png" class="product-compose__hot-content-img"/></a></li>
<li><a href="#"><img src="assets/product-hot/product-hot02.png" class="product-compose__hot-content-img"/></a></li>
<li><a href="#"><img src="assets/product-hot/product-hot03.png" class="product-compose__hot-content-img"/></a></li>
<li><a href="#"><img src="assets/product-hot/product-hot04.png" class="product-compose__hot-content-img"/></a></li>
<li><a href="#"><img src="assets/product-hot/product-hot05.png" class="product-compose__hot-content-img"/></a></li>
<li><a href="#"><img src="assets/product-hot/product-hot06.png" class="product-compose__hot-content-img"/></a></li>
<li><a href="#"><img src="assets/product-hot/product-hot07.png" class="product-compose__hot-content-img"/></a></li>
<li><a href="#"><img src="assets/product-hot/product-hot08.png" class="product-compose__hot-content-img"/></a></li>
<li><a href="#"><img src="assets/product-hot/product-hot09.png" class="product-compose__hot-content-img"/></a></li>
<li><a href="#"><img src="assets/product-hot/product-hot10.png" class="product-compose__hot-content-img"/></a></li>
<li><a href="#"><img src="assets/product-hot/product-hot11.png" class="product-compose__hot-content-img"/></a></li>
<li><a href="#"><img src="assets/product-hot/product-hot12.png" class="product-compose__hot-content-img"/></a></li>
</ul>
</div>
</section>
<!-- rising -->
<section class="product-compose__rising">
<input type="radio" name="rising-slide" id="rising-slide01" checked/>
<input type="radio" name="rising-slide" id="rising-slide02"/>
<input type="radio" name="rising-slide" id="rising-slide03"/>
<div class="product-compose__text">
<div class="vbox">
<p><b style="color: #ED234B; font-weight: bold; font-size: 16px;">Rising</b></p>
</div>
<div class="vbox">
<p><b style="color: #000; font-weight: bold; font-size: 24px;">인기 급상승 강의</b></p>
</div>
<div class="vbox">
<p style="color: #000000; font-size: 16px;">최근 한 달 70만 패캐머들이 가장 많이 찾은 Rising 강의.</p>
</div>
<!-- slide btn -->
<div class="rising-slide-btn-wrapper">
<div class="rising-slide-btn">
<span>1/3</span>
<label for="rising-slide01" class="rising-left-label" style="border-radius: 5px 0 0 5px; margin-right: 2px; opacity: 0.6;"></label>
<label for="rising-slide02" class="rising-right-label" style="border-radius: 0 5px 5px 0;"></label>
</div>
<div class="rising-slide-btn">
<span>2/3</span>
<label for="rising-slide01" class="rising-left-label" style="border-radius: 5px 0 0 5px; margin-right: 2px;"></label>
<label for="rising-slide03" class="rising-right-label" style="border-radius: 0 5px 5px 0;"></label>
</div>
<div class="rising-slide-btn">
<span>3/3</span>
<label for="rising-slide02" class="rising-left-label" style="border-radius: 5px 0 0 5px; margin-right: 2px;"></label>
<label for="rising-slide03" class="rising-right-label" style="border-radius: 0 5px 5px 0;"></label>
</div>
</div>
</div>
<div class="product-compose__contents rising_contents">
<ul class="product-compose__rising-cotents-container">
<li>
<ul class="product-compose__cotents-container rising-container">
<li class="product-compose__content rising-content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-rising/product-rising01.png" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
플러스엑스 BX 실무 마스터 패키지
</strong>
<p class="product-compose__content-p">
브랜드 디자인 전략부터 BX 엘리먼츠, 디자인 가이드라인까지 플러스엑스 BX 팀의 업무..
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">PlusX</li>
<li class="product-compose__content-card">BXPACK</li>
<li class="product-compose__content-card">PROCESS</li>
</ul>
</a>
</li>
<li class="product-compose__content rising-content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-rising/product-rising01.png" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
플러스엑스 BX 실무 마스터 패키지1
</strong>
<p class="product-compose__content-p">
프로젝트 매니지먼트부터 리서치, UX 전략 도출까지 플러스엑스의 업무 프로세스 전체를..
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">PlusX</li>
<li class="product-compose__content-card">BXPACK</li>
<li class="product-compose__content-card">PROCESS</li>
</ul>
</a>
</li>
<li class="product-compose__content rising-content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-rising/product-rising03.png" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
10개 프로젝트로 완성하는 백엔드 웹개발(Java/Spring) 초격차..
</strong>
<p class="product-compose__content-p">
요구사항 분석, 도메인 설계, DB 구축, 기능 구현, 배포 및 성능 개선까지, 실무 초!밀착 10가지..
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">대용량데이터</li>
<li class="product-compose__content-card">핀테크</li>
<li class="product-compose__content-card">포트폴리오</li>
</ul>
</a>
</li>
<li class="product-compose__content rising-content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-rising/product-rising04.png" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
초격차 패키지 : 21개 프로젝트로 완성하는 인터랙티브 웹 개발 with..
</strong>
<p class="product-compose__content-p">
21개 프로젝트, 약 92시간 분량의 인터랙티브 웹 강의. 인터랙티브 웹의 기초부터 Canvas.js를..
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">인터렉티브</li>
<li class="product-compose__content-card">웹개발</li>
<li class="product-compose__content-card">프로젝트</li>
</ul>
</a>
</li>
</ul>
</li>
<li>
<ul class="product-compose__cotents-container rising-container">
<li class="product-compose__content rising-content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-rising/product-rising05.jpeg" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
베스트셀러 작가 반병현에게 배우는 ChatGPT 활용법
</strong>
<p class="product-compose__content-p">
ChatGPT 똑똑하게 쓰는 활용법부터 업무 활용 노하우까지!
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">챗GPT</li>
<li class="product-compose__content-card">ChatGPT</li>
<li class="product-compose__content-card">AI</li>
<li class="product-compose__content-card">AI기초</li>
</ul>
</a>
</li>
<li class="product-compose__content rising-content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-rising/product-rising06.png" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
핵심유형 20개로 한 번에 끝내는 알고리즘 코딩테스트 with Java..
</strong>
<p class="product-compose__content-p">
알고리즘부터 SQL까지 코딩테스트의 핵심 내용을 450문제에 모두 담은 강의로서, Quiz와..
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">코딩테스트</li>
<li class="product-compose__content-card">Java</li>
<li class="product-compose__content-card">자바</li>
<li class="product-compose__content-card">백준</li>
</ul>
</a>
</li>
<li class="product-compose__content rising-content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-rising/product-rising07.png" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
한번에 끝내는 영상 기획, 촬영과 편집까지 초격차 패키지 Online.
</strong>
<p class="product-compose__content-p">
국내 최고 디지털 영상 콘텐츠 제작팀 MBC 14F, 각 분야 현업 영상 전문가들과 함께 기획부터..
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">영상</li>
<li class="product-compose__content-card">영상제작</li>
<li class="product-compose__content-card">영상편집</li>
<li class="product-compose__content-card">영상기획</li>
</ul>
</a>
</li>
<li class="product-compose__content rising-content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-rising/product-rising08.png" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
일잘러 필수 스킬 모음.zip
</strong>
<p class="product-compose__content-p">
직장생활에 필요한 스킬은 이 강의 하나로 끝! 2,000+개 업무서식 및 디자인 소스 제공
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">PPT</li>
<li class="product-compose__content-card">보고서</li>
<li class="product-compose__content-card">한글</li>
<li class="product-compose__content-card">엑셀</li>
</ul>
</a>
</li>
</ul>
</li>
<li>
<ul class="product-compose__cotents-container rising-container">
<li class="product-compose__content rising-content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-rising/product-rising09.png" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
백엔드 개발자를 위한 한 번에 끝내는 대용량 데이터 & 트래픽 처리 초격..
</strong>
<p class="product-compose__content-p">
브랜드 디자인 전략부터 BX 엘리먼츠, 디자인 가이드라인까지 플러스엑스 BX 팀의 업무..
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">mongodb</li>
<li class="product-compose__content-card">kafka</li>
<li class="product-compose__content-card">redis</li>
</ul>
</a>
</li>
<li class="product-compose__content rising-content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-rising/product-rising10.png" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
프론트엔드 웹 개발의 모든 것 초격차 패키지 Online.
</strong>
<p class="product-compose__content-p">
시작부터 실전까지 프론트엔드 개발자가 되기 위한 모든 것을 담은 패스트캠퍼스의 프론트엔드..
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">언어</li>
<li class="product-compose__content-card">프레임워크</li>
<li class="product-compose__content-card">코딩테스트</li>
</ul>
</a>
</li>
<li class="product-compose__content rising-content">
<a href="#" class="product-compose__content-link">
<img src="assets/product-rising/product-rising11.png" class="product-compose__content-img"/>
<strong class="product-compose__content-strong">
한 번에 끝내는 서비스 기획의 모든 것 초격차 패키지 Online.
</strong>
<p class="product-compose__content-p">
서비스 기획의 필수 이론, 실습, 실무 인사이트를 전부 담은 강의! 5인의 IT 대기업 실무자 강사님과..
</p>
<ul class="product-compose__content-labels">
<li class="product-compose__content-card">PM</li>
<li class="product-compose__content-card">PO</li>
<li class="product-compose__content-card">서비스기획</li>
</ul>