{"product_id":"the-ordinary-alpha-arbutin-2-ha","title":"디 오디너리 알파 알부틴 2% + HA - 타겟 다크 스팟 \u0026 멜라닌 억제 세럼","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"alpha-arbutin-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"main-title\"\u003e알파 알부틴 \u003cspan class=\"highlight\"\u003e2%\u003c\/span\u003e + 히알루론산\u003c\/h1\u003e\n\u003ch2 class=\"sub-title\"\u003e잡티 없이 균일하고 윤기나는 피부를 위한 과학적 비밀\u003c\/h2\u003e\n\u003cdiv class=\"product-visual\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Promise Section --\u003e\n\u003cdiv class=\"promise-section\"\u003e\n\u003cdiv class=\"promise-intro\"\u003e\n\u003cp\u003e스킨케어 세계 최초로 농축된 혁신적인 과학적 포뮬러 \u003cspan class=\"highlight\"\u003e2%\u003c\/span\u003e 순수 알파 알부틴에서\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-cards\"\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg fill=\"none\" height=\"60\" viewbox=\"0 0 24 24\" width=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M7.5 12H16.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 7.5V16.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003e보장된 효율성\u003c\/h3\u003e\n\u003cp\u003e2% 순수 알파 알부틴 함유 - 과학적으로 테스트된 가장 안전하고 효과적인 농도\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg fill=\"none\" height=\"60\" viewbox=\"0 0 24 24\" width=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M12 6V12L16 14\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003e빠른 결과\u003c\/h3\u003e\n\u003cp\u003e이상적인 포뮬러 덕분에 정기적으로 사용하는 첫 주부터 효과가 나타납니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg fill=\"none\" height=\"60\" viewbox=\"0 0 24 24\" width=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M22 11.0857V12.0057C21.9988 14.1621 21.3005 16.2604 20.0093 17.9875C18.7182 19.7147 16.9033 20.9782 14.8354 21.5896C12.7674 22.201 10.5573 22.1276 8.53447 21.3803C6.51168 20.633 4.78465 19.2518 3.61096 17.4428C2.43727 15.6338 1.87979 13.4938 2.02168 11.342C2.16356 9.19029 2.99721 7.14205 4.39828 5.5028C5.79935 3.86354 7.69279 2.72111 9.79619 2.24587C11.8996 1.77063 14.1003 1.98806 16.07 2.86572\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M22 4L12 14.01L9 11.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003e품질 보장\u003c\/h3\u003e\n\u003cp\u003e성분 안정성과 최대 효과를 보장하기 위해 이상적인 pH가 개발되었습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Transformation Section --\u003e\n\u003cdiv class=\"transformation-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e빛나는 피부 \u003cspan class=\"highlight\"\u003e단 4주\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"transformation-grid\"\u003e\n\u003cdiv class=\"transform-item\"\u003e\n\u003cdiv class=\"transform-visual\"\u003e\n\u003cdiv class=\"visual-icon\"\u003e\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M15 9L9 15\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M9 9L15 15\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"visual-text\"\u003e이전\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-list\"\u003e\n\u003cul\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\u003cdiv class=\"transform-divider\"\u003e\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M5 12H19\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 5L19 12L12 19\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"transform-item\"\u003e\n\u003cdiv class=\"transform-visual\"\u003e\n\u003cdiv class=\"visual-icon\"\u003e\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M8 12L11 15L16 9\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"visual-text\"\u003e이후\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-list\"\u003e\n\u003cul\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e독특한 과학 공식의 힘\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-breakdown\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e\u003cspan class=\"ingredient-highlight\"\u003e순수 알파 알부틴 2%\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003e피부 미백에 효과적인 성분으로, 멜라닌(피부색소) 생성을 담당하는 티로시나제 효소를 억제하여 기미를 예방하고 효과적이고 안전하게 피부톤을 균일하게 가꿔줍니다.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003e어두운 점을 밝게\u003c\/span\u003e \u003cspan\u003e피부톤 통일\u003c\/span\u003e \u003cspan\u003e새로운 색소 침착 방지\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e\u003cspan class=\"ingredient-highlight\"\u003e히알루론산\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003e피부에 수분을 가두어 활성 성분을 피부 깊숙이 전달하는 데 도움을 주는 강력한 보습제로서 알파 알부틴의 효과를 강화하고 제품의 최대 흡수를 보장합니다.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003e강렬한 수분 공급\u003c\/span\u003e \u003cspan\u003e성분의 흡수를 강화\u003c\/span\u003e \u003cspan\u003e피부 탄력 개선\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e\u003cspan class=\"ingredient-highlight\"\u003e이상적인 pH\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003e이 제품은 알파 알부틴이 물에서 분해되는 것을 방지하는 이상적인 pH를 유지하여 성분의 안정성과 장기간 최대 효과를 보장하도록 세심하게 개발되었습니다.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003e성분의 안정성\u003c\/span\u003e \u003cspan\u003e오래 지속되는 효과\u003c\/span\u003e \u003cspan\u003e가능한 최대 이익\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003e알파 알부틴과 함께하는 피부 여행\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e첫 번째 주\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003e변화의 시작\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\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\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e두 번째 주\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003e광채의 시작\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\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\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e세 번째 주\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003e눈에 띄는 개선\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\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\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e넷째 주\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003e놀라운 결과\u003c\/div\u003e\n\u003cul class=\"timeline-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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e이상적인 사용 방법\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003e청소\u003c\/h3\u003e\n\u003cp\u003e피부 타입에 맞는 클렌저를 사용해 피부를 깨끗하게 클렌징하는 것부터 시작해 보세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003e신청\u003c\/h3\u003e\n\u003cp\u003e깨끗하고 건조한 피부에 알파 알부틴 세럼 몇 방울을 어두운 반점과 과다 색소 침착 부위에 집중적으로 바르십시오.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003e보습\u003c\/h3\u003e\n\u003cp\u003e세럼을 흡수시킨 후, 피부에 적절한 보습제를 발라 피부 수분을 유지시켜주세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003e보호\u003c\/h3\u003e\n\u003cp\u003e자외선으로부터 보호하고 더 많은 반점이 나타나는 것을 방지하기 위해 낮에는 자외선 차단제를 사용하는 것을 잊지 마십시오.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-notes\"\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 16V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 8H12.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003e최상의 결과를 얻으려면 하루에 두 번, 아침과 저녁에 사용하십시오.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 16V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 8H12.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003e비타민 C와 함께 사용하면 두 배의 효과를 얻을 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 16V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 8H12.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003e민감한 피부를 포함한 모든 피부 타입에 이상적입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"final-cta\"\u003e\n\u003ch2\u003e잡티 없이 균일하고 빛나는 피부를 가질 시간입니다\u003c\/h2\u003e\n\u003cp\u003e알파 알부틴 2% + 히알루론산 - 피부톤을 밝고 균일하게 해주는 이상적인 과학 포뮬러\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.alpha-arbutin-container {\n  direction: ltr;\n  max-width: 100%;\n  margin: 0 auto;\n  padding: 15px;\n  color: #333;\n  overflow-x: hidden;\n}\n\n\/* Typography *\/\nh1, h2, h3, p, ul, li {\n  margin: 0;\n  padding: 0;\n}\n\n.main-title {\n  font-size: 1.8rem;\n  color: #333;\n  margin-bottom: 10px;\n  text-align: center;\n  line-height: 1.3;\n}\n\n.sub-title {\n  font-size: 1.2rem;\n  color: #666;\n  text-align: center;\n  margin-bottom: 25px;\n  font-weight: normal;\n  line-height: 1.5;\n}\n\n.section-title {\n  font-size: 1.5rem;\n  color: #333;\n  text-align: center;\n  margin-bottom: 25px;\n  position: relative;\n  padding-bottom: 15px;\n}\n\n.section-title:after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 60px;\n  height: 2px;\n  background-color: #9C8102;\n}\n\n.highlight {\n  color: #9C8102;\n}\n\n\/* Hero Section *\/\n.hero-section {\n  margin-bottom: 40px;\n  position: relative;\n}\n\n.product-visual {\n  position: relative;\n  margin-top: 30px;\n  text-align: center;\n}\n\n.product-image {\n  position: relative;\n  z-index: 2;\n}\n\n.main-product-image {\n  max-width: 80%;\n  height: auto;\n  border-radius: 8px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n}\n\n.glow-effect {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  height: 100%;\n  background: radial-gradient(circle, rgba(156, 129, 2, 0.2) 0%, rgba(255, 255, 255, 0) 70%);\n  z-index: 1;\n  animation: glow 3s ease-in-out infinite alternate;\n}\n\n@keyframes glow {\n  0% {\n    opacity: 0.5;\n    transform: translate(-50%, -50%) scale(0.9);\n  }\n  100% {\n    opacity: 0.8;\n    transform: translate(-50%, -50%) scale(1.1);\n  }\n}\n\n\/* Promise Section *\/\n.promise-section {\n  margin-bottom: 40px;\n  background-color: #f9f9f9;\n  padding: 25px 15px;\n  border-radius: 10px;\n}\n\n.promise-intro {\n  text-align: center;\n  margin-bottom: 25px;\n  font-size: 1.1rem;\n  line-height: 1.5;\n}\n\n.promise-cards {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 20px;\n}\n\n.promise-card {\n  background-color: white;\n  border-radius: 10px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  text-align: center;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.promise-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n}\n\n.card-icon {\n  margin: 0 auto 15px;\n  width: 60px;\n  height: 60px;\n}\n\n.promise-card h3 {\n  margin-bottom: 12px;\n  color: #9C8102;\n}\n\n.promise-card p {\n  color: #666;\n  line-height: 1.6;\n  font-size: 0.95rem;\n}\n\n\/* Transformation Section *\/\n.transformation-section {\n  margin-bottom: 40px;\n}\n\n.transformation-grid {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 20px;\n}\n\n.transform-item {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 20px;\n  width: 100%;\n}\n\n.transform-visual {\n  display: flex;\n  align-items: center;\n  margin-bottom: 15px;\n}\n\n.visual-icon {\n  margin-left: 10px;\n}\n\n.visual-text {\n  font-size: 1.2rem;\n  font-weight: bold;\n}\n\n.problem-list ul, .benefit-list ul {\n  list-style: none;\n  padding-right: 5px;\n}\n\n.problem-list li, .benefit-list li {\n  position: relative;\n  padding-right: 25px;\n  margin-bottom: 10px;\n  line-height: 1.5;\n  font-size: 0.95rem;\n}\n\n.problem-list li:before {\n  content: '✕';\n  position: absolute;\n  right: 0;\n  color: #e74c3c;\n  font-weight: bold;\n}\n\n.benefit-list li:before {\n  content: '✓';\n  position: absolute;\n  right: 0;\n  color: #2ecc71;\n  font-weight: bold;\n}\n\n.transform-divider {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 0;\n}\n\n\/* Science Section *\/\n.science-section {\n  margin-bottom: 40px;\n  padding: 25px 15px;\n  background: linear-gradient(to bottom, #f9f9f9, #ffffff);\n  border-radius: 10px;\n}\n\n.ingredients-breakdown {\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n}\n\n.ingredient-item {\n  background-color: white;\n  border-radius: 10px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.ingredient-name {\n  margin-bottom: 15px;\n  text-align: center;\n}\n\n.ingredient-highlight {\n  background-color: #9C8102;\n  color: white;\n  padding: 5px 15px;\n  border-radius: 20px;\n  font-size: 1rem;\n  font-weight: bold;\n}\n\n.ingredient-details p {\n  margin-bottom: 15px;\n  line-height: 1.6;\n  font-size: 0.95rem;\n  color: #555;\n}\n\n.ingredient-benefits {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.ingredient-benefits span {\n  background-color: #f0f0f0;\n  padding: 5px 10px;\n  border-radius: 15px;\n  font-size: 0.85rem;\n  color: #333;\n}\n\n\/* Results Timeline *\/\n.results-timeline {\n  margin-bottom: 40px;\n}\n\n\/* Timeline CSS That Matches Screenshot Exactly *\/\n.results-timeline {\n  margin-bottom: 40px;\n}\n\n.timeline-container {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.timeline-item {\n  position: relative;\n}\n\n.timeline-card {\n  display: flex;\n  position: relative;\n  background-color: #f9f9f9;\n  border-radius: 8px;\n  overflow: hidden;\n  border-right: 4px solid #9C8102;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.timeline-week {\n  position: absolute;\n  right: 0;\n  top: 0;\n  background-color: #9C8102;\n  color: white;\n  font-weight: bold;\n  padding: 10px 15px;\n  min-width: 120px;\n  text-align: center;\n  border-radius: 0 8px 0 8px;\n}\n\n.timeline-content {\n  flex: 1;\n  padding: 40px 20px 20px;\n  text-align: left;\n}\n\n.timeline-title {\n  color: #9C8102;\n  font-weight: bold;\n  font-size: 1.1rem;\n  margin-bottom: 15px;\n}\n\n.timeline-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.timeline-list li {\n  position: relative;\n  padding-right: 20px;\n  margin-bottom: 10px;\n  font-size: 0.95rem;\n  line-height: 1.5;\n}\n\n\n\n\/* Usage Section *\/\n.usage-section {\n  margin-bottom: 40px;\n  background-color: #f9f9f9;\n  padding: 25px 15px;\n  border-radius: 10px;\n}\n\n.usage-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  margin-bottom: 25px;\n}\n\n.usage-step {\n  display: flex;\n  align-items: flex-start;\n  background-color: white;\n  border-radius: 8px;\n  padding: 15px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.step-number {\n  width: 30px;\n  height: 30px;\n  background-color: #9C8102;\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: bold;\n  margin-left: 15px;\n  flex-shrink: 0;\n}\n\n.step-content {\n  flex: 1;\n}\n\n.step-content h3 {\n  margin-bottom: 8px;\n  color: #333;\n}\n\n.step-content p {\n  color: #666;\n  line-height: 1.5;\n  font-size: 0.95rem;\n}\n\n.usage-notes {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 15px;\n}\n\n.note {\n  display: flex;\n  align-items: center;\n  background-color: white;\n  border-radius: 8px;\n  padding: 12px 15px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.note-icon {\n  margin-left: 10px;\n  flex-shrink: 0;\n}\n\n.note p {\n  font-size: 0.9rem;\n  line-height: 1.5;\n  color: #666;\n}\n\n\/* Final CTA *\/\n.final-cta {\n  text-align: center;\n  background: linear-gradient(to bottom, #f9f9f9, #ffffff);\n  padding: 30px 15px;\n  border-radius: 10px;\n  margin-bottom: 20px;\n}\n\n.final-cta h2 {\n  color: #9C8102;\n  font-size: 1.3rem;\n  margin-bottom: 15px;\n  line-height: 1.4;\n}\n\n.final-cta p {\n  color: #666;\n  line-height: 1.6;\n  font-size: 1rem;\n}\n\n\/* Animation Keyframes *\/\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive Adjustments *\/\n@media (min-width: 480px) {\n  .main-title {\n    font-size: 2rem;\n  }\n  \n  .sub-title {\n    font-size: 1.3rem;\n  }\n  \n  .promise-cards {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .usage-notes {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (min-width: 768px) {\n  .alpha-arbutin-container {\n    padding: 20px;\n  }\n  \n  .promise-cards {\n    grid-template-columns: repeat(3, 1fr);\n  }\n  \n  .transformation-grid {\n    flex-direction: row;\n    align-items: stretch;\n  }\n  \n  .transform-item {\n    flex: 1;\n  }\n  \n  .transform-divider {\n    flex: 0 0 auto;\n  }\n  \n  .usage-steps {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .usage-notes {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n\/* Animations *\/\n.promise-card, .transform-item, .ingredient-item, .timeline-week, .usage-step {\n  animation: fadeIn 0.5s ease-out forwards;\n  opacity: 0;\n}\n\u003c\/style\u003e\n\u003cp\u003e\u003cbr\/\u003e\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"알파 알부틴 2% + 히알루론산","offer_id":44709540397253,"sku":"","price":750.0,"currency_code":"EGP","in_stock":true},{"title":"알파 알부틴 2% + 비타민 C(아스코르빈산 8%)","offer_id":44709540430021,"sku":"","price":750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/The-Ordinary-Alpha-Arbutin-2_-HA_1.jpg?v=1697704829","url":"https:\/\/instachiq.com\/ko\/products\/the-ordinary-alpha-arbutin-2-ha","provider":"Instachiq","version":"1.0","type":"link"}