{"id":45,"date":"2025-12-25T14:10:11","date_gmt":"2025-12-25T14:10:11","guid":{"rendered":"http:\/\/localhost:8000\/?page_id=45"},"modified":"2026-02-22T13:43:18","modified_gmt":"2026-02-22T13:43:18","slug":"home","status":"publish","type":"page","link":"https:\/\/www.thelightofgrace.org\/","title":{"rendered":"Home"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"906\" height=\"199\" src=\"http:\/\/192.168.219.154:8000\/wp-content\/uploads\/2025\/12\/2026title.png\" alt=\"\" class=\"wp-image-135\" style=\"width:1200px;height:auto\" srcset=\"https:\/\/www.thelightofgrace.org\/wp-content\/uploads\/2025\/12\/2026title.png 906w, https:\/\/www.thelightofgrace.org\/wp-content\/uploads\/2025\/12\/2026title-300x66.png 300w, https:\/\/www.thelightofgrace.org\/wp-content\/uploads\/2025\/12\/2026title-768x169.png 768w\" sizes=\"(max-width: 906px) 100vw, 906px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<style>\n    \/* Global Background *\/\n    body {\n        background-color: #FFFFF0;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 20 V40 M20 28 H40' stroke='%23D4C4A8' stroke-width='1' fill='none' opacity='0.3'\/%3E%3C\/svg%3E\");\n    }\n\n    \/* Hero Section *\/\n    .hero-slider-container {\n        position: relative;\n        width: 100%;\n        height: 600px;\n        overflow: hidden;\n        background-color: #000;\n        margin-bottom: 50px;\n    }\n    .hero-slide {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-size: cover;\n        background-position: center;\n        opacity: 0.6;\n    }\n    .hero-content {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        text-align: center;\n        z-index: 10;\n        width: 100%;\n        padding: 20px;\n    }\n    .hero-content h1, .hero-content p, .hero-content .wp-block-buttons {\n        text-shadow: 2px 2px 10px rgba(0,0,0,0.5);\n    }\n    @media (max-width: 768px) {\n        .hero-slider-container {\n            height: 400px;\n        }\n        .hero-content h1 {\n            font-size: 30px !important;\n        }\n        .hero-content p {\n            font-size: 18px !important;\n        }\n        .wp-block-buttons {\n            flex-direction: column;\n            gap: 10px;\n        }\n    }\n\n    \/* Notice Section *\/\n    .notice-slider-wrapper {\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n        overflow: hidden;\n        position: relative;\n        padding: 40px 20px;\n    }\n    .notice-slider-track {\n        display: flex;\n        justify-content: center;\n        transition: transform 0.5s ease-in-out;\n    }\n    .notice-card {\n        flex: 0 0 100%;\n        max-width: 800px;\n        box-sizing: border-box;\n        padding: 10px;\n    }\n    .notice-card-inner {\n        background: #fff;\n        border-radius: 15px;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        padding: 40px;\n        text-align: center;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        transition: transform 0.3s;\n        border: 1px solid #eee;\n    }\n    .notice-card-inner:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n    }\n    .notice-icon {\n        font-size: 40px;\n        margin-bottom: 20px;\n        color: #0073aa;\n    }\n    .notice-title {\n        font-size: 1.5rem;\n        font-weight: bold;\n        margin-bottom: 15px;\n        color: #333;\n    }\n    .notice-date {\n        font-size: 1.1rem;\n        color: #0073aa;\n        margin-bottom: 15px;\n        font-weight: 500;\n        display: block;\n    }\n    .notice-desc {\n        font-size: 1.1rem;\n        color: #555;\n        line-height: 1.6;\n    }\n\n    \/* Motto Section *\/\n    .motto-section {\n        background-image: url('\/wp-content\/uploads\/2026\/02\/vision.png');\n        background-size: cover;\n        background-position: center;\n        padding: 80px 20px;\n        border-radius: 15px;\n        margin: 50px auto;\n        max-width: 1200px;\n        position: relative;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n    }\n    .motto-overlay {\n        background-color: rgba(255, 255, 255, 0.85);\n        padding: 40px;\n        border-radius: 15px;\n        max-width: 800px;\n        margin: 0 auto;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n\n    \/* Vision Section *\/\n    .vision-section {\n        background-image: url('\/wp-content\/uploads\/2026\/02\/animat.png');\n        background-size: cover;\n        background-position: center;\n        padding: 80px 20px;\n        border-radius: 15px;\n        margin: 50px auto;\n        max-width: 1200px;\n        position: relative;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n    }\n    .vision-overlay {\n        background-color: rgba(255, 255, 255, 0.85);\n        padding: 40px;\n        border-radius: 15px;\n        max-width: 900px;\n        margin: 0 auto;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n    .vision-grid {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 20px;\n        margin-top: 30px;\n    }\n    .vision-item {\n        background: #0073aa;\n        color: white;\n        padding: 15px 35px;\n        border-radius: 50px;\n        font-size: 20px;\n        font-weight: bold;\n        box-shadow: 0 4px 10px rgba(0,115,170,0.3);\n        transition: transform 0.3s;\n    }\n    .vision-item:hover {\n        transform: scale(1.05);\n    }\n\n    \/* Prayer Section - Updated Background to pray.png *\/\n    .prayer-section {\n        background-image: url('\/wp-content\/uploads\/2026\/02\/pray.png');\n        background-size: cover;\n        background-position: center;\n        padding: 80px 20px;\n        border-radius: 10px;\n        margin: 50px auto;\n        max-width: 1200px;\n        position: relative;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n    }\n    .prayer-overlay {\n        background-color: rgba(255, 255, 255, 0.9);\n        padding: 40px;\n        border-radius: 15px;\n        max-width: 800px;\n        margin: 0 auto;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n    \n    .hero-btn {\n        font-size: 16px !important;\n        padding: 10px 25px !important;\n    }\n<\/style>\n\n<div class=\"hero-slider-container\">\n    <div class=\"hero-slide\" style=\"background-image: url('\/wp-content\/uploads\/Together.jpg');\"><\/div>\n    <div class=\"hero-content\">\n        <h1 class=\"has-text-align-center\" style=\"font-size:40px;color:white;margin-bottom:20px\">\ud558\ub098\ub2d8\uc758  \uc0ac\ub791\uc774 \ub118\uce58\ub294 \uacf3<\/h1>\n        <h1 class=\"has-text-align-center\" style=\"font-size:40px;color:white;margin-bottom:20px\">\ub2f9\uc2e0\uc744 \ud658 \uc601\ud569\ub2c8\ub2e4.<\/h1>\n        <div class=\"wp-block-buttons\" style=\"justify-content:center; gap: 15px;\">\n            <div class=\"wp-block-button is-style-outline has-custom-border-radius\">\n                <a class=\"wp-block-button__link hero-btn\" href=\"\/?page_id=5\" style=\"border-radius:50px;color: white;border: 2px solid white;text-decoration: none\">\uc608\ubc30 \uc548\ub0b4 \ubcf4\uae30<\/a>\n            <\/div>\n            <div class=\"wp-block-button is-style-outline has-custom-border-radius\">\n                <a class=\"wp-block-button__link hero-btn\" href=\"\/?page_id=6\" style=\"border-radius:50px;color: white;border: 2px solid white;text-decoration: none\">\uc124\uad50 \ub9d0\uc500<\/a>\n            <\/div>\n            <div class=\"wp-block-button is-style-outline has-custom-border-radius\">\n                <a class=\"wp-block-button__link hero-btn\" href=\"\/?page_id=127\" style=\"border-radius:50px;color: white;border: 2px solid white;text-decoration: none\">\uc8fc\ubcf4 \ubcf4\uae30<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"notice-slider-wrapper\" id=\"noticeSliderWrapper\">\n    <h3 style=\"text-align:center;margin-bottom:20px;color:#444\">\uad50\ud68c \uc8fc\uc694 \uc77c\uc815<\/h3>\n    <div class=\"notice-slider-track\" id=\"noticeSliderTrack\">\n        <div class=\"notice-card\">\n            <div class=\"notice-card-inner\">\n                <div class=\"notice-icon\">\ud83c\udf84<\/div>\n                <h3 class=\"notice-title\">\uc601\uc131 \uc218\ub828\ud68c<\/h3>\n                <span class=\"notice-date\">2026.03.01(\uc8fc\uc77c) \uc624\uc804 9\uc2dc ~ 03.02(\uc6d4)<\/span>\n                <p class=\"notice-desc\">\ub85c\ub380\uc758 \uadf8\ub298<br>\uc6a9\uc778\uc2dc \ucc98\uc778\uad6c \uc591\uc9c0\uba74 \uc2dd\uae08\ub85c45\ubc88\uae38 135<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        const track = document.getElementById('noticeSliderTrack');\n        const cards = track.querySelectorAll('.notice-card');\n        if (cards.length <= 1) {\n            track.style.transform = \"none\";\n            return;\n        }\n        const wrapper = document.getElementById('noticeSliderWrapper');\n        let currentIndex = 0;\n        function slide() {\n            let cardsPerView = 1;\n            if (window.innerWidth >= 1024) cardsPerView = 4;\n            else if (window.innerWidth >= 768) cardsPerView = 2;\n            if (cards.length <= cardsPerView) {\n                track.style.transform = \"none\";\n                return;\n            }\n            currentIndex++;\n            const maxIndex = cards.length - cardsPerView; \n            if (currentIndex > maxIndex) currentIndex = 0;\n            const percentage = -(currentIndex * (100 \/ cardsPerView));\n            track.style.transform = \"translateX(\" + percentage + \"%)\";\n        }\n        let interval = setInterval(slide, 3000);\n        wrapper.addEventListener('mouseenter', () => clearInterval(interval));\n        wrapper.addEventListener('mouseleave', () => interval = setInterval(slide, 3000));\n        window.addEventListener('resize', () => { currentIndex = 0; track.style.transform = \"translateX(0%)\"; });\n    })();\n<\/script>\n\n<!-- \uad50\ud68c \ud45c\uc5b4 \uc139\uc158 -->\n<div class=\"motto-section\">\n    <div class=\"motto-overlay\">\n        <h2 style=\"text-align:center;color:#333;margin-bottom:30px;font-size:2rem;font-weight:bold;\">\uad50\ud68c \ud45c\uc5b4<\/h2>\n        <ul style=\"list-style:none;padding:0;text-align:center;font-size:1.5rem;line-height:2.2;font-weight:bold;color:#444;\">\n            <li><span style=\"color:#0073aa;margin-right:10px;\">\u2022<\/span> \ud558\ub098\ub2d8\uc774 \uc8fc\uc778 \ub418\uc2dc\ub294 \uad50\ud68c<\/li>\n            <li><span style=\"color:#0073aa;margin-right:10px;\">\u2022<\/span> \ub9d0\uc500\uc758 \uc740\ud61c\uac00 \uc788\ub294 \uad50\ud68c<\/li>\n            <li><span style=\"color:#0073aa;margin-right:10px;\">\u2022<\/span> \ud589\ubcf5\ud558\uace0 \uc990\uac70\uc6b4 \uad50\ud68c<\/li>\n        <\/ul>\n    <\/div>\n<\/div>\n\n<!-- \uad50\ud68c\uc758 \ube44\uc804 \uc139\uc158 -->\n<div class=\"vision-section\">\n    <div class=\"vision-overlay\">\n        <h2 style=\"text-align:center;color:#333;margin-bottom:10px;font-size:2rem;font-weight:bold;\">\uad50\ud68c\uc758 \ube44\uc804<\/h2>\n        <div class=\"vision-grid\">\n            <div class=\"vision-item\">\uc0b4\ub9ac\ub294 \uad50\ud68c<\/div>\n            <div class=\"vision-item\">\uac10\uc0ac\ud558\ub294 \uad50\ud68c<\/div>\n            <div class=\"vision-item\">\ubc30\uc6b0\ub294 \uad50\ud68c<\/div>\n            <div class=\"vision-item\">\ub3cc\ubcf4\ub294 \uad50\ud68c<\/div>\n            <div class=\"vision-item\">\ub118\uce58\ub294 \uad50\ud68c<\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"prayer-section\">\n    <div class=\"prayer-overlay\">\n        <h2 class=\"has-text-align-center\" style=\"margin-top:0;color:#333;\">\uacf5\ub3d9 \uae30\ub3c4\ubb38<\/h2>\n        <ol class=\"is-style-default\" style=\"font-size:18px;line-height:2.0;margin-bottom:0;padding-left:20px;color:#444;\">\n            <li>2026\ub144 \ud558\ub098\ub2d8\uc758 \ube44\uc804\uc774 \uc774\ub8e8\uc5b4\uc9c0\uac8c \ud558\uc18c\uc11c<\/li>\n            <li>\ud558\ub098\ub2d8\uc758 \ube44\uc804\uc744 \ubc1c\uacac\ud558\ub294 1\uc6d4\uc774 \ub418\uac8c \ud558\uc18c\uc11c<\/li>\n            <li>\uc6b0\ub9ac \uad50\ud68c\uac00 \ubcf5\uc74c\uc744 \uc804\ud558\ub294 \uad50\ud68c\ub418\uac8c \ud558\uc18c\uc11c<\/li>\n            <li>\uc218\ud5d8\uc0dd \uc790\ub140\ub4e4\uc758 \ubaa8\ub4e0 \uc785\uc2dc\uc77c\uc815\uc5d0 \ud568\uaed8 \ud558\uc18c\uc11c<\/li>\n            <li>3\uc6d4 1-2\uc77c \uc218\ub828\ud68c\uac00 \uc740\ud61c\uac00\uc6b4\ub370 \uc900\ube44\ub418\uac8c \ud558\uc18c\uc11c<\/li>\n        <\/ol>\n    <\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\uad50\ud68c \uac24\ub7ec\ub9ac<\/h3>\n\n\n\n<p>\uc6b0\ub9ac \uad50\ud68c\uc758 \ub2e4\uc591\ud55c \ud65c\ub3d9 \uc0ac\uc9c4\ub4e4\uc744 \ud655\uc778\ud574\ubcf4\uc138\uc694.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-border-radius\"><a class=\"wp-block-button__link has-vivid-cyan-blue-background-color has-background wp-element-button\" href=\"\/?page_id=8\" style=\"border-radius:50px\">\uc0ac\uc9c4\ucca9 \ubcf4\ub7ec\uac00\uae30<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud558\ub098\ub2d8\uc758 \uc0ac\ub791\uc774 \ub118\uce58\ub294 \uacf3 \ub2f9\uc2e0\uc744 \ud658 \uc601\ud569\ub2c8\ub2e4. \uc608\ubc30 \uc548\ub0b4 \ubcf4\uae30 \uc124\uad50 \ub9d0\uc500 \uc8fc\ubcf4 \ubcf4\uae30 \uad50\ud68c \uc8fc\uc694 \uc77c\uc815 \ud83c\udf84 \uc601\uc131 \uc218\ub828\ud68c [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.thelightofgrace.org\/index.php?rest_route=\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thelightofgrace.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thelightofgrace.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thelightofgrace.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=45"}],"version-history":[{"count":59,"href":"https:\/\/www.thelightofgrace.org\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":203,"href":"https:\/\/www.thelightofgrace.org\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions\/203"}],"wp:attachment":[{"href":"https:\/\/www.thelightofgrace.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}