{"product_id":"uv-dtf","title":"EZ Uploader SuperDTF UV 스티커","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003cmeta name=\"description\" content=\"High-quality Super UV DTF stickers for any surface\"\u003e\n  \u003ctitle\u003eSuper UV DTF 스티커\u003c\/title\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:wght@400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n  \u003cstyle\u003e\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    :root {\n      --magenta: #e6007e;\n      --cyan: #00d4ff;\n      --dark: #0a0a0f;\n      --dark-card: #12121a;\n      --gray: #8a8a9a;\n      --white: #ffffff;\n    }\n\n    body {\n      font-family: 'DM Sans', sans-serif;\n      background: var(--dark);\n      color: var(--white);\n      min-height: 100vh;\n      overflow-x: hidden;\n    }\n\n    \/* Noise texture overlay *\/\n    body::before {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'\/%3E%3C\/svg%3E\");\n      opacity: 0.03;\n      pointer-events: none;\n      z-index: 10;\n    }\n\n    \/* Gradient orbs *\/\n    .orb {\n      position: absolute;\n      border-radius: 50%;\n      filter: blur(120px);\n      opacity: 0.2;\n      pointer-events: none;\n    }\n\n    .orb-1 {\n      width: 600px;\n      height: 600px;\n      background: var(--magenta);\n      top: -200px;\n      right: -200px;\n      animation: float 20s ease-in-out infinite;\n    }\n\n    .orb-2 {\n      width: 500px;\n      height: 500px;\n      background: var(--cyan);\n      bottom: -150px;\n      left: -150px;\n      animation: float 25s ease-in-out infinite reverse;\n    }\n\n    @keyframes float {\n      0%, 100% { transform: translate(0, 0) rotate(0deg); }\n      33% { transform: translate(30px, -30px) rotate(5deg); }\n      66% { transform: translate(-20px, 20px) rotate(-5deg); }\n    }\n\n    .container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 24px;\n      position: relative;\n    }\n\n    .orb-wrapper {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      overflow: hidden;\n      z-index: 0;\n      pointer-events: none;\n    }\n\n    .content-wrapper {\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* Header *\/\n    header {\n      padding: 80px 0 60px;\n      text-align: center;\n    }\n\n    .badge {\n      display: inline-block;\n      padding: 8px 20px;\n      background: linear-gradient(135deg, var(--magenta), var(--cyan));\n      border-radius: 50px;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      margin-bottom: 24px;\n      animation: slideDown 0.8s ease-out;\n    }\n\n    h1 {\n      font-family: 'Syne', sans-serif;\n      font-size: clamp(48px, 10vw, 96px);\n      font-weight: 800;\n      line-height: 1;\n      margin-bottom: 24px;\n      animation: slideUp 0.8s ease-out 0.1s both;\n    }\n\n    h1 .gradient-text {\n      background: linear-gradient(135deg, var(--magenta), var(--cyan));\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .tagline {\n      font-size: 20px;\n      color: var(--gray);\n      max-width: 500px;\n      margin: 0 auto;\n      animation: slideUp 0.8s ease-out 0.2s both;\n    }\n\n    @keyframes slideUp {\n      from { opacity: 0; transform: translateY(30px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes slideDown {\n      from { opacity: 0; transform: translateY(-20px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Section titles *\/\n    .section-title {\n      font-family: 'Syne', sans-serif;\n      font-size: 14px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 3px;\n      color: var(--magenta);\n      margin-bottom: 16px;\n    }\n\n    .section-heading {\n      font-family: 'Syne', sans-serif;\n      font-size: clamp(32px, 5vw, 48px);\n      font-weight: 700;\n      margin-bottom: 48px;\n    }\n\n    \/* Surface Grid *\/\n    .surfaces {\n      padding: 80px 0;\n    }\n\n    .surface-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 24px;\n    }\n\n    @media (max-width: 600px) {\n      .surface-grid { grid-template-columns: 1fr; }\n    }\n\n    .surface-card {\n      position: relative;\n      aspect-ratio: 1;\n      border-radius: 20px;\n      overflow: hidden;\n      cursor: pointer;\n      transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1);\n    }\n\n    .surface-card:hover {\n      transform: scale(1.03);\n    }\n\n    .surface-card img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.6s cubic-bezier(0.2, 0, 0, 1);\n    }\n\n    .surface-card:hover img {\n      transform: scale(1.1);\n    }\n\n    .surface-card::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 50%);\n    }\n\n    .surface-label {\n      position: absolute;\n      bottom: 20px;\n      left: 20px;\n      font-family: 'Syne', sans-serif;\n      font-size: 20px;\n      font-weight: 700;\n      z-index: 2;\n    }\n\n    .surface-label span {\n      position: relative;\n    }\n\n    .surface-label span::after {\n      content: '';\n      position: absolute;\n      bottom: -4px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--magenta), var(--cyan));\n      transition: width 0.3s ease;\n    }\n\n    .surface-card:hover .surface-label span::after {\n      width: 100%;\n    }\n\n    \/* Pricing Section *\/\n    .pricing {\n      padding: 80px 0;\n    }\n\n    .pricing-card {\n      background: var(--dark-card);\n      border: 1px solid rgba(255,255,255,0.06);\n      border-radius: 24px;\n      overflow: hidden;\n    }\n\n    .pricing-header {\n      background: linear-gradient(135deg, var(--magenta), var(--cyan));\n      padding: 32px;\n      text-align: center;\n    }\n\n    .pricing-header h3 {\n      font-family: 'Syne', sans-serif;\n      font-size: 24px;\n      font-weight: 700;\n    }\n\n    .pricing-header p {\n      opacity: 0.9;\n      margin-top: 8px;\n    }\n\n    .pricing-table {\n      padding: 32px;\n    }\n\n    .price-row {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      padding: 16px 0;\n      border-bottom: 1px solid rgba(255,255,255,0.06);\n    }\n\n    .price-row:last-child {\n      border-bottom: none;\n    }\n\n    .price-row.header {\n      font-weight: 600;\n      color: var(--gray);\n      font-size: 14px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    .size {\n      font-family: 'Syne', sans-serif;\n      font-weight: 600;\n    }\n\n    .price {\n      text-align: right;\n      font-size: 18px;\n      font-weight: 600;\n    }\n\n    .price .amount {\n      color: var(--cyan);\n    }\n\n    \/* Discount banner *\/\n    .discount-banner {\n      margin-top: 32px;\n      padding: 24px;\n      background: linear-gradient(135deg, rgba(230,0,126,0.15), rgba(0,212,255,0.15));\n      border: 1px solid rgba(230,0,126,0.3);\n      border-radius: 16px;\n      text-align: center;\n    }\n\n    .discount-banner strong {\n      color: var(--magenta);\n      font-family: 'Syne', sans-serif;\n    }\n\n    \/* Features *\/\n    .features {\n      padding: 80px 0;\n    }\n\n    .features-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n    }\n\n    @media (max-width: 768px) {\n      .features-grid { grid-template-columns: 1fr; }\n    }\n\n    .feature-card {\n      background: var(--dark-card);\n      border: 1px solid rgba(255,255,255,0.06);\n      border-radius: 20px;\n      padding: 40px 32px;\n      transition: all 0.4s ease;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .feature-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--magenta), var(--cyan));\n      transform: scaleX(0);\n      transition: transform 0.4s ease;\n    }\n\n    .feature-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .feature-card:hover {\n      transform: translateY(-8px);\n      border-color: rgba(255,255,255,0.12);\n    }\n\n    .feature-icon {\n      width: 56px;\n      height: 56px;\n      background: linear-gradient(135deg, var(--magenta), var(--cyan));\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 24px;\n      font-size: 24px;\n    }\n\n    .feature-card h3 {\n      font-family: 'Syne', sans-serif;\n      font-size: 22px;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n\n    .feature-card p {\n      color: var(--gray);\n      line-height: 1.6;\n    }\n\n    \/* CTA *\/\n    .cta {\n      padding: 100px 0;\n      text-align: center;\n    }\n\n    .cta-button {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 20px 48px;\n      background: linear-gradient(135deg, var(--magenta), var(--cyan));\n      border: none;\n      border-radius: 60px;\n      color: var(--white);\n      font-family: 'Syne', sans-serif;\n      font-size: 18px;\n      font-weight: 700;\n      text-decoration: none;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .cta-button::before {\n      content: '';\n      position: absolute;\n      inset: 2px;\n      background: var(--dark);\n      border-radius: 58px;\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n\n    .cta-button:hover::before {\n      opacity: 1;\n    }\n\n    .cta-button span {\n      position: relative;\n      z-index: 1;\n    }\n\n    .cta-button:hover {\n      transform: scale(1.05);\n      box-shadow: 0 20px 60px rgba(230,0,126,0.3);\n    }\n\n    \/* Footer *\/\n    footer {\n      padding: 40px 0;\n      border-top: 1px solid rgba(255,255,255,0.06);\n      text-align: center;\n    }\n\n    .footer-links {\n      display: flex;\n      justify-content: center;\n      gap: 32px;\n    }\n\n    .footer-links a {\n      color: var(--gray);\n      text-decoration: none;\n      font-size: 14px;\n      transition: color 0.3s ease;\n    }\n\n    .footer-links a:hover {\n      color: var(--white);\n    }\n\n    \/* Animations on scroll *\/\n    .fade-in {\n      opacity: 0;\n      transform: translateY(40px);\n      animation: fadeIn 0.8s ease-out forwards;\n    }\n\n    @keyframes fadeIn {\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .delay-1 { animation-delay: 0.1s; }\n    .delay-2 { animation-delay: 0.2s; }\n    .delay-3 { animation-delay: 0.3s; }\n    .delay-4 { animation-delay: 0.4s; }\n  \u003c\/style\u003e\n\n\n  \u003cdiv class=\"container\"\u003e\n    \u003cdiv class=\"orb-wrapper\"\u003e\n      \u003cdiv class=\"orb orb-1\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"orb orb-2\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"content-wrapper\"\u003e\n    \u003cheader\u003e\n      \u003cdiv class=\"badge\"\u003e프리미엄 품질\u003c\/div\u003e\n      \u003ch1\u003e슈퍼 \u003cspan class=\"gradient-text\"\u003eUV DTF\u003c\/span\u003e\u003cbr\u003e스티커\u003c\/h1\u003e\n      \u003cp class=\"tagline\"\u003e타의 추종을 불허하는 내구성을 자랑하는 혁신적인 다이렉트 투 필름 전사 스티커\u003c\/p\u003e\n    \u003c\/header\u003e\n\n    \u003csection class=\"surfaces\"\u003e\n      \u003cp class=\"section-title\"\u003e다재다능함\u003c\/p\u003e\n      \u003ch2 class=\"section-heading\"\u003e어떤 표면에도 완벽합니다\u003c\/h2\u003e\n      \u003cdiv class=\"surface-grid\"\u003e\n        \u003cdiv class=\"surface-card fade-in delay-1\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0553\/5934\/0657\/files\/IMG_0113.jpg?v=1727500196\" alt=\"종이 위에 DTF 스티커\"\u003e\n          \u003cdiv class=\"surface-label\"\u003e\u003cspan\u003e종이\u003c\/span\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"surface-card fade-in delay-2\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0553\/5934\/0657\/files\/IMG_0111.jpg?v=1727500145\" alt=\"나무 위에 DTF 스티커\"\u003e\n          \u003cdiv class=\"surface-label\"\u003e\u003cspan\u003e나무\u003c\/span\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"surface-card fade-in delay-3\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0553\/5934\/0657\/files\/IMG_0115.jpg?v=1727500253\" alt=\"금속 위에 DTF 스티커\"\u003e\n          \u003cdiv class=\"surface-label\"\u003e\u003cspan\u003e금속\u003c\/span\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"surface-card fade-in delay-4\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0553\/5934\/0657\/files\/IMG_0116.jpg?v=1727499386\" alt=\"플라스틱 위에 DTF 스티커\"\u003e\n          \u003cdiv class=\"surface-label\"\u003e\u003cspan\u003e플라스틱\u003c\/span\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"pricing\"\u003e\n      \u003cp class=\"section-title\"\u003e투명성\u003c\/p\u003e\n      \u003ch2 class=\"section-heading\"\u003e평방피트당 $10의 간단한 가격\u003c\/h2\u003e\n      \u003cdiv class=\"pricing-card\"\u003e\n        \u003cdiv class=\"pricing-header\"\u003e\n          \u003ch3\u003e가격 계산기\u003c\/h3\u003e\n          \u003cp\u003e모든 사이즈는 평방피트당 $10\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pricing-table\"\u003e\n          \u003cdiv class=\"price-row header\"\u003e\n            \u003cdiv\u003e사이즈\u003c\/div\u003e\n            \u003cdiv style=\"text-align: right;\"\u003e가격\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"price-row\"\u003e\n            \u003cdiv class=\"size\"\u003e3\" × 3\"\u003c\/div\u003e\n            \u003cdiv class=\"price\"\u003e\u003cspan class=\"amount\"\u003e$0.63\u003c\/span\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"price-row\"\u003e\n            \u003cdiv class=\"size\"\u003e6\" × 6\"\u003c\/div\u003e\n            \u003cdiv class=\"price\"\u003e\u003cspan class=\"amount\"\u003e$2.50\u003c\/span\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"price-row\"\u003e\n            \u003cdiv class=\"size\"\u003e9\" × 9\"\u003c\/div\u003e\n            \u003cdiv class=\"price\"\u003e\u003cspan class=\"amount\"\u003e$5.63\u003c\/span\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"price-row\"\u003e\n            \u003cdiv class=\"size\"\u003e10\" × 10\"\u003c\/div\u003e\n            \u003cdiv class=\"price\"\u003e\u003cspan class=\"amount\"\u003e$6.94\u003c\/span\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"price-row\"\u003e\n            \u003cdiv class=\"size\"\u003e12\" × 12\"\u003c\/div\u003e\n            \u003cdiv class=\"price\"\u003e\u003cspan class=\"amount\"\u003e$10.00\u003c\/span\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"price-row\"\u003e\n            \u003cdiv class=\"size\"\u003e14\" × 14\"\u003c\/div\u003e\n            \u003cdiv class=\"price\"\u003e\u003cspan class=\"amount\"\u003e$13.61\u003c\/span\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"discount-banner\"\u003e\n          $25 이상 주문 시 \u003cstrong\u003e10% 할인\u003c\/strong\u003e — 결제 시 자동 적용\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"features\"\u003e\n      \u003cp class=\"section-title\"\u003e오래 지속되는\u003c\/p\u003e\n      \u003ch2 class=\"section-heading\"\u003e주요 기능\u003c\/h2\u003e\n      \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card fade-in delay-1\"\u003e\n          \u003cdiv class=\"feature-icon\"\u003e☀️\u003c\/div\u003e\n          \u003ch3\u003eUV 저항성\u003c\/h3\u003e\n          \u003cp\u003e수년간의 실외 사용에도 색바램 없이 강한 햇빛에 견딥니다.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in delay-2\"\u003e\n          \u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n          \u003ch3\u003e방수\u003c\/h3\u003e\n          \u003cp\u003e물 튀김, 비, 짧은 식기세척기 세척에도 견딥니다.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in delay-3\"\u003e\n          \u003cdiv class=\"feature-icon\"\u003e⏳\u003c\/div\u003e\n          \u003ch3\u003e매우 오래 지속\u003c\/h3\u003e\n          \u003cp\u003e수년간 매일 사용해도 품질을 유지하도록 설계되었습니다.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"cta\"\u003e\n      \u003ca href=\"#\" class=\"cta-button\"\u003e\n        \u003cspan\u003e지금 주문하기\u003c\/span\u003e\n        \u003cspan\u003e→\u003c\/span\u003e\n      \u003c\/a\u003e\n    \u003c\/section\u003e\n\n    \u003cfooter\u003e\n      \u003cdiv class=\"footer-links\"\u003e\n        \u003ca href=\"#\"\u003e약관\u003c\/a\u003e\n        \u003ca href=\"#\"\u003e개인정보 처리방침\u003c\/a\u003e\n        \u003ca href=\"#\"\u003e문의\u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/footer\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"SUPERDTF","offers":[{"title":"Default Title","offer_id":40394389356657,"sku":"","price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0553\/5934\/0657\/files\/ez-uploader-super-uv-dtf-stickers-premium-uv-water-resistant-dtf-stickers-super-lasting-raised-glossy-elegance-dtf-prints-dtf-transfers-custom-dtf-prints-538553.jpg?v=1738345867","url":"https:\/\/superdtf.com\/ko\/products\/uv-dtf","provider":"SUPERDTF","version":"1.0","type":"link"}