<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xmlns:obix="http://obix.fasol.co.kr/thymeleaf/layout">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  
  <title>(주)에프에이솔루션</title>

  

  <link rel="shortcut icon" href="/static/image/favicon.ico">
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/static/image/favicon.ico">


  <!-- Bootstrap core JavaScript-->
  <script src="/static/vendor/jquery/jquery.min.js"></script>

  <!-- Core plugin JavaScript-->
  <script src="/static/vendor/jquery-easing/jquery.easing.min.js"></script>

  <!-- JavaScript Component -->
  <script src="/static/vendor/jquery/jquery.validate.min.js"></script>
  <script src="/static/vendor/jquery/jquery.magnific-popup.min.js"></script>
  <script src="/static/vendor/cryptojs/crypto-js.min.js"></script><!-- Crypto.JS 암복호화 -->
  <script src="/static/vendor/jsencrypt/jsencrypt.min.js"></script><!-- JSEncrypt (WEB E2E) -->

  <!-- js > F/W -->
  <script src="/static/js/fwebui/fwebui.controller.min.js"></script>
  <script src="/static/js/fwebui/fwebui.config.js"></script>

  <!-- 공통 js -->
  <script src="/static/js/common/common.js"></script>
  <script src="/static/js/common/date.js"></script>
  <script src="/static/js/common/format.js"></script>
  <script src="/static/js/common/util.js"></script>
  <script src="/static/js/common/popup.js"></script>
  <script src="/static/js/common/validation.js"></script>
  <script src="/static/js/common/jquery.paging.js"></script>

  <!-- 업무 js -->
  <script src="/static/js/biz/biz-front.js"></script>
  
  <!-- Contact form JavaScript -->
  <script src="/static/js/jqBootstrapValidation.js"></script>
  <script src="/static/js/contact_me.js"></script>
  <!-- Contact form JavaScript -->

  <!-- Vendor Styles -->
  <link rel="stylesheet" media="screen" href="/static/assets/vendor/boxicons/css/boxicons.min.css">
  <link rel="stylesheet" media="screen" href="/static/assets/vendor/swiper/swiper-bundle.min.css">
  <link rel="stylesheet" media="screen" href="/static/assets/vendor/lightgallery/css/lightgallery-bundle.min.css">

  <!-- Main Theme Styles + Bootstrap -->
  <link rel="stylesheet" media="screen" href="/static/assets/css/theme.min.css">

  <script type="text/javascript">
    //<![CDATA[

    // JSEncryhpt 암호화 객체
    var $RSAEncrypt = new JSEncrypt();
    $RSAEncrypt.setPublicKey(null);

    const compDvCdList = [{"value":"01","text":"에프에이솔루션"},{"value":"02","text":"애마슈"}];
    const busiDvCdList = [{"value":"MGMT","text":"경영"},{"value":"AX","text":"AX"},{"value":"DX","text":"DX"},{"value":"ETC","text":"기타"},{"value":"BIOH","text":"Bio Healthcare"}];

    const selectedCodeNm = (_v, codeList) =>
            codeList?.find(item => item.value === _v)?.text;

	// 네이게션바 그리기 시작
    $(() => {

       let pathname = location.pathname;
       const pathArr = pathname.split('/');
       if(pathArr[pathArr.length -1].replace(/\d/g, '') === ''){
          pathArr.pop();
          pathname = pathArr.join('/');
       }
       const findData = findMenuPath(menuData, pathname);
       console.log('findData=', findData);
       if(findData?.length > 0){
          naviMakeHtml(findData);
       }

    });

    const menuData = [
      {
        name: "Portfolio",
        link: "#Portfolio",
        children: [
          { name: "최근 소식", link: "/ko/portfolio/news", children: [
              { name: "상세", link: "/ko/portfolio/news/detail", children: [] }
            ]
          },
          { name: "구축 사례", link: "/ko/portfolio/construction", children: [
              { name: "상세", link: "/ko/portfolio/construction/detail", children: [] }
            ]
          },
          { name: "고객사 및 협력사", link: "/ko/portfolio/clients", children: [] }
        ]
      },
      {
        name: "AX",
        link: "#AX",
        children: [
          { name: "AI", link: "/ko/ax/ai", children: [] },
          { name: "RPA", link: "/ko/ax/rpa", children: [] }
        ]
      },
      {
        name: "DX",
        link: "#DX",
        children: [
          { name: "SI", link: "/ko/dx/si", children: [] },
          { name: "Solutions", link: "#Solutions", children: [
              { name: "FADI", link: "/ko/dx/fadi", children: [] },
              { name: "ObiX", link: "/ko/dx/obix", children: [] },
              { name: "fPMS", link: "/ko/dx/fpms", children: [] }
            ]
          }
        ]
      },
      {
        name: "Bio Healthcare",
        link: "/ko/bio/healthcare",
        children: []
      },
      {
        name: "About FAS",
        link: "#About",
        children: [
          { name: "회사 소개", link: "/ko/about/introduction", children: [] },
          { name: "CEO 인사", link: "/ko/about/ceo", children: [] },
          { name: "연혁", link: "/ko/about/history", children: [] },
          { name: "수상 및 인증", link: "/ko/about/awards", children: [] }
        ]
      },
      {
        name: "채용정보",
        link: "/ko/recruit/recruit",
        children: []
      }
    ];

    function findMenuPath(menuList, targetLink, path = []) {
      for (const item of menuList) {
        const newPath = [...path, { name: item.name, link: item.link }];

        if (item.link === targetLink) {
          return newPath;
        }

        if (item.children && item.children.length > 0) {
          const result = findMenuPath(item.children, targetLink, newPath);
          if (result) return result;
        }
      }
      return null;
    }

    function naviMakeHtml(naviJSONArrayObject) {
      let html = '';

      html += `<ol class="breadcrumb mb-0">`;
      html += `  <li class="breadcrumb-item">`;
      html += `    <a href="/"><i class="bx bx-home-alt fs-lg me-1"></i>Home</a>`;
      html += `  </li>`;

      naviJSONArrayObject?.forEach((obj, idx) => {
          if(idx !== naviJSONArrayObject?.length - 1) {
              html += `  <li class="breadcrumb-item">`;
              html += `    <a href="${obj.link}">${obj.name}</a>`;
              html += `  </li>`;
          }else{
              html += `  <li class="breadcrumb-item active" aria-current="page">${obj.name}</li>`;
          }
      });

      html += `</ol>`;

      $('nav.container').empty().append(html);
    }

    //]]>
  </script>



  <script type="text/javascript">
    <!-- 한/영/일 홈페이지 이동-->
    function fn_selectLanguage(lan){
      if(lan && (lan == 'en' || lan == 'ja')){
        location.href = '/' + lan + '/main/index';
      }
    }
  </script>

</head>

<body>


  <!-- Page Wrapper -->
  <main class="page-wrapper">
    <!-- Topbar -->
    

    <style>
        <!-- 공통 스타일 -->
        @media (max-width: 991px) {
          .navbar-collapse { background-color: #0F1626; }
          .navbar-nav .nav-link { color: white; }
          .navbar-nav .nav-link:hover { color: white; }
          .dropdown-menu { background-color: #0F1626; }
          .dropdown-item { color: white; }
        }
        .logo-carousel { overflow: hidden; width: 100%; background: #fff; position: relative; }
        .logo-track   { display: flex; width: max-content; animation: scroll 20s linear infinite; }
        .logo-item    { flex: 0 0 auto; margin-right: 40px; }
        .logo-item img{ height: 50px; width: auto; }
        @keyframes scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
        .card .img-wrapper { position: relative; padding: 1rem; background-color: #fff;
                              display: flex; align-items: center; justify-content: center;
                              height: 150px; }
        .card .img-wrapper img { max-height: 100%; width: auto; object-fit: contain; }

        <!-- 드롭다운 서브메뉴 관련 -->
        /* 데스크톱 hover 방식 */
        .dropdown-submenu > .dropdown-menu {
          display: none;
          position: absolute;
          top: 0; left: 80%;
          min-width: 180px;
          background-color: #fff;
          border: 1px solid rgba(0,0,0,0.15);
          z-index: 1050;
          padding: .5rem 0;
          box-shadow: 0 .5rem 1rem rgba(0,0,0,0.05);
        }
        .dropdown-submenu:hover > .dropdown-menu { display: block; }

        /* 모바일: 부모 li.open 토글, 풀너비, 위치 고정 */
        @media (max-width: 991px) {
          .dropdown-submenu > .dropdown-menu {
            display: none !important;
            position: static !important;
            width: 100% !important;
            margin: 0 !important;
            padding-left: 1.5rem !important;
            border: none !important;
            background-color: #0F1626 !important;
            box-shadow: none !important;
            transition: none !important;
            box-sizing: border-box;
          }
          .dropdown-submenu.open > .dropdown-menu {
            display: block !important;
          }
          /* 화살표 제거 */
          /*.dropdown-submenu > a::after { content: none !important; }*/
          /* 클릭 허용 */
          .dropdown-submenu > a.dropdown-toggle {
            pointer-events: auto !important;
            background-color: white !important;
          }
           /* 서브메뉴 배경을 흰색으로 */
          .dropdown-submenu > .dropdown-menu {
            background-color: white !important;
          }
          /* 3뎁스 메뉴 색상 어두운 회색으로 지정*/
          a.text-dark-grey {
            color: #444444;
          }

        }
    </style>
<div id="header-placeholder"><!-- header.html (공통 헤더 파일로 분리) -->
<!-- header.html (공통 헤더 파일로 분리) -->
  <header class="navbar navbar-expand-lg bg-light shadow-sm navbar-sticky">
      <div class="container px-3">
          <a href="/" class="navbar-brand pe-3">
              <img src="/static/img/logos/FAS_logo_En.png" width="200" alt="FAS_logo_En">
          </a>
          <div id="navbarNav" class="offcanvas offcanvas-end">
              <div class="offcanvas-header border-bottom border-dark">
                  <a href="/" class="navbar-brand pe-3">
                      <img src="/static/img/logos/FAS_logo_En.png" width="200" alt="FAS_logo_En">
                  </a>
                  <button type="button" class="btn-close btn-close-dark"
                          data-bs-dismiss="offcanvas" aria-label="Close"></button>
              </div>
              <div class="offcanvas-body">
                  <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                      <!-- Portfolio -->
                      <li class="nav-item dropdown">
                          <a href="#" class="nav-link dropdown-toggle text-dark"
                             data-bs-toggle="dropdown">Portfolio</a>
                          <ul class="dropdown-menu text-dark">
                              <li><a class="dropdown-item text-dark" href="/ko/portfolio/news">최근 소식</a></li>
                              <li><a class="dropdown-item text-dark" href="/ko/portfolio/construction">구축 사례</a></li>
                              <li><a class="dropdown-item text-dark" href="/ko/portfolio/clients">고객사 및 협력사</a></li>
                          </ul>
                      </li>

                      <!-- AX -->
                      <li class="nav-item dropdown">
                          <a href="#" class="nav-link dropdown-toggle text-dark"
                             data-bs-toggle="dropdown">AX</a>
                          <ul class="dropdown-menu">
                              <li><a class="dropdown-item text-dark" href="/ko/ax/ai">AI</a></li>
                              <li><a class="dropdown-item text-dark" href="/ko/ax/rpa">RPA</a></li>
                          </ul>
                      </li>

                      <!-- DX -->
                      <li class="nav-item dropdown">
                          <a href="#" class="nav-link dropdown-toggle text-dark"
                             data-bs-toggle="dropdown">DX</a>
                          <ul class="dropdown-menu">
                              <li><a class="dropdown-item text-dark" href="/ko/dx/si">SI</a></li>
                              <li class="dropdown-submenu dropdown">
                                  <a class="dropdown-item dropdown-toggle text-dark">Solutions</a>
                                  <ul class="dropdown-menu">
                                      <li><a class="dropdown-item text-dark-grey" href="/ko/dx/fadi">FADI</a></li>
                                      <li><a class="dropdown-item text-dark-grey" href="/ko/dx/obix">ObiX</a></li>
                                      <li><a class="dropdown-item text-dark-grey" href="/ko/dx/fpms">fPMS</a></li>
                                  </ul>
                              </li>
                          </ul>
                      </li>

                      <!-- Bio Healthcare -->
                      <li class="nav-item">
                          <a href="/ko/bio/healthcare" class="nav-link text-dark">Bio Healthcare</a>
                      </li>

                      <!-- About FAS -->
                      <li class="nav-item dropdown">
                          <a href="#" class="nav-link dropdown-toggle text-dark"
                             data-bs-toggle="dropdown">About FAS</a>
                          <ul class="dropdown-menu">
                              <li><a class="dropdown-item text-dark" href="/ko/about/introduction">회사 소개</a></li>
                              <li><a class="dropdown-item text-dark" href="/ko/about/ceo">CEO 인사</a></li>
                              <li><a class="dropdown-item text-dark" href="/ko/about/history">연혁</a></li>
                              <li><a class="dropdown-item text-dark" href="/ko/about/awards">수상 및 인증</a></li>
                          </ul>
                      </li>

                      <!-- 채용정보 -->
                      <li class="nav-item">
                          <a href="/ko/recruit/recruit" class="nav-link text-dark">채용정보</a>
                      </li>
                  </ul>
              </div>
          </div>

          <button type="button" class="navbar-toggler"
                  data-bs-toggle="offcanvas" data-bs-target="#navbarNav"
                  aria-controls="navbarNav" aria-expanded="false"
                  aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
          </button>
      </div>
  </header>

  <!-- Breadcrumb -->
  <nav class="container py-4 mb-md-2 mb-lg-5 mt-lg-3" aria-label="breadcrumb">
  </nav>

</div>

<!-- Viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Favicon and Touch Icons -->
<meta name="theme-color" content="#ffffff">

<!-- Vendor Styles -->
<link rel="stylesheet" media="screen" href="/static/assets/vendor/boxicons/css/boxicons.min.css">
<link rel="stylesheet" media="screen" href="/static/assets/vendor/swiper/swiper-bundle.min.css">

<!-- Main Theme Styles + Bootstrap -->
<link rel="stylesheet" media="screen" href="/static/assets/css/theme.min.css">

<!-- 모바일에서 Solutions 클릭 시 offcanvas 닫힘 방지 & li.open 토글 -->
<script>
    $(document).ready(function () {
      if (window.matchMedia("(max-width: 991px)").matches) {
        document.querySelectorAll('.dropdown-submenu .dropdown-toggle').forEach(function (btn) {
          btn.addEventListener('click', function (e) {
            e.preventDefault();
            e.stopImmediatePropagation();
            btn.parentElement.classList.toggle('open');
          });
        });
      }
    });


       // 리사이징시 메뉴 토글 정상 작동을 위함
    const offcanvasEl = document.getElementById('navbarNav');

    offcanvasEl.addEventListener('shown.bs.offcanvas', function () {
        offcanvasEl.querySelectorAll('.dropdown-submenu .dropdown-toggle').forEach(btn => {
            btn.addEventListener('click', submenuToggle);
        });
    });

    offcanvasEl.addEventListener('hidden.bs.offcanvas', function () {
        offcanvasEl.querySelectorAll('.dropdown-submenu .dropdown-toggle').forEach(btn => {
            btn.removeEventListener('click', submenuToggle);
        });
    });

    function submenuToggle(e) {
        e.preventDefault();
        e.stopPropagation();
        this.parentElement.classList.toggle('open');
    }
</script>


    <!-- End of Topbar -->

    <!-- 여기부터 컨텐츠 -->
    

	<!-- Page content -->
	<section class="d-flex align-items-center min-vh-100 bg-light">
		<div class="container my-5 text-md-start text-center">
			<div class="row align-items-center">

				<!-- Animation -->
				<div class="col-xl-6 col-md-7 order-md-2 ms-n5">
					<lottie-player src="/static/assets/json/animation-404-v1.json" background="transparent" speed="1" loop autoplay></lottie-player>
				</div>

				<!-- Text -->
				<div class="col-md-5 offset-xl-1 order-md-1">
					<h1 class="display-1 mb-sm-4 mt-n4 mt-sm-n5">BAD_REQUEST</h1>
					<p class="mb-md-5 mb-4 mx-md-0 mx-auto pb-2 lead">잘못된 요청입니다.</p>
					<a href="/" class="btn btn-lg btn-primary shadow-primary w-sm-auto w-100">
						<i class="bx bx-home-alt me-2 ms-n1 lead"></i>
						Go to homepage
					</a>
				</div>
			</div>
		</div>
	</section>


    <!-- 여기까지 컨텐츠 -->

    <!-- Footer -->
    
  <!-- Footer.html 공통 푸터 분리 -->
  <footer class="footer bg-dark pt-5 pb-4 pb-lg-5" data-bs-theme="dark">
    <div class="container pt-lg-2">
      <div class="row pb-3">
        <div class="col-lg-5 col-md-6">
          <div class="navbar-brand text-dark p-0 me-0 mb-4 mb-lg-4">
            <img src="/static/img/logos/fas-ci.png" width="40" alt="Silicon">
            (주)에프에이솔루션
          </div>
          <div class="fs-sm text-light opacity-70 pb-lg-3 mb-4">
            <ul class="list-unstyled pb-3 mb-0 mb-lg-3">
              <li class="d-flex mb-3">
                <i class="bx bxs-building fs-xl mt-1 me-2"></i>
                ㈜에프에이솔루션, Finance All Solutions Co., Ltd.
              </li>
              <li class="d-flex mb-3">
                <i class="bx bx-map fs-xl mt-1 me-2"></i>
                서울시 영등포구 선유로3길 10 (문래동5가 10) 하우스디비즈 418,419호
              </li>
              <li class="d-flex mb-3">
                <i class="bx bx-phone-call fs-xl mt-1 me-2"></i>
                02-3274-1646~7
              </li>
              <li class="d-flex mb-3">
                <i class="bx bx-envelope fs-xl mt-1 me-2"></i>
                info@fasol.co.kr
              </li>
              <li class="d-flex">
                <i class="bx bx-user fs-xl mt-1 me-2"></i>
                장 정 열 대표이사
              </li>
            </ul>

            <select class="form-select form-select-sm" style="max-width: 130px;" onchange="fn_selectLanguage(this.value);">
              <option style="color:black;" value="ko">한국어</option>
              <option style="color:black;" value="en">English</option>
              <option style="color:black;" value="ja">Japanese</option>
            </select>
          </div>
        </div>

        <div class="col-xl-5 col-lg-5 col-md-5 offset-xl-2 offset-md-1 pt-4 pt-md-1 pt-lg-0">
          <div id="footer-links" class="row">
            <div class="col-lg-4 d-none d-lg-flex">
              <h6 class="mb-2">
                <a href="#useful-links" class="d-block text-dark dropdown-toggle d-lg-none py-2" data-bs-toggle="collapse">홈페이지 메뉴</a>
              </h6>
              <div id="useful-links" class="collapse d-lg-block" data-bs-parent="#footer-links">
                <ul class="nav flex-column pb-lg-1 mb-lg-3">
                  <li class="nav-item"><a href="/ko/portfolio/news" class="nav-link d-inline-block px-0 pt-1 pb-2">Portfolio</a></li>
                  <li class="nav-item"><a href="/ko/ax/ai" class="nav-link d-inline-block px-0 pt-1 pb-2">AX</a></li>
                  <li class="nav-item"><a href="/ko/dx/si" class="nav-link d-inline-block px-0 pt-1 pb-2">DX</a></li>
                  <li class="nav-item"><a href="/ko/about/introduction" class="nav-link d-inline-block px-0 pt-1 pb-2">About FAS</a></li>
                  <li class="nav-item"><a href="/ko/bio/healthcare" class="nav-link d-inline-block px-0 pt-1 pb-2">Bio Healthcare</a></li>
                  <li class="nav-item"><a href="/ko/recruit/recruit" class="nav-link d-inline-block px-0 pt-1 pb-5">채용정보</a></li>
                </ul>
              </div>
            </div>

            <div class="col-xl-4 col-lg-4 pt-2 pt-lg-0">
              <h6 class="mb-2">문의하기</h6>
              <a href="mailto:info@fasol.co.kr" class="fw-medium">info@fasol.co.kr</a>
            </div>
          </div>
        </div>
      </div>
      <p class="fs-xs text-center pb-2 pb-lg-0 mb-0 text-light opacity-50">
        COPYRIGHT &copy; FINANCE ALL SOLUTIONS CO., LTD. ALL RIGHT RESERVED.
      </p>
    </div>
  </footer>
  
    <!-- End of Footer -->
  </main>
  <!-- End of Page Wrapper -->


	<!-- Vendor Scripts -->
	<script src="/static/assets/vendor/lottie-player/dist/lottie-player.js"></script>



<!-- Vendor Scripts -->
<script src="/static/assets/vendor/parallax-js/dist/parallax.min.js"></script>
<script src="/static/assets/vendor/rellax/rellax.min.js"></script>

<script src="/static/assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="/static/assets/vendor/lightgallery/lightgallery.min.js"></script>
<script src="/static/assets/vendor/lightgallery/plugins/video/lg-video.min.js"></script>

<!-- Main Theme Script -->
<script src="/static/assets/js/theme.min.js"></script>
<script src="/static/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

</body>

</html>
