<html lang="ko" class="lenis lenis-smooth" style="--window-w: 1920px; --window-h: 911px;"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0,user-scalable=no,width=device-width">
<meta name="format-detection" content="telephone=no">
<meta name="google-site-verification" content="lWboGi7xylmBeVtuSzO8uHreQv6WYLnYHKMWC0I4CVE">
<meta name="naver-site-verification" content="d7e4247eb14d37f61d136b49377fdabd2b720077">
<meta property="og:url" content="https://history.kgenc.kr">
<meta property="og:image" content="/resources/kr/images/common/og_img.jpg">
<link rel="shortcut icon" type="image/x-icon" href="/resources/kr/images/common/favicon.ico">
<link rel="stylesheet" type="text/css" href="/resources/kr/css/style.css">
<meta name="_csrf" content="YgVM-tKD3M8TW22LLRaPRqvBiQEAqKcbe9Z7XyISsy4nkV69VjUtybHg660-blXtTju7cJ2lpDhmzJM2SrJIZhorghgQoGuP">
<meta name="_csrf_header" content="X-CSRF-TOKEN">
<meta name="keywords" content="KG엔지니어링, KG 30주년, 디지털 역사관">
<meta name="description" content="KG엔지니어링 디지털 역사관 페이지입니다.">
<meta property="og:title" content="디지털 역사관 ㅣ KG엔지니어링">
<meta property="og:description" content="KG엔지니어링 디지털 역사관 페이지입니다.">
<meta property="og:type" content="website">
<title>디지털 역사관 ㅣ KG엔지니어링</title>
</head>

    
    
        <body class="intro_start intro_end" style="">
    

    <!-- wrap -->
    <div id="wrap" class="main white">
        <!-- intro -->
        
            
            
                
            
        
        <!--// intro -->
        <!-- 메인 팝업 -->
        
        <!-- // 메인 팝업 -->
        <!-- header -->
        
<div class="loading_wrap">
    <div class="box">
        <div class="logo">
            <i><img src="/resources/kr/images/common/loading_logo.svg" alt=""></i>
        </div>
        <p>LOADING</p>
    </div>
</div>
<div id="header">
    <div class="header_wrap">
        <div class="inner">
            <div class="logo">
                <a href="/kr/index?intro=false" onclick="gtagEvent.defaultButton('CI', 'GNB', 'KGhistory');">
                    <span class="blind">KG엔지니어링</span>
                </a>
            </div>
            <button type="button" class="menu_open_btn"><span class="blind">메뉴 버튼</span></button>
            <a href="https://www.kgenc.kr" class="page_btn" target="_blank" title="새 창 열림" onclick="gtagEvent.defaultButton('Goto_Kgenc.kr', 'GNB', 'KGhistory');"><span>KG엔지니어링 바로가기</span></a>
            <div id="gnbWrap">
                <div class="top_box">
                    <div class="gnb_logo">
                        <img src="/resources/kr/images/common/logo_white.svg" alt="KG 엔지니어링">
                    </div>
                    <button type="button" class="menu_close_btn"><span class="blind">메뉴 닫기 버튼</span></button>
                </div>
                <div class="gnb_inner" data-lenis-prevent-wheel="">
                    <ul id="gnb">
                        <li class="depth1" data-step="1">
                            <a href="/kr/past/history" onclick="gtagEvent.defaultButton('Past', 'GNB', 'KGhistory');">도전의 여정</a>
                            <ul class="depth2_list">
                                <li data-step="1-1"><a href="/kr/past/history" onclick="gtagEvent.defaultButton('Past_history', 'GNB', 'KGhistory');">걸어온 길</a></li>
                                <li data-step="1-2"><a href="/kr/past/place" onclick="gtagEvent.defaultButton('Past_place', 'GNB', 'KGhistory');">사옥 변천사</a></li>
                            </ul>
                        </li>
                        <li class="depth1" data-step="2">
                            <a href="/kr/now/kg-numbers" onclick="gtagEvent.defaultButton('Now', 'GNB', 'KGhistory');">오늘의 성과</a>
                            <ul class="depth2_list">
                                <li data-step="2-1"><a href="/kr/now/kg-numbers" onclick="gtagEvent.defaultButton('Now_kgnumber', 'GNB', 'KGhistory');">숫자로 보는 KG</a></li>
                                <li data-step="2-2"><a href="/kr/now/kg-tech/list" onclick="gtagEvent.defaultButton('Now_kgtech', 'GNB', 'KGhistory');">기술로 보는 KG</a></li>
                            </ul>
                        </li>
                        <li class="depth1" data-step="3">
                            <a href="/kr/future/con-tech" onclick="gtagEvent.defaultButton('Future', 'GNB', 'KGhistory');">혁신의 내일</a>
                            <ul class="depth2_list">
                                <li data-step="3-1"><a href="javascript:alert('준비 중입니다.')" onclick="gtagEvent.defaultButton('Future_vision', 'GNB', 'KGhistory');">미래비전</a></li>
                                <li data-step="3-2"><a href="/kr/future/con-tech" onclick="gtagEvent.defaultButton('Future_contech', 'GNB', 'KGhistory');">건설 디지털화</a></li>
                            </ul>
                        </li>
                        <li class="depth1" data-step="4">
                            <a href="/kr/kgarchive/kg-story/list" onclick="gtagEvent.defaultButton('Archive', 'GNB', 'KGhistory');">타임캡슐</a>
                            <ul class="depth2_list">
                                <li data-step="4-1"><a href="/kr/kgarchive/kg-story/list" onclick="gtagEvent.defaultButton('Archive_kgstory', 'GNB', 'KGhistory');">KG人 이야기</a></li>
                                <li data-step="4-2"><a href="/kr/kgarchive/media" onclick="gtagEvent.defaultButton('Archive_meda', 'GNB', 'KGhistory');">영상관</a></li>
                                <li data-step="4-3"><a href="/kr/kgarchive/gallery/list" onclick="gtagEvent.defaultButton('Archive_gallery', 'GNB', 'KGhistory');">사진관</a></li>
                                <li data-step="4-4"><a href="/kr/kgarchive/library" onclick="gtagEvent.defaultButton('Archive_library', 'GNB', 'KGhistory');">자료실</a></li>
                            </ul>
                        </li>
                    </ul>
                    <a href="https://www.kgenc.kr" class="m_page_btn" target="_blank" title="새 창 열림" onclick="gtagEvent.defaultButton('Goto_Kgenc.kr', 'GNB', 'KGhistory');"><span>KG엔지니어링 바로가기</span></a>
                </div>
            </div>
        </div>
    </div>
</div>
        <!-- // header -->
        <!-- container -->
        <div class="container">
            <div class="content">
                <div class="main_visual">
                    <div class="video_bg">
                        <video loop="loop" poster="/resources/kr/images/main/main_visual_video_poster.jpg" autoplay="" muted="" playsinline="">
                            <source src="/resources/kr/images/main/main_visual_video.mp4">
                        </video>
                    </div>
                    <ul class="list">
                        <li>
                            <a href="/kr/past/history" onclick="gtagEvent.defaultButton('Goto_PastHistory', 'Main', 'KGhistory');">
                                <div class="txt_box">
                                    <div class="lottie_area">
                                        <div id="lottie1"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200" width="200" height="200" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;"><defs><clipPath id="__lottie_element_5"><rect width="200" height="200" x="0" y="0"></rect></clipPath></defs><g clip-path="url(#__lottie_element_5)"><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path stroke-linecap="round" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g transform="matrix(1,0,0,1,8.037002563476562,-48.00999450683594)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(0.20000000298023224,0,0,0.20000000298023224,98.96299743652344,135.00999450683594)"><path fill="rgb(255,255,255)" fill-opacity="1" d=" M3.75,0 C3.75,2.071000099182129 2.071000099182129,3.75 0,3.75 C-2.071000099182129,3.75 -3.75,2.071000099182129 -3.75,0 C-3.75,-2.071000099182129 -2.071000099182129,-3.75 0,-3.75 C2.071000099182129,-3.75 3.75,-2.071000099182129 3.75,0z"></path></g></g><g transform="matrix(1,0,0,1,-12.962997436523438,-32.00999450683594)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(0.20000000298023224,0,0,0.20000000298023224,98.96299743652344,135.00999450683594)"><path fill="rgb(255,255,255)" fill-opacity="1" d=" M3.75,0 C3.75,2.071000099182129 2.071000099182129,3.75 0,3.75 C-2.071000099182129,3.75 -3.75,2.071000099182129 -3.75,0 C-3.75,-2.071000099182129 -2.071000099182129,-3.75 0,-3.75 C2.071000099182129,-3.75 3.75,-2.071000099182129 3.75,0z"></path></g></g><g transform="matrix(1,0,0,1,7.0370025634765625,-21.99999237060547)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(0.20000000298023224,0,0,0.20000000298023224,98.96299743652344,135.00999450683594)"><path fill="rgb(255,255,255)" fill-opacity="1" d=" M3.75,0 C3.75,2.071000099182129 2.071000099182129,3.75 0,3.75 C-2.071000099182129,3.75 -3.75,2.071000099182129 -3.75,0 C-3.75,-2.071000099182129 -2.071000099182129,-3.75 0,-3.75 C2.071000099182129,-3.75 3.75,-2.071000099182129 3.75,0z"></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g></g></svg></div>
                                    </div>
                                    <span>도전의 여정</span>
                                    <strong>새로운 도전과 <br class="tablet_none">변화의 시작</strong>
                                    <i class="arrow"></i>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="/kr/now/kg-numbers" onclick="gtagEvent.defaultButton('Goto_NowKgnumber', 'Main', 'KGhistory');">
                                <div class="txt_box">
                                    <div class="lottie_area">
                                        <div id="lottie2"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200" width="200" height="200" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;"><defs><clipPath id="__lottie_element_72"><rect width="200" height="200" x="0" y="0"></rect></clipPath></defs><g clip-path="url(#__lottie_element_72)"><g transform="matrix(0.20000000298023224,0,0,0.20000000298023224,78.7136001586914,6.244000434875488)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,97.76699829101562,10.930000305175781)"><path fill="rgb(255,255,255)" fill-opacity="1" d=" M6,0 C6,3.313999891281128 3.313999891281128,6 0,6 C-3.313999891281128,6 -6,3.313999891281128 -6,0 C-6,-3.313999891281128 -3.313999891281128,-6 0,-6 C3.313999891281128,-6 6,-3.313999891281128 6,0z"></path></g></g><g transform="matrix(0,-1,1,0,-2.5699996948242188,200.57000732421875)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,100,103.06999969482422)"><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="1" d="M0 0"></path></g></g><g style="display: none;"><g><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path stroke-linecap="round" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g></g></svg></div>
                                    </div>
                                    <span>오늘의 성과</span>
                                    <strong>지속적인 성장과 <br class="tablet_none">끊임없는 노력</strong>
                                    <i class="arrow"></i>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="/kr/future/con-tech" onclick="gtagEvent.defaultButton('Goto_FutureContech', 'Main', 'KGhistory');">
                                <div class="txt_box">
                                    <div class="lottie_area">
                                        <div id="lottie3"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200" width="200" height="200" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;"><defs><clipPath id="__lottie_element_103"><rect width="200" height="200" x="0" y="0"></rect></clipPath></defs><g clip-path="url(#__lottie_element_103)"><g transform="matrix(0.20000000298023224,0,0,-0.20000000298023224,80,120)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,100,100)"><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="1" d="M0 0"></path></g></g><g style="display: none;"><g><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g></g></svg></div>
                                    </div>
                                    <span>혁신의 내일</span>
                                    <strong>더 나은 미래를 <br class="tablet_none">향한 한 걸음</strong>
                                    <i class="arrow"></i>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="/kr/kgarchive/kg-story/list" onclick="gtagEvent.defaultButton('Goto_Archivestory', 'Main', 'KGhistory');">
                                <div class="txt_box">
                                    <div class="lottie_area">
                                        <div id="lottie4"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200" width="200" height="200" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;"><defs><clipPath id="__lottie_element_131"><rect width="200" height="200" x="0" y="0"></rect></clipPath></defs><g clip-path="url(#__lottie_element_131)"><g transform="matrix(1,0,0,1,-154.68899536132812,-142)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,254.5449981689453,240.9239959716797)"><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="1" d="M0 0"></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="10"></path></g></g><g style="display: none;"><g><path></path></g></g><g style="display: none;"><g><path></path></g></g></g></svg></div>
                                    </div>
                                    <span>타임캡슐</span>
                                    <strong>함께 만들어 가는 <br class="tablet_none">KG의 역사</strong>
                                    <i class="arrow"></i>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- // container -->
        <!-- footer -->
        
<div id="footer">
    <div id="topBtn" class="top_btn">
        <button type="button"><span class="blind">탑 버튼</span></button>
    </div>
    <div class="inner">
        <div class="ft_logo">
            <img src="/resources/kr/images/common/ft_logo.svg" alt="KG엔지니어링">
        </div>
        <div class="txt_box">
            <ul class="address_box">
                <li>
                    <span>KG엔지니어링종합건축사사무소 : 경기도 의정부시 의정로 20(의정부동, KG빌딩)</span>
                    <div class="tel_box">
                        <span>TEL</span>
                        <span>031-828-1114</span>
                    </div>
                </li>
                <li>
                    <span>서울특별시 송파구 정의로 7길 10(문정동, KG TOWER)</span>
                    <div class="tel_box">
                        <span>TEL</span>
                        <span>02-2161-1000</span>
                    </div>
                </li>
                <li>
                    <span>보람엔지니어링건축사사무소 : 경상북도 구미시 수출대로 152, 206호(공단동, 지식산업센터)</span>
                    <div class="tel_box">
                        <span>TEL</span>
                        <span>054-463-8010</span>
                    </div>
                </li>
                <li>
                    <span>GK엔지니어링건축사사무소 : 강원도 춘천시 경춘로 2370, 3층(온의동, 교원공제회관)</span>
                    <div class="tel_box">
                        <span>TEL</span>
                        <span>033-244-9105</span>
                    </div>
                </li>
            </ul>
            <div class="copy_box">
                <span>COPYRIGHT © KG ENGINEERING &amp; ARCHITECTURE CO.,LTD.</span>
                <span>ALL RIGHTS RESERVED.</span>
            </div>
        </div>
    </div>
</div>

        <!-- // footer -->
    </div>
    <!-- // wrap -->


    

<script src="/resources/kr/js/plugin/jquery-3.4.1.min.js"></script>
<script src="/resources/kr/js/plugin/jquery.mCustomScrollbar.js"></script>
<script src="/resources/kr/js/plugin/gsap.js"></script>
<script src="/resources/kr/js/plugin/DrawSVGPlugin.min.js"></script>
<script src="/resources/kr/js/plugin/ScrollTrigger.js"></script>
<script src="/resources/kr/js/plugin/ScrollToPlugin.js"></script>
<script src="/resources/kr/js/plugin/lenis.min.js"></script>
<script src="/resources/kr/js/plugin/swiper-4.5.1.js"></script>
<script src="/resources/kr/js/plugin/bxslider.min.js"></script>
<script src="/resources/kr/js/plugin/splitting.min.js"></script>
<script src="/resources/kr/js/plugin/bodymovin_5.12.2_lottie.min.js"></script>
<script src="/resources/kr/js/application.js"></script>
<script src="/resources/kr/js/common.js"></script>

<script src="/resources/kr/js/gtagEvent.js"></script>
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-VGH5N3GNRG"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-VGH5N3GNRG');
</script>
<!-- // Google tag (gtag.js) -->
<script>
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="_csrf"]').attr('content')
    }
});
</script>
    <script src="/resources/kr/js/page/main.js"></script>
    <script>
        main.utils.mainPopup(".main_popup");
    </script>


</body></html>

이 소스처럼 세련된 화면이 구현이 되게 HTML 문서를 만들어줘