<!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>
<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-business"></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><a href="/company/intro">회사소개</a></li>
									<li class="active"><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 class="active"><a href="/business/intro">사업소개</a></li>
									<li><a href="/business/pg">PG 시스템</a></li>
									<li><a href="/business/prepayment">선불 시스템</a></li>
									<li><a href="/business/payment">결제 솔루션</a></li>
									<li><a href="/business/sales">매출정산 솔루션</a></li>
									<li><a href="/business/b2b">B2B 구매자금 솔루션</a></li>
									<li><a href="/business/delivery">배달대행 솔루션</a></li>
									<li><a href="/business/progress">사업진행현황</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 class="sub-txt-img" data-aos="fade-up">
                            <div class="txt-side">
                                <h2 class="sub-h2 text-center">오라인포는 <em>다양한 사업분야의 솔루션 개발 능력을 보유</em>하고 있습니다.
									능력을 기반으로 다양한 서비스 플랫폼과 사업 브랜드를 운영하고 있습니다.
                                </h2>
                            </div>
                        </div>
						
						<div class="diagram-grid" data-aos="fade-up">
							<img src="/img/sub/img_business.png" alt="ONE-STOP Service">
						</div>
						
						<div class="diagram-btns"  data-aos="fade-up">
 
							<!-- 오라인포 바로가기 -->
							<a href="https://www.owra.net/" class="d-btn" target="_blank">
								<div class="d-btn__left">
									<div class="d-btn__logo">
										<img src="/img/sub/logo_owra.png" alt="OWRA">
									</div>
									<span class="d-btn__txt"><b>오라인포</b> 바로가기</span>
								</div>
								<div class="d-btn__arrow" aria-hidden="true">
									<span class="material-symbols-outlined">arrow_right_alt</span>
								</div>
							</a>
							<!-- 올라에듀 바로가기 -->
							<a href="https://holaedu.co.kr/" class="d-btn" target="_blank">
								<div class="d-btn__left">
									<div class="d-btn__logo">
										<img src="/img/sub/logo_hola.png" alt="hola">
									</div>
									<span class="d-btn__txt"><b>올라에듀</b> 바로가기</span>
								</div>
								<div class="d-btn__arrow" aria-hidden="true">
									<span class="material-symbols-outlined">arrow_right_alt</span>
								</div>
							</a>
						</div>						
                    </div>
                </div>
				
				
					
				<div class="blue-bg">
					<div class="sub-inner">
						<div class="txt-side" data-aos="fade-up">
							<h2 class="sub-h2 text-center">자체 운영 브랜드 뿐아니라,
								<em>SM/SI, ASP 형태의 서비스</em>도 제공합니다.
							</h2>
						</div>

						<div class="ib-rows mt-10" data-aos="fade-up"> 
							<!-- Row 1 -->
							<div class="ib-grid--col3">
								<div class="ib-col">
									<div class="ib-card ib-card--grow1">
										<div class="ib-card__hd text-center"><img src="/img/sub/ico_p2p.svg" alt="핀테크 아이콘"> 핀테크</div>
										<div class="ib-card__bd">
											<ul class="ib-plain">
												<li>PG 시스템</li>
											</ul>
											<div class="ib-sub">
												<div class="ib-sub__content">
													<ul class="ib-list">
														<li>PG시스템</li>
														<li>Off-line 결제대행시스템</li>
														<li>배달대행시스템</li>
														<li>쇼핑몰솔루션</li>
														<li>모바일(동글이)결제 App</li>
													</ul>
												</div>
											</div>
											<ul class="ib-plain">
												<li>크라우드펀딩/P2P 대출 시스템</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="ib-col">
									<div class="ib-card ib-card--grow1">
										<div class="ib-card__hd ib-card__hd--navy text-center"><img src="/img/sub/ico_toll.svg" alt="금융 아이콘"> 금융</div>
										<div class="ib-card__bd">
											<ul class="ib-plain">
												<li>매출정산시스템(즉시결제시스템)</li>
												<li>여신시스템</li>
												<li>대출중개시스템</li>
												<li>크라우드펀딩시스템/P2P 대출시스템</li>
												<li>B2B구매자금시스템</li>
												<li>소호 사업자 Risk 관리 시스템</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="ib-col">
									<div class="ib-card ib-card--grow1">
										<div class="ib-card__hd text-center"><img src="/img/sub/ico_it.svg" alt="기업 IT 아이콘"> 기업 IT</div>
										<div class="ib-card__bd">
											<ul class="ib-plain">
												<li>쇼핑몰솔루션</li>
												<li>암호화모듈</li>
												<li>CFS시스템</li>
												<li>인사관리시스템</li>
												<li>사내 메신저</li>
											</ul>
										</div>
									</div>
								</div>
							</div>

							<!-- Row 2 -->
							<div class="ib-grid--col3">
								<div class="ib-col">
									<div class="ib-card ib-card--grow1">
										<div class="ib-card__hd ib-card__hd--navy text-center"><img src="/img/sub/ico_asp.svg" alt="ASP 사업 아이콘"> ASP 사업</div>
										<div class="ib-card__bd">
											<ul class="ib-plain">
												<li>여신관리, 대출중개, P2P</li>
												<li>매출정산(즉시결제) 시스템</li>
												<li>PG 시스템</li>
												<li>배달대행 시스템</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="ib-col">
									<div class="ib-card ib-card--grow1">
										<div class="ib-card__hd text-center"><img src="/img/sub/ico_sm.svg" alt="SM/SI 사업 아이콘"> SM/SI 사업</div>
										<div class="ib-card__bd">
											<ul class="ib-plain">
												<li>금융 서비스 개발</li>
												<li>공공서비스 개발</li>
												<li>보유 솔루션 연계 개발</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="ib-col">
									<div class="ib-card ib-card--grow1">
										<div class="ib-card__hd ib-card__hd--navy text-center"><img src="/img/sub/ico_ad.svg" alt="온라인광고 사업 아이콘"> 온라인광고 사업</div>
										<div class="ib-card__bd">
											<ul class="ib-plain">
												<li>온라인 광고 사업</li>
											</ul>
										</div>
									</div>
								</div>
							</div>

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

			</div>
		</div>
	</div>
</div>

