{"id":10,"date":"2026-06-22T14:41:25","date_gmt":"2026-06-22T05:41:25","guid":{"rendered":"https:\/\/strixxkorea00.mycafe24.com\/?page_id=10"},"modified":"2026-06-22T15:48:56","modified_gmt":"2026-06-22T06:48:56","slug":"home","status":"publish","type":"page","link":"https:\/\/s-trixx.co.kr\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div id=\"strixxIntro\">\n    <div class=\"strixx-logo-wrap\">\n        <img decoding=\"async\" \n            class=\"strixx-logo-img\" \n            src=\"\/wp-content\/uploads\/2026\/06\/\uc5d0\uc2a4\ud2b8\ub9ad\uc2a4-\ub85c\uace0.png\" \n            alt=\"S-TRIXX\"\n        >\n    <\/div>\n\n    <div class=\"strixx-enter-text\">\n        <span>Click to enter<\/span>\n    <\/div>\n<\/div>\n\n<style>\n    #strixxIntro,\n    #strixxIntro * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    #strixxIntro {\n        position: fixed !important;\n        top: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        bottom: 0 !important;\n        width: 100vw !important;\n        height: calc(var(--strixx-vh, 1vh) * 100) !important;\n        min-height: 100svh;\n        z-index: 2147483647;\n        background: radial-gradient(circle at 50% 50%, #fcfcfc 0%, #e8e8e8 100%);\n        display: flex !important;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden !important;\n        cursor: pointer;\n        font-family: 'Helvetica', 'Arial', sans-serif;\n        isolation: isolate;\n        touch-action: manipulation;\n    }\n\n    \/*\n        \ube5b \ud6a8\uacfc\n        - div\ub97c \ub530\ub85c \uc6c0\uc9c1\uc774\uc9c0 \uc54a\uc74c\n        - \ud654\uba74 \uc804\uccb4 \uc704\uc5d0 \ub36e\uc774\ub294 \uc624\ubc84\ub808\uc774\n        - \ub85c\uace0\/\uae00\uc528\ubcf4\ub2e4 z-index \ub192\uc74c\n        - \uadf8\ub798\uc11c \uae00\uc528 \uc704\ub85c\ub3c4 \ube5b\uc774 \uc9c0\ub098\uac10\n    *\/\n    #strixxIntro::after {\n        content: \"\";\n        position: absolute;\n        top: -40%;\n        left: -80%;\n        width: 260%;\n        height: 180%;\n        z-index: 10;\n        pointer-events: none;\n        background: linear-gradient(\n            60deg,\n            rgba(255, 255, 255, 0) 38%,\n            rgba(255, 255, 255, 0.18) 44%,\n            rgba(255, 255, 255, 0.55) 48%,\n            rgba(255, 255, 255, 0.9) 50%,\n            rgba(255, 255, 255, 0.55) 52%,\n            rgba(255, 255, 255, 0.18) 56%,\n            rgba(255, 255, 255, 0) 62%\n        );\n        transform: translate3d(-45%, 0, 0);\n        animation: strixxShine 6s infinite linear;\n        will-change: transform;\n        backface-visibility: hidden;\n    }\n\n    @keyframes strixxShine {\n        0% {\n            transform: translate3d(-45%, 0, 0);\n        }\n\n        100% {\n            transform: translate3d(45%, 0, 0);\n        }\n    }\n\n    #strixxIntro .strixx-logo-wrap {\n        position: relative;\n        z-index: 2;\n        opacity: 1;\n        transition: opacity 2.2s ease, transform 2.2s ease;\n    }\n\n    #strixxIntro .strixx-logo-img {\n        width: min(800px, 78vw);\n        height: auto;\n        display: block;\n        object-fit: contain;\n        mix-blend-mode: multiply;\n        opacity: 0.9;\n        user-select: none;\n        -webkit-user-drag: none;\n    }\n\n    #strixxIntro .strixx-enter-text {\n        position: absolute;\n        bottom: 50px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 2;\n        font-size: 14px;\n        font-weight: 300;\n        letter-spacing: 0.3em;\n        color: #888;\n        white-space: nowrap;\n        opacity: 1;\n        transition: opacity 2.2s ease, transform 2.2s ease;\n    }\n\n    #strixxIntro .strixx-enter-text span {\n        display: inline-block;\n        animation: strixxBlinkText 3.5s infinite ease-in-out;\n    }\n\n    @keyframes strixxBlinkText {\n        0% {\n            opacity: 0.35;\n        }\n\n        50% {\n            opacity: 1;\n        }\n\n        100% {\n            opacity: 0.35;\n        }\n    }\n\n    #strixxIntro.strixx-fade-out .strixx-logo-wrap {\n        opacity: 0;\n        transform: translateY(-10px);\n    }\n\n    #strixxIntro.strixx-fade-out .strixx-enter-text {\n        opacity: 0;\n        transform: translateX(-50%) translateY(10px);\n    }\n\n    #strixxIntro.strixx-fade-out .strixx-enter-text span {\n        animation: none;\n        opacity: 1;\n    }\n\n    @media (max-width: 768px) {\n        #strixxIntro .strixx-logo-img {\n            width: 78vw;\n        }\n\n        #strixxIntro .strixx-enter-text {\n            bottom: 42px;\n            font-size: 14px;\n            letter-spacing: 0.3em;\n        }\n\n        #strixxIntro::after {\n            top: -45%;\n            left: -90%;\n            width: 280%;\n            height: 190%;\n            animation-duration: 6s;\n        }\n    }\n\n    @media (max-width: 480px) {\n        #strixxIntro .strixx-logo-img {\n            width: 82vw;\n        }\n\n        #strixxIntro .strixx-enter-text {\n            bottom: 36px;\n            font-size: 12px;\n            letter-spacing: 0.24em;\n        }\n\n        #strixxIntro::after {\n            animation-duration: 6s;\n        }\n    }\n<\/style>\n\n<script>\n    (function () {\n        const intro = document.getElementById('strixxIntro');\n        if (!intro) return;\n\n        let clicked = false;\n\n        function setMobileHeight() {\n            document.documentElement.style.setProperty('--strixx-vh', window.innerHeight * 0.01 + 'px');\n        }\n\n        function resetIntro() {\n            clicked = false;\n            intro.classList.remove('strixx-fade-out');\n            setMobileHeight();\n        }\n\n        setMobileHeight();\n\n        window.addEventListener('resize', setMobileHeight);\n        window.addEventListener('orientationchange', setMobileHeight);\n\n        intro.addEventListener('click', function () {\n            if (clicked) return;\n            clicked = true;\n\n            intro.classList.add('strixx-fade-out');\n\n            setTimeout(function () {\n                window.location.href = 'https:\/\/s-trixx.co.jp\/';\n            }, 2200);\n        });\n\n        window.addEventListener('pageshow', function () {\n            resetIntro();\n        });\n    })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Click to enter<\/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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/s-trixx.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/s-trixx.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/s-trixx.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/s-trixx.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/s-trixx.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":8,"href":"https:\/\/s-trixx.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/s-trixx.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/s-trixx.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}