AllinAuckland

Vision

Vision5

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>창조적 소명과 신성한 비전 - 홍보 랜딩 멀티 웹사이트</title>
<style>
/* 코딩 규칙 및 현대적 스타일 설정 */
:root {
--primary-color: #2563eb;
--accent-color: #7c3aed;
--text-dark: #1f2937;
--text-light: #f3f4f6;
--bg-light: #ffffff;
--bg-dark: #111827;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
}

body {
color: var(--text-dark);
background-color: var(--bg-light);
line-height: 1.8;
overflow-x: hidden;
}

/* 내비게이션 바 */
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
z-index: 1000;
backdrop-filter: blur(5px);
}

.nav-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
}

.logo {
font-size: 1.4rem;
font-weight: 800;
color: var(--primary-color);
text-decoration: none;
letter-spacing: -1px;
}

.nav-menu {
display: flex;
list-style: none;
gap: 30px;
}

.nav-menu a {
text-decoration: none;
color: var(--text-dark);
font-weight: 600;
transition: color 0.3s;
font-size: 1rem;
}

.nav-menu a:hover {
color: var(--accent-color);
}

/* 히어로 섹션 */
.hero {
background: linear-gradient(135deg, var(--bg-dark) 0%, #1e1b4b 100%);
color: var(--text-light);
padding: 180px 20px 100px 20px;
text-align: center;
position: relative;
}

.hero h1 {
font-size: 3rem;
margin-bottom: 20px;
font-weight: 800;
letter-spacing: -1px;
}

.hero p {
font-size: 1.2rem;
max-width: 800px;
margin: 0 auto 40px auto;
color: #9ca3af;
}

/* 메인 컨텐츠 공통 스타일 */
.section {
padding: 100px 20px;
max-width: 1200px;
margin: 0 auto;
}

.section-title {
font-size: 2.5rem;
font-weight: 800;
text-align: center;
margin-bottom: 60px;
position: relative;
letter-spacing: -1px;
}

.section-title::after {
content: '';
display: block;
width: 60px;
height: 4px;
background: var(--primary-color);
margin: 15px auto 0 auto;
border-radius: 2px;
}

/* 가로 형태의 반응형 레이아웃 Grid */
.row-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: center;
margin-bottom: 60px;
}

.row-layout.reverse {
direction: rtl;
}

.row-layout.reverse .text-box {
direction: ltr;
}

.text-box {
font-size: 1.1rem;
color: #4b5563;
text-align: justify;
}

.text-box p {
margin-bottom: 20px;
}

.img-box {
width: 100%;
height: 400px;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

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

.img-box img:hover {
transform: scale(1.05);
}

/* 실행 목표 카드 레이아웃 */
.grid-layout {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
margin-top: 40px;
}

.card {
background: #f9fafb;
padding: 40px 30px;
border-radius: 12px;
border: 1px solid #e5e7eb;
transition: all 0.3s;
}

.card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.05);
border-color: var(--primary-color);
}

.card h3 {
font-size: 1.4rem;
margin-bottom: 15px;
color: var(--bg-dark);
}

/* SNS 링크 스타일 */
.sns-links {
display: flex;
gap: 15px;
margin-top: 30px;
}

.btn-sns {
display: inline-block;
padding: 12px 25px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
color: white;
transition: opacity 0.3s;
}

.btn-facebook { background-color: #1877f2; }
.btn-instagram { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
.btn-sns:hover { opacity: 0.9; }

/* 푸터 */
footer {
background-color: var(--bg-dark);
color: #9ca3af;
text-align: center;
padding: 40px 20px;
font-size: 0.9rem;
border-top: 1px solid #1f2937;
}

/* 모바일 반응형 미디어 쿼리 */
@media (max-width: 768px) {
.nav-container {
flex-direction: column;
gap: 15px;
}
.nav-menu {
gap: 15px;
flex-wrap: wrap;
justify-content: center;
}
.row-layout, .row-layout.reverse {
grid-template-columns: 1fr;
direction: ltr;
}
.img-box {
height: 250px;
}
.hero h1 {
font-size: 2rem;
}
.section-title {
font-size: 1.8rem;
}
}
</style>
</head>
<body>

<header>
<nav class="nav-container">
<a href="#" class="logo">KINGDOM VISION</a>
<ul class="nav-menu">
<li><a href="#identity">정체성 고백</a></li>
<li><a href="#calling">부르심과 소명</a></li>
<li><a href="#vision">구체적 비전</a></li>
<li><a href="#goals">실행 목표</a></li>
</ul>
</nav>
</header>

<section class="hero">
<h1>달란트를 통한 복음 전파와 이웃 사랑</h1>
<p>하나님께서 주신 예술적 재능으로 사회적 소외계층을 따뜻하게 포용하고, 자선단체를 위한 전문 홍보 디자인을 통해 예수 그리스도의 살아계신 사랑과 복음을 세상 끝까지 전파합니다.</p>
</section>

<section id="identity" class="section">
<h2 class="section-title">1. 정체성 고백 (Identity)</h2>
<div class="row-layout">
<div class="text-box">
<p><strong>“나는 창조주 하나님이 지으신 자녀이다”</strong></p>
<p>우리의 삶은 우연의 산물이 아닙니다. 온 우주 만물을 창조하시고 다스리시는 전능하신 하나님께서 분명한 목적과 무한하신 사랑을 담아 우리를 빚으셨습니다. 세상이 말하는 조건, 물질적 가치, 혹은 사회적 지위로 나의 가치를 증명할 필요가 없습니다. 나는 창조주 하나님의 친백성이요, 그분의 보혈로 구원받은 거룩한 자녀이기 때문입니다.</p>
<p>이 확립된 성경적 자아상은 우리가 흔들리지 않는 인생의 기초를 다지게 합니다. 실패와 좌절 속에서도 무너지지 않고 일어나며, 타인의 시선에서 벗어나 온전한 평안을 누릴 수 있는 이유는 오직 나의 정체성이 신실하신 하나님께 닻을 내리고 있기 때문입니다. 우리는 하나님의 형상을 닮은 존귀한 존재로서, 매일의 삶 속에서 그분의 성품을 반영하고 그분의 영광을 드러낼 거룩한 의무와 특권을 가지고 있습니다.</p>
<p>이 고백은 단순한 이론적 지식이 아닌, 심령 깊은 곳에서 솟아나는 삶의 고백입니다. 하나님의 자녀라는 확신은 이 땅의 소외된 이웃들을 향해 눈을 돌리게 하며, 그들 역시 하나님께서 독생자 예수를 아낌없이 내어주실 만큼 사랑하시는 소중한 존재임을 깨닫게 만듭니다. 우리는 이 정체성 위에서 비로소 이타적인 삶과 선교적 사명을 향한 첫걸음을 내딛게 됩니다.</p>
</div>
<div class="img-box">
<img src="https://images.unsplash.com/photo-1504051771394-dd2e66b2e08f?auto=format&fit=crop&w=800&q=80" alt="창조주 하나님의 자녀로서의 정체성">
</div>
</div>
</section>

<section id="calling" class="section">
<h2 class="section-title">2. 부르심과 소명 (Calling)</h2>
<div class="row-layout reverse">
<div class="text-box">
<p><strong>“예술적 재능을 통해 소외된 이웃을 교회로 안내하다”</strong></p>
<p>하나님께서는 각 사람에게 고유한 은사와 달란트를 선물로 주셨습니다. 나에게 허락하신 창의적 시각과 예술적 디자인 재능은 개인의 영리나 세상의 명예를 쌓기 위한 도구가 아닙니다. 이는 하나님 나라의 확장과, 상처받고 소외된 영혼들을 그리스도의 품이자 영적 안식처인 교회로 인도하기 위해 위임된 신성한 도구입니다.</p>
<p>오늘날 우리 사회 구석구석에는 경제적 빈곤, 외로움, 영적 갈급함으로 인해 고통받는 소외된 이웃들이 너무나 많습니다. 디자인과 시각 예술은 언어의 장벽을 뛰어넘고 사람의 마음을 여는 강력한 힘을 지니고 있습니다. 하나님이 주신 달란트를 활용하여 세상의 거친 풍파에 지친 이들에게 따뜻한 위로의 메시지를 시각적으로 전달하고, 진정한 복음의 아름다움을 보여주고자 합니다.</p>
<p>예술적 은사가 이웃을 향한 사랑과 결합될 때, 그것은 단순한 작품을 넘어 영혼을 구원하는 통로가 됩니다. 세상의 화려함 뒤에 가려진 소외된 자들의 아픔을 공감하고, 그들의 손을 잡아 교회의 공동체 안으로 안내하는 것, 이것이 바로 하나님께서 나를 이 세대에 부르신 구체적인 소명이자 인생의 목적입니다. 내가 그리는 모든 선과 배치하는 모든 색채에 영혼 구원을 향한 기도를 담아냅니다.</p>
</div>
<div class="img-box">
<img src="https://images.unsplash.com/photo-1513364776144-60967b0f800f?auto=format&fit=crop&w=800&q=80" alt="예술적 은사와 재능">
</div>
</div>
</section>

<section id="vision" class="section">
<h2 class="section-title">3. 구체적 비전 대상 (Vision)</h2>
<div class="row-layout">
<div class="text-box">
<p><strong>“자선단체의 홍보자료 속에 예수 그리스도의 복음을 담다”</strong></p>
<p>우리의 구체적인 사역 대상은 사회적 약자를 돕기 위해 헌신하는 복지 및 자선단체들입니다. 많은 자선단체들이 재정적, 인력적 한계로 인해 자신들의 숭고한 활동을 효과적으로 알릴 수 있는 고품질의 홍보 자료를 제작하는 데 어려움을 겪고 있습니다. 우리는 이들을 대상으로 전문적인 기획, 디자인, 인쇄물 및 디지털 홍보 자료를 무상 또는 전폭적으로 지원하여 제작해 줍니다.</p>
<p>가장 핵심적인 차별성이자 목적은 단순히 세련된 결과물을 만드는 것을 넘어, 그 홍보 자료의 메시지 속에 **예수 그리스도의 십자가 사랑과 복음의 정수**를 은혜롭고 자연스럽게 녹여내는 것입니다. 자선단체의 도움을 받는 수많은 소외된 영혼들(Client)이 홍보 자료를 접할 때, 육체적인 필요를 채움 받는 것에 그치지 않고, 그 너머에 계신 예수님의 크신 사랑을 발견하고 영적으로 눈을 뜨도록 돕습니다.</p>
<p>이 비전은 이 땅에 하나님 나라를 확장하는 거룩한 전략입니다. 빵과 함께 복음을 전했던 예수님의 사역을 현대적인 디자인 사역으로 계승하는 것입니다. 홍보자료를 읽는 모든 이들이 절망 속에서 소망을 발견하고, 자신들을 돌보시는 분이 결국 하나님이심을 깨닫게 함으로써, 영혼의 구원과 공동체의 회복이 일어나는 놀라운 역사를 기대하며 나아갑니다.</p>
</div>
<div class="img-box">
<img src="https://images.unsplash.com/photo-1488521787991-ed7bbaae773c?auto=format&fit=crop&w=800&q=80" alt="자선단체 지원과 복음 전파">
</div>
</div>
</section>

<section id="goals" class="section">
<h2 class="section-title">4. 실행 목표와 헌신 (Action Plan)</h2>
<p style="text-align: center; max-width: 800px; margin: -30px auto 50px auto; color: #4b5563;">사명을 현실로 바꾸기 위해 측정 가능하고 구체적인 실천 로드맵을 구축하여 행동으로 헌신합니다.</p>

<div class="grid-layout">
<div class="card">
<h3>01. 단체 조사 및 수집</h3>
<p>도움과 홍보 지원이 시급한 국내외 복지 및 기독교 자선단체들의 리스트를 체계적으로 수집하고 데이터베이스화하여 우선순위를 정합니다.</p>
</div>
<div class="card">
<h3>02. 맞춤형 시행계획 수립</h3>
<p>각 단체의 목적과 대상 선교지의 특성에 맞춰 예수 그리스도의 복음 메시지를 가장 효과적으로 커스터마이징할 수 있는 디자인 실행 계획을 수립합니다.</p>
</div>
<div class="card">
<h3>03. SNS 플랫폼 홍보</h3>
<p>제작된 비전 프레젠테이션과 포트폴리오를 Facebook, Instagram 등 글로벌 소셜 미디어 플랫폼에 전략적으로 업로드하여 사역을 전파합니다.</p>
</div>
<div class="card">
<h3>04. 동역자 네트워크 형성</h3>
<p>온라인 홍보를 통해 뜻을 함께할 크리에이터, 후원자, 그리고 교회를 연결하여 더 많은 소외된 자들에게 다가갈 수 있는 거룩한 네트워크를 확장합니다.</p>
</div>
</div>

<div style="text-align: center; margin-top: 50px;">
<p style="font-weight: 600; margin-bottom: 20px;">공식 소셜 미디어 채널을 통해 사역의 실시간 진행 상황을 확인하세요.</p>
<div class="sns-links" style="justify-content: center;">
<a href="https://facebook.com" target="_blank" class="btn-sns btn-facebook">Facebook 바로가기</a>
<a href="https://instagram.com" target="_blank" class="btn-sns btn-instagram">Instagram 바로가기</a>
</div>
</div>
</section>

</body>
</html>0