@charset "utf-8";

/* [S] 2025-09-08_수정 : 수정 */
.sect-visual-video {overflow:hidden; background:url("/theme/v1/resources/images/main/bg_visual_video.png") center / cover no-repeat;}
.sect-visual-video .inner {position:relative; z-index:2; min-height:100vh; max-height:unset; padding-bottom:94px; margin-top:100px;}
.sect-visual-video .txt-area {position:absolute; top:50%; transform:translateY(calc(-50% - 50px)); width:calc(100% - 80px); line-height:1;}
.sect-visual-video .txt-area .txt {opacity:0; filter:blur(5px); transition:opacity 0.75s ease, filter 0.75s ease;}
.sect-visual-video .txt-area .tit {margin-left:300px; opacity:0; filter:blur(5px); transition:opacity 0.75s ease 0.25s, filter 0.75s ease 0.25s;}
.sect-visual-video .txt-area .tit > p + p {margin-left:185px;}
.sect-visual-video .txt-area .sub {width:unset; margin-top:20px; margin-left:480px; opacity:0; filter:blur(5px); transition:opacity 0.75s ease 0.5s, filter 0.75s ease 0.5s;}
.sect-visual-video .txt-area .sub img {width:250px;}
.sect-visual-video .img-area {position:absolute; bottom:0; right:-110px; z-index:-1; width:unset; transform:translateX(0);}
.on.sect-visual-video .txt-area .txt,
.on.sect-visual-video .txt-area .tit,
.on.sect-visual-video .txt-area .sub {opacity:1; filter:blur(0);}
@media screen and (max-width: 1399px) {
	.sect-visual-video .txt-area {top:40%;}
	.sect-visual-video .img-area {width:60%;}
}
@media screen and (max-width: 1299px) {
	.sect-visual-video .txt-area {top:15%;}
	.sect-visual-video .img-area {right:50%; width:55%; transform:translateX(50%);}
}
@media screen and (max-width: 1023px) {
	.sect-visual-video .inner {min-height:unset; max-height:unset; padding-bottom:80%; margin-top:50px;}
	.sect-visual-video .txt-area {position:unset; top:unset; transform:unset; width:100%; line-height:1.1;}
	.sect-visual-video .txt-area .tit {width:100%; margin-left:unset; text-align:center;}
	.sect-visual-video .txt-area .tit > p + p {margin-left:45px; text-align:right;}
	.sect-visual-video .txt-area .sub {width:100%; margin-top:5px; margin-left:unset; text-align:right;}
	.sect-visual-video .txt-area .sub img {width:125px;}
	.sect-visual-video .img-area {width:70%;}
}
@media screen and (max-width: 767px) {
	.sect-visual-video .inner {padding-bottom:100%;}
	.sect-visual-video .txt-area .tit {text-align:right;}
	.sect-visual-video .img-area {width:calc(100% - 40px);}
}
/* // [E] 2025-09-08_수정 : 수정 */

.sect-pegha-fillers {overflow:hidden; background:url("/theme/v1/resources/images/main/bg_pegha_fillers_pc.png") center / cover no-repeat;}
.sect-pegha-fillers .inner {position:relative; z-index:1; padding-top:125px; padding-bottom:70px;}
.sect-pegha-fillers .left-area {justify-content:center;}
.sect-pegha-fillers .tit-area + .bull-area {margin-top:100px;}
.sect-pegha-fillers .bubble-01 {position:absolute; top:-330px; left:-580px; z-index:-1; width:max-content; line-height:0; transform:translateY(500px);}
.sect-pegha-fillers .bubble-02 {position:absolute; top:-145px; left:unset; right:calc(50% + 220px); z-index:-1; width:max-content; line-height:0; transform:translateY(100px);}
.sect-pegha-fillers .bubble-03 {position:absolute; bottom:45px; left:calc(50% - 130px); z-index:-1; width:max-content; line-height:0; transform:translateY(100px);}
.sect-pegha-fillers .bubble-04 {position:absolute; bottom:110px; right:calc(50% - 780px); z-index:-1; width:max-content; line-height:0; transform:translateY(200px);}
.sect-pegha-fillers .bubble-05 {position:absolute; bottom:-250px; left:calc(50% + 175px); z-index:1; width:max-content; line-height:0; transform:translateY(300px);}
.sect-pegha-fillers .bubble-06 {position:absolute; bottom:-85px; left:-30px; z-index:-1; display:none; width:max-content; line-height:0; transform:translateY(100px); text-align:left; opacity:0.3;}
.sect-pegha-fillers .product-ani-area {position:relative; display:inline-block; width:max-content; margin-left:80px; line-height:0; transform-style:preserve-3d;}
.sect-pegha-fillers .product-ani-area > img {animation:upDownImg 1.5s infinite ease-in-out alternate;}
.sect-pegha-fillers .rotate-area {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; transform-style:preserve-3d;}
.sect-pegha-fillers .rotate-area .txt {position:absolute; top:50%; left:0; display:flex; justify-content:center; width:100%; margin:0; animation:rotateTxt 15s linear infinite; transform-style:preserve-3d;}
.sect-pegha-fillers .rotate-area .txt > span {position:absolute; display:inline-block; width:max-content; color:var(--font-color-white); font-family:"Didot",serif; font-size:9rem; font-weight:700; transform:rotateY(calc(var(--i) * 10deg)) translateZ(250px);}
.sect-pegha-fillers .rotate-area .txt > span:nth-child(1) {--i:0;} /* I */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(2) {--i:1;} /* t */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(3) {--i:2.2;} /* a */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(4) {--i:3.4;} /* l */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(5) {--i:4.4;} /* i */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(6) {--i:5.6;} /* a */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(7) {--i:7;} /* n */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(8) {--i:8;} /* 공백 */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(9) {--i:9.2;} /* P */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(10) {--i:10.8;} /* E */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(11) {--i:12.6;} /* G */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(12) {--i:14.3;} /* d */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(13) {--i:15.7;} /* e */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(14) {--i:16.8;} /* - */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(15) {--i:18.2;} /* H */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(16) {--i:20.1;} /* A */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(17) {--i:21.1;} /* 공백 */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(18) {--i:22.3;} /* f */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(19) {--i:23.4;} /* i */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(20) {--i:24.4;} /* l */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(21) {--i:25.2;} /* l */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(22) {--i:26.4;} /* e */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(23) {--i:27.6;} /* r */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(24) {--i:28.8;} /* s */
.sect-pegha-fillers .rotate-area .txt > span:nth-child(25) {--i:29.8;}
.sect-pegha-fillers .rotate-area .txt > span:nth-child(26) {--i:30.8;}
.sect-pegha-fillers .rotate-area .txt > span:nth-child(27) {--i:31.8;}
.sect-pegha-fillers .rotate-area .txt > span:nth-child(28) {--i:32.8;}
.sect-pegha-fillers .rotate-area .txt > span:nth-child(29) {--i:33.8;}
.sect-pegha-fillers .rotate-area .txt > span:nth-child(30) {--i:34.8;}
@media screen and (max-width: 1399px) {
	.sect-pegha-fillers .product-ani-area {width:80%;}
	.sect-pegha-fillers .rotate-area .txt > span {font-size:6.5rem; transform:rotateY(calc(var(--i) * 10deg)) translateZ(200px);}
}
@media screen and (max-width: 1023px) {
	.sect-pegha-fillers {background-image:url("/theme/v1/resources/images/main/bg_pegha_fillers_mo.png");}
	.sect-pegha-fillers .pc {display:none!important;}
	.sect-pegha-fillers .mo {display:inline-block!important; text-align:center;}
	.sect-pegha-fillers .inner.type-half {flex-direction:column;}
	.sect-pegha-fillers .inner.type-half .left-area {width:100%;}
	.sect-pegha-fillers .inner.type-half .right-area {width:100%;}
	.sect-pegha-fillers .bubble-01 {top:-185px; left:-190px; text-align:left;}
	.sect-pegha-fillers .bubble-02 {top:-82px; right:unset; left:calc(50% + 25px); text-align:center;}
	.sect-pegha-fillers .bubble-03 {bottom:272px; left:calc(50% - 330px); text-align:left;}
	.sect-pegha-fillers .bubble-04 {bottom:320px; right:calc(50% - 280px); text-align:right;}
	.sect-pegha-fillers .bubble-05 {bottom:80px; left:calc(50% - 50px); text-align:left;}
	.sect-pegha-fillers .bubble-06 {display:block;}
	.sect-pegha-fillers .bubble-01 > img {width:70%;}
	.sect-pegha-fillers .bubble-02 > img {width:70%;}
	.sect-pegha-fillers .bubble-03 > img {width:70%;}
	.sect-pegha-fillers .bubble-04 > img {width:70%;}
	.sect-pegha-fillers .bubble-05 > img {width:55%;}
	.sect-pegha-fillers .bubble-06 > img {width:70%;}
	.sect-pegha-fillers .tit-area {text-align:left;}
	.sect-pegha-fillers .bull-area {position:relative; z-index:2; text-align:left;}
	.sect-pegha-fillers .product-ani-area {width:40%; margin:30px auto 25px;}
	.sect-pegha-fillers .rotate-area .txt > span {transform:rotateY(calc(var(--i) * 10deg)) translateZ(180px);}
}
@media screen and (max-width: 767px) {
	.sect-pegha-fillers .bubble-03 {left:calc(50% - 280px);}
	.sect-pegha-fillers .bubble-04 {right:calc(50% - 220px);}
	.sect-pegha-fillers .bubble-05 {bottom:110px; left:calc(50% - 50px);}
	.sect-pegha-fillers .bubble-01 > img {width:50%;}
	.sect-pegha-fillers .bubble-02 > img {width:50%;}
	.sect-pegha-fillers .bubble-03 > img {width:50%;}
	.sect-pegha-fillers .bubble-04 > img {width:50%;}
	.sect-pegha-fillers .bubble-05 > img {width:45%;}
	.sect-pegha-fillers .bubble-06 > img {width:50%;}
	.sect-pegha-fillers .product-ani-area {width:255px; margin:60px auto 35px;}
	.sect-pegha-fillers .rotate-area .txt > span {font-size:4.5rem; transform:rotateY(calc(var(--i) * 10deg)) translateZ(150px);}
}

.sect-sxt-report .inner {padding-top:140px; padding-bottom:70px;}
.sect-sxt-report .type-half .left-area {align-items:flex-start; width:480px; margin:0 60px 0 calc((50% - 480px + 60px) /2);}
.sect-sxt-report .type-half .right-area {justify-content:center;}
.sect-sxt-report .left-area .img-area {position:relative; width:100%; padding-top:79.167%;}
.sect-sxt-report .left-area .img-area::before {content:""; position:absolute; top:10px; left:10px; width:100%; height:100%; border:1px solid var(--border-color-white); clip-path:polygon(0 0,100% 0,88% 100%,0% 100%);}
.sect-sxt-report .left-area .img-area::after {content:""; position:absolute; top:10px; right:19px; width:1px; height:100%; background-color:var(--color-white); transform:skewX(-8.8deg);}
.sect-sxt-report .left-area .img-area .img-inner {overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; clip-path:polygon(0 0,100% 0,88% 100%,0% 100%);}
.sect-sxt-report .right-area .txt-area {margin-left:60px; text-align:center;}
.sect-sxt-report .right-area .txt-area > img {width:250px;}
.sect-sxt-report .right-area .txt-area .txt {margin-top:40px;}
@media screen and (max-width: 767px) {
	.sect-sxt-report .inner {padding-top:80px; padding-bottom:40px;}
	.sect-sxt-report .type-half .left-area {align-items:center; width:278px; margin:0 calc((100% - 278px) /2);}
	.sect-sxt-report .left-area .img-area {padding-top:79.141%;}
	.sect-sxt-report .left-area .img-area::after {right:7px;}
	.sect-sxt-report .right-area .txt-area {margin-left:unset; margin-top:50px;}
	.sect-sxt-report .right-area .txt-area > img {width:150px;}
	.sect-sxt-report .right-area .txt-area .txt {margin-top:30px;}
}

.sect-product-fillers .inner {padding-top:70px; padding-bottom:190px;}
.sect-product-fillers .product-area {padding-top:65px;}
.sect-product-fillers .product-list {display:flex; flex-wrap:wrap; flex-direction:row; justify-content:center; align-items:flex-start; width:100%; text-align:center;}
.sect-product-fillers .product-list > li {width:calc((100% - 120px) /5);}
.sect-product-fillers .product-list > li:not(:nth-child(5n)) {margin-right:30px;}
.sect-product-fillers .product-list > li > a {display:inline-block; width:100%;}
.sect-product-fillers .product-list .img-area {position:relative; padding:60px 0 50px;}
.sect-product-fillers .product-list .img-area > img {position:relative; z-index:1; width:auto; transition:all 0.3s ease;}
.sect-product-fillers .product-list .img-area::before {content:""; position:absolute; top:50%; left:50%; display:inline-block; width:86px; height:390px; background-color:var(--color-white); transform:translate(-50%,-50%) skewX(-18deg); opacity:0.5; transition:opacity 0.3s ease;}
.sect-product-fillers .product-list .txt-area {margin-top:30px;}
.sect-product-fillers .product-list .txt-area .tit {}
.sect-product-fillers .product-list .txt-area .txt {margin-top:5px;}
.sect-product-fillers .product-list > li > a:hover .img-area::before {opacity:1;}
.sect-product-fillers .product-list > li > a:hover .img-area > img {transform:scale(1.1,1.1);}
@media screen and (max-width: 1023px) {
	.sect-product-fillers .product-list > li {width:calc(100% /2);}
	.sect-product-fillers .product-list > li:not(:nth-child(5n)) {margin-right:0;}
	.sect-product-fillers .product-list > li:nth-child(n+3) {margin-top:90px;}
}
@media screen and (max-width: 767px) {
	.sect-product-fillers .inner {padding-top:20px; padding-bottom:90px;}
	.sect-product-fillers .tit-area .txt-60 {font-size:3.4rem!important;}
	.sect-product-fillers .product-area {padding-top:40px;}
	.sect-product-fillers .product-list > li:nth-child(n+3) {margin-top:45px;}
	.sect-product-fillers .product-list .img-area {padding:30px 0 20px; margin:0 60px;}
	.sect-product-fillers .product-list .img-area::before {width:43px; height:100%;}
	.sect-product-fillers .product-list .txt-area {margin-top:25px;}
	.sect-product-fillers .product-list .txt-area .txt {margin-top:unset;}
}

.sect-neauvia-instagram .inner {padding-top:140px; padding-bottom:150px; overflow:hidden;}
.sect-neauvia-instagram .insta-area {position:relative; margin-top:65px;}
.sect-neauvia-instagram .insta-item .img-area {width:100%; padding-top:125%; background-size:100% auto; transition:all 0.3s ease}
.sect-neauvia-instagram .insta-item > a:hover .img-area {background-size:110% auto;}
.sect-neauvia-instagram .insta-pagination {display:none; margin-top:25px;}
@media screen and (max-width : 767px) {
	.sect-neauvia-instagram .inner {padding-top:80px; padding-bottom:100px; padding-right:0;}
	.sect-neauvia-instagram .insta-area {margin-top:40px; padding-right:40%;}
	.sect-neauvia-instagram .insta-pagination {display:block; position:absolute; top:100%; width:calc(100% - 12px); margin-right:12px;}
	.sect-neauvia-instagram .tit-area .txt-60 {font-size:3.4rem!important;}
}

.sect-rolling-txt .inner {padding-top:150px; padding-bottom:75px;}
.sect-rolling-txt .rolling-txt-area {display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; font-size:12rem; line-height:1.3;}
.sect-rolling-txt .txt-top {position:absolute; bottom:50%; left:0; z-index:1;  width:100%; display:flex; flex-direction:row; justify-content:flex-end; white-space:nowrap;}
.sect-rolling-txt .txt-bottom {position:absolute; top:50%; left:0; z-index:3; width:100%; display:flex; flex-direction:row; justify-content:flex-start; white-space:nowrap;}
.sect-rolling-txt .img-area {position:relative; z-index:2; width:100%; max-width:600px; margin:0 auto;}
@media screen and (max-width : 767px) {
	.sect-rolling-txt .inner {padding-top:80px; padding-bottom:40px;}
	.sect-rolling-txt .rolling-txt-area {font-size:9rem;}
	.sect-rolling-txt .img-area {width:calc(100% - 56px); margin:0 28px;}
}

.sect-neauvia-more .inner {padding-top:75px; padding-bottom:100px;}
.sect-neauvia-more .img-area {width:unset; max-width:unset; margin-bottom:40px; text-align:center;}
.sect-neauvia-more .img-area > img {width:unset; max-width:unset;}
.sect-neauvia-more .btn-area {margin-top:40px;}
@media screen and (max-width : 767px) {
	.sect-neauvia-more .inner {padding-top:40px; padding-bottom:80px;}
	.sect-neauvia-more .img-area {margin-bottom:25px;}
	.sect-neauvia-more .img-area > img {width:215px;}
	.sect-neauvia-more .btn-area {margin-top:45px;}
}

.sect-neauvia-notification {border-top:1px solid rgba(255,255,255,0.3);}
.sect-neauvia-notification .inner {padding-top:25px; padding-bottom:25px;}