채용 정보

본문 바로가기

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

PHP 파일 내용

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

// 페이지 데이터 (편집 기능을 위해 필요)
$page = [
    'tp_id' => 'careers',
    'tp_title' => '채용 정보',
    'tp_subtitle' => '',
    'tp_content' => '',
    'tp_category' => '',
    'tp_order' => 0,
    'tp_use' => 1,
    'tp_data' => '',
    'tp_image1' => '',
    'tp_meta_description' => '',
    'tp_keywords' => ''
];

$g5['title'] = '채용 정보';

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

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

include_once(G5_THEME_PATH.'/page/page_common.php');
?>

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

.intro_banner {
    background: linear-gradient(135deg, #000 0%, #1a1a1a 100%);
    padding: 100px 60px;
    text-align: center;
    margin-bottom: 80px;
}

.banner_title {
    font-size: 56px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: -0.03em;
}

.banner_desc {
    font-size: 20px;
    color: rgba(255,255,255,0.8);
    line-height: 1.7;
}

.positions_container {
    max-width: 1200px;
    margin: 0 auto 100px;
}

.position_item {
    background: #fff;
    border: 2px solid #E0E0E0;
    padding: 40px 44px;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    transition: all 0.3s;
}

.position_item:hover {
    border-color: #000;
    transform: translateX(8px);
}

.position_info {
    flex: 1;
}

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

.position_tags {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.tag {
    padding: 6px 14px;
    background: #FAFAFA;
    border: 1px solid #E0E0E0;
    font-size: 13px;
    font-weight: 600;
}

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

.position_btn {
    padding: 14px 32px;
    background: #000;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border: 2px solid #000;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.3s;
}

.position_btn:hover {
    background: transparent;
    color: #000;
}

.benefits_section {
    background: #FAFAFA;
    padding: 100px 60px;
}

.benefits_inner {
    max-width: 1200px;
    margin: 0 auto;
}

.benefits_title {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
    letter-spacing: -0.02em;
}

.benefits_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.benefit_card {
    background: #fff;
    padding: 40px 32px;
    text-align: center;
}

.benefit_icon {
    font-size: 48px;
    margin-bottom: 20px;
    color: #000;
}

.benefit_name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}

.benefit_desc {
    font-size: 14px;
    color: #737373;
    line-height: 1.6;
}

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

    .intro_banner {
        padding: 60px 28px;
    }

    .banner_title {
        font-size: 36px;
    }

    .banner_desc {
        font-size: 16px;
    }

    .position_item {
        flex-direction: column;
        align-items: flex-start;
        padding: 32px 24px;
    }

    .position_item:hover {
        transform: translateX(0);
    }

    .position_title {
        font-size: 24px;
    }

    .position_btn {
        width: 100%;
    }

    .benefits_section {
        padding: 60px 28px;
    }

    .benefits_title {
        font-size: 32px;
    }

    .benefits_grid {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}
</style>

<div class="page_container">
    <div class="intro_banner">
        <h3 class="banner_title">Join Our Team</h3>
        <p class="banner_desc">
            함께 성장하고 혁신할 인재를 찾습니다
        </p>
    </div>

    <div class="positions_container">
        <div class="position_item">
            <div class="position_info">
                <h4 class="position_title">Frontend Developer</h4>
                <div class="position_tags">
                    <span class="tag">정규직</span>
                    <span class="tag">경력 3년 이상</span>
                    <span class="tag">서울</span>
                </div>
                <p class="position_desc">
                    React, Vue.js를 활용한 프론트엔드 개발 경험자를 모집합니다
                </p>
            </div>
            <button class="position_btn">지원하기</button>
        </div>

        <div class="position_item">
            <div class="position_info">
                <h4 class="position_title">Backend Developer</h4>
                <div class="position_tags">
                    <span class="tag">정규직</span>
                    <span class="tag">경력 5년 이상</span>
                    <span class="tag">서울</span>
                </div>
                <p class="position_desc">
                    Node.js, Python 기반 백엔드 시스템 개발 및 API 설계 경험자
                </p>
            </div>
            <button class="position_btn">지원하기</button>
        </div>

        <div class="position_item">
            <div class="position_info">
                <h4 class="position_title">UI/UX Designer</h4>
                <div class="position_tags">
                    <span class="tag">정규직</span>
                    <span class="tag">경력 3년 이상</span>
                    <span class="tag">서울</span>
                </div>
                <p class="position_desc">
                    Figma, Sketch를 활용한 UI/UX 디자인 경험자를 모집합니다
                </p>
            </div>
            <button class="position_btn">지원하기</button>
        </div>

        <div class="position_item">
            <div class="position_info">
                <h4 class="position_title">DevOps Engineer</h4>
                <div class="position_tags">
                    <span class="tag">정규직</span>
                    <span class="tag">경력 4년 이상</span>
                    <span class="tag">서울</span>
                </div>
                <p class="position_desc">
                    Docker, Kubernetes 기반 CI/CD 구축 및 운영 경험자
                </p>
            </div>
            <button class="position_btn">지원하기</button>
        </div>
    </div>

    <div class="benefits_section">
        <div class="benefits_inner">
            <h3 class="benefits_title">복리후생</h3>

            <div class="benefits_grid">
                <div class="benefit_card">
                    <i class="fa fa-money benefit_icon"></i>
                    <h4 class="benefit_name">경쟁력 있는 연봉</h4>
                    <p class="benefit_desc">
                        업계 최고 수준의
                        경쟁력 있는 급여
                    </p>
                </div>

                <div class="benefit_card">
                    <i class="fa fa-calendar benefit_icon"></i>
                    <h4 class="benefit_name">유연근무제</h4>
                    <p class="benefit_desc">
                        자율 출퇴근 및
                        재택근무 가능
                    </p>
                </div>

                <div class="benefit_card">
                    <i class="fa fa-graduation-cap benefit_icon"></i>
                    <h4 class="benefit_name">교육 지원</h4>
                    <p class="benefit_desc">
                        컨퍼런스 및
                        교육비 전액 지원
                    </p>
                </div>

                <div class="benefit_card">
                    <i class="fa fa-heart benefit_icon"></i>
                    <h4 class="benefit_name">건강검진</h4>
                    <p class="benefit_desc">
                        연 1회 종합검진
                        전액 지원
                    </p>
                </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 › careers

페이스북 공유 미리보기

이미지 없음

채용 정보

sms.phantomdesign.kr

Join Our Team

함께 성장하고 혁신할 인재를 찾습니다

Frontend Developer

정규직 경력 3년 이상 서울

React, Vue.js를 활용한 프론트엔드 개발 경험자를 모집합니다

Backend Developer

정규직 경력 5년 이상 서울

Node.js, Python 기반 백엔드 시스템 개발 및 API 설계 경험자

UI/UX Designer

정규직 경력 3년 이상 서울

Figma, Sketch를 활용한 UI/UX 디자인 경험자를 모집합니다

DevOps Engineer

정규직 경력 4년 이상 서울

Docker, Kubernetes 기반 CI/CD 구축 및 운영 경험자

복리후생

경쟁력 있는 연봉

업계 최고 수준의 경쟁력 있는 급여

유연근무제

자율 출퇴근 및 재택근무 가능

교육 지원

컨퍼런스 및 교육비 전액 지원

건강검진

연 1회 종합검진 전액 지원

자주 묻는 질문

로딩 중...