회사연혁

본문 바로가기

Phantom
Design

신규 서비스 오픈 안내 2025년 설날 연휴 운영 안내 웹사이트 정기 점검 일정 공지 고객 만족도 조사 진행중

로그인 회원가입

CONTACT

02-1234-5678 contact@phantomdesign.kr

평일 09:00 - 18:00

점심 12:00 - 13:00

주말/공휴일 휴무

자주묻는질문 질문과답변

페이지 헤더 설정

제목

카테고리

설명

카테고리 기본값 설정

현재 페이지의 배경 이미지와 레이아웃 설정(간격, 정렬, 투명도 등)을
이 카테고리의 기본값으로 지정합니다.
※ 같은 카테고리의 다른 페이지에서 개별 설정하지 않은 항목들이 이 기본값을 상속받습니다.

텍스트 정렬

왼쪽

중앙

오른쪽

헤더 높이

헤더 영역의 최소 높이 (180px ~ 500px)

요소 간격 조정

브레드크럼 ↓

카테고리 ↓

제목 ↓

배경 이미지

📐 권장 크기: 1920x280px (Full HD) 또는 1600x280px

배경 이미지 크기 조정

Cover

꽉 채움 (잘림 가능)

Contain

전체 표시 (여백 가능)

색상 설정

배경색

텍스트색

배경 오버레이 투명도

배경 이미지 위에 어두운 오버레이 투명도 (0: 투명, 100: 불투명)

실시간 미리보기

Home 회사소개 CEO 인사말

회사소개

CEO 인사말

고객을 가장 먼저 생각하는 기업이 되겠습니다

Home 회사소개 회사연혁

회사소개

회사연혁

함께 성장해온 우리의 발자취

페이지 설정

회사연혁

페이지 제목

서브 타이틀 페이지 상단에 표시되는 설명

상위 메뉴 메뉴 그룹 선택

정렬 순서 작은 숫자가 먼저 표시

페이지 활성화

페이지 내용 (DB) DB에 저장되는 추가 내용 (HTML 가능)

PHP 파일 편집 불가

파일 쓰기 권한이 없습니다. (일반 호스팅에서는 PHP 파일 수정이 제한될 수 있습니다)

파일 경로: /var/www/html/sms/theme/modern/page/company_history.php

PHP 파일 내용

<?php
include_once('../../../common.php');

$page_sql = "SELECT * FROM g5_theme_pages WHERE tp_id = 'company_history' AND tp_use = 1 LIMIT 1";
$page_result = sql_query($page_sql);
$page = sql_fetch_array($page_result);

if (!$page) {
    alert('페이지를 찾을 수 없습니다.', G5_URL);
    exit;
}

$g5['title'] = $page['tp_title'];
include_once(G5_THEME_PATH.'/head.php');
include_once(G5_THEME_PATH.'/page/page_common.php');
?>

<style>
.page_container {
    max-width: 100%;
    margin: 0 auto;
    padding: 60px 40px;
}

.page_header {
    text-align: center;
    margin-bottom: 60px;
}

.page_header h2 {
    font-size: 48px;
    color: #000;
    margin-bottom: 12px;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.page_header .subtitle {
    font-size: 15px;
    color: #737373;
    font-weight: 400;
    line-height: 1.6;
}

#company_history {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
}

#company_history .history_image {
    margin: 64px 0;
    overflow: hidden;
    position: relative;
}

#company_history .history_image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
}

#company_history .con_wrap {
    display: flex;
}

#company_history .con_wrap .photo {
    flex: 1;
    margin-right: 40px;
    position: sticky;
    top: 160px;
    align-self: flex-start;
}

#company_history .con_wrap .content_photo {
    margin: 0;
    position: relative;
}

#company_history .con_wrap .content_photo .photo_item {
    width: 100%;
    height: 600px;
    object-fit: cover;
    display: block;
}

#company_history .con_wrap .content_photo .photo_item:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.6s ease;
}

#company_history .con_wrap .content_photo .photo_item.active {
    opacity: 1;
}

#company_history .con_wrap .desc {
    flex: 2;
}

#company_history .itm {
    position: relative;
    display: flex;
    gap: 120px;
}

#company_history .itm time {
    flex: 1;
    font-size: 40px;
    font-weight: 700;
    color: #000;
}

#company_history .itm .con {
    flex: 4;
    position: relative;
    padding-right: 48px;
}

#company_history .itm .con .event_header {
    margin-bottom: 12px;
}

#company_history .itm .con .event_date {
    font-size: 13px;
    color: #000;
    font-weight: 700;
    margin-bottom: 6px;
    display: block;
    border-bottom: 2px dotted #000;
    padding-bottom: 3px;
    display: inline-block;
}

#company_history .itm .con strong {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.02em;
}

#company_history .itm .con p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 36px;
    color: #404040;
}

#company_history .itm:not(:last-child) .con {
    padding-bottom: 60px;
}

#company_history .itm .con::before {
    content: "◆";
    position: absolute;
    top: 8px;
    left: -60px;
    z-index: 3;
    transform: translate(-50%, 0);
    font-size: 12px;
    color: #000;
    transition: all 0.3s ease;
    animation: pulse-icon 2s ease-in-out infinite;
}

@keyframes pulse-icon {
    0%, 100% {
        opacity: 0.5;
        transform: translate(-50%, 0) scale(1);
    }
    50% {
        opacity: 1;
        transform: translate(-50%, 0) scale(1.15);
    }
}

#company_history .itm.on .con::before {
    color: #000;
    opacity: 1;
    transform: translate(-50%, 0) scale(1.3);
    animation: none;
}

#company_history .itm:not(:last-child) .con::after {
    content: "";
    position: absolute;
    top: 32px;
    bottom: 0;
    left: -60px;
    transform: translate(-50%, 0);
    width: 2px;
    background: #E0E0E0;
    z-index: 1;
}

@media (max-width: 768px) {
    .page_container {
        padding: 40px 20px;
    }

    .page_header h2 {
        font-size: 36px;
    }

    #company_history .itm {
        gap: 24px;
    }

    #company_history .con_wrap {
        flex-direction: column;
    }

    #company_history .con_wrap .photo {
        display: none;
    }

    #company_history .history_image {
        margin: 48px 0;
    }

    #company_history .history_image img {
        height: 200px;
    }

    #company_history .itm time {
        font-size: 32px;
    }

    #company_history .itm .con {
        padding-right: 30px;
    }

    #company_history .itm .con strong {
        font-size: 19px;
    }

    #company_history .itm .con p {
        font-size: 14px;
    }

    #company_history .itm .con::before {
        right: 0;
        left: auto;
    }

    #company_history .itm:not(:last-child) .con::after {
        left: auto;
        right: 8px;
    }
}
</style>

<script>
$(function() {
    function updateSideImage() {
        let scrollTop = $(window).scrollTop();
        let activeYear = '2015';

        $('.itm').each(function() {
            let itemTop = $(this).offset().top;
            let windowHeight = $(window).height();

            if (scrollTop + windowHeight / 2 > itemTop) {
                let year = $(this).find('time').attr('datetime');
                if (year) {
                    activeYear = year;
                }
            }
        });

        $('.photo_item').removeClass('active');
        $('.photo_item[data-year="' + activeYear + '"]').addClass('active');
    }

    $(window).on('scroll', updateSideImage);
    updateSideImage();
});
</script>

<div class="page_header">
    <h2><?php echo htmlspecialchars($page['tp_title']); ?></h2>
    <p class="subtitle">2015년 첫 걸음부터 지금까지, 끊임없는 혁신과 도전으로 성장해온 우리의 여정입니다.<br>
        고객과 함께 만들어온 소중한 순간들과 앞으로 나아갈 방향을 공유합니다.</p>
</div>

<div id="company_history">
        <div class="con_wrap">
            <div class="photo">
                <figure class="content_photo">
                    <img class="photo_item active" data-year="2015" src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p01.jpg" alt="2015">
                    <img class="photo_item" data-year="2017" src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p01.jpg" alt="2017">
                    <img class="photo_item" data-year="2018" src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p02.jpg" alt="2018">
                    <img class="photo_item" data-year="2019" src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p02.jpg" alt="2019">
                    <img class="photo_item" data-year="2020" src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p03.jpg" alt="2020">
                    <img class="photo_item" data-year="2021" src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p03.jpg" alt="2021">
                    <img class="photo_item" data-year="2022" src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p04.jpg" alt="2022">
                    <img class="photo_item" data-year="2023" src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p04.jpg" alt="2023">
                    <img class="photo_item" data-year="2024" src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p05.jpg" alt="2024">
                    <img class="photo_item" data-year="2025" src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/company_img02.jpg" alt="2025">
                </figure>
            </div>
            <div class="desc">
                <div class="flx itm default" data-aos="fade-up">
                    <time datetime="2015">2015</time>
                    <div class="con">
                        <div class="event_header">
                            <span class="event_date">3월</span>
                            <strong>회사 설립 / Company Foundation</strong>
                        </div>
                        <p>혁신적인 기술과 서비스로 시장에 첫 발을 내딛으며
                            독창적인 비즈니스 모델과 브랜드 아이덴티티를 확립했습니다.</p>
                    </div>
                </div>

                <div class="history_image default" data-aos="fade-up">
                    <img src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p01.jpg" alt="회사 설립">
                </div>

                <div class="flx itm default" data-aos="fade-up">
                    <time datetime="2017">2017</time>
                    <div class="con">
                        <div class="event_header">
                            <span class="event_date">5월</span>
                            <strong>첫 프로젝트 성공 / First Project Success</strong>
                        </div>
                        <p>회사의 첫 대형 프로젝트를 성공적으로 완료하며 시장에서의 입지를 확고히 했습니다.</p>

                        <div class="event_header">
                            <span class="event_date">9월</span>
                            <strong>품질 관리 시스템 구축 / Quality Control System</strong>
                        </div>
                        <p>체계적인 품질 관리를 위한 표준화 시스템을 구축했습니다.</p>
                    </div>
                </div>

                <div class="flx itm default" data-aos="fade-up">
                    <time datetime="2018">2018</time>
                    <div class="con">
                        <div class="event_header">
                            <span class="event_date">6월</span>
                            <strong>사업 영역 확장 / Business Expansion</strong>
                        </div>
                        <p>체계적인 준비와 검증을 거쳐 본격적인 사업 확장을 시작했습니다.</p>
                    </div>
                </div>

                <div class="history_image default" data-aos="fade-up">
                    <img src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p02.jpg" alt="사업 영역 확장">
                </div>

                <div class="flx itm default" data-aos="fade-up">
                    <time datetime="2019">2019</time>
                    <div class="con">
                        <div class="event_header">
                            <span class="event_date">4월</span>
                            <strong>주요 마일스톤 달성 / Major Milestone</strong>
                        </div>
                        <p>빠른 성장세를 바탕으로 주요 목표를 달성하며 안정적인 확장 기반을 마련했습니다.</p>

                        <div class="event_header">
                            <span class="event_date">11월</span>
                            <strong>기술 센터 설립 / Technology Center</strong>
                        </div>
                        <p>전문적인 기술 개발을 위한 센터를 설립했습니다.</p>
                    </div>
                </div>

                <div class="flx itm default" data-aos="fade-up">
                    <time datetime="2020">2020</time>
                    <div class="con">
                        <div class="event_header">
                            <span class="event_date">3월</span>
                            <strong>위기 극복과 혁신 / Crisis Response</strong>
                        </div>
                        <p>전례 없는 위기 상황에서도 혁신적인 대응으로 성장을 지속했습니다.</p>

                        <div class="event_header">
                            <span class="event_date">10월</span>
                            <strong>디지털 전환 / Digital Transformation</strong>
                        </div>
                        <p>온라인 시스템 구축, 첨단 기술 도입으로 서비스의 질을 한층 높였습니다.</p>
                    </div>
                </div>

                <div class="history_image default" data-aos="fade-up">
                    <img src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p03.jpg" alt="디지털 전환">
                </div>

                <div class="flx itm default" data-aos="fade-up">
                    <time datetime="2021">2021</time>
                    <div class="con">
                        <div class="event_header">
                            <span class="event_date">6월</span>
                            <strong>대규모 확장 / Major Expansion</strong>
                        </div>
                        <p>지속적인 성장으로 본격적인 전국 확장을 시작했습니다.</p>

                        <div class="event_header">
                            <span class="event_date">12월</span>
                            <strong>서비스 다양화 / Service Diversification</strong>
                        </div>
                        <p>고객 니즈 분석을 통한 서비스 포트폴리오를 확장했습니다.</p>
                    </div>
                </div>

                <div class="flx itm default" data-aos="fade-up">
                    <time datetime="2022">2022</time>
                    <div class="con">
                        <div class="event_header">
                            <span class="event_date">7월</span>
                            <strong>업계 선두 도약 / Industry Leadership</strong>
                        </div>
                        <p>창립 이래 가장 큰 성과를 달성하는 쾌거를 이뤘습니다.</p>

                        <div class="event_header">
                            <span class="event_date">11월</span>
                            <strong>지역별 전담 시스템 / Regional Management</strong>
                        </div>
                        <p>전국 확장에 따른 체계적인 관리를 위해 지역별 전담 시스템을 도입했습니다.</p>
                    </div>
                </div>

                <div class="history_image default" data-aos="fade-up">
                    <img src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p04.jpg" alt="업계 선두">
                </div>

                <div class="flx itm default" data-aos="fade-up">
                    <time datetime="2023">2023</time>
                    <div class="con">
                        <div class="event_header">
                            <span class="event_date">8월</span>
                            <strong>우수 기업 대상 수상 / Excellence Award</strong>
                        </div>
                        <p>업계 협회에서 주관하는 우수 기업 대상을 수상했습니다.</p>

                        <div class="event_header">
                            <span class="event_date">12월</span>
                            <strong>친환경 시스템 도입 / Eco-Friendly System</strong>
                        </div>
                        <p>업계 최초로 친환경 자재를 사용하는 혁신적인 시스템을 도입했습니다.</p>
                    </div>
                </div>

                <div class="flx itm default" data-aos="fade-up">
                    <time datetime="2024">2024</time>
                    <div class="con">
                        <div class="event_header">
                            <span class="event_date">4월</span>
                            <strong>AI 기반 시스템 도입 / AI System Implementation</strong>
                        </div>
                        <p>최신 AI 기술을 활용한 스마트 시스템을 도입했습니다.</p>

                        <div class="event_header">
                            <span class="event_date">10월</span>
                            <strong>새로운 목표 달성 / New Milestone</strong>
                        </div>
                        <p>전례 없는 성과를 달성하며 새로운 도약의 기반을 마련했습니다.</p>
                    </div>
                </div>

                <div class="history_image default" data-aos="fade-up">
                    <img src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p05.jpg" alt="AI 시스템">
                </div>

                <div class="flx itm default" data-aos="fade-up">
                    <time datetime="2025">2025</time>
                    <div class="con">
                        <div class="event_header">
                            <span class="event_date">1월</span>
                            <strong>글로벌 진출 / Global Expansion</strong>
                        </div>
                        <p>해외 시장 진출을 시작으로 글로벌 브랜드로의 도약을 시작했습니다.</p>

                        <div class="event_header">
                            <span class="event_date">6월</span>
                            <strong>지속가능경영 선언 / Sustainability Initiative</strong>
                        </div>
                        <p>ESG 경영과 친환경 운영을 통한 지속가능한 성장을 선언했습니다.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

<?php
include_once(G5_THEME_PATH.'/page/page_footer.php');
include_once(G5_THEME_PATH.'/tail.php');
?>

읽기 전용 - 쓰기 권한이 없어 수정할 수 없습니다.

페이지 데이터 (JSON) 조직도, 연혁 등의 구조화된 데이터를 JSON 형식으로 입력

대표 이미지

대표 이미지 / OG 이미지

권장: 1200x630px / 검색 및 SNS 공유 시 사용

검색 엔진 최적화 (SEO)

메타 설명 (Meta Description)

0 / 160자

검색 결과에 표시되는 설명 (권장: 150-160자)

키워드 쉼표(,)로 구분하여 입력

구글 검색 결과 미리보기

회사연혁

sms.phantomdesign.kr › company_history

페이스북 공유 미리보기

이미지 없음

회사연혁

2015년 첫 걸음부터 지금까지, 끊임없는 혁신과 도전으로 성장해온 우리의 여정입니다. 고객과 함께 만들어온 소중한 순간들과 앞으로 나아갈 방향을 공유합니다.

sms.phantomdesign.kr

회사연혁

2015년 첫 걸음부터 지금까지, 끊임없는 혁신과 도전으로 성장해온 우리의 여정입니다.
고객과 함께 만들어온 소중한 순간들과 앞으로 나아갈 방향을 공유합니다.

2015

3월 회사 설립 / Company Foundation

혁신적인 기술과 서비스로 시장에 첫 발을 내딛으며 독창적인 비즈니스 모델과 브랜드 아이덴티티를 확립했습니다.

2017

5월 첫 프로젝트 성공 / First Project Success

회사의 첫 대형 프로젝트를 성공적으로 완료하며 시장에서의 입지를 확고히 했습니다.

9월 품질 관리 시스템 구축 / Quality Control System

체계적인 품질 관리를 위한 표준화 시스템을 구축했습니다.

2018

6월 사업 영역 확장 / Business Expansion

체계적인 준비와 검증을 거쳐 본격적인 사업 확장을 시작했습니다.

2019

4월 주요 마일스톤 달성 / Major Milestone

빠른 성장세를 바탕으로 주요 목표를 달성하며 안정적인 확장 기반을 마련했습니다.

11월 기술 센터 설립 / Technology Center

전문적인 기술 개발을 위한 센터를 설립했습니다.

2020

3월 위기 극복과 혁신 / Crisis Response

전례 없는 위기 상황에서도 혁신적인 대응으로 성장을 지속했습니다.

10월 디지털 전환 / Digital Transformation

온라인 시스템 구축, 첨단 기술 도입으로 서비스의 질을 한층 높였습니다.

2021

6월 대규모 확장 / Major Expansion

지속적인 성장으로 본격적인 전국 확장을 시작했습니다.

12월 서비스 다양화 / Service Diversification

고객 니즈 분석을 통한 서비스 포트폴리오를 확장했습니다.

2022

7월 업계 선두 도약 / Industry Leadership

창립 이래 가장 큰 성과를 달성하는 쾌거를 이뤘습니다.

11월 지역별 전담 시스템 / Regional Management

전국 확장에 따른 체계적인 관리를 위해 지역별 전담 시스템을 도입했습니다.

2023

8월 우수 기업 대상 수상 / Excellence Award

업계 협회에서 주관하는 우수 기업 대상을 수상했습니다.

12월 친환경 시스템 도입 / Eco-Friendly System

업계 최초로 친환경 자재를 사용하는 혁신적인 시스템을 도입했습니다.

2024

4월 AI 기반 시스템 도입 / AI System Implementation

최신 AI 기술을 활용한 스마트 시스템을 도입했습니다.

10월 새로운 목표 달성 / New Milestone

전례 없는 성과를 달성하며 새로운 도약의 기반을 마련했습니다.

2025

1월 글로벌 진출 / Global Expansion

해외 시장 진출을 시작으로 글로벌 브랜드로의 도약을 시작했습니다.

6월 지속가능경영 선언 / Sustainability Initiative

ESG 경영과 친환경 운영을 통한 지속가능한 성장을 선언했습니다.

자주 묻는 질문

로딩 중...