{"id":10,"date":"2026-06-02T02:02:10","date_gmt":"2026-06-02T02:02:10","guid":{"rendered":"https:\/\/pink-cassowary-558176.hostingersite.com\/%eb%a9%94%ec%9d%b8%ed%8e%98%ec%9d%b4%ec%a7%80\/"},"modified":"2026-06-02T08:29:43","modified_gmt":"2026-06-02T08:29:43","slug":"main","status":"publish","type":"page","link":"https:\/\/pink-cassowary-558176.hostingersite.com\/","title":{"rendered":"\uba54\uc778\ud398\uc774\uc9c0"},"content":{"rendered":"    <style>\r\n        \/* \uae30\ubcf8 \ub9ac\uc14b *\/\r\n        .ultimate-main-wrap { position: relative; width: 100vw; max-width: 100%; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; overflow: hidden; background: #ffffff; color: #333; font-family: 'Noto Sans KR', sans-serif; }\r\n        .ultimate-main-wrap * { box-sizing: border-box; }\r\n\r\n        \/* \ucee4\ud2bc \uc624\ud504\ub2dd *\/\r\n        .curtain-panel { position: fixed; top: 0; width: 50vw; height: 100vh; z-index: 9999999; display: flex; align-items: center; pointer-events: none; }\r\n        .curtain-left { left: 0; background: #4facfe; justify-content: flex-end; animation: curtainOpenLeft 1.5s 0.5s forwards cubic-bezier(0.76, 0, 0.24, 1); }\r\n        .curtain-right { right: 0; background: #00f2fe; justify-content: flex-start; animation: curtainOpenRight 1.5s 0.5s forwards cubic-bezier(0.76, 0, 0.24, 1); }\r\n        .curtain-text { font-size: 5vw; font-weight: 900; color: #fff; opacity: 0.9; padding: 0 20px; white-space: nowrap; text-shadow: 0 10px 20px rgba(0,0,0,0.1); }\r\n        @keyframes curtainOpenLeft { 100% { transform: translateX(-100%); visibility: hidden; } }\r\n        @keyframes curtainOpenRight { 100% { transform: translateX(100%); visibility: hidden; } }\r\n\r\n        \/* \uc139\uc158 1: \ud788\uc5b4\ub85c \ubc30\ub108 *\/\r\n        .hero-grand { position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; perspective: 1000px; }\r\n        .hero-bg-img { position: absolute; inset: -10%; width: 120%; height: 120%; background-size: cover; background-position: center; filter: brightness(1.1) saturate(1.2); animation: heroZoom 25s infinite alternate linear; }\r\n        @keyframes heroZoom { 0% { transform: scale(1); } 100% { transform: scale(1.15); } }\r\n        .hero-bg-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(255,255,255,0.2)); }\r\n        .hero-content { position: relative; z-index: 10; text-align: center; transform-style: preserve-3d; }\r\n        .hero-title-main { font-size: 8vw; font-weight: 900; margin: 0; line-height: 1; text-transform: uppercase; color: #111; text-shadow: 0 20px 40px rgba(255,255,255,0.8); }\r\n        .hero-char { display: inline-block; transform: translateY(100px) rotateX(-90deg); opacity: 0; animation: textPopUp 1s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275); }\r\n        .hero-sub { font-size: 1.5vw; font-weight: 600; letter-spacing: 5px; margin-top: 20px; color: #0066ff; opacity: 0; transform: translateY(-20px); animation: fadeInDown 1s 1.5s forwards ease-out; }\r\n        @keyframes textPopUp { 100% { transform: translateY(0) rotateX(0deg); opacity: 1; } }\r\n        @keyframes fadeInDown { 100% { opacity: 1; transform: translateY(0); } }\r\n\r\n        \/* \uc139\uc158 2: \ucc45\uc7a5 \ub118\uae30\uae30 *\/\r\n        .book-flip-sec { height: 100vh; background: #f4f7fb; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; perspective: 3000px; }\r\n        .scroll-indicator { position: absolute; top: 40px; left: 50%; transform: translateX(-50%); font-weight: 700; color: #0066ff; background: rgba(255,255,255,0.8); padding: 10px 30px; border-radius: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); z-index: 100; animation: bounce 2s infinite; letter-spacing: 1px; }\r\n        @keyframes bounce { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, 10px); } }\r\n        .book-wrapper { position: relative; width: 80vw; height: 70vh; transform-style: preserve-3d; box-shadow: 0 40px 80px rgba(0,0,0,0.15); border-radius: 10px; display: flex; }\r\n        .book-base { position: absolute; top: 0; width: 50%; height: 100%; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; }\r\n        .base-left { left: 0; border-radius: 10px 0 0 10px; background-image: url('https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?q=80&w=1000&auto=format&fit=crop'); }\r\n        .base-right { right: 0; border-radius: 0 10px 10px 0; background-image: url('https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?q=80&w=1000&auto=format&fit=crop'); }\r\n        .book-base::before, .page-front::before, .page-back::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.4); border-radius: inherit; }\r\n        .flip-page { position: absolute; top: 0; right: 0; width: 50%; height: 100%; transform-origin: left center; transform-style: preserve-3d; z-index: 10; }\r\n        .page-front, .page-back { position: absolute; inset: 0; backface-visibility: hidden; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; }\r\n        .page-front { border-radius: 0 10px 10px 0; }\r\n        .page-back { transform: rotateY(180deg); border-radius: 10px 0 0 10px; }\r\n        .book-content { position: relative; z-index: 2; padding: 40px; background: rgba(255,255,255,0.9); backdrop-filter: blur(10px); border-radius: 20px; text-align: center; transform: translateZ(30px); box-shadow: 0 20px 40px rgba(0,0,0,0.1); width: 80%; }\r\n        .book-content h2 { font-size: 2.5vw; margin: 0 0 15px; color: #0066ff; font-weight: 900; letter-spacing: 2px; }\r\n        .book-content p { font-size: 1.1vw; color: #555; margin: 0; font-weight: 600; }\r\n        .flip-2 { z-index: 12; } .flip-2 .page-front { background-image: url('https:\/\/images.unsplash.com\/photo-1550745165-9bc0b252726f?q=80&w=1000&auto=format&fit=crop'); } .flip-2 .page-back { background-image: url('https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?q=80&w=1000&auto=format&fit=crop'); }\r\n        .flip-1 { z-index: 11; } .flip-1 .page-front { background-image: url('https:\/\/images.unsplash.com\/photo-1558655146-d09347e92766?q=80&w=1000&auto=format&fit=crop'); } .flip-1 .page-back { background-image: url('https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?q=80&w=1000&auto=format&fit=crop'); }\r\n\r\n        \/* \uc139\uc158 3: \uac24\ub7ec\ub9ac *\/\r\n        .gallery-sec { padding: 150px 5%; background: #ffffff; }\r\n        .sec-header { text-align: center; margin-bottom: 100px; position: relative; z-index: 10; }\r\n        .sec-header h2 { font-size: 4vw; font-weight: 900; -webkit-text-stroke: 2px #111; color: transparent; transition: 0.5s; margin: 0; }\r\n        .sec-header h2:hover { color: #111; text-shadow: 0 10px 30px rgba(0,0,0,0.15); }\r\n        .sec-header p { color: #666; font-size: 1.2rem; margin-top: 15px; font-weight: 500; line-height: 1.6; }\r\n        .gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }\r\n        .gal-item { height: 500px; position: relative; overflow: hidden; border-radius: 20px; cursor: pointer; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }\r\n        .gal-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); }\r\n        .gal-item:hover .gal-img { transform: scale(1.15) rotate(2deg); }\r\n        .gal-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,102,255,0.9), transparent); display: flex; flex-direction: column; justify-content: flex-end; padding: 40px; transform: translateY(100px); opacity: 0; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); }\r\n        .gal-item:hover .gal-overlay { transform: translateY(0); opacity: 1; }\r\n        .gal-overlay h3 { font-size: 2.2rem; margin: 0 0 10px; color: #fff; font-weight: 800; }\r\n        .gal-overlay p { font-size: 1.1rem; color: #e0f0ff; margin: 0; opacity: 0; transform: translateX(-20px); transition: 0.5s 0.2s; }\r\n        .gal-item:hover .gal-overlay p { opacity: 1; transform: translateX(0); }\r\n\r\n        \/* \uc139\uc158 4: Core Values (\uba54\ud0c0\ubc15\uc2a4 \uc5f0\ub3d9) *\/\r\n        .new-sec { padding: 150px 5%; background: #f8fbff; position: relative; overflow: hidden; }\r\n        .new-sec::before { content: ''; position: absolute; top: -50%; left: -10%; width: 500px; height: 500px; background: rgba(79,172,254,0.1); border-radius: 50%; filter: blur(100px); }\r\n        .new-sec::after { content: ''; position: absolute; bottom: -50%; right: -10%; width: 500px; height: 500px; background: rgba(0,242,254,0.1); border-radius: 50%; filter: blur(100px); }\r\n        .val-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto; position: relative; z-index: 10; }\r\n        .val-card { background: #fff; padding: 50px 40px; border-radius: 30px; box-shadow: 0 20px 50px rgba(0,102,255,0.05); text-align: center; transition: 0.4s; border: 1px solid rgba(0,102,255,0.05); }\r\n        .val-card:hover { transform: translateY(-15px); box-shadow: 0 30px 60px rgba(0,102,255,0.15); border-color: rgba(0,102,255,0.2); }\r\n        .val-icon { font-size: 3rem; margin-bottom: 20px; display: inline-block; background: linear-gradient(45deg, #4facfe, #00f2fe); -webkit-background-clip: text; color: transparent; }\r\n\r\n        \/* \uc139\uc158 5: \uce74\ud398\ud2b8 \uc804\uac1c *\/\r\n        .carpet-spread-sec { padding: 200px 5%; background: #eef2f6; overflow: hidden; }\r\n        .carpet-stack { position: relative; height: 600px; max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; align-items: center; perspective: 1500px; }\r\n        .c-card { position: absolute; width: 380px; height: 520px; border-radius: 30px; background-size: cover; background-position: center; box-shadow: 0 30px 60px rgba(0,0,0,0.2); border: 5px solid #fff; }\r\n        \r\n        @media (max-width: 1024px) {\r\n            .book-wrapper { flex-direction: column; height: auto; box-shadow: none; display: block; }\r\n            .book-base, .flip-page { width: 100%; position: relative; height: 50vh; transform: none !important; margin-bottom: 20px; }\r\n            .scroll-indicator { display: none; }\r\n            .gallery-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .c-card { width: 300px; height: 420px; }\r\n            .book-flip-sec { height: auto; padding: 100px 5%; background: #ffffff; }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .gallery-grid, .val-grid { grid-template-columns: 1fr; }\r\n            .hero-title-main { font-size: 12vw; }\r\n            .hero-sub { font-size: 3.5vw; }\r\n            .sec-header h2 { font-size: 8vw; }\r\n        }\r\n    <\/style>\r\n\r\n    <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\r\n    <div class=\"ultimate-main-wrap\">\r\n        \r\n        <div class=\"curtain-panel curtain-left\"><div class=\"curtain-text\">INNOVATION<\/div><\/div>\r\n        <div class=\"curtain-panel curtain-right\"><div class=\"curtain-text\">CREATIVITY<\/div><\/div>\r\n\r\n        <section class=\"hero-grand\">\r\n            <div class=\"hero-bg-img id-hero-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?q=80&#038;w=2000&#038;auto=format&#038;fit=crop');\"><\/div>\r\n            <div class=\"hero-content\">\r\n                <h1 class=\"hero-title-main\">\r\n                    <span class=\"hero-char\" style=\"animation-delay: 1s !important;\">B<\/span><span class=\"hero-char\" style=\"animation-delay: 1.05s !important;\">E<\/span><span class=\"hero-char\" style=\"animation-delay: 1.1s !important;\">Y<\/span><span class=\"hero-char\" style=\"animation-delay: 1.15s !important;\">O<\/span><span class=\"hero-char\" style=\"animation-delay: 1.2s !important;\">N<\/span><span class=\"hero-char\" style=\"animation-delay: 1.25s !important;\">D<\/span>                <\/h1>\r\n                <h1 class=\"hero-title-main\" style=\"color: #0066ff; margin-top:-10px;\">\r\n                    <span class=\"hero-char\" style=\"animation-delay: 1.4s !important;\">L<\/span><span class=\"hero-char\" style=\"animation-delay: 1.45s !important;\">I<\/span><span class=\"hero-char\" style=\"animation-delay: 1.5s !important;\">M<\/span><span class=\"hero-char\" style=\"animation-delay: 1.55s !important;\">I<\/span><span class=\"hero-char\" style=\"animation-delay: 1.6s !important;\">T<\/span><span class=\"hero-char\" style=\"animation-delay: 1.65s !important;\">S<\/span>                <\/h1>\r\n                <p class=\"hero-sub\">\ub2e4\ucc44\ub86d\uace0 \uc0dd\ub3d9\uac10 \ub118\uce58\ub294 \ub514\uc9c0\ud138 \uacbd\ud5d8<\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"book-flip-sec\" id=\"bookSec\">\r\n            <div class=\"scroll-indicator\">\u2b07 \uc2a4\ud06c\ub864\ud558\uc5ec \ud398\uc774\uc9c0\ub97c \ub118\uaca8\ubcf4\uc138\uc694 \u2b07<\/div>\r\n            <div class=\"book-wrapper\">\r\n                <div class=\"book-base base-left\"><div class=\"book-content\"><h2>OUR STORY<\/h2><p>\uccab \ud398\uc774\uc9c0\ub97c \uc5f4\uc5b4 \ud601\uc2e0\uc744 \ub9c8\uc8fc\ud558\uc138\uc694.<\/p><\/div><\/div>\r\n                <div class=\"book-base base-right\"><div class=\"book-content\"><h2>TECHNOLOGY<\/h2><p>\ubbf8\ub798\ub97c \ud604\uc2e4\ub85c \ub9cc\ub4dc\ub294 \ub3c5\ubcf4\uc801 \uae30\uc220\ub825<\/p><\/div><\/div>\r\n                <div class=\"flip-page flip-1\">\r\n                    <div class=\"page-front\"><div class=\"book-content\"><h2>CREATIVE<\/h2><p>\ud2c0\uc744 \uae68\ub294 \ub3c5\ucc3d\uc801\uc778 \uc544\uc774\ub514\uc5b4<\/p><\/div><\/div>\r\n                    <div class=\"page-back\"><div class=\"book-content\"><h2>DESIGN<\/h2><p>\uc2dc\uc120\uc744 \uc0ac\ub85c\uc7a1\ub294 \uc544\ub984\ub2e4\uc6b4 \uc2dc\uac01\ud654<\/p><\/div><\/div>\r\n                <\/div>\r\n                <div class=\"flip-page flip-2\">\r\n                    <div class=\"page-front\"><div class=\"book-content\"><h2>STRATEGY<\/h2><p>\uc131\uacf5\uc744 \uc704\ud55c \uc644\ubcbd\ud55c \ube0c\ub79c\ub4dc \uc124\uacc4<\/p><\/div><\/div>\r\n                    <div class=\"page-back\"><div class=\"book-content\"><h2>INSIGHT<\/h2><p>\uce58\ubc00\ud55c \ub370\uc774\ud130 \ubd84\uc11d\uacfc \uae4a\uc774 \uc788\ub294 \ud1b5\ucc30<\/p><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"gallery-sec\">\r\n            <div class=\"sec-header\">\r\n                <h2>DYNAMIC PROJECTS<\/h2>\r\n                <p>\ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub824 \uc0dd\ub3d9\uac10 \ub118\uce58\ub294 \uc5d0\ub108\uc9c0\ub97c \ud655\uc778\ud558\uc138\uc694.<\/p>\r\n            <\/div>\r\n            <div class=\"gallery-grid\">\r\n                <div class=\"gal-item gs-up\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085?q=80&w=800&auto=format&fit=crop\" class=\"gal-img\"><div class=\"gal-overlay\"><h3>Project Alpha<\/h3><p>Next-Gen UI\/UX Design<\/p><\/div><\/div>\r\n                <div class=\"gal-item gs-up\" style=\"margin-top: 50px;\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?q=80&w=800&auto=format&fit=crop\" class=\"gal-img\"><div class=\"gal-overlay\"><h3>Project Beta<\/h3><p>Data & Analytics<\/p><\/div><\/div>\r\n                <div class=\"gal-item gs-up\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?q=80&w=800&auto=format&fit=crop\" class=\"gal-img\"><div class=\"gal-overlay\"><h3>Project Gamma<\/h3><p>Global E-Commerce<\/p><\/div><\/div>\r\n                <div class=\"gal-item gs-up\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555066931-4365d14bab8c?q=80&w=800&auto=format&fit=crop\" class=\"gal-img\"><div class=\"gal-overlay\"><h3>Project Delta<\/h3><p>Interactive Web App<\/p><\/div><\/div>\r\n                <div class=\"gal-item gs-up\" style=\"margin-top: 50px;\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?q=80&w=800&auto=format&fit=crop\" class=\"gal-img\"><div class=\"gal-overlay\"><h3>Project Epsilon<\/h3><p>Brand Identity<\/p><\/div><\/div>\r\n                <div class=\"gal-item gs-up\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522542550221-31fd19575a2d?q=80&w=800&auto=format&fit=crop\" class=\"gal-img\"><div class=\"gal-overlay\"><h3>Project Zeta<\/h3><p>Creative Marketing<\/p><\/div><\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"new-sec\">\r\n            <div class=\"sec-header\">\r\n                <h2 style=\"color:#0066ff; -webkit-text-stroke:0;\">CORE VALUES<\/h2>\r\n                <p>\uc6b0\ub9ac\uac00 \uc9c0\ud5a5\ud558\ub294 \ubcc0\uce58 \uc54a\ub294 \ud575\uc2ec \uac00\uce58\uc785\ub2c8\ub2e4.<\/p>\r\n            <\/div>\r\n            <div class=\"val-grid\">\r\n                <div class=\"val-card gs-up\">\r\n                    <div class=\"val-icon\">\u2726<\/div>\r\n                    <h3 style=\"font-size:1.5rem; margin-bottom:15px; font-weight:800;\">Trust & Quality<\/h3>\r\n                    <p style=\"color:#666; line-height:1.6;\">\ucd5c\uace0\uc758 \ud488\uc9c8\ub85c \uace0\uac1d\uacfc\uc758 \ub450\ud130\uc6b4 \uc2e0\ub8b0\ub97c \uad6c\ucd95\ud569\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n                <div class=\"val-card gs-up\">\r\n                    <div class=\"val-icon\">\u25c8<\/div>\r\n                    <h3 style=\"font-size:1.5rem; margin-bottom:15px; font-weight:800;\">Creative Thinking<\/h3>\r\n                    <p style=\"color:#666; line-height:1.6;\">\ud56d\uc0c1 \uc0c8\ub85c\uc6b4 \uc2dc\uac01\uc73c\ub85c \ubb38\uc81c\ub97c \ubc14\ub77c\ubcf4\uace0 \ud574\uacb0\ucc45\uc744 \uc81c\uc2dc\ud569\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n                <div class=\"val-card gs-up\">\r\n                    <div class=\"val-icon\">\u2756<\/div>\r\n                    <h3 style=\"font-size:1.5rem; margin-bottom:15px; font-weight:800;\">Global Network<\/h3>\r\n                    <p style=\"color:#666; line-height:1.6;\">\uc138\uacc4\ub97c \uc5f0\uacb0\ud558\ub294 \ub113\uc740 \uc778\ud504\ub77c\ub85c \ubb34\ud55c\ud788 \ud655\uc7a5\ud569\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"carpet-spread-sec\">\r\n            <div class=\"sec-header\">\r\n                <h2 style=\"color:#0066ff; -webkit-text-stroke:0;\">UNFOLDING VISION<\/h2>\r\n                <p>\ubb34\ud55c\ud55c \uac00\ub2a5\uc131\uc744 \ud604\uc2e4\ub85c \uad6c\ud604\ud569\ub2c8\ub2e4.<br>\uc6b0\ub9ac\uac00 \uac78\uc5b4\uc628 \ud601\uc2e0\uc758 \ubc1c\uc790\ucde8\uc640 \ub2e4\ucc44\ub85c\uc6b4 \ub9c8\uc2a4\ud130\ud53c\uc2a4\ub97c \ud655\uc778\ud574\ubcf4\uc138\uc694.<\/p>\r\n            <\/div>\r\n            <div class=\"carpet-stack\" id=\"carpetStack\">\r\n                <div class=\"c-card\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1507238691740-187a5b1d37b8?q=80&w=800&auto=format&fit=crop'); z-index:1;\"><\/div>\r\n                <div class=\"c-card\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1499951360447-b19be8fe80f5?q=80&w=800&auto=format&fit=crop'); z-index:2;\"><\/div>\r\n                <div class=\"c-card\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?q=80&w=800&auto=format&fit=crop'); z-index:5;\"><\/div> \r\n                <div class=\"c-card\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1488229297570-58520851e868?q=80&w=800&auto=format&fit=crop'); z-index:4;\"><\/div>\r\n                <div class=\"c-card\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=800&auto=format&fit=crop'); z-index:3;\"><\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n        window.addEventListener('load', function() {\r\n            if(typeof gsap === 'undefined') return;\r\n            gsap.registerPlugin(ScrollTrigger);\r\n\r\n            \/\/ \ud788\uc5b4\ub85c \ud328\ub7f4\ub799\uc2a4\r\n            gsap.to('.id-hero-bg', { yPercent: 30, ease: 'none', scrollTrigger: { trigger: '.hero-grand', start: 'top top', end: 'bottom top', scrub: true } });\r\n\r\n            \/\/ \ucc45\uc7a5 \ub118\uae30\uae30 \ud6a8\uacfc\r\n            if(window.innerWidth > 1024) {\r\n                const bookTimeline = gsap.timeline({ scrollTrigger: { trigger: '#bookSec', start: 'top top', end: '+=2000', pin: true, scrub: 1, anticipatePin: 1 } });\r\n                bookTimeline.to('.scroll-indicator', { opacity: 0, duration: 0.2 })\r\n                            .to('.flip-2', { rotateY: -180, duration: 1, ease: 'power1.inOut' })\r\n                            .to('.flip-1', { rotateY: -180, duration: 1, ease: 'power1.inOut' });\r\n            }\r\n\r\n            \/\/ \uc2a4\ud06c\ub864 \uc5c5 \ud6a8\uacfc (\uac24\ub7ec\ub9ac + \ucf54\uc5b4\ubc38\ub958)\r\n            gsap.utils.toArray('.gs-up').forEach(item => {\r\n                gsap.from(item, { y: 100, opacity: 0, duration: 1, ease: 'expo.out', scrollTrigger: { trigger: item, start: 'top 85%' } });\r\n            });\r\n\r\n            \/\/ \uce74\ud398\ud2b8 \uc591\ubc29\ud5a5 \uc804\uac1c \ud6a8\uacfc\r\n            const cards = gsap.utils.toArray('.c-card');\r\n            if (cards.length > 0) {\r\n                const spreadTl = gsap.timeline({ scrollTrigger: { trigger: '#carpetStack', start: 'top 70%', end: 'bottom 40%', scrub: 1 } });\r\n                spreadTl.to(cards[0], { x: -600, y: 50, rotate: -15, scale: 0.9 }, 0)\r\n                        .to(cards[1], { x: -300, y: 20, rotate: -7, scale: 0.95 }, 0)\r\n                        .to(cards[2], { scale: 1.05, y: -20, boxShadow: '0 40px 80px rgba(0,0,0,0.4)' }, 0) \r\n                        .to(cards[3], { x: 300, y: 20, rotate: 7, scale: 0.95 }, 0)\r\n                        .to(cards[4], { x: 600, y: 50, rotate: 15, scale: 0.9 }, 0);\r\n            }\r\n        });\r\n    <\/script>\r\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":4,"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":209,"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/pages\/10\/revisions\/209"}],"wp:attachment":[{"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}