*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
   /* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-\[40px\]{bottom:40px}.left-0{left:0}.left-\[50\%\]{left:50%}.left-\[678px\]{left:678px}.left-\[730px\]{left:730px}.left-\[745px\]{left:745px}.left-\[860px\]{left:860px}.right-\[40px\]{right:40px}.top-\[176px\]{top:176px}.top-\[299px\]{top:299px}.top-\[319px\]{top:319px}.top-\[414px\]{top:414px}.top-\[50\%\]{top:50%}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.mx-auto{margin-left:auto;margin-right:auto}.mb-\[13px\]{margin-bottom:13px}.mb-\[20px\]{margin-bottom:20px}.mb-\[40px\]{margin-bottom:40px}.mb-\[50px\]{margin-bottom:50px}.mb-\[80px\]{margin-bottom:80px}.mr-\[10px\]{margin-right:10px}.mt-4{margin-top:1rem}.mt-\[100px\]{margin-top:100px}.mt-\[10px\]{margin-top:10px}.mt-\[170px\]{margin-top:170px}.mt-\[80px\]{margin-top:80px}.mt-\[calc\(100\%-70px\)\]{margin-top:calc(100% - 70px)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-16{height:4rem}.h-\[176px\]{height:176px}.h-\[216px\]{height:216px}.h-\[28px\]{height:28px}.h-\[539px\]{height:539px}.h-\[633px\]{height:633px}.h-\[685px\]{height:685px}.h-\[77px\]{height:77px}.h-\[86px\]{height:86px}.h-auto{height:auto}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-\[140px\]{width:140px}.w-\[216px\]{width:216px}.w-\[28px\]{width:28px}.w-\[400px\]{width:400px}.w-\[50\%\]{width:50%}.w-\[684px\]{width:684px}.w-\[730px\]{width:730px}.w-\[739px\]{width:739px}.w-\[77px\]{width:77px}.w-\[795px\]{width:795px}.w-\[804px\]{width:804px}.w-\[880px\]{width:880px}.w-full{width:100%}.max-w-\[630px\]{max-width:630px}.max-w-\[793px\]{max-width:793px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-\[30px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-\[30px\]{--tw-translate-x:-30px}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-\[40px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[40px\]{--tw-translate-x:40px}.translate-x-\[85px\]{--tw-translate-x:85px}.transform,.translate-x-\[85px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-\[10px\]{gap:10px}.gap-\[13px\]{gap:13px}.gap-\[175px\]{gap:175px}.gap-\[20px\]{gap:20px}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.rounded-\[15px\]{border-radius:15px}.rounded-\[30px\]{border-radius:30px}.rounded-\[40px\]{border-radius:40px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-l-\[15px\]{border-top-left-radius:15px;border-bottom-left-radius:15px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity,1))}.bg-\[\#EFD6AC\]{--tw-bg-opacity:1;background-color:rgb(239 214 172/var(--tw-bg-opacity,1))}.bg-\[\#F1E8E1\]{--tw-bg-opacity:1;background-color:rgb(241 232 225/var(--tw-bg-opacity,1))}.bg-\[\#ffffff\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-\[20px\]{padding:20px}.px-4{padding-left:1rem;padding-right:1rem}.px-\[80px\]{padding-left:80px;padding-right:80px}.py-\[300px\]{padding-top:300px;padding-bottom:300px}.py-\[40px\]{padding-top:40px;padding-bottom:40px}.pb-\[300px\]{padding-bottom:300px}.pb-\[80px\]{padding-bottom:80px}.pl-\[27px\]{padding-left:27px}.pt-\[40px\]{padding-top:40px}.text-left{text-align:left}.text-center{text-align:center}.font-\[\'Avenir\'\]{font-family:Avenir}.font-\[\'Pretendard\'\]{font-family:Pretendard}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[2rem\]{font-size:2rem}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[46px\]{font-size:46px}.text-\[48px\]{font-size:48px}.text-\[64px\]{font-size:64px}.font-\[300\]{font-weight:300}.font-\[400\]{font-weight:400}.font-\[700\]{font-weight:700}.leading-\[1\.2\]{line-height:1.2}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.text-\[\#000000\]{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-\[\#79573B\]{--tw-text-opacity:1;color:rgb(121 87 59/var(--tw-text-opacity,1))}.text-\[\#E5FFC1\]{--tw-text-opacity:1;color:rgb(229 255 193/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-\[4px_4px_4px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{--tw-shadow:4px 4px 4px rgba(0,0,0,0.3);--tw-shadow-colored:4px 4px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}:root{--background:#ffffff;--foreground:#171717;--foreground-rgb:0,0,0;--background-rgb:246,245,241;--color-background:var(--background);--color-foreground:var(--foreground);--font-sans:system-ui,-apple-system,sans-serif;--font-mono:ui-monospace,monospace;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255}a,address,article,aside,blockquote,body,button,code,dd,del,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,img,input,label,legend,li,main,nav,ol,option,p,q,s,section,select,span,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,ul,video{margin:0;padding:0;font-size:1rem;font-weight:400;font-style:normal;line-height:1;list-style:none}@font-face{font-family:Pretendard;src:url(/fonts/pretendard/Pretendard-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/pretendard/Pretendard-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Avenir LT Pro;src:url(/fonts/avenirLTPro/AvenirLTProRoman.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir LT Pro;src:url(/fonts/avenirLTPro/AvenirLTProMedium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir LT Pro;src:url(/fonts/avenirLTPro/AvenirLTProHeavy.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Times New Roman;src:url("/fonts/Times New Roman/times new roman.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Times New Roman;src:url("/fonts/Times New Roman/times new roman bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Times New Roman;src:url("/fonts/Times New Roman/times new roman italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Times New Roman;src:url("/fonts/Times New Roman/times new roman bold italic.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Avenir;src:url(/fonts/avenirLTPro/AvenirLTProRoman.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Avenir;src:url(/fonts/avenirLTPro/AvenirLTProMedium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Avenir;src:url(/fonts/avenirLTPro/AvenirLTProHeavy.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Noto Sans CJK KR;src:url(/fonts/notoSansCJK/NotoSansCJKkr-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}.cnFont{font-family:Noto Sans CJK KR,sans-serif!important}a{text-decoration:none;color:#000}table,td,th,tr{border-collapse:collapse}button{cursor:pointer;border:none;background:none}fieldset{border:0}.skip,legend{display:none}.awesome:after,.awesome:before{font-weight:600}body,html{height:100%;margin:0;padding:0;font-family:Pretendard-Regular,sans-serif;font-weight:400}.image-section{font-family:Times New Roman,serif}.avenir-section{font-family:Avenir LT Pro,sans-serif}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:rgb(var(--background-rgb));overflow-x:hidden}@media (max-width:768px){.text-\[116px\],.text-\[190px\],.text-\[265px\],.text-\[342px\],.text-\[38px\],.text-\[58px\],.text-\[66px\],.text-\[74px\],.text-\[76px\]{font-size:32px}.w-\[471px\],.w-\[730px\],.w-\[739px\],.w-\[804px\],.w-\[880px\]{width:100%}.gap-\[226px\],.gap-\[229px\],.gap-\[451px\],.gap-\[960px\]{gap:40px}}@media (max-width:1650px){.web-main-title{font-size:56px!important}.web-intro-text{font-size:44px!important}.web-octogen-container{width:640px!important;height:393px!important}.web-octogen-title{font-size:36px!important}.web-octogen-description{font-size:24px!important}.web-section-title{font-size:36px!important}.web-result-title,.web-section-description{font-size:24px!important}.web-result-box:first-child{width:90.41px!important}.web-result-box:not(:first-child){width:105.15px!important}.web-result-box{height:64.59px!important}.web-result-text{font-size:16px!important}.web-hyaluronate-image{width:596px!important;height:446px!important}.web-feature-card{width:551px!important;height:170px!important}.web-feature-image{width:170px!important;height:170px!important}.web-feature-title{font-size:24px!important}div[class*="w-[471.43px]"]{width:342.86px!important}.web-details-section h3,.web-details-section p{font-size:24px!important}.web-details-section .grid{-moz-column-gap:125.71px!important;column-gap:125.71px!important}div[class*="w-[804px]"]{width:618px!important;height:491px!important}div[class*="w-[730px]"]{width:547px!important}div[class*="w-[684px]"]{width:513px!important}div[class*="w-[795px]"]{width:597px!important}.grid.grid-cols-1.gap-\[20px\].w-\[739px\],div[class*="w-[739px]"]{width:551px!important}.web-atelocollagen-section{padding:0 60px}.web-atelocollagen-image{width:618px;height:491px}.web-atelocollagen-line{width:618px}.web-atelocollagen-title{font-size:36px!important}.web-atelocollagen-description{font-size:24px!important}.web-atelocollagen-subtitle{font-size:24px!important;font-weight:700}.web-feature-box{width:90px;height:64.59px}.web-feature-box:first-child{width:90.41px!important;height:64.59px}.web-feature-box:not(:first-child){width:105.15px;height:64.59px}.web-feature-box span,.web-feature-box:first-child span,.web-feature-box:last-child span{font-size:16px!important}.label-1{top:176px!important;left:530px!important}.label-2{top:339px!important;left:478px!important}.label-3,.label-4{top:319px!important;left:545px!important}.label-5{top:424px!important;left:660px!important}}.web-image-section{padding-top:150px;font-family:Times New Roman,serif}.web-image-section .main-title{font-size:74px;line-height:1.2}.web-image-section .intro-text{font-size:48px;line-height:1.2;white-space:nowrap}@media (max-width:1650px){.web-image-section .main-title{font-size:56px!important;padding:0 20px}.web-image-section .intro-text{font-size:44px!important;padding:0 20px}.web-image-section .translate-x-\[40px\]{transform:translateX(0)}}@media (max-width:768px){.web-image-section .main-title{font-size:32px!important}.web-image-section .intro-text{font-size:24px!important}}.mobile-container{width:100%;max-width:440px;margin:0 auto;background-color:#F6F5F1;min-height:100vh;display:flex;flex-direction:column;position:relative}.mobile-main{flex:1;display:flex;flex-direction:column;position:relative}.mobile-header{width:100%;height:110px;position:relative;z-index:10}.mobile-header-content{position:absolute;top:40px;left:50%;transform:translateX(-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.mobile-header-logo{display:block}.mobile-language-buttons{display:flex;align-items:center;gap:8px;font-size:10px;flex-wrap:nowrap}.mobile-lang-btn{color:#666;text-decoration:none;transition:color .3s ease;font-size:.8125rem}.mobile-lang-btn:hover{color:#000}.mobile-lang-btn.active{color:#000;font-weight:500}.mobile-lang-divider{color:#ddd}.mobile-image-section{position:relative;z-index:2;width:100%;overflow:hidden;margin-top:80px}.mobile-image-section h2{text-align:center;margin-top:100px;margin-bottom:15px;display:flex;flex-direction:column;gap:5px}.mobile-image-section h2,.mobile-image-section h2 .mobile-title-line{font-weight:700;font-size:24px;line-height:1.2}.mobile-title-line{display:block}.mobile-image-container{margin:0;display:flex;justify-content:center}.mobile-product-image{width:310px;height:163px;display:block;transform:translateX(25px)}.mobile-image-section p{font-weight:300;font-size:16px;line-height:1.5;text-align:center;max-width:365px;margin:0 auto 150px;display:block}.mobile-octogen-background-section{padding:40px;width:100%;max-width:440px;height:393px;position:relative;background-image:url(/octogen/mobile/octogen/hyaluronate_image.png);background-size:cover;background-position:50%;border-radius:30px;z-index:20}.mobile-octogen-background-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0);transition:background-color .3s ease;border-radius:30px;z-index:9}.mobile-octogen-background-section.darken:before{background-color:rgba(0,0,0,.3)}.mobile-octogen-text-section{position:relative;z-index:21;width:100%;padding:0}.mobile-octogen-text-section .mobile-octogen-group{margin-bottom:0;position:relative;width:100%;padding:0;transform:translateY(20px)}.mobile-octogen-text-section .mobile-octogen-group p{margin:0;font-family:Pretendard-Regular,sans-serif;font-size:16px;line-height:1.5;text-align:left;color:#ffffff;font-weight:300;width:100%}.mobile-octogen-text-section h2{font-family:Avenir LT Pro,sans-serif;font-size:36px;font-weight:800;margin-bottom:40px;line-height:1.2;color:#ffffff}.mobile-slide-section{position:relative;background-color:#ffffff;z-index:8;will-change:transform,opacity}.mobile-slide-section,.mobile-test-section{padding:0;width:100%;max-width:440px;height:393px;border-radius:30px;display:flex;align-items:center;justify-content:center}.mobile-test-section{background-color:#f5f5f5;margin-top:30px}.mobile-test-content{text-align:center}.mobile-test-content h2{font-family:Avenir LT Pro,sans-serif;font-size:36px;font-weight:900;margin-bottom:20px;color:#000000}.mobile-test-content p{font-family:Pretendard-Regular,sans-serif;font-size:16px;line-height:1.5;color:#000000;font-weight:100}.mobile-atelocollagen-section{padding:0 30px;margin-top:150px;width:100%;display:flex;flex-direction:column;gap:20px}.mobile-atelocollagen-image{width:100%;height:356px;position:relative;overflow:hidden;border-radius:30px}.mobile-atelocollagen-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mobile-atelocollagen-title{font-family:Avenir LT Pro,sans-serif;font-size:24px;font-weight:800;color:#000000}.mobile-atelocollagen-line{width:100%;height:.25px;background-color:#000000}.mobile-atelocollagen-description{font-size:16px;line-height:1.2;color:#000000;text-align:left;font-family:Pretendard-Regular,sans-serif;font-weight:300;width:100%;white-space:pre-line}.mobile-atelocollagen-subtitle{font-size:16px;font-weight:600;color:#000000}.mobile-atelocollagen-features{display:flex;gap:8px}.mobile-feature-box{width:90px;height:65px;background-color:#F1E8E1;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center}.mobile-feature-box span{font-size:12px;color:#79573B;line-height:1.2;font-weight:700}.mobile-feature-box:first-child{width:85px}.mobile-feature-box:first-child span,.mobile-feature-box:last-child span{font-size:14px;font-weight:700}.mobile-hyaluronate-section{padding:0 30px;margin-top:150px;margin-bottom:150px;width:100%;display:flex;flex-direction:column;gap:20px}.mobile-hyaluronate-image{width:100%;height:335px;background-color:#F5F5F5;border-radius:30px;overflow:hidden;display:flex;justify-content:center;align-items:center;margin-bottom:40px}.mobile-hyaluronate-image video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;vertical-align:middle;line-height:0;-webkit-mask-image:-webkit-radial-gradient(white,black);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.mobile-hyaluronate-title{font-family:Avenir LT Pro,sans-serif;font-size:24px;font-weight:900;color:#000000;line-height:1.4}.mobile-hyaluronate-line{width:100%;height:.25px;background-color:#000000}.mobile-hyaluronate-description{font-size:18px;line-height:1.2;color:#000000;text-align:left;font-family:Pretendard-Regular,sans-serif;font-weight:300;width:100%;white-space:pre-line}.mobile-feature-frames{display:flex;flex-direction:column;gap:20px}.mobile-feature-frame{width:100%;height:168px;background-color:#F6F5F1;border:1px solid #000000;border-radius:15px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.mobile-frame-image-left{width:168px;height:168px;background-color:#F6F5F1;border-radius:15px 0 0 15px;background-size:cover;background-position:50%;background-repeat:no-repeat}.mobile-frame-content-right{gap:8px;height:168px}.mobile-frame-content-right,.mobile-frame-text{display:flex;flex-direction:column;justify-content:center;width:181px;margin:0 auto}.mobile-frame-text{align-items:center;font-family:Pretendard-Regular,sans-serif;font-size:16px;line-height:1.5;color:#000000;white-space:pre-line;font-weight:700}.mobile-feature-frame:last-child .mobile-frame-text{font-size:16px;line-height:1.2}@media (min-width:390px) and (max-width:420px){.mobile-frame-content-right,.mobile-frame-text{width:calc(181px + (212 - 181) * ((100vw - 390px) / (420 - 390)))}}@media (min-width:420px){.mobile-frame-content-right,.mobile-frame-text{width:212px}}.mobile-wave-section{width:100%;max-width:440px;height:78px;margin-top:150px;margin-bottom:40px;position:relative;overflow:hidden}.mobile-wave-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mobile-footer-section{width:100%;max-width:440px;padding:0 30px;margin-bottom:40px}.mobile-footer-title{font-family:Avenir LT Pro,sans-serif;font-weight:500;font-size:20px;color:#000;margin-bottom:10px}.mobile-footer-content{font-size:14px;line-height:1.5;color:#000000}.mobile-footer-group{display:flex;justify-content:space-between;align-items:flex-start}.mobile-scroll-top-button{width:43px;height:44px;background-color:#EFD6AC;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.15);position:fixed;bottom:40px;right:20px;z-index:1000}.mobile-scroll-top-arrow{width:16px;height:2px;background-color:#000000;transform:rotate(90deg)}.web-hyaluronate-image{width:795px;height:595.84px;-o-object-fit:cover;object-fit:cover}.web-feature-card{width:739px;height:216px;border:1px solid #000000;border-radius:15px;display:flex;align-items:center;overflow:hidden;transition:all .3s ease}.web-feature-title{font-size:32px;font-weight:700;line-height:1.2;text-align:left}.web-feature-image{width:216px;height:216px;position:relative;border-radius:15px 0 0 15px;overflow:hidden}.web-atelocollagen-section{padding:0 80px;margin-top:150px;width:100%;display:flex;flex-direction:column;gap:20px}.web-atelocollagen-image{width:804px;height:640px;position:relative;overflow:hidden;border-radius:30px}.web-atelocollagen-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.web-atelocollagen-title{font-family:Avenir LT Pro,sans-serif;font-size:48px;font-weight:800;color:#000000}.web-atelocollagen-line{width:804px;height:.25px;background-color:#000000}.web-atelocollagen-description{font-size:32px;line-height:1.2;color:#000000;text-align:left;font-family:Pretendard-Regular,sans-serif;font-weight:300;white-space:nowrap}.web-atelocollagen-subtitle{font-size:32px;font-weight:600;color:#000000}.web-atelocollagen-features{display:flex;gap:8px;width:683px}.web-feature-box{width:140px;height:85px;background-color:#F1E8E1;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center}.web-feature-box span{font-size:20px;color:#79573B;line-height:1.2;font-weight:700}.web-feature-box:first-child{width:140px}.web-feature-box:first-child span,.web-feature-box:last-child span{font-size:20px;font-weight:700}.mobile-details-section{width:350px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column}.mobile-details-title{font-size:43px;font-weight:700;color:#000;margin-bottom:20px}.mobile-details-group{width:350px}.mobile-details-group,.mobile-details-group-1,.mobile-details-group-2,.mobile-details-group-3,.mobile-details-group-4,.mobile-details-group-5{height:69px;overflow:hidden}.mobile-details-group:last-child{border-bottom:1px solid #000}.mobile-details-group:last-child p{font-size:24px;line-height:1.2;white-space:pre-line;margin-top:20px}.mobile-details-line{width:350px;height:1px;background-color:#000;margin-bottom:20px}.mobile-details-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:21px}.mobile-details-header h3{font-size:24px;font-weight:700;color:#000}.mobile-details-icon{width:17px;height:17px}.mobile-details-group p{font-size:24px;font-weight:400;color:#000;line-height:1.2;white-space:pre-line}.mobile-dermis-section{width:100%;max-width:440px;height:408px;margin:150px auto 0;background-color:#C4C4C4;border-radius:40px;overflow:hidden;position:relative}.mobile-dermis-image{width:100%;height:100%;position:relative}.mobile-dermis-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mobile-dermis-video{width:100%;height:100%;position:relative;overflow:hidden}.mobile-dermis-video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;vertical-align:middle;line-height:0;-webkit-mask-image:-webkit-radial-gradient(white,black);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.mobile-dermis-labels{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mobile-dermis-label-1{top:81px;left:193px}.mobile-dermis-label-1,.mobile-dermis-label-2{position:absolute;width:auto;display:flex;animation:fadeInOut 4s forwards}.mobile-dermis-label-2{top:185px;left:36px}.mobile-dermis-label-3{top:172px}.mobile-dermis-label-3,.mobile-dermis-label-4{position:absolute;left:94px;width:auto;display:flex;animation:fadeInOut 4s forwards}.mobile-dermis-label-4{top:200px;white-space:nowrap}.mobile-dermis-label-5{position:absolute;top:259px;left:198px;width:auto;display:flex;animation:fadeInOut 4s forwards}.mobile-dermis-sub-label{display:flex;width:100%;margin-top:15px}.mobile-dermis-line{width:30px;height:1px;background-color:#ffffff}.mobile-dermis-label-3 .mobile-dermis-line,.mobile-dermis-label-4 .mobile-dermis-line{width:70px;background-color:#E5FFC1}.mobile-dermis-label-3 .mobile-dermis-line{transform:rotate(-8deg)}.mobile-dermis-label-4 .mobile-dermis-line{transform:rotate(8deg)}.mobile-dermis-label-2 .mobile-dermis-line{display:none}.mobile-dermis-label span{color:#ffffff;font-size:18px;font-weight:400;letter-spacing:-.03em;font-family:Pretendard-Regular,sans-serif}.mobile-dermis-label-2 span,.mobile-dermis-label-3 span,.mobile-dermis-label-4 span{color:#E5FFC1}.mobile-dermis-label-2 span{transform:translateY(-9px)}.mobile-dermis-sub-label span{color:#E22C2F;font-size:18px;font-weight:400;letter-spacing:-.03em;font-family:Pretendard-Regular,sans-serif}.mobile-dermis-line-image{display:block;vertical-align:middle;line-height:0}.mobile-dermis-label-1 .mobile-dermis-line-image{width:57px;height:19px}.mobile-dermis-label-5 .mobile-dermis-line-image{width:86.5px;height:48.5px}.mobile-dermis-label-1 span{color:#ffffff;font-size:18px;font-weight:400}.mobile-dermis-label-1 span,.mobile-dermis-label-3 span,.mobile-dermis-label-4 span{transform:translate(5px,-9px)}.mobile-dermis-label-3 span{transform:translate(5px,-13px)}.mobile-dermis-label-4 span{transform:translate(5px,-3px)}.mobile-dermis-label-5 span{transform:translate(-70px,55px);white-space:nowrap}@media (max-width:439px){.mobile-atelocollagen-section{padding:0 20px!important}.mobile-feature-box{width:83px!important;height:59.85px!important}.mobile-feature-box:first-child{width:78px!important;height:59.85px!important}.mobile-feature-box span{font-size:12px!important}.mobile-hyaluronate-section{padding:0 20px!important}.mobile-atelocollagen-subtitle,.mobile-octogen-text-section .mobile-octogen-group p{font-size:16px!important}}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.mySwiper{width:100%;height:100%;padding:20px}.swiper-button-next,.swiper-button-prev{color:#000!important}.swiper-pagination-bullet,.swiper-pagination-bullet-active{background:#000!important}.swiper-slide{width:400px!important}.label-1{animation:fadeIn .5s ease forwards}.label-1,.label-2,.label-3,.label-4{opacity:0;transition:opacity .5s ease}.label-2,.label-3,.label-4{animation:fadeIn .5s ease 1s forwards}.label-5{opacity:0;transition:opacity .5s ease;animation:fadeIn .5s ease 2s forwards}@media (min-width:1650px){.label-1{top:176px}.label-2{top:319px}.label-3{top:299px}.label-5{top:414px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-dermis-label{opacity:0;animation:fadeIn 1s forwards}.mobile-dermis-label-1{animation-delay:0s}.mobile-dermis-label-2,.mobile-dermis-label-3,.mobile-dermis-label-4{animation-delay:4s}.mobile-dermis-label-5{animation-delay:8s}.mobile-footer{width:100%;padding:20px 0;text-align:center;background-color:#fff}.mobile-footer-content{display:flex;justify-content:center;align-items:center}.mobile-footer-text{font-size:16px;color:#000;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-\[8px_8px_4px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]:hover{--tw-shadow:8px 8px 4px rgba(0,0,0,0.5);--tw-shadow-colored:8px 8px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:brightness-50{--tw-brightness:brightness(.5)}.group:hover .group-hover\:brightness-50,.group:hover .group-hover\:grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:hover .group-hover\:grayscale{--tw-grayscale:grayscale(100%)}.group:hover .group-hover\:filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}