{"id":11,"date":"2026-06-02T02:02:10","date_gmt":"2026-06-02T02:02:10","guid":{"rendered":"https:\/\/pink-cassowary-558176.hostingersite.com\/%ed%9a%8c%ec%82%ac%ec%86%8c%ea%b0%9c\/"},"modified":"2026-06-02T09:25:50","modified_gmt":"2026-06-02T09:25:50","slug":"about","status":"publish","type":"page","link":"https:\/\/pink-cassowary-558176.hostingersite.com\/about\/","title":{"rendered":"\ud68c\uc0ac\uc18c\uac1c"},"content":{"rendered":"    <style>\r\n        \/* [1] \uae30\ubcf8 \uc124\uc815 \ubc0f \ub9ac\uc14b *\/\r\n        .ab-wrap { \r\n            position: relative; width: 100vw; max-width: 100%; left: 50%; right: 50%; \r\n            margin-left: -50vw; margin-right: -50vw; overflow-x: hidden; background: #ffffff; color: #333; font-family: 'Noto Sans KR', sans-serif; \r\n        }\r\n        .ab-wrap * { box-sizing: border-box; }\r\n\r\n        \/* [2] \ud788\uc5b4\ub85c \uc139\uc158 (\uc18c\uac1c \uc778\ud2b8\ub85c) *\/\r\n        .ab-hero { position: relative; height: 70vh; min-height: 500px; display: flex; align-items: center; justify-content: center; background: #f8fbff; overflow: hidden; perspective: 1000px; }\r\n        .ab-hero-bg { position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; background: linear-gradient(135deg, rgba(79,172,254,0.1) 0%, rgba(0,242,254,0.1) 100%); z-index: 1; }\r\n        .ab-hero-circle { position: absolute; width: 60vw; height: 60vw; max-width: 600px; max-height: 600px; background: radial-gradient(circle, rgba(0,102,255,0.05) 0%, transparent 70%); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: pulseBg 4s infinite alternate; z-index: 2; }\r\n        @keyframes pulseBg { 0% { transform: translate(-50%, -50%) scale(1); } 100% { transform: translate(-50%, -50%) scale(1.2); } }\r\n        .ab-hero-content { position: relative; z-index: 10; text-align: center; padding: 0 5%; }\r\n        .ab-title { font-size: 5vw; font-weight: 900; color: #111; margin: 0; line-height: 1.2; letter-spacing: -2px; }\r\n        .ab-title span { display: inline-block; clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); transform: translateY(50px); }\r\n        .ab-sub { font-size: 1.2rem; color: #0066ff; font-weight: 600; margin-top: 20px; letter-spacing: 2px; opacity: 0; transform: translateY(20px); word-break: keep-all; }\r\n\r\n        \/* [3] CEO \uc778\uc0ac\ub9d0 \uc139\uc158 *\/\r\n        .ab-ceo { padding: 120px 5%; background: #fff; display: flex; align-items: center; justify-content: center; gap: 80px; max-width: 1400px; margin: 0 auto; perspective: 1500px; }\r\n        .ceo-img-wrap { flex: 1; position: relative; max-width: 500px; width: 100%; }\r\n        .ceo-img-box { width: 100%; padding-top: 120%; background: url('https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32d7?q=80&w=800&auto=format&fit=crop') center\/cover; border-radius: 30px; box-shadow: 0 40px 80px rgba(0,0,0,0.1); transform-style: preserve-3d; transition: transform 0.1s; }\r\n        .ceo-img-box::before { content: ''; position: absolute; inset: -20px; border: 2px solid #eef2f6; border-radius: 40px; transform: translateZ(-50px); z-index: -1; transition: 0.5s; }\r\n        .ceo-text { flex: 1; }\r\n        .ceo-text h2 { font-size: 3rem; font-weight: 900; color: #111; margin-bottom: 30px; position: relative; display: inline-block; line-height: 1.3; }\r\n        .ceo-text h2::after { content: ''; position: absolute; left: 0; bottom: -10px; width: 0; height: 4px; background: #0066ff; }\r\n        .ceo-text p { font-size: 1.15rem; color: #555; line-height: 1.8; margin-bottom: 20px; font-weight: 400; word-break: keep-all; }\r\n        .ceo-sign { font-size: 1.5rem; font-family: 'Brush Script MT', cursive; color: #0066ff; margin-top: 40px; }\r\n\r\n        \/* [4] \ube44\uc804 (Vision) \uc139\uc158 *\/\r\n        .ab-vision { padding: 120px 5%; background: #050505; position: relative; overflow: hidden; }\r\n        .ab-vision::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?q=80&w=2000&auto=format&fit=crop') center\/cover; opacity: 0.3; filter: grayscale(100%); mix-blend-mode: overlay; }\r\n        .vision-header { text-align: center; position: relative; z-index: 10; margin-bottom: 80px; }\r\n        .vision-header h2 { font-size: 3.5rem; color: #fff; font-weight: 900; margin: 0; letter-spacing: 2px; }\r\n        .vision-header p { color: #4facfe; font-size: 1.2rem; margin-top: 15px; font-weight: 600; word-break: keep-all; }\r\n        \r\n        .vision-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; max-width: 1400px; margin: 0 auto; position: relative; z-index: 10; perspective: 2000px; }\r\n        .v-card { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); padding: 50px 30px; border-radius: 30px; text-align: center; transform-style: preserve-3d; transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.5s; cursor: pointer; }\r\n        .v-card:hover { transform: translateY(-15px) rotateX(5deg) rotateY(-5deg); box-shadow: 10px 20px 40px rgba(0, 102, 255, 0.2); border-color: rgba(0, 102, 255, 0.5); background: rgba(255, 255, 255, 0.1); }\r\n        .v-icon { font-size: 3.5rem; margin-bottom: 20px; display: inline-block; filter: drop-shadow(0 10px 20px rgba(0,102,255,0.5)); }\r\n        .v-card h3 { font-size: 1.6rem; color: #fff; margin-bottom: 15px; font-weight: 800; }\r\n        .v-card p { color: #ccc; line-height: 1.6; font-size: 1.05rem; word-break: keep-all; margin: 0; }\r\n\r\n        \/* [5] \uc5f0\ud601 (History) \uc139\uc158 *\/\r\n        .ab-history { padding: 120px 5%; background: #f8fbff; position: relative; }\r\n        .hist-header { text-align: center; margin-bottom: 80px; }\r\n        .hist-header h2 { font-size: 3.5rem; font-weight: 900; color: #111; margin: 0; }\r\n        \r\n        .timeline-wrap { max-width: 1000px; margin: 0 auto; position: relative; padding: 50px 0; }\r\n        .timeline-line { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 4px; height: 100%; background: #e0e6ed; border-radius: 2px; }\r\n        .timeline-progress { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 4px; height: 0%; background: linear-gradient(to bottom, #4facfe, #00f2fe); border-radius: 2px; }\r\n        \r\n        .hist-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px; position: relative; width: 100%; }\r\n        .hist-item:nth-child(even) { flex-direction: row-reverse; }\r\n        .hist-year { width: 45%; text-align: right; font-size: 4rem; font-weight: 900; color: #0066ff; opacity: 0.2; line-height: 1; }\r\n        .hist-item:nth-child(even) .hist-year { text-align: left; }\r\n        \r\n        .hist-dot { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); width: 24px; height: 24px; background: #fff; border: 6px solid #0066ff; border-radius: 50%; z-index: 10; box-shadow: 0 0 0 10px rgba(0,102,255,0.1); transition: 0.3s; }\r\n        .hist-item:hover .hist-dot { transform: translate(-50%, -50%) scale(1.3); box-shadow: 0 0 0 15px rgba(0,102,255,0.2); }\r\n        \r\n        .hist-content { width: 45%; background: #fff; padding: 30px 40px; border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.05); text-align: left; border: 1px solid #eef2f6; transition: 0.4s; }\r\n        .hist-item:nth-child(even) .hist-content { text-align: right; }\r\n        .hist-item:hover .hist-content { transform: translateY(-10px); box-shadow: 0 30px 60px rgba(0,102,255,0.1); border-color: #4facfe; }\r\n        .hist-content h4 { font-size: 1.4rem; color: #111; margin: 0 0 10px; font-weight: 800; word-break: keep-all; }\r\n        .hist-content p { font-size: 1.05rem; color: #666; margin: 0; line-height: 1.6; word-break: keep-all; }\r\n\r\n        \/* [6] \uc624\uc2dc\ub294 \uae38 (Location) \uc139\uc158 *\/\r\n        .ab-location { padding: 120px 5%; background: #fff; overflow: hidden; }\r\n        .loc-wrap { max-width: 1400px; margin: 0 auto; display: flex; gap: 50px; align-items: stretch; }\r\n        .loc-info { flex: 1; display: flex; flex-direction: column; justify-content: center; }\r\n        .loc-info h2 { font-size: 3.5rem; font-weight: 900; color: #111; margin: 0 0 30px; }\r\n        .loc-list { list-style: none; padding: 0; margin: 0; }\r\n        .loc-list li { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 25px; }\r\n        .loc-icon { width: 55px; height: 55px; background: #f4f7fb; color: #0066ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; flex-shrink: 0; transition: 0.3s; }\r\n        .loc-list li:hover .loc-icon { background: #0066ff; color: #fff; transform: scale(1.1) rotate(10deg); }\r\n        .loc-text h4 { font-size: 1.2rem; color: #111; margin: 0 0 5px; font-weight: 800; }\r\n        .loc-text p { font-size: 1rem; color: #555; margin: 0; line-height: 1.5; word-break: keep-all; }\r\n        \r\n        .loc-map { flex: 1.2; position: relative; height: 450px; border-radius: 30px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.1); width: 100%; }\r\n        .loc-map iframe { width: 100%; height: 100%; border: none; filter: grayscale(20%) contrast(1.1); transition: 0.5s; }\r\n        .loc-map:hover iframe { filter: grayscale(0%) contrast(1); transform: scale(1.02); }\r\n\r\n        \/* =========================================\r\n           \ubaa8\ubc14\uc77c \ucd5c\uc801\ud654 (\ubc18\uc751\ud615) \r\n        ========================================= *\/\r\n        @media (max-width: 1024px) {\r\n            .ab-ceo { flex-direction: column; gap: 40px; text-align: center; padding: 80px 5%; }\r\n            .ceo-text h2::after { left: 50%; transform: translateX(-50%); }\r\n            .ceo-img-wrap { max-width: 400px; margin: 0 auto; }\r\n            .ceo-img-box::before { display: none; } \/* \ubaa8\ubc14\uc77c\uc5d0\uc11c \ud2c0\uc5b4\uc9d0 \ubc29\uc9c0 *\/\r\n            \r\n            .vision-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n            .v-card { margin-top: 0 !important; padding: 40px 20px; }\r\n\r\n            .hist-item, .hist-item:nth-child(even) { flex-direction: column; text-align: center; gap: 15px; margin-bottom: 50px; }\r\n            .hist-year, .hist-item:nth-child(even) .hist-year { width: 100%; text-align: center; font-size: 3rem; }\r\n            .hist-content, .hist-item:nth-child(even) .hist-content { width: 100%; text-align: center; padding: 25px; }\r\n            .timeline-line, .timeline-progress, .hist-dot { display: none; } \/* \ubaa8\ubc14\uc77c \uc138\ub85c\uc120 \uc228\uae40 *\/\r\n\r\n            .loc-wrap { flex-direction: column; gap: 40px; }\r\n            .loc-info { text-align: center; align-items: center; }\r\n            .loc-list li { flex-direction: column; align-items: center; text-align: center; }\r\n            .loc-map { height: 350px; }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .ab-hero { min-height: 400px; }\r\n            .ab-title { font-size: 10vw; letter-spacing: -1px; }\r\n            .ab-sub { font-size: 1rem; }\r\n            .ceo-text h2 { font-size: 2.2rem; }\r\n            .ceo-text p { font-size: 1.05rem; }\r\n            .vision-header h2, .hist-header h2, .loc-info h2 { font-size: 2.2rem; }\r\n            .vision-grid { grid-template-columns: 1fr; }\r\n            .loc-map { height: 300px; border-radius: 20px; }\r\n            .ab-history { padding: 80px 5%; }\r\n            .ab-location { padding: 80px 5%; }\r\n            .ab-vision { padding: 80px 5%; }\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=\"ab-wrap\">\r\n        \r\n        <!-- 1. \ud788\uc5b4\ub85c \uc778\ud2b8\ub85c -->\r\n        <section class=\"ab-hero\">\r\n            <div class=\"ab-hero-bg\"><\/div>\r\n            <div class=\"ab-hero-circle\"><\/div>\r\n            <div class=\"ab-hero-content\">\r\n                <h1 class=\"ab-title\">\r\n                    <span class=\"gs-title\">WHO<\/span> <span class=\"gs-title\" style=\"color:#0066ff;\">WE ARE<\/span>\r\n                <\/h1>\r\n                <p class=\"ab-sub gs-sub\">\uc138\uc0c1\uc744 \ubcc0\ud654\uc2dc\ud0a4\ub294 Blanding\uc758 \ubc1c\uc790\ucde8<\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 2. CEO \uc778\uc0ac\ub9d0 -->\r\n        <section class=\"ab-ceo\">\r\n            <div class=\"ceo-img-wrap gs-fade-up\">\r\n                <div class=\"ceo-img-box\" id=\"ceoImg\"><\/div>\r\n            <\/div>\r\n            <div class=\"ceo-text gs-fade-up\">\r\n                <h2>\ub04a\uc784\uc5c6\ub294 \ud601\uc2e0,<br>\uadf8\ub9ac\uace0 <span style=\"color:#0066ff;\">\uace0\uac1d\uacfc\uc758 \uc2e0\ub8b0<\/span><\/h2>\r\n                <p class=\"gs-stagger\">Blanding\uc744 \ucc3e\uc544\uc8fc\uc2e0 \uc5ec\ub7ec\ubd84, \uc9c4\uc2ec\uc73c\ub85c \ud658\uc601\ud569\ub2c8\ub2e4.<\/p>\r\n                <p class=\"gs-stagger\">\uc6b0\ub9ac\ub294 \uae09\ubcc0\ud558\ub294 \ub514\uc9c0\ud138 \ud658\uacbd \uc18d\uc5d0\uc11c \ub2e8\uc21c\ud55c \uc11c\ube44\uc2a4 \uc81c\uacf5\uc744 \ub118\uc5b4, \uace0\uac1d\uc758 \ube0c\ub79c\ub4dc \uac00\uce58\ub97c \uadf9\ub300\ud654\ud560 \uc218 \uc788\ub294 \uc0c8\ub85c\uc6b4 \uae30\uc900\uc744 \uc81c\uc2dc\ud558\uace0\uc790 \ud569\ub2c8\ub2e4.<\/p>\r\n                <p class=\"gs-stagger\">\uc2e4\ud328\ub97c \ub450\ub824\uc6cc\ud558\uc9c0 \uc54a\ub294 \ub3c4\uc804 \uc815\uc2e0\uacfc \uc644\ubcbd\uc744 \uae30\ud558\ub294 \uc7a5\uc778 \uc815\uc2e0\uc73c\ub85c, \uc5ec\ub7ec\ubd84\uc758 \ube44\uc988\ub2c8\uc2a4\uac00 \uc138\uc0c1\uc5d0 \ub354 \ubc1d\uac8c \ube5b\ub0a0 \uc218 \uc788\ub3c4\ub85d \ub4e0\ub4e0\ud55c \ud30c\ud2b8\ub108\uac00 \ub418\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\r\n                <div class=\"ceo-sign gs-stagger\">CEO of Blanding<\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 3. \ube44\uc804 (Vision) -->\r\n        <section class=\"ab-vision\">\r\n            <div class=\"vision-header gs-fade-up\">\r\n                <h2>OUR VISION<\/h2>\r\n                <p>\ubbf8\ub798\ub97c \ud5a5\ud55c Blanding\uc758 3\uac00\uc9c0 \ud575\uc2ec \ub3d9\ub825<\/p>\r\n            <\/div>\r\n            <div class=\"vision-grid\">\r\n                <div class=\"v-card gs-fade-up\">\r\n                    <div class=\"v-icon\">\ud83d\ude80<\/div>\r\n                    <h3>INNOVATION<\/h3>\r\n                    <p>\uae30\uc874\uc758 \ud2c0\uc744 \uae68\uace0 \uc2dc\uc7a5\uc744 \uc120\ub3c4\ud558\ub294 \ud601\uc2e0\uc801\uc778 \uae30\uc220\ub825\uacfc \uc544\uc774\ub514\uc5b4\ub97c \ucc3d\ucd9c\ud569\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n                <div class=\"v-card gs-fade-up d-mt\">\r\n                    <div class=\"v-icon\">\ud83c\udfa8<\/div>\r\n                    <h3>CREATIVITY<\/h3>\r\n                    <p>\uc608\uc220\uc801 \uac10\uac01\uacfc \ub370\uc774\ud130\ub97c \uacb0\ud569\ud558\uc5ec \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc555\ub3c4\uc801\uc778 \ub514\uc9c0\ud138 \uacbd\ud5d8\uc744 \uc120\uc0ac\ud569\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n                <div class=\"v-card gs-fade-up\">\r\n                    <div class=\"v-icon\">\ud83e\udd1d<\/div>\r\n                    <h3>PARTNERSHIP<\/h3>\r\n                    <p>\uace0\uac1d\uc758 \uc131\uacf5\uc774 \uace7 \uc6b0\ub9ac\uc758 \uc131\uacf5\uc774\ub77c\ub294 \ubbff\uc74c\uc73c\ub85c \ub2e8\ub2e8\ud55c \uc2e0\ub8b0 \uad00\uacc4\ub97c \uad6c\ucd95\ud569\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 4. \uc5f0\ud601 (History) -->\r\n        <section class=\"ab-history\">\r\n            <div class=\"hist-header gs-fade-up\">\r\n                <h2>HISTORY<\/h2>\r\n                <p style=\"color:#666; font-size:1.1rem; margin-top:10px;\">\uc6b0\ub9ac\uac00 \uac78\uc5b4\uc628 \uc5f4\uc815\uacfc \ub3c4\uc804\uc758 \uc2dc\uac04\ub4e4<\/p>\r\n            <\/div>\r\n            <div class=\"timeline-wrap\">\r\n                <div class=\"timeline-line\"><\/div>\r\n                <div class=\"timeline-progress\" id=\"timeProgress\"><\/div>\r\n                \r\n                <div class=\"hist-item\">\r\n                    <div class=\"hist-year\">2026<\/div>\r\n                    <div class=\"hist-dot\"><\/div>\r\n                    <div class=\"hist-content gs-fade-up\">\r\n                        <h4>\uae00\ub85c\ubc8c \ub514\uc790\uc778 \uc5b4\uc6cc\ub4dc \ub300\uc0c1 \uc218\uc0c1<\/h4>\r\n                        <p>\ub3c5\ubcf4\uc801\uc778 UI\/UX \uae30\uc220\ub825\uc744 \uc778\uc815\ubc1b\uc544 \uc138\uacc4\uc801\uc778 \ubb34\ub300\uc5d0\uc11c 1\uc704\ub97c \ub2ec\uc131\ud558\uc600\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"hist-item\">\r\n                    <div class=\"hist-year\">2024<\/div>\r\n                    <div class=\"hist-dot\"><\/div>\r\n                    <div class=\"hist-content gs-fade-up\">\r\n                        <h4>\ud574\uc678 \uc9c0\uc0ac \uc124\ub9bd \ubc0f \uae00\ub85c\ubc8c \ud655\uc7a5<\/h4>\r\n                        <p>\ubd81\ubbf8 \ubc0f \uc720\ub7fd \uc2dc\uc7a5 \uc9c4\ucd9c\uc744 \uc704\ud55c \uac70\uc810\uc744 \ub9c8\ub828\ud558\uace0 \uae00\ub85c\ubc8c \ub124\ud2b8\uc6cc\ud06c\ub97c \uad6c\ucd95\ud588\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"hist-item\">\r\n                    <div class=\"hist-year\">2022<\/div>\r\n                    <div class=\"hist-dot\"><\/div>\r\n                    <div class=\"hist-content gs-fade-up\">\r\n                        <h4>Blanding \uc11c\ube44\uc2a4 2.0 \ub7f0\uce6d<\/h4>\r\n                        <p>\uc0ac\uc6a9\uc790 \ud53c\ub4dc\ubc31\uc744 \ubc14\ud0d5\uc73c\ub85c \uc2dc\uc2a4\ud15c\uc744 \uc804\uba74 \uac1c\ud3b8\ud558\uc5ec \ucc28\uc138\ub300 \uc11c\ube44\uc2a4\ub97c \uc120\ubcf4\uc600\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"hist-item\">\r\n                    <div class=\"hist-year\">2020<\/div>\r\n                    <div class=\"hist-dot\"><\/div>\r\n                    <div class=\"hist-content gs-fade-up\">\r\n                        <h4>(\uc8fc)Blanding \ubc95\uc778 \uc124\ub9bd<\/h4>\r\n                        <p>\ucc3d\uc758\uc801\uc778 \uc544\uc774\ub514\uc5b4\uc640 \uae30\uc220\ub825\uc744 \ubc14\ud0d5\uc73c\ub85c \ub514\uc9c0\ud138 \ud601\uc2e0\uc758 \uccab \uac78\uc74c\uc744 \ub0b4\ub514\ub3a0\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 5. \uc624\uc2dc\ub294 \uae38 (Location) -->\r\n        <section class=\"ab-location\">\r\n            <div class=\"loc-wrap\">\r\n                <div class=\"loc-info gs-fade-up\">\r\n                    <h2>CONTACT US<\/h2>\r\n                    <ul class=\"loc-list\">\r\n                        <li>\r\n                            <div class=\"loc-icon\">\ud83d\udccd<\/div>\r\n                            <div class=\"loc-text\">\r\n                                <h4>Address<\/h4>\r\n                                <p>\uacbd\uae30\ub3c4 \uc131\ub0a8\uc2dc \ubd84\ub2f9\uad6c \ud310\uad50\uc5ed\ub85c 000, Blanding \ud0c0\uc6cc 15\uce35<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li>\r\n                            <div class=\"loc-icon\">\ud83d\udcde<\/div>\r\n                            <div class=\"loc-text\">\r\n                                <h4>Phone \/ Fax<\/h4>\r\n                                <p>T. 031-000-0000<br>F. 031-000-0001<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li>\r\n                            <div class=\"loc-icon\">\u2709\ufe0f<\/div>\r\n                            <div class=\"loc-text\">\r\n                                <h4>Email<\/h4>\r\n                                <p>contact@blanding.com<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"loc-map gs-fade-up\">\r\n                    <!-- \uc131\ub0a8\uc2dc \ubd84\ub2f9\uad6c \ud310\uad50\uc5ed \ubd80\uadfc \uad6c\uae00 \ub9f5 -->\r\n                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3167.336187766324!2d127.10959041530864!3d37.394144679830574!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca7c83f6f3ccf%3A0x63390f77977a46ab!2z6rK96riw64-EIOyEseuCqOyLnCDrtoTri7nqurAg7YyQ6rWQ7Jet66Gc!5e0!3m2!1sko!2skr!4v1700000000000!5m2!1sko!2skr\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n                <\/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            \/\/ \ubaa8\ubc14\uc77c \uc5d0\ub7ec \ubc29\uc9c0\ub97c \uc704\ud574 \ubaa8\ub4e0 \uc9c4\uc785 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc544\ub798\uc5d0\uc11c \uc704\ub85c(y\ucd95) \ud1b5\uc77c\r\n            \/\/ 1. \ud788\uc5b4\ub85c \ud0c0\uc774\ud2c0 \uc560\ub2c8\uba54\uc774\uc158\r\n            const tl = gsap.timeline();\r\n            tl.to('.gs-title', { clipPath: 'polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)', y: 0, duration: 1.2, stagger: 0.2, ease: 'expo.out', delay: 0.2 })\r\n              .to('.gs-sub', { opacity: 1, y: 0, duration: 1, ease: 'power3.out' }, \"-=0.8\");\r\n\r\n            \/\/ 2. \uacf5\ud1b5 Fade Up \uc560\ub2c8\uba54\uc774\uc158 (\ubaa8\ubc14\uc77c\uc5d0\uc11c \ub9e4\uc6b0 \uc548\uc815\uc801)\r\n            gsap.utils.toArray('.gs-fade-up').forEach(item => {\r\n                gsap.fromTo(item, \r\n                    { y: 60, opacity: 0 }, \r\n                    { y: 0, opacity: 1, duration: 1.2, ease: 'power3.out', scrollTrigger: { trigger: item, start: 'top 85%' } }\r\n                );\r\n            });\r\n\r\n            \/\/ 3. \ud14d\uc2a4\ud2b8 Stagger (CEO \uc139\uc158 P\ud0dc\uadf8 \ub4f1)\r\n            gsap.fromTo('.gs-stagger', \r\n                { y: 30, opacity: 0 }, \r\n                { y: 0, opacity: 1, duration: 1, stagger: 0.2, ease: 'power3.out', scrollTrigger: { trigger: '.ab-ceo', start: 'top 70%' } }\r\n            );\r\n\r\n            \/\/ 4. \ubc11\uc904 \uc560\ub2c8\uba54\uc774\uc158 (CEO \uc139\uc158)\r\n            gsap.fromTo('.ceo-text h2::after', \r\n                { width: '0%' }, \r\n                { width: '100%', duration: 1, ease: 'power3.inOut', scrollTrigger: { trigger: '.ab-ceo', start: 'top 70%' } }\r\n            );\r\n\r\n            \/\/ 5. \uc5f0\ud601 \uc138\ub85c\uc120 \uc2a4\ud06c\ub864 \uc560\ub2c8\uba54\uc774\uc158 (\ub370\uc2a4\ud06c\ud0d1 \uc804\uc6a9)\r\n            if(window.innerWidth > 1024) {\r\n                gsap.to('#timeProgress', {\r\n                    height: '100%',\r\n                    ease: 'none',\r\n                    scrollTrigger: { trigger: '.timeline-wrap', start: 'top center', end: 'bottom center', scrub: true }\r\n                });\r\n\r\n                gsap.utils.toArray('.hist-dot').forEach(dot => {\r\n                    gsap.to(dot, { scale: 1, scrollTrigger: { trigger: dot, start: 'top center', toggleActions: \"play none none reverse\" } });\r\n                });\r\n\r\n                \/\/ \ub370\uc2a4\ud06c\ud0d1 \uc804\uc6a9 \ube44\uc804\uc139\uc158 \uc911\uc559 \uce74\ub4dc \ub2e8\ucc28 \uc720\uc9c0\r\n                document.querySelector('.d-mt').style.marginTop = '50px';\r\n            } else {\r\n                \/\/ \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \ub2e8\ucc28 \uc81c\uac70\r\n                document.querySelector('.d-mt').style.marginTop = '0px';\r\n            }\r\n\r\n            \/\/ CEO \uc774\ubbf8\uc9c0 \ub9c8\uc6b0\uc2a4 \ud638\ubc84 3D \ud6a8\uacfc (\ub370\uc2a4\ud06c\ud0d1 \uc804\uc6a9)\r\n            const ceoImg = document.getElementById('ceoImg');\r\n            const ceoWrap = document.querySelector('.ceo-img-wrap');\r\n            if(ceoWrap && ceoImg && window.innerWidth > 1024) {\r\n                ceoWrap.addEventListener('mousemove', (e) => {\r\n                    const rect = ceoWrap.getBoundingClientRect();\r\n                    const x = e.clientX - rect.left;\r\n                    const y = e.clientY - rect.top;\r\n                    const centerX = rect.width \/ 2;\r\n                    const centerY = rect.height \/ 2;\r\n                    const rotateX = ((y - centerY) \/ centerY) * -10;\r\n                    const rotateY = ((x - centerX) \/ centerX) * 10;\r\n                    ceoImg.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.02, 1.02, 1.02)`;\r\n                });\r\n                ceoWrap.addEventListener('mouseleave', () => {\r\n                    ceoImg.style.transform = 'rotateX(0) rotateY(0) scale3d(1, 1, 1)';\r\n                });\r\n            }\r\n        });\r\n    <\/script>\r\n    \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-11","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\/11","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=11"}],"version-history":[{"count":3,"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":214,"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/pages\/11\/revisions\/214"}],"wp:attachment":[{"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}