China Express – \ud55c\uad6d\u2192\uc911\uad6d \ud2b9\uc1a1 \uc11c\ube44\uc2a4<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@400;700;900&family=Space+Grotesk:wght@500;700&display=swap\"\n rel=\"stylesheet\"><\/p>\n<style>\n :root {\n --navy: #1a2332;\n --red: #e63946;\n --light-gray: #f8f9fa;\n --white: #ffffff;\n --text-dark: #2b2d42;\n }<\/p>\n<p> * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }<\/p>\n<p> body {\n font-family: 'Noto Sans KR', sans-serif;\n color: var(--text-dark);\n overflow-x: hidden;\n }<\/p>\n<p> \/* Hero Section *\/\n .hero {\n position: relative;\n min-height: 100vh;\n background: linear-gradient(135deg, var(--navy) 0%, #2d3e50 100%);\n overflow: hidden;\n }<\/p>\n<p> .hero::before {\n content: '';\n position: absolute;\n width: 200%;\n height: 200%;\n background-image:\n linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n background-size: 50px 50px;\n animation: gridMove 20s linear infinite;\n }<\/p>\n<p> @keyframes gridMove {\n 0% {\n transform: translate(0, 0);\n }<\/p>\n<p> 100% {\n transform: translate(50px, 50px);\n }\n }<\/p>\n<p> .hero-content {\n position: relative;\n max-width: 1400px;\n margin: 0 auto;\n padding: 120px 40px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: center;\n }<\/p>\n<p> .hero-text h1 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 4.5rem;\n font-weight: 900;\n color: var(--white);\n line-height: 1.1;\n margin-bottom: 24px;\n animation: slideInLeft 0.8s ease-out;\n }<\/p>\n<p> .hero-text h1 .arrow {\n color: var(--red);\n display: inline-block;\n animation: pulse 2s ease-in-out infinite;\n }<\/p>\n<p> @keyframes pulse {<\/p>\n<p> 0%,\n 100% {\n transform: scale(1);\n }<\/p>\n<p> 50% {\n transform: scale(1.1);\n }\n }<\/p>\n<p> .hero-text p {\n font-size: 1.3rem;\n color: rgba(255, 255, 255, 0.85);\n margin-bottom: 40px;\n animation: slideInLeft 0.8s ease-out 0.2s backwards;\n }<\/p>\n<p> @keyframes slideInLeft {\n from {\n opacity: 0;\n transform: translateX(-50px);\n }<\/p>\n<p> to {\n opacity: 1;\n transform: translateX(0);\n }\n }<\/p>\n<p> .hero-features {\n display: flex;\n gap: 40px;\n margin-bottom: 40px;\n animation: slideInLeft 0.8s ease-out 0.4s backwards;\n }<\/p>\n<p> .feature-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }<\/p>\n<p> .feature-icon {\n width: 60px;\n height: 60px;\n background: rgba(230, 57, 70, 0.1);\n border: 2px solid var(--red);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 28px;\n margin-bottom: 12px;\n transition: all 0.3s ease;\n }<\/p>\n<p> .feature-item:hover .feature-icon {\n background: var(--red);\n transform: translateY(-5px);\n }<\/p>\n<p> .feature-item span {\n color: var(--white);\n font-size: 0.9rem;\n font-weight: 500;\n }<\/p>\n<p> .cta-button {\n display: inline-block;\n background: var(--red);\n color: var(--white);\n padding: 20px 50px;\n font-size: 1.2rem;\n font-weight: 700;\n text-decoration: none;\n border-radius: 50px;\n transition: all 0.3s ease;\n box-shadow: 0 10px 30px rgba(230, 57, 70, 0.3);\n animation: slideInLeft 0.8s ease-out 0.6s backwards;\n }<\/p>\n<p> .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(230, 57, 70, 0.4);\n }<\/p>\n<p> .hero-visual {\n position: relative;\n animation: slideInRight 0.8s ease-out 0.4s backwards;\n }<\/p>\n<p> @keyframes slideInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }<\/p>\n<p> to {\n opacity: 1;\n transform: translateX(0);\n }\n }<\/p>\n<p> .shipping-box {\n width: 100%;\n max-width: 500px;\n aspect-ratio: 1;\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);\n border: 3px solid rgba(230, 57, 70, 0.3);\n border-radius: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 200px;\n position: relative;\n animation: float 3s ease-in-out infinite;\n }<\/p>\n<p> @keyframes float {<\/p>\n<p> 0%,\n 100% {\n transform: translateY(0);\n }<\/p>\n<p> 50% {\n transform: translateY(-20px);\n }\n }<\/p>\n<p> .shipping-box::before {\n content: '\ud83d\udce6';\n filter: drop-shadow(0 20px 40px rgba(230, 57, 70, 0.3));\n }<\/p>\n<p> .speed-lines {\n position: absolute;\n right: -50px;\n top: 50%;\n transform: translateY(-50%);\n }<\/p>\n<p> .speed-line {\n width: 100px;\n height: 4px;\n background: var(--red);\n margin: 15px 0;\n border-radius: 2px;\n animation: speedLine 1.5s ease-in-out infinite;\n }<\/p>\n<p> .speed-line:nth-child(2) {\n animation-delay: 0.2s;\n width: 80px;\n }<\/p>\n<p> .speed-line:nth-child(3) {\n animation-delay: 0.4s;\n width: 60px;\n }<\/p>\n<p> @keyframes speedLine {\n 0% {\n opacity: 0;\n transform: translateX(-50px);\n }<\/p>\n<p> 50% {\n opacity: 1;\n }<\/p>\n<p> 100% {\n opacity: 0;\n transform: translateX(50px);\n }\n }<\/p>\n<p> \/* Services Section *\/\n .services {\n padding: 120px 40px;\n background: var(--white);\n }<\/p>\n<p> .section-title {\n text-align: center;\n font-family: 'Space Grotesk', sans-serif;\n font-size: 3rem;\n font-weight: 700;\n margin-bottom: 80px;\n color: var(--navy);\n }<\/p>\n<p> .services-grid {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n }<\/p>\n<p> .service-card {\n background: var(--light-gray);\n padding: 50px 40px;\n border-radius: 20px;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }<\/p>\n<p> .service-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: var(--red);\n transform: scaleX(0);\n transition: transform 0.3s ease;\n }<\/p>\n<p> .service-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .service-card:hover::before {\n transform: scaleX(1);\n }<\/p>\n<p> .service-card h3 {\n font-size: 1.8rem;\n margin-bottom: 20px;\n color: var(--navy);\n }<\/p>\n<p> .service-card p {\n color: #666;\n line-height: 1.8;\n font-size: 1.1rem;\n }<\/p>\n<p> \/* Pricing Section *\/\n .pricing {\n padding: 120px 40px;\n background: linear-gradient(135deg, var(--light-gray) 0%, #e8eaed 100%);\n }<\/p>\n<p> .pricing-table {\n max-width: 1200px;\n margin: 0 auto;\n background: var(--white);\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .pricing-header {\n background: var(--navy);\n color: var(--white);\n padding: 40px;\n text-align: center;\n }<\/p>\n<p> .pricing-header h2 {\n font-size: 2.5rem;\n margin-bottom: 10px;\n }<\/p>\n<p> .pricing-body {\n padding: 60px 40px;\n }<\/p>\n<p> .price-row {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n padding: 30px 0;\n border-bottom: 1px solid #eee;\n align-items: center;\n }<\/p>\n<p> .price-row:last-child {\n border-bottom: none;\n }<\/p>\n<p> .price-label {\n font-size: 1.2rem;\n font-weight: 700;\n color: var(--navy);\n }<\/p>\n<p> .price-value {\n font-size: 1.5rem;\n color: var(--red);\n font-weight: 700;\n text-align: center;\n }<\/p>\n<p> \/* CTA Section *\/\n .final-cta {\n padding: 120px 40px;\n background: var(--navy);\n text-align: center;\n }<\/p>\n<p> .final-cta h2 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 3.5rem;\n color: var(--white);\n margin-bottom: 40px;\n }<\/p>\n<p> .final-cta .cta-button {\n font-size: 1.5rem;\n padding: 25px 60px;\n }<\/p>\n<p> \/* Responsive *\/\n @media (max-width: 968px) {\n .hero-content {\n grid-template-columns: 1fr;\n gap: 60px;\n padding: 80px 20px;\n }<\/p>\n<p> .hero-text h1 {\n font-size: 3rem;\n }<\/p>\n<p> .shipping-box {\n max-width: 300px;\n margin: 0 auto;\n }<\/p>\n<p> .services-grid {\n grid-template-columns: 1fr;\n }<\/p>\n<p> .price-row {\n grid-template-columns: 1fr;\n gap: 15px;\n text-align: center;\n }\n }\n <\/style>\n<p><\/head><\/p>\n<p><body><br \/>\n <\/p>\n<section class=\"hero\">\n<div class=\"hero-content\">\n<div class=\"hero-text\">\n<h1>\ud55c\uad6d<span class=\"arrow\">\u2192<\/span>\uc911\uad6d<br \/>\ud2b9\uc1a1<\/h1>\n<p>\ube60\ub974\uace0 \uc548\uc804\ud55c \uad6d\uc81c \ubb3c\ub958 \uc11c\ube44\uc2a4<br \/>\ub2f9\uc77c \uc811\uc218, \uc775\uc77c \ubc30\uc1a1<\/p>\n<div class=\"hero-features\">\n<div class=\"feature-item\">\n<div class=\"feature-icon\">\ud83d\ude9a<\/div>\n<p> <span>\ube60\ub978 \ubc30\uc1a1<\/span>\n <\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon\">\ud83d\udce6<\/div>\n<p> <span>\uc548\uc804 \ud3ec\uc7a5<\/span>\n <\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon\">\u23f0<\/div>\n<p> <span>24\/7 \uc9c0\uc6d0<\/span>\n <\/div>\n<\/p><\/div>\n<p> <a href=\"#services\" class=\"cta-button\">\ubc30\uc1a1 \uc2e0\uccad\ud558\uae30<\/a>\n <\/div>\n<div class=\"hero-visual\">\n<div class=\"shipping-box\"><\/div>\n<div class=\"speed-lines\">\n<div class=\"speed-line\"><\/div>\n<div class=\"speed-line\"><\/div>\n<div class=\"speed-line\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"services\" id=\"services\">\n<h2 class=\"section-title\">\uc6b0\ub9ac\uc758 \uc11c\ube44\uc2a4<\/h2>\n<div class=\"services-grid\">\n<div class=\"service-card\">\n<h3>\ud83d\udce6 \ubc30\uc1a1\uc2e0\uccad<\/h3>\n<p>\uac04\ud3b8\ud55c \uc628\ub77c\uc778 \uc2e0\uccad \uc2dc\uc2a4\ud15c\uc73c\ub85c \uc5b8\uc81c \uc5b4\ub514\uc11c\ub098 \ubc30\uc1a1\uc744 \uc694\uccad\ud558\uc138\uc694. \uc2e4\uc2dc\uac04 \uacac\uc801 \ud655\uc778\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n<\/p><\/div>\n<div class=\"service-card\">\n<h3>\u2708\ufe0f \ud578\uc988\ucf00\ub9ac<\/h3>\n<p>\uae09\ud55c \uc11c\ub958\ub098 \uc18c\ub7c9 \ud654\ubb3c\uc744 \uc9c1\uc811 \ub4e4\uace0 \uac00\ub294 \ud578\ub4dc\uce90\ub9ac \uc11c\ube44\uc2a4. \uac00\uc7a5 \ube60\ub974\uace0 \uc548\uc804\ud55c \ubc30\uc1a1 \ubc29\ubc95\uc785\ub2c8\ub2e4.<\/p>\n<\/p><\/div>\n<div class=\"service-card\">\n<h3>\ud83c\udf0f \uad6d\uc81c\ud0dd\ubc30<\/h3>\n<p>\ud55c\uad6d\uc5d0\uc11c \uc911\uad6d \uc804\uc5ed\uc73c\ub85c \uc548\uc804\ud558\uac8c \ubc30\uc1a1\ud569\ub2c8\ub2e4. \ucd94\uc801 \uc2dc\uc2a4\ud15c\uc73c\ub85c \uc2e4\uc2dc\uac04 \uc704\uce58 \ud655\uc778\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n<\/p><\/div>\n<div class=\"service-card\">\n<h3>\ud83d\udec3 \ub300\ub9ac\ud1b5\uad00<\/h3>\n<p>\ubcf5\uc7a1\ud55c \ud1b5\uad00 \uc808\ucc28\ub97c \uc804\ubb38\uac00\uac00 \ub300\uc2e0 \ucc98\ub9ac\ud574 \ub4dc\ub9bd\ub2c8\ub2e4. \ube60\ub974\uace0 \uc815\ud655\ud55c \ud1b5\uad00 \uc11c\ube44\uc2a4\ub97c \uacbd\ud5d8\ud558\uc138\uc694.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"pricing\">\n<h2 class=\"section-title\">\ud22c\uba85\ud55c \uc694\uae08\uc81c<\/h2>\n<div class=\"pricing-table\">\n<div class=\"pricing-header\">\n<h2>\uc911\ub7c9\ubcc4 \ubc30\uc1a1\ube44<\/h2>\n<p>\ubaa8\ub4e0 \uac00\uaca9\uc740 \ubd80\uac00\uc138 \ud3ec\ud568 \uae08\uc561\uc785\ub2c8\ub2e4<\/p>\n<\/p><\/div>\n<div class=\"pricing-body\">\n<div class=\"price-row\">\n<div class=\"price-label\">1kg \uc774\ud558<\/div>\n<div class=\"price-value\">\u20a915,000<\/div>\n<div><\/div>\n<\/p><\/div>\n<div class=\"price-row\">\n<div class=\"price-label\">1kg ~ 5kg<\/div>\n<div class=\"price-value\">\u20a912,000\/kg<\/div>\n<div><\/div>\n<\/p><\/div>\n<div class=\"price-row\">\n<div class=\"price-label\">5kg ~ 20kg<\/div>\n<div class=\"price-value\">\u20a910,000\/kg<\/div>\n<div><\/div>\n<\/p><\/div>\n<div class=\"price-row\">\n<div class=\"price-label\">20kg \uc774\uc0c1<\/div>\n<div class=\"price-value\">\ubcc4\ub3c4 \uacac\uc801<\/div>\n<div><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"final-cta\">\n<h2>\uc9c0\uae08 \ubc14\ub85c \uc2dc\uc791\ud558\uc138\uc694<\/h2>\n<p> <a href=\"\/\ubc30\uc1a1\uc2e0\uccad\" class=\"cta-button\">\ubb34\ub8cc \uacac\uc801 \ubc1b\uae30<\/a><br \/>\n <\/section>\n<p> <script>\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });<\/p>\n<p> \/\/ Scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };<\/p>\n<p> const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);<\/p>\n<p> document.querySelectorAll('.service-card, .pricing-table').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'all 0.6s ease-out';\n observer.observe(el);\n });\n <\/script><br \/>\n<\/body><\/p>\n<p><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>China Express – \ud55c\uad6d\u2192\uc911\uad6d \ud2b9\uc1a1 \uc11c\ube44\uc2a4 \ud55c\uad6d\u2192\uc911\uad6d\ud2b9\uc1a1 \ube60\ub974\uace0 \uc548\uc804\ud55c \uad6d\uc81c \ubb3c\ub958 \uc11c\ube44\uc2a4\ub2f9\uc77c \uc811\uc218, \uc775\uc77c \ubc30\uc1a1 \ud83d\ude9a \ube60\ub978 \ubc30\uc1a1 \ud83d\udce6 \uc548\uc804 \ud3ec\uc7a5 \u23f0 24\/7 \uc9c0\uc6d0 \ubc30\uc1a1 \uc2e0\uccad\ud558\uae30 \uc6b0\ub9ac\uc758 \uc11c\ube44\uc2a4 \ud83d\udce6 \ubc30\uc1a1\uc2e0\uccad \uac04\ud3b8\ud55c \uc628\ub77c\uc778 \uc2e0\uccad \uc2dc\uc2a4\ud15c\uc73c\ub85c \uc5b8\uc81c \uc5b4\ub514\uc11c\ub098 \ubc30\uc1a1\uc744 \uc694\uccad\ud558\uc138\uc694. \uc2e4\uc2dc\uac04 \uacac\uc801 \ud655\uc778\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \u2708\ufe0f \ud578\uc988\ucf00\ub9ac \uae09\ud55c \uc11c\ub958\ub098 \uc18c\ub7c9 \ud654\ubb3c\uc744 \uc9c1\uc811 \ub4e4\uace0 \uac00\ub294 \ud578\ub4dc\uce90\ub9ac \uc11c\ube44\uc2a4. \uac00\uc7a5 \ube60\ub974\uace0 […]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/shop.namuai.kr\/index.php?rest_route=\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/shop.namuai.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/shop.namuai.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"http:\/\/shop.namuai.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=32"}],"version-history":[{"count":4,"href":"http:\/\/shop.namuai.kr\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":41,"href":"http:\/\/shop.namuai.kr\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions\/41"}],"wp:attachment":[{"href":"http:\/\/shop.namuai.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":32,"date":"2026-02-01T13:05:07","date_gmt":"2026-02-01T13:05:07","guid":{"rendered":"https:\/\/www.china-express.co.kr\/?page_id=32"},"modified":"2026-02-01T13:23:45","modified_gmt":"2026-02-01T13:23:45","slug":"home","status":"publish","type":"page","link":"http:\/\/shop.namuai.kr\/","title":{"rendered":"\ud648\ud398\uc774\uc9c0"},"content":{"rendered":"

\n<\/p>\n

\n
\n
\n China Express – \ud55c\uad6d\u2192\uc911\uad6d \ud2b9\uc1a1 \uc11c\ube44\uc2a4<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@400;700;900&family=Space+Grotesk:wght@500;700&display=swap\"\n rel=\"stylesheet\"><\/p>\n<style>\n :root {\n --navy: #1a2332;\n --red: #e63946;\n --light-gray: #f8f9fa;\n --white: #ffffff;\n --text-dark: #2b2d42;\n }<\/p>\n<p> * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }<\/p>\n<p> body {\n font-family: 'Noto Sans KR', sans-serif;\n color: var(--text-dark);\n overflow-x: hidden;\n }<\/p>\n<p> \/* Hero Section *\/\n .hero {\n position: relative;\n min-height: 100vh;\n background: linear-gradient(135deg, var(--navy) 0%, #2d3e50 100%);\n overflow: hidden;\n }<\/p>\n<p> .hero::before {\n content: '';\n position: absolute;\n width: 200%;\n height: 200%;\n background-image:\n linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n background-size: 50px 50px;\n animation: gridMove 20s linear infinite;\n }<\/p>\n<p> @keyframes gridMove {\n 0% {\n transform: translate(0, 0);\n }<\/p>\n<p> 100% {\n transform: translate(50px, 50px);\n }\n }<\/p>\n<p> .hero-content {\n position: relative;\n max-width: 1400px;\n margin: 0 auto;\n padding: 120px 40px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: center;\n }<\/p>\n<p> .hero-text h1 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 4.5rem;\n font-weight: 900;\n color: var(--white);\n line-height: 1.1;\n margin-bottom: 24px;\n animation: slideInLeft 0.8s ease-out;\n }<\/p>\n<p> .hero-text h1 .arrow {\n color: var(--red);\n display: inline-block;\n animation: pulse 2s ease-in-out infinite;\n }<\/p>\n<p> @keyframes pulse {<\/p>\n<p> 0%,\n 100% {\n transform: scale(1);\n }<\/p>\n<p> 50% {\n transform: scale(1.1);\n }\n }<\/p>\n<p> .hero-text p {\n font-size: 1.3rem;\n color: rgba(255, 255, 255, 0.85);\n margin-bottom: 40px;\n animation: slideInLeft 0.8s ease-out 0.2s backwards;\n }<\/p>\n<p> @keyframes slideInLeft {\n from {\n opacity: 0;\n transform: translateX(-50px);\n }<\/p>\n<p> to {\n opacity: 1;\n transform: translateX(0);\n }\n }<\/p>\n<p> .hero-features {\n display: flex;\n gap: 40px;\n margin-bottom: 40px;\n animation: slideInLeft 0.8s ease-out 0.4s backwards;\n }<\/p>\n<p> .feature-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }<\/p>\n<p> .feature-icon {\n width: 60px;\n height: 60px;\n background: rgba(230, 57, 70, 0.1);\n border: 2px solid var(--red);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 28px;\n margin-bottom: 12px;\n transition: all 0.3s ease;\n }<\/p>\n<p> .feature-item:hover .feature-icon {\n background: var(--red);\n transform: translateY(-5px);\n }<\/p>\n<p> .feature-item span {\n color: var(--white);\n font-size: 0.9rem;\n font-weight: 500;\n }<\/p>\n<p> .cta-button {\n display: inline-block;\n background: var(--red);\n color: var(--white);\n padding: 20px 50px;\n font-size: 1.2rem;\n font-weight: 700;\n text-decoration: none;\n border-radius: 50px;\n transition: all 0.3s ease;\n box-shadow: 0 10px 30px rgba(230, 57, 70, 0.3);\n animation: slideInLeft 0.8s ease-out 0.6s backwards;\n }<\/p>\n<p> .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(230, 57, 70, 0.4);\n }<\/p>\n<p> .hero-visual {\n position: relative;\n animation: slideInRight 0.8s ease-out 0.4s backwards;\n }<\/p>\n<p> @keyframes slideInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }<\/p>\n<p> to {\n opacity: 1;\n transform: translateX(0);\n }\n }<\/p>\n<p> .shipping-box {\n width: 100%;\n max-width: 500px;\n aspect-ratio: 1;\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);\n border: 3px solid rgba(230, 57, 70, 0.3);\n border-radius: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 200px;\n position: relative;\n animation: float 3s ease-in-out infinite;\n }<\/p>\n<p> @keyframes float {<\/p>\n<p> 0%,\n 100% {\n transform: translateY(0);\n }<\/p>\n<p> 50% {\n transform: translateY(-20px);\n }\n }<\/p>\n<p> .shipping-box::before {\n content: '\ud83d\udce6';\n filter: drop-shadow(0 20px 40px rgba(230, 57, 70, 0.3));\n }<\/p>\n<p> .speed-lines {\n position: absolute;\n right: -50px;\n top: 50%;\n transform: translateY(-50%);\n }<\/p>\n<p> .speed-line {\n width: 100px;\n height: 4px;\n background: var(--red);\n margin: 15px 0;\n border-radius: 2px;\n animation: speedLine 1.5s ease-in-out infinite;\n }<\/p>\n<p> .speed-line:nth-child(2) {\n animation-delay: 0.2s;\n width: 80px;\n }<\/p>\n<p> .speed-line:nth-child(3) {\n animation-delay: 0.4s;\n width: 60px;\n }<\/p>\n<p> @keyframes speedLine {\n 0% {\n opacity: 0;\n transform: translateX(-50px);\n }<\/p>\n<p> 50% {\n opacity: 1;\n }<\/p>\n<p> 100% {\n opacity: 0;\n transform: translateX(50px);\n }\n }<\/p>\n<p> \/* Services Section *\/\n .services {\n padding: 120px 40px;\n background: var(--white);\n }<\/p>\n<p> .section-title {\n text-align: center;\n font-family: 'Space Grotesk', sans-serif;\n font-size: 3rem;\n font-weight: 700;\n margin-bottom: 80px;\n color: var(--navy);\n }<\/p>\n<p> .services-grid {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n }<\/p>\n<p> .service-card {\n background: var(--light-gray);\n padding: 50px 40px;\n border-radius: 20px;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }<\/p>\n<p> .service-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: var(--red);\n transform: scaleX(0);\n transition: transform 0.3s ease;\n }<\/p>\n<p> .service-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .service-card:hover::before {\n transform: scaleX(1);\n }<\/p>\n<p> .service-card h3 {\n font-size: 1.8rem;\n margin-bottom: 20px;\n color: var(--navy);\n }<\/p>\n<p> .service-card p {\n color: #666;\n line-height: 1.8;\n font-size: 1.1rem;\n }<\/p>\n<p> \/* Pricing Section *\/\n .pricing {\n padding: 120px 40px;\n background: linear-gradient(135deg, var(--light-gray) 0%, #e8eaed 100%);\n }<\/p>\n<p> .pricing-table {\n max-width: 1200px;\n margin: 0 auto;\n background: var(--white);\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .pricing-header {\n background: var(--navy);\n color: var(--white);\n padding: 40px;\n text-align: center;\n }<\/p>\n<p> .pricing-header h2 {\n font-size: 2.5rem;\n margin-bottom: 10px;\n }<\/p>\n<p> .pricing-body {\n padding: 60px 40px;\n }<\/p>\n<p> .price-row {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n padding: 30px 0;\n border-bottom: 1px solid #eee;\n align-items: center;\n }<\/p>\n<p> .price-row:last-child {\n border-bottom: none;\n }<\/p>\n<p> .price-label {\n font-size: 1.2rem;\n font-weight: 700;\n color: var(--navy);\n }<\/p>\n<p> .price-value {\n font-size: 1.5rem;\n color: var(--red);\n font-weight: 700;\n text-align: center;\n }<\/p>\n<p> \/* CTA Section *\/\n .final-cta {\n padding: 120px 40px;\n background: var(--navy);\n text-align: center;\n }<\/p>\n<p> .final-cta h2 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 3.5rem;\n color: var(--white);\n margin-bottom: 40px;\n }<\/p>\n<p> .final-cta .cta-button {\n font-size: 1.5rem;\n padding: 25px 60px;\n }<\/p>\n<p> \/* Responsive *\/\n @media (max-width: 968px) {\n .hero-content {\n grid-template-columns: 1fr;\n gap: 60px;\n padding: 80px 20px;\n }<\/p>\n<p> .hero-text h1 {\n font-size: 3rem;\n }<\/p>\n<p> .shipping-box {\n max-width: 300px;\n margin: 0 auto;\n }<\/p>\n<p> .services-grid {\n grid-template-columns: 1fr;\n }<\/p>\n<p> .price-row {\n grid-template-columns: 1fr;\n gap: 15px;\n text-align: center;\n }\n }\n <\/style>\n<p><\/head><\/p>\n<p><body><br \/>\n <\/p>\n<section class=\"hero\">\n<div class=\"hero-content\">\n<div class=\"hero-text\">\n<h1>\ud55c\uad6d<span class=\"arrow\">\u2192<\/span>\uc911\uad6d<br \/>\ud2b9\uc1a1<\/h1>\n<p>\ube60\ub974\uace0 \uc548\uc804\ud55c \uad6d\uc81c \ubb3c\ub958 \uc11c\ube44\uc2a4<br \/>\ub2f9\uc77c \uc811\uc218, \uc775\uc77c \ubc30\uc1a1<\/p>\n<div class=\"hero-features\">\n<div class=\"feature-item\">\n<div class=\"feature-icon\">\ud83d\ude9a<\/div>\n<p> <span>\ube60\ub978 \ubc30\uc1a1<\/span>\n <\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon\">\ud83d\udce6<\/div>\n<p> <span>\uc548\uc804 \ud3ec\uc7a5<\/span>\n <\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon\">\u23f0<\/div>\n<p> <span>24\/7 \uc9c0\uc6d0<\/span>\n <\/div>\n<\/p><\/div>\n<p> <a href=\"#services\" class=\"cta-button\">\ubc30\uc1a1 \uc2e0\uccad\ud558\uae30<\/a>\n <\/div>\n<div class=\"hero-visual\">\n<div class=\"shipping-box\"><\/div>\n<div class=\"speed-lines\">\n<div class=\"speed-line\"><\/div>\n<div class=\"speed-line\"><\/div>\n<div class=\"speed-line\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"services\" id=\"services\">\n<h2 class=\"section-title\">\uc6b0\ub9ac\uc758 \uc11c\ube44\uc2a4<\/h2>\n<div class=\"services-grid\">\n<div class=\"service-card\">\n<h3>\ud83d\udce6 \ubc30\uc1a1\uc2e0\uccad<\/h3>\n<p>\uac04\ud3b8\ud55c \uc628\ub77c\uc778 \uc2e0\uccad \uc2dc\uc2a4\ud15c\uc73c\ub85c \uc5b8\uc81c \uc5b4\ub514\uc11c\ub098 \ubc30\uc1a1\uc744 \uc694\uccad\ud558\uc138\uc694. \uc2e4\uc2dc\uac04 \uacac\uc801 \ud655\uc778\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n<\/p><\/div>\n<div class=\"service-card\">\n<h3>\u2708\ufe0f \ud578\uc988\ucf00\ub9ac<\/h3>\n<p>\uae09\ud55c \uc11c\ub958\ub098 \uc18c\ub7c9 \ud654\ubb3c\uc744 \uc9c1\uc811 \ub4e4\uace0 \uac00\ub294 \ud578\ub4dc\uce90\ub9ac \uc11c\ube44\uc2a4. \uac00\uc7a5 \ube60\ub974\uace0 \uc548\uc804\ud55c \ubc30\uc1a1 \ubc29\ubc95\uc785\ub2c8\ub2e4.<\/p>\n<\/p><\/div>\n<div class=\"service-card\">\n<h3>\ud83c\udf0f \uad6d\uc81c\ud0dd\ubc30<\/h3>\n<p>\ud55c\uad6d\uc5d0\uc11c \uc911\uad6d \uc804\uc5ed\uc73c\ub85c \uc548\uc804\ud558\uac8c \ubc30\uc1a1\ud569\ub2c8\ub2e4. \ucd94\uc801 \uc2dc\uc2a4\ud15c\uc73c\ub85c \uc2e4\uc2dc\uac04 \uc704\uce58 \ud655\uc778\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n<\/p><\/div>\n<div class=\"service-card\">\n<h3>\ud83d\udec3 \ub300\ub9ac\ud1b5\uad00<\/h3>\n<p>\ubcf5\uc7a1\ud55c \ud1b5\uad00 \uc808\ucc28\ub97c \uc804\ubb38\uac00\uac00 \ub300\uc2e0 \ucc98\ub9ac\ud574 \ub4dc\ub9bd\ub2c8\ub2e4. \ube60\ub974\uace0 \uc815\ud655\ud55c \ud1b5\uad00 \uc11c\ube44\uc2a4\ub97c \uacbd\ud5d8\ud558\uc138\uc694.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"pricing\">\n<h2 class=\"section-title\">\ud22c\uba85\ud55c \uc694\uae08\uc81c<\/h2>\n<div class=\"pricing-table\">\n<div class=\"pricing-header\">\n<h2>\uc911\ub7c9\ubcc4 \ubc30\uc1a1\ube44<\/h2>\n<p>\ubaa8\ub4e0 \uac00\uaca9\uc740 \ubd80\uac00\uc138 \ud3ec\ud568 \uae08\uc561\uc785\ub2c8\ub2e4<\/p>\n<\/p><\/div>\n<div class=\"pricing-body\">\n<div class=\"price-row\">\n<div class=\"price-label\">1kg \uc774\ud558<\/div>\n<div class=\"price-value\">\u20a915,000<\/div>\n<div><\/div>\n<\/p><\/div>\n<div class=\"price-row\">\n<div class=\"price-label\">1kg ~ 5kg<\/div>\n<div class=\"price-value\">\u20a912,000\/kg<\/div>\n<div><\/div>\n<\/p><\/div>\n<div class=\"price-row\">\n<div class=\"price-label\">5kg ~ 20kg<\/div>\n<div class=\"price-value\">\u20a910,000\/kg<\/div>\n<div><\/div>\n<\/p><\/div>\n<div class=\"price-row\">\n<div class=\"price-label\">20kg \uc774\uc0c1<\/div>\n<div class=\"price-value\">\ubcc4\ub3c4 \uacac\uc801<\/div>\n<div><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"final-cta\">\n<h2>\uc9c0\uae08 \ubc14\ub85c \uc2dc\uc791\ud558\uc138\uc694<\/h2>\n<p> <a href=\"\/\ubc30\uc1a1\uc2e0\uccad\" class=\"cta-button\">\ubb34\ub8cc \uacac\uc801 \ubc1b\uae30<\/a><br \/>\n <\/section>\n<p> <script>\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });<\/p>\n<p> \/\/ Scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };<\/p>\n<p> const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);<\/p>\n<p> document.querySelectorAll('.service-card, .pricing-table').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'all 0.6s ease-out';\n observer.observe(el);\n });\n <\/script><br \/>\n<\/body><\/p>\n<p><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>China Express – \ud55c\uad6d\u2192\uc911\uad6d \ud2b9\uc1a1 \uc11c\ube44\uc2a4 \ud55c\uad6d\u2192\uc911\uad6d\ud2b9\uc1a1 \ube60\ub974\uace0 \uc548\uc804\ud55c \uad6d\uc81c \ubb3c\ub958 \uc11c\ube44\uc2a4\ub2f9\uc77c \uc811\uc218, \uc775\uc77c \ubc30\uc1a1 \ud83d\ude9a \ube60\ub978 \ubc30\uc1a1 \ud83d\udce6 \uc548\uc804 \ud3ec\uc7a5 \u23f0 24\/7 \uc9c0\uc6d0 \ubc30\uc1a1 \uc2e0\uccad\ud558\uae30 \uc6b0\ub9ac\uc758 \uc11c\ube44\uc2a4 \ud83d\udce6 \ubc30\uc1a1\uc2e0\uccad \uac04\ud3b8\ud55c \uc628\ub77c\uc778 \uc2e0\uccad \uc2dc\uc2a4\ud15c\uc73c\ub85c \uc5b8\uc81c \uc5b4\ub514\uc11c\ub098 \ubc30\uc1a1\uc744 \uc694\uccad\ud558\uc138\uc694. \uc2e4\uc2dc\uac04 \uacac\uc801 \ud655\uc778\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \u2708\ufe0f \ud578\uc988\ucf00\ub9ac \uae09\ud55c \uc11c\ub958\ub098 \uc18c\ub7c9 \ud654\ubb3c\uc744 \uc9c1\uc811 \ub4e4\uace0 \uac00\ub294 \ud578\ub4dc\uce90\ub9ac \uc11c\ube44\uc2a4. \uac00\uc7a5 \ube60\ub974\uace0 […]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/shop.namuai.kr\/index.php?rest_route=\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/shop.namuai.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/shop.namuai.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"http:\/\/shop.namuai.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=32"}],"version-history":[{"count":4,"href":"http:\/\/shop.namuai.kr\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":41,"href":"http:\/\/shop.namuai.kr\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions\/41"}],"wp:attachment":[{"href":"http:\/\/shop.namuai.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}