Menu
Home
맨션맨이란?
맨션맨 서비스
Why Japan?
경제 지표
부동산 가격상승
환율 지표
금리
투자 플로우
원스탑 서비스
법인 설립 절차
매입 절차 및 비용
맨션리스트
도쿄
후쿠오카
오사카
FAQ
부동산 정보
문의하기
한국어
한국어
日本語
HOME
맨션맨이란?
맨션맨 서비스
Why Japan?
경제 지표
부동산 가격상승
환율 지표
금리
투자 플로우
원스탑 서비스
법인 설립 절차
매입 절차 및 비용
맨션리스트
도쿄
후쿠오카
오사카
FAQ
부동산 정보
문의하기
맨션맨 챗봇
문의하기
투자수익
시뮬레이션
</section> </main> <footer class="page-section footer bg-gray-light-1 pb-20 pt-50"> <div class="container"> <div class="row pb-120 pb-sm-80 pb-xs-50"> <div class="col-md-4 col-lg-5 text-gray mb-sm-50"> <a class="mb-30" href="/"> <img width="216" height="50" class="light-mode-logo" alt="Your Company Logo" src="https://mansionman.info/wp-content/themes/mansionman/assets/images/logo.png"> </a> <div class="clearlinks mt-40"> <strong>이메일 : </strong> <a href="mailto:jsi@jsinvest.co.jp">mansionman@apexam.co.kr</a> </div> </div> <div class="col-md-5 offset-md-1 offset-lg-2"> <div class="row mt-n30"> <div class="col-sm-3 mt-30"> <h3 class="fw-title"><a href="/">Home</a></h3> </div> <div class="col-sm-3 mt-30"> <h3 class="fw-title"><a href="/about">맨션맨이란?</a></h3> <ul class="fw-menu clearlist local-scroll"> <li><a href="/about">맨션맨 서비스</a></li> </ul> </div> <div class="col-sm-3 mt-30"> <h3 class="fw-title"><a href="/whyjapan01">why Japan?</a></h3> <ul class="fw-menu clearlist local-scroll"> <li><a href="/whyjapan01">경제 지표</a></li> <li><a href="/whyjapan02">부동산 가격상승</a></li> <li><a href="/whyjapan03">환율 지표</a></li> <li><a href="/whyjapan04">금리</a></li> </ul> </div> <div class="col-sm-3 mt-30"> <h3 class="fw-title"><a href="/onestop">투자 플로우</a></h3> <ul class="fw-menu clearlist local-scroll"> <li><a href="/onestop">원스탑 서비스</a></li> <li><a href="/incorporation">법인설립 절차</a></li> <li><a href="/flow">매입 절차 및 비용</a></li> </ul> </div> <div class="col-sm-3 mt-30"> <h3 class="fw-title"><a href="/list">맨션리스트</a></h3> <ul class="fw-menu clearlist local-scroll"> <li><a href="/list/?languageSelect=korea&tokyo">도쿄</a></li> <li><a href="/list/?languageSelect=korea&fukuoka">후쿠오카</a></li> <li><a href="/list/?languageSelect=korea&oasak">오사카</a></li> </ul> </div> <div class="col-sm-3 mt-30"> <h3 class="fw-title"><a href="/faq">FAQ</a></h3> </div> <div class="col-sm-3 mt-30"> <h3 class="fw-title"><a href="/information">부동산정보</a></h3> </div> <div class="col-sm-3 mt-30"> <h3 class="fw-title"><a href="/contactus">문의하기</a></h3> </div> </div> </div> </div> <div class="row text-gray"> <div class="col-md-12 clearfix" style="text-align: center;"> <b>Copyright © JS Invest 주식회사 All right reserved.</b> <!--<div class="local-scroll float-end mt-n20 mt-sm-10"> <a href="#top" class="link-to-top"> <i class="mi-arrow-up size-24"></i> <span class="visually-hidden">Scroll to top</span> </a> </div> --> </div> </div> </div> </footer> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/mansionman\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script type='text/javascript'> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <script type="text/javascript" src="https://mansionman.info/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9.3" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/mansionman.info\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" src="https://mansionman.info/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.9.3" id="contact-form-7-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LdrwSQqAAAAAHCcc4KSn0s_w8d7PIgpZVwT33Bg&ver=3.0" id="google-recaptcha-js"></script> <script type="text/javascript" src="https://mansionman.info/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="wpcf7-recaptcha-js-extra"> /* <![CDATA[ */ var wpcf7_recaptcha = {"sitekey":"6LdrwSQqAAAAAHCcc4KSn0s_w8d7PIgpZVwT33Bg","actions":{"homepage":"homepage","contactform":"contactform"}}; /* ]]> */ </script> <script type="text/javascript" src="https://mansionman.info/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=5.9.3" id="wpcf7-recaptcha-js"></script> </body> <div class="modal" id="modal"> <div class="modal-content"> <p class="count-text"><span class="count">10</span>초 후, 이동합니다.</p> <div class="modal-event"> <div class="modal-event-title"> 일본 현지의 신축분양맨션 정보 페이지로 이동합니다. </div> <div class="modal-event-text"> 페이지에서 실제 맨션의 자세한 정보와 함께, 분양 현황, 세부 설계 정보, 주변 생활 인프라 등 구매에 필요한 핵심 정보를 직접 확인하실 수 있습니다.<br> 해당 사이트는 일본 부동산 회사가 운영하는 외부 링크이며, <br>필요 시 브라우저의 번역 기능을 활용해 주세요. </div> <span class="modal-event-info"><a href="https://support.google.com/chrome/answer/173424?hl=ko&co=GENIE.Platform%3DDesktop" target="_blank"> <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.375 8.375V6.625C1.375 3.72551 3.72551 1.375 6.625 1.375H8.375C11.2745 1.375 13.625 3.72551 13.625 6.625V8.375C13.625 11.2745 11.2745 13.625 8.375 13.625H6.625C3.72551 13.625 1.375 11.2745 1.375 8.375Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.75 5.43407C5.75 4.48032 6.5375 3.95532 7.71612 3.99994C8.56671 4.02944 9.24301 4.72388 9.25 5.57494C9.29114 6.37079 8.91399 7.13041 8.25513 7.5787C7.69509 7.93745 7.3991 8.59255 7.5 9.24995" stroke="black" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.5 11.25C7.36215 11.25 7.25 11.1379 7.25 11C7.25 10.8622 7.36215 10.75 7.5 10.75C7.63785 10.75 7.75 10.8622 7.75 11C7.75 11.1379 7.63785 11.25 7.5 11.25Z" fill="black"/> <path d="M7.5 10.5C7.77614 10.5 8 10.7239 8 11C8 11.2761 7.77614 11.5 7.5 11.5C7.22386 11.5 7 11.2761 7 11C7 10.7239 7.22386 10.5 7.5 10.5Z" fill="black"/> </svg> 브라우저 번역 기능 활성 하는법 안내</a> </span> </div> <div class="modal-event-button"> <button id="manualRedirect">바로 이동하기</button> <a href="">이 맨션 구입 문의하기</a> </div> <span class="close">이전 페이지로 돌아가기</span> </div> </div> <script> document.addEventListener("DOMContentLoaded", () => { const toggleEls = document.querySelectorAll(".toggle"); toggleEls.forEach((toggle) => { const dtList = toggle.querySelectorAll("dt"); const ddList = toggle.querySelectorAll("dd"); dtList.forEach((dt, idx) => { const dd = ddList[idx]; const link = dt.querySelector("a"); // 초기 스타일 설정 dd.style.height = "0px"; dd.style.overflow = "hidden"; dd.style.transition = "all 0.5s ease-in-out"; dd.style.marginBottom = "0"; link.addEventListener("click", () => { // 다른 항목 닫기 ddList.forEach((otherDd, i) => { if (i !== idx) { otherDd.style.height = "0px"; otherDd.style.marginBottom = "0"; dtList[i].querySelector("a").classList.remove("active"); } }); // 현재 항목 토글 const isOpen = dd.style.height !== "0px"; if (isOpen) { dd.style.height = "0px"; dd.style.marginBottom = "0"; link.classList.remove("active"); } else { dd.style.height = dd.scrollHeight + "px"; dd.style.marginBottom = "1.55em"; link.classList.add("active"); } }); }); // ✅ 제일 처음 항목 열기 (추가된 부분) if (dtList.length > 0 && ddList.length > 0) { const firstLink = dtList[0].querySelector("a"); const firstDd = ddList[0]; firstDd.style.height = firstDd.scrollHeight + "px"; firstDd.style.marginBottom = "1.55em"; firstLink.classList.add("active"); } }); }); document.addEventListener("DOMContentLoaded", function () { new Swiper(".team-carousel", { modules: [Swiper.Navigation], slidesPerView: 1, spaceBetween: 0, navigation: { nextEl: ".snbn1", prevEl: ".snbp1", }, breakpoints: { 500: { slidesPerView: 2, }, }, }); }); document.addEventListener("DOMContentLoaded", function () { const grid = document.querySelector("#work-grid"); // 이미지 로드 완료 후 Isotope 초기화 const iso = new Isotope(grid, { itemSelector: ".work-item", layoutMode: "masonry" }); imagesLoaded(grid).on("progress", function () { iso.layout(); }); // 필터 버튼 클릭 이벤트 const filters = document.querySelectorAll(".works-filter .filter"); filters.forEach(btn => { btn.addEventListener("click", function (e) { e.preventDefault(); // 활성화 클래스 전환 filters.forEach(f => f.classList.remove("active")); this.classList.add("active"); // 필터 적용 const filterValue = this.dataset.filter; iso.arrange({ filter: filterValue === "all" ? "*" : "." + filterValue }); }); }); }); </script> <script> document.addEventListener("DOMContentLoaded", function () { const links = document.querySelectorAll(".link"); const modal = document.getElementById("modal"); const countDisplay = document.querySelector(".count"); const manualRedirectButton = document.getElementById("manualRedirect"); const closeBtn = document.querySelector(".close"); // ① close 버튼 let countdown; let targetUrl = ""; links.forEach(link => { link.addEventListener("click", function (event) { event.preventDefault(); targetUrl = this.dataset.link; countDisplay.textContent = 10; modal.style.display = "flex"; let timeLeft = 10; countdown = setInterval(() => { timeLeft--; countDisplay.textContent = timeLeft; if (timeLeft <= 0) { clearInterval(countdown); window.location.href = targetUrl; } }, 1000); manualRedirectButton.onclick = function () { clearInterval(countdown); window.location.href = targetUrl; }; }); }); /* ② 모달 바깥 영역 클릭 시 닫기 */ modal.addEventListener("click", function (event) { if (event.target === modal) { modal.style.display = "none"; clearInterval(countdown); } }); /* ③ × 버튼 클릭 시 닫기 */ if (closeBtn) { closeBtn.addEventListener("click", function () { modal.style.display = "none"; clearInterval(countdown); }); } }); document.addEventListener('DOMContentLoaded', () => { const getToggleOpen = document.querySelectorAll('.toggleOpen'); getToggleOpen.forEach((getToggleOpenClick) => { getToggleOpenClick.addEventListener('click', () => { document.body.classList.toggle('open'); }); }); }); document.addEventListener("DOMContentLoaded", function () { const languageSelect = document.querySelector(".languageSelect"); if (languageSelect) { languageSelect.addEventListener("click", function () { languageSelect.classList.toggle("active"); }); } }); document.addEventListener("DOMContentLoaded", function () { new Rellax('.js-in-viewport'); }); </script> <script> document.addEventListener("DOMContentLoaded", function () { const filterButtons = document.querySelectorAll('.filter-item button'); const cardSelector = '.col-sm-6'; const categoryMap = { location: ['tokyo', 'fukuoka', 'osaka'], type: ['mansion01', 'mansion02'] }; const activeFilters = { location: new Set(), type: new Set() }; function getCards() { return document.querySelectorAll(cardSelector); } function getFilterCategory(filter) { for (let category in categoryMap) { if (categoryMap[category].includes(filter)) { return category; } } return null; } function filterCards() { const cards = getCards(); cards.forEach(card => { const cardClasses = Array.from(card.classList); const matchLocation = activeFilters.location.size === 0 || Array.from(activeFilters.location).some(f => cardClasses.includes(f)); const matchType = activeFilters.type.size === 0 || Array.from(activeFilters.type).some(f => cardClasses.includes(f)); const isVisible = matchLocation && matchType; card.style.display = isVisible ? '' : 'none'; }); } function applyInitialFilterFromURL() { const params = new URLSearchParams(window.location.search); filterButtons.forEach(button => { const filter = button.getAttribute('filter-date'); const category = getFilterCategory(filter); if (!category) return; if (params.has(filter)) { button.classList.add('active'); activeFilters[category].add(filter); } }); filterCards(); // 초기 필터링 실행 } filterButtons.forEach(button => { button.addEventListener('click', function (e) { e.preventDefault(); const filter = this.getAttribute('filter-date'); const category = getFilterCategory(filter); if (!category) return; this.classList.toggle('active'); if (this.classList.contains('active')) { activeFilters[category].add(filter); } else { activeFilters[category].delete(filter); } filterCards(); }); }); applyInitialFilterFromURL(); // 초기 파라미터 처리 실행 }); document.addEventListener("DOMContentLoaded", function () { const urlParams = new URLSearchParams(window.location.search); // 지역 자동 선택 const region = urlParams.get("region"); if (region) { const regionSelect = document.querySelector('select[name="region"]'); if (regionSelect) regionSelect.value = region; } // 맨션명 자동 입력 const mansion = urlParams.get("mansion"); if (mansion) { const mansionNameInput = document.querySelector('input[name="mansion-name"]'); if (mansionNameInput) mansionNameInput.value = mansion; } // 링크 자동 입력 const mansionLink = urlParams.get("link"); if (mansionLink) { const mansionLinkInput = document.querySelector('input[name="mansion-link"]'); if (mansionLinkInput) mansionLinkInput.value = mansionLink; } }); </script></html>