ボリュームフィリングセラム30mL

Name: ボリュームフィリングセラム30mL
Brand: MONTERANC
SKU: 26545
Price: 74.5 USD
Availability: InStock

$74.50 USD

~~$149.00 USD~~ $74.50 USD

セール売り切れ

［ボリュームフィリングセラム＋原液］「企画セット」ボリュームフィリングセラム(1本です) ボリュームフィリングセラム(1本です)+原液(1本です) ★月額料金（20%追加割引） ★ボリュームフィリングセラム(1本です)+原液(5本です)

商品バリエーション

数量

<h2>同年代より10歳若く見えない場合は、<br>必ずご注目ください。</h2>

</div>

<h2>今このページをご覧になるだけでも<br>同世代より10歳若く見える方法の<br>最新情報を手に入れることができます。</h2>

</div>

<h2 class="fade-up" style="padding-top: 20px;">何歳に見えますか？ </h2>

<h2 class="fade-up">見えますか？ </h2>

<h3 class="fade-up1">ボリュームフィリングを塗っただけなのに. </h3>

</div>

Your browser does not support the video tag.

</source></video>

<h2 class="fade-in">想像を超える童顔効果 </h2>

<h2 class="fade-in1">誰でも可能な </h2>

<h2 class="fade-in2">10年若く見える</h2>

<h2 class="fade-in3">次世代童顔シークレット </h2>

</div>

Your browser does not support the video tag.

</source></video>

<h2 class="fade-in">リピート購入だけで100万本 </h2>

<h2 class="fade-in1">17年間、韓国国内および<br>海外で愛され続ける </h2>

<h2 class="fade-in2">童顔セラムの頂点 </h2>

</div>

<h2 class="bottle-rt1">世界初、顔ボリューム化粧品 </h2>

<h2 class="bottle-rt2">世界初、国際論文で立証された</h2>

<h2 class="bottle-rt3">オリジナルテクノロジーの</h2>

<h3 class="bottle-rt4">唯一無二の力強さ </h3>

</div>

<h4 class="fade-in darker">モンテランボリュームフィリングの驚きの効果 </h4>

<h5 class="typing-text1" style="margin-bottom: 0px;">すでにお使いのお客様の 100%リアルな効果 </h5>

</div>

<h2 class="fade-in lighter">これほど愛されている理由は、</h2>

<h3 class="fade-in lighter">何と言っても独自の技術力</h3>

<h2>世界的な研究機関が<br> <span class="lighter">認めたモンテランボリュームフィリング</span></h2>

<h3 class="fade-in">延世大学医学部と共同研究<br>世界薬学研究学術誌に掲載承認</h3>

Your browser does not support the video tag.

</video></div>

<h4 class="fade-up">延世大学医学部と共同研究の結果ヨーロッパ、アメリカ、アジア地域などのさまざまな年齢層で <strong>顔のボリューム改善効果を立証し、</strong>国際学術誌である世界薬学研究学術誌に3編の掲載が承認されました。</h4>

</div>

<h3 class="fade-in">世界的に信頼されている<br>アメリカ国立衛生研究所の学術論文の索引誌に掲載成功</h3>

<h4 class="fade-up">アメリカ国立衛生研究所 (National Institutes of Health, NIH) は医療および健康に関連する政策を統括するアメリカの行政機関で、全世界の医学者から信頼されています。モンテランは世界最高の信頼性を持つアメリカ国立衛生研究所に属する学術論文の索引誌の厳格な審査の末、承認に成功しました。</h4>

</div>

<h3 class="fade-in">世界最高の生物工学情報センターであるアメリカ国立生物工学情報センターの学術論文の索引誌に掲載成功</h3>

<h4 class="fade-up">アメリカ国立生物工学情報センター (National Center for Biotechnology Information) は、アメリカ合衆国保健福祉省傘下の国立医学図書館が運営する分野の一つです。モンテランは世界最高の生物工学情報センターであるアメリカ国立生物工学情報センターに属する学術論文の索引誌の厳格な審査の末、承認に成功しました。NCBIは、生命科学および医学論文インデックスのデータベースである

パブメド (PubMed)、ゲノム配列データベースである

ジェンバンク (GenBank) をはじめ、さまざまな生命工学情報を管理している。</strong></h4>

</div>

<h2 class="typing-text1">老化、まだシワばかり気を使っていませんか？ </h2>

<h3 class="fade-in" style="padding-bottom: 50px;">二十歳の肌のようにシワをなくしても二十歳のように見えない理由 </h3>

<strong>立体的なボリューム感こそが </strong> 童顔のキーポイント。 </h4>

</div>

Your browser does not support the video tag.

</source></video></div>

<h2>モンテラン、童顔セラムの流れを変える。真の新しい道を切り開いたボリュームフィリング。 </h2>

</div>

<h3 style="padding-bottom: 5px;" class="fade-rt">彼女が若く見える理由?</h3>

<h3 style="padding-bottom: 5px;" class="fade-rt1">最近鏡を見たくない理由?</h3>

<h3 style="padding-bottom: 5px;" class="fade-rt2">最近自分の顔がパッとしない理由?</h3>

<h3 style="padding-bottom: 5px;" class="fade-rt3">最近写真を撮りたくない理由?</h3>

</div>

<h3>20代から進行し続ける </h3>

<h2 class="typing-text1">萎縮性老化 </h2>

<h3>によるボリュームの減少が原因 </h3>

<h4 class="fade-in">この50年間、年齢による顔の変化を探り、老化のプロセスを説明する医学的な研究がなされてきました。かつては単に肌のしわだけに注目して、これを解決しようとしてきました。長いこと重力の影響によって肌にたるみが生じると考えられもしましたが、最近では顔の老化の最大の要因は、肌の層の下の軟部組織や骨格等の変化が合わさって現れる現象であり、<strong>何よりも顔のボリュームの減少が、顔の老化の最大の原因であるということに学者たちの間で異論はありません。</strong>

</h4>

</div>

<h2 class="fade-rt">最近私が老けて見える理由。</h2>

<h3 class="fade-rt1 darker">1．顔の脂肪のボリューム減少</h3>

<span style="color: #000; font-weight: bold;">顔のくぼみを引き起こす顔のボリュームの減少は、</span> 主に脂肪層の減少によって起こります。この顔の脂肪も単なる一つの塊ではなく上の図のように区画や層に分かれており、それぞれの区画にある脂肪の体積が減少することで老化の特徴が現れるのですから、痩せたのとは別の様相です。多くの医師が長い間人体解剖学を研究してきましたが、上記の概念が登場したのはここ15年間のことです。 </h4>

<h5>製品の説明ではなく、顔の老化の理解を助けるための説明です。</h5>

<h2 style="padding-top: 50px;" class="fade-rt">最近私が老けて見える理由。 </h2>

<h3 class="fade-rt1 darker">2．骨格変化によるボリューム減少 </h3>

Your browser does not support the video tag.

</video></div>

<h4 class="fade-up1">スタンフォード大学医療センター等で120名の男女を年齢別に3つのグループに分けてから顔の骨をコンピュータ断層 (CT) で撮影した結果、 <span style="color: #000; font-weight: bold;">研究陣は年齢が上がるほど目の穴（眼窩）が下に拡大し、目の穴の周囲が徐々に大きくなって、頬骨の下部分が垂れて失われていくことで、目の下と頬骨の下の頬がこけるなどの輪郭の変化を発見しました。 </h4>

<h5>製品の説明ではなく、顔の老化の理解を助けるための説明です。</h5>

</div>

<h2 style="padding-top: 50px;" class="fade-rt">最近私が老けて見える理由。 </h2>

<h3 class="fade-rt1 darker">3．真皮のボリューム減少 </h3>

<h4 class="fade-up1=">A. <span style="color: #000; font-weight: bold;">真皮のボリュームはコラーゲンやエラスチン、</span> 基質（ヒアルロン酸、プロテオグリカン）が <span style="color: #000; font-weight: bold;"> ほとんどを占めていますが、これらのボリューム物質は </span> <span style="color: #000; font-weight: bold;">線維芽細胞が生成するので、線維芽細胞はボリュームの主人公と言えます。 </span>年齢が上がるほどボリュームを作る主体である <span style="color: #000; font-weight: bold;">線維芽細胞が減少し、顔がくぼむようになります。 </span>

</h4>

<h4 class="fade-up1">B. <span style="color: #000; font-weight: bold;">アミノ酸はボリュームを構成するコラーゲンやエラスチンなどのタンパク質合成に必要な素材として働きます。幼い子供と大人のアミノ酸の種類と濃度は異なります。 </span>

</h4>

<h5>製品の説明ではなく、顔の老化の理解を助けるための説明です。 </h5>

</div>

<h2 style="padding-top: 50px;" class="fade-rt">最近私が老けて見える理由。 </h2>

<h3 class="fade-rt1 darker">4．シワの影と肌トーン </h3>

<h4 class="fade-up1">その他の要素としては、シワの影、くすんでくる肌トーン、酸化、肌の活性度の低下などがあります。</h4>

</div>

<h2 class="typing-text3"> 老け顔を成す要素はこのように複合的であるため、総体的に各要素をすべて補完しなければなりません童顔に対する科学的分析と卓越した技術力。ボリューム、リフトアップ、弾力、シワ改善、抗酸化。 </h2>

<h3 class="fade-in darker">童顔要素のすべてを網羅するボリュームフィリングの完．全．ソリューション。 </h3>

</div>

<h2>87種類の活性成分の複合体 </h2>

<h3 class="fade-in-zoom">3Dアクション（脂肪のボリューム） </h3>

<h4>

<span class="lighter">MTRB™</span><span style="font-weight: 300;"></span>: ボリューム改善論文立証原料 <br><span class="lighter">ボルフィリン™</span><span style="font-weight: 300;"></span>: フランスセダーマ社の特許原料</h4>

<h3 class="fade-in-zoom">3Dアクション（真皮のボリューム） </h3>

<h4>

<span class="lighter">3種類の補酵素</span><span style="font-weight: 300;">: ボリュームを作る線維芽細胞を刺激</span><br><span class="lighter">PDRN</span><span style="font-weight: 300;">: 線維芽細胞と成長因子を刺激</span><br><span class="lighter">MTRB</span><span style="font-weight: 300;">: ボリューム改善論文立証原料</span><br><span class="lighter">Y-PGA</span><span style="font-weight: 300;">: コラーゲン合成 </span>

</h4>

<h3 class="fade-in-zoom">アミノリバース </h3>

<h4><span class="lighter">25種類のアミノ酸－ボリューム物質を作る素材 </span></h4>

<h3 class="fade-in-zoom">活性化ブースティング </h3>

<h4>

<span class="lighter"2種類の幹細胞培養液</span><span style="font-weight: 300;">: 栄養と肌の活性促進</span><br><span class="lighter">3種類の成長因子EGF</span><span style="font-weight: 300;">: 肌活性のシグナルとしての役割</span><br><span class="lighter">12種類のビタミン</span><span style="font-weight: 300;">: 生体機能を刺激 </span><br><span class="lighter">7種類の電解質</span><span style="font-weight: 300;">: イオンの欠乏を補充 </span><br><span class="lighter">ミネラルー新陳代謝の向上 </span>

</h4>

<h3 class="fade-in-zoom">リフトアップアクション </h3>

<h4>

<span class="lighter">21種類のペプチド </span><br><span class="lighter">バクチオール </span><br><span class="lighter">アデノシン </span>

</h4>

<h4><span class="lighter">ナイアシンアミド </span></h4>

<h4>

<span class="lighter">グルタチオン </span><br><span class="lighter">ビタミン </span>

</h4>

<h4>

<span class="lighter">ヒアルロン酸 </span><br><span class="lighter">アラビノガラクタン</span>

</h4>

<h5>原料的な特性に限る </h5>

</div>

<h2 class="typing-text1">老化には一つ二つの成分だけでは不十分です。 </h2>

<h3 class="fade-in1">そのため、皮膚科のスキンブースターには少なくとも50種類、多くは数百種類の活性成分が含まれています。モンテランボリュームフィリングは、成分が特別なだけでなく効能成分をバランスよく最大限引き出す優れた技術力も評価されています。</h3>

</div>

<h2 class="darker">モンテランのボリュームフィリング。</h2>

<h2 class="darker" style="padding-bottom: 22px;">どのようにして世界的に認められたのでしょうか？</h2>

<h3 class="fade-rt darker">ボリュームの濃度 </h3>

<h3 class="fade-rt1 darker">ボリュームの密度 </h3>

<h3 class="fade-rt2 darker">ボリュームの生体利用率が </h3>

<h4 class="darker">1. ボルフィリンとZimogenin™ </h4>

<span style="color: #000; font-weight: 600;">約20年前からサルササポゲニンを研究してきたモンテランはフランスセダーマ社のvolufiline（ボルフィライン）を顔のボリューム化粧品の主要成分の一つとして使用し、最初に韓国国内に紹介しました。モンテランではボルフィラインを韓国人が言いやすいようにボルフィリンにしましたが、現在はモンテランがつけたボルフィリンの名前で通用しています。モンテランボリュームフィリングの効果を真似しようとボルフィリン（サルササポゲニン）成分を活用した数多くの模倣品が登場しましたが、モンテランが最も古くからこの成分の優れた研究してきて、圧倒的な技術力を保有しています。 </span> Zimogeninは、ハナスゲなどの植物から抽出した 99.997215％のサルササポゲニン成分です。ボルフィリンより約2,500倍高い含有量のサルササポゲニンで、アメリカの技術力で純度が最大化された原料です。99.997215％の超高純度のサルササポゲニンであるZimogeninを30,000ppm配合することで、優れた効果をお届けします。(韓国国内発売製品特典) </h5>

<h4 class="darker">2. サルササポゲニンの生体利用率の最大化</h4>

<h5 class="fade-up1">ボリュームフィリングの主な有効成分は、生体利用率を最大化させる工程が適用されます。<br>特にボルフィリンとZimogeninの成分であるサルササポゲニンは重合体（高分子）として存在するので、単純な配合ではターゲット部分に到達するのが難しいです。 <span style="color: #000; font-weight: 600;">特殊工程を経て、キャリア原料の精巧な配合と加工により生体利用率を最大化させました。<br></span>

</h5>

<h4 class="darker">3. ボリュームのサイズだけでなく密度まで </h4>

<h5 class="fade-up1">サルササポゲニン（ボルフィリン、Zimogenin）だけではサイズの増加しかなく、密度まで最大化することができないため、モンテラン独自の成分であるボルプラスと論文立証成分MTRBを複合処方することで、密度まで優れた効果をお届けします。</h5>

<h3 class="fade-in darker" style="padding-top: 24px; padding-bottom: 8%;">童顔に向かう根源。アミノリバース。</h3>

<h5>第4世代ボリュームフィリングからアミノリバース技術が適用されました。 <br> 幼い子供と大人の肌のアミノ酸は種類と濃度が異なります。アミノ酸は、肌を構成するコラーゲンやエラスチンなどのタンパク質の合成に必要な素材として働きます。 <span style="color: #000; font-weight: 600;"> </span> <br>た、肌内部の水分の保持にも重要な役割を果たします。ヒアルロン酸のような保湿成分は、アミノ酸の一つであるグルタミンのような成分から派生し、肌を保湿してうるおいをキープするのに効果的です。<span style="color: #000; font-weight: 600;">幼い子供と大人のアミノ酸の違いを分析し、アミノ酸に関して幼い子どもに近い環境を具現化するようにして、童顔に向かう根源から立て直します。 </span>

</h5>

<h3 class="fade-in darker" style="padding-top: 24px; padding-bottom: 8%;">国際学術誌で立証。輝かしく優れた効果。 </h3>

<h5>

<span style="color: #000; font-weight: 600;">世の中になかった化粧品を作るためには、文字通り「すべて」が特別でなければなりません。 </span><br><br> モンテランは原料の獲得、原料の研究、原料の配合と加工、肌の伝達キャリアなどのあらゆる過程で最高の効能のために大胆な挑戦と革新を導き出し、研究成果を世界的な学術誌での厳格な審査員たちによる検証の末に認められました。 <br><br>モンテランは、差別化された専門臨床研究を通じて科学的根拠を提示します。モンテランは、韓国国内、国外の有数の学術機関で最新の施設と設備を備え、各分野の教授をはじめとする専門家が研究します。<br><br> モンテランボリュームフィリングとその成分は、一般的な短期間の臨床試験ではなく、世界的な学術誌に紹介されました。<br><br>ボリュームフィリングとその成分に対する科学的検証を今から公開します。</h5>

</div>

<h2 class="lighter">顔の老化は脂肪細胞のサイズが減少し、その機能と分化が低下することによって発生する。最近研究チームは、ボリュームフィリングを利用した老け顔の改善に関する報告書を提示することになった。</h2>

Your browser does not support the video tag.

</source></video></div>

</div>

<h2 class="fade-rt">ボリュームフィリングの原料を利用した </h2>

<h3 class="fade-rt1">顔のボリュームの改善</h3>

<h2>図1．臨床医が評価した平均顔ボリューム損失尺度 <br><span style="color: #0088e8;">FLVS：顔ボリューム損失尺度</span><br>（数値が高いほどボリューム損失が大きいことを意味する）</h2>

<h5>研究員のFVLS評価によると、 <span style="color: #000 !important; font-weight: 700 !important;">図1において 1か月目と3か月目の基準周期で棒グラフの高さくらいの変化が起こったように、全ての被験者は3か月以内に顔のボリュームの改善効果が表れた。</span>, 各後続の観察訪問の際に統計的に意味のある使用後の値が観察された時、改善効果は最大18か月から24か月まで続いた。 <br>このような結果は、3か月間で劇的な改善レベルを示すものである。 <span style="color: #000 !important; font-weight: 700 !important;"></span>

</h5>

</div>

<h2 class="fade-rt">ボリュームフィリングの原料に関する評価 </h2>

<h3 class="fade-rt1">ほうれい線の改善</h3>

</div>

<h2 class="fade-rt">ボリュームフィリングの原料に関する評価 </h2>

<h3 class="fade-rt1">細胞内脂肪の生成強化</h3>

</div>

<h2>モンテランボリュームフィリングで実年齢より若く見える顔の完成 </h2>

<h3>[第1段階、シワコントロール]</h3>

<h3>[第2段階、ボリュームコントロール]</h3>

<h3>[第3段階、自然に保つ]</h3>

<h5 style="text-align: center;">ようやく老化の難題を解決し<br>ハートラインが完成。 </h5>

Your browser does not support the video tag.

</source></video></div>

<h2>童顔に特徴的な顔の形はボリューム感のある頬とあごをつなぐ線が <strong>ハートライン。</strong>, <br> </h2>

<h2><strong>年を取ると顔はハート型と三角形の上下が逆になってしまいます。 </strong></h2>

</div>

<h2>今までのボリュームフィリングが <strong>段．違．い．</strong><br>だったなら <strong>これからは次．元．違．い。 </strong>

</h2>

</div>

<h3>第4世代のリニューアルされたボリュームフィリングは幼い子どものアミノ酸環境を具現化するアミノリバース技術により童顔に向かう根源から変化させます。 </h3>

<h4>数多くの模倣品ができましたが結局オリジナルに戻ってくる <strong>オリジナルのレベルの違い。</strong>

</h4>

<h5>モンテランはこのような成果に安住せずさらに研究し、さらに投資しました。商品ページは変更していなくても製品は9回もアップグレード。 </h5>

</div>

<style>

body {overflow-x: hidden;}

.vf01 {background-color: #ededed; padding-top: 50px;}

.vf02 {background-color: #c9c9c9; padding: 50px 4%;}

.vf03, .vf03a, .vf03b, .vf05, .vf06, .vf07, .vf11 {background-color: #f8f8f8; padding: 50px 4%;}

.vf03a {padding-top: 150px;}

.vf03b {padding-top: 120px;}

.vf04, .vf09 {background-color: #5c5d5f; padding: 4%; padding-top: 4%;}

.vf04a, .vf04b, .vf04c {padding: 4% 0; background-color: #000}

.vf07_top {padding-top: 6%;}

.vf08 {background-color: #ededed; padding: 50px 4%;}

.vf10 {background-color: #b2b2b2; padding: 8% 4%;}

.vf12 {background-color: #525252}

.vf13 {background-color: #efefef; padding: 4%;}

.vf13a, .vf14, .vf15 {background-color: #fff; padding: 4%;}

.vf14a {padding: 4%;}

.vf01 h2, .vf02 h2, .vf03 h2, .vf03 h3 {text-align: center;}

.vf01 h2, .vf03 h2 {font-weight: 200;}

.vf02 h2, .vf03 h3, .vf03a h2, .vf03b h5, .vf04 h4, .vf05 h3, .vf10 h3, .vf11 h2, .vf14 h2, .vf15 h2 {font-weight: 300;}

.vf04 h3, .vf06 h3, .vf06 h4, .vf07 h4, .vf08 h2, .vf09 h4, .vf11 h5 {font-weight: 400;}

.tech h2, .vf05 h4, .vf07 h2, .vf07_top h2, .vf11 h2, .vf13 h2, .vf13 h3 {font-weight: 500;}

.vf05 h2, .vf11 h4, .vf13a h2 {font-weight: 600;}

.vf03a h3, .vf03b h4, .vf04 h2, .vf06 h2, .vf07 h3, .vf07_top h3, .vf11 h3, .vf08 h3, .vf10 h2 {font-weight: 700;}

.vf09 h3 {font-weight: 800;}

.vf01 h2 {font-size: 24px; line-height: 36px;}

.vf02 h2 {font-size: 22px; line-height: 30px;}

.vf03 h2 {margin: -8px 0; font-size: 38px; line-height: 60px;}

.vf03 h3 {font-size: 18px; color: #b2b2b2;}

.vf03b h4 {padding-left: 4%; font-size: 32px;}

.vf03b h5 {padding-left: 4%; font-size: 22px;}

.vf03a h2 {margin: 5px 0; width: 100%; font-size: 18px; color: #000;}

.vf03a h3 {margin-top: 8px; width: 100%; font-size: 22px; color: #000;}

.vf04 h2 {padding-left: 4%; padding-bottom: 4%; font-size: 24px; line-height: 36px; color: #d2d0d0;}

.vf04 h3 {padding: 4%; padding-top: 4%; font-size: 22px; line-height: 30px; color: #f0f0f0;}

.vf04 h4 {padding: 4%; font-size: 16px; line-height: 24px; color: #f0f0f0;}

.vf04 h5 {color: #d2d0d0;}

.vf04a_inner {position: relative;}

.vf04a_inner h5 {width: 60%; font-size: 10px; position: absolute; top: 35%; left: 70%; transform: translate(-50%, -50%);}

.vf05 h2 {font-size: 24px; line-height: 32px; padding-top: 50px;}

.vf05 h3 {font-size: 20px; margin-bottom: -8px; color: #000;}

.vf05 h4 {font-size: 28px; line-height: 36px;}

.vf06 h2 {font-size: 32px; line-height: 36px; color: #000;}

.vf06 h3 {font-size: 22px; line-height: 30px;}

.vf06 h4, .vf07 h4, .vf08 h2, .vf11 h5, .vf14a h2 {font-size: 18px; line-height: 26px;}

.vf07 h2, .vf07_top h2 {text-align: center; font-size: 22px; line-height: 22px;}

.vf07 h3, .vf07_top h3 {margin-top: -6px; text-align: center; font-size: 24px; line-height: 28px;}

.vf07 h5 {text-align: right; font-size: 9px;}

.vf07 p {margin-top: -8px; margin-bottom: 10px; position: absolute; transform: translateX(-50%);}

.vf07 p.at-25 {left: 20%;}

.vf07 p.at-50 {left: 50%;}

.vf07 p.at-75 {left: 80%;}

.vf08 h3 {padding: 4% 0; font-size: 22px; line-height: 26px;}

.vf09 h2 {padding: 2%; font-size: 26px; line-height: 30px; color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

.vf09 h3 {padding-top: 3%; font-size: 20px; color: #fff;}

.vf09 h4 {padding-left: 2%; font-size: 18px; color: #bababa;}

.vf09 h5 {text-align: right;}

.vf10 h2 {font-size: 28px; line-height: 32px; color: #fff;}

.vf10 h3 {font-size: 18px; color: #fff;}

.vf11 h2 {font-size: 22px; line-height: 24px; color: #b2b2b2;}

.vf11 h3 {margin-bottom: -24px; font-size: 26px; line-height: 32px; color: #5c5d5f;}

.vf11 h4 {padding-top: 8%; font-size: 22px;}

.vf12 h2 {padding: 0 4%; font-size: 22px; color: #aaa9a9; text-align: center;}

.vf13 h2 {text-align: center; font-size: 26px; color: #000;}

.vf13 h3 {margin-top: -10px; text-align: center; font-size: 18px; line-height: 22px; color: #717171;}

.vf13 h4 {text-align: center; font-size: 8px; color: #aaa9a9;}

.vf13 h5 {font-size: 18px; line-height: 22px; color: #717171;}

.vf13a h2 {font-size: 14px; line-height: 18px;}

.vf14 h2 {font-size: 26px; line-height: 30px; color: #000;}

.vf14 h3 {text-align: center; font-size: 12px; color: #717171;}

.vf14 h5 {font-size: 28px; line-height: 30px; color: #000;}

.vf15 h2 {font-size: 28px; line-height: 36px; color: #000;}

.vf15 h3 {font-size: 20px; line-height: 24px;}

.vf15 h4 {font-size: 24px; line-height: 30px; color: #000;}

.vf15 h5 {font-size: 18px; line-height: 20px;}

/* woman left and right */

.image-container {display: flex; justify-content: center; align-items: center; position: relative; height: 260px;}

.image-container img {opacity: 0; width: 100%; position: absolute; bottom: 0;}

.image-container img:nth-child(2) {left: 0;}

/* review slider */

.slide-viewer {width: 100%; overflow: hidden;}

.slider-container {width: 1200%; display: flex; justify-content: center; align-items: center; overflow: hidden; transform: translateX(0%); transition: transform 0.2s ease;}

.slide {transition: transform 0.1s ease;}

/* video */

.detail-container {position: relative; width: 100%;}

.video-overlay {position: absolute; top: 0%; left: 4%;}

.video-overlay h2 {margin-bottom: -16px; font-weight: 500; font-size: 28px; color: #fff; text-shadow: 2px 2px 0px #5c5d5f;/* -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #5c5d5f; */}

/* 유일무이 막강함 */

.vf03a {position: relative; width: 100%; height: 250px; display: flex; flex-direction: column; justify-content: center;}

.vf03a img {align-self: center; right: 4%}

.bottle-rt {z-index: 1; position: absolute; transform: translateX(-550%);}

.vf03b {padding-top: 4% 0}

/* 에베레스트산 */

.tower {margin-bottom: 0;}

/* tech */

.tech {position: relative; display: inline-block; display: flex; justify-content: center; align-items: center; text-align: center;}

.tech img {display: block; width: 100%;}

.tech h2 {color: #5c5d5f; position: absolute; width: 100%;}

/* 흐름을 바꾸다 */

.vf_sky {position: relative;}

.sky_overlay {position: absolute; top: 2%; left: 4%;}

.sky_overlay h2 {padding: 2%; font-size: 22px; line-height: 26px; font-weight: 600; color: #fff;}

/* animation */

.fade-up, .fade-up1 {opacity: 0; transform: translateY(20px);}

.fade-rt1, .fade-rt2, .fade-rt3, .fade-rt {opacity: 0; transform: translateX(-50px);}

.fade-in {opacity: 0;}

.typing-text1, .typing-text2, .typing-text3, .typing-text4 {opacity: 0;}

/* bottle animation*/

.bottle-up {opacity: 0; scale: 0; transform: translateY(150px);}

.solution-container {height: 350px; display: flex; justify-content: center; align-items: center;}

@media (min-width: 768px) {.image-container {height: 400px;}}

</style>

gsap.registerPlugin(ScrollTrigger);

// Animation for .fade-in-left and .fade-in-right

gsap.utils.toArray(".image-container img").forEach((img, index) => {

gsap.fromTo(img,

{ opacity: 0, left: index === 0 ? "80px" : "-80px" },

{

scrollTrigger: {

trigger: img,

start: "top center",

toggleActions: "play none none none"

opacity: 1,

left: "0",

duration: 1

}

);

});

// 슬라이드 요소 및 인덱스 초기화

const slides = document.querySelectorAll('.slide');

let currentSlide = 0;

// 슬라이더 컨테이너 및 터치 이벤트 관련 변수

const sliderContainer = document.querySelector('.slider-container');

let autoSlideInterval;

let touchstartX = 0;

let touchendX = 0;

// 특정 슬라이드로 이동하는 함수

function goToSlide(slideIndex) {

currentSlide = (slideIndex + slides.length) % slides.length; // 음수 방지

const slideWidth = slides[0].clientWidth;

gsap.to('.slider-container', {

duration: 0.1,

x: -(slideWidth * currentSlide)

});

}

// 자동 슬라이드 시작 함수

function startAutoSlide() {

if (!autoSlideInterval) {

autoSlideInterval = setInterval(() => {

goToSlide(currentSlide + 1);

}, 4000);

}

// ScrollTrigger를 사용하여 특정 위치에서 자동 슬라이드 시작

ScrollTrigger.create({

trigger: '.slide-viewer',

start: "top 60%",

onEnter: startAutoSlide

});

// 터치 이벤트 핸들러

function handleSwipeGesture() {

const touchDistance = Math.abs(touchendX - touchstartX);

if (touchDistance > 50) {

if (touchendX < touchstartX) {

goToSlide(currentSlide + 1);

} else if (touchendX > touchstartX) {

goToSlide(currentSlide - 1);

}

// 슬라이더 컨테이너에 터치 이벤트 리스너 추가

sliderContainer.addEventListener('touchstart', e => {

touchstartX = e.changedTouches[0].screenX;

}, false);

sliderContainer.addEventListener('touchend', e => {

touchendX = e.changedTouches[0].screenX;

handleSwipeGesture();

}, false);

// 비디오 요소에 대한 참조를 저장

const videoElements = ['video1', 'video2', 'video3', 'video4', 'video5', 'video6', 'video7'].map(id => document.getElementById(id));

videoElements.forEach(video => {

// 각 비디오에 대한 ScrollTrigger 인스턴스 생성

ScrollTrigger.create({

trigger: video,

start: 'top bottom', // 화면의 하단에서 트리거 시작

end: 'bottom top', // 화면의 상단에서 트리거 종료

onToggle: self => {

if (self.isActive) {

video.play();

} else {

video.pause();

}

});

// 유일무이 막강함

// 이미지 애니메이션 설정

const bottleRt = document.querySelector('.bottle-rt');

gsap.to(bottleRt, {

scrollTrigger: {

trigger: ".vf03a",

start: "top 80%",

end: "top 30%",

scrub: true

x: '0%' // 이미지를 원래 위치로 이동

});

// vf04 배경색 변경

ScrollTrigger.create({

trigger: '.vf04',

start: "top 40%",

onEnter: () => gsap.to('.vf04', { backgroundColor: '#121212', duration: 0.5 }),

onLeaveBack: () => gsap.to('.vf04', { backgroundColor: '#5c5d5f', duration: 0.5 })

});

// vf04 배경색 변경

ScrollTrigger.create({

trigger: '.vf09',

start: "top 40%",

onEnter: () => gsap.to('.vf09', { backgroundColor: '#000', duration: 0.5 }),

onLeaveBack: () => gsap.to('.vf09', { backgroundColor: '#5c5d5f', duration: 0.5 })

});

// 텍스트 애니메이션 설정

const bottleTexts = gsap.utils.toArray('.vf03a h2, .vf03a h3');

bottleTexts.forEach(text => {

gsap.fromTo(text,

{ opacity: 0, x: '-100px' },

{

opacity: 1,

x: '0px',

scrollTrigger: {

trigger: text,

start: "top 70%",

end: "top 20%",

scrub: true

}

);

});

function initImageSequence() {

var image = document.getElementById('sequence-image');

var frameCount = 75;

var repeatCount = 8;

ScrollTrigger.create({

trigger: image,

start: "top bottom",

end: "bottom top",

scrub: true,

onUpdate: self => {

var frameIndex = Math.min(frameCount - 1, Math.floor(self.progress * frameCount * repeatCount) % frameCount);

var frameSrc = `https://cdn.shopify.com/s/files/1/0676/2650/0311/files/vf_dna${String(frameIndex).padStart(2, '0')}.jpg`;

image.src = frameSrc;

}

});

}

window.addEventListener('load', initImageSequence);

window.addEventListener('load', function() {

});

// Modified function to animate each element individually

function animateElement(selector, transform, delay = 0) {

gsap.utils.toArray(selector).forEach(el => {

gsap.fromTo(el,

{ opacity: 0, transform: transform },

{

scrollTrigger: {

trigger: el,

start: "top 60%",

toggleActions: "play none none none"

opacity: 1,

transform: "translateX(0) translateY(0)",

duration: 1,

delay: delay

}

);

});

}

// Applying animations to different elements

animateElement('.fade-up', 'translateY(20px)');

animateElement('.fade-up1', 'translateY(20px)', 0.1);

animateElement('.fade-in', 'none');

animateElement('.fade-in1', 'none', 0.1);

animateElement('.fade-in2', 'none', 0.2);

animateElement('.fade-in3', 'none', 0.3);

animateElement('.fade-rt', 'translateX(-50px)');

animateElement('.fade-rt1', 'translateX(-50px)', 0.1);

animateElement('.fade-rt2', 'translateX(-50px)', 0.2);

animateElement('.fade-rt3', 'translateX(-50px)', 0.3);

// scale

gsap.utils.toArray(".fade-in-zoom").forEach(element => {

gsap.fromTo(

element,

{

opacity: 0,

scale: 1.2,

{

opacity: 1,

scale: 1,

duration: 1,

scrollTrigger: {

trigger: element,

start: "top 60%",

}

);

});

// Typing

function applyTypingEffect(selector, text, duration) {

gsap.fromTo(selector,

{ text: "" },

{

duration: duration,

text: { value: text },

ease: "none",

repeat: 0

}

);

}

function applyTypingEffectToClass(className, defaultDuration) {

gsap.utils.toArray('.' + className).forEach(el => {

let duration = parseFloat(className.match(/[\d\.]+/)[0]) || defaultDuration;

ScrollTrigger.create({

trigger: el,

start: "top 60%",

onEnter: () => {

// opacity

gsap.to(el, { opacity: 1, duration: 0 });

applyTypingEffect(el, el.textContent, duration);

}

});

}

applyTypingEffectToClass('typing-text1', 0.5);

applyTypingEffectToClass('typing-text2', 1);

applyTypingEffectToClass('typing-text3', 1.5);

applyTypingEffectToClass('typing-text4', 2);

// Bottle-up

gsap.utils.toArray(".bottle-up").forEach(el => {

gsap.fromTo(el,

{ opacity: 0, scale: 0, transform: 'translateY(150px)' },

{

scrollTrigger: {

trigger: el,

start: "top 75%",

toggleActions: "play none none none"

opacity: 1,

scale: 1,

transform: 'translateY(0)',

duration: 1

}

);

});

// Bottle-solution

const bottleSolution = document.querySelector(".bottle-solution");

gsap.to('.bottle-solution', {

scale: 0.2,

scrollTrigger: {

trigger: '.solution-container',

start: 'top 100%',

end: 'top 10%',

scrub: true

}

});

// Text color

function applySequentialColorChange(el, targetColor) {

el.innerHTML = el.textContent.split("").map(char => `<span>${char}</span>`).join("");

gsap.utils.toArray(el.children).forEach((span, index) => {

gsap.to(span, {

color: targetColor,

duration: 1,

delay: index * 0.03,

ease: "power1.inOut"

});

}

function applyColorChangeEffectToClass(className, targetColor) {

gsap.utils.toArray('.' + className).forEach(el => {

ScrollTrigger.create({

trigger: el,

start: "top 50%",

onEnter: () => {

applySequentialColorChange(el, targetColor);

}

});

}

applyColorChangeEffectToClass('lighter', '#fff');

applyColorChangeEffectToClass('darker', '#000');

</script>-

詳細を表示する

カートは空です

あなたのカート

見積もり合計

Please log in

Free membership for 50% DC! Registration in 1 second

SHOP

SHOP ALL

BEST SELLER

MONTHLY SPECIAL

FACE CONTOUR

LIP CARE

BODY CARE

HAND CARE

GIFT

ABOUT US

BRAND STORY

RESEARCH LAB

INGREDIENTS BY PRODUCTS

PREMIUM INGREDIENTS

ボリュームフィリングセラム30mL

ボリュームフィリングセラム30mL

GET BOUNCY WITH ME!

TOP REVIEWS

国/地域