Clarifying Mask_sg_250723
/* 추가된 common.css 부분 */ .pdp2022 { max-width: 1100px; margin: 0 auto; } .pdp2022-section { word-wrap: break-word; } .pdp2022 dd, .pdp2022 dl, .pdp2022 dt, .pdp2022 ol, .pdp2022 ul { margin: 0; padding: 0; } .pdp2022 a img { border: 0; vertical-align: top; } .pdp2022 li, .pdp2022 ol, .pdp2022 ul { list-style: none; } .pdp2022 img { max-width: 100%; display: inline-block; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; } .pdp2022 video { display: block; } .pdp2022 h1, .pdp2022 h2, .pdp2022 h3, .pdp2022 h4, .pdp2022 h5, .pdp2022 h6 { font-family: Theinhardt, 'Noto Sans', sans-serif; margin-bottom: 0; } .pdp2022 h1 + p, .pdp2022 h2 + p, .pdp2022 h3 + p, .pdp2022 h4 + p, .pdp2022 h5 + p, .pdp2022 h6 + p { padding-top: 0; } .pdp2022 p + h1, .pdp2022 p + h2, .pdp2022 p + h3, .pdp2022 p + h4, .pdp2022 p + h5, .pdp2022 p + h6 { margin-top: 0; } .pdp2022 ul li + li, .pdp2022 ol li + li { margin: 0; padding: 0; } .pdp2022 p + p { margin: 0; } .pdp2022 { font-family: Theinhardt, 'Noto Sans', sans-serif; } .pdp2022 .pc-only { display: block; } .pdp2022 .ta-only { display: none; } .pdp2022 .mo-only { display: none; } .pdp2022 .bold { font-weight: 800; } .pdp2022 sup { font-size: 100%; line-height: 0; position: relative; top: 0.35em; } .pdp2022 p { margin: 0; } .pdp2022 .pdp2022-section { position: relative; text-align: center; color: #000; font-weight: 400; font-family: Theinhardt, 'Noto Sans', sans-serif; } .pdp2022 .pdp2022-section .pdp2022-text-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .pdp2022 .pdp2022-image, .pdp2022 .pdp2022-video { width: 100%; margin: auto; display: block; } .pdp2022 .pdp2022-image img, .pdp2022 .pdp2022-video img { max-width: 100%; margin-top: -1px; } .pdp2022 .pdp2022-image video, .pdp2022 .pdp2022-video video { width: 100%; } .pdp2022 .pdp2022-image { position: relative; } .pdp2022 .video-area { position: absolute; top: 0; right: 5.1818181818%; width: 67.6363636364%; } .pdp2022 .pdp2022-section__video { position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 134.9462365591%; } .pdp2022 .pdp2022-section__video > .media { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .pdp2022 .pdp2022-section__video .pdp2022-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .pdp2022 .pdp2022-section__video .pdp2022-video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .pdp2022 .pdp2022-text--l { font-size: 56px; letter-spacing: 0.1em; line-height: 1.3703571429; font-weight: 500; } .pdp2022 .pdp2022-text--m { font-size: 42px; line-height: 1.6597619048; font-weight: 500; } .pdp2022 .pdp2022-text--s { font-size: 38px; line-height: 1.5426315789; font-weight: 500; } .pdp2022 .pdp2022-section--detail01 .pdp2022-text-wrap .pdp2022-image { margin: 15.234375% 0 5.703125%; } .pdp2022 .pdp2022-section--detail01 .pdp2022-section__title { font-size: 58px; letter-spacing: 0.1em; line-height: 1.4701724138; font-weight: 500; } .pdp2022 .pdp2022-section--detail01 .pdp2022-section__subtitle { font-size: 38px; letter-spacing: 0.1em; line-height: 1.6413157895; font-weight: 500; margin-top: 1.953125%; } .pdp2022 .pdp2022-section--detail02 { text-align: left; } .pdp2022 .pdp2022-section--detail02 .pdp2022-text--l { margin-top: 10.9375%; margin-left: 6.25%; color: #fff; } .pdp2022 .pdp2022-section--detail02 .pdp2022-text--desc { color: #f4d9c8; font-size: 30px; letter-spacing: -0.01em; line-height: 1.408; font-weight: 500; margin-top: 2.03125%; margin-left: 6.25%; } .pdp2022 .pdp2022-section--detail03 .pdp2022-section__header { text-align: left; margin: 11.5625% 5.859375% 6.640625% 5.859375%; } .pdp2022 .pdp2022-section--detail03 .pdp2022-text--m { margin-top: 3.515625%; } .pdp2022 .pdp2022-section--detail03 .pdp2022-section__body .pdp2022-image img { width: 100%; } .pdp2022 .pdp2022-section--detail04 .pdp2022-text--l { text-align: left; margin-top: 8.59375%; margin-left: 5.46875%; } .pdp2022 .pdp2022-section--detail05 .pdp2022-text--m { text-align: left; color: #fff; font-size: 42px; line-height: 1.6597619048; font-weight: 500; margin-top: 4.921875%; margin-left: 4.6875%; } .pdp2022 .pdp2022-section--detail06 { text-align: left; } .pdp2022 .pdp2022-section--detail06 ul { padding: 22.34375% 4.6875% 0; } .pdp2022 .pdp2022-section--detail06 ul li { position: relative; padding-bottom: 4.765625%; margin-bottom: 4.6875%; } .pdp2022 .pdp2022-section--detail06 ul li::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60.546875%; height: 3px; background-color: #4c3a34; } .pdp2022 .pdp2022-section--detail06 ul li:last-child { padding-bottom: 0; margin-bottom: 0; } .pdp2022 .pdp2022-section--detail06 ul li:last-child::after { width: 0; height: 0; } .pdp2022 .pdp2022-section--detail06 .percent-wrap { display: flex; align-items: center; } .pdp2022 .pdp2022-section--detail06 .percent-num { display: inline-block; width: 25%; } .pdp2022 .pdp2022-section--detail06 .percent-txt { font-size: 32px; color: #51443f; font-weight: 500; letter-spacing: 0.05em; margin-left: 4.6875%; line-height: 1.3190625; } .pdp2022 .pdp2022-section--detail06 .pdp2022-text--desc { font-size: 30px; color: #9b8f85; font-weight: 500; line-height: 1.4213333333; letter-spacing: -0.01em; margin-left: 4.6875%; margin-top: 10.78125%; } .pdp2022 .pdp2022-section--detail07 { padding-top: 9.53125%; background-color: #edd8c9; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__header { margin-bottom: 7.03125%; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__header .pdp2022-text--s { letter-spacing: 0.1em; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__body { background-color: #edd8c9; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__body li { position: relative; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__body li::after { position: absolute; bottom: 0; left: 0; content: ''; width: 40.625%; height: 1px; background-color: #cdbeb0; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__body .pdp2022-text--s:nth-child(2) { text-align: left; margin-top: 1.71875%; margin-bottom: 11.328125%; margin-left: 5.625%; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__body .pdp2022-text--s:nth-child(4) { text-align: right; margin-top: 2.734375%; margin-bottom: 11.71875%; margin-right: 5.78125%; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__body .pdp2022-text--s:nth-child(6) { text-align: left; padding-top: 3.515625%; padding-bottom: 2.65625%; padding-left: 5.78125%; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__body .pdp2022-text--desc { text-align: left; font-size: 30px; color: #7b6857; font-weight: 500; line-height: 1.4213333333; letter-spacing: -0.01em; padding-left: 5.78125%; padding-bottom: 12.890625%; } .pdp2022 .pdp2022-section--detail08 .pdp2022-text--l { margin-top: 12.109375%; } @media (max-width: 1280px) { .pdp2022 .pdp2022-text--l { font-size: 4.375vw; font-size: max(11px, 4.375vw); } .pdp2022 .pdp2022-text--m { font-size: 3.28125vw; font-size: max(11px, 3.28125vw); } .pdp2022 .pdp2022-text--s { font-size: 2.96875vw; font-size: max(11px, 2.96875vw); } .pdp2022 .pdp2022-section--detail01 .pdp2022-section__title { font-size: 4.53125vw; font-size: max(11px, 4.53125vw); } .pdp2022 .pdp2022-section--detail01 .pdp2022-section__subtitle { font-size: 2.96875vw; font-size: max(11px, 2.96875vw); } .pdp2022 .pdp2022-section--detail02 .pdp2022-text--desc { font-size: 2.34375vw; font-size: max(11px, 2.34375vw); } .pdp2022 .pdp2022-section--detail05 .pdp2022-text--m { font-size: 3.28125vw; font-size: max(11px, 3.28125vw); } .pdp2022 .pdp2022-section--detail06 .percent-txt { font-size: 2.5vw; font-size: max(11px, 2.5vw); } .pdp2022 .pdp2022-section--detail06 .pdp2022-text--desc { font-size: 2.34375vw; font-size: max(11px, 2.34375vw); } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__body .pdp2022-text--desc { font-size: 2.34375vw; font-size: max(11px, 2.34375vw); } } @media all and (max-width: 1180px) { .pdp2022 .ta-only { display: block; } } @media (max-width: 767px) { .pdp2022 { margin: 0 20px; } } @media all and (max-width: 680px) { .pdp2022 .pc-only, .pdp2022 .ta-only { display: none; } .pdp2022 .mo-only { display: block; } } @media (max-width: 680px) { .pdp2022 .pdp2022-image img, .pdp2022 .pdp2022-video img { width: 100%; } .pdp2022 .pdp2022-text--l { font-size: 4.7058823529vw; font-size: max(11px, 4.7058823529vw); } .pdp2022 .pdp2022-text--l { line-height: 1.3953125; } .pdp2022 .pdp2022-text--m { font-size: 3.5294117647vw; font-size: max(11px, 3.5294117647vw); } .pdp2022 .pdp2022-text--m { line-height: 1.69; } .pdp2022 .pdp2022-text--s { font-size: 3.2352941176vw; font-size: max(11px, 3.2352941176vw); } .pdp2022 .pdp2022-text--s { line-height: 1.5504545455; } .pdp2022 .pdp2022-section--detail01 .pdp2022-text-wrap .pdp2022-image { width: 22.7941176471%; margin: 14.7058823529% auto 5.5882352941%; } .pdp2022 .pdp2022-section--detail01 .pdp2022-section__title { font-size: 5vw; font-size: max(11px, 5vw); } .pdp2022 .pdp2022-section--detail01 .pdp2022-section__title { line-height: 1.4591176471; } .pdp2022 .pdp2022-section--detail01 .pdp2022-section__subtitle { font-size: 3.2352941176vw; font-size: max(11px, 3.2352941176vw); } .pdp2022 .pdp2022-section--detail01 .pdp2022-section__subtitle { line-height: 1.6577272727; } .pdp2022 .pdp2022-section--detail02 .pdp2022-text--desc { font-size: 2.6470588235vw; font-size: max(11px, 2.6470588235vw); } .pdp2022 .pdp2022-section--detail02 .pdp2022-text--desc { line-height: 1.3333333333; } .pdp2022 .pdp2022-section--detail05 .pdp2022-text--m { font-size: 3.5294117647vw; font-size: max(11px, 3.5294117647vw); } .pdp2022 .pdp2022-section--detail05 .pdp2022-text--m { line-height: 1.69; } .pdp2022 .pdp2022-section--detail06 ul li { padding-bottom: 4.4117647059%; margin-bottom: 5.1470588235%; } .pdp2022 .pdp2022-section--detail06 ul li::after { height: 2px; } .pdp2022 .pdp2022-section--detail06 .percent-num { width: 26.4705882353%; } .pdp2022 .pdp2022-section--detail06 .percent-txt { font-size: 2.9411764706vw; font-size: max(11px, 2.9411764706vw); } .pdp2022 .pdp2022-section--detail06 .percent-txt { line-height: 1.228; } .pdp2022 .pdp2022-section--detail06 .pdp2022-text--desc { font-size: 2.9411764706vw; font-size: max(11px, 2.9411764706vw); } .pdp2022 .pdp2022-section--detail06 .pdp2022-text--desc { line-height: 1.2405; color: #999186; font-weight: 500; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__body .pdp2022-text--desc { font-size: 2.9411764706vw; font-size: max(11px, 2.9411764706vw); } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__body .pdp2022-text--desc { line-height: 1.2405; color: #7a6757; } } @media all and (max-width: 480px) { .pdp2022 .pc-only02 { display: none; } .pdp2022 .mo-only02 { display: block; } } @media (max-width: 320px) { .pdp2022 .pdp2022-text--l { font-size: 15.0588235294px; } .pdp2022 .pdp2022-text--m { font-size: 11.2941176471px; } .pdp2022 .pdp2022-text--s { font-size: 11px; } .pdp2022 .pdp2022-section--detail01 .pdp2022-section__title { font-size: 16px; } .pdp2022 .pdp2022-section--detail01 .pdp2022-section__subtitle { font-size: 11px; } .pdp2022 .pdp2022-section--detail02 .pdp2022-text--desc { font-size: 11px; } .pdp2022 .pdp2022-section--detail05 .pdp2022-text--m { font-size: 11.2941176471px; } .pdp2022 .pdp2022-section--detail06 .percent-txt { font-size: 11px; } .pdp2022 .pdp2022-section--detail06 .pdp2022-text--desc { font-size: 11px; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__body .pdp2022-text--desc { font-size: 11px; } } /* 230703 추가 수정 : 작업자 위버로프트_김선형 */ @media (max-width: 767px) { .pdp2022 { margin: 0; } } /* [ITO0438-1695] 250729 모델컷 교체 */ .pdp2022 .pdp2022-section--detail01 .pdp2022-text-wrap .pdp2022-image { margin: 15.234375% auto 11.703125%; } .pdp2022 .pdp2022-section--detail01 .pdp2022-section__subtitle { margin-top: 5.953125%; } .pdp2022 .pdp2022-section--detail02 .pdp2022-text--desc sup { top: 0.6em; } .pdp2022 .pdp2022-section--detail04 .pdp2022-text--l { margin-top: 5.59375%; } .pdp2022 .pdp2022-section--detail05 .pdp2022-text-wrap { top: initial; bottom: 0; height: auto; } .pdp2022 .pdp2022-section--detail05 .pdp2022-text--m { margin-bottom: 6.921875%; } .pdp2022 .pdp2022-section--detail06 ul { padding: 28.34375% 4.6875% 0; } .pdp2022 .pdp2022-section--detail06 ul li::after { height: 2px; background-color: #cdbeb0; width: 53.546875%; } .pdp2022 .pdp2022-section--detail06 .percent-num { width: 23%; } .pdp2022 .pdp2022-section--detail06 .percent-txt { margin-left: 3%; } .pdp2022 .pdp2022-section--detail06 .pdp2022-text--desc { font-weight: 700; letter-spacing: 0.01em; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__header .pdp2022-text--s { margin-top: 3%; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__body .pdp2022-text--s:nth-child(2) { margin-top: 3.71875%; margin-bottom: 9.328125%; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__body .pdp2022-text--s:nth-child(4) { margin-top: 3.734375%; margin-bottom: 9.71875%; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__body .pdp2022-text--s:nth-child(6) { padding-bottom: 5.65625%; } .pdp2022 .pdp2022-section--detail07 .pdp2022-section__body .pdp2022-text--desc { padding-bottom: 10.890625%; } @media (max-width: 680px) { .pdp2022 .pdp2022-section--detail06 { display: flex; align-items: flex-end; min-height: 380px; background: #f4eeeb; } .pdp2022 .pdp2022-section--detail06 ul li::after { height: 1px; } .pdp2022 .pdp2022-section--detail06 .percent-num { width: 22%; } .pdp2022 .pdp2022-section--detail06 .pdp2022-text--desc { margin-top: 7.78125%; line-height: 1.5; font-size: 2.241176vw; font-size: max(11px, 2.241176vw); } } @media (max-width: 360px) { .pdp2022 .pdp2022-section--detail04 .pdp2022-text--l br { display: none; } } SEAMLESSLY COVEREDAND EASY TO PEEL-OFF CLARIFYING MASK SULWHASOO’S NO.1MASK12 MILLION TUBES SOLDSINCE ITS LAUNCH * Accumulated worldwide sales figure from 2007 - 2021(sell-in) SMOOTHER LOOKING SKIN BY REMOVING DEAD SKIN CELLS Resilient-textured formula covers skin seamlesslyto remove skin impurities and dead skin cellswhen it dries.You’ll find your skin looks firmer and smoother. Clarifying Mask is formulated bySolomon’s Seal powder of antioxidant efficacyand Korean Honeysuckle extractfor improving skin cell turnover.This Peel-Off Mask visibly clarifiesskin impurities and dead skin cells. AGREED SKIN FEELSSMOOTHER AGREED SKINFEELS CLEARER SAID SKIN LOOKSBRIGHTER FELT THAT DEAD SKIN CELLS WERE REMOVED From HUT’s of 45 Korean women (ages 35 to 49),conducted from January 16 to 23, 2020,by ACORN, Korea CLARIFYING MASK EXPERIENCING THE REGIMENFOR THE BEST RESULT After cleansing, begin your skincare routine by applying toner and emulsion to moisturize the skin. Then, dispense a quarter-sized amount of the mask into the palm of your hand. Avoid the eye and lip areas and apply the mask evenly across the face. Leave it on for 20–30 minutes, or until it is completely dry. When mask is totally dried, slowly peel it off downward.Afterwards, moisturize skin as per your skincare regimen.You will experience smoother and firmer skin. *Use 1 to 2 times a week for the best result. Overnight vitalizing mask / SLEEPING MASK / NUTRITION / VITALITY WHITE GINSENG RADIANCE REFINING MASK / EXFOLIATE MASK / HYDRATION / RADIANCE Clarifying mask / PEEL OFF MASK / REMOVE IMPURITIES & DEAD SKIN CELLS SULWHASOO MASK COLLECTION