|
18 | 18 | --gray: #6B7280; |
19 | 19 | --light: #F3F4F6; |
20 | 20 | --white: #FFFFFF; |
21 | | - --gradient-cover: linear-gradient(135deg, #4338CA 0%, #6366F1 100%); |
| 21 | + --gradient-cover: linear-gradient(135deg, #DD3F43 0%, #B93236 100%); |
22 | 22 | --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); |
23 | 23 | /* Reduced radius for more professional/compact look */ |
24 | 24 | --radius: 8px; |
|
413 | 413 | body { |
414 | 414 | background: white; |
415 | 415 | -webkit-print-color-adjust: exact; |
| 416 | + print-color-adjust: exact; |
416 | 417 | } |
417 | 418 |
|
418 | 419 | .page { |
@@ -507,6 +508,86 @@ <h1 class="cover-title">AI TREND<br>REPORT</h1> |
507 | 508 | </div> |
508 | 509 | </div> |
509 | 510 |
|
| 511 | + <!-- TABLE OF CONTENTS --> |
| 512 | + <div class="page"> |
| 513 | + <div class="header"> |
| 514 | + <div class="header-title"> |
| 515 | + <h2>Table of Contents</h2> |
| 516 | + </div> |
| 517 | + </div> |
| 518 | + |
| 519 | + <div style="display: flex; flex-direction: column; gap: 20px; margin-top: 40px;"> |
| 520 | + |
| 521 | + <!-- Item --> |
| 522 | + <div style="display: flex; align-items: baseline; border-bottom: 1px solid #E5E7EB; padding-bottom: 10px;"> |
| 523 | + <span |
| 524 | + style="font-size: 14px; font-weight: 800; color: var(--primary); width: 80px; flex-shrink: 0;">PART |
| 525 | + 0</span> |
| 526 | + <span style="font-size: 16px; font-weight: 600; flex: 1;">Executive Summary</span> |
| 527 | + <span style="font-size: 16px; font-weight: 700; color: var(--gray);">03</span> |
| 528 | + </div> |
| 529 | + |
| 530 | + <!-- Item --> |
| 531 | + <div style="display: flex; align-items: baseline; border-bottom: 1px solid #E5E7EB; padding-bottom: 10px;"> |
| 532 | + <span |
| 533 | + style="font-size: 14px; font-weight: 800; color: var(--primary); width: 80px; flex-shrink: 0;">PART |
| 534 | + 1 & 2</span> |
| 535 | + <span style="font-size: 16px; font-weight: 600; flex: 1;">응답자 프로필 & 기술 트렌드</span> |
| 536 | + <span style="font-size: 16px; font-weight: 700; color: var(--gray);">04</span> |
| 537 | + </div> |
| 538 | + |
| 539 | + <!-- Item --> |
| 540 | + <div style="display: flex; align-items: baseline; border-bottom: 1px solid #E5E7EB; padding-bottom: 10px;"> |
| 541 | + <span |
| 542 | + style="font-size: 14px; font-weight: 800; color: var(--primary); width: 80px; flex-shrink: 0;">PART |
| 543 | + 3</span> |
| 544 | + <span style="font-size: 16px; font-weight: 600; flex: 1;">생성형 AI 활용 현황</span> |
| 545 | + <span style="font-size: 16px; font-weight: 700; color: var(--gray);">05</span> |
| 546 | + </div> |
| 547 | + |
| 548 | + <!-- Item --> |
| 549 | + <div style="display: flex; align-items: baseline; border-bottom: 1px solid #E5E7EB; padding-bottom: 10px;"> |
| 550 | + <span |
| 551 | + style="font-size: 14px; font-weight: 800; color: var(--primary); width: 80px; flex-shrink: 0;">PART |
| 552 | + 4</span> |
| 553 | + <span style="font-size: 16px; font-weight: 600; flex: 1;">성장과 교육 니즈 (Needs)</span> |
| 554 | + <span style="font-size: 16px; font-weight: 700; color: var(--gray);">06</span> |
| 555 | + </div> |
| 556 | + |
| 557 | + <!-- Item --> |
| 558 | + <div style="display: flex; align-items: baseline; border-bottom: 1px solid #E5E7EB; padding-bottom: 10px;"> |
| 559 | + <span |
| 560 | + style="font-size: 14px; font-weight: 800; color: var(--primary); width: 80px; flex-shrink: 0;">PART |
| 561 | + 5</span> |
| 562 | + <span style="font-size: 16px; font-weight: 600; flex: 1;">커뮤니티와 연결</span> |
| 563 | + <span style="font-size: 16px; font-weight: 700; color: var(--gray);">07</span> |
| 564 | + </div> |
| 565 | + |
| 566 | + <!-- Item --> |
| 567 | + <div style="display: flex; align-items: baseline; border-bottom: 1px solid #E5E7EB; padding-bottom: 10px;"> |
| 568 | + <span |
| 569 | + style="font-size: 14px; font-weight: 800; color: var(--primary); width: 80px; flex-shrink: 0;">PART |
| 570 | + 6</span> |
| 571 | + <span style="font-size: 16px; font-weight: 600; flex: 1;">2025 Overall Insights</span> |
| 572 | + <span style="font-size: 16px; font-weight: 700; color: var(--gray);">08</span> |
| 573 | + </div> |
| 574 | + |
| 575 | + <!-- Item --> |
| 576 | + <div style="display: flex; align-items: baseline; border-bottom: 1px solid #E5E7EB; padding-bottom: 10px;"> |
| 577 | + <span |
| 578 | + style="font-size: 14px; font-weight: 800; color: var(--gray); width: 80px; flex-shrink: 0;">APPENDIX</span> |
| 579 | + <span style="font-size: 16px; font-weight: 600; flex: 1;">About ModuLabs</span> |
| 580 | + <span style="font-size: 16px; font-weight: 700; color: var(--gray);">09</span> |
| 581 | + </div> |
| 582 | + |
| 583 | + </div> |
| 584 | + |
| 585 | + <div class="page-footer"> |
| 586 | + <span>MODULABS 2025 AI TREND REPORT</span> |
| 587 | + <span>02</span> |
| 588 | + </div> |
| 589 | + </div> |
| 590 | + |
510 | 591 | <!-- EXECUTIVE SUMMARY --> |
511 | 592 | <div class="page"> |
512 | 593 | <div class="header"> |
@@ -566,13 +647,13 @@ <h2>2025 AI Trend Overview</h2> |
566 | 647 | <div class="insight-content"> |
567 | 648 | <h4>Insight: From Tool to Partner</h4> |
568 | 649 | <p>AI는 더 이상 단순한 '검색 도구'가 아닙니다. 2025년은 사용자의 의도를 파악하고 복잡한 업무를 대신 수행하는 <strong>'동료(Partner)'</strong>로서의 |
569 | | - AI를 받아들이는 해가 될 것입니다. 이에 따라 <strong>신뢰성 검증</strong> 역량이 그 어느 때보다 중요해졌습니다.</p> |
| 650 | + AI를 받아들이는 해였습니다. 이에 따라 <strong>신뢰성 검증</strong> 역량이 그 어느 때보다 중요해졌습니다.</p> |
570 | 651 | </div> |
571 | 652 | </div> |
572 | 653 |
|
573 | 654 | <div class="page-footer"> |
574 | 655 | <span>MODULABS 2025 AI TREND REPORT</span> |
575 | | - <span>02</span> |
| 656 | + <span>03</span> |
576 | 657 | </div> |
577 | 658 | </div> |
578 | 659 |
|
@@ -645,7 +726,7 @@ <h3>🔥 2025년 가장 주목하는 AI 기술 (TOP 10)</h3> |
645 | 726 |
|
646 | 727 | <div class="page-footer"> |
647 | 728 | <span>MODULABS 2025 AI TREND REPORT</span> |
648 | | - <span>03</span> |
| 729 | + <span>04</span> |
649 | 730 | </div> |
650 | 731 | </div> |
651 | 732 |
|
@@ -770,7 +851,7 @@ <h4>Pain Point: 결과의 신뢰성</h4> |
770 | 851 |
|
771 | 852 | <div class="page-footer"> |
772 | 853 | <span>MODULABS 2025 AI TREND REPORT</span> |
773 | | - <span>04</span> |
| 854 | + <span>05</span> |
774 | 855 | </div> |
775 | 856 | </div> |
776 | 857 |
|
@@ -846,7 +927,7 @@ <h3>교육 니즈 상세 분석</h3> |
846 | 927 |
|
847 | 928 | <div class="page-footer"> |
848 | 929 | <span>MODULABS 2025 AI TREND REPORT</span> |
849 | | - <span>05</span> |
| 930 | + <span>06</span> |
850 | 931 | </div> |
851 | 932 | </div> |
852 | 933 |
|
@@ -890,7 +971,7 @@ <h2>커뮤니티와 연결</h2> |
890 | 971 |
|
891 | 972 | <div class="page-footer"> |
892 | 973 | <span>MODULABS 2025 AI TREND REPORT</span> |
893 | | - <span>06</span> |
| 974 | + <span>07</span> |
894 | 975 | </div> |
895 | 976 | </div> |
896 | 977 |
|
@@ -1116,7 +1197,7 @@ <h4 style="font-size: 15px; font-weight: 700; margin-bottom: 8px;">연결은 선 |
1116 | 1197 |
|
1117 | 1198 | <div class="page-footer"> |
1118 | 1199 | <span>MODULABS 2025 AI TREND REPORT</span> |
1119 | | - <span>07</span> |
| 1200 | + <span>08</span> |
1120 | 1201 | </div> |
1121 | 1202 | </div> |
1122 | 1203 |
|
|
0 commit comments