조직도

본문 바로가기

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

PHP 파일 내용

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

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

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

$org_data = [];
if (!empty($page['tp_data'])) {
    $org_data = json_decode($page['tp_data'], true);
}

if (empty($org_data)) {
    $org_data = [
        'ceo' => '대표이사',
        'main' => '경영본부',
        'departments' => [
            ['title' => '사업기획부', 'teams' => ['전략기획팀', '사업개발팀', '마케팅팀', '영업지원팀']],
            ['title' => '기술개발부', 'teams' => ['개발1팀', '개발2팀', 'QA팀', '인프라팀']],
            ['title' => '경영지원부', 'teams' => ['인사팀', '재무팀', '총무팀', '법무팀']],
        ],
        'research' => ['title' => '연구소', 'teams' => ['AI연구팀', 'DX추진팀']]
    ];
}

$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;
}

.page_header_inner {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}

.org_stats_box {
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #000;
    background: #fff;
    overflow: hidden;
}

.org_stats_box .stats_title {
    font-size: 13px;
    color: #fff;
    background: #000;
    padding: 11px 14px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.stats_table {
    width: 280px;
    border-collapse: collapse;
    display: table;
    overflow-x: visible;
}

.stats_table th {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    padding: 9px 12px;
    background: #FAFAFA;
    text-align: center;
}

.stats_table th:first-child {
    text-align: left;
    padding-left: 14px;
    width: 50%;
}

.stats_table th:not(:first-child) {
    width: 25%;
}

.stats_table td {
    font-size: 13px;
    padding: 9px 12px;
    font-weight: 700;
    text-align: center;
    color: #000;
}

.stats_table td:first-child {
    text-align: left;
    padding-left: 14px;
    font-weight: 600;
}

.stats_table tbody tr {
    border-bottom: 1px solid #E0E0E0;
}

.stats_table tbody tr:last-child {
    border-bottom: 2px solid #000;
}

.stats_table tfoot td {
    color: #fff;
    background: #000;
    font-weight: 700;
    padding: 10px 12px;
}

.stats_table tfoot td:first-child {
    padding-left: 14px;
}

.stats_table tfoot td:not(:first-child) {
    font-size: 13px;
}

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

#company_organization .organization {
    text-align: center;
    position: relative;
}

#company_organization .organization__inner {
    display: inline-block;
    min-width: 240px;
    padding: 16px 24px;
    border: 4px solid #E0E0E0;
    background: #000;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}

#company_organization .organization__box_h::after {
    content: "";
    display: block;
    width: 1px;
    height: 120px;
    background: #E0E0E0;
    margin: 0 auto;
}

#company_organization .organization__container {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    list-style: none;
    padding: 0;
    margin: 0;
}

#company_organization .organization__container::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #E0E0E0;
    position: absolute;
    top: 35px;
    left: 0;
}

#company_organization .organization__list {
    border: 4px solid #000;
    margin-top: 24px;
    list-style: none;
    padding: 0;
    background: #fff;
}

#company_organization .organization__list > * {
    font-size: 16px;
    line-height: 3;
    font-weight: 600;
}

#company_organization .organization__list > * ~ * {
    border-top: 1px solid #E0E0E0;
}

#company_organization .organization__box_side {
    position: absolute;
    right: 0;
    top: 48px;
}

#company_organization .organization-details {
    margin-top: 80px;
}

#company_organization .details-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

#company_organization .detail-card {
    background: #fff;
    padding: 32px;
    border: 1px solid #E0E0E0;
    display: flex;
    gap: 24px;
    align-items: flex-start;
    transition: all 0.2s;
}

#company_organization .detail-card:hover {
    border-color: #000;
}

#company_organization .card-icon-wrap {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}

#company_organization .card-icon {
    width: 48px;
    height: 48px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

#company_organization .card-icon i {
    font-size: 22px;
    color: #fff;
}

#company_organization .card-number {
    font-size: 12px;
    font-weight: 700;
    color: #737373;
    text-align: center;
}

#company_organization .detail-content {
    flex: 1;
}

#company_organization .detail-card h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #000;
    letter-spacing: -0.02em;
}

#company_organization .detail-card p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #737373;
}

#company_organization .detail-features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

#company_organization .detail-features li {
    font-size: 13px;
    padding: 8px 12px;
    background: #FAFAFA;
    color: #000;
    font-weight: 600;
    position: relative;
    padding-left: 24px;
}

#company_organization .detail-features li::before {
    content: '✓';
    position: absolute;
    left: 8px;
    color: #000;
    font-weight: 700;
}

#company_organization .detail-card:nth-child(odd) {
    background: #000;
    border-color: #000;
}

#company_organization .detail-card:nth-child(odd) h4 {
    color: #fff;
}

#company_organization .detail-card:nth-child(odd) p {
    color: rgba(255, 255, 255, 0.7);
}

#company_organization .detail-card:nth-child(odd) .card-icon {
    background: #fff;
}

#company_organization .detail-card:nth-child(odd) .card-icon i {
    color: #000;
}

#company_organization .detail-card:nth-child(odd) .detail-features li {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

#company_organization .detail-card:nth-child(odd) .detail-features li::before {
    color: #fff;
}

#company_organization .detail-card:nth-child(odd) .card-number {
    color: rgba(255, 255, 255, 0.5);
}

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

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

    .page_header_inner {
        margin-top: 40px;
    }

    .org_stats_box {
        position: static;
        width: 100%;
    }

    .stats_table {
        width: 100% !important;
        display: table !important;
    }

    #company_organization {
        margin-bottom: 40px;
    }

    #company_organization .organization__container {
        flex-wrap: wrap;
        gap: 40px;
        flex-direction: column;
    }

    #company_organization .organization__box_side {
        position: static;
        margin-top: 40px;
    }

    #company_organization .organization__container::before {
        display: none;
    }

    #company_organization .organization-details {
        margin-top: 40px;
    }

    #company_organization .details-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    #company_organization .detail-card {
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
    }

    #company_organization .detail-features {
        grid-template-columns: 1fr;
    }

    #company_organization .organization__inner {
        min-width: auto;
        font-size: 16px;
        padding: 14px 20px;
    }

    #company_organization .organization__list > * {
        font-size: 14px;
        line-height: 2.5;
    }
}
</style>

<div class="page_header">
    <h2><?php echo htmlspecialchars($page['tp_title']); ?></h2>
    <p class="subtitle">체계적인 조직 구조와 전문 인력으로<br>최고의 서비스를 제공합니다</p>

    <div class="page_header_inner">
            <div class="org_stats_box">
                <div class="stats_title">인원 현황</div>
                <table class="stats_table">
                    <thead>
                        <tr>
                            <th>부서</th>
                            <th>정규직</th>
                            <th>계약직</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>사업기획부</td>
                            <td>18</td>
                            <td>5</td>
                        </tr>
                        <tr>
                            <td>기술개발부</td>
                            <td>52</td>
                            <td>8</td>
                        </tr>
                        <tr>
                            <td>경영지원부</td>
                            <td>24</td>
                            <td>6</td>
                        </tr>
                        <tr>
                            <td>연구소</td>
                            <td>12</td>
                            <td>3</td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td>총원</td>
                            <td>106</td>
                            <td>22</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>

    <div id="company_organization">
        <div class="organization">
            <div class="organization__box_h">
                <div class="organization__inner">
                    <?php echo htmlspecialchars($org_data['ceo']); ?>
                </div>
            </div>
            <div class="organization__box_h">
                <div class="organization__inner">
                    <?php echo htmlspecialchars($org_data['main']); ?>
                </div>
            </div>
            <ul class="organization__container">
                <?php foreach ($org_data['departments'] as $dept) { ?>
                <li>
                    <div class="organization__box_w">
                        <div class="organization__inner">
                            <?php echo htmlspecialchars($dept['title']); ?>
                        </div>
                        <ul class="organization__list">
                            <?php foreach ($dept['teams'] as $team) { ?>
                            <li><?php echo htmlspecialchars($team); ?></li>
                            <?php } ?>
                        </ul>
                    </div>
                </li>
                <?php } ?>
            </ul>

            <div class="organization__box_side">
                <div class="organization__inner">
                    <?php echo htmlspecialchars($org_data['research']['title']); ?>
                </div>
                <ul class="organization__list">
                    <?php foreach ($org_data['research']['teams'] as $team) { ?>
                    <li><?php echo htmlspecialchars($team); ?></li>
                    <?php } ?>
                </ul>
            </div>
        </div>

        <div class="organization-details">
            <div class="details-grid">
                <div class="detail-card">
                    <div class="card-icon-wrap">
                        <div class="card-icon">
                            <i class="fa fa-line-chart"></i>
                        </div>
                        <div class="card-number">4개팀</div>
                    </div>
                    <div class="detail-content">
                        <h4>사업기획부</h4>
                        <p>전략적 기획과 시장 분석으로<br>지속 성장을 견인합니다</p>
                        <ul class="detail-features">
                            <li>중장기 전략 수립 및 실행</li>
                            <li>신규 사업 발굴</li>
                            <li>브랜드 마케팅 전략</li>
                            <li>영업 지원 체계 구축</li>
                        </ul>
                    </div>
                </div>

                <div class="detail-card">
                    <div class="card-icon-wrap">
                        <div class="card-icon">
                            <i class="fa fa-code"></i>
                        </div>
                        <div class="card-number">4개팀</div>
                    </div>
                    <div class="detail-content">
                        <h4>기술개발부</h4>
                        <p>혁신적인 기술 개발로<br>경쟁력을 강화합니다</p>
                        <ul class="detail-features">
                            <li>플랫폼 개발 및 고도화</li>
                            <li>시스템 안정성 강화</li>
                            <li>서비스 품질 검증</li>
                            <li>IT 인프라 운영</li>
                        </ul>
                    </div>
                </div>

                <div class="detail-card">
                    <div class="card-icon-wrap">
                        <div class="card-icon">
                            <i class="fa fa-briefcase"></i>
                        </div>
                        <div class="card-number">4개팀</div>
                    </div>
                    <div class="detail-content">
                        <h4>경영지원부</h4>
                        <p>체계적인 지원으로<br>조직의 성장을 뒷받침합니다</p>
                        <ul class="detail-features">
                            <li>인재 채용 및 교육</li>
                            <li>재무 관리 및 분석</li>
                            <li>사무 환경 개선</li>
                            <li>법률 및 계약 관리</li>
                        </ul>
                    </div>
                </div>

                <div class="detail-card">
                    <div class="card-icon-wrap">
                        <div class="card-icon">
                            <i class="fa fa-flask"></i>
                        </div>
                        <div class="card-number">2개팀</div>
                    </div>
                    <div class="detail-content">
                        <h4>연구소</h4>
                        <p>미래 기술 연구로<br>혁신을 선도합니다</p>
                        <ul class="detail-features">
                            <li>AI/ML 기술 연구</li>
                            <li>디지털 혁신 추진</li>
                            <li>신기술 트렌드 분석</li>
                            <li>R&D 프로젝트 관리</li>
                        </ul>
                    </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_organization

페이스북 공유 미리보기

이미지 없음

조직도

sms.phantomdesign.kr

조직도

체계적인 조직 구조와 전문 인력으로
최고의 서비스를 제공합니다

인원 현황

부서	정규직	계약직
사업기획부	18	5
기술개발부	52	8
경영지원부	24	6
연구소	12	3
총원	106	22

대표이사

경영본부

사업기획부
- 전략기획팀
- 사업개발팀
- 마케팅팀
- 영업지원팀
기술개발부
- 개발1팀
- 개발2팀
- QA팀
- 인프라팀
경영지원부
- 인사팀
- 재무팀
- 총무팀
- 법무팀

연구소

AI연구팀
DX추진팀

4개팀

사업기획부

전략적 기획과 시장 분석으로
지속 성장을 견인합니다

중장기 전략 수립 및 실행
신규 사업 발굴
브랜드 마케팅 전략
영업 지원 체계 구축

4개팀

기술개발부

혁신적인 기술 개발로
경쟁력을 강화합니다

플랫폼 개발 및 고도화
시스템 안정성 강화
서비스 품질 검증
IT 인프라 운영

4개팀

경영지원부

체계적인 지원으로
조직의 성장을 뒷받침합니다

인재 채용 및 교육
재무 관리 및 분석
사무 환경 개선
법률 및 계약 관리

2개팀

연구소

미래 기술 연구로
혁신을 선도합니다

AI/ML 기술 연구
디지털 혁신 추진
신기술 트렌드 분석
R&D 프로젝트 관리

자주 묻는 질문

로딩 중...