{"product_id":"design-services","title":"전문 DTF 디자인 서비스","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    \u003ctitle\u003eSuperLife Design Services\u003c\/title\u003e\n    \u003cstyle\u003e\n        :root {\n            --cyan: #00AEEF;\n            --magenta: #EC008C;\n            --yellow: #FFF200;\n            --background: #1a1a1a;\n        }\n        \n        body {\n            margin: 0;\n            padding: 0;\n            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n            background: var(--background);\n            color: #ffffff;\n            line-height: 1.6;\n        }\n\n        .hero {\n            background: linear-gradient(135deg, \n                var(--cyan) 0%, \n                var(--magenta) 50%,\n                var(--yellow) 100%);\n            padding: 4rem 2rem;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(45deg,\n                var(--cyan) 0%,\n                transparent 30%,\n                transparent 70%,\n                var(--yellow) 100%);\n            opacity: 0.5;\n            z-index: 1;\n        }\n\n        .hero::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(-45deg,\n                transparent 20%,\n                var(--magenta) 50%,\n                transparent 80%);\n            opacity: 0.5;\n            z-index: 2;\n        }\n\n        .hero \u003e * {\n            position: relative;\n            z-index: 3;\n        }\n\n        .title-main {\n            font-size: 3.5rem;\n            margin-bottom: 1rem;\n            text-transform: uppercase;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n            font-weight: bold;\n        }\n\n        .subtitle {\n            font-size: 1.5rem;\n            margin-bottom: 2rem;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 2rem;\n        }\n\n        .pricing-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n            margin: 3rem 0;\n        }\n\n        .pricing-card {\n            background: linear-gradient(145deg, rgba(0,0,0,0.9), rgba(0,0,0,0.7));\n            border-radius: 10px;\n            padding: 2rem;\n            transition: all 0.3s ease;\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n            border: 1px solid rgba(255,255,255,0.1);\n        }\n\n        .pricing-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 5px;\n            background: linear-gradient(90deg, var(--cyan), var(--magenta), var(--yellow));\n        }\n\n        .pricing-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 20px rgba(0,0,0,0.4);\n            border-color: rgba(255,255,255,0.2);\n        }\n\n        .pricing-card:hover::before {\n            height: 7px;\n        }\n\n        .card-title {\n            font-size: 1.8rem;\n            font-weight: bold;\n            margin-bottom: 1rem;\n            background: linear-gradient(90deg, var(--cyan), var(--magenta));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .price-tag {\n            font-size: 2.5rem;\n            color: white;\n            margin: 1rem 0;\n            font-weight: bold;\n            background: linear-gradient(90deg, var(--cyan), var(--magenta));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .time-estimate {\n            background: linear-gradient(90deg, var(--magenta), var(--yellow));\n            color: white;\n            padding: 0.5rem 1rem;\n            border-radius: 5px;\n            display: inline-block;\n            margin-bottom: 1rem;\n            font-weight: 500;\n            text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n        }\n\n        .features-list {\n            list-style-type: none;\n            padding: 0;\n            margin: 1rem 0;\n        }\n\n        .features-list li {\n            margin-bottom: 0.5rem;\n            padding-left: 1.5rem;\n            position: relative;\n        }\n\n        .features-list li::before {\n            content: \"✓\";\n            position: absolute;\n            left: 0;\n            background: linear-gradient(90deg, var(--cyan), var(--yellow));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            font-weight: bold;\n        }\n\n        .cta-button {\n            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n            color: white;\n            padding: 1rem 2rem;\n            border: none;\n            border-radius: 5px;\n            font-size: 1.2rem;\n            cursor: pointer;\n            transition: transform 0.3s ease;\n            text-decoration: none;\n            display: inline-block;\n            margin-top: 2rem;\n            text-align: center;\n        }\n\n        .cta-button:hover {\n            transform: scale(1.05);\n        }\n\n        .delivery-info {\n            background: rgba(255,255,255,0.05);\n            padding: 2rem;\n            border-radius: 10px;\n            margin: 3rem 0;\n            text-align: center;\n        }\n\n        .section-title {\n            font-size: 2rem;\n            font-weight: bold;\n            margin-bottom: 1.5rem;\n        }\n\n        .qualification-section {\n            text-align: center;\n            margin: 4rem 0;\n        }\n\n        .badge {\n            background: var(--secondary);\n            color: white;\n            padding: 0.5rem 1rem;\n            border-radius: 20px;\n            display: inline-block;\n            margin: 0.5rem;\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"hero\"\u003e\n        \u003cdiv class=\"title-main\"\u003e전문 디자인 서비스\u003c\/div\u003e\n        \u003cdiv class=\"subtitle\"\u003e아이디어를 고품질 디자인으로 전환하세요\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"pricing-grid\"\u003e\n            \u003cdiv class=\"pricing-card\"\u003e\n                \u003cdiv class=\"card-title\"\u003e간단한 수정\u003c\/div\u003e\n                \u003cdiv class=\"time-estimate\"\u003e최소 30분\u003c\/div\u003e\n                \u003cdiv class=\"price-tag\"\u003e$10.00\u003c\/div\u003e\n                \u003cul class=\"features-list\"\u003e\n                    \u003cli\u003e간편한 배경 제거\u003c\/li\u003e\n                    \u003cli\u003e기본 이미지 개선\u003c\/li\u003e\n                    \u003cli\u003e투명도 제거와 같은 간단한 수정\u003c\/li\u003e\n                    \u003cli\u003e간단한 편집에 적합\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"pricing-card\"\u003e\n                \u003cdiv class=\"card-title\"\u003e표준 디자인\u003c\/div\u003e\n                \u003cdiv class=\"time-estimate\"\u003e최소 30분\u003c\/div\u003e\n                \u003cdiv class=\"price-tag\"\u003e$25.00\u003c\/div\u003e\n                \u003cul class=\"features-list\"\u003e\n                    \u003cli\u003e복잡한 디자인 작업\u003c\/li\u003e\n                    \u003cli\u003e고급 편집\u003c\/li\u003e\n                    \u003cli\u003e정밀한 수정\u003c\/li\u003e\n                    \u003cli\u003e다양한 디자인 요소\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"pricing-card\"\u003e\n                \u003cdiv class=\"card-title\"\u003e전체 로고 재작업\u003c\/div\u003e\n                \u003cdiv class=\"time-estimate\"\u003e1시간\u003c\/div\u003e\n                \u003cdiv class=\"price-tag\"\u003e$50.00\u003c\/div\u003e\n                \u003cul class=\"features-list\"\u003e\n                    \u003cli\u003e완벽한 로고 재디자인\u003c\/li\u003e\n                    \u003cli\u003e전체 규모의 수정\u003c\/li\u003e\n                    \u003cli\u003e복잡한 디자인 작업\u003c\/li\u003e\n                    \u003cli\u003e전문적인 품질의 결과물\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"pricing-card\"\u003e\n                \u003cdiv class=\"card-title\"\u003e프리미엄 디자인\u003c\/div\u003e\n                \u003cdiv class=\"time-estimate\"\u003e2시간\u003c\/div\u003e\n                \u003cdiv class=\"price-tag\"\u003e$100.00\u003c\/div\u003e\n                \u003cul class=\"features-list\"\u003e\n                    \u003cli\u003e극도로 복잡한 디자인\u003c\/li\u003e\n                    \u003cli\u003e수동 벡터 트레이싱\u003c\/li\u003e\n                    \u003cli\u003e최고 수준의 디테일\u003c\/li\u003e\n                    \u003cli\u003e복잡한 일러스트레이션\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"delivery-info\"\u003e\n            \u003cdiv class=\"section-title\"\u003e빠른 처리 시간\u003c\/div\u003e\n            \u003cdiv\u003e태평양 표준시 기준 오후 3시 이전에 주문하시면 당일 배송됩니다.\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"qualification-section\"\u003e\n            \u003cdiv class=\"section-title\"\u003e왜 저희를 선택해야 할까요?\u003c\/div\u003e\n            \u003cdiv class=\"badge\"\u003e10년 이상의 경험\u003c\/div\u003e\n            \u003cdiv class=\"badge\"\u003e인쇄 준비 완료 품질\u003c\/div\u003e\n            \u003cdiv class=\"badge\"\u003e당일 배송\u003c\/div\u003e\n            \u003cdiv\u003e저희 팀은 10년 이상의 전문 디자인 전문 지식을 모든 프로젝트에 적용합니다.\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003ca href=\"#contact\" class=\"cta-button\"\u003e프로젝트 시작하기\u003c\/a\u003e\n    \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"SUPERDTF","offers":[{"title":"배경 제거","offer_id":43126575956081,"sku":null,"price":10.0,"currency_code":"USD","in_stock":true},{"title":"벡터화","offer_id":43126575988849,"sku":null,"price":10.0,"currency_code":"USD","in_stock":true},{"title":"정리","offer_id":43126576021617,"sku":null,"price":10.0,"currency_code":"USD","in_stock":true},{"title":"색상 변경","offer_id":43126576054385,"sku":null,"price":10.0,"currency_code":"USD","in_stock":true},{"title":"텍스트 추가","offer_id":43126576087153,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true},{"title":"그라디언트 매칭","offer_id":43126576119921,"sku":null,"price":45.0,"currency_code":"USD","in_stock":true},{"title":"전문 하프톤 처리","offer_id":43174669615217,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true},{"title":"이미지 제거\/교체","offer_id":43126576152689,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true},{"title":"인쇄 품질 확인","offer_id":43126576185457,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true},{"title":"프루프 색상 일치","offer_id":43126576218225,"sku":null,"price":50.0,"currency_code":"USD","in_stock":true},{"title":"Quick Touch Up (30 Min)","offer_id":43189287813233,"sku":null,"price":10.0,"currency_code":"USD","in_stock":true},{"title":"Standard Design Package","offer_id":43189287878769,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true},{"title":"Full Logo Rework","offer_id":43189288173681,"sku":null,"price":100.0,"currency_code":"USD","in_stock":true},{"title":"Premium Design","offer_id":43189288206449,"sku":null,"price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0553\/5934\/0657\/files\/Untitled-1.png?v=1775607109","url":"https:\/\/superdtf.com\/ko\/products\/design-services","provider":"SUPERDTF","version":"1.0","type":"link"}