@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nanum+Myeongjo&display=swap');

html, body {font-size: 62.5%;}
.blind {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%);}
.text-center {text-align: center;}
.white-color {color: #fff !important;}

.mynd-wrap {width: min(1600px, 100%); margin: 0 auto; font-family: "Nanum Myeongjo", serif;}
[class^="mynd-section"] {width: 100%;}
.mynd-section-01 {position: relative;}
.mynd-first-bg {background: url("https://resource2018.nuskinkorea.co.kr/images/renew/mynd/mynd360_opportunity_page_banner.png") no-repeat center/cover; aspect-ratio: auto 1280 / 462;}
.mynd-01-inner {position: absolute; top: 0; left: 0; padding: 8% 0 0 10%;}
.mynd-section-title {display: block; margin-bottom: 0.4em; line-height: 1.5; font-size: 4rem; color: #252525; word-break: keep-all;}
.mynd-section-text {line-height: 1.5; font-size: 2.4rem; color: #000;}
.mynd-section-text + .mynd-section-text {margin-top: 1.6em;}
.mynd-section-02 {padding: 5% 0;}
.mynd-section-02 .mynd-section-text {line-height: 1.8;}
.mynd-text-box {padding: 0 6em;}
.mynd-video {width: min(980px, 90%); margin: 6em auto; aspect-ratio: 16 / 9;}
.mynd-video > iframe {display: block; width: 100%; height: 100%;}
.mynd-section-03 {padding: 3% 2%; background-color: rgb(148, 183, 187);}
.section-moods-text {margin-top: 1em; font-size: 2.8rem; text-align: center; color: #fff; word-break: keep-all;}
.moods-list {display: flex; justify-content: center; align-items: center; gap: 8%; margin: 5% auto;}
.moods-list > li {flex-basis: 10%;}
.moods-img > img {display: block; width: 100%; height: 100%; object-fit: contain; aspect-ratio: 1/1;}
.moods-text {display: block; margin-top: 0.6em; font-family: "Inter", sans-serif; font-size: 3.4rem; text-align: center; color: #fff;}
.moods-percent {display: block; font-size: 4.8rem; text-align: center; color: #fff;}
.moods-bottom-text {font-family: "Inter", sans-serif; font-size: 1.6rem; text-align: center; color: #fff;}
.mental-content-top {padding: 6em 5em 0; background: linear-gradient(to bottom, rgb(231,226,216), rgb(236,228,223));}
.mental-content-wrap {position: relative; aspect-ratio: auto 1284 / 812;}
.mental-content-img {position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: auto 1284 / 812;}
.mental-content-img > img {display: block; width: 100%; height: 100%; object-fit: cover;}
.custom-path-container .custom-path-component {display: block; width: 100%; height: 100%; min-height: 1px; min-width: 1px; overflow: initial;}
.mental-title {display: block; line-height: 1.2; text-align: center; font-size: 7.6rem; color: rgb(214, 181, 160);}
.mental-text {margin-top: 0.4em; line-height: 1.5; font-family: "Inter", sans-serif; font-size: 2rem; text-align: center; color: #000;}
.mental-sub-text {display: block; margin-top: 0.8em; color: #252525; font-family: "Inter", sans-serif; font-size: 1.4rem; text-align: center;}
.mental-line-01 {position: absolute; top: 22%; left: 32%; width: 74px; height: 53px; z-index: 1;}
.mental-line-02 {position: absolute; top: 46%; left: 26%; width: 89px; height: 22px; z-index: 1;}
.mental-line-03 {position: absolute; top: 80%; left: 28%; width: 80px; height: 48px; z-index: 1;}
.mental-line-04 {position: absolute; top: 26%; right: 33%; width: 89px; height: 61px; z-index: 1;}
.mental-line-05 {position: absolute; top: 46%; right: 22%; width: 80px; height: 38px; z-index: 1;}
.mental-line-06 {position: absolute; top: 76%; right: 28%; width: 80px; height: 48px; z-index: 1;}
.mental-content-01 {position: absolute; top: 3%; left: 12%; z-index: 1;}
.mental-content-02 {position: absolute; top: 32%; left: 2%; z-index: 1;}
.mental-content-03 {position: absolute; top: 64%; left: 3%; z-index: 1;}
.mental-content-04 {position: absolute; top: 4%; right: 12%; z-index: 1;}
.mental-content-05 {position: absolute; top: 36%; right: 3%; z-index: 1;}
.mental-content-06 {position: absolute; top: 68%; right: 4%; z-index: 1;}
.mynd-section-05 {padding: 6% 2% 10%;}
.mynd-section-05 .mynd-section-title {margin-bottom: 3%;}

.mynd-swiper.swiper-container {width: min(1360px, 100%); margin-top: 8%; overflow: initial;}
.mynd-swiper .swiper-slide {opacity: 0 !important;}
.mynd-swiper .swiper-slide.swiper-slide-active {opacity: 1 !important;}
.mynd-slide-box {display: flex; justify-content: center; align-items: flex-start; gap: 2%;}
.mynd-slide-box .slide-img {width: 50%; aspect-ratio: auto 657 / 590;}
.mynd-slide-box .slide-img > img {display: block; width: 100%; height: 100%;}
.mynd-slide-box .slide-text-box {flex-grow: 1; width: 50%; margin-top: 5%; padding: 5% 6% 10%; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px 0px;}
.mynd-slide-box .slide-title {font-size: 2.8rem; color: #252525;}
.mynd-slide-box .slide-text {margin-top: 1.4em; line-height: 1.5; font-size: 2.2rem; color: #000;}
.mynd-slide-box .slide-sub-text {margin-top: 1.6em; font-size: 1.6rem; color: #000;}
.mynd-swiper .swiper-slide .slide-text-animation {transform: translateY(50px); transition: all 0.4s 0.1s; opacity: 0;}
.mynd-swiper .swiper-slide.swiper-slide-active .slide-text-animation {transform: translateY(0); opacity: 1;}
.mynd-swiper-button {position: absolute; top: -48px; right: 0; display: flex; justify-content: center; align-items: center; gap: 24px; z-index: 1;}
.mynd-swiper-prev, .mynd-swiper-next {position: relative; display: block; width: 48px; height: 48px; background-color: rgba(255,255,255,0.6); border: 2px solid #000; cursor: pointer;}
.mynd-swiper-prev::after, .mynd-swiper-next::after {content: ''; position: absolute; top: 55%;  display: block; width: 12px; height: 12px; transform: rotate(45deg) translate(-50%,-50%);}
.mynd-swiper-prev::after {left: 45%; border-left: 2px solid #000; border-bottom: 2px solid #000;}
.mynd-swiper-next::after {right: 45%; border-right: 2px solid #000; border-top: 2px solid #000;}
.mynd-swiper-pagination.swiper-pagination-bullets {margin-top: 2%; padding-left: 25%;}
.mynd-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width: 10px; height: 10px; margin: 0 6px; background-color: #d1d1d1; opacity: 1;}
.mynd-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #5F5F5F;}

.mynd-section-06 {width: 100%; aspect-ratio: auto 1280 / 957; background: url("https://resource2018.nuskinkorea.co.kr/images/renew/mynd/products_background_image.jpg") no-repeat center/cover; box-sizing: border-box;}
.mynd-section-06 .mynd-section-title {padding-top: 5%; margin-bottom: 2%; font-size: 4.6rem;}
.mynd-section-06 .mynd-section-text {font-size: 3rem;}
.discover-product-list {display: flex; flex-wrap: wrap; justify-content: center; gap: 10em 9em; width: 84%; margin: 6% auto 0;}
.discover-product-list > li {flex-basis: 30%;}
.discover-product-img {width: 22rem; height: 24rem; margin: 0 auto;}
.discover-product-img > img {display: block; width: 100%; height: 100%; object-fit: contain;}
.discover-product-title {display: block; margin-top: 1em; line-height: 1.5; font-family: "Inter", sans-serif; font-size: 2rem; font-weight: 900; text-align: center; color: #000;}
.discover-product-text {line-height: 1.5; font-family: "Inter", sans-serif; font-size: 1.6rem; text-align: center; color: #000;}

.mynd-section-07 .color-text-banner {padding: 5%; background-color: #94B7BB;}
.color-text-banner > b {display: block; line-height: 1.4; font-size: 4rem; color: #000; text-align: center;}
.mynd-info-list > li {display: flex;}
.mynd-info-list > li:nth-child(2) {flex-direction: row-reverse;}
.mynd-info-text {padding: 6% 6% 0; background-color: #f1f1f1;}
.mynd-info-img {flex-basis: 50%; aspect-ratio: auto 840 / 409;}
.mynd-info-img > img {display: block; width: 100%;}
.mynd-info-text {flex-basis: 50%;}
.mynd-info-text > .mynd-section-title {line-height: 1.3; font-size: 3.6rem; margin-bottom: 0.8em}
.mynd-section-08 {padding: 6% 4%;}
.shop-now-top {padding-bottom: 6%;}
.button-center-wrap {margin-top: 2%; text-align: center;}
.shop-now-button {display: inline-block; margin: 0 auto; padding: 1.2em 4.6em; background-color: #252525; color: #fff; font-family: "Inter", sans-serif; font-size: 1.7rem; font-weight: bold; text-align: center;}
.shop-now-button:link, .shop-now-button:visited, .shop-now-button:active, .shop-now-button:hover {color: #fff;}
.shop-now-list {display: flex; justify-content: center; gap: 10%;}
.shop-now-list > li {flex-basis: 16%; display: flex; flex-direction: column; align-items: flex-start;}
.shop-product-img {width: 100%; margin: 0 auto; aspect-ratio: 1 / 1;}
.shop-product-img > img {display: block; width: 100%; height: 100%; margin: 0 auto; object-fit: contain; aspect-ratio: 1/1;}
.shop-product-title {display: block; font-family: "Inter", sans-serif; font-size: 2.4rem; font-weight: bold; color: #000;}
.shop-product-text {flex-grow: 1; margin-top: 0.6em; line-height: 1.2; font-family: "Inter", sans-serif; font-size: 2rem; color: #000;}
.shop-product-button {position: relative; display: inline-block; margin-top: 1.2em; padding-bottom: 4px; font-family: "Inter", sans-serif; font-size: 2.2rem; font-weight: 600; color: #252525;}
.shop-product-button::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: linear-gradient(to right, #838383 20%, #b0b0b0 80%, #838383 100%);}
.shop-product-button:link, .shop-product-button:visited, .shop-product-button:active, .shop-product-button:hover {color: #252525;}
.mynd-section-09 {display: flex; justify-content: center;}
.mynd-life-img {flex-basis: 50%; aspect-ratio: auto 813 / 404;}
.mynd-life-img > img {display: block; width: 100%;}
.mynd-life-box {flex-basis: 50%; padding: 6% 0 0 7%; background-color: #3D5171;}
.mynd-section-09 .mynd-section-title {display: block; margin-bottom: 1.3em; font-size: 3.6rem; font-weight: 500;}
.mynd-view-button {display: inline-block; padding: 1em 4em; background-color: #0D1C51; color: #fff; font-family: "Inter", sans-serif; font-size: 2.4rem; font-weight: bold;}
.mynd-view-button:link, .mynd-view-button:visited, .mynd-view-button:active, .mynd-view-button:hover {color: #fff;}

@media only screen and (max-width: 1440px) {
	.mynd-section-title {font-size: 3.4rem;}
	.mynd-section-text {font-size: 2rem;}
	.mynd-video {width: min(820px, 90%);}
	.section-moods-text {font-size: 2.4rem;}
	.moods-text {font-size: 3rem;}
	.moods-percent {font-size: 4.2rem;}
	.mental-title {font-size: 6.4rem;}
	.mental-text {font-size: 1.8rem;}
	.mental-sub-text {font-size: 1.2rem;}
	.moods-bottom-text {font-size: 1.4rem;}
	.mental-line-01 {width: 62px; height: 44px;}
	.mental-line-02 {width: 74px; height: 19px;}
	.mental-line-03 {width: 67px; height: 40px;}
	.mental-line-04 {width: 74px; height: 51px;}
	.mental-line-05 {width: 67px; height: 32px;}
	.mental-line-06 {width: 67px; height: 40px;}
	.mental-content-03 {top: 70%;}
	.mynd-slide-box .slide-title {font-size: 2.6rem;}
	.mynd-slide-box .slide-text {font-size: 2rem;}
	.mynd-section-06 .mynd-section-title {font-size: 3.8rem;}
	.mynd-section-06 .mynd-section-text {font-size: 2.6rem;}
	.discover-product-list {margin-top: 4%;}
	.discover-product-img {width: 20rem; height: 22rem;}
	.discover-product-title {font-size: 1.8rem;}
	.discover-product-text {font-size: 1.4rem;}
	.color-text-banner > b {font-size: 3.6rem;}
	.mynd-info-text > .mynd-section-title {font-size: 3.2rem;}
	.shop-now-button {font-size: 1.5rem;}
	.shop-now-list {gap: 8%;}
	.shop-product-title {font-size: 2rem;}
	.shop-product-text {font-size: 1.8rem;}
	.shop-product-button {font-size: 1.8rem;}
	.mynd-section-09 .mynd-section-title {font-size: 3rem;}
	.mynd-view-button {font-size: 2rem;}
}

@media only screen and (max-width: 1024px) {
	.mynd-section-title {font-size: 2.4rem;}
	.mynd-section-text {font-size: 1.5rem;}
	.mynd-video {width: min(610px, 92%);}
	.section-moods-text {font-size: 2rem;}
	.moods-text {font-size: 2rem;}
	.moods-percent {margin-top: 0.2em; font-size: 3rem;}
	.moods-bottom-text {font-size: 1.2rem;}
	.mental-title {font-size: 4rem;}
	.mental-text {font-size: 1.4rem;}
	.mental-line-01 {width: 46px; height: 33px;}
	.mental-line-02 {top: 50%; width: 55px; height: 14px;}
	.mental-line-03 {top: 83%; width: 50px; height: 30px;}
	.mental-line-04 {width: 55px; height: 38px;}
	.mental-line-05 {top: 52%; width: 50px; height: 23px;}
	.mental-line-06 {width: 50px; height: 30px;}
	.mental-content-04 {right: 10%;}
	.mynd-swiper-button {top: -40px; gap: 20px;}
	.mynd-swiper-prev, .mynd-swiper-next {width: 40px; height: 40px;}
	.mynd-slide-box .slide-title {font-size: 2rem;}
	.mynd-slide-box .slide-text {font-size: 1.6rem;}
	.mynd-slide-box .slide-sub-text {font-size: 1.3rem;}
	.mynd-section-06 .mynd-section-title {font-size: 3.2rem;}
	.mynd-section-06 .mynd-section-text {font-size: 2rem;}
	.discover-product-list > li {flex-basis: 26%;}
	.discover-product-img {width: 13rem; height: 14rem;}
	.discover-product-title {font-size: 1.6rem;}
	.discover-product-text {font-size: 1.2rem;}
	.color-text-banner > b {font-size: 2.6rem;}
	.mynd-info-text > .mynd-section-title {font-size: 2.4rem;}
	.shop-now-button {font-size: 1.4rem;}
	.shop-product-title {font-size: 1.6rem;}
	.shop-product-text {font-size: 1.4rem;}
	.shop-product-button {font-size: 1.4rem;}
	.mynd-section-09 .mynd-section-title {font-size: 2.4rem;}
	.mynd-view-button {font-size: 1.6rem;}
}

@media only screen and (max-width: 768px) {
	.mynd-wrap {width: min(600px, 100%);}
	.mynd-first-bg {aspect-ratio: auto 540 / 484; background-position: top right;}
	.mynd-01-inner {position: initial; padding: 4em 6em; background-color: #f8f5f1;}
	.mynd-section-02 {padding: 5em 0;}
	.mynd-section-03 {padding: 3% 5%;}
	.section-moods-text {font-size: 1.6rem;}
	.moods-list {flex-wrap: wrap; width: 70%; gap: 6rem 5rem; margin: 8em auto;}
	.moods-list > li {flex-basis: 30%;}
	.mynd-section-04 {background: linear-gradient(to bottom, rgb(231,226,216), rgb(232,226,219));}
	.mental-line-01, .mental-line-02, .mental-line-03, .mental-line-04, .mental-line-05, .mental-line-06 {display: none;}
	.mental-content-top {background: none;}
	.mental-content-wrap {padding-bottom: 6em;}
	.mental-content-01, .mental-content-02, .mental-content-03, .mental-content-04, .mental-content-05, .mental-content-06 {position: static; margin: 6em 4em;}
	.mental-content-img {position: relative; width: min(480px, 88%); margin: 0 auto; aspect-ratio: auto 540 / 488; overflow: hidden;}
	.mental-content-img > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -40%); width: 200%; height: auto;}
	.mynd-section-05 {padding-bottom: 4%;}
	.mynd-swiper.swiper-container {width: min(520px, 100%); margin: 8em auto;}
	.mynd-slide-box {flex-direction: column; gap: 0;}
	.mynd-slide-box .slide-img {width: 100%;}
	.mynd-slide-box .slide-text-box {width: 100%; height: 40em; margin-top: 0;}
	.mynd-swiper-pagination.swiper-pagination-bullets {padding-left: 0; text-align: center;}
	.mynd-swiper-button {top: 8px; right: 20%;}
	.mynd-swiper-pagination.swiper-pagination-bullets {margin-top: 4em;}
	.mynd-section-03 {padding: 5em 4em;}
	.mynd-section-06 {padding: 0 4em; aspect-ratio: auto 540 / 980;}
	.mynd-section-06 .mynd-section-title {font-size: 3rem;}
	.mynd-section-06 .mynd-section-text {font-size: 1.6rem;}
	.mynd-info-text > .mynd-section-title {font-size: 2rem;}
	.mynd-section-text {font-size: 1.4rem;}
	.mynd-section-08 {padding: 6% 4% 12%;}
	.discover-product-list {justify-content: space-between; gap: 8em 0; width: 100%; margin-top: 8%; padding-bottom: 8%;}
	.discover-product-list > li {flex-basis: 40%; flex-shrink: 0;}
	.discover-product-list li:nth-child(3) {flex-basis: 100%;}
	.discover-product-img {width: 11rem; height: 12rem;}
	.discover-product-title {font-weight: 700;}
	.mynd-info-list > li, .mynd-info-list > li:nth-child(2) {flex-direction: column;}
	.mynd-info-text {padding: 6% 6% 8%;}
	.button-center-wrap {margin-top: 6%;}
	.shop-now-button {padding: 1em 4.2em;}
	.shop-now-list {flex-wrap: wrap; gap: 4em 16%;}
	.shop-now-list > li {flex-basis: 40%;}
	.mynd-section-09 {flex-direction: column;}
	.mynd-life-box {padding: 6% 7% 8%; background-color: #0D1938;}
	.mynd-view-button {background-color: #fff; color: #0D1938;}
	.mynd-view-button:link, .mynd-view-button:visited, .mynd-view-button:active, .mynd-view-button:hover {color: #0D1938;}
}

@media only screen and (max-width: 425px) {
	.mynd-section-09 .mynd-section-title {font-size: 2rem;}
}