{"id":13,"date":"2026-06-08T04:52:11","date_gmt":"2026-06-08T04:52:11","guid":{"rendered":"https:\/\/darkviolet-marten-825083.hostingersite.com\/%ed%9a%8c%ec%82%ac%ec%86%8c%ea%b0%9c\/%ec%9d%b8%ec%82%ac%eb%a7%90\/"},"modified":"2026-06-08T07:01:24","modified_gmt":"2026-06-08T07:01:24","slug":"%ec%9d%b8%ec%82%ac%eb%a7%90","status":"publish","type":"page","link":"https:\/\/darkviolet-marten-825083.hostingersite.com\/%ed%9a%8c%ec%82%ac%ec%86%8c%ea%b0%9c\/%ec%9d%b8%ec%82%ac%eb%a7%90\/","title":{"rendered":"\uc778\uc0ac\ub9d0"},"content":{"rendered":"    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/vanilla-tilt\/1.8.0\/vanilla-tilt.min.js\"><\/script>\r\n\r\n    <style>\r\n        \/* =========================================\r\n           ROOT & RESET (\ud654\uc0ac\ud558\uace0 \ubc1d\uc740 \ud14c\ub9c8)\r\n        ========================================= *\/\r\n        .cg-wrap {\r\n            --c-bg: #fbfbfc; \r\n            --c-bg-soft: #ffffff;\r\n            --c-primary: #FF3366; \r\n            --c-secondary: #00E5FF; \r\n            --c-tertiary: #FFE600; \r\n            --c-purple: #8A2BE2;\r\n            --c-text-main: #1a1a1a;\r\n            --c-text-muted: #666666;\r\n\r\n            font-family: 'Pretendard', -apple-system, sans-serif;\r\n            background-color: var(--c-bg);\r\n            color: var(--c-text-main);\r\n            overflow: hidden; \r\n            width: 100%;\r\n            margin-top: -80px; \r\n            position: relative;\r\n        }\r\n\r\n        .cg-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n        .cg-wrap img { max-width: 100%; height: auto; display: block; }\r\n        \r\n        .cg-container { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 5%; position: relative; z-index: 10; }\r\n        .cg-section { padding: 160px 0; position: relative; }\r\n\r\n        \/* =========================================\r\n           \ubc30\uacbd 3D \ub5a0\ub2e4\ub2c8\ub294 \uc624\ube0c\uc81d\ud2b8 (\uc694\uccad\ud558\uc2e0 \uc6d0\ubcf8 \ud6a8\uacfc \ubcf5\uad6c)\r\n        ========================================= *\/\r\n        .cg-bg-shapes { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; overflow: hidden; }\r\n        .cg-shape { position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.4; animation: floatObj 20s infinite alternate; }\r\n        .cg-shape-1 { width: 400px; height: 400px; background: var(--c-primary); top: -100px; left: -100px; }\r\n        .cg-shape-2 { width: 500px; height: 500px; background: var(--c-secondary); top: 40%; right: -200px; animation-delay: -5s; }\r\n        .cg-shape-3 { width: 300px; height: 300px; background: var(--c-tertiary); bottom: -50px; left: 20%; animation-delay: -10s; }\r\n        @keyframes floatObj { 0% { transform: translate(0, 0) scale(1) rotate(0deg); } 100% { transform: translate(100px, 150px) scale(1.2) rotate(45deg); } }\r\n\r\n        \/* =========================================\r\n           1. HERO SECTION (\uc694\uccad\ud558\uc2e0 \uc6d0\ubcf8 \ub514\uc790\uc778 \uc644\ubcbd \ubcf5\uad6c)\r\n        ========================================= *\/\r\n        .cg-hero {\r\n            min-height: 85vh; display: flex; align-items: center; justify-content: center;\r\n            position: relative; z-index: 2; padding-top: 80px;\r\n        }\r\n        .cg-hero-content { text-align: center; }\r\n        .cg-hero-subtitle {\r\n            display: inline-block; padding: 8px 20px; background: rgba(0, 229, 255, 0.1); color: #00b8cc;\r\n            font-size: 1.1rem; font-weight: 800; border-radius: 50px; letter-spacing: 0.1em;\r\n            margin-bottom: 30px; border: 1px solid rgba(0, 229, 255, 0.3);\r\n        }\r\n        .cg-hero-title {\r\n            \/* \ud3f0\ud2b8 \uc0ac\uc774\uc988\ub97c \uc870\uae08 \uc904\uc5ec\uc11c \ucc22\uc5b4\uc9d0(\uc904\ubc14\uafc8) \ubc29\uc9c0 *\/\r\n            font-size: clamp(2.5rem, 6vw, 5rem); \r\n            font-weight: 900; line-height: 1.2;\r\n            color: var(--c-text-main); letter-spacing: -0.03em;\r\n            white-space: nowrap; \/* \uac15\uc81c \uc904\ubc14\uafc8 \ubc29\uc9c0 *\/\r\n        }\r\n        \/* \uadf8\ub77c\ub370\uc774\uc158 \ud14d\uc2a4\ud2b8 \uc560\ub2c8\uba54\uc774\uc158 *\/\r\n        .cg-hero-title span {\r\n            background: linear-gradient(to right, var(--c-primary), var(--c-purple), var(--c-secondary));\r\n            background-size: 200% auto;\r\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n            animation: gradientText 5s linear infinite;\r\n        }\r\n        @keyframes gradientText { 0% { background-position: 0% center; } 100% { background-position: 200% center; } }\r\n\r\n        \/* =========================================\r\n           2. MESSAGE SECTION (\ubcf8\ubb38)\r\n        ========================================= *\/\r\n        .cg-message { background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(20px); border-top: 1px solid rgba(255,255,255,0.8); z-index: 5; }\r\n        .cg-message-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; align-items: center; }\r\n        \r\n        \/* \uc67c\ucabd \uc774\ubbf8\uc9c0 (\ub9c8\uadf8\ub124\ud2f1 \ud638\ubc84) *\/\r\n        .cg-img-wrapper { position: relative; perspective: 1200px; }\r\n        .cg-message-img-wrap {\r\n            border-radius: 30px; overflow: hidden;\r\n            box-shadow: 0 30px 60px rgba(0,0,0,0.08);\r\n            transform-style: preserve-3d; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n        .cg-img-wrapper:hover .cg-message-img-wrap { transform: rotateY(8deg) rotateX(3deg) translateY(-15px); box-shadow: 0 50px 100px rgba(0,0,0,0.15); }\r\n        .cg-message-img { width: 100%; height: 600px; object-fit: cover; transition: transform 0.8s ease; }\r\n        .cg-img-wrapper:hover .cg-message-img { transform: scale(1.08); }\r\n        \r\n        .cg-badge {\r\n            position: absolute; bottom: -20px; right: -20px; background: var(--c-bg-soft);\r\n            padding: 20px 30px; border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n            transform: translateZ(80px); font-weight: 800; font-size: 1.3rem; display: flex; align-items: center; gap: 10px;\r\n        }\r\n\r\n        \/* \uc624\ub978\ucabd \ud14d\uc2a4\ud2b8 \uc601\uc5ed *\/\r\n        .cg-message-text h2 { \r\n            font-size: clamp(1.8rem, 2.5vw, 2.5rem); \r\n            font-weight: 900; \r\n            line-height: 1.4; \r\n            margin-bottom: 30px; \r\n            color: var(--c-text-main); \r\n            word-break: keep-all; \r\n        }\r\n        .cg-message-text p { font-size: 1.2rem; line-height: 1.8; color: var(--c-text-muted); margin-bottom: 25px; word-break: keep-all; }\r\n        \r\n        .cg-signature {\r\n            margin-top: 50px; padding-top: 30px; border-top: 2px solid rgba(0,0,0,0.05);\r\n            display: flex; justify-content: flex-end; align-items: center; gap: 20px;\r\n        }\r\n        .cg-signature-title { font-size: 1.1rem; color: var(--c-primary); font-weight: 800; text-transform: uppercase; }\r\n        .cg-signature-name { font-size: 2.2rem; font-weight: 900; color: var(--c-text-main); font-family: serif; font-style: italic; }\r\n\r\n        \/* =========================================\r\n           3. FULL PARALLAX BANNER & DIVIDER\r\n        ========================================= *\/\r\n        .cg-parallax-banner {\r\n            height: 40vh; \r\n            display: flex; align-items: center; justify-content: center;\r\n            background: url('https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?q=80&w=1920&auto=format&fit=crop') center\/cover fixed;\r\n            position: relative; z-index: 5;\r\n        }\r\n        .cg-parallax-overlay {\r\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n            background: linear-gradient(135deg, rgba(255, 51, 102, 0.8), rgba(0, 229, 255, 0.8));\r\n            backdrop-filter: blur(2px); mix-blend-mode: multiply;\r\n        }\r\n        .cg-parallax-banner h3 {\r\n            position: relative; z-index: 2; \r\n            font-size: clamp(2.5rem, 4vw, 4rem); \r\n            font-weight: 900; text-align: center; color: #fff; letter-spacing: 0.05em;\r\n            text-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .cg-section-divider {\r\n            width: 100%; height: 120px; position: relative; display: flex; justify-content: center; align-items: center; z-index: 6; background: var(--c-bg);\r\n        }\r\n        .cg-line { width: 2px; height: 100px; background: linear-gradient(to bottom, var(--c-primary), transparent); }\r\n\r\n        \/* =========================================\r\n           4. VISION SECTION (\u2605 \ucf58\ud150\uce20 \uc911\uc559 \uc815\ub82c \uc644\ubcbd \ud574\uacb0 \u2605)\r\n        ========================================= *\/\r\n        .cg-vision { background-color: var(--c-bg); z-index: 5; padding-top: 20px; }\r\n        .cg-vision-header { text-align: center; margin-bottom: 70px; }\r\n        .cg-vision-header h2 { font-size: clamp(3rem, 6vw, 4.5rem); font-weight: 900; color: var(--c-text-main); margin-bottom: 20px; letter-spacing: 0.05em; }\r\n        .cg-vision-header p { color: var(--c-text-muted); font-size: 1.2rem; font-weight: 500; }\r\n        \r\n        \/* \ud83d\udea8 \uadf8\ub9ac\ub4dc\uc5d0\uc11c perspective \uc81c\uac70 (\uc6d0\uadfc\uac10\uc5d0 \uc758\ud55c \uc88c\uc6b0 \uc3e0\ub9bc \uc65c\uace1 \uc644\ubcbd \ucc28\ub2e8) *\/\r\n        .cg-vision-grid {\r\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px;\r\n        }\r\n        \r\n        .cg-value-card {\r\n            background: #ffffff;\r\n            border: 1px solid rgba(0,0,0,0.03);\r\n            border-radius: 30px; \r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.03);\r\n            transition: all 0.4s ease;\r\n            cursor: pointer;\r\n            \/* Flex \uac15\uc81c \uc911\uc559 \uc815\ub82c *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            padding: 50px 20px;\r\n        }\r\n        .cg-value-card:hover {\r\n            box-shadow: 0 40px 80px rgba(0, 229, 255, 0.15);\r\n            border-color: rgba(0, 229, 255, 0.3);\r\n        }\r\n        \r\n        \/* \ud83d\udea8 \uc6d0\uadfc\uac10 \uc65c\uace1\uc744 \uc77c\uc73c\ud0a4\ub358 translateZ \uc81c\uac70\ud558\uc5ec \uc815\uc911\uc559 \uace0\uc815 *\/\r\n        .cg-value-inner { \r\n            width: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;  \r\n            justify-content: center; \r\n            text-align: center;\r\n        }\r\n        \r\n        .cg-value-icon {\r\n            width: 80px; height: 80px; border-radius: 50%;\r\n            background: #f8f9fa;\r\n            box-shadow: 0 15px 30px rgba(0,0,0,0.05);\r\n            display: flex; align-items: center; justify-content: center;\r\n            font-size: 2.5rem; \r\n            margin: 0 auto 25px auto; \r\n            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        }\r\n        .cg-value-card:hover .cg-value-icon { transform: scale(1.2) rotate(15deg); background: var(--c-primary); color: #fff; }\r\n        \r\n        .cg-value-card h3 { \r\n            font-size: 1.8rem; font-weight: 900; \r\n            color: var(--c-text-main); \r\n            margin: 0 auto 20px auto; \r\n            text-align: center; width: 100%; \r\n        }\r\n        .cg-value-card p { \r\n            font-size: 1.1rem; color: var(--c-text-muted); line-height: 1.6; word-break: keep-all; \r\n            margin: 0 auto; \r\n            text-align: center; width: 100%; \r\n        }\r\n\r\n        \/* =========================================\r\n           \ubaa8\ubc14\uc77c \ubc18\uc751\ud615 \ucd5c\uc801\ud654\r\n        ========================================= *\/\r\n        @media (max-width: 992px) {\r\n            .cg-wrap { margin-top: -80px; }\r\n            .cg-section { padding: 100px 0; }\r\n            .cg-shape { display: none; }\r\n            \r\n            .cg-hero { min-height: 60vh; padding-top: 60px; }\r\n            .cg-hero-title { font-size: clamp(2rem, 7vw, 3rem); white-space: normal; } \r\n            \r\n            .cg-message-grid { grid-template-columns: 1fr; gap: 40px; }\r\n            .cg-message-img { height: 400px; border-radius: 25px; }\r\n            .cg-badge { bottom: -15px; right: 10px; font-size: 1.1rem; padding: 10px 15px; }\r\n            \r\n            .cg-message-text h2 { margin-bottom: 20px; font-size: clamp(1.5rem, 5vw, 1.8rem); }\r\n            .cg-message-text p { font-size: 1.1rem; margin-bottom: 15px; }\r\n            \r\n            .cg-parallax-banner { height: 30vh; background-attachment: scroll; }\r\n            .cg-parallax-banner h3 { font-size: clamp(1.8rem, 5vw, 2.2rem); }\r\n            \r\n            .cg-vision-grid { gap: 20px; }\r\n            .cg-value-card { padding: 40px 15px; border-radius: 25px; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"cg-wrap\">\r\n        \r\n        <div class=\"cg-bg-shapes\">\r\n            <div class=\"cg-shape cg-shape-1\"><\/div>\r\n            <div class=\"cg-shape cg-shape-2\"><\/div>\r\n            <div class=\"cg-shape cg-shape-3\"><\/div>\r\n        <\/div>\r\n\r\n        <section class=\"cg-hero\">\r\n            <div class=\"cg-container cg-hero-content\">\r\n                <div class=\"cg-hero-subtitle gs-bounce\">CEO Message<\/div>\r\n                <h1 class=\"cg-hero-title gs-split-text\">\uc0c1\uc0c1\uc744 \ud604\uc2e4\ub85c \ub9cc\ub4dc\ub294<br>\ud06c\ub9ac\uc5d0\uc774\ud2f0\ube0c <span>B.LANDING<\/span><\/h1>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"cg-section cg-message\">\r\n            <div class=\"cg-container cg-message-grid\">\r\n                <div class=\"cg-img-wrapper gs-slide-right\">\r\n                    <div class=\"cg-message-img-wrap\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-4b46a572b786?q=80&w=1000&auto=format&fit=crop\" alt=\"CEO Image\" class=\"cg-message-img cg-parallax-img\">\r\n                    <\/div>\r\n                    <div class=\"cg-badge\">\u2728 B.LANDING<\/div>\r\n                <\/div>\r\n                <div class=\"cg-message-text\">\r\n                    <h2 class=\"gs-fade-up\">\uc548\ub155\ud558\uc2ed\ub2c8\uae4c,<br><span style=\"color:var(--c-primary);\">B.LANDING<\/span> \ub300\ud45c OOO\uc785\ub2c8\ub2e4.<\/h2>\r\n                    \r\n                    <div class=\"gs-fade-up delay-1\">\r\n                        <p>\uae09\ubcc0\ud558\ub294 \ub514\uc9c0\ud138 \ud658\uacbd \uc18d\uc5d0\uc11c \ube0c\ub79c\ub4dc\uc758 \uac00\uce58\ub97c \uc81c\ub300\ub85c \uc804\ub2ec\ud558\ub294 \uac83\uc740 \uadf8 \uc5b4\ub290 \ub54c\ubcf4\ub2e4 \uc911\uc694\ud574\uc84c\uc2b5\ub2c8\ub2e4. \uc218\ub9ce\uc740 \uc815\ubcf4\uc640 \ud2b8\ub80c\ub4dc\uac00 \uc3df\uc544\uc9c0\ub294 \ud604\uc7ac, \uc6b0\ub9ac\ub294 \ud3c9\ubc94\ud568\uc744 \uac70\ubd80\ud558\uace0 \ub3c5\ubcf4\uc801\uc778 \uc2dc\uac01\uc801 \uacbd\ud5d8\uc744 \ucc3d\uc870\ud558\uae30 \uc704\ud574 \ubaa8\uc600\uc2b5\ub2c8\ub2e4.<\/p>\r\n                        <p>B.LANDING\uc740 \ub2e8\uc21c\ud55c \uc6f9\uc0ac\uc774\ud2b8 \uc81c\uc791\uc744 \ub118\uc5b4, \uace0\uac1d\uc758 \ucca0\ud559\uacfc \ube44\uc804\uc744 \uae4a\uc774 \uc774\ud574\ud558\uace0 \uc774\ub97c \uac00\uc7a5 \uac15\ub82c\ud558\uac8c \uac01\uc778\uc2dc\ud0ac \uc218 \uc788\ub294 \uc778\ud130\ub799\ud2f0\ube0c \uc544\ud2b8\ub97c \uad6c\ud604\ud569\ub2c8\ub2e4.<\/p>\r\n                        <p>\uc6b0\ub9ac\uc758 \ubaa8\ub4e0 \ud504\ub85c\uc81d\ud2b8\ub294 <strong>'\ud2c0\uc5d0 \uac07\ud788\uc9c0 \uc54a\ub294 \uc0c1\uc0c1\ub825'<\/strong>\uc5d0\uc11c \uc2dc\uc791\ub429\ub2c8\ub2e4. \ub2e4\ucc44\ub85c\uc6b4 \uc0c9\uac10, \uc5ed\ub3d9\uc801\uc778 \ubaa8\uc158, \uadf8\ub9ac\uace0 \ube48\ud2c8\uc5c6\ub294 \uae30\ud68d\ub825\uc774 \uacb0\ud569\ub418\uc5b4 \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc78a\uc9c0 \ubabb\ud560 \ub514\uc9c0\ud138 \uacbd\ud5d8\uc744 \uc120\uc0ac\ud569\ub2c8\ub2e4.<\/p>\r\n                        <p>\uace0\uac1d\uc758 \uc131\uacf5\uc774 \uace7 \uc6b0\ub9ac\uc758 \uc790\ubd80\uc2ec\uc785\ub2c8\ub2e4. \uc55e\uc73c\ub85c\ub3c4 \ubcc0\ud568\uc5c6\ub294 \uc5f4\uc815\uacfc \ub04a\uc784\uc5c6\ub294 \ud601\uc2e0\uc73c\ub85c, \uc5ec\ub7ec\ubd84\uc758 \ube0c\ub79c\ub4dc\uac00 \ub514\uc9c0\ud138 \uc138\uc0c1\uc5d0\uc11c \uac00\uc7a5 \ube5b\ub0a0 \uc218 \uc788\ub3c4\ub85d \ucd5c\uc120\uc744 \ub2e4\ud558\ub294 \ud30c\ud2b8\ub108\uac00 \ub418\uaca0\uc2b5\ub2c8\ub2e4. \uac10\uc0ac\ud569\ub2c8\ub2e4.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"cg-signature gs-fade-up delay-2\">\r\n                        <span class=\"cg-signature-title\">B.LANDING CEO<\/span>\r\n                        <span class=\"cg-signature-name\">O O O<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"cg-parallax-banner\">\r\n            <div class=\"cg-parallax-overlay\"><\/div>\r\n            <h3 class=\"gs-scale-in\">INNOVATION BEYOND LIMITS<\/h3>\r\n        <\/section>\r\n\r\n        <div class=\"cg-section-divider\">\r\n            <div class=\"cg-line\"><\/div>\r\n        <\/div>\r\n\r\n        <section class=\"cg-section cg-vision\">\r\n            <div class=\"cg-container\">\r\n                <div class=\"cg-vision-header gs-fade-up\">\r\n                    <h2>VISION<\/h2>\r\n                    <p>\uc6b0\ub9ac\uac00 \ub098\uc544\uac00\ub294 \ubc29\ud5a5\uc774\uc790, \uc9c0\ucf1c\ub098\uac08 3\uac00\uc9c0 \ud575\uc2ec \uac00\uce58\uc785\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"cg-vision-grid\">\r\n                    <div class=\"cg-value-card gs-fade-up\" data-tilt data-tilt-max=\"15\" data-tilt-speed=\"400\" data-tilt-glare=\"true\" data-tilt-max-glare=\"0.1\">\r\n                        <div class=\"cg-value-inner\">\r\n                            <div class=\"cg-value-icon\">\u2726<\/div>\r\n                            <h3>CREATIVITY<\/h3>\r\n                            <p>\uc815\ud615\ud654\ub41c \ud2c0\uc744 \uae68\ub294 \ub3c5\ucc3d\uc801\uc778 \uc544\uc774\ub514\uc5b4\ub85c \ube0c\ub79c\ub4dc\ub9cc\uc758 \uace0\uc720\ud55c \ub514\uc9c0\ud138 \uc815\uccb4\uc131\uc744 \ud655\ub9bd\ud569\ub2c8\ub2e4.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cg-value-card gs-fade-up delay-1\" data-tilt data-tilt-max=\"15\" data-tilt-speed=\"400\" data-tilt-glare=\"true\" data-tilt-max-glare=\"0.1\">\r\n                        <div class=\"cg-value-inner\">\r\n                            <div class=\"cg-value-icon\">\ud83d\ude80<\/div>\r\n                            <h3>INNOVATION<\/h3>\r\n                            <p>\ucd5c\uc2e0 \uc778\ud130\ub799\ud2f0\ube0c \uc6f9 \uae30\uc220\uacfc \ud2b8\ub80c\ub4dc\ub97c \ub04a\uc784\uc5c6\uc774 \uc5f0\uad6c\ud558\uc5ec \ud55c\ubc1c \uc55e\uc120 \ucd5c\uc0c1\uc758 \uc194\ub8e8\uc158\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cg-value-card gs-fade-up delay-2\" data-tilt data-tilt-max=\"15\" data-tilt-speed=\"400\" data-tilt-glare=\"true\" data-tilt-max-glare=\"0.1\">\r\n                        <div class=\"cg-value-inner\">\r\n                            <div class=\"cg-value-icon\">\ud83e\udd1d<\/div>\r\n                            <h3>PARTNERSHIP<\/h3>\r\n                            <p>\uace0\uac1d\uacfc\uc758 \uc9c0\uc18d\uc801\uc778 \uc18c\ud1b5\uc744 \ubc14\ud0d5\uc73c\ub85c, \ub2e8\uc21c\ud55c \uc5d0\uc774\uc804\uc2dc\ub97c \ub118\uc5b4 \ub3d9\ubc18 \uc131\uc7a5\ud558\ub294 \ub4e0\ub4e0\ud55c \ud30c\ud2b8\ub108\uac00 \ub429\ub2c8\ub2e4.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            gsap.registerPlugin(ScrollTrigger);\r\n\r\n            \/\/ \uc704\uc5d0\uc11c \ub5a8\uc5b4\uc9c0\ub294 \ubc30\uc9c0 \ud6a8\uacfc\r\n            gsap.fromTo(\".gs-bounce\", \r\n                { y: -30, opacity: 0 }, { y: 0, opacity: 1, duration: 1, ease: \"bounce.out\" }\r\n            );\r\n\r\n            \/\/ \uba54\uc778 \ud0c0\uc774\ud2c0 \uc2a4\ubb34\uc2a4\ud558\uac8c \uc62c\ub77c\uc624\uae30\r\n            gsap.fromTo(\".gs-split-text\", \r\n                { y: 40, opacity: 0 }, { y: 0, opacity: 1, duration: 1.2, delay: 0.2, ease: \"power4.out\" }\r\n            );\r\n\r\n            \/\/ \uc2a4\ud06c\ub864 \uc5f0\ub3d9 \ub4f1\uc7a5 \uc560\ub2c8\uba54\uc774\uc158 (Fade-up)\r\n            gsap.utils.toArray('.gs-fade-up:not(.cg-hero-title)').forEach(function(elem) {\r\n                let delayVal = 0;\r\n                if(elem.classList.contains('delay-1')) delayVal = 0.15;\r\n                if(elem.classList.contains('delay-2')) delayVal = 0.3;\r\n\r\n                gsap.fromTo(elem, \r\n                    { y: 60, opacity: 0 }, \r\n                    { y: 0, opacity: 1, duration: 1, delay: delayVal, ease: \"power3.out\", scrollTrigger: { trigger: elem, start: \"top 85%\" } }\r\n                );\r\n            });\r\n\r\n            \/\/ \uc67c\ucabd\uc5d0\uc11c \ubc00\uace0 \ub4e4\uc5b4\uc624\ub294 \uc774\ubbf8\uc9c0 \ud6a8\uacfc\r\n            gsap.utils.toArray('.gs-slide-right').forEach(function(elem) {\r\n                gsap.fromTo(elem, \r\n                    { x: -50, opacity: 0 }, { x: 0, opacity: 1, duration: 1.2, ease: \"power3.out\", scrollTrigger: { trigger: elem, start: \"top 80%\" } }\r\n                );\r\n            });\r\n\r\n            \/\/ \uc774\ubbf8\uc9c0 \ub0b4\ubd80 \uc2a4\ud06c\ub864 \ud328\ub7f4\ub799\uc2a4\r\n            if(window.innerWidth > 992) {\r\n                gsap.to(\".cg-parallax-img\", {\r\n                    yPercent: 10, ease: \"none\",\r\n                    scrollTrigger: { trigger: \".cg-img-wrapper\", start: \"top bottom\", end: \"bottom top\", scrub: true }\r\n                });\r\n            }\r\n\r\n            \/\/ \uc2a4\ucf00\uc77c \uc5c5 \uc560\ub2c8\uba54\uc774\uc158 (\ud328\ub7f4\ub799\uc2a4 \ubc30\ub108 \ud14d\uc2a4\ud2b8)\r\n            gsap.utils.toArray('.gs-scale-in').forEach(function(elem) {\r\n                gsap.fromTo(elem, \r\n                    { scale: 0.8, opacity: 0 }, \r\n                    { scale: 1, opacity: 1, duration: 1.5, ease: \"elastic.out(1, 0.7)\", scrollTrigger: { trigger: elem, start: \"top 90%\" } }\r\n                );\r\n            });\r\n\r\n            \/\/ \uad6c\ubd84\uc120 \uc2a4\ud06c\ub864 \uc560\ub2c8\uba54\uc774\uc158\r\n            gsap.fromTo(\".cg-line\", \r\n                { height: 0 }, \r\n                { height: 100, duration: 1, ease: \"power2.out\", scrollTrigger: { trigger: \".cg-section-divider\", start: \"top 80%\" } }\r\n            );\r\n        });\r\n    <\/script>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":11,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/darkviolet-marten-825083.hostingersite.com\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/darkviolet-marten-825083.hostingersite.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darkviolet-marten-825083.hostingersite.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darkviolet-marten-825083.hostingersite.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darkviolet-marten-825083.hostingersite.com\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1,"href":"https:\/\/darkviolet-marten-825083.hostingersite.com\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/darkviolet-marten-825083.hostingersite.com\/wp-json\/wp\/v2\/pages\/13\/revisions\/38"}],"up":[{"embeddable":true,"href":"https:\/\/darkviolet-marten-825083.hostingersite.com\/wp-json\/wp\/v2\/pages\/11"}],"wp:attachment":[{"href":"https:\/\/darkviolet-marten-825083.hostingersite.com\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}