비전 및 목표

본문 바로가기

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_vision.php

PHP 파일 내용

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

$page_sql = "SELECT * FROM g5_theme_pages WHERE tp_id = 'company_vision' 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 0;
}

.page_header {
    text-align: center;
    margin-bottom: 80px;
    padding: 0 40px;
}

.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_vision {
    max-width: 100%;
}

.vision_hero {
    background: linear-gradient(135deg, #000 0%, #1a1a1a 100%);
    padding: 120px 40px;
    position: relative;
    overflow: hidden;
}

.vision_hero::before {
    content: '2030';
    position: absolute;
    top: 50%;
    right: -50px;
    font-size: 300px;
    font-weight: 700;
    color: rgba(255,255,255,0.03);
    line-height: 1;
    transform: translateY(-50%);
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% {
        transform: translateY(-50%);
    }
    50% {
        transform: translateY(-45%);
    }
}

.vision_hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent);
    animation: shine 8s ease-in-out infinite;
}

@keyframes shine {
    0% {
        left: -100%;
    }
    50%, 100% {
        left: 100%;
    }
}

.vision_hero_inner {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.vision_statement {
    font-size: 56px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    letter-spacing: -0.03em;
    max-width: 800px;
    opacity: 0;
    animation: statementFadeIn 1s ease forwards;
    position: relative;
}

.vision_statement::after {
    content: '';
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 0;
    height: 3px;
    background: #fff;
    animation: statementLine 1s ease forwards 0.5s;
}

@keyframes statementFadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes statementLine {
    to {
        width: 200px;
    }
}

.values_section {
    max-width: 1400px;
    margin: 0 auto;
    padding: 100px 40px;
}

.values_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    background: #000;
}

.value_box {
    background: #fff;
    padding: 60px 32px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}

.value_box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #000;
    transition: height 0.3s ease;
}

.value_box:hover::before {
    height: 100%;
}

.value_box > * {
    position: relative;
    z-index: 1;
    transition: color 0.3s;
}

.value_box:hover > * {
    color: #fff;
}

.value_num {
    font-size: 14px;
    font-weight: 700;
    color: #737373;
    margin-bottom: 24px;
}

.value_title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 16px;
    letter-spacing: -0.02em;
}

.value_desc {
    font-size: 15px;
    line-height: 1.7;
    color: #404040;
}

.goals_section {
    background: #FAFAFA;
    padding: 100px 40px;
    position: relative;
    overflow: hidden;
}

.goals_section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, transparent 0%, rgba(0,0,0,0.02) 100%);
    pointer-events: none;
}

.goals_inner {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.goals_header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 60px;
    padding-bottom: 24px;
    position: relative;
}

.goals_header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #000;
    animation: expandLine 1.5s ease forwards;
}

@keyframes expandLine {
    to {
        width: 100%;
    }
}

.goals_title {
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.goals_year {
    font-size: 80px;
    font-weight: 700;
    line-height: 1;
    color: #E0E0E0;
    position: relative;
}

.goals_year::before {
    content: '→';
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    color: #E0E0E0;
}

.goals_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.goal_item {
    background: #fff;
    padding: 32px 28px;
    border-left: 4px solid #E0E0E0;
    position: relative;
    transition: all 0.3s ease;
}

.goal_item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 0;
    background: #000;
    transition: height 0.4s ease;
}

.goal_item:hover::before {
    height: 100%;
}

.goal_item:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.goal_num {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    color: #E0E0E0;
    margin-bottom: 16px;
    transition: color 0.3s;
}

.goal_item:hover .goal_num {
    color: #000;
}

.goal_title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    letter-spacing: -0.02em;
    transition: color 0.3s;
}

.goal_item:hover .goal_title {
    color: #000;
}

.goal_desc {
    font-size: 15px;
    line-height: 1.7;
    color: #404040;
}

@media (max-width: 1024px) {
    .vision_hero {
        padding: 80px 32px;
    }

    .vision_statement {
        font-size: 42px;
    }

    .values_section {
        padding: 80px 32px;
    }

    .values_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .goals_section {
        padding: 80px 32px;
    }

    .goals_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }
}

@media (max-width: 768px) {
    .page_header {
        padding: 0 20px;
        margin-bottom: 60px;
    }

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

    .vision_hero {
        padding: 60px 24px;
    }

    .vision_hero::before {
        font-size: 200px;
        right: -80px;
    }

    .vision_statement {
        font-size: 32px;
    }

    .values_section {
        padding: 60px 20px;
    }

    .values_grid {
        grid-template-columns: 1fr;
        gap: 1px;
    }

    .value_box {
        padding: 40px 28px;
    }

    .goals_section {
        padding: 60px 20px;
    }

    .goals_header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .goals_title {
        font-size: 32px;
    }

    .goals_year {
        font-size: 60px;
    }

    .goals_list {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .goal_num {
        font-size: 48px;
    }

    .goal_title {
        font-size: 18px;
    }

    .goal_desc {
        font-size: 14px;
    }
}
</style>

<div class="page_header">
    <h2><?php echo htmlspecialchars($page['tp_title']); ?></h2>
    <p class="subtitle">혁신적인 기술과 진정한 고객 중심의 가치로<br>지속 가능한 성장을 이루어나가겠습니다</p>
</div>

<div id="company_vision">
        <div class="vision_hero">
            <div class="vision_hero_inner">
                <h3 class="vision_statement">
                    고객과 함께 성장하며,<br>
                    새로운 가치를 창조하는<br>
                    글로벌 리더
                </h3>
            </div>
        </div>

        <div class="values_section">
            <div class="values_grid">
                <div class="value_box">
                    <div class="value_num">01</div>
                    <h4 class="value_title">고객중심</h4>
                    <p class="value_desc">
                        고객과의 진정한 파트너십을 바탕으로
                        함께 성장하는 신뢰의 가치를 실현합니다
                    </p>
                </div>

                <div class="value_box">
                    <div class="value_num">02</div>
                    <h4 class="value_title">품질경영</h4>
                    <p class="value_desc">
                        철저한 품질 관리 시스템으로
                        안전하고 완벽한 결과를 제공합니다
                    </p>
                </div>

                <div class="value_box">
                    <div class="value_num">03</div>
                    <h4 class="value_title">혁신경영</h4>
                    <p class="value_desc">
                        AI 기반 시스템과 첨단 기술로
                        지속적인 혁신을 추구합니다
                    </p>
                </div>

                <div class="value_box">
                    <div class="value_num">04</div>
                    <h4 class="value_title">사회공헌</h4>
                    <p class="value_desc">
                        사회적 가치 창출과 환경 보호를 실천하며
                        더 나은 사회를 만들어갑니다
                    </p>
                </div>
            </div>
        </div>

        <div class="goals_section">
            <div class="goals_inner">
                <div class="goals_header">
                    <h3 class="goals_title">비전 달성 목표</h3>
                    <div class="goals_year">2030</div>
                </div>

                <div class="goals_list">
                    <div class="goal_item">
                        <div class="goal_num">01</div>
                        <h4 class="goal_title">연간 2,000건 프로젝트</h4>
                        <p class="goal_desc">전국 주요 도시에서 만날 수 있는 대표 브랜드로 성장</p>
                    </div>

                    <div class="goal_item">
                        <div class="goal_num">02</div>
                        <h4 class="goal_title">연 매출 500억원</h4>
                        <p class="goal_desc">업계 톱5 브랜드로 확고한 입지 구축</p>
                    </div>

                    <div class="goal_item">
                        <div class="goal_num">03</div>
                        <h4 class="goal_title">고객 만족도 99%</h4>
                        <p class="goal_desc">진정한 고객 중심 기업으로서의 가치 증명</p>
                    </div>

                    <div class="goal_item">
                        <div class="goal_num">04</div>
                        <h4 class="goal_title">해외 진출 5개국</h4>
                        <p class="goal_desc">글로벌 브랜드로의 도약 실현</p>
                    </div>

                    <div class="goal_item">
                        <div class="goal_num">05</div>
                        <h4 class="goal_title">ESG 경영 선도</h4>
                        <p class="goal_desc">지속 가능한 비즈니스 생태계의 롤모델</p>
                    </div>

                    <div class="goal_item">
                        <div class="goal_num">06</div>
                        <h4 class="goal_title">일자리 1,000개 창출</h4>
                        <p class="goal_desc">지역 경제 발전에 기여하는 사회적 가치 실현</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_vision

페이스북 공유 미리보기

이미지 없음

비전 및 목표

sms.phantomdesign.kr

비전 및 목표

혁신적인 기술과 진정한 고객 중심의 가치로
지속 가능한 성장을 이루어나가겠습니다

고객과 함께 성장하며,
새로운 가치를 창조하는
글로벌 리더

고객중심

고객과의 진정한 파트너십을 바탕으로 함께 성장하는 신뢰의 가치를 실현합니다

품질경영

철저한 품질 관리 시스템으로 안전하고 완벽한 결과를 제공합니다

혁신경영

AI 기반 시스템과 첨단 기술로 지속적인 혁신을 추구합니다

사회공헌

사회적 가치 창출과 환경 보호를 실천하며 더 나은 사회를 만들어갑니다

비전 달성 목표

2030

연간 2,000건 프로젝트

전국 주요 도시에서 만날 수 있는 대표 브랜드로 성장

연 매출 500억원

업계 톱5 브랜드로 확고한 입지 구축

고객 만족도 99%

진정한 고객 중심 기업으로서의 가치 증명

해외 진출 5개국

글로벌 브랜드로의 도약 실현

ESG 경영 선도

지속 가능한 비즈니스 생태계의 롤모델

일자리 1,000개 창출

지역 경제 발전에 기여하는 사회적 가치 실현

자주 묻는 질문

로딩 중...

비전 및 목표

페이지 헤더 설정

CEO 인사말

비전

비전 및 목표

비전 및 목표

고객과 함께 성장하며, 새로운 가치를 창조하는 글로벌 리더

고객중심

품질경영

혁신경영

사회공헌

비전 달성 목표

연간 2,000건 프로젝트

연 매출 500억원

고객 만족도 99%

해외 진출 5개국

ESG 경영 선도

일자리 1,000개 창출

자주 묻는 질문

고객과 함께 성장하며,
새로운 가치를 창조하는
글로벌 리더