390 lines
19 KiB
PHP
390 lines
19 KiB
PHP
<style>
|
||
.garden_list_wrap {border-top:1px solid #eee; padding-top: 50px; margin-bottom: 50px;}
|
||
.garden_list_t {font-size: 24px}
|
||
.garden_list_s {font-size: 18px; margin-top: 20px;}
|
||
.garden_list_s span {display: block; margin-bottom: 10px; color:#F37528;}
|
||
.no_data {border-bottom: 0px !important; margin-top: 0px !important}
|
||
.rb_swiper_inner {padding-left: 0px !important; padding-right: 0px !important;}
|
||
</style>
|
||
<div>
|
||
|
||
<img src="<?php echo G5_THEME_URL ?>/rb.img/g2.jpg" style="width:100%;">
|
||
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">토스카나 광장 & 스텝가든</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">꽃과 풍요의 여신 플로라가 반기는 광장</span>
|
||
이탈리아 코린트 양식의 게이트를 지나 펼쳐진 퍼스트가든의 전정(前庭)으로 꽃과 풍요의 여신인 Flora가 있는 토스카나 분수대가 있습니다.<br>
|
||
분수대를 중심으로 사계절 꽃들이 경사지를 이루며 피어납니다.<br>
|
||
분수를 감싸고 있는 아름다운 경사지의 이름은 스텝가든이며 손님을 가장 먼저 맞이하는 광장입니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "토스카나 광장 ＆ 스텝가든"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">이벤트필드</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">이벤트와 축제가 펼쳐지는 정원</span>
|
||
늘 푸른 구상나무와 초여름의 연분홍 꽃을 피우는 자귀나무가 병풍처럼 넓게 펼쳐진 푸른 잔디마당에서 다양한 이벤트와 축제가 펼쳐집니다.<br>
|
||
바람이 많이 불어 각양각색의 바람개비가 관람객들의 눈길을 사로잡는 곳이기도 합니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "이벤트필드"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
|
||
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">화이트가든 ＆ 벚나무길</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">달과 순결의 여신 아르테미스와 요정들이 살고 있는 하얀 빛깔 숲</span>
|
||
사계절 흰색 꽃과 흰 자작이 둘러쌓고 있는 하얀 빛깔의 숲 중앙에는 달빛이 비치는 연못이 자리하고 있습니다.<br>
|
||
정원 한 쪽에는 하얀 호박 마차가 기다리고 있습니다.<br>
|
||
화이트가든 옆으로 길게 뻗은 벚나무길에는 아름다운 루미나리에로 장식되어있어 밤이 되면 그 아름다움을 뽐냅니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "화이트가든 ＆ 벚나무길"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
|
||
<?php /*
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">락가든</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">고산·건조지·호습성 식물들이 살고 있는 암석정원</span>
|
||
수목한계선 아래에 자생하는 고산식물과 건조 기후에 사는 다육식물, 마름견딜성 식물들이 실개울과 연못 주변에 다양한 형식으로 연출되었습니다. 상부에 있는 연못에서 흘러내려온 물이 양쪽으로 갈라져서 흘러나옵니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "락가든"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
*/ ?>
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">허브가든</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">계절의 여신 데메테르와 함께하는 오감의 뜰</span>
|
||
허브, 약초, 과일 등 철따라 수확의 여신이 주는 풍요로움을 볼 수 있습니다. 사계절 꽃과 과일, 곡식을 든 신의 모습과 허브의 용도에 따라 차, 향기, 약용, 식용 등으로 분류하여 다양한 허브체험을 할 수 있습니다. 파주에서 월동이 가능한 식물들로 구성되어 있습니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "허브가든"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
|
||
<?php /*
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">버드가든</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">새와 사람의 교감이 있는 정원</span>
|
||
온대, 아열대, 열대성의 다양한 새를 관찰하고 만저보고 모이를 줄 수 있는 가든으로, 주변의 들새와 산새가 서식 할 수 있게 먹이가 되는 열매식물과 커버 ( cover ), 은신처 ( Shelter )가 되는 관목 숲과 새집, 물이 있는 연못을 조성, 새와 사람이 교감하는 정원입니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "버드가든"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
*/ ?>
|
||
|
||
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">그린하우스</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">사계절 남국의 정취가 넘치는 정원</span>
|
||
우리나라 내륙 유일한 철원 현무암으로 지형의 변화를 주어 폭포 실개울을 조성하고, 남쪽지방 난대 수종과 아열대, 열대, 건조지 수종으로 남도 숲, 녹차밭, 귤원, 동백원, 향기원, 트로피칼 가든 동산 습지, 드라이 가든, 연꽃과 열대성 조류가 있는 버드가든 등 사계절 다양한 테마가 있는 정원입니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "그린하우스"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
|
||
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">푸르트가든</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">사계절 오감을 만족시키는 열매가 열리는 정원</span>
|
||
사계절 모두 식용과 약용이 가능한 열매가 열이는 나무들이 심어져 있습니다. 새들이 좋아하는 열매 식물들을 심어 놓은 정원으로 파주 운정지구 개발로 없어지게 될 나무들을 이식하여 자연 훼손방지, 자연과 공생하는 친 환경적인 정원입니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "푸르트가든"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
|
||
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">테라스가든 & 계수나무길</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">태양신 아폴로의 음악의 선율이 물소리로 흐르는 테라스</span>
|
||
태양의 신, 음악의 신 “아폴로”의 음악과 선율이 분수와 수로를 따라 물소리가 흐르는 경사지에 2단의 화단으로 조성되어 있습니다. 지형적 제약으로 경사지를 계단형으로 만든 이탈리아의 대표적인 노단 건축식 정원입니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "테라스가든 ＆ 계수나무길"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
|
||
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">피크닉가든</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">시원한 나무그늘 쉼터</span>
|
||
푸른 잔디, 편안한 평상, 시원하게 펼쳐진 나무 그늘에서 잠시 쉬어가는 여유 시간을 즐길 수 있습니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "피크닉가든"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
|
||
<?php /*
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">웨트랜드</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">인간과 자연에 대한 사랑을 담은 생태정원</span>
|
||
작은 호수 중앙에 하트모양의 섬과 빨간색 흔들다리, 하트모양의 연못, 다양한 수변, 수생 식물과 생물 등이 서식할 수 있는 생태와 사랑을 주제로 한 정원입니다. 줄을 잡아 물 위를 이동하는 뗏목(줄배)체험, 잉어 밥 주기, 흔들다리 이동 등 다양한 체험으로 가족, 연인에게 특별한 추억을 선물합니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "웨트랜드"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
*/ ?>
|
||
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">자수화단</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">바다의 신 포세이돈을 주인공으로 한 상록 자수로 장식한 정원</span>
|
||
르네상스시대 이탈리아 빌라처럼 경사지에 건물을 짓고 건물축을 살려 계곡형의 공간에 단을 만들어 바다의 신이 있는 포세이돈분수를 중심으로 디오니소스(풍요와 포도주의 신), 아테나(지혜와 전쟁의 신), 아레스(잔인한 전쟁의 신), 헤르메스(신들의 전령부와 행운의 신) 석상과 상록수로 자수처럼 장식한 하경식 자수화단이 있습니다. 기본적으로는 회양목과 잔디밭으로 단순하게 자수화단을 만들었으며 포인트가 되는 곳에는 화분을 두었습니다. 이탈리아에서는 화분에 올리브나무를 심는데, 퍼스트가든에서는 블루베리를 볼 수 있습니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "자수화단"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">제우스벽천분수</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">제우스가 내리는 물의 향연이 펼쳐지는 정원</span>
|
||
최고의 신이며 광명의 신인 제우스가 살던 신전의 위에서 제우스가 세상을 바라보는 듯한 분수가 있고, 하늘에서 물이 넘쳐흐르는 듯한 폭포 사이로, ‘사라진 도시의 복원’이라는 벽화가 있습니다. 폭포의 안으로 들어가면 사라진 도시를 한껏 느낄 수 있습니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "제우스벽천분수"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">꽃수로길</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">식물들의 목을 축일 수 있는 꽃수로</span>
|
||
길을 따라 농수로가 있습니다. 농번기 때는 물을 흘려주는데 비가 많이 올 때는 단수를 시켜놓기도 합니다. 장마철 포기가 벌어질 때쯤 논에서는 물을 말리기 때문에 이때에는 물이 흐르지 않습니다. 물이 흐를 때는 물 수위가 턱보다 20㎝ 아래 지점 가지 올라옵니다. 퍼스트가든은 관수량이 많아 수도나 지하수로는 감당하기가 어려워 농수로의 물로 정원 식물들의 목을 축일 수가 있습니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "꽃수로길"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">로즈가든</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">아프로디테와 에로스, 푸시케의 사랑이야기를 담은 정원</span>
|
||
사랑과 미의 여신 아프로디테와 사랑의신 에로스(큐피드), 에로스의 키스에 죽음과 같은 잠에 깨어나는 푸시케. 신들의 아름다운 사랑의 이야기가 사계절 꽃 피우는 사계장미의 장밋빛 향연으로 펼쳐지는 정원입니다. 이외에도 사계장미, 플로리분다 등 프랑스, 독일 등의 장미가 자리하고 있습니다. 봄에는 다양한 사계장미가 트렐리스 아치 등에 연출될 예정입니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "로즈가든"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">토스카나길</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">이국적인 정취가 넘치는 길</span>
|
||
스카나지방의 대표적인 경관을 이루는 뾰족한 사이프러스 나무가 열식되어 있는 길을 테마로 한 길로, 사이프러스 나무를 대체하여 파주지역에 월동이 가능한 은청색의 블루엔젤이라는 측백나무를 식재하여 비스타를 형성하였습니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "토스카나길"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">파티가든</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">즐거움과 기쁨이 넘치는 웨딩과 연회의 전당에 위치한 가든</span>
|
||
행복의 첫걸음을 축하하는 듯한 은청색의 상록수인 블루엔젤이 도열하며 웨딩홀 입구까지 손님을 맞이하는 가우디움은 즐거움(Gaudium)이라는 뜻을 가지고 있습니다. 드라마나 뮤직비디오도 찍은 명소입니다. 파티가든은 푸른 전나무와 주목은 숲이 되고, 순결한 백색 대리석의 해피코리더(happy corridor)는 무대가 되며, 푸른 잔디밭에서는 결혼, 가정, 출산의 여신인 헤라가 여는 행복의 파티가 열리는 정원입니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "파티가든"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
|
||
<ul class="garden_list_wrap">
|
||
<li class="font-B main_color garden_list_t">해피가든</li>
|
||
<li class="garden_list_s">
|
||
<span class="font-B">자유롭고 낭만적인 스몰웨딩, 소규모 연회가 가능한 해피가든</span>
|
||
자유롭고 낭만적인 예식을 꿈꾸는 신랑·신부에게 특별한 감동을 선사합니다. 소규모 돌잔치를 비롯한 가족모임, 기업행사도 진행이 가능합니다.
|
||
</li>
|
||
|
||
<div>
|
||
|
||
<?php echo rb_latest("theme/rb.latest.garden", "gallery", 99, 999, 1, "", "해피가든"); ?>
|
||
|
||
</div>
|
||
</ul>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<script>
|
||
$(document).ready(function () {
|
||
// DOM이 준비되면 모든 슬라이더 초기화
|
||
initializeAllSliders();
|
||
});
|
||
|
||
function initializeAllSliders() {
|
||
$('.rb_swiper').each(function () {
|
||
const $slider = $(this);
|
||
setupResponsiveSlider($slider);
|
||
});
|
||
}
|
||
|
||
function setupResponsiveSlider($rb_slider) {
|
||
let swiperInstance = null; // Swiper 인스턴스 저장
|
||
let currentMode = ''; // 현재 모드 ('pc' 또는 'mo')
|
||
|
||
// 초기 설정
|
||
function initSlider(mode) {
|
||
const isMobile = mode === 'mo';
|
||
const rows = parseInt($rb_slider.data(isMobile ? 'mo-h' : 'pc-h'), 10) || 1;
|
||
const cols = parseInt($rb_slider.data(isMobile ? 'mo-w' : 'pc-w'), 10) || 1;
|
||
const gap = parseInt($rb_slider.data(isMobile ? 'mo-gap' : 'pc-gap'), 10) || 0;
|
||
const swap = $rb_slider.data(isMobile ? 'mo-swap' : 'pc-swap') == 1;
|
||
const slidesPerView = rows * cols;
|
||
|
||
// 슬라이드 재구성 및 간격 설정
|
||
configureSlides($rb_slider, slidesPerView, cols, gap);
|
||
|
||
// Swiper 초기화
|
||
if (swiperInstance) {
|
||
swiperInstance.destroy(true, true); // 기존 Swiper 삭제
|
||
}
|
||
|
||
swiperInstance = new Swiper($rb_slider.find('.rb_swiper_inner')[0], {
|
||
slidesPerView: 1,
|
||
initialSlide: 0,
|
||
spaceBetween: gap,
|
||
resistanceRatio: 0,
|
||
touchRatio: swap ? 1 : 0,
|
||
autoplay: $rb_slider.data('autoplay') == 1
|
||
? {
|
||
delay: parseInt($rb_slider.data('autoplay-time'), 10) || 3000,
|
||
disableOnInteraction: false,
|
||
}
|
||
: false,
|
||
navigation: {
|
||
nextEl: $rb_slider.find('.rb-swiper-next')[0],
|
||
prevEl: $rb_slider.find('.rb-swiper-prev')[0],
|
||
},
|
||
});
|
||
}
|
||
|
||
// 슬라이드 구성 및 재구성
|
||
function configureSlides($rb_slider, view, cols, gap) {
|
||
const widthPercentage = `calc(${100 / cols}% - ${(gap * (cols - 1)) / cols}px)`;
|
||
|
||
$rb_slider.find('.rb_swiper_list').css('width', widthPercentage);
|
||
|
||
// 기존 슬라이드 그룹화 제거
|
||
if ($rb_slider.find('.rb_swiper_list').parent().hasClass('rb-swiper-slide')) {
|
||
$rb_slider.find('.swiper-slide-duplicate').remove();
|
||
$rb_slider.find('.rb_swiper_list').unwrap('.rb-swiper-slide');
|
||
}
|
||
|
||
// 슬라이드 그룹화
|
||
let groupIndex = 0;
|
||
$rb_slider.find('.rb_swiper_list').each(function (index) {
|
||
$(this).addClass('rb_swiper_group' + Math.floor(index / view));
|
||
groupIndex = Math.floor(index / view);
|
||
}).promise().done(function () {
|
||
for (let i = 0; i <= groupIndex; i++) {
|
||
$rb_slider.find('.rb_swiper_group' + i).wrapAll('<div class="rb-swiper-slide swiper-slide"></div>');
|
||
$rb_slider.find('.rb_swiper_group' + i).removeClass('rb_swiper_group' + i);
|
||
}
|
||
});
|
||
|
||
// 간격 설정
|
||
$rb_slider.find('.rb-swiper-slide').css({
|
||
'gap': `${gap}px`,
|
||
});
|
||
|
||
// 마지막 요소 오른쪽 간격 제거
|
||
$rb_slider.find('.rb_swiper_list').each(function (index) {
|
||
if ((index + 1) % cols === 0) {
|
||
$(this).css('margin-right', '0');
|
||
}
|
||
});
|
||
}
|
||
|
||
// 반응형 설정
|
||
function checkModeAndInit() {
|
||
const winWidth = window.innerWidth;
|
||
const mode = winWidth <= 1024 ? 'mo' : 'pc';
|
||
|
||
if (currentMode !== mode) {
|
||
currentMode = mode;
|
||
initSlider(mode); // 모드 변경 시 재초기화
|
||
}
|
||
}
|
||
|
||
// 초기 실행 및 이벤트 등록
|
||
$(window).on('load resize', checkModeAndInit);
|
||
checkModeAndInit(); // 첫 실행
|
||
}
|
||
</script>
|