Commit @efa3073cadd9cd7a3674239bdc17d9af66cb8643

+<!DOCTYPE html>

+<html lang="en">

+<head>

+    <meta charset="UTF-8">

+    <meta name="viewport" content="width=device-width, initial-scale=1.0">

+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />

+    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>

+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />

+    <link rel="stylesheet" href="../../resources/css/reset.css">

+    <link rel="stylesheet" href="../../resources/css/style.css">

+    <link rel="stylesheet" href="../../resources/css/component.css">

+    <link rel="stylesheet" href="../../resources/css/common.css">

+    <link rel="stylesheet" href="../../resources/css/responsive.css">

+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />

+    <style>

+        html,

+        body {

+            position: relative;

+            height: 100%;

+        }

+        body {

+            background: #eee;

+            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

+            font-size: 14px;

+            color: #000;

+            margin: 0;

+            padding: 0;

+        }

+        .swiper {

+            width: 100%;

+            height: 100%;

+        }

+        .swiper-slide {

+            text-align: center;

+            font-size: 18px;

+            background: #fff;

+            display: flex;

+            justify-content: center;

+            align-items: center;

+        }

+        .swiper-slide img {

+            display: block;

+            width: 100%;

+            height: 100%;

+            object-fit: cover;

+        }

+        .test {

+            height: 100%;

+        }

+    </style>

+    <title>TAKENSOFT</title>

+</head>

+<body>

+    <!-- Swiper -->

+    <div class="swiper mySwiper">

+        <div class="swiper-wrapper">

+            <div class="swiper-slide">Slide 1</div>

+            <div class="swiper-slide">Slide 2</div>

+            <div class="swiper-slide">

+                <div class="test" style="overflow-y: auto;">

+                    <div class="content" data-year="2021">

+                        <p class="mobil-year">2021</p>

+                        <div class="flex">

+                            <p class="month mr30">5월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 주식회사 테이큰 소프트 설립</p>

+                                <p>· 영천시 데이터 활용 기본 계획 수립 용역 (영천시)</p>

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">10월</p>

+                            <div class="month-text text-section" style="text-align: left;">

+                                <p>· 소프트웨어 기업 등록</p>

+                                <img src="../../resources/img/common/history-img1.png" alt="">

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">11월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 김천시 무더위 쉼터 선정을 위한 빅데이터 분석 용역 (김천시) </p>

+                                <p>· Taken BI Manager v1.0 저작권 등록</p>

+                                <img src="../../resources/img/common/history-img2.png" alt="">

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">12월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 어린이 보호구역 도로 주행 데이터 (포항테크노파크)</p>

+                                <p>· Taken BI Manager GS(Good Sofrware) 인증 1등급 획득</p>

+                                <p>· 도로 모니터링 시스템 저작권 등록</p>

+                                <div class="flex">

+                                    <img src="../../resources/img/common/history-img31.png" alt="">

+                                    <img src="../../resources/img/common/history-img32.png" alt="">

+                                    <img src="../../resources/img/common/history-img33.png" alt="">

+                                </div>

+                            </div>

+                        </div>

+                    </div>

+                    <div class="content" data-year="2022">

+                        <p class="mobil-year">2022</p>

+                        <!-- 2021년 내용 -->

+                        <div class="flex">

+                            <p class="month mr30">1월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 구미시 공공데이터 기업 매칭 지원사업 (구미시)</p>

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">3월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 기업부설연구소 설립</p>

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">4월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 상주시 재난지원금 신청 프로그램 개발 (상주시)</p>

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">5월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 대구광역시 북구 데이터로 보는 북구 콘텐츠 구축 (대구광역시 북구)</p>

+                                <p>· 영천시 공공데이터 품질관리 용역 (영천시)</p>

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">7월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 영천시 공공데이터 기업 매칭 지원사업 (영천시)</p>

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">9월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 상주시 데이터 수집, 연계, 분석 및 시각화 솔루션 공급</p>

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">10월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 데이터 관리 및 분석 솔루션 구매 (상주시) </p>

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">12월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 데이터 관리 및 분석 솔루션 연계 용역 (상주시) </p>

+                                <p>· 상주시 데이터 활용 기본계획 용역 (상주시) </p>

+                                <p>· 스마트 타운 통합 플랫폼 개발 기획 및 사업 관리 용역 (성주군) </p>

+                                <p>· 행정정보 데이터 백업테이프 구입 (영주시) </p>

+                                <p>· 행정정보시스템 통합스토리지 디스크 증설 (영주시) </p>

+                                <p>· SW융합클러스터2.0 데이터(주차 차량 및 차량번호 학습데이터) 구매 (포항테크노파크) </p>

+                                <p>· 한국가스공사 2022 대구·경북 스타트업 페스티벌 공대스타 챌린지 최우수상 수상 </p>

+                                <p>· 경로 생성 기술 관련 출원사실증명 </p>

+                                <img src="../../resources/img/common/history-img4.png" alt="">

+                            </div>

+                        </div>

+                    </div>

+                    <div class="content" data-year="2023">

+                        <p class="mobil-year">2023</p>

+                        <!-- 2022년 내용 -->

+                        <div class="flex">

+                            <p class="month mr30">1월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 행정안전부 2023년 정부혁신 웹사이트 기능개선 및 유지관리 사업 수주 </p>

+                                <p>· 복약지도 장치 및 방법 출원사실증명 </p>

+                                <p>· Traffic Agent 저작권 등록 </p>

+                                <div class="flex">

+                                    <img src="../../resources/img/common/history-img51.png" alt="">

+                                    <img src="../../resources/img/common/history-img52.png" alt="">

+                                </div>

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">2월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 한국가스공사 상용소프트웨어 유지관리(통합재고관리시스템 데이터분석) (한국가스공사) </p>

+                                <p>· 대구광역시 AI 안전통합 횡단보도 플랫폼 구축 계약 </p>

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">3월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· AI 안전통합 횡단보도 플랫폼 구축 용역 (대구광역시) </p>

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">4월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· G밸리 기록물 텍스트 분석 및 콘텐츠 개발 사업 (서울특별시) </p>

+                                <p>· 포항테크노파크 SW융합제품 상용화지원사업 데이터 품질관리 사업 수주 </p>

+                                <p>· 기업부설연구소 인정서 획득 </p>

+                                <img src="../../resources/img/common/history-img6.png" alt="">

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">5월</p>

+                            <div style="text-align: left;">

+                                <p>· 영천시 맞춤형 데이터 분석사업 (영천시) </p>

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">6월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 정보통신공사업 면허 획득, 벤처기업 인증 </p>

+                                <div class="flex">

+                                    <img src="../../resources/img/common/history-img71.png" alt="">

+                                    <img src="../../resources/img/common/history-img72.png" alt="">

+                                </div>

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">7월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 공공데이터 품질 진단 강화 컨설팅 (상주시)</p>

+                                <p>· 정부혁신 웹사이트 기능개선 및 유지관리 (행정안전부)</p>

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">8월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· SW융합클러스터2.0 SW융합제품 상용화 지원사업 데이터 컨설팅 및 품질관리 (포항테크노파크)</p>

+                                <p>· 메타버스 기술 관련 출원사실증명</p>

+                                <img src="../../resources/img/common/history-img8.png" alt="">

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">9월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 한국가스공사 2023 대구·경북 스타트업 페스티벌 공대스타챌린지 대상 수상</p>

+                                <p>· SW융합클러스터2.0 SW융합제품 상용화 지원사업 데이터 컨설팅 및 품질관리 (포항테크노파크)</p>

+                                <p>· 시니어 케어 시스템 저작권 등록</p>

+                                <img src="../../resources/img/common/history-img9.png" alt="">

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">11월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· 한기술평가 우수기업 인증 (T-5)</p>

+                                <p>· 통합 모빌리티 솔루션 저작권 등록</p>

+                                <div class="flex">

+                                    <img src="../../resources/img/common/history-img100.png" alt="">

+                                    <img src="../../resources/img/common/history-img101.png" alt="">

+                                </div>

+                            </div>

+                        </div>

+                        <div class="flex">

+                            <p class="month mr30">12월</p>

+                            <div class="month-text" style="text-align: left;">

+                                <p>· DGM 전자정보기기사업단 지역 기업 운영 활성화를 위한 플랫폼 구축 사업 수주</p>

+                                <p>· 구미시 키워드 분석 용역 (구미시)</p>

+                                <p>· AI 디지털교과서 통합 지원센터 모델발굴 및 시범운영 용역 (한국교육학술정보원)</p>

+                                <p>· 구미시 2023년 행정정보 및 홈페이지시스템 통합유지관리 용역 중 공공데이터 (구미시)</p>

+                                <p>· AI 횡단보도 기술 관련 출원사실증명</p>

+                                <img src="../../resources/img/common/history-img110.png" alt="">

+                            </div>

+                        </div>

+                    </div>

+                </div>

+            </div>

+        </div>

+        <div class="swiper-pagination"></div>

+    </div>

+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

+    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

+    <script>

+        var swiper = new Swiper(".mySwiper", {

+            cssMode:true,

+            direction: "vertical",

+            slidesPerView: 1,

+            spaceBetween: 30,

+            mousewheel: {

+                eventsTarget: '.swiper-slide'

+            },

+            slidesOffsetAfter: 220,

+            pagination: {

+                el: ".swiper-pagination",

+                clickable: true,

+            },

+            on: {

+                init: function () {

+                    const slides = document.querySelectorAll('.swiper-slide');

+                    slides.forEach(slide => {

+                        slide.addEventListener('wheel', function (e) {

+                            const delta = e.wheelDelta || -e.deltaY;

+                            console.log(delta)

+                            // 슬라이드 내부에서 상단 또는 하단 경계에 도달했을 경우 Swiper 슬라이드 전환 허용

+                            if ((this.scrollTop === (this.scrollHeight - this.offsetHeight) && delta < 0) || (this.scrollTop === 0 && delta > 0)) {

+                                e.stopPropagation();

+                            }

+                        }, { passive: false });

+                    });

+                }

+            }

+        });

+    </script>

+</html>(No newline at end of file)

...	...	@@ -0,0 +1,326 @@
	1	+<!DOCTYPE html>
	2	+<html lang="en">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	7	+ <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
	8	+ <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
	9	+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
	10	+ <link rel="stylesheet" href="../../resources/css/reset.css">
	11	+ <link rel="stylesheet" href="../../resources/css/style.css">
	12	+ <link rel="stylesheet" href="../../resources/css/component.css">
	13	+ <link rel="stylesheet" href="../../resources/css/common.css">
	14	+ <link rel="stylesheet" href="../../resources/css/responsive.css">
	15	+
	16	+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
	17	+ <style>
	18	+ html,
	19	+ body {
	20	+ position: relative;
	21	+ height: 100%;
	22	+ }
	23	+
	24	+ body {
	25	+ background: #eee;
	26	+ font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	27	+ font-size: 14px;
	28	+ color: #000;
	29	+ margin: 0;
	30	+ padding: 0;
	31	+ }
	32	+
	33	+ .swiper {
	34	+ width: 100%;
	35	+ height: 100%;
	36	+ }
	37	+
	38	+ .swiper-slide {
	39	+ text-align: center;
	40	+ font-size: 18px;
	41	+ background: #fff;
	42	+ display: flex;
	43	+ justify-content: center;
	44	+ align-items: center;
	45	+ }
	46	+
	47	+ .swiper-slide img {
	48	+ display: block;
	49	+ width: 100%;
	50	+ height: 100%;
	51	+ object-fit: cover;
	52	+ }
	53	+
	54	+ .test {
	55	+ height: 100%;
	56	+ }
	57	+ </style>
	58	+
	59	+ <title>TAKENSOFT</title>
	60	+</head>
	61	+
	62	+<body>
	63	+ <!-- Swiper -->
	64	+ <div class="swiper mySwiper">
	65	+ <div class="swiper-wrapper">
	66	+ <div class="swiper-slide">Slide 1</div>
	67	+ <div class="swiper-slide">Slide 2</div>
	68	+
	69	+ <div class="swiper-slide">
	70	+ <div class="test" style="overflow-y: auto;">
	71	+ <div class="content" data-year="2021">
	72	+ <p class="mobil-year">2021</p>
	73	+ <div class="flex">
	74	+
	75	+ <p class="month mr30">5월</p>
	76	+ <div class="month-text" style="text-align: left;">
	77	+ <p>· 주식회사 테이큰 소프트 설립</p>
	78	+ <p>· 영천시 데이터 활용 기본 계획 수립 용역 (영천시)</p>
	79	+
	80	+ </div>
	81	+ </div>
	82	+ <div class="flex">
	83	+ <p class="month mr30">10월</p>
	84	+ <div class="month-text text-section" style="text-align: left;">
	85	+ <p>· 소프트웨어 기업 등록</p>
	86	+ <img src="../../resources/img/common/history-img1.png" alt="">
	87	+ </div>
	88	+ </div>
	89	+ <div class="flex">
	90	+ <p class="month mr30">11월</p>
	91	+ <div class="month-text" style="text-align: left;">
	92	+ <p>· 김천시 무더위 쉼터 선정을 위한 빅데이터 분석 용역 (김천시) </p>
	93	+ <p>· Taken BI Manager v1.0 저작권 등록</p>
	94	+ <img src="../../resources/img/common/history-img2.png" alt="">
	95	+ </div>
	96	+ </div>
	97	+ <div class="flex">
	98	+ <p class="month mr30">12월</p>
	99	+ <div class="month-text" style="text-align: left;">
	100	+ <p>· 어린이 보호구역 도로 주행 데이터 (포항테크노파크)</p>
	101	+ <p>· Taken BI Manager GS(Good Sofrware) 인증 1등급 획득</p>
	102	+ <p>· 도로 모니터링 시스템 저작권 등록</p>
	103	+ <div class="flex">
	104	+ <img src="../../resources/img/common/history-img31.png" alt="">
	105	+ <img src="../../resources/img/common/history-img32.png" alt="">
	106	+ <img src="../../resources/img/common/history-img33.png" alt="">
	107	+ </div>
	108	+ </div>
	109	+ </div>
	110	+
	111	+
	112	+ </div>
	113	+
	114	+ <div class="content" data-year="2022">
	115	+ <p class="mobil-year">2022</p>
	116	+
	117	+ <!-- 2021년 내용 -->
	118	+ <div class="flex">
	119	+ <p class="month mr30">1월</p>
	120	+ <div class="month-text" style="text-align: left;">
	121	+ <p>· 구미시 공공데이터 기업 매칭 지원사업 (구미시)</p>
	122	+ </div>
	123	+ </div>
	124	+ <div class="flex">
	125	+ <p class="month mr30">3월</p>
	126	+ <div class="month-text" style="text-align: left;">
	127	+ <p>· 기업부설연구소 설립</p>
	128	+ </div>
	129	+ </div>
	130	+ <div class="flex">
	131	+ <p class="month mr30">4월</p>
	132	+ <div class="month-text" style="text-align: left;">
	133	+ <p>· 상주시 재난지원금 신청 프로그램 개발 (상주시)</p>
	134	+ </div>
	135	+ </div>
	136	+ <div class="flex">
	137	+ <p class="month mr30">5월</p>
	138	+ <div class="month-text" style="text-align: left;">
	139	+ <p>· 대구광역시 북구 데이터로 보는 북구 콘텐츠 구축 (대구광역시 북구)</p>
	140	+ <p>· 영천시 공공데이터 품질관리 용역 (영천시)</p>
	141	+ </div>
	142	+ </div>
	143	+ <div class="flex">
	144	+ <p class="month mr30">7월</p>
	145	+ <div class="month-text" style="text-align: left;">
	146	+ <p>· 영천시 공공데이터 기업 매칭 지원사업 (영천시)</p>
	147	+ </div>
	148	+ </div>
	149	+ <div class="flex">
	150	+ <p class="month mr30">9월</p>
	151	+ <div class="month-text" style="text-align: left;">
	152	+ <p>· 상주시 데이터 수집, 연계, 분석 및 시각화 솔루션 공급</p>
	153	+ </div>
	154	+ </div>
	155	+ <div class="flex">
	156	+ <p class="month mr30">10월</p>
	157	+ <div class="month-text" style="text-align: left;">
	158	+ <p>· 데이터 관리 및 분석 솔루션 구매 (상주시) </p>
	159	+ </div>
	160	+ </div>
	161	+ <div class="flex">
	162	+ <p class="month mr30">12월</p>
	163	+ <div class="month-text" style="text-align: left;">
	164	+ <p>· 데이터 관리 및 분석 솔루션 연계 용역 (상주시) </p>
	165	+ <p>· 상주시 데이터 활용 기본계획 용역 (상주시) </p>
	166	+ <p>· 스마트 타운 통합 플랫폼 개발 기획 및 사업 관리 용역 (성주군) </p>
	167	+ <p>· 행정정보 데이터 백업테이프 구입 (영주시) </p>
	168	+ <p>· 행정정보시스템 통합스토리지 디스크 증설 (영주시) </p>
	169	+ <p>· SW융합클러스터2.0 데이터(주차 차량 및 차량번호 학습데이터) 구매 (포항테크노파크) </p>
	170	+ <p>· 한국가스공사 2022 대구·경북 스타트업 페스티벌 공대스타 챌린지 최우수상 수상 </p>
	171	+ <p>· 경로 생성 기술 관련 출원사실증명 </p>
	172	+ <img src="../../resources/img/common/history-img4.png" alt="">
	173	+
	174	+ </div>
	175	+ </div>
	176	+
	177	+ </div>
	178	+ <div class="content" data-year="2023">
	179	+ <p class="mobil-year">2023</p>
	180	+
	181	+ <!-- 2022년 내용 -->
	182	+ <div class="flex">
	183	+ <p class="month mr30">1월</p>
	184	+ <div class="month-text" style="text-align: left;">
	185	+ <p>· 행정안전부 2023년 정부혁신 웹사이트 기능개선 및 유지관리 사업 수주 </p>
	186	+ <p>· 복약지도 장치 및 방법 출원사실증명 </p>
	187	+ <p>· Traffic Agent 저작권 등록 </p>
	188	+
	189	+ <div class="flex">
	190	+ <img src="../../resources/img/common/history-img51.png" alt="">
	191	+ <img src="../../resources/img/common/history-img52.png" alt="">
	192	+ </div>
	193	+
	194	+ </div>
	195	+ </div>
	196	+ <div class="flex">
	197	+ <p class="month mr30">2월</p>
	198	+ <div class="month-text" style="text-align: left;">
	199	+ <p>· 한국가스공사 상용소프트웨어 유지관리(통합재고관리시스템 데이터분석) (한국가스공사) </p>
	200	+ <p>· 대구광역시 AI 안전통합 횡단보도 플랫폼 구축 계약 </p>
	201	+ </div>
	202	+ </div>
	203	+ <div class="flex">
	204	+ <p class="month mr30">3월</p>
	205	+ <div class="month-text" style="text-align: left;">
	206	+ <p>· AI 안전통합 횡단보도 플랫폼 구축 용역 (대구광역시) </p>
	207	+ </div>
	208	+ </div>
	209	+ <div class="flex">
	210	+ <p class="month mr30">4월</p>
	211	+ <div class="month-text" style="text-align: left;">
	212	+ <p>· G밸리 기록물 텍스트 분석 및 콘텐츠 개발 사업 (서울특별시) </p>
	213	+ <p>· 포항테크노파크 SW융합제품 상용화지원사업 데이터 품질관리 사업 수주 </p>
	214	+ <p>· 기업부설연구소 인정서 획득 </p>
	215	+ <img src="../../resources/img/common/history-img6.png" alt="">
	216	+
	217	+ </div>
	218	+ </div>
	219	+ <div class="flex">
	220	+ <p class="month mr30">5월</p>
	221	+ <div style="text-align: left;">
	222	+ <p>· 영천시 맞춤형 데이터 분석사업 (영천시) </p>
	223	+ </div>
	224	+ </div>
	225	+ <div class="flex">
	226	+ <p class="month mr30">6월</p>
	227	+ <div class="month-text" style="text-align: left;">
	228	+ <p>· 정보통신공사업 면허 획득, 벤처기업 인증 </p>
	229	+ <div class="flex">
	230	+ <img src="../../resources/img/common/history-img71.png" alt="">
	231	+ <img src="../../resources/img/common/history-img72.png" alt="">
	232	+ </div>
	233	+ </div>
	234	+ </div>
	235	+ <div class="flex">
	236	+ <p class="month mr30">7월</p>
	237	+ <div class="month-text" style="text-align: left;">
	238	+ <p>· 공공데이터 품질 진단 강화 컨설팅 (상주시)</p>
	239	+ <p>· 정부혁신 웹사이트 기능개선 및 유지관리 (행정안전부)</p>
	240	+ </div>
	241	+ </div>
	242	+ <div class="flex">
	243	+ <p class="month mr30">8월</p>
	244	+ <div class="month-text" style="text-align: left;">
	245	+ <p>· SW융합클러스터2.0 SW융합제품 상용화 지원사업 데이터 컨설팅 및 품질관리 (포항테크노파크)</p>
	246	+ <p>· 메타버스 기술 관련 출원사실증명</p>
	247	+ <img src="../../resources/img/common/history-img8.png" alt="">
	248	+ </div>
	249	+ </div>
	250	+ <div class="flex">
	251	+ <p class="month mr30">9월</p>
	252	+ <div class="month-text" style="text-align: left;">
	253	+ <p>· 한국가스공사 2023 대구·경북 스타트업 페스티벌 공대스타챌린지 대상 수상</p>
	254	+ <p>· SW융합클러스터2.0 SW융합제품 상용화 지원사업 데이터 컨설팅 및 품질관리 (포항테크노파크)</p>
	255	+ <p>· 시니어 케어 시스템 저작권 등록</p>
	256	+ <img src="../../resources/img/common/history-img9.png" alt="">
	257	+
	258	+ </div>
	259	+ </div>
	260	+ <div class="flex">
	261	+ <p class="month mr30">11월</p>
	262	+ <div class="month-text" style="text-align: left;">
	263	+ <p>· 한기술평가 우수기업 인증 (T-5)</p>
	264	+ <p>· 통합 모빌리티 솔루션 저작권 등록</p>
	265	+ <div class="flex">
	266	+ <img src="../../resources/img/common/history-img100.png" alt="">
	267	+ <img src="../../resources/img/common/history-img101.png" alt="">
	268	+ </div>
	269	+ </div>
	270	+ </div>
	271	+ <div class="flex">
	272	+ <p class="month mr30">12월</p>
	273	+ <div class="month-text" style="text-align: left;">
	274	+ <p>· DGM 전자정보기기사업단 지역 기업 운영 활성화를 위한 플랫폼 구축 사업 수주</p>
	275	+ <p>· 구미시 키워드 분석 용역 (구미시)</p>
	276	+ <p>· AI 디지털교과서 통합 지원센터 모델발굴 및 시범운영 용역 (한국교육학술정보원)</p>
	277	+ <p>· 구미시 2023년 행정정보 및 홈페이지시스템 통합유지관리 용역 중 공공데이터 (구미시)</p>
	278	+ <p>· AI 횡단보도 기술 관련 출원사실증명</p>
	279	+ <img src="../../resources/img/common/history-img110.png" alt="">
	280	+
	281	+
	282	+ </div>
	283	+ </div>
	284	+ </div>
	285	+ </div>
	286	+ </div>
	287	+ </div>
	288	+ <div class="swiper-pagination"></div>
	289	+ </div>
	290	+ <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	291	+ <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
	292	+
	293	+
	294	+ <script>
	295	+ var swiper = new Swiper(".mySwiper", {
	296	+ cssMode:true,
	297	+ direction: "vertical",
	298	+ slidesPerView: 1,
	299	+ spaceBetween: 30,
	300	+ mousewheel: {
	301	+ eventsTarget: '.swiper-slide'
	302	+ },
	303	+ slidesOffsetAfter: 220,
	304	+ pagination: {
	305	+ el: ".swiper-pagination",
	306	+ clickable: true,
	307	+ },
	308	+ on: {
	309	+ init: function () {
	310	+ const slides = document.querySelectorAll('.swiper-slide');
	311	+ slides.forEach(slide => {
	312	+ slide.addEventListener('wheel', function (e) {
	313	+ const delta = e.wheelDelta \|\| -e.deltaY;
	314	+ console.log(delta)
	315	+ // 슬라이드 내부에서 상단 또는 하단 경계에 도달했을 경우 Swiper 슬라이드 전환 허용
	316	+ if ((this.scrollTop === (this.scrollHeight - this.offsetHeight) && delta < 0) \|\| (this.scrollTop === 0 && delta > 0)) {
	317	+ e.stopPropagation();
	318	+ }
	319	+ }, { passive: false });
	320	+ });
	321	+ }
	322	+ }
	323	+ });
	324	+ </script>
	325	+
	326	+</html>(No newline at end of file)

Delete comment