사업분야

본문 바로가기

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/business_info.php

PHP 파일 내용

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

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

if (!$page) {
    // 페이지가 없으면 기본 생성
    $page = [
        'tp_id' => 'business_info',
        'tp_title' => '사업분야',
        'tp_subtitle' => '다양한 분야에서 최고의 전문성을 제공합니다'
    ];
}

$g5['title'] = $page['tp_title'];

include_once(G5_THEME_PATH.'/head.php');

// page_config에서 설정 불러오기
include_once(G5_THEME_PATH.'/page_config.php');
apply_sub_header('business_info');

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: 80px;
}

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

#business_info {
    max-width: 1400px;
    margin: 0 auto;
}

.business_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    margin-bottom: 80px;
}

.business_card {
    position: relative;
    overflow: hidden;
}

.card_image {
    width: 100%;
    height: 400px;
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
}

.card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.business_card:hover .card_image img {
    transform: scale(1.05);
}

.card_overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px 36px;
    background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.4s ease;
}

.business_card:hover .card_overlay {
    transform: translateY(0);
    opacity: 1;
}

.overlay_title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
}

.overlay_desc {
    font-size: 15px;
    color: rgba(255,255,255,0.85);
    line-height: 1.7;
}

.card_info {
    padding: 32px 0;
}

.card_number {
    font-size: 14px;
    font-weight: 700;
    color: #737373;
    margin-bottom: 16px;
    letter-spacing: 0.1em;
}

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

.card_description {
    font-size: 16px;
    color: #404040;
    line-height: 1.8;
    margin-bottom: 24px;
}

.card_features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.card_features li {
    padding: 12px 0;
    border-bottom: 1px solid #E0E0E0;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    position: relative;
    padding-left: 24px;
}

.card_features li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: #000;
    font-weight: 700;
}

.card_features li:last-child {
    border-bottom: none;
}

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

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

    .page_header {
        margin-bottom: 60px;
    }

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

    .card_image {
        height: 300px;
    }

    .card_title {
        font-size: 28px;
    }
}
</style>

<div class="page_container">
    <div class="page_header">
        <h2><?php echo htmlspecialchars($page['tp_title']); ?></h2>
        <p class="subtitle"><?php echo htmlspecialchars($page['tp_subtitle'] ?? '다양한 분야에서 최고의 전문성을 제공합니다'); ?></p>
    </div>

    <div id="business_info">
        <div class="business_grid">
            <div class="business_card">
                <div class="card_image">
                    <img src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p01.jpg" alt="웹 개발">
                    <div class="card_overlay">
                        <div class="overlay_title">Web Development</div>
                        <div class="overlay_desc">
                            최신 기술 스택으로 확장 가능하고<br>
                            안정적인 웹 서비스를 구축합니다
                        </div>
                    </div>
                </div>
                <div class="card_info">
                    <div class="card_number">01</div>
                    <h3 class="card_title">웹 개발</h3>
                    <p class="card_description">
                        반응형 웹사이트부터 대규모 웹 애플리케이션까지,
                        고객의 비즈니스 목표를 달성하는 맞춤형 솔루션을 제공합니다.
                    </p>
                    <ul class="card_features">
                        <li>반응형 웹사이트 개발</li>
                        <li>웹 애플리케이션 구축</li>
                        <li>전자상거래 플랫폼</li>
                        <li>관리자 시스템 (CMS)</li>
                    </ul>
                </div>
            </div>

            <div class="business_card">
                <div class="card_image">
                    <img src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p02.jpg" alt="모바일 앱">
                    <div class="card_overlay">
                        <div class="overlay_title">Mobile App</div>
                        <div class="overlay_desc">
                            iOS와 Android 플랫폼에 최적화된<br>
                            고품질 모바일 애플리케이션
                        </div>
                    </div>
                </div>
                <div class="card_info">
                    <div class="card_number">02</div>
                    <h3 class="card_title">모바일 앱 개발</h3>
                    <p class="card_description">
                        사용자 경험을 최우선으로 하는 직관적인 UI/UX와
                        안정적인 성능의 네이티브 및 하이브리드 앱을 개발합니다.
                    </p>
                    <ul class="card_features">
                        <li>iOS / Android 네이티브 앱</li>
                        <li>크로스 플랫폼 앱</li>
                        <li>모바일 UX/UI 디자인</li>
                        <li>앱 유지보수 및 업데이트</li>
                    </ul>
                </div>
            </div>

            <div class="business_card">
                <div class="card_image">
                    <img src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p03.jpg" alt="시스템 구축">
                    <div class="card_overlay">
                        <div class="overlay_title">System Integration</div>
                        <div class="overlay_desc">
                            기업의 디지털 전환을 위한<br>
                            통합 시스템 솔루션
                        </div>
                    </div>
                </div>
                <div class="card_info">
                    <div class="card_number">03</div>
                    <h3 class="card_title">시스템 통합</h3>
                    <p class="card_description">
                        레거시 시스템 현대화부터 신규 시스템 구축까지,
                        기업의 디지털 혁신을 위한 통합 솔루션을 제공합니다.
                    </p>
                    <ul class="card_features">
                        <li>ERP / CRM 시스템 구축</li>
                        <li>API 개발 및 연동</li>
                        <li>클라우드 마이그레이션</li>
                        <li>데이터베이스 설계</li>
                    </ul>
                </div>
            </div>

            <div class="business_card">
                <div class="card_image">
                    <img src="https://darmtheme01.mycafe24.com/plus_v02/theme/darm_theme_plus02/images/_p04.jpg" alt="컨설팅">
                    <div class="card_overlay">
                        <div class="overlay_title">Consulting</div>
                        <div class="overlay_desc">
                            전문가의 깊이 있는 분석과<br>
                            실행 가능한 전략 제시
                        </div>
                    </div>
                </div>
                <div class="card_info">
                    <div class="card_number">04</div>
                    <h3 class="card_title">IT 컨설팅</h3>
                    <p class="card_description">
                        비즈니스 요구사항 분석부터 기술 전략 수립까지,
                        성공적인 디지털 전환을 위한 전문 컨설팅을 제공합니다.
                    </p>
                    <ul class="card_features">
                        <li>디지털 전환 전략 수립</li>
                        <li>기술 아키텍처 설계</li>
                        <li>프로젝트 관리 (PM)</li>
                        <li>품질 관리 및 테스트</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

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

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

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

대표 이미지

대표 이미지 / OG 이미지

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

검색 엔진 최적화 (SEO)

메타 설명 (Meta Description)

0 / 160자

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

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

구글 검색 결과 미리보기

사업분야

sms.phantomdesign.kr › business_info

다양한 분야에서 최고의 전문성을 제공합니다

페이스북 공유 미리보기

이미지 없음

사업분야

다양한 분야에서 최고의 전문성을 제공합니다

sms.phantomdesign.kr

사업분야

다양한 분야에서 최고의 전문성을 제공합니다

Web Development

최신 기술 스택으로 확장 가능하고
안정적인 웹 서비스를 구축합니다

웹 개발

반응형 웹사이트부터 대규모 웹 애플리케이션까지, 고객의 비즈니스 목표를 달성하는 맞춤형 솔루션을 제공합니다.

반응형 웹사이트 개발
웹 애플리케이션 구축
전자상거래 플랫폼
관리자 시스템 (CMS)

Mobile App

iOS와 Android 플랫폼에 최적화된
고품질 모바일 애플리케이션

모바일 앱 개발

사용자 경험을 최우선으로 하는 직관적인 UI/UX와 안정적인 성능의 네이티브 및 하이브리드 앱을 개발합니다.

iOS / Android 네이티브 앱
크로스 플랫폼 앱
모바일 UX/UI 디자인
앱 유지보수 및 업데이트

System Integration

기업의 디지털 전환을 위한
통합 시스템 솔루션

시스템 통합

레거시 시스템 현대화부터 신규 시스템 구축까지, 기업의 디지털 혁신을 위한 통합 솔루션을 제공합니다.

ERP / CRM 시스템 구축
API 개발 및 연동
클라우드 마이그레이션
데이터베이스 설계

Consulting

전문가의 깊이 있는 분석과
실행 가능한 전략 제시

IT 컨설팅

비즈니스 요구사항 분석부터 기술 전략 수립까지, 성공적인 디지털 전환을 위한 전문 컨설팅을 제공합니다.

디지털 전환 전략 수립
기술 아키텍처 설계
프로젝트 관리 (PM)
품질 관리 및 테스트

자주 묻는 질문

로딩 중...