<!doctype html>
<html lang="ko"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{layout/default}">
<head>
	<title>회사연혁</title>
	<!-- 이 페이지 전용 CSS -->
<body>

<div id="wrapper" layout:fragment="content">

    <!-- ======================== HEADER -->
    <header id="hd" class="sub"></header>

    <!-- ======================== CONTAINER -->
    <div id="container">
        <div id="container_wrapper">

            <!-- ========= SUB VISUAL + BREADCRUMB ========= -->
            <div id="sub_visual">
                <div class="sub-bg bg-history"></div>
                <div class="sub-tit-wrap">
                    <h2 class="sub-tit">회사연혁</h2>
                    <p class="sub-desc">항상 고객사와 소통하는 오라인포</p>
                </div>
				
				<div id="sub_breadcrumb">
					<div class="inner">
						<ul class="breadcrumb">
							<li>
								<a href="/" class="bc-home" aria-label="홈으로 이동">
									<img src="/img/sub/ico_home.svg" alt="HOME">
								</a>
							</li>
							<li class="bc-item bc-depth1">
								<button class="bc-btn" type="button" aria-haspopup="listbox" aria-expanded="false">
									<span class="bc-label">회사소개</span>
									<span class="bc-arrow">
										<img src="/img/sub/ico_arrow.svg" alt="arrow">
									</span>
								</button>
								<ul class="bc-dropdown" role="listbox">
									<li class="active"><a href="/company/intro">회사소개</a></li>
									<li><a href="/business/intro">사업소개</a></li>
									<li><a href="/careers/talent">인재채용</a></li>
									<li><a href="/bbs/owrainfo">오라인</a></li>
								</ul>
							</li>
							<li class="bc-item bc-depth2">
								<button class="bc-btn" type="button" aria-haspopup="listbox" aria-expanded="false">
									<span class="bc-label">회사연혁</span>
									<span class="bc-arrow">
										<img src="/img/sub/ico_arrow.svg" alt="arrow">
									</span>
								</button>
								<ul class="bc-dropdown" role="listbox">
									<li><a href="/company/intro">사업개요</a></li>
									<li><a href="/company/business">경영이념/비전</a></li>
									<li class="active"><a href="/company/history">회사 연혁</a></li>
									<li><a href="/company/chart">조직도</a></li>
									<li><a href="/company/map">찾아오는 길</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
            </div>            
            <!-- ========= SUB VISUAL + BREADCRUMB [e] ========= -->


            <!-- ========= SUB CONTENT [s] ========= -->
            <div class="sub_content">	
				<div class="sub-section">
					<div class="sub-inner">
						<!-- 연혁 소개 텍스트 -->
						<div data-aos="fade-up">
							<h2 class="sub-h2 text-center">
								<em>ON/OFF-LINE 토탈 서비스 업체</em>로서 나아가는 
								(주)오라인포의 현재와 지난 발자취입니다.
							</h2>
							<p class="sub-desc-txt text-center">
								저희 오라인포는 더 많은 연구와 노력을 발전하고 협력사, 고객사와 함께 성장하는 기업이 되겠습니다.
							</p>
						</div>
					</div>
				</div>
				
				<!-- ===== 타임라인 ===== -->
				
				<div class="history-intro">
					<div class="hero-scroll">
						<span>Scroll</span>
						<div class="hero-scroll-arrow">
							<img src="/img/sub/ico-scroll.svg" alt="scroll down">
						</div>
					</div>
				</div>
				
				<div class="history-wrap">
					<div class="history-inner">

						<!-- 좌측: Sticky 연도 -->
						<div class="year-col" id="yearCol">
							<span class="year-label">History</span>
							<div class="year-main">
								<span class="year-static">20</span>
								<div class="odo-wrap" id="yearOdometer">
									<div class="odo-col" id="odoDens">
										<div class="odo-strip" id="stripDens">
											<span>0</span><span>1</span><span>2</span><span>3</span>
											<span>4</span><span>5</span><span>6</span><span>7</span>
											<span>8</span><span>9</span>
										</div>
									</div>
									<div class="odo-col" id="odoUnits">
										<div class="odo-strip" id="stripUnits">
											<span>0</span><span>1</span><span>2</span><span>3</span>
											<span>4</span><span>5</span><span>6</span><span>7</span>
											<span>8</span><span>9</span>
										</div>
									</div>
								</div>
							</div>


						</div>

						<!-- 우측: 연도별 리스트 -->
						<div class="list-col" id="listCol">

							<!-- 2026 -->
							<div class="year-section" data-year="26" id="sec-2026">
								<div class="year-section-head">2026</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">01</span>
										<p class="item-text">(주)페이패스 PG시스템 납품 및 컨설팅 계약 체결</p>
									</li>
								</ul>
							</div>

							<!-- 2025 -->
							<div class="year-section" data-year="25" id="sec-2025">
								<div class="year-section-head">2025</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">07</span>

										<p class="item-text">(주)페이버 PG시스템 구축 등록 완료</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">06</span>
										<p class="item-text">(주)이오스시스템 PG시스템 구축 등록 완료</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">06</span>
										<p class="item-text">(주)페이누리 선불전자지급수단 발행 및 관리업 등록 완료</p>
									</li>
								</ul>
							</div>

							<!-- 2024 -->
							<div class="year-section" data-year="24" id="sec-2024">
								<div class="year-section-head">2024</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">12</span>
										<p class="item-text">(주)모스트P&amp;S PG시스템 납품 및 등록 완료</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">07</span>
										<p class="item-text">(주)이룸페이 PG시스템 납품 및 등록 완료</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">05</span>
										<p class="item-text">(주)페이누리 선불업 등록 컨설팅 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">04</span>
										<p class="item-text">하랑코퍼레이션 PG시스템 납품 및 컨설팅 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">01</span>
										<p class="item-text">교원 그룹 LMS 납품 / 결제 및 빌링(정산) 시스템 개발 진행</p>
									</li>
								</ul>
							</div>

							<!-- 2023 -->
							<div class="year-section" data-year="23" id="sec-2023">
								<div class="year-section-head">2023</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">06</span>

										<p class="item-text">하랑 코퍼레이션 외 2개 업체 매출정산 서비스 진행</p>
									</li>
								</ul>
							</div>

							<!-- 2022 -->
							<div class="year-section" data-year="22" id="sec-2022">
								<div class="year-section-head">2022</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">12</span>
										<p class="item-text">주식회사 크로스이엔에프 PG시스템 구축 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">05</span>
										<p class="item-text">자라다교육 교육관리시스템 리뉴얼 개발 계약</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">05</span>
										<p class="item-text">모스트P&amp;S PG시스템 구축 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">02</span>
										<p class="item-text">이크래더블네트웍스 시스템 운영 유지보수 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">02</span>
										<p class="item-text">원남메디컬 척추측만 교정 모니터링 시스템 유지보수 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">01</span>
										<p class="item-text">(주)비즈크레스트 eB2B 시스템 유지보수 계약 체결</p>
									</li>
								</ul>
							</div>

							<!-- 2021 -->
							<div class="year-section" data-year="21" id="sec-2021">
								<div class="year-section-head">2021</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">11</span>
										<p class="item-text">헤세드에듀 학원통합관리프로그램(LMS) 구축 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">09</span>
										<p class="item-text">㈜이룸페이 PG시스템 구축 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">06</span>
										<p class="item-text">㈜케이엘넷 PG시스템 구축 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">04</span>
										<p class="item-text">프라미스어학원 학원통합관리프로그램(LMS) 구축 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">04</span>
										<p class="item-text">본인신용정보관리업(마이데이터) 2차 허가 신청 (현재 심사중)</p>
									</li>
								</ul>
							</div>

							<!-- 2020 -->
							<div class="year-section" data-year="20" id="sec-2020">
								<div class="year-section-head">2020</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">12</span>
										<p class="item-text">자본금 200,000,000원 증자 (총 자본금 7억)</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">09</span>
										<p class="item-text">경기도 시흥시 공식 지정 주문앱 런칭(와따)</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">06</span>
										<p class="item-text">금융위원회 금융서비스 테스트베드 사업 지정</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">03</span>
										<p class="item-text">혁신금융서비스 지정 "개인 및 소상공인 대상 맞춤형 대출 중개 플랫폼"</p>
									</li>
								</ul>
							</div>

							<!-- 2019 -->
							<div class="year-section" data-year="19" id="sec-2019">
								<div class="year-section-head">2019</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">07</span>
										<p class="item-text">혁신금융서비스 수요조사 및 1차 컨설팅</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">07</span>
										<p class="item-text">배달의 민족 배달대행 MOU 체결 및 프로그램 연동 개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">06</span>
										<p class="item-text">텐센트 위쳇페이 개발 구축 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">04</span>
										<p class="item-text">주식회사 페이플레이스 PG시스템 구축 등록 완료</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">02</span>
										<p class="item-text">(주)공터영어 학원통합관리프로그램(LMS) 구축 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">02</span>
										<p class="item-text">외국환업 등</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">01</span>
										<p class="item-text">리싱(구 삼홍미디어) PG시스템 구축 계약 체결</p>
									</li>
								</ul>
							</div>

							<!-- 2018 -->
							<div class="year-section" data-year="18" id="sec-2018">
								<div class="year-section-head">2018</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">11</span>

										<p class="item-text">우리사이, 배고파딜리버리 배달대행 시스템 제공 계약</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">11</span>

										<p class="item-text">자본금 50,000,000원 증자 (총 자본금 5억)</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">09</span>

										<p class="item-text">주식회사 제로페이 PG시스템 구축 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">08</span>

										<p class="item-text">서민금융진흥원 맞춤형 종합상담시스템 구축 계약</p>
									</li>
									
									<li class="timeline-item">
										<span class="item-month">07</span>

										<p class="item-text">(주)장보고 PG시스템 구축 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">05</span>

										<p class="item-text">자본금통신과금사업자 등록</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">05</span>

										<p class="item-text">배달시대 시스템 런칭 및 쿠폰북 개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">01</span>

										<p class="item-text">배달시대 주문APP 개발</p>
									</li>
								</ul>
							</div>

							<!-- 2017 -->
							<div class="year-section" data-year="17" id="sec-2017">
								<div class="year-section-head">2017</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">11</span>
										<p class="item-text">서민금융진흥원 전세특례보증 & 종합상담 시스템개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">11</span>
										<p class="item-text">㈜행복컴퍼니 연예인 맞춤 블로그형 쇼핑몰 시스템 개발 계약</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">08</span>
										<p class="item-text">웰컴페이먼츠㈜ PG시스템 구축 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">07</span>
										<p class="item-text">㈜YNT 경영 온라인 정보제공 인터넷 BIZ 구축</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">07</span>
										<p class="item-text">서민금융진흥원 맞춤대출 시스템 유지보수</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">06</span>
										<p class="item-text">㈜컴파인렉스 매출정산 시스템 구축 & 유지관리</p>
									</li>
									
									<li class="timeline-item">
										<span class="item-month">06</span>
										<p class="item-text">㈜청해비씨 매출정산 시스템 구축 & 유지관리</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">03</span>
										<p class="item-text">신한카드, 동원제일저축은행 서민금융진흥원 전문 연동 개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">02</span>
										<p class="item-text">㈜비즈버그 PG시스템 구축 계약 체결</p>
									</li>
								</ul>
							</div>

							<!-- 2016 -->
							<div class="year-section" data-year="16" id="sec-2016">
								<div class="year-section-head">2016</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">10</span>
										<p class="item-text">㈜프리페이 PG시스템 구축 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">10</span>
										<p class="item-text">㈜아이씨비 전자지급결제대행업(PG) 등록 완료</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">10</span>
										<p class="item-text">배달대행프로그램 개발 및 오픈</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">10</span>
										<p class="item-text">코레일네트웍스㈜ 무인화 주차시스템(1단계) 구축 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">09</span>
										<p class="item-text">위드미컴퍼니 매출정산시스템 제공</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">09</span>
										<p class="item-text">한국직업능력개발원 마이스터고 차세대시스템 S/W 교체</p>
									</li>
									
									<li class="timeline-item">
										<span class="item-month">07</span>
										<p class="item-text">사무실 이전 (現 가산동 파트너스타워 1차 10층)</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">06</span>
										<p class="item-text">한국이지론㈜ 차세대시스템 오픈</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">04</span>
										<p class="item-text">㈜티케이온 전자지급결제대행업(PG) 등록 완료</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">04</span>
										<p class="item-text">㈜케이펀드 P2P시스템 납품 완료</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">03</span>
										<p class="item-text">한국직업능력개발원 마이스터고 포탈사이트 유지ㆍ관리</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">03</span>
										<p class="item-text">(주)페이누리 - 미소페이 APP(모바일결제서비스) 라이선스 계약 체결 및 APP오픈</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">02</span>
										<p class="item-text">(주)아이씨비 PG시스템 구축 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">01</span>
										<p class="item-text">(주)티케이온 PG시스템 구축 계약 체결</p>
									</li>
								</ul>
							</div>

							<!-- 2015 -->
							<div class="year-section" data-year="15" id="sec-2015">
								<div class="year-section-head">2015</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">12</span>
										<p class="item-text">(주)케이펀드 P2P시스템 개발 및 여신시스템 제공 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">11</span>
										<p class="item-text">한국이지론(주) 차세대 시스템 구축 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">11</span>
										<p class="item-text">(주)시큐브(코스닥 등록사) PG시스템 구축</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">10</span>
										<p class="item-text">간편결제 개발 진행</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">09</span>
										<p class="item-text">(주)비즈크레스트 eB2B 시스템 유지보수</p>
									</li>
									
									<li class="timeline-item">
										<span class="item-month">08</span>
										<p class="item-text">한국이지론(주) 한눈에 모바일 홈페이지 개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">08</span>
										<p class="item-text">PG사 매출 정산 시스템 개발</p>
									</li>
									
									<li class="timeline-item">
										<span class="item-month">05</span>
										<p class="item-text">(주)에이머스 - PG시스템 개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">05</span>
										<p class="item-text">(주)피지스 - 오라인포 카드매출정산 시스템 개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">04</span>
										<p class="item-text">희만사 - 상담관리 개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">02</span>
										<p class="item-text">한국직업능력개발원 마이스터고 포탈사이트 유지ㆍ관리</p>
									</li>
								</ul>
							</div>

							<!-- 2014 -->
							<div class="year-section" data-year="14" id="sec-2014">
								<div class="year-section-head">2014</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">12</span>
										<p class="item-text"><b>자본금 1억 5천만원 증자 (총 자본금 4억5천만원)</b></p>
									</li>
									<li class="timeline-item">
										<span class="item-month">11</span>
										<p class="item-text">스마트 저축은행 CFS 개발계약</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">10</span>
										<p class="item-text">㈜KT캐피탈 매출정산개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">06</span>
										<p class="item-text">										
											BSP Solution - 매출정산서비스 오픈<br>
											SG리테일 (스피드공실) 관리자 페이지 개발
										</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">05</span>
										<p class="item-text">매출정산 서비스 - Daily Report 오픈</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">01</span>
										<p class="item-text">동아닷컴, 뉴시스, 연합뉴스, 중앙일보 외 10여개 언론사 Network 광고대행 체결</p>
									</li>
								</ul>
							</div>

							<!-- 2013 -->
							<div class="year-section" data-year="13" id="sec-2013">
								<div class="year-section-head">2013</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">09</span>
										<p class="item-text">256BIT 암호화 모듈 개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">04</span>
										<p class="item-text">KCB CB 전문연동 서비스 개발 - 웰컴크레디라인대부 ㈜</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">03</span>
										<p class="item-text">매출정산서비스 시스템 개발</p>
									</li>
								</ul>
							</div>

							<!-- 2012 -->
							<div class="year-section" data-year="12" id="sec-2012">
								<div class="year-section-head">2012</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">12</span>

										<p class="item-text">KCB 대부업 CB(k-fomat) 등록 전문 개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">11</span>
										<p class="item-text">										
											코리아크레딧뷰로(주) CB 업무제휴<br>
											글로벌 B2B 시스템 개발<br>
											KCB 저축은행 신용대출 심사시스템 개발
										</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">10</span>
										<p class="item-text">다음 (<a href="https://finance.daum.net/" target="_blank">finance.daum.net</a>)  금융상품(대출, 예적금) 상품정보 제공 및 운영</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">03</span>
										<p class="item-text">모네타(<a href="http://www.moneta.co.kr/" target="_blank">loan.moneta.co.kr</a>) 금융상품 정보 서비스 제공</p>
									</li>									
									<li class="timeline-item">
										<span class="item-month">02</span>
										<p class="item-text">한국직업능력개발원 마이스터고 포탈 사이트 개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">01</span>
										<p class="item-text">모바일, 웹 Network 광고상품 출시</p>
									</li>
								</ul>
							</div>

							<!-- 2011 -->
							<div class="year-section" data-year="11" id="sec-2011">
								<div class="year-section-head">2011</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">11</span>
										<p class="item-text">한경닷컴 예적금섹션 개발/입점 오픈</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">10</span>
										<p class="item-text">											
											모네타 P2P 금융서비스(<a href="http://www.moneta.co.kr/" target="_blank">funding.moneta.co.kr</a>) 시스템 개발<br>
											KJ머니 여신통합 시스템 개발
										</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">09</span>
										<p class="item-text">네이트(<a href="http://www.moneta.co.kr/" target="_blank">www.nate.com</a>) 부동산 콘텐츠 제공 대행 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">05</span>
										<p class="item-text"><b>ISO 9001 : 2000 품질경영시스템 인증기업 획득 - ICR국제인증원</b></p>
									</li>
									<li class="timeline-item">
										<span class="item-month">01</span>
										<p class="item-text">KCB 신용인증 송부시스템 개발 - <a href="https://www.allcredit.co.kr/screen/sc4558891189" target="+blank">www.sendcredit.co.kr</a></p>
									</li>
								</ul>
							</div>
							
							<!-- 2010 -->
							<div class="year-section" data-year="10" id="sec-2010">
								<div class="year-section-head">2010</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">12</span>
										<p class="item-text">머니투데이 재테크 섹션 입점</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">11</span>
										<p class="item-text">											
											올크레딧 재테크 섹션 입점<br>
											<b>자본금 1억 증자 (총 자본금 3억)</b>
										</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">10</span>
										<p class="item-text">
											부동산 분양 정보 컨텐츠 제공 계약 - 네이버(<a href="https://www.naver.com/" target="_blank">www.naver.com</a>)<br>
											<b>엔에이치엔비즈니스플랫폼주식회사</b>
										</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">09</span>
										<p class="item-text">											
											스피드메이트(<a href="https://www.speedmate.com/" target="_blank">www.speedmate.com</a>) 재테크 섹션 입점/운영<br>
											SK네트웍스(주) 스피드메이트BHQ
										</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">07</span>
										<p class="item-text">												
											원크레디트 여신관리시스템 개발<br>
											모네타, 동아이코노미, DAUM, 야후 창업 섹션 입점/운영
										</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">04</span>
										<p class="item-text">YTN, 프레시안, 연합뉴스, 한국재경신문 보도자료 및 온라인 광고 업무 파트너 협의</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">03</span>
										<p class="item-text">													
											네이버 메인 AD캐스트 배너광고 입점/운영<br>
											네이트 금융 맞춤대출신청 섹션 입점, 개발 중<br>
											매일경제, 헤럴드경제, 아시아경제, Newsis 대출섹션 입점, 개발 중
										</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">02</span>
										<p class="item-text">희망 만드는 사람들 여신관리시스템 개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">01</span>
										<p class="item-text">한경닷컴 대출섹션 개발/입점 오픈</p>
									</li>
								</ul>
							</div>
							
							<!-- 2009 -->
							<div class="year-section" data-year="09" id="sec-2009">
								<div class="year-section-head">2009</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">12</span>
										<p class="item-text">										
											B2B 전자거래서비스 e-B2B 사이트 및 B2B 전용쇼핑몰 개발<br>
											1,2금융권, 소비자 금융권 대상 CFS 대출시스템 공동연합 마케팅 개발 & 서비스
										</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">11</span>
										<p class="item-text">
											동아닷컴, 스포츠동아 줄광고 게제<br>
											모네타 대출섹션(<a href="http://www.moneta.co.kr/" target="_blank">loan.moneta.co.kr</a>) 개발/입점 오픈
										</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">10</span>
										<p class="item-text">										
											모네타 <a href="http://www.moneta.co.kr/" target="_blank">www.moneta.co.kr</a> 분양몰 섹션 개발/입점 오픈
											헤럴드경제 보도자료 및 Text, 배너광고 (부동산 및 메디컬 하이라이트)
										</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">08</span>
										<p class="item-text">온라인 마케팅 오라애드 오픈</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">05</span>
										<p class="item-text">
											금융권연동 CFS 자체 시스템 개발 및 연동 (자체 암호화모듈 연동/적용)<br>
											헤럴드 경제 신문 HTS 연동 모듈 개발
										</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">04</span>
										<p class="item-text">128BIT 암호화 모듈 개발 (국정원 심사 중)</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">02</span>
										<p class="item-text">										
											<b>(주)오라인포 벤처 등록 - 기업보증기금</b>
											남서울신협 - 채권관리 시스템 개발 & 연동
										</p>
									</li>
								</ul>
							</div>
							
							<!-- 2008 -->
							<div class="year-section" data-year="08" id="sec-2008">
								<div class="year-section-head">2008</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">10</span>
										<p class="item-text">										
											한국이지론 & 1금융권(국민,기업,외환,신한,하나은행) CFS(CREDIT FILLTERING SYSTEM)적용 개발
										</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">08</span>
										<p class="item-text">
											웰컴 크레디트, 바로크레디트 암호화 모듈 적용
										</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">06</span>
										<p class="item-text">인터넷 사이트 암호화 모듈 개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">03</span>
										<p class="item-text">KCB㈜ 본인인증 신용정보 서비스 개발 (제휴)</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">02</span>
										<p class="item-text">니즈넷 닷컴 사이트 리뉴얼 참여 (온라인 보험 관리)</p>
									</li>
								</ul>
							</div>
							
							<!-- 2007 -->
							<div class="year-section" data-year="07" id="sec-2007">
								<div class="year-section-head">2007</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">12</span>
										<p class="item-text">농협 중앙회 부채 회계 기준 적용 변경 진행</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">10</span>
										<p class="item-text">전국신용보증재단 연합회 신용정보 통합 시스템 개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">09</span>
										<p class="item-text">삼성 SDS 메신저 개발 / 납품</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">05</span>
										<p class="item-text"><a href="https://www.owra.net/" target="_blank">www.owra.net</a> 사이트 오픈 (사이트 + 메신저)</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">03</span>
										<p class="item-text">한국 PF금융㈜ 사이트 관리 및 유지보수 계약 체결</p>
									</li>
								</ul>
							</div>
							
							<!-- 2006 -->
							<div class="year-section" data-year="06" id="sec-2006">
								<div class="year-section-head">2006</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">10</span>
										<p class="item-text">네이트 대출 섹션 정보 제공 및 개발/운영</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">03</span>
										<p class="item-text">실시간 전문가 상담 전문포탈 <a href="https://www.owra.net/" target="_blank">www.owra.net</a> 개발</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">01</span>
										<p class="item-text">중소기업 협력 재단 시스템 개발</p>
									</li>
								</ul>
							</div>
							
							<!-- 2005 -->
							<div class="year-section" data-year="05" id="sec-2005">
								<div class="year-section-head">2005</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">10</span>
										<p class="item-text">금융감독원 후원 서민맞춤대출 사이트 개발 및 운영</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">03</span>
										<p class="item-text">
											파란닷컴,드림위즈,벼룩시장,교차로 대출 컨텐츠 정보제공 및 운영<br>
											<b>오라인포 회사명 변경</b>
										</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">01</span>
										<p class="item-text">인터넷 사업부 개인(기업)신용송부 업무 대행 서비스</p>
									</li>
								</ul>
							</div>
							
							<!-- 2004 -->
							<div class="year-section" data-year="04" id="sec-2004">
								<div class="year-section-head">2004</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">05</span>
										<p class="item-text">LG 생활건강㈜ 내부 신용정보 조회 및 조기경보서비스 개발 연동&한신평</p>
									</li>
								</ul>
							</div>
							
							<!-- 2003 -->
							<div class="year-section" data-year="03" id="sec-2003">
								<div class="year-section-head">2003</div>
								<ul class="timeline-items">
									<li class="timeline-item">
										<span class="item-month">12</span>
										<p class="item-text">한국신용평가정보 기업정보 아웃소싱 계약체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">10</span>
										<p class="item-text">한국신용평가정보 C.B사업부 아웃소싱 계약 체결</p>
									</li>
									<li class="timeline-item">
										<span class="item-month">08</span>
										<p class="item-text"><b>회사 설립 (자본금 1억)</b></p>
									</li>
								</ul>
							</div>
							
							

						</div><!-- /list-col -->
					</div><!-- /history-inner -->
				</div><!-- /history-wrap -->

				
				
				
			</div>
            <!-- ========= SUB CONTENT [e] ========= -->
        </div>
    </div>
</div>

<th:block layout:fragment="scripts">
<script>
	(function () {
		const sections  = document.querySelectorAll('.year-section');
		const stripDens  = document.getElementById('stripDens');
		const stripUnits = document.getElementById('stripUnits');
		const odoDens    = document.getElementById('odoDens');
		const odoUnits   = document.getElementById('odoUnits');

		let cellH = 0;
		let initialized = false;
		let currentYear = 26;

		function initOdometer() {
			const span = stripDens.children[0];
			cellH = span.getBoundingClientRect().height;
			if (cellH === 0) { requestAnimationFrame(initOdometer); return; }

			odoDens.style.height  = cellH + 'px';
			odoUnits.style.height = cellH + 'px';
			[stripDens, stripUnits].forEach(strip => {
				Array.from(strip.children).forEach(s => { s.style.height = cellH + 'px'; });
			});

			initialized = true;
			stripDens.style.transition  = 'none';
			stripUnits.style.transition = 'none';
			stripDens.style.transform   = `translateY(-${2 * cellH}px)`;
			stripUnits.style.transform  = `translateY(-${6 * cellH}px)`;
			requestAnimationFrame(() => {
				stripDens.style.transition  = '';
				stripUnits.style.transition = '';
			});
		}
		requestAnimationFrame(initOdometer);

		function updateYear(yearStr) {
			const newYear = parseInt(yearStr, 10);
			if (newYear === currentYear || !initialized) return;
			const tens  = Math.floor(newYear / 10);
			const units = newYear % 10;
			stripDens.style.transform  = `translateY(-${tens  * cellH}px)`;
			stripUnits.style.transform = `translateY(-${units * cellH}px)`;
			currentYear = newYear;
		}

		/* 연도 트래킹 */
		const yearObs = new IntersectionObserver((entries) => {
			entries.forEach(e => {
				if (e.isIntersecting && e.target.dataset.year) updateYear(e.target.dataset.year);
			});
		}, { rootMargin: '-5% 0px -65% 0px' });
		sections.forEach(s => yearObs.observe(s));

		/* 섹션 페이드인 */
		const fadeObs = new IntersectionObserver((entries) => {
			entries.forEach(e => {
				if (e.isIntersecting) {
					e.target.classList.add('is-visible');
					fadeObs.unobserve(e.target);
				}
			});
		}, { rootMargin: '0px 0px -5% 0px', threshold: 0 });
		sections.forEach(s => fadeObs.observe(s));

	})();
</script>
</th:block>	
	
