{"id":16,"date":"2026-05-19T09:11:18","date_gmt":"2026-05-19T00:11:18","guid":{"rendered":"https:\/\/graceberry.mycafe24.com\/?page_id=16"},"modified":"2026-08-10T12:45:59","modified_gmt":"2026-08-10T03:45:59","slug":"home","status":"publish","type":"page","link":"https:\/\/monte-edu.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\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<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\n\n\n\n<style>\n \/* #rmp_menu_trigger-455 {    top: 13%;} *\/\n:root {\n--olive: #6b7a3a;\n--olive-deep: #4a5428;\n--sand: #ece9e1;\n--cream-bg: #fdfbf7;\n--black: #1a1a1a;\n--glass: rgba(255, 255, 255, 0.85);\n}\n\n* { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; }\nbody { font-family: 'Pretendard', sans-serif; color: var(--black); background: var(--cream-bg); line-height: 1.5; overflow-x: hidden; }\n\n.wide-layout-wrapper { max-width: 1600px; margin: 0 auto; padding: 0 40px; }\n\n\n\/* [Hero Section] *\/\n.full-hero-section {position: relative; width: 100%; height: 100vh; overflow: hidden;display: flex; align-items: center; justify-content: center; background: #000;}\n.hero-visual-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }\n.slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-size: cover; background-position: center; opacity: 0; transition: opacity 1.5s ease-in-out;}\n.slide::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }\n.slide.active { opacity: 1; }\n        \n.hero-text-overlay { position: relative; z-index: 10; text-align: left;color: #fff; width: 100%; max-width: 1600px;margin: 0 auto;margin-top: 30vh;}\n.hero-label { font-size: 18px; font-weight: 800; letter-spacing: 3px; margin-bottom: 15px; display: block; color: #d4e0a7; }\n.slogan-container { position: relative; height: 200px; display: flex; align-items: flex-start;justify-content: flex-start;}\n.slogan-item {position: absolute; width: 100%; opacity: 0; transform: translateX(-20px); transition: all 1s ease-in-out; visibility: hidden;}\n.slogan-item.active { opacity: 1; transform: translateX(0); visibility: visible; }\n.slogan-item h1 {font-size: clamp(40px, 5vw, 90px); font-weight: 900; line-height: 1.1; letter-spacing: -2px;color:#fff;}\n\n\/* [Feature Dashboard] *\/\n.feature-dashboard {display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 20px; margin: 120px 0 150px;}\n.f-box { background: var(--sand); border-radius: 30px; padding: 50px; position: relative; overflow: hidden; }\n.f-box.dark { background: var(--black); color: #fff; }\n.f-box.olive { background: var(--olive); color: #fff; }\n.f-box h4 { font-size: 28px; font-weight: 800; margin-bottom: 15px; letter-spacing: -1px; color:#fff;}\n.f-box:first-child h4 {color: #333 !important;}\n.f-box p { font-size: 17px; opacity: 0.8; }\n.f-box .icon-num{position: absolute; top: 40px; right: 40px; font-size: 60px; font-weight: 900; opacity: 0.1; }\n.more-link { color: var(--olive); font-weight: 800; display: block; margin-top: 20px; text-decoration: none; }\n\n\/* [Story Content] *\/\n.story-content { padding-bottom: 100px; }\n.story-row { display: flex; align-items: flex-start; gap: 80px; margin-bottom: 180px;overflow: visible !important; }\n.story-row.reverse { flex-direction: row-reverse; }\n.story-info {flex: 1;position: -webkit-sticky;position: sticky;top: 150px;z-index: 10;height: fit-content; }\n.wide-layout-wrapper, \n#primary, \n#content, \n.site-content {\n    overflow: visible !important;\n}\n.sub-label { font-size: 14px; font-weight: 800; color: var(--olive); letter-spacing: 3px;}\n.story-info h2 { font-size: 52px; font-weight: 900; margin: 20px 0 30px; letter-spacing: -3px; line-height: 1.3;}\n.story-info p { font-size: 19px; color: #666; margin-bottom: 40px; word-break: keep-all; line-height: 1.6;}\n.title-line { width: 150px; height: 2px; background: var(--olive); }\n\n.story-gallery { flex: 1.5; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n.g-item { width: 100%; aspect-ratio: 3\/4; background: #eee; border-radius: 20px; overflow: hidden; }\n.g-item.spacing { margin-top: 60px; }\n.g-item img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s; }\n\n\n@media screen and (max-width: 1024px) {\n    .wide-layout-wrapper {\n        padding: 0 30px;\n    }\n\n    .hero-text-overlay {\n        padding: 0 40px;\n        margin-top: 35vh;\n    }\n    .slogan-item h1 {\n        font-size: clamp(36px, 6vw, 64px); \n    }\n\n    .feature-dashboard {\n        grid-template-columns: 1fr 1fr;\n        gap: 16px;\n        margin: 80px 0;\n    }\n    .f-box:first-child {\n        grid-column: span 2; \n    }\n    .f-box {\n        padding: 40px;\n    }\n    .f-box h4 {\n        font-size: 24px;\n    }\n    .f-box p {\n        font-size: 16px;\n    }\n\n    .story-row {\n        gap: 40px;\n        margin-bottom: 120px;\n    }\n    .story-info h2 {\n        font-size: 38px;\n        margin: 15px 0 20px;\n    }\n    .story-info p {\n        font-size: 16px;\n        margin-bottom: 30px;\n    }\n}\n\n\n@media screen and (max-width: 768px) {\n.kad-topbar-left{    justify-content: flex-start;}\n    .wide-layout-wrapper {\n        padding: 0 30px;\n    }\n\n    .hero-text-overlay {\n        padding: 0 24px;\n        margin-top: 40vh;\n    }\n    .hero-label {\n        font-size: 14px;\n        letter-spacing: 2px;\n    }\n    .slogan-container {height: 140px;}\n    .slogan-item h1 {letter-spacing: -1px;}\n\n    .feature-dashboard {\n        grid-template-columns: 1fr;\n        gap: 12px;\n        margin: 60px 0;\n    }\n    .f-box:first-child {\n        grid-column: span 1;\n    }\n    .f-box {\n        padding: 30px;\n        border-radius: 20px;\n    }\n    .f-box h4 {\n        font-size: 22px;\n        margin-bottom: 10px;\n    }\n    .f-box .icon-num {\n        font-size: 48px;\n        top: 30px;\n        right: 30px;\n    }\n\n    .story-row, .story-row.reverse {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 30px;\n        margin: 80px 0;\n    }\n\n    .story-info {\n        position: relative !important;\n        top: 0 !important;\n        transform: none !important; \n        width: 100%;\n    }\n    \n    .story-info h2 {\n        font-size: 28px;\n        margin: 10px 0 15px;     letter-spacing: -1px;\n    }\n    .story-info p {\n        margin-bottom: 20px;\n    }\n    .title-line {\n        width: 80px;\n    }\n\n    .story-gallery {\n        width: 100%;\n        gap: 12px;\n    }\n    .g-item {\n        border-radius: 16px;\n    }\n    .g-item.spacing {\n        margin-top: 0;\n    }\n}\n<\/style>\n\n\n\n<section class=\"full-hero-section\">\n\n<div class=\"hero-visual-slider\">\n<div class=\"slide active\" style=\"background-image: url('\/wp-content\/uploads\/2026\/07\/19fb6b32-ae3c-4a15-948d-d93c0d65f780.png');\"><\/div>\n<div class=\"slide\" style=\"background-image: url('\/wp-content\/uploads\/2026\/07\/KakaoTalk_20260724_102430466_01.png');\"><\/div>\n<div class=\"slide\" style=\"background-image: url('\/wp-content\/uploads\/2026\/07\/KakaoTalk_20260724_102430466_02.png');\"><\/div>\n<\/div>\n\n        <div class=\"hero-text-overlay\">\n            <span class=\"hero-label\">MONTESSORI EDUCATION ASSOCIATION<\/span>\n            <div class=\"slogan-container\">\n                <div class=\"slogan-item active\"><h1>Excellence in<br>Lifelong Learning<\/h1><\/div>\n                <div class=\"slogan-item\"><h1>Empowering Lives<br>Through Montessori<\/h1><\/div>\n                <div class=\"slogan-item\"><h1>Beyond Education,<br>Beyond Limits<\/h1><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <main class=\"wide-layout-wrapper\">\n\n     <section class=\"feature-dashboard\">\n       <div class=\"f-box\" data-aos=\"fade-up\" data-aos-duration=\"1200\">\n         <div class=\"icon-num\">01<\/div>\n         <h4>\uc804\ubb38 \uad50\uc721\uacfc\uc815<\/h4>\n         <p>\uc601\uc720\uc544\ubd80\ud130 \uc2dc\ub2c8\uc5b4\uae4c\uc9c0 \uc815\ud1b5 \ubaac\ud14c\uc18c\ub9ac \uad50\uc721\uc744 \uae30\ubc18\uc73c\ub85c<br>\ub2e4\uc591\ud55c \uc804\ubb38 \uad50\uc721\uacfc\uc815\uc744 \uc6b4\uc601\ud569\ub2c8\ub2e4.<\/p>\n       <\/div>\n            <div class=\"f-box dark\"  data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"200\">\n                <div class=\"icon-num\">02<\/div>\n                <h4>\uc790\uaca9\uc99d \uc778\uc99d\uc13c\ud130<\/h4>\n                <p>\uc804\ubb38 \uc9c0\ub3c4\uc0ac \uc790\uaca9 \ucde8\ub4dd\uc744 \uc704\ud55c \uad50\uc721\uacfc \uc790\uaca9\uc778\uc99d\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n            <\/div>\n            <div class=\"f-box olive\" data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"400\">\n                <div class=\"icon-num\">03<\/div>\n                <h4>\uad50\uc721 \uc790\ub8cc\uc2e4<\/h4>\n                <p>\ub9c8\ub9ac\uc544 \ubaac\ud14c\uc18c\ub9ac\uc758 \uad50\uc721\ucca0\ud559\uacfc \ub2e4\uc591\ud55c \uad50\uc721\uc790\ub8cc\ub97c \ud1b5\ud574 \uae4a\uc774 \uc788\ub294 \ud559\uc2b5\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/p>\n            <\/div>\n        <\/section>\n\n        <section class=\"story-content\">\n            <div class=\"story-row\">\n                <div class=\"story-info\"  data-aos=\"fade-up\" data-aos-duration=\"1200\">\n                    <span class=\"sub-label\">MONTESSORI PHILOSOPHY<\/span>\n                    <h2>\uc2a4\uc2a4\ub85c \ubc30\uc6b0\uace0 \uc131\uc7a5\ud558\ub3c4\ub85d<br>\ub3d5\ub294 \uad50\uc721\uc758 \ud798<\/h2>\n                    <p>\ub9c8\ub9ac\uc544 \ubaac\ud14c\uc18c\ub9ac\uc758 \uc815\ud1b5 \ucca0\ud559\uc744 \uacc4\uc2b9\ud558\uc5ec \uc900\ube44\ub41c \ud658\uacbd \uc18d\uc5d0\uc11c \uc7a0\uc7ac\ub825\uc744 \ub9c8\uc74c\uaecf \ud3bc\uce60 \uc218 \uc788\ub3c4\ub85d \ub3d5\uc2b5\ub2c8\ub2e4.<\/p>\n                    <div class=\"title-line\"><\/div>\n                <\/div>\n                <div class=\"story-gallery\">\n           <div class=\"g-item\"  data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"100\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/KakaoTalk_20260707_102030537.png\" alt=\"\uc2a4\uc2a4\ub85c1\"><\/div>\n           <div class=\"g-item spacing\"  data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"300\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/KakaoTalk_20260707_102030537_01.png\" alt=\"\uc2a4\uc2a4\ub85c2\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"story-row reverse\">\n                <div class=\"story-info\"  data-aos=\"fade-up\" data-aos-duration=\"1200\">\n                    <span class=\"sub-label\">CURRICULUM &#038; CERTIFICATION<\/span>\n                    <h2>\uc804\ubb38 \uad50\uc721\uacfc \uc790\uaca9\uc99d \uacfc\uc815<\/h2>\n                    <p>\uccb4\uacc4\uc801\uc778 \uad50\uc721\uc744 \ud1b5\ud574 \uc790\uaca9\uc99d \ucde8\ub4dd\uacfc \uc2e4\ubb34 \uc5ed\ub7c9\uc744 \uac16\ucd98 \uc804\ubb38\uac00\ub97c \uc591\uc131\ud569\ub2c8\ub2e4.<\/p>\n                    <div class=\"title-line\"><\/div>\n                <\/div>\n                <div class=\"story-gallery\">\n            <div class=\"g-item\" data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"300\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/KakaoTalk_20260706_121322680.png\" alt=\"\uc804\ubb38 \uad50\uc721\uacfc\uc815\"><\/div>\n            <div class=\"g-item spacing\" data-aos=\"fade-up\" data-aos-duration=\"1200\" data-aos-delay=\"100\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/KakaoTalk_20260706_121322680_01.png\" alt=\"\uc790\uaca9\uc99d \uc218\ub8cc \ud604\uc7a5\"><\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n\n\n\n<script>\nAOS.init();\n\nconst slides = document.querySelectorAll('.slide');\nconst slogans = document.querySelectorAll('.slogan-item');\nlet currentIdx = 0;\n\nfunction nextSlide() {\n    slides[currentIdx].classList.remove('active');\n    slogans[currentIdx].classList.remove('active');\n    \n    currentIdx = (currentIdx + 1) % slides.length;\n    \n    slides[currentIdx].classList.add('active');\n    slogans[currentIdx].classList.add('active');\n}\nsetInterval(nextSlide, 4000); \n\n\nwindow.addEventListener('scroll', () => {\n    const rows = document.querySelectorAll('.story-row');\n    rows.forEach(row => {\n        const info = row.querySelector('.story-info');\n        const rowRect = row.getBoundingClientRect();\n        const offset = 150; \n        \n        if (rowRect.top < offset) {\n            const maxTranslate = row.offsetHeight - info.offsetHeight;\n            const currentTranslate = Math.min(Math.max(0, offset - rowRect.top), maxTranslate);\n            info.style.transform = `translateY(${currentTranslate}px)`;\n        } else {\n            info.style.transform = `translateY(0)`;\n        }\n    });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>MONTESSORI EDUCATION ASSOCIATION Excellence inLifelong Learning Empowering LivesThrough Montessori Beyond Education,Beyond Limits 01 \uc804\ubb38 \uad50\uc721\uacfc\uc815 \uc601\uc720\uc544\ubd80\ud130 \uc2dc\ub2c8\uc5b4\uae4c\uc9c0 \uc815\ud1b5 \ubaac\ud14c\uc18c\ub9ac \uad50\uc721\uc744 \uae30\ubc18\uc73c\ub85c\ub2e4\uc591\ud55c \uc804\ubb38 \uad50\uc721\uacfc\uc815\uc744 \uc6b4\uc601\ud569\ub2c8\ub2e4. 02 \uc790\uaca9\uc99d \uc778\uc99d\uc13c\ud130 \uc804\ubb38 \uc9c0\ub3c4\uc0ac \uc790\uaca9 \ucde8\ub4dd\uc744 \uc704\ud55c \uad50\uc721\uacfc \uc790\uaca9\uc778\uc99d\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. 03 \uad50\uc721 \uc790\ub8cc\uc2e4 \ub9c8\ub9ac\uc544 \ubaac\ud14c\uc18c\ub9ac\uc758 &hellip; <a href=\"https:\/\/monte-edu.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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/monte-edu.com\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/monte-edu.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/monte-edu.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/monte-edu.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/monte-edu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":88,"href":"https:\/\/monte-edu.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":760,"href":"https:\/\/monte-edu.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/760"}],"wp:attachment":[{"href":"https:\/\/monte-edu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}