{"id":8,"date":"2025-12-01T16:49:00","date_gmt":"2025-12-01T07:49:00","guid":{"rendered":"https:\/\/stdev777.mycafe24.com\/?page_id=8"},"modified":"2026-01-23T10:20:53","modified_gmt":"2026-01-23T01:20:53","slug":"home","status":"publish","type":"page","link":"https:\/\/shidosunsetbay.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<!-- \ud544\uc218: Swiper CSS -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n\n<!-- AOS -->\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n\n\n\n<style>\n.sido-footer-en{display:none !important;}\n\/* fullPage \uae30\ubcf8 \uc139\uc158 *\/\n.section {position: relative; height: 100vh; overflow: hidden;}\n#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#fff !important;}\n\n\/* \uba54\uc778 \ube44\ub514\uc624 \uc139\uc158\uc6a9 (\ud480\ud398\uc774\uc9c0 \ud638\ud658) *\/\n.section-hero-video{\n  position: relative;\n  overflow: hidden; \n}\n\n.section-hero-video .hero-video-wrap{\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.section-hero-video .hero-video{\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: none; \n  min-width: 0;\n  min-height: 0;\n  z-index: 0;\n  pointer-events: none; \n}\n\n.section-hero-video .sound-btn{\n  position: absolute;\n  right: 2%;\n  bottom: 2%;\n  z-index: 2;\n  background: rgba(0,0,0,.55);\n  color: #fff;\n  border: 0;\n  border-radius: 999px;\n  padding: 10px 14px;\n  cursor: pointer;\n}\n\n.scroll-box{width: fit-content; position: absolute; bottom: 0px;left: 50%; transform: translateX(-50%); pointer-events: none; }\n.scroll-box p{text-align: center; color: #fff; font-size: 18px;}\n.scroll-box .scroll{position: relative;  display: flex; justify-content: center; align-items: center; margin-top: 10px; flex-direction: column;}\n.scroll-box .down01{width:2px; height:40px; background:#fff; opacity:0.5;}\n.scroll-box .down02{width: 2px; height: 0px; background: #fff; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}\n.down02{animation: down02 2s linear infinite;}\n@keyframes down02 {0%{height:0px;}100%{height:70px;}}\n\n\n\/* \uc139\uc1582 *\/\n\/* \uc139\uc1582 \uc804\uccb4 *\/\n.section-visual { position: relative; width: 100%; height: 100vh; overflow: hidden; color: #fff;}\n\n\/* \ubc30\uacbd \uc774\ubbf8\uc9c0 *\/\n.section-visual .visual-bg {position: absolute; inset: 0;\nbackground: url('\/wp-content\/uploads\/2026\/01\/\ub178\uc744\uacf5\uc6d0-1-1.png') center\/cover no-repeat; z-index: 0;}\n\n\/* \uc544\ub798\ub85c \uac08\uc218\ub85d \uc5b4\ub450\uc6cc\uc9c0\ub294 \uadf8\ub77c\ub370\uc774\uc158 *\/\n.section-visual::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n    background: linear-gradient(to bottom, rgb(0 0 0 \/ 18%) 0%, rgb(0 0 0 \/ 60%) 40%, rgb(0 0 0 \/ 85%) 100%);\n  z-index: 1;\n}\n\n\/* \uc548\ucabd \ub0b4\uc6a9 \ub798\ud37c *\/\n.visual-content {position: relative; z-index: 2; max-width: 1600px; margin: 0 auto; padding: 100px 60px 100px; box-sizing: border-box;}\n\n\/* \uc0c1\ub2e8 \ud0c0\uc774\ud2c0 \uc88c\/\uc6b0 \ubd84\ub9ac *\/\n\/* \uc790\ub3d9\ud758\ub7ec\uac00\uae30 \ub9c8\ud034 \ub290\ub08c \ub354 \ubd80\ub4dc\ub7fd\uac8c *\/\n.visual-swiper .swiper-wrapper{\n  transition-timing-function: linear !important;\n}\n\n\n.visual-header {display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; margin-bottom: 80px;}\n.vh-left {flex: 0 0 auto;}\n.vh-right {flex: 1 1 auto; max-width: 600px;}\n\n.visual-title {font-size: 32px!important; margin: 0; color:#fff;}\n.visual-subtitle {font-size: 18px!important; margin: 0; text-align:right; font-weight:200;}\n.visual-subtitle span{font-weight:400;}\n\n\/* \uce74\ub4dc \uc2ac\ub77c\uc774\ub354 *\/\n.visual-slider {overflow: visible; \/* \uc798\ub9bc \ubc29\uc9c0: 2.5\uc7a5 \ubcf4\uc774\uac8c *\/}\n\n\/* \uc2a4\uc640\uc774\ud37c \uc2ac\ub77c\uc774\ub4dc \uacf5\ud1b5 *\/\n.visual-swiper .swiper-wrapper {align-items: stretch;}\n.v-card {display: block; text-decoration: none; color: #fff;}\n\n\/* \uce74\ub4dc \uc548\uc758 \ud770 \ubc15\uc2a4 *\/\n.v-thumb {border-radius: 18px; box-sizing: border-box; overflow:hidden; aspect-ratio: 3 \/ 2;}\n.v-thumb img {width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 8px;}\n\n\/* \uce74\ub4dc \ud14d\uc2a4\ud2b8 *\/\n.v-meta {text-align: center; margin-top: 18px;}\n.v-meta h3 {font-size: 22px; font-weight: 500; margin: 0 0 0px; color:#fff;}\n.v-meta p {font-size: 16px; margin: 0; font-weight:200;}\n\n\/* \ubc18\uc751\ud615 *\/\n@media (max-width: 1024px) {\n  .visual-content {max-width:80%; margin:0 auto; padding: 80px 30px 80px;}\n  .visual-header {flex-direction: column; gap: 20px; margin-bottom: 50px;}\n  .vh-right {max-width: none;}\n  .visual-subtitle{text-align:left;}\n}\n\n@media (max-width: 768px) {\n.hero-video {\n    object-fit: contain !important;\n    background: #000; \/* \uc5ec\ubc31 \uc0dd\uae38 \uacbd\uc6b0 \ub300\ube44 *\/\n  }\n  .visual-content {padding: 60px 20px 60px;}\n  .visual-title{font-size:25px !important;}\n.visual-subtitle{font-size:17px !important;}\n.v-meta h3{font-size:20px;}\n.v-meta p{font-size:14px;}\n.map-inner{align-items: flex-end !important;}\n.map-text h2{font-size:24px !important;}\n.map-text p{font-size:16px !important;}\n.invest-list li {font-size:16px !important;}\n.section-invest .fp-tableCell{display: flex !important; align-items: flex-end !important; justify-content: flex-start !important; height: 100% !important;}\n.section-invest .invest-wrap{width: 100% !important;height: 100% !important;}\n.section-invest .invest-inner{ width: 100% !important;height: 100% !important;\ndisplay: flex !important;align-items: flex-end !important;}\n.section-invest .invest-text{width: 100% !important;}\n}\n\n\n\n\n\/* \uc139\uc1583 *\/\n\/* \uc139\uc1583 : \uc9c0\ub3c4 + \uc2a4\ud3ec\ud2b8\ub77c\uc774\ud2b8 + \ud14d\uc2a4\ud2b8 *\/\n.section-map {position: relative; width: 100%; height: 100vh; overflow: hidden; background: url('\/wp-content\/uploads\/2026\/01\/\ucd5c\uc88588.png') center\/cover no-repeat;}\n\n\/* \ubc30\uacbd + \uc624\ubc84\ub808\uc774 + \ud14d\uc2a4\ud2b8\ub97c \ubb36\ub294 \uc0c1\uc790 *\/\n.map-wrap {position: relative; width: 100%; height: 100%;}\n\n\/* \uc9c0\ub3c4 \uc774\ubbf8\uc9c0 (\ub9e8 \ub4a4) *\/\n.section-map .map-img {position: relative; z-index: 1; width: 100%; height: auto; display: block}\n\n\/* \u2728 \uc2a4\ud3ec\ud2b8\ub77c\uc774\ud2b8 \uc624\ubc84\ub808\uc774 (\uc911\uac04 \ub808\uc774\uc5b4) *\/\n.map-spot {position: absolute; inset: 0; pointer-events: none; z-index: 2;\nbackground: radial-gradient(\n    circle at 65% 35%,   \/* \uc911\uc2ec (x%, y%) *\/\n    rgba(0,0,0,0) 0%,    \/* \ud55c\uac00\uc6b4\ub370 \uc644\uc804 \ud22c\uba85 *\/\n    rgba(0,0,0,0) 12%,   \/* \uc774 \uc548\ucabd\uae4c\uc9c0\ub294 \ubc1d\uc74c *\/\n    rgba(0,0,0,0.7) 58%, \/* \uc5ec\uae30\ubd80\ud130 \uaf64 \uc5b4\ub450\uc6cc\uc9d0 *\/\n    rgba(0,0,0,0.92) 100%\/* \ubc14\uae65\ucabd\uc740 \uac70\uc758 \uae4c\ub9cc \ub290\ub08c *\/);\nopacity: 0; transition: opacity 0.8s ease-out;}\n\n\n\/* \uc139\uc158 \ud65c\uc131\ud654\ub418\uba74 \ucc9c\ucc9c\ud788 \ub098\ud0c0\ub0a8 *\/\n.section-map.active .map-spot {\n  opacity: 1;\n}\n\n@media (max-width: 1024px) {\n  .section-map .map-spot {\n    opacity: 1;\n    transition: none; \/* \ud544\uc694\ud558\uba74 \uc560\ub2c8\uba54\uc774\uc158\ub3c4 \ub054 *\/\n  }\n}\n\n.map-inner{\n  position: absolute;\n  inset: 0;\n  z-index: 10;\n  max-width: 1600px;\n  margin: 0 auto;\n  padding: 100px 60px;\n\n  display: flex;\n  align-items: center; \n  justify-content: flex-start;\n}\n\n.map-text{\n  position: relative;\n  color: #fff;\n  max-width: 600px; \n  padding: 0;\n}\n\n\/* \uc81c\ubaa9 \/ \ubcf8\ubb38 \/ \ubc84\ud2bc\uc740 \ub124 \ucde8\ud5a5\ub300\ub85c, \uc608\uc2dc *\/\n.map-text h2 {font-size: 30px; line-height: 1.4!important; margin: 0 0 40px; font-weight:500; color:#fff;}\n\n.map-text p span{font-size:24px!important; font-weight:400;}\n.map-text p {font-size: 18px; line-height: 1.8!important; margin: 0 0 20px; font-weight:200;}\n.map-text .btn-more {display: inline-flex; align-items: center; padding: 12px 30px; border-radius: 999px; background: rgba(0,0,0,0.85); color: #fff; font-size: 16px; border:2px solid #fff; transition:all 0.3s;}\n.map-text .btn-more:hover{background:#0079b7;}\n\n@media (max-width: 1024px) {\n  .map-inner {max-width:80%; margin:0 auto; padding: 100px 20px 100px;}\n}\n\n\n\n\/* \uc139\uc1584 *\/\n\/* \uc139\uc158 \uae30\ubcf8 \uad6c\uc131 *\/\n.section-invest {position: relative; width: 100%; height: 100vh; overflow: hidden; background:url('\/wp-content\/uploads\/2026\/01\/\ubd80\ubd84\uc870\uac10\ub3c4-1.png') center\/cover no-repeat;}\n\n.section-invest::before{ content:\"\"; position:absolute; inset:0; z-index:2; pointer-events:none;\nbackground: linear-gradient(to bottom, rgb(0 0 0 \/ 20%) 0%, rgba(0, 0, 0, 0.15) 40%, rgb(0 0 0 \/ 55%) 70%, rgb(0 0 0 \/ 83%) 100%);}\n\n\/* 1600px \uc774\ub108 \ucee8\ud14c\uc774\ub108 *\/\n.invest-inner {position: relative; z-index: 5; max-width: 1600px; margin: 0 auto; padding:0px 60px 0px;}\n\n\/* \uc67c\ucabd \ud14d\uc2a4\ud2b8 *\/\n.invest-text h2 {font-size: 32px; font-weight: 500; line-height: 1.4!important; margin-bottom: 30px; color:#fff;}\n.invest-text h3 {font-size: 24px; color:#fff; font-weight: 400; margin: 22px 0 2px;}\n.invest-list {list-style: none; padding: 0; margin: 0;}\n.invest-list li {font-size: 18px; color:#fff; font-weight:200!important; opacity:0.9;}\n\n\/* \ubc18\uc751\ud615 *\/\n@media (max-width: 1024px) {\n  .invest-text h2 { font-size: 28px; }\n  .invest-wrap {max-width:80%; margin:0 auto;}\n}\n\n@media (max-width: 768px) {\n  .invest-bg { height: 360px; position: relative; }\n  .invest-inner {\n    position: relative;\n    padding: 30px 24px 60px;\n    max-width: none;\n  }\n}\n\n\n\n\n\/* \uc139\uc1585 *\/\n\/* \uc139\uc1585 \uae30\ubcf8 *\/\n.section-contact {position: relative; width: 100%; height: 100vh; background: #000; color: #fff; overflow: hidden;}\n\n\/* \uac00\uc6b4\ub370 \ucbe4\uc5d0 \ubb36\uc74c \ubc30\uce58 + \uc704\/\uc544\ub798 \uc5ec\uc720 *\/\n.contact-inner {max-width: 1600px; margin: 0 auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 80px 20px;}\n\n\/* \ud0c0\uc774\ud2c0 *\/\n.contact-title {font-size: 36px; line-height: 1.6; font-weight: 600; margin-bottom: 40px;}\n\n\/* \uc0c1\ub2f4\/\ubb38\uc758 \ubc15\uc2a4 \u2013 1600px \ud480\ud3ed *\/\n.contact-box {width: 100%; max-width: 1600px; border: 1px solid #fff; border-radius: 18px; padding: 30px 0; background: #1b1b1b;}\n\n\/* \u25bc \uc0c1\ub2f4\/\ubb38\uc758 \uc548\ub0b4 \ubc84\ud2bc \u2013 \ub354 \ud06c\uace0 \ub208\uc5d0 \ub744\uac8c *\/\n.contact-btn {display: inline-block; padding: 18px 55px; border-radius: 999px; border: 2px solid #fff;  background: rgba(255,255,255,0.12); color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 40px;  transition: all .25s;}\n.contact-btn:hover {background: #fff; color: #000;}\n\n.contact-info{margin-bottom:50px;}\n\n\/* \u25bc \uc548\ucabd \ud14d\uc2a4\ud2b8\ub3c4 \uc640\uc77c\ub4dc\ud558\uac8c \ud06c\uac8c *\/\n.contact-info p {font-size: 30px; line-height: 1.8; margin: 10px 0; font-weight:600;}\n\n\/* \ubc18\uc751\ud615 *\/\n@media (max-width:1590px){\n  .contact-inner {max-width:80%; margin:0 auto;}\n}\n\n@media (max-width: 768px) {\n  .contact-inner {padding: 70px 20px;}\n  .contact-title { font-size: 24px !important; }\n  .contact-info p { font-size: 16px; }\n  .contact-box { padding: 30px 10px; }\n  .contact-btn { font-size: 16px; padding: 12px 48px; }\n}\n\n\n\n\/* \ud478\ud130 *\/\n\/* ===== Sido Footer (fullPage auto-height \uc139\uc158) ===== *\/\n.section-footer {background:#000; color:#f5f5f5;}\n\n\/* \uc804\uccb4 \ub798\ud37c *\/\n.sido-footer{max-width:1600px; margin:0 auto; padding:24px 20px 28px; font-size:14px;}\n\n\/* \uc0c1\ub2e8: \ub85c\uace0 \uc67c\ucabd, \ud14d\uc2a4\ud2b8 \uc624\ub978\ucabd *\/\n.sido-footer-top{display:flex; justify-content:space-between; align-items:flex-start;}\n\n\/* \ub85c\uace0 *\/\n.sido-footer-logo{display:block; max-height:75px;}\n\n\/* \uc624\ub978\ucabd \uc815\ubcf4 \ud14d\uc2a4\ud2b8 *\/\n.sido-footer-right{text-align:right; line-height:1.6;}\n.sido-footer-right p{font-size:16px!important; margin:0;}\n\n\/* \uce74\ud53c\ub77c\uc774\ud2b8 \u2013 \uac00\uc6b4\ub370 \ud55c \uc904 *\/\n.sido-footer-copy{margin:10px 0 0; text-align:center; font-size:14px!important; opacity:0.7;}\n\n\/* \ubaa8\ubc14\uc77c *\/\n@media (max-width:1024px){\n  .section-footer{display:none!important;}\n}\n\n@media (max-width:768px){\n  .sido-footer{padding:20px 14px 24px;}\n  .sido-footer-top{flex-direction:column; align-items:flex-start; gap:10px;}\n  .sido-footer-right{text-align:left; font-size:13px;}\n}\n<\/style>\n\n\n\n<style>\n\/* ===== \uba54\uc778(fullPage)\uc5d0\uc11c\ub9cc: fp-viewing-* \ub85c \uc81c\uc5b4 ===== *\/\n\n\/* 0\ubc88 \uc139\uc158: \ud770\uc0c9 *\/\n.fp-viewing-0 #nav-main .sf-menu > li > a > span{ \n  color:#fff !important; \n}\n\n\/* 1~5 \uc139\uc158: #333 *\/\n.fp-viewing-1 #nav-main .sf-menu > li > a > span,\n.fp-viewing-2 #nav-main .sf-menu > li > a > span,\n.fp-viewing-3 #nav-main .sf-menu > li > a > span,\n.fp-viewing-4 #nav-main .sf-menu > li > a > span,\n.fp-viewing-5 #nav-main .sf-menu > li > a > span{\n  color:#333 !important;\n}\n\n.homecontent p:empty{\n  display:none !important;\n  margin:0 !important;\n  padding:0 !important;\n  height:0 !important;\n}\n\n\n@media (max-width:800px){\n\n}\n\n@media (max-width:600px){\n.map-inner{padding:60px 0 60px;}\n.invest-inner{padding:0px!important;}\n.contact-inner{padding:60px 0 60px;}\n.contact-title{font-size:24px;}\n.contact-btn{font-size:20px;}\n.contact-info{margin-bottom:0px;}\n.contact-info p{font-size:20px;}\n}\n<\/style>\n\n\n\n<div id=\"fullpage\">\n\n\n <!-- \uba54\uc778 \ube44\ub514\uc624 \uc139\uc158 -->\n<div class=\"section section-hero-video\">\n  <div class=\"hero-video-wrap\">\n    <video id=\"mainVideo\" class=\"hero-video\" autoplay muted loop playsinline preload=\"auto\">\n      <source src=\"\/wp-content\/uploads\/2026\/01\/260116_\uc2dc\ub3c4\uac00\ub4e0\ub9ac\uc870\ud2b8-\uc555\ucd95\ubcf8-1.mp4\" type=\"video\/mp4\">\n      \ub2f9\uc2e0\uc758 \ube0c\ub77c\uc6b0\uc800\ub294 \ub3d9\uc601\uc0c1\uc744 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\n    <\/video>\n\n    <button id=\"soundBtn\" class=\"sound-btn\" type=\"button\" aria-label=\"sound on\">\n      \ud83d\udd0a\n    <\/button>\n  <\/div>\n\n <div class=\"scroll-box\">\n      <p>Scroll<\/p>\n      <div class=\"scroll\">\n        <div class=\"down down01\"><\/div>\n        <div class=\"down down02\"><\/div>\n      <\/div>\n    <\/div>\n\n<\/div>\n\n\n\n<div class=\"section section-visual\">\n  <div class=\"visual-bg\"><\/div>\n\n  <div class=\"visual-content\">\n\n    <!-- \uc0c1\ub2e8 \ud0c0\uc774\ud2c0 \uc88c\/\uc6b0 \ubd84\ub9ac -->\n    <div class=\"visual-header\">\n      <div class=\"vh-left\">\n        <h2 class=\"visual-title\"><strong>\uc2dc\ub3c4 \uc36c\uc14b\ubca0\uc774 \ub9ac\uc870\ud2b8\ud0c0\uc6b4<\/strong>, \ub458\ub7ec\ubcf4\uae30<\/h2>\n      <\/div>\n      <div class=\"vh-right\">\n        <p class=\"visual-subtitle\">\n          \uc2dc\ub3c4 \uc36c\uc14b\ubca0\uc774 \ub9ac\uc870\ud2b8\ud0c0\uc6b4\uc5d0\uc11c \uc624\uc9c1 \ub2f9\uc2e0\uc5d0\uac8c \ud5c8\ub77d\ub41c <span>\uace0\ud488\uaca9 \ud734\uc591 \uceec\ub809\uc158<\/span><br>\n          \uc218\ub3c4\uad8c \uadfc\uad50, \uc190 \ub2ff\ub294 \uac70\ub9ac\uc5d0\uc11c \uacbd\ud5d8\ud558\ub294 <span>\uc0ac\uacc4\uc808\uc758 \ubcc0\ud654<\/span>\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \uce74\ub4dc \uc2ac\ub77c\uc774\ub354 -->\n    <div class=\"visual-slider swiper visual-swiper\">\n      <div class=\"swiper-wrapper\">\n\n        <!-- 1 -->\n        <div class=\"swiper-slide v-card\">\n          <div class=\"v-thumb\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/\ud50c\ub77c\uc6cc\uac00\ub4e0\uacf5\uc6d0-2-5.png\" alt=\"\ud50c\ub77c\uc6cc \uac00\ub4e0\">\n          <\/div>\n          <div class=\"v-meta\">\n            <h3>\ud50c\ub77c\uc6cc \uac00\ub4e0<\/h3>\n            <p>\uc790\uc5f0\u00b7\ubb38\ud654\u00b7\uad50\uc721\uc774 \ub9cc\ub098\ub294 \ub9ac\uc870\ud2b8\ud0c0\uc6b4\uc758 \ubcf4\uc11d<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- 2 -->\n        <div class=\"swiper-slide v-card\">\n          <div class=\"v-thumb\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/\ub9ac\uc870\ud2b8\ud638\ud154-\uc564-\ube4c\ub77c-2.png\" alt=\"\ub9ac\uc870\ud2b8 &amp; \ube4c\ub77c\">\n          <\/div>\n          <div class=\"v-meta\">\n            <h3>\ub9ac\uc870\ud2b8 \ud638\ud154 &amp; \ube4c\ub77c<\/h3>\n            <p>\uc790\uc5f0\uacfc \uc644\ubcbd\ud788 \uc870\ud654\ub97c \uc774\ub8e8\ub294 \ub7ed\uc154\ub9ac \ub9ac\uc870\ud2b8 \ud638\ud154\uc758 \uc815\uc218<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- 3 -->\n        <div class=\"swiper-slide v-card\">\n          <div class=\"v-thumb\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/\ud14c\ub9c8\uad00\uad11\ub9c8\uc744-1-2.png\" alt=\"\uae00\ub7a8\ud551\uc7a5\">\n          <\/div>\n          <div class=\"v-meta\">\n            <h3>\ud14c\ub9c8\uad00\uad11\ub9c8\uc744<\/h3>\n            <p>\uc138\ub828\ub418\uace0 \uac10\uac01 \ub118\uce58\ub294 \ub9ac\ud14c\uc77c \uc0f5, \uadf8\ub9ac\uace0 \uc138\uacc4 \uac01\uad6d\uc758 \ub2e4\uc774\ub2dd\uc73c\ub85c \uad6c\uc131\ub41c Market Walk<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- 4 -->\n        <div class=\"swiper-slide v-card\">\n          <div class=\"v-thumb\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/\uba85\uc0c1\uc2a4\ud30c\uc13c\ud130-3.png\" alt=\"\uc628\ucc9c\u00b7\uc2a4\ud30c \ucf64\ud50c\ub809\uc2a4\">\n          <\/div>\n          <div class=\"v-meta\">\n            <h3>\uc628\ucc9c\u00b7\uc2a4\ud30c \ucf64\ud50c\ub809\uc2a4<\/h3>\n            <p>\ud504\ub9ac\ubbf8\uc5c4 \ub7ed\uc154\ub9ac \uc6f0\ub2c8\uc2a4\uc640 \uc5ec\ud589\uc5d0 \uc9c0\uce5c \ubab8\uacfc \ub9c8\uc74c\uc758 \ud790\ub9c1 \uacf5\uac04<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- 5 -->\n        <div class=\"swiper-slide v-card\">\n          <div class=\"v-thumb\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/\uc36c\uc14b\ube4c\ub9ac\uc9c0-5-1.png\" alt=\"\uc36c\uc14b\ube4c\ub9ac\uc9c0\">\n          <\/div>\n          <div class=\"v-meta\">\n            <h3>\uc36c\uc14b \ube4c\ub9ac\uc9c0<\/h3>\n            <p>\uc5f0\uc778\uacfc \uac00\uc871\ub4e4\uc744 \uc704\ud55c \uace0\ud488\uaca9 \ud734\uc2dd \uacf5\uac04, \uc11d\uc591\uc758 \uc628\uae30\uac00 \uac10\uc2f8\uc8fc\ub294 \ud504\ub77c\uc774\ube57 \ud480\ube4c\ub77c<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<section class=\"section section-map\">\n  <div class=\"map-wrap\">\n    <!-- \ubc1d\uac8c \ubcf4\uc774\ub294 \uc2a4\ud3ec\ud2b8\ub77c\uc774\ud2b8 -->\n    <div class=\"map-spot\"><\/div>\n\n    <!-- \uc67c\ucabd \ud14d\uc2a4\ud2b8 \uc601\uc5ed -->\n    <div class=\"map-inner\">\n    <div class=\"map-text\">\n      <h2>\ub300\ud55c\ubbfc\uad6d \uc11c\ud574\uc548 \ub9ac\uc870\ud2b8 \uad00\uad11 \uc911\uc2ec\uc9c0,<br>\uc2dc\ub3c4 \uc36c\uc14b\ubca0\uc774 \ub9ac\uc870\ud2b8\ud0c0\uc6b4\uc758 \uc785\uc9c0<\/h2>\n      <p>\n        <span>\uc218\ub3c4\uad8c \ucd5c\ub2e8\uac70\ub9ac Seaside Resort!<\/span><br>\n        &#8211; \uc778\ucc9c\uad6d\uc81c\uacf5\ud56d\uc5d0\uc11c 20\ubd84<br>\n        &#8211; \uc11c\uc6b8 \uc911\uc2ec\ubd80\uc5d0\uc11c 1\uc2dc\uac04<br>\n        &#8211; \ubc14\ub2e4\uc640 \uc232\uc774 \uc5b4\uc6b0\ub7ec\uc9c4 \ucc9c\ud61c\uc758 \ud658\uacbd\n      <\/p>\n     <!--<a href=\"\/?page_id=35\" class=\"btn-more\">\uc790\uc138\ud788\ubcf4\uae30 \u2192<\/a>-->\n    <\/div>\n    <\/div> <!--map-inner-->\n  <\/div>\n<\/section>\n\n\n\n<!-- \uc139\uc1584 : \ud22c\uc790 \ud3ec\uc778\ud2b8 \/ \ube44\uc804 -->\n<section class=\"section section-invest\">\n  <div class=\"invest-wrap\">\n\n    <!-- 1600px \ucee8\ud14c\uc774\ub108 -->\n    <div class=\"invest-inner\">\n      <div class=\"invest-text\">\n        <h2>\uc2dc\ub3c4 \uc36c\uc14b\ubca0\uc774 \ub9ac\uc870\ud2b8\ud0c0\uc6b4,<br>\uc9c0\uae08\uc774 \uae30\ud68c\uc785\ub2c8\ub2e4.<\/h2>\n\n        <h3>\ud22c\uc790 \ud3ec\uc778\ud2b8<\/h3>\n        <ul class=\"invest-list\">\n          <li>\uc6b0\uc218\ud55c \uc811\uadfc\uc131\uacfc \ucc9c\ud61c\uc758 \uc790\uc5f0\ud658\uacbd\uc774 \ubcf4\uc7a5\ud558\ub294 \ud0c1\uc6d4\ud55c \uc785\uc9c0<\/li>\n          <li>\uad00\uad11 \uc8fc\uac70 \ud734\uc591 \ubb38\ud654\ud65c\ub3d9\uc744 \uc9c0\uc6d0\ud558\ub294 \uc720\uae30\uc801\uc778 \uc2dc\uc124 \uad6c\uc131<\/li>\n          <li>\ud569\ub9ac\uc801\uc778 \uac00\uaca9\uc758 \ub2e4\uc591\ud558\uace0 \ud48d\ubd80\ud55c \ud22c\uc790 \uc635\uc158 \uc81c\uacf5<\/li>\n          <li>\uce5c\uae30\uc5c5\uc801\uc778 \uac1c\ubc1c\uacfc \uc778\ud5c8\uac00 \ud658\uacbd<\/li>\n        <\/ul>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"section section-contact\">\n  <div class=\"contact-inner\">\n\n    <!-- \uc0c1\ub2e8 \ud0c0\uc774\ud2c0 -->\n    <div class=\"contact-title\">\n      \uc11c\ud574\uc758 \uc228\uaca8\uc9c4 \ubcf4\ubb3c\uc12c\uc774 \uc138\uacc4\uc801 \ub9ac\uc870\ud2b8 \ud0c0\uc6b4\uc73c\ub85c \ub3c4\uc57d\ud558\ub294 \uc21c\uac04,<br>\n      \ub2f9\uc2e0\uc758 \ud22c\uc790\uc640 \ube44\uc804\uc774 \ud568\uaed8 \ube5b\ub0a0 \uac83\uc785\ub2c8\ub2e4.\n    <\/div>\n\n    <!-- \ubc15\uc2a4 -->\n    <div class=\"contact-box\">\n      <div class=\"contact-btn\">\uc0c1\ub2f4\/\ubb38\uc758 \uc548\ub0b4<\/div>\n\n      <div class=\"contact-info\">\n        <p>\ub300\ud45c\uc804\ud654: 032 &#8211; 715 &#8211; 4076<\/p>\n        <p>\ud329\uc2a4: 070 &#8211; 4009 &#8211; 1086<\/p>\n        <p>\uc774\uba54\uc77c: st-dev@naver.com<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section class=\"section section-footer fp-auto-height\">\n  <div class=\"sido-footer\">\n\n    <div class=\"sido-footer-top\">\n      <!-- \uc67c\ucabd \ub85c\uace0 -->\n      <div class=\"sido-footer-left\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/logo_b_w.png\"\n             alt=\"\uc2dc\ub3c4 \uc36c\uc14b\ubca0\uc774 \ub9ac\uc870\ud2b8\ud0c0\uc6b4\" class=\"sido-footer-logo\">\n      <\/div>\n\n      <!-- \uc624\ub978\ucabd \ud14d\uc2a4\ud2b8 -->\n      <div class=\"sido-footer-right\">\n        <p>\ub300\ud45c\uc790: \uc724\ucc3d\uaddc<\/p>\n        <p>\uc0ac\uc5c5\uc790\ub4f1\ub85d\ubc88\ud638: 245-88-02744<\/p>\n        <p>\ub300\ud45c\uc804\ud654: 032-715-4076<\/p>\n        <p>\ud329\uc2a4: 070-4009-1086<\/p>\n        <p>\uc774\uba54\uc77c: st-dev@naver.com<\/p>\n        <p>\uc8fc\uc18c: (22007) \uc778\ucc9c\uad11\uc5ed\uc2dc \uc5f0\uc218\uad6c \uc778\ucc9c\ud0c0\uc6cc\ub300\ub85c 323<br>  \nA\ub3d9 2105\ud638  (\uc1a1\ub3c4\ub3d9, \uc1a1\ub3c4\uc13c\ud2b8\ub85c\ub4dc)<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \uac00\uc6b4\ub370 \uc815\ub82c\ub41c \uce74\ud53c\ub77c\uc774\ud2b8 -->\n    <p class=\"sido-footer-copy\">\n     Copyright \u00a9 2025 ST Development co.,Ltd.  All Rights Reserve\n    <\/p>\n\n  <\/div>\n<\/section>\n\n\n\n<\/div> <!--fullpage-->\n\n\n\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.7.1\/jquery.min.js\"><\/script>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/fullpage.js@2.9.4\/dist\/jquery.fullpage.min.css\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/fullpage.js@2.9.4\/dist\/jquery.fullpage.min.js\"><\/script>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<style>\n.visual-swiper .swiper-wrapper{\n  transition-timing-function: linear !important;\n}\n<\/style>\n\n<script>\njQuery(function($){\n\n  \/* =========================\n     1) \uc139\uc1582 Swiper\n     ========================= *\/\n  var visualSwiper = new Swiper('.visual-swiper', {\n    loop: true,\n    speed: 4000,\n    slidesPerView: 2.5,\n    spaceBetween: 28,\n    centeredSlides: false,\n    initialSlide: 0,\n\n    autoplay: {\n      delay: 0,\n      disableOnInteraction: false,\n      pauseOnMouseEnter: true\n    },\n\n    simulateTouch: true,\n    grabCursor: true,\n\n    observer: true,\n    observeParents: true,\n\n    breakpoints: {\n      0:   { slidesPerView: 1.2, spaceBetween: 16 },\n      768: { slidesPerView: 1.8, spaceBetween: 18 },\n      1024:{ slidesPerView: 2.5, spaceBetween: 28 }\n    }\n  });\n\n  visualSwiper.autoplay.stop();\n  visualSwiper.slideToLoop(0, 0);\n\n\n  \/* =========================\n     2) fullpage\n     ========================= *\/\n  $('#fullpage').fullpage({\n    autoScrolling: true,\n    fitToSection: true,\n    navigation: true,\n    scrollingSpeed: 900,\n    normalScrollElements: '.visual-swiper .swiper-wrapper',\n    responsiveWidth: 1024,\n\n    onLeave: function(index, nextIndex) {\n      if (index === 2) {\n        visualSwiper.autoplay.stop();\n        visualSwiper.slideToLoop(0, 0);\n      }\n    },\n\n    afterLoad: function(anchorLink, index) {\n\n      if (index === 2) {\n\n        requestAnimationFrame(function(){\n          visualSwiper.update();\n\n          \/\/ \ube0c\ub77c\uc6b0\uc800 \ub80c\ub354\ub9c1 \uc9c1\ud6c4 \ubc14\ub85c \uc2e4\ud589\n          setTimeout(function(){\n            visualSwiper.autoplay.start();\n          }, 0);\n\n        });\n      }\n    }\n  });\n\n});\n<\/script>\n\n\n\n<script>\n(function(){\n  const video = document.getElementById('mainVideo');\n  const btn   = document.getElementById('soundBtn');\n  const hero  = document.querySelector('.section-hero-video');\n  if (!video || !btn || !hero) return;\n\n  let soundEnabled = false;\n\n  \/* \ubc84\ud2bc \uc544\uc774\ucf58 \uc5c5\ub370\uc774\ud2b8 *\/\n  function updateIcon(){\n    btn.textContent = soundEnabled ? '\ud83d\udd0a' : '\ud83d\udd07';\n  }\n\n  \/* \uc7ac\uc0dd \uac15\uc81c \ubcf5\uad6c (fullpage \uc774\ub3d9 \ub300\ube44) *\/\n  function forcePlay(){\n    video.muted = !soundEnabled;\n\n    \/\/ fullpage \uc774\ub3d9 \uc560\ub2c8\uba54\uc774\uc158 \ud0c0\uc774\ubc0d \ub300\ube44 \uc7ac\uc2dc\ub3c4\n    [0, 120, 300, 600].forEach(t => {\n      setTimeout(() => {\n        video.play().catch(()=>{});\n      }, t);\n    });\n  }\n\n  function pauseVideo(){\n    try { video.pause(); } catch(e){}\n  }\n\n  \/* \ucd08\uae30 \uc0c1\ud0dc *\/\n  video.muted = true;\n  updateIcon();\n  forcePlay();\n\n  \/* \ud83d\udd0a \/ \ud83d\udd07 \ud1a0\uae00 \ubc84\ud2bc *\/\n  btn.addEventListener('click', async () => {\n    soundEnabled = !soundEnabled;\n    video.muted = !soundEnabled;\n    updateIcon();\n    try { await video.play(); } catch(e){}\n  });\n\n  \/* \ud0ed \uc804\ud658 \ud6c4 \ubcf5\uadc0 *\/\n  document.addEventListener('visibilitychange', () => {\n    if (document.visibilityState === 'visible') {\n      forcePlay();\n    }\n  });\n  window.addEventListener('focus', forcePlay);\n\n  \/* fullpage active \ud074\ub798\uc2a4 \ubcc0\ud654 \uac10\uc9c0 (\ud575\uc2ec) *\/\n  const mo = new MutationObserver(() => {\n    if (hero.classList.contains('active')) {\n      forcePlay();\n    } else {\n      pauseVideo();\n    }\n  });\n\n  mo.observe(hero, {\n    attributes: true,\n    attributeFilter: ['class']\n  });\n\n})();\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ub2f9\uc2e0\uc758 \ube0c\ub77c\uc6b0\uc800\ub294 \ub3d9\uc601\uc0c1\uc744 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ud83d\udd0a Scroll \uc2dc\ub3c4 \uc36c\uc14b\ubca0\uc774 \ub9ac\uc870\ud2b8\ud0c0\uc6b4, \ub458\ub7ec\ubcf4\uae30 \uc2dc\ub3c4 \uc36c\uc14b\ubca0\uc774 \ub9ac\uc870\ud2b8\ud0c0\uc6b4\uc5d0\uc11c \uc624\uc9c1 \ub2f9\uc2e0\uc5d0\uac8c \ud5c8\ub77d\ub41c \uace0\ud488\uaca9 \ud734\uc591 \uceec\ub809\uc158 \uc218\ub3c4\uad8c \uadfc\uad50, \uc190 \ub2ff\ub294 \uac70\ub9ac\uc5d0\uc11c \uacbd\ud5d8\ud558\ub294 \uc0ac\uacc4\uc808\uc758 \ubcc0\ud654 \ud50c\ub77c\uc6cc \uac00\ub4e0 \uc790\uc5f0\u00b7\ubb38\ud654\u00b7\uad50\uc721\uc774 \ub9cc\ub098\ub294 \ub9ac\uc870\ud2b8\ud0c0\uc6b4\uc758 \ubcf4\uc11d \ub9ac\uc870\ud2b8 \ud638\ud154 &amp; \ube4c\ub77c \uc790\uc5f0\uacfc \uc644\ubcbd\ud788 &hellip; <a href=\"https:\/\/shidosunsetbay.com\/\">Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"kt_blocks_editor_width":"","footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shidosunsetbay.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shidosunsetbay.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shidosunsetbay.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shidosunsetbay.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shidosunsetbay.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":330,"href":"https:\/\/shidosunsetbay.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":2456,"href":"https:\/\/shidosunsetbay.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/2456"}],"wp:attachment":[{"href":"https:\/\/shidosunsetbay.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}