Files
2025-07-02 14:13:16 +09:00

116 lines
5.6 KiB
Plaintext

<style>
.main_rolling_blue_bg_inner {padding-left: 100px; padding-right: 100px; box-sizing: border-box; z-index: 2; position: absolute; top:50%; width: 100%; transform: translateY(-50%);}
.main_rolling_blue_bg {min-height: 400px; padding-top: 100px; padding-bottom: 100px; background-repeat: no-repeat; background-size: cover; background-position: center center; color:#fff; position: relative;}
.main_rolling_blue_left_txt1 {font-size: 28px;}
.main_rolling_blue_left_txt2 {font-size: 20px;}
.bg_inner_inner {background-color: rgba(0,0,0,0.6); position: absolute; top:0px; left: 0px; width: 100%; height:100%; z-index: 1}
.flex1 {display: flex;}
.flex2 {display: flex; margin-top: 80px; border-top:1px solid #ddd; padding-top: 80px;}
.greetings_li1 {font-size: 34px;}
.greetings_li2 {font-size: 18px; margin-top: 0px; word-break: keep-all; color:#666; line-height: 150%;}
.greetings_li3 {font-size: 16px; margin-top: 30px; color:#000; padding-left: 0px !important;}
.greetings_li2 span {color:#000;}
.flex1_ul1 {margin-top: 30px;}
.flex1_ul2 {margin-left: auto;}
.flex1_ul2 img {border-top-right-radius: 40px;}
.flex2_ul1 {}
.flex2_ul1 img {border-top-left-radius: 40px;}
.flex2_ul2 {margin-left: auto;}
.greetings_li3 {font-size: 22px; padding-left: 100px;}
.greetings_li4 {font-size: 18px; margin-top: 30px; word-break: keep-all; color:#666; padding-left: 100px; line-height: 150%;}
.greetings_li4 span {color:#000;}
.ffl {float:left; width: 50%; padding-right: 15px; word-break: keep-all;}
.ffr {float:right; width: 50%; padding-left: 15px; word-break: keep-all}
.img_boxx {padding:40px; border:1px solid #eee;}
.img_boxx img {max-width: 100%;}
.img_boxx2 {margin-top: 30px;}
.img_boxx2 .fll {float:left; width:48%;}
.img_boxx2 .frr {float: right; width:48%;}
.img_boxx2 img {max-width: 100%;}
@media all and (max-width:1024px) {
.ffl {float:none; width: 100%; padding: 0px;}
.ffr {float:none; width: 100%; margin-top: 0px; padding: 0px;}
.main_rolling_blue_bg_inner {padding-left: 40px; padding-right: 40px;}
.main_rolling_blue_left_txt1 {font-size: 20px;}
.main_rolling_blue_left_txt2 {font-size: 16px;}
.img_boxx {padding:20px; border:1px solid #eee;}
.img_boxx2 .fll {float:none; width:100%;}
.img_boxx2 .frr {float: none; width:100%; margin-top: 30px;}
}
</style>
<div class="main_rolling_blue_bg" style="background-image:url('<?php echo G5_THEME_URL ?>/rb.img/g1.jpg');">
<div class="bg_inner_inner"></div>
<div class="main_rolling_blue_bg_inner">
<div class="main_rolling_blue_left">
<div class="main_rolling_blue_left_txt1 font-B">컨셉정원 퍼스트가든</div><br>
<div class="main_rolling_blue_left_txt2 font-R">
퍼스트가든은 2017년 4월 오픈한 약 20,000평 규모의 대규모 복합 문화 시설입니다.<br>
23가지 테마가 있는 아도니스 정원 속 레스토랑, 웨딩홀, 놀이시설 등 다양한 편의 시설을 갖추고 있습니다.<br>
퍼스트가든에서 가족, 연인, 친구와 함께 특별한 이야기를 만들어보세요.
</div>
</div>
<div class="cb"></div>
</div>
</div>
<br><br><br>
<div class="flex1">
<ul class="flex1_ul1">
<li class="greetings_li2 font-p-400">
<dd class="ffl">
<span class="font-B main_color font-24">새롭고 차별화된 컨텐츠, 퍼스트가든</span><br><br>
퍼스트가든은 새롭고 차별화된 컨텐츠를 만들고자 오랜기간 고민과 연구를 계속해왔습니다.
새로운 시도 앞에 많은 시련과 어려움이 뒤따랐지만, 끊임없이 연구하고 개발하였습니다.
여러분의 꿈이 현실이 되는 곳, 퍼스트가든이 만들어 드리겠습니다.<br><br>
</dd>
<dd class="ffr">
<span class="font-B main_color font-24">40년의 약속, 고객만족을 최우선으로!</span><br><br>
40년 가까이 제조/유통업을 운영해 오면서 진정성을 최우선 가치로 여기며 고객과 직원을 사랑하는 기업 문화를 만들어 왔습니다.
그 경험과 노하우를 바탕으로, 형식과 겉치례를 걷어내고 진심과 내용을 중심으로 고객과 직접 소통하는 퍼스트가든이 되겠습니다.<br><br>
</dd>
<div class="cb"></div>
</li>
</ul>
</div>
<br><br><br>
<div>
<ul class="font-18 color-666">
<span class="font-B main_color font-24">퍼스트가든 CI</span><br><br>
퍼스트가든 CI의 기본컨셉 (Brand Driver)은 “Happiness, Together”에서 시작되었습니다.<br>
나무, 사람, 지구의 이미지를 형상화한 아이덴티티로, 그린과 브라운칼라를 사용해 자연, 상생, 희망의 메시지를 제시합니다.<br>
최고의 서비스, 최고의 컨텐츠로 모두가 행복해지는 곳. 퍼스트가든이 만들어갑니다.<br><br><br>
<div class="img_boxx">
<img src="<?php echo G5_THEME_URL ?>/rb.img/g3.jpg">
</div>
<div class="img_boxx2">
<ul class="fll">
<img src="<?php echo G5_THEME_URL ?>/rb.img/g4.png">
</ul>
<ul class="frr">
<img src="<?php echo G5_THEME_URL ?>/rb.img/g5.png">
</ul>
<div class="cb"></div>
</div>
</ul>
</div>