{"id":9,"date":"2024-03-20T15:42:20","date_gmt":"2024-03-20T06:42:20","guid":{"rendered":"https:\/\/ypsji.mycafe24.com\/?page_id=9"},"modified":"2026-09-29T14:52:47","modified_gmt":"2026-09-29T05:52:47","slug":"home","status":"publish","type":"page","link":"https:\/\/ypshrine.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"\/\/cdn.jsdelivr.net\/npm\/xeicon@2.3.3\/xeicon.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\">\n\n\n\n\n<style>\n\/*\uacf5\ud1b5*\/\n\n.inner{\n    max-width: 1400px;\n    margin: 0 auto;\n    width: 90%;\n}\n\n.section1{\n    margin-top: 100px;\n    height: calc(100vh - 100px);\n}\n\n.title{\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.title h2{\n    font-size: 40px;\n    color: #ddd;\n}\n\n.title .pink{\n    color: #c20a45;\n}\n\n.title .bold{\n    font-weight:700;\n}\n\n.section .title .pink{\n    color: #c20a45;\n}\n\n.section .title p{\n    font-size: 18px;\n    line-height: 1.6em;\n}\n\n.section .title .bold{\n    font-weight: 700;\n}\n\n.title-right{\n    border: 2px solid #c20a45;\n    border-radius: 7px;\n    overflow: hidden;\n    width: 180px;\n    height: 65px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.title-right a{\n    color: #c20a45;\n    font-size: 18px;\n    font-weight: 700;\n    transition: 0.5s !important;\n}\n\n.title-right .btn-bg{\n    width: 0%;\n    height: 100%;\n    position: absolute;\n    top:0;\n    left: 0;\n    background-color: #c20a45;\n    transition: 0.5s !important;\n}\n\n.title-right:hover .btn-bg{\n    width: 100%;\n}\n\n.title-right:hover a{\n    color: #fff;\n}\n\n\n\/* ==============================\n   \uac1c\ubc29\uc2dc\uac04 \ud31d\uc5c5\n============================== *\/\n\n.popup {\n    display: none;\n    position: fixed;\n    z-index: 99999;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n    background-color: rgba(0, 0, 0, 0.5);\n}\n\n.popup-content {\n    background-color: #fefefe;\n    margin: 15% auto;\n    padding: 20px;\n    border: 1px solid #888;\n    width: 80%;\n    max-width: 600px;\n    position: relative;\n    border-radius: 15px;\n    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.2);\n}\n\n.popup .close {\n    color: #aaa;\n    float: right;\n    font-size: 28px;\n    font-weight: bold;\n    cursor: pointer;\n}\n\n.popup .close:hover,\n.popup .close:focus {\n    color: black;\n    text-decoration: none;\n    cursor: pointer;\n}\n\n.pop-wrap{\n    padding: 20px;\n}\n\n.pop-title{\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    margin-bottom: 20px;\n}\n\n.pop-title p{\n    text-align: center;\n}\n\n.title_point h4{\n    font-weight: 600;\n}\n\n.title_point{\n    display:flex;\n    justify-content: center;\n}\n\n.title_point img{\n    width: 30px;\n    height: 30px;\n    margin-right: 10px;\n    margin-top: 12px;\n}\n\n\n\/* ==============================\n   \uba54\uc778 \uc2ac\ub77c\uc774\ub4dc\n============================== *\/\n\n.m-main{\n    display:none !important;\n}\n\n.main-title h1{\n    font-weight: 100;\n    font-size: 40px;\n    color:#fff;\n    text-align: center;\n}\n\n.main-title h1 span{\n    font-weight: 400;\n}\n\n.section1 .main-title{\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 90%;\n    z-index: 100;\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.section1 .main-title h1{\n    word-break: keep-all;\n}\n\n\n\/* ==============================\n   Swiper\n============================== *\/\n\n.contentclass{\n    padding-bottom: 0;\n    padding-top: 0;\n}\n\n#content{\n    width: 100%;\n    padding: 0;\n}\n\n.swiper-pagination-horizontal{\n    display: none;\n}\n\n.swiper-slide{\n    overflow: hidden;\n}\n\n.swiper-slide > img{\n    transform: scale(1);\n    transition: transform 8s;\n}\n\n.swiper-slide-active > img{\n    transform: scale(1.1);\n}\n\n.swiper-button-next{\n    display:none;\n}\n\n.swiper-button-prev{\n    display:none;\n}\n\n.swiper{\n    width: 100%;\n    height: 100%;\n}\n\n.swiper-slide{\n    height:100%;\n    text-align: center;\n    font-size: 18px;\n    background: #fff;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.swiper-slide img{\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\n\/* ==============================\n   Scroll\n============================== *\/\n\n.scroll-box{\n    width: fit-content;\n    position: absolute;\n    bottom: 65px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n}\n\n.scroll-box p{\n    text-align: center;\n    text-transform: uppercase;\n    color: #fff;\n    font-size: 18px;\n}\n\n.scroll-box .scroll{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-top: 10px;\n    flex-direction: column;\n}\n\n.down01{\n    animation: down01 1s linear alternate infinite;\n}\n\n.down02{\n    animation: down02 1s linear alternate infinite;\n}\n\n@keyframes down01{\n    0%{\n        opacity: 0.1;\n    }\n    100%{\n        opacity: 1;\n    }\n}\n\n@keyframes down02{\n    0%{\n        opacity: 1;\n    }\n    100%{\n        opacity: 0.1;\n    }\n}\n\n\n\/* ==============================\n   \uc139\uc1582\n============================== *\/\n\n.section2{\n    background:#f1f1f1;\n}\n\n.section2 .inner{\n    display: flex;\n    justify-content: space-around;\n    padding:25px 0 15px;\n}\n\n.section2 .inner .item{\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    cursor:pointer;\n    align-items: center;\n    width: 33.3%;\n}\n\n.section2 .inner .cir{\n    width: 100px;\n    height: 100px;\n    background:#fff;\n    border-radius: 50%;\n    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.05);\n    transition:0.5s;\n}\n\n.section2 .inner .text-group{\n    text-align: center;\n}\n\n.section2 .inner .icon{\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition:0.5s;\n}\n\n.section2 .inner .icon img{\n    width: 50%;\n}\n\n.section2 .inner .icon .white{\n    display:none;\n    transition:0.5s;\n}\n\n.section2 .inner .icon .color{\n    transition:0.5s;\n}\n\n.section2 .inner .item h3{\n    font-size: 30px;\n    font-weight: 400;\n    color: #222;\n}\n\n.section2 .inner .item h4{\n    font-size: 20px;\n    font-weight: 400;\n    color: #222;\n}\n\n.section2 .inner .item p{\n    font-size:16px;\n    font-weight: 100;\n    color: #222;\n    line-height: 1.6em;\n}\n\n.section2 .main-btn{\n    padding: 10px 15px;\n    margin: 15px auto;\n    border-radius:8px;\n    opacity:1;\n    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);\n}\n\n.section2 .main-btn p{\n    color: #fff !important;\n    font-size: 14px;\n    font-weight: 500 !important;\n    transition:0.5s;\n}\n\n.section2 .down-btn{\n    background: #5d3324;\n    width: 155px;\n}\n\n.section2 .map-btn{\n    background: #5d3324;\n    width: 125px;\n}\n\n.section2 .inner .item:hover .cir{\n    background:#5d3324;\n}\n\n.section2 .inner .item:hover .color{\n    display:none;\n}\n\n.section2 .inner .item:hover .white{\n    display:block;\n}\n\n.section2 .main-btn:hover{\n    opacity:0.7;\n}\n\n\n\/* ==============================\n   \uacf5\uc9c0 \ud31d\uc5c5\n============================== *\/\n\n#notice_layer_wrap {\n    position: relative;\n    z-index: 999999;\n}\n\n.notice_popup_blind {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    overflow: hidden;\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n}\n\n#notice_layer_202604.notice-layer-popup {\n    position: fixed;\n    top: 120px;\n    left: 20px;\n    width: 500px;\n    background: #ffffff;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);\n    z-index: 999999;\n}\n\n#notice_layer_202604 .notice-layer-inner {\n    width: 500px;\n    height: 250px;\n    overflow: hidden;\n    background: #ffffff;\n    box-sizing: border-box;\n}\n\n.notice-layer-content {\n    width: 100%;\n    height: 100%;\n    padding: 48px 28px 36px;\n    box-sizing: border-box;\n    text-align: center;\n    color: #333333;\n    background: #ffffff;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.notice-layer-greeting {\n    margin: 0 0 14px;\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 1.4;\n}\n\n.notice-layer-title {\n    margin: 0 0 34px;\n    font-size: 30px;\n    font-weight: 800;\n    line-height: 1.35;\n    word-break: keep-all;\n}\n\n.notice-layer-text {\n    margin: 0 0 10px;\n    font-size: 17px;\n    font-weight: 700;\n    line-height: 1.8;\n    word-break: keep-all;\n}\n\n.notice-layer-text-last {\n    margin-bottom: 34px;\n}\n\n.notice-layer-note {\n    margin: 0 0 8px;\n    font-size: 17px;\n    font-weight: 700;\n    line-height: 1.8;\n    word-break: keep-all;\n}\n\n.notice-layer-note-strong {\n    margin: 0;\n    font-size: 18px;\n    font-weight: 800;\n    line-height: 1.8;\n}\n\n.notice-red {\n    color: #ff2a2a;\n}\n\n.notice-layer-footer {\n    display: flex;\n    justify-content: flex-end;\n    gap: 6px;\n    padding: 10px;\n    background: #5c3326;\n    box-sizing: border-box;\n}\n\n.notice-layer-btn {\n    border: 0;\n    background: #43241b;\n    color: #ffffff;\n    padding: 8px 14px;\n    font-size: 14px;\n    font-family: 'Noto Sans KR', sans-serif;\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.notice-layer-btn:hover {\n    background: #331b14;\n}\n\n\n\/* ==============================\n   \ubc18\uc751\ud615\n============================== *\/\n\n@media(max-width:768px){\n\n    .m-main{\n        display:block !important;\n    }\n\n    .d-main{\n        display:none !important;\n    }\n\n    .main-title h1{\n        font-size: 25px;\n    }\n\n    .section2 .inner{\n        gap:30px;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .section2 .inner .item{\n        align-items: center;\n        width:100%;\n        gap: 20px;\n    }\n\n    .section2 .inner .item h3{\n        font-size: 20px;\n    }\n\n    .section2 .inner .item p{\n        font-size:14px;\n    }\n\n\n    #notice_layer_202604.notice-layer-popup {\n        top: 80px;\n        left: 10px;\n        width: calc(100vw - 140px);\n    }\n\n    #notice_layer_202604 .notice-layer-inner {\n        width: 100%;\n        height: auto;\n    }\n\n    .notice-layer-content {\n        padding: 34px 20px 28px;\n    }\n\n    .notice-layer-greeting {\n        font-size: 18px;\n    }\n\n    .notice-layer-title {\n        font-size: 14px !important;\n        margin-bottom: 24px;\n    }\n\n    .notice-layer-text,\n    .notice-layer-note,\n    .notice-layer-note-strong {\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .notice-layer-text-last {\n        margin-bottom: 24px;\n    }\n\n    .notice-layer-btn {\n        width: 100%;\n        font-size: 12px;\n    }\n\n    .notice-layer-footer {\n        display: flex;\n        width: 100%;\n    }\n\n    #noticeHide24Btn.notice-layer-btn {\n        width: 70%;\n        font-size: 12px;\n        padding: 8px 5px;\n        box-sizing: border-box;\n    }\n\n    #noticeCloseBtn.notice-layer-btn {\n        width: 30%;\n        font-size: 12px;\n        padding: 8px 5px;\n        box-sizing: border-box;\n    }\n}\n\n\n@media(max-width:500px){\n\n    .main-title h1{\n        width:79%;\n        margin:0 auto;\n    }\n\n    .scroll-box p{\n        font-size: 14px;\n    }\n\n    .popup-content{\n        top: 20%;\n    }\n\n    .root_daum_roughmap_landing{\n        width: 100% !important;\n    }\n}\n\n<\/style>\n\n\n\n\n<!-- \uac1c\ubc29\uc2dc\uac04 \ud31d\uc5c5\ucc3d -->\n\n<div id=\"popup\" class=\"popup\">\n\n    <div class=\"popup-content\">\n\n        <span class=\"close\">&times;<\/span>\n\n        <div class=\"pop-wrap\">\n\n            <div class=\"pop-title\">\n\n                <div class=\"title_point\">\n\n                    <img decoding=\"async\"\n                        src=\"\/wp-content\/uploads\/2024\/03\/cropped-favicon.png\"\n                        alt=\"icon\"\n                    >\n\n                    <h4>\uc131\uc9c0\uac1c\ubc29\uc2dc\uac04<\/h4>\n\n                <\/div>\n\n                <p>\n                    9\uc2dc 30\ubd84 ~ 17\uc2dc 30\ubd84\uae4c\uc9c0<br>\n                    ()\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"pop-title\">\n\n                <div class=\"title_point\">\n\n                    <img decoding=\"async\"\n                        src=\"\/wp-content\/uploads\/2024\/03\/cropped-favicon.png\"\n                        alt=\"icon\"\n                    >\n\n                    <h4>\uc810\uc2ec\uc2dc\uac04<\/h4>\n\n                <\/div>\n\n                <p>\n                    12\uc2dc 30\ubd84 ~ 13\uc2dc 30\ubd84\uae4c\uc9c0\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n\n\n\n<div class=\"section section1\">\n\n    <div class=\"swiper mySwiper\">\n\n        <div class=\"main-title\">\n\n            <h1\n                data-aos=\"fade-up\"\n                data-aos-duration=\"1500\"\n                data-aos-delay=\"200\"\n            >\n                <span>\uc5f0\ud48d\uc21c\uad50\uc131\uc9c0<\/span>\n                \ud648\ud398\uc774\uc9c0\uc5d0 \ubc29\ubb38\ud558\uc2e0 \uac83\uc744 \ud658\uc601\ud569\ub2c8\ub2e4.\n            <\/h1>\n\n        <\/div>\n\n\n        <div class=\"scroll-box\">\n\n            <p>scroll down<\/p>\n\n            <div class=\"scroll\">\n\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2024\/03\/icon-arrow-down.png\"\n                    alt=\"scroll_down\"\n                    class=\"down01\"\n                >\n\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2024\/03\/icon-arrow-down.png\"\n                    alt=\"scroll_down\"\n                    class=\"down02\"\n                >\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"swiper-wrapper\">\n\n            <div class=\"swiper-slide slide1\">\n\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2024\/04\/main-slide01.jpg\"\n                    alt=\"mainimg\"\n                >\n\n            <\/div>\n\n\n            <div class=\"swiper-slide slide2\">\n\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2024\/04\/main-slide02.jpg\"\n                    alt=\"mainimg\"\n                >\n\n            <\/div>\n\n\n            <div class=\"swiper-slide slide3\">\n\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2024\/04\/main-slide03.jpg\"\n                    alt=\"mainimg\"\n                    class=\"d-main\"\n                >\n\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2024\/03\/m-main-slide03.png\"\n                    alt=\"mainimg\"\n                    class=\"m-main\"\n                >\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"swiper-pagination\"><\/div>\n\n        <div class=\"swiper-button-next\"><\/div>\n\n        <div class=\"swiper-button-prev\"><\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<div class=\"section section2\">\n\n    <div class=\"inner\">\n\n\n        <div class=\"item item1\">\n\n            <div class=\"cir\">\n\n                <div class=\"icon\">\n\n                    <img decoding=\"async\"\n                        src=\"\/wp-content\/uploads\/2024\/03\/icon_01color.png\"\n                        alt=\"icon\"\n                        class=\"color\"\n                    >\n\n                    <img decoding=\"async\"\n                        src=\"\/wp-content\/uploads\/2024\/03\/icon_01white.png\"\n                        alt=\"icon\"\n                        class=\"white\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"text-group\">\n\n                <h3>\uac1c\ubc29\uc2dc\uac04<\/h3>\n\n                <p>\n                    \uc131\uc9c0\uac1c\ubc29\uc2dc\uac04 \ubc0f \uc810\uc2ec\uc2dc\uac04 \uc548\ub0b4\n                <\/p>\n\n                <div\n                    class=\"main-btn down-btn\"\n                    id=\"openPopup\"\n                    role=\"button\"\n                    tabindex=\"0\"\n                >\n                    <p>\uac1c\ubc29\uc2dc\uac04\uc548\ub0b4<\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"item item2\">\n\n            <div class=\"cir\">\n\n                <div class=\"icon\">\n\n                    <img decoding=\"async\"\n                        src=\"\/wp-content\/uploads\/2024\/03\/icon_02color.png\"\n                        alt=\"icon\"\n                        class=\"color\"\n                    >\n\n                    <img decoding=\"async\"\n                        src=\"\/wp-content\/uploads\/2024\/03\/icon_02white.png\"\n                        alt=\"icon\"\n                        class=\"white\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"text-group\">\n\n                <h3>\uac00\uc785\uc2e0\uccad<\/h3>\n\n                <p>\n                    \uc2e0\uccad\uc11c \ub2e4\uc6b4\ubc1b\uae30 \u25bc\n                <\/p>\n\n                <a\n                    href=\"\/wp-content\/uploads\/2024\/03\/\ud6c4\uc6d0\uac00\uc785\uc2e0\uccad\uc11c.pdf\"\n                    download\n                >\n\n                    <div class=\"main-btn down-btn\">\n                        <p>\ud6c4\uc6d0\uac00\uc785\uc2e0\uccad\uc11c<\/p>\n                    <\/div>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"item item3\">\n\n            <div class=\"cir\">\n\n                <div class=\"icon\">\n\n                    <img decoding=\"async\"\n                        src=\"\/wp-content\/uploads\/2024\/03\/icon_03color.png\"\n                        alt=\"icon\"\n                        class=\"color\"\n                    >\n\n                    <img decoding=\"async\"\n                        src=\"\/wp-content\/uploads\/2024\/03\/icon_03white.png\"\n                        alt=\"icon\"\n                        class=\"white\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"text-group\">\n\n                <h3>\uc624\uc2dc\ub294 \uae38<\/h3>\n\n                <p>\n                    \ucda9\ubd81 \uad34\uc0b0\uad70 \uc5f0\ud48d\uba74 \uc0bc\ud48d\ub9ac 257-1\n                <\/p>\n\n                <a href=\"\/?page_id=21\">\n\n                    <div class=\"main-btn map-btn\">\n\n                        <p>\n                            + \uc790\uc138\ud788\ubcf4\uae30\n                        <\/p>\n\n                    <\/div>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n\n\n<!-- \u2605\uacf5\uc9c0\uc0ac\ud56d\u2605 -->\n\n<div id=\"notice_layer_wrap\">\n\n    <h2 class=\"notice_popup_blind\">\n        \uacf5\uc9c0 \ud31d\uc5c5\n    <\/h2>\n\n\n    <div\n        id=\"notice_layer_202604\"\n        class=\"notice-layer-popup\"\n    >\n\n        <a\n            href=\"\/?page_id=635\"\n            class=\"notice-layer-link\"\n        >\n\n            <div class=\"notice-layer-inner\">\n\n                <div class=\"notice-layer-content\">\n\n                    <p class=\"notice-layer-title\">\n\n                        1. \ud3c9\uc77c\uc5d0 \uc608\uc57d\ub2e8\uccb4\uac00 \uc5c6\ub294 \ub0a0\uc740\n                        \uc18c\uc131\ub2f9\uc5d0\uc11c 11\uc2dc \ubbf8\uc0ac \ubd09\ud5cc\ud569\ub2c8\ub2e4.<br>\n\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/a>\n\n\n        <div class=\"notice-layer-footer\">\n\n            <button\n                type=\"button\"\n                class=\"notice-layer-btn\"\n                id=\"noticeHide24Btn\"\n            >\n                24\uc2dc\uac04 \ub3d9\uc548 \uc5f4\ub78c\ud558\uc9c0 \uc54a\uae30\n            <\/button>\n\n\n            <button\n                type=\"button\"\n                class=\"notice-layer-btn\"\n                id=\"noticeCloseBtn\"\n            >\n                \ub2eb\uae30\n            <\/button>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n\n\n<script>\n(function () {\n\n    'use strict';\n\n\n    \/* =============================================\n       \uc6cc\ub4dc\ud504\ub808\uc2a4 \uad00\ub9ac\uc790 \/ \ube14\ub85d \ud3b8\uc9d1\uae30\uc5d0\uc11c\ub294\n       \ud398\uc774\uc9c0\uc6a9 JS \uc2e4\ud589\ud558\uc9c0 \uc54a\uc74c\n    ============================================= *\/\n\n    function isWordPressEditor() {\n\n        if (!document.body) {\n            return false;\n        }\n\n        return (\n            document.body.classList.contains('wp-admin') ||\n            document.body.classList.contains('block-editor-page') ||\n            document.body.classList.contains('wp-admin-page')\n        );\n\n    }\n\n\n    if (isWordPressEditor()) {\n        return;\n    }\n\n\n\n    \/* =============================================\n       \uc678\ubd80 JS \uc548\uc804\ud558\uac8c \ubd88\ub7ec\uc624\uae30\n    ============================================= *\/\n\n    function loadExternalScript(src, globalName) {\n\n        return new Promise(function (resolve) {\n\n            \/* \uc774\ubbf8 \ub85c\ub4dc\ub41c \uacbd\uc6b0 *\/\n            if (\n                globalName &&\n                typeof window[globalName] !== 'undefined'\n            ) {\n                resolve();\n                return;\n            }\n\n\n            \/* \ub3d9\uc77c \uc8fc\uc18c\uc758 script\uac00 \uc774\ubbf8 \uc788\ub294 \uacbd\uc6b0 *\/\n            var existingScripts =\n                document.querySelectorAll('script[src]');\n\n\n            for (\n                var i = 0;\n                i < existingScripts.length;\n                i++\n            ) {\n\n                if (\n                    existingScripts[i].src ===\n                    new URL(src, window.location.href).href\n                ) {\n\n                    if (\n                        globalName &#038;&#038;\n                        typeof window[globalName] !== 'undefined'\n                    ) {\n\n                        resolve();\n\n                    } else {\n\n                        existingScripts[i].addEventListener(\n                            'load',\n                            resolve,\n                            { once: true }\n                        );\n\n                        existingScripts[i].addEventListener(\n                            'error',\n                            resolve,\n                            { once: true }\n                        );\n\n                    }\n\n                    return;\n                }\n\n            }\n\n\n            var script =\n                document.createElement('script');\n\n            script.src = src;\n            script.async = true;\n\n            script.onload = function () {\n                resolve();\n            };\n\n            script.onerror = function () {\n                resolve();\n            };\n\n            document.head.appendChild(script);\n\n        });\n\n    }\n\n\n\n    \/* =============================================\n       Swiper \ucd08\uae30\ud654\n    ============================================= *\/\n\n    function initSwiper() {\n\n        var swiperEl =\n            document.querySelector('.mySwiper');\n\n\n        if (!swiperEl) {\n            return;\n        }\n\n\n        if (typeof window.Swiper === 'undefined') {\n            return;\n        }\n\n\n        \/*\n         \uc774\ubbf8 \ucd08\uae30\ud654\ub41c \uacbd\uc6b0 \uc911\ubcf5 \uc2e4\ud589 \ubc29\uc9c0\n        *\/\n        if (swiperEl.swiper) {\n            return;\n        }\n\n\n        new window.Swiper('.mySwiper', {\n\n            autoplay: true,\n\n            loop: true,\n\n            navigation: {\n\n                nextEl: '.swiper-button-next',\n\n                prevEl: '.swiper-button-prev'\n\n            }\n\n        });\n\n    }\n\n\n\n    \/* =============================================\n       \uac1c\ubc29\uc2dc\uac04 \ud31d\uc5c5\n    ============================================= *\/\n\n    function initOpeningPopup() {\n\n        var openButton =\n            document.getElementById('openPopup');\n\n        var popup =\n            document.getElementById('popup');\n\n        var closeButton =\n            popup\n                ? popup.querySelector('.close')\n                : null;\n\n\n        if (\n            openButton &#038;&#038;\n            popup &#038;&#038;\n            !openButton.dataset.popupBound\n        ) {\n\n            openButton.dataset.popupBound = '1';\n\n\n            openButton.addEventListener(\n                'click',\n                function () {\n\n                    popup.style.display = 'block';\n\n                }\n            );\n\n\n            openButton.addEventListener(\n                'keydown',\n                function (event) {\n\n                    if (\n                        event.key === 'Enter' ||\n                        event.key === ' '\n                    ) {\n\n                        event.preventDefault();\n\n                        popup.style.display = 'block';\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        if (\n            closeButton &#038;&#038;\n            popup &#038;&#038;\n            !closeButton.dataset.popupBound\n        ) {\n\n            closeButton.dataset.popupBound = '1';\n\n\n            closeButton.addEventListener(\n                'click',\n                function () {\n\n                    popup.style.display = 'none';\n\n                }\n            );\n\n        }\n\n    }\n\n\n\n    \/* =============================================\n       \uacf5\uc9c0 \ud31d\uc5c5 \ucfe0\ud0a4\n    ============================================= *\/\n\n    function setNoticeCookie(\n        name,\n        value,\n        hours\n    ) {\n\n        var date = new Date();\n\n        date.setTime(\n            date.getTime() +\n            (hours * 60 * 60 * 1000)\n        );\n\n\n        document.cookie =\n            name +\n            '=' +\n            encodeURIComponent(value) +\n            '; path=\/; expires=' +\n            date.toUTCString() +\n            '; SameSite=Lax';\n\n    }\n\n\n    function getNoticeCookie(name) {\n\n        var cookies =\n            document.cookie.split(';');\n\n\n        for (\n            var i = 0;\n            i < cookies.length;\n            i++\n        ) {\n\n            var c =\n                cookies[i].trim();\n\n\n            if (\n                c.indexOf(name + '=') === 0\n            ) {\n\n                return decodeURIComponent(\n                    c.substring(\n                        name.length + 1\n                    )\n                );\n\n            }\n\n        }\n\n\n        return null;\n\n    }\n\n\n    function hideNoticePopup(id) {\n\n        var element =\n            document.getElementById(id);\n\n\n        if (element) {\n\n            element.style.display =\n                'none';\n\n        }\n\n    }\n\n\n    function hideNoticePopup24(id) {\n\n        setNoticeCookie(\n            id,\n            'done',\n            24\n        );\n\n        hideNoticePopup(id);\n\n    }\n\n\n\n    \/* =============================================\n       \uacf5\uc9c0 \ud31d\uc5c5 \ucd08\uae30\ud654\n    ============================================= *\/\n\n    function initNoticePopup() {\n\n        var popupId =\n            'notice_layer_202604';\n\n\n        var noticePopup =\n            document.getElementById(\n                popupId\n            );\n\n\n        var noticeCloseBtn =\n            document.getElementById(\n                'noticeCloseBtn'\n            );\n\n\n        var noticeHide24Btn =\n            document.getElementById(\n                'noticeHide24Btn'\n            );\n\n\n        if (\n            noticePopup &#038;&#038;\n            getNoticeCookie(popupId) ===\n            'done'\n        ) {\n\n            noticePopup.style.display =\n                'none';\n\n        }\n\n\n        if (\n            noticeCloseBtn &#038;&#038;\n            !noticeCloseBtn.dataset.noticeBound\n        ) {\n\n            noticeCloseBtn.dataset.noticeBound =\n                '1';\n\n\n            noticeCloseBtn.addEventListener(\n                'click',\n                function () {\n\n                    hideNoticePopup(\n                        popupId\n                    );\n\n                }\n            );\n\n        }\n\n\n        if (\n            noticeHide24Btn &#038;&#038;\n            !noticeHide24Btn.dataset.noticeBound\n        ) {\n\n            noticeHide24Btn.dataset.noticeBound =\n                '1';\n\n\n            noticeHide24Btn.addEventListener(\n                'click',\n                function () {\n\n                    hideNoticePopup24(\n                        popupId\n                    );\n\n                }\n            );\n\n        }\n\n    }\n\n\n\n    \/* =============================================\n       AOS \ucd08\uae30\ud654\n    ============================================= *\/\n\n    function initAOS() {\n\n        if (\n            typeof window.AOS !==\n            'undefined'\n        ) {\n\n            window.AOS.init();\n\n        }\n\n    }\n\n\n\n    \/* =============================================\n       \ud398\uc774\uc9c0 \uc2dc\uc791\n    ============================================= *\/\n\n    function startHomePage() {\n\n        initOpeningPopup();\n\n        initNoticePopup();\n\n\n        \/*\n         \uc678\ubd80 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294\n         \ud504\ub860\ud2b8 \ud654\uba74\uc5d0\uc11c\ub9cc \ub85c\ub4dc\n        *\/\n\n        Promise.all([\n\n            loadExternalScript(\n                'https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js',\n                'Swiper'\n            ),\n\n            loadExternalScript(\n                'https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js',\n                'AOS'\n            )\n\n        ]).then(function () {\n\n            initSwiper();\n\n            initAOS();\n\n        });\n\n    }\n\n\n\n    if (\n        document.readyState ===\n        'loading'\n    ) {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            startHomePage,\n            { once: true }\n        );\n\n    } else {\n\n        startHomePage();\n\n    }\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>&times; \uc131\uc9c0\uac1c\ubc29\uc2dc\uac04 9\uc2dc 30\ubd84 ~ 17\uc2dc 30\ubd84\uae4c\uc9c0 () \uc810\uc2ec\uc2dc\uac04 12\uc2dc 30\ubd84 ~ 13\uc2dc 30\ubd84\uae4c\uc9c0 \uc5f0\ud48d\uc21c\uad50\uc131\uc9c0 \ud648\ud398\uc774\uc9c0\uc5d0 \ubc29\ubb38\ud558\uc2e0 \uac83\uc744 \ud658\uc601\ud569\ub2c8\ub2e4. scroll down \uac1c\ubc29\uc2dc\uac04 \uc131\uc9c0\uac1c\ubc29\uc2dc\uac04 \ubc0f \uc810\uc2ec\uc2dc\uac04 \uc548\ub0b4 \uac1c\ubc29\uc2dc\uac04\uc548\ub0b4 \uac00\uc785\uc2e0\uccad \uc2e0\uccad\uc11c \ub2e4\uc6b4\ubc1b\uae30 \u25bc \ud6c4\uc6d0\uac00\uc785\uc2e0\uccad\uc11c \uc624\uc2dc\ub294 \uae38 \ucda9\ubd81 \uad34\uc0b0\uad70 \uc5f0\ud48d\uba74 \uc0bc\ud48d\ub9ac 257-1 + &hellip; <a href=\"https:\/\/ypshrine.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":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ypshrine.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ypshrine.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ypshrine.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ypshrine.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ypshrine.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":285,"href":"https:\/\/ypshrine.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":759,"href":"https:\/\/ypshrine.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/759"}],"wp:attachment":[{"href":"https:\/\/ypshrine.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}