@charset "utf-8";
main {
	width: 100%;
	max-width: initial;
	padding-top: 0 !important;
}
		.section_heading {
			width: 100%;
			height: auto;
			margin: 0 auto 50px;
		}
			.section_heading__main_text {
				width: 100%;
				height: auto;
				margin-bottom: 8px;
				font-size: 22px;
				font-weight: 400;
				line-height: 1;
				letter-spacing: 0.05em;
				color: var(--color--black);
			}
			.section_heading__sub_text {
				width: 100%;
				height: auto;
				font-size: 11px;
				font-weight: 400;
				line-height: 1;
				letter-spacing: 0.05em;
				color: var(--color--black);
			}
		._top_btn_wrap {
			width: 300px;
			height: 50px;
		}
			._top_btn {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 100%;
				background-color: var(--color--dark-gray);
				border: solid 1px var(--color--dark-gray);
				font-size: 14px;
				font-weight: 500;
				line-height: 1.5;
				letter-spacing: 0.05em;
				color: #ffffff;
			}
		@media (any-hover: hover) {
			._top_btn {
				transition: .4s;
			}
			._top_btn:hover {
				background-color: #ffffff;
				color: var(--color--dark-gray);
			}
		}

#hero {
	width: 100%;
	height: auto;
	padding: 0 0 45px;
}
	.hero__inner {
		width: 100%;
		height: auto;
	}
		.hero__swiper {
			width: 100%;
			height: auto;
		}
		    .swiper-slide {
				position: relative;
		    }
			.hero__slide {
				width: 100%;
				height: auto;
				background-color: #ffffff;
				position: relative;
			}
			.hero__slide__image {
				display: block;
				width: 100%;
				height: auto;
				position: relative;
				z-index: 1;
			}
		@media (any-hover: hover) {
			.hero__slide__image {
				transition: .4s;
			}
			.hero__slide__image:hover {
				opacity: 0.7;
			}
		}
			.hero__slide__overlay {
				width: 100%;
				height: auto;
				padding: 0 0 40px;
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 2;
				pointer-events: none;
			}
				.hero__slide__overlay__inner {
					display: flex;
					flex-direction: column;
					gap: 24px;
					justify-content: center;
					margin: 0 auto;
					max-width: 1080px;
					padding: 20px;
					width: 100%;
				}
					.hero__slide__text__wrap {
						display: flex;
						flex-direction: column;
						gap: 10px;
					}
						.hero__slide__text {
							display: block;
							width: fit-content;
							height: auto;
							font-size: 7.25vw;
							font-weight: 300;
							line-height: 1.25;
							opacity: 0;
							color: #ffffff;
							transition: opacity 0.8s ease;
						}
						.hero__slide__text__small {
							font-size: 30%;
							color: #ffffff;
							opacity: 0;
							transition: opacity 0.8s ease;
						}
						.swiper-slide-active .hero__slide__text,
						.swiper-slide-active .hero__slide__text__small {
							opacity: 1;
						}
							.hero__slide__contents__text sup {
								font-size: 75%;
								line-height: 0;
								position: relative;
							}
					.hero__slide__contents {
						display: flex;
						justify-content: space-between;
						align-items: center;
						gap: 15px;
						width: 380px;
						height: 90px;
						background-color: #ffffff;
					}
					.swiper-slide-active .hero__slide__contents {
						pointer-events: auto;
					}
						.hero__slide__contents__thumbnail {
							width: 90px;
							height: auto;
						}
						.hero__slide__contents__details {
							display: flex;
							flex-direction: column;
							flex: 1;
							height: auto;
						}
					@media (any-hover: hover) {
						.hero__slide__contents__thumbnail,
						.hero__slide__contents__details {
							transition: .4s;
						}
						.hero__slide__contents:hover .hero__slide__contents__thumbnail,
						.hero__slide__contents:hover .hero__slide__contents__details {
							opacity: 0.7;
						}
					}
							.hero__slide__contents__text {
								display: block;
								width: 100%;
								height: auto;
								font-size: 16px;
								font-weight: 300;
								line-height: 1.6;
								color: var(--color--black);
							}
							.hero__slide__contents__strong_text {
								display: block;
								width: 100%;
								font-size: 18px;
								font-weight: 600;
								line-height: 1.6;
								color: var(--color--black);
							}
		.hero__swiper_nav {
			width: 100%;
			height: auto;
			margin: 18px auto 0;
		}
			.hero__swiper-pagination {
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 10px;
				width: 100%;
				height: auto;
				margin: 0 auto;
				position: initial !important;
			}
				.hero__swiper-pagination .swiper-pagination-bullet {
					display: block;
					width: 10px;
					height: 10px;
					padding: 0 !important;
					margin: 0 !important;
					border-radius: 9999px;
					background-color: #eaeaea;
					outline: none !important;
					transition: .4s;
					opacity: 1 !important;
				}
			@media (any-hover: hover) {
				.hero__swiper-pagination .swiper-pagination-bullet:hover {
					background-color: var(--color--dark-gray);
				}
			}
				.hero__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
					background-color: var(--color--dark-gray);
				}

#browsing_history {
	width: 100%;
	height: auto;
	padding: 0 0 100px;
}
	.browsing_history__inner {
		width: 90%;
		max-width: 1080px;
		height: auto;
		margin: 0 auto;
	}
		.browsing_history__heading {
			width: 100%;
			height: auto;
			margin: 0 auto 50px;
			font-size: 22px;
			font-weight: 400;
			line-height: 1;
			letter-spacing: 0.05em;
			color: var(--color--black);
		}

#campaign {
	width: 100%;
	height: auto;
	padding: 0 0 100px;
}
	.campaign__inner {
		width: 90%;
		max-width: 1080px;
		height: auto;
		margin: 0 auto;
	}
		.campaign__contents {
			width: 100%;
			height: auto;
			position: relative;
		}
			.campaign__swiper {
				width: 100%;
				height: auto;
			}
				.campaign__list__item {
					width: 100%;
					height: auto;
				}
					.campaign__list__item__link {
						display: block;
						width: 100%;
						height: auto;
					}
						.campaign__list__item__image {
							width: 100%;
							height: auto;
							margin: 0 auto 8px;
						}
						.campaign__list__item__name {
							width: 100%;
							height: auto;
							font-size: 14px;
							font-weight: 400;
							line-height: 1.8;
							letter-spacing: 0.05em;
							color: var(--color--black);
						}
						.campaign__list__item__note {
							width: 100%;
							height: auto;
							margin-top: 12px;
							font-size: 10px;
							font-weight: 400;
							line-height: 1.7;
							letter-spacing: 0em;
							color: var(--color--dark-gray);
						}
			.campaign__swiper-prev,
			.campaign__swiper-next {
				width: 40px;
				height: 40px;
				border-radius: 9999px;
				background-color: #ffffff;
				box-shadow: 1px 1px 4px 0 rgba(51, 51, 51, 0.1);
				overflow: hidden;
				position: absolute;
				top: 130px;
				cursor: pointer;
				z-index: 10;
				transition: .4s;
			}
			.swiper-button-disabled.campaign__swiper-prev,
			.swiper-button-disabled.campaign__swiper-next {
				opacity: 0;
				pointer-events: none;
			}
			.campaign__swiper-prev {
				left: -20px;
			}
			.campaign__swiper-next {
				right: -20px;
			}
				.campaign__swiper-prev svg,
				.campaign__swiper-next svg {
					width: 100%;
					height: auto;
				}
			@media (any-hover: hover) {
				.campaign__swiper-prev svg,
				.campaign__swiper-next svg {
					opacity: 1;
				}
				.campaign__swiper-prev:hover svg,
				.campaign__swiper-next:hover svg {
					opacity: 0.7;
				}
			}
		.campaign__btn_wrap {
			margin: 50px auto 0;
		}

#ranking {
	width: 100%;
	height: auto;
	padding: 0 0 100px;
	overflow: hidden;
}
	.ranking__inner {
		width: 90%;
		max-width: 1080px;
		height: auto;
		margin: 0 auto;
	}
		.ranking__contents {
			width: 100%;
			height: auto;
		}
			.ranking__swiper_wrap {
				width: 100%;
				height: auto;
				position: relative;
			}
				.ranking__swiper {
					width: 100%;
					height: auto;
					counter-reset: number 0;
				}
						.ranking__swiper .swiper-slide .p-product_list__list__item {
							position: relative;
						}
							.ranking__swiper .swiper-slide .p-product_list__list__item::before {
								counter-increment: number 1;
								content: counter(number) '';
								display: flex;
								justify-content: center;
								align-items: center;
								width: 30px;
								height: 30px;
								border-radius: 9999px;
								background-color: var(--color--dark-gray);
								font-family: "Inter", sans-serif;
								font-size: 16px;
								font-weight: 400;
								line-height: 1;
								letter-spacing: 0em;
								color: #ffffff;
								position: absolute;
								top: 10px;
								left: 10px;
								z-index: 2;
							}
							.ranking__swiper .swiper-slide:nth-of-type(-n+3) .p-product_list__list__item::before {
								background-color: #F3EDD1;
								color: var(--color--black);
							}
				.ranking__swiper__arrow {
					width: 100%;
					height: auto;
					position: absolute;
					top: 50%;
					left: 0;
					transform: translateY(-50%);
					z-index: 10;
				}
					.ranking__swiper-prev,
					.ranking__swiper-next {
						width: 40px;
						height: 40px;
						border-radius: 9999px;
						background-color: #ffffff;
						box-shadow: 1px 1px 4px 0 rgba(51, 51, 51, 0.1);
						overflow: hidden;
						position: absolute;
						top: 0;
						transform: translateY(-50%);
						cursor: pointer;
					}
					.swiper-button-disabled.ranking__swiper-prev,
					.swiper-button-disabled.ranking__swiper-next {
						opacity: 0;
						pointer-events: none;
					}
					.ranking__swiper-prev {
						left: -20px;
					}
					.ranking__swiper-next {
						right: -20px;
					}
						.ranking__swiper-prev svg,
						.ranking__swiper-next svg {
							width: 100%;
							height: auto;
						}
					@media (any-hover: hover) {
						.ranking__swiper-prev svg,
						.ranking__swiper-next svg {
							transition: .4s;
							opacity: 1;
						}
						.ranking__swiper-prev:hover svg,
						.ranking__swiper-next:hover svg {
							opacity: 0.7;
						}
					}
		.ranking__nav {
			width: 100%;
			height: auto;
			margin: 40px auto 0;
		}
			.ranking__swiper-pagination {
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 10px;
				width: 100%;
				height: auto;
				margin: 0;
				padding: 0;
				position: initial !important;
			}
				.ranking__swiper-pagination .swiper-pagination-bullet {
					display: block;
					width: 10px;
					height: 10px;
					padding: 0 !important;
					margin: 0 !important;
					border-radius: 9999px;
				}
				.ranking__swiper-pagination .swiper-pagination-bullet-active {
					background-color: var(--color--dark-gray);
				}
				@media (any-hover: hover) {
					.ranking__swiper-pagination .swiper-pagination-bullet:hover {
						background-color: var(--color--dark-gray);
					}
				}

#voice {
	width: 100%;
	height: auto;
	padding: 0 0 100px;
}
	.voice__inner {
		width: 90%;
		max-width: 1080px;
		height: auto;
		margin: 0 auto;
	}
		.voice__contents {
			width: 100%;
			height: auto;
		}
		.voice__note {
			width: 100%;
			height: auto;
			margin-top: 50px;
			font-size: 10px;
			font-weight: 400;
			line-height: 1.7;
			letter-spacing: 0em;
			text-align: right;
			color: var(--color--dark-gray);
		}
		.voice__btn_wrap {
			margin: 50px auto 0;
		}

#product {
	width: 100%;
	height: auto;
	padding: 100px 0;
	background-color: var(--color--white);
}
	.product__inner {
		width: 90%;
		max-width: 1080px;
		height: auto;
		margin: 0 auto;
	}
		.product__contents {
			width: 100%;
			height: auto;
		}
			.product__contents__item {
				width: 100%;
				height: auto;
			}
			.product__contents__item:not(:last-child) {
				margin-bottom: 50px;
			}
				.product__contents__item__heading {
					width: 100%;
					height: auto;
					margin: 0 auto 30px;
					font-size: 14px;
					font-weight: 500;
					line-height: 1.4;
					letter-spacing: 0.05em;
					color: var(--color--black);
				}
				.product__contents__item__category_list {
					display: grid;
					grid-template-columns: repeat(5, 1fr);
					gap: 40px 0px;
					width: 100%;
					height: auto;
					padding: 0;
				}
					.product__contents__item__category_list__item {
						width: 100%;
						height: auto;
					}
						.product__contents__item__category_list__item__link {
							display: block;
							width: 100%;
							height: auto;
						}
							.product__contents__item__category_list__item__image {
								width: 70%;
								height: auto;
								margin: 0 auto 12px;
							}
							.product__contents__item__category_list__item__name {
								width: 100%;
								height: auto;
								font-size: 14px;
								font-weight: 400;
								line-height: 1.8;
								letter-spacing: 0.05em;
								text-align: center;
								color: var(--color--black);
							}
					@media (any-hover: hover) {
						.product__contents__item__category_list__item__link {
							transition: .4s;
						}
						.product__contents__item__category_list__item__link:hover {
							opacity: 0.7;
						}
					}
				.product__contents__item__skin_list {
					display: grid;
					grid-template-columns: repeat(6, 1fr);
					gap: 6px;
					width: 100%;
					height: auto;
				}
					.product__contents__item__skin_list__item {
						width: 100%;
						height: auto;
					}
						.product__contents__item__skin_list__item__btn {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100%;
							height: 50px;
							background-color: #ffffff;
							font-size: 14px;
							font-weight: 500;
							line-height: 1.8;
							letter-spacing: 0.05em;
							color: var(--color--dark-gray);
							position: relative;
						}
							.product__contents__item__skin_list__item__btn svg {
								width: 5px;
								height: auto;
								fill: var(--color--dark-gray);
								position: absolute;
								top: 50%;
								right: 8px;
								transform: translateY(-50%);
							}
					@media (any-hover: hover) {
						.product__contents__item__skin_list__item__btn {
							transition: .4s;
						}
						.product__contents__item__skin_list__item__btn:hover {
							background-color: var(--color--dark-gray);
							border-color: var(--color--dark-gray);
							color: #ffffff;
						}
							.product__contents__item__skin_list__item__btn svg {
								transition: .4s;
							}
							.product__contents__item__skin_list__item__btn:hover svg {
								fill: var(--color--white);
							}
					}
		.product__image {
			display: flex;
			justify-content: center;
			align-items: flex-start;
			gap: calc((50 / 1080) * 100%);
			width: 100%;
			height: auto;
			margin-top: 50px;
		}
			.product__image__item {
				height: auto;
			}
			.product__image__item._01 {
				width: calc((400 / 1080) * 100%);
				margin-top: calc((50 / 1080) * 100%);
			}
			.product__image__item._02 {
				width: calc((250 / 1080) * 100%);
			}

#arrival {
	width: 100%;
	height: auto;
	padding: 100px 0;
}
	.arrival__inner {
		width: 90%;
		max-width: 1080px;
		height: auto;
		margin: 0 auto;
	}
		.arrival__contents {
			width: 100%;
			height: auto;
			position: relative;
		}
			.arrival__slider {
				width: 100%;
				height: auto;
				position: relative;
			}
				.arrival__slider__inner {
					display: flex;
					gap: 30px;
					width: 100%;
					height: auto;
				}
					.arrival__slider__inner .p-product_list__list__item {
						width: calc(20% - 24px);
						height: auto;
					}

#best_seller {
	width: 100%;
	height: auto;
	padding: 0 0 100px;
}
	.best_seller__inner {
		width: 90%;
		max-width: 1080px;
		height: auto;
		margin: 0 auto;
	}
		.best_seller__tab_list {
			display: grid;
			grid-template-columns: repeat(6, 1fr);
			gap: 6px;
			width: 100%;
			height: auto;
			margin: 0 auto 30px;
		}
			.best_seller__tab {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 50px;
				background-color: var(--color--white);
				border: solid 1px var(--color--light-gray);
				font-size: 14px;
				font-weight: 400;
				line-height: 1;
				letter-spacing: 0.05em;
				color: var(--color--dark-gray);
				cursor: pointer;
				position: relative;
			}
			._active.best_seller__tab {
				background-color: var(--color--dark-gray);
				border-color: var(--color--dark-gray);
				color: var(--color--white);
			}
				.best_seller__tab svg {
					width: 5px;
					height: auto;
					fill: var(--color--dark-gray);
					position: absolute;
					top: 50%;
					right: 8px;
					transform: translateY(-50%);
				}
				._active.best_seller__tab svg{
					fill: var(--color--white);
				}
		@media (any-hover: hover) {
			.best_seller__tab {
				transition: .4s;
			}
			.best_seller__tab:hover {
				background-color: var(--color--dark-gray);
				border-color: var(--color--dark-gray);
				color: var(--color--white);
			}
				.best_seller__tab svg {
					transition: .4s;
				}
				.best_seller__tab:hover svg {
					fill: var(--color--white);
				}
		}
		.best_seller__contents {
			width: 100%;
			height: auto;
		}
			.best_seller__contents__item {
				display: none;
				width: 100%;
				height: auto;
				position: relative;
			}
			.best_seller__contents__item._show {
				display: block;
			}
				.best_seller__slider {
					width: 100%;
					height: auto;
					padding: 0 0 10px;
					position: relative;
					opacity: 0;
					overflow-x: scroll;
				}
				._show.best_seller__contents__item .best_seller__slider {
					animation: fadeIn_best_seller 1s ease;
					opacity: 1;
				}
					.best_seller__slider__inner {
						display: flex;
						gap: 30px;
						width: 100%;
						height: auto;
					}
						.best_seller__slider__inner .p-product_list__list__item {
							width: calc(20% - 24px);
							height: auto;
						}
							.best_seller__slider__inner .p-product_list__list__item .c-product_item__inner__title {
								margin: 0 auto 6px;
							}
							.best_seller__slider__inner .p-product_list__list__item .c-product_item__inner__price {
								order: 4;
							}
							.best_seller__slider__inner .p-product_list__list__item .c-product_item__inner__disc {
								order: 3;
								margin: 0 auto 8px;
							}
					.best_seller__contents__item__note {
						width: 100%;
						height: auto;
						margin: 24px auto 0;
						font-size: 10px;
						font-weight: 400;
						line-height: 1.7;
						letter-spacing: 0em;
						text-align: right;
						color: var(--color--dark-gray);
					}
				.best_seller__contents__item__btn_wrap {
					margin: 30px auto 0;
				}
				._show .best_seller__contents__item__btn_wrap {
					animation: fadeIn_best_seller 1s ease;
					opacity: 1;
				}
				@keyframes fadeIn_best_seller {
					from {
						opacity: 0;
					}
					to {
						opacity: 1;
					}
				}

#premium {
	width: 100%;
	height: auto;
	padding: 0 0 100px;
}
	.premium__inner {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
		#premium .section_heading {
			width: 90%;
			max-width: 1080px;
			height: auto;
			margin: 0 auto 50px;
		}
		.premium__contents {
			width: calc((1275 / 1400) * 100%);
			height: auto;
			margin: 0 auto;
		}
			.premium__swiper {
				width: 100%;
				height: auto;
				overflow: initial !important;
			}
				.premium__swiper .swiper-slide {
					height: auto;
				}
				.premium__contents__item {
					display: flex;
					flex-direction: column;
					width: 100%;
					height: 100%;
					padding: 20px;
					border-radius: 3px;
					background-color: var(--color--white);
				}
					.premium__contents__item__image {
						width: 100%;
						height: auto;
						margin: 0 auto 20px;
						overflow: hidden;
					}
					.premium__contents__item__content {
						display: flex;
						flex-direction: column;
						justify-content: flex-start;
						width: 100%;
						flex: 1;
					}
				@media (any-hover: hover) {
					.premium__contents__item__image,
					.premium__contents__item__content {
						transition: .4s;
						opacity: 1;
					}
					.premium__contents__item:hover .premium__contents__item__image,
					.premium__contents__item:hover .premium__contents__item__content {
						opacity: 0.7;
					}
						.premium__contents__item__image img {
							transition: .4s;
							transform: scale(1);
							will-change: transform;
						}
						.premium__contents__item:hover .premium__contents__item__image img {
							transform: scale(1.07);
						}
				}
						.premium__contents__item__content__category {
							width: 100%;
							height: auto;
							margin: 0 auto 6px;
							font-size: 12px;
							font-weight: 700;
							line-height: 1.5;
							letter-spacing: 0em;
							color: #B6B6B6;
						}
						.premium__contents__item__content__name {
							width: 100%;
							height: auto;
							margin: 0 auto 14px;
							font-size: 12px;
							font-weight: 400;
							line-height: 1.5;
							letter-spacing: 0em;
							color: var(--color--black);
						}
						.premium__contents__item__content__price {
							width: 100%;
							height: auto;
							margin: auto auto 0;
							font-size: 14px;
							font-weight: 400;
							line-height: 1.5;
							letter-spacing: 0em;
							color: #333333;
						}
						.premium__contents__item__content__price small {
							font-size: 10px;
						}
			.premium__swiper__nav {
				width: 100%;
				height: auto;
				margin: 30px auto 0;
			}
				.premium__swiper-pagination {
					display: flex;
					justify-content: center;
					align-items: center;
					gap: 10px;
					width: 100%;
					height: auto;
				}
					.premium__swiper-pagination .swiper-pagination-bullet {
						display: block;
						width: 10px;
						height: 10px;
						padding: 0 !important;
						margin: 0 !important;
						border-radius: 9999px;
						background-color: #eaeaea;
						outline: none !important;
						transition: .4s;
						opacity: 1 !important;
					}
					.premium__swiper-pagination .swiper-pagination-bullet-active {
						background-color: var(--color--dark-gray);
					}
				@media (any-hover: hover) {
					.premium__swiper-pagination .swiper-pagination-bullet:hover {
						background-color: var(--color--dark-gray);
					}
				}
		.premium__btn_wrap {
			margin: 50px auto 0;
		}

#about {
	width: 100%;
	height: auto;
	padding: 0 0 80px;
	background-color: var(--color--white);
}
	.about__inner {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
		.about__main {
			display: flex;
			justify-content: space-between;
			align-items: stretch;
			width: 100%;
			height: auto;
			margin: 0 auto 60px;
		}
			.about__main__image {
				width: 50%;
				height: auto;
			}
				.about__main__image img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}
			.about__main__contents {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: stretch;
				width: 50%;
				height: auto;
				padding: 74px 60px;
			}
				.about__main__heading {
					width: 100%;
					height: auto;
					margin-bottom: 18px;
					font-size: 22px;
					font-weight: 400;
					line-height: 1;
					letter-spacing: 0.05em;
				}
				.about__main__contents__details {
					width: 100%;
					max-width: 480px;
					height: auto;
					margin: 0 auto 0 0;
				}
					.about__main__contents__details dt {
						width: 100%;
						height: auto;
						margin-bottom: 42px;
						font-size: 20px;
						font-weight: 300;
						line-height: 1.6;
						letter-spacing: 0.05em;
						color: var(--color--black);
					}
					.about__main__contents__details dd {
						width: 100%;
						height: auto;
						font-size: 14px;
						font-weight: 400;
						line-height: 1.8;
						letter-spacing: 0.05em;
						color: var(--color--black);
					}
		.about__image {
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			width: 100%;
			height: auto;
		}
			.about__image__item {
				height: auto;
			}
			.about__image__item._01 {
				width: calc((540 / 1400) * 100%);
				margin-left: calc((93 / 1400) * 100%);
			}
			.about__image__item._02 {
				width: calc((360 / 1400) * 100%);
				margin-top: calc((240 / 1400) * 100%);
				margin-left: calc((60 / 1400) * 100%);
			}
			.about__image__item._03 {
				width: calc((640 / 1400) * 100%);
				margin: calc((52 / 1400) * 100%) auto 0;
				aspect-ratio: 16 / 9;
			}
				.about__image__item._03 iframe {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}
		.about__more {
			width: calc((640 / 1400) * 100%);
			height: auto;
			margin: 40px auto 0;
		}
			.about__more__link {
				display: flex;
				justify-content: flex-end;
				align-items: flex-end;
				gap: 8px;
				width: fit-content;
				height: auto;
				margin: 0 0 0 auto;
				font-size: 12px;
				font-weight: 300;
				line-height: 1.5;
				color: var(--color--black);
			}
				.about__more__link::after {
					content: "";
					display: block;
					width: 40px;
					height: 1px;
					background-color: var(--color--black);
					transform-origin: right;
					transition: .4s;
					position: relative;
					top: -4px;
				}
			@media (any-hover: hover) {
				.about__more__link:hover::after {
					width: 50px;
				}
			}

#news {
	width: 100%;
	height: auto;
	padding: 100px 0;
}
	.news__inner {
		width: 90%;
		max-width: 1080px;
		height: auto;
		margin: 0 auto;
	}
		.news__list {
			width: 100%;
			height: auto;
			margin: 20px auto 0;
		}
			.news__list__item {
				width: 100%;
				height: auto;
				border-bottom: solid 1px #EAEAEA;
			}
				.news__list__item__link {
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					width: 100%;
					height: auto;
					padding: 24px 0;
				}
					.news__list__item__date {
						width: 115px;
						height: auto;
						padding-top: 5px;
						font-size: 12px;
						font-weight: 400;
						line-height: 1.2;
						letter-spacing: 0.05em;
						color: var(--color--gray);
					}
					.news__list__item__content {
						flex: 1;
						height: auto;
					}
						.news__list__item__title,
						.news__list__item__details {
							width: fit-content;
							font-size: 14px;
							font-weight: 400;
							line-height: 1.8;
							letter-spacing: 0.05em;
							color: var(--color--black);
							position: relative;
						}
							.news__list__item__details::before {
								content: "";
								display: block;
								width: 100%;
								height: 1px;
								background-color: var(--color--black);
								position: absolute;
								bottom: 0;
								left: 0;
								transform: scaleX(0);
								transform-origin: left;
							}
					@media (any-hover: hover) {
						.news__list__item__title,
						.news__list__item__details {
							transition: .4s;
							opacity: 1;
						}
						.news__list__item__link:hover .news__list__item__title,
						.news__list__item__link:hover .news__list__item__details {
							opacity: 0.7;
						}
							.news__list__item__details::before {
								transition: .4s;
							}
							.news__list__item__link:hover .news__list__item__details::before {
								transform: scaleX(1);
							}
					}
		.news__btn_wrap {
			margin: 50px auto 0;
		}

#journal {
	width: 100%;
	height: auto;
}
	.journal__inner {
		width: 90%;
		max-width: 1080px;
		height: auto;
		margin: 0 auto;
	}
		.journal__contents {
			width: 100%;
			height: auto;
			position: relative;
		}
			.journal__swiper {
				width: 100%;
				height: auto;
			}
				.journal__contents__item {
					width: 100%;
					height: auto;
				}
					.journal__contents__item__link {
						display: flex;
						justify-content: space-between;
						align-items: center;
						width: 100%;
						height: auto;
						border: solid 1px #DDDDDD;
						border-radius: 3px;
					}
						.journal__contents__item__image {
							width: calc((178 / 518) * 100%);
							height: auto;
							aspect-ratio: 1 / 1;
						}
							.journal__contents__item__image img {
								width: 100%;
								height: 100%;
								object-fit: cover;
								object-position: center;
							}
						.journal__contents__item__content {
							flex: 1;
							height: auto;
							padding: 0 20px;
						}
							.journal__contents__item__title {
								width: 100%;
								height: auto;
								margin-bottom: 6px;
								font-size: 13px;
								font-weight: 500;
								line-height: 1.5;
								letter-spacing: 0.05em;
								color: #ABABAB;
							}
							.journal__contents__item__text {
								width: 100%;
								height: auto;
								font-size: 16px;
								font-weight: 400;
								line-height: 1.5;
								letter-spacing: 0.05em;
								color: var(--color--black);
							}
								.journal__contents__item__text small {
									font-size: 8px;
									position: relative;
									top: -7px;
								}
							.journal__contents__item__note {
								width: 100%;
								height: auto;
								margin-top: 8px;
								font-size: 8px;
								font-weight: 300;
								line-height: 1.1;
								letter-spacing: 0em;
								color: var(--color--black);
							}
					@media (any-hover: hover) {
						.journal__contents__item__image {
							overflow: hidden;
						}
							.journal__contents__item__image img {
								transition: .4s;
								transform: scale(1);
								opacity: 1;
								will-change: transform;
							}
							.journal__contents__item__link:hover .journal__contents__item__image img {
								opacity: .7;
								transform: scale(1.07);
							}
						.journal__contents__item__content {
							transition: .4s;
							opacity: 1;
						}
						.journal__contents__item__link .journal__contents__item__content {
							opacity: .7;
						}
					}
			.journal__swiper-prev,
			.journal__swiper-next {
				width: 40px;
				height: 40px;
				border-radius: 9999px;
				background-color: #ffffff;
				box-shadow: 1px 1px 4px 0 rgba(51, 51, 51, 0.1);
				overflow: hidden;
				position: absolute;
				top: 70px;
				cursor: pointer;
				z-index: 10;
				transition: .4s;
			}
			.swiper-button-disabled.journal__swiper-prev,
			.swiper-button-disabled.journal__swiper-next {
				opacity: 0;
				pointer-events: none;
			}
			.journal__swiper-prev {
				left: -20px;
			}
			.journal__swiper-next {
				right: -20px;
			}
				.journal__swiper-prev svg,
				.journal__swiper-next svg {
					width: 100%;
					height: auto;
				}
			@media (any-hover: hover) {
				.journal__swiper-prev svg,
				.journal__swiper-next svg {
					opacity: 1;
				}
				.journal__swiper-prev:hover svg,
				.journal__swiper-next:hover svg {
					opacity: 0.7;
				}
			}
		.journal__sns {
			width: 100%;
			height: auto;
			margin: 100px auto 0;
		}
			.journal__sns__heading {
				width: 100%;
				height: auto;
				margin: 0 auto 12px;
				font-family: "Inter", sans-serif;
				font-size: 13px;
				font-weight: 400;
				line-height: 1;
				letter-spacing: 0.05em;
				text-align: center;
				color: #a0a0a0;
			}
			.journal__sns__list {
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 15px;
				width: 100%;
				height: auto;
			}
				.journal__sns__list__item {
					width: 30px;
					height: auto;
				}
					.journal__sns__list__item__link {
						display: block;
						width: 100%;
						height: auto;
					}
						.journal__sns__list__item__link img {
							width: 100%;
							height: auto;
						}
				@media (any-hover: hover) {
					.journal__sns__list__item__link {
						transition: .4s;
						opacity: 1;
					}
					.journal__sns__list__item__link:hover {
						opacity: 0.7;
					}
				}

/* PC ================================================== */
@media all and (min-width: 992px){
				.hero__slide__overlay__inner {
					gap: 36px;
					padding: 0 0 40px;
				}
					.hero__slide__text {
						font-size: 38px;
					}
}

@media all and (min-width: 769px){

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
body {
	padding: 0;
}
#header {
	background-color: transparent;
}
		.section_heading {
			margin: 0 auto 40px;
		}

#hero {
	padding: 0 0 45px;
}
		.hero__swiper {
			height: 100lvh;
		}
			.hero__slide {
				height: 100%;
			}
			.hero__slide__image {
				height: 100%;
			}
				.hero__slide__image img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}
			.hero__slide__overlay {
				padding: 0 0 15px;
			}
				.hero__slide__overlay__inner {
					gap: 20px;
					max-width: initial;
					padding: 0;
					width: 90%;
				}
					.hero__slide__text__wrap {
						gap: 10px;
					}
						.hero__slide__text__small {
							font-size: 40%;
						}
					.hero__slide__contents {
						width: 100%;
						height: 70px;
						box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
					}
						.hero__slide__contents__thumbnail {
							width: 70px;
						}
							.hero__slide__contents__text {
								font-size: 13px;
							}
							.hero__slide__contents__strong_text {
								font-size: 13px;
							}
				.hero__swiper-pagination .swiper-pagination-bullet {
					width: 7px;
					height: 7px;
				}

#browsing_history {
	padding: 0 0 70px;
}
	.browsing_history__inner {
		width: 90%;
	}
		.browsing_history__heading {
			margin: 0 auto 30px;
		}
			#browsing_history .p-product_list__list__item:not(:nth-of-type(-n+2)) {
				display: none;
			}

#campaign {
	padding: 0 0 70px;
	overflow: hidden;
}
			.campaign__swiper {
				overflow: initial !important;
			}

						.campaign__list__item__image {
							width: 100%;
							height: auto;
							margin: 0 auto 8px;
						}
						.campaign__list__item__name {
							width: 100%;
							height: auto;
							font-size: 14px;
							font-weight: 400;
							line-height: 1.8;
							letter-spacing: 0.05em;
							color: var(--color--black);
						}
						.campaign__list__item__note {
							width: 100%;
							height: auto;
							margin-top: 12px;
							font-size: 10px;
							font-weight: 400;
							line-height: 1.7;
							letter-spacing: 0em;
							color: var(--color--dark-gray);
						}
			.campaign__nav {
				width: 100%;
				height: auto;
				margin: 30px auto 0;
			}
				.campaign__swiper-pagination {
					display: flex;
					justify-content: center;
					align-items: center;
					gap: 10px;
					width: 100%;
					height: auto;
					margin: 0;
					padding: 0;
					position: initial !important;
				}
					.campaign__swiper-pagination .swiper-pagination-bullet {
						display: block;
						width: 7px;
						height: 7px;
						padding: 0 !important;
						margin: 0 !important;
						border-radius: 9999px;
					}
					.campaign__swiper-pagination .swiper-pagination-bullet-active {
						background-color: var(--color--dark-gray);
					}
		.campaign__banner_wrap {
			width: 100%;
			height: auto;
			margin: 70px auto 0;
		}
			.campaign__banner_list {
				display: flex;
				flex-direction: column;
				gap: 10px;
				width: 100%;
				max-width: 400px;
				height: auto;
				margin: 0 auto;
			}
				.campaign__banner_list__item {
					width: 100%;
					height: auto;
				}
					.campaign__banner_list__item__link {
						display: block;
						width: 100%;
						height: auto;
					}
						.campaign__banner_list__item__image {
							width: 100%;
							height: auto;
						}

#ranking {
	padding: 0 0 70px;
}
				.ranking__swiper {
					overflow: initial !important;
				}
					.ranking__swiper .swiper-wrapper {
						display: grid;
						grid-template-columns: repeat(2, 1fr);
						gap: 40px 20px;
					}
						.ranking__swiper .swiper-slide:not(:nth-of-type(-n+4)) {
							display: none;
						}
								.ranking__swiper .swiper-slide .p-product_list__list__item::before {
									top: 5px;
									left: 20px;
								}
				.ranking__swiper__arrow {
					display: none;
				}
		.ranking__more {
			margin: 40px auto 0;
		}
			.ranking__more__btn {
				display: flex;
				justify-content: center;
				align-items: center;
				width: fit-content;
				height: auto;
				margin: 0 auto;
			}
				.ranking__more__btn__text {
					margin-right: 4px;
					font-size: 12px;
					font-weight: 400;
					line-height: 1.3;
					letter-spacing: 0.05em;
					color: var(--color--dark-gray);
				}
				.ranking__more__btn__arrow {
					width: 15px;
					height: auto;
					transition: .4s;
				}
				._close .ranking__more__btn__arrow {
					position: relative;
					top: 1px;
					transform: rotate(-180deg);
				}

#voice {
	padding: 0 0 70px;
}

#product {
	padding: 60px 0;
}
				.product__contents__item__category_list {
					grid-template-columns: repeat(3, 1fr);
					gap: 32px 0px;
					padding: 0;
				}
							.product__contents__item__category_list__item__image {
							    width: calc((100 / 134) * 100%);
								margin: 0 auto 20px;
							}
							.product__contents__item__category_list__item__name {
							    font-size: 12px; 
							}
				.product__contents__item__skin_list {
					grid-template-columns: repeat(3, 1fr);
					gap: 10px 8px;
				}
		.product__image {
			justify-content: space-between;
			gap: calc((20 / 1400) * 100%);
			margin-top: 30px;
		}
			.product__image__item._01 {
				width: calc((255 / 400) * 100%);
				margin-top: calc((50 / 400) * 100%);
			}
			.product__image__item._02 {
				width: calc((126 / 400) * 100%);
			}

#arrival {
	padding: 70px 0;
	overflow: hidden;
}
			.arrival__slider {
				width: calc((100% + ((22 / 440) * 100vw)));
				padding: 0 0 20px;
				overflow-x: scroll;
			}
				.arrival__slider::after {
					content: "";
					display: block;
					width: calc((22 / 440) * 100vw);
					height: 100%;
				}
				.arrival__slider__inner {
					width: calc((135px * 5) + (30px * 4) + ((22 / 440) * 100vw));
				}
					.arrival__slider__inner .p-product_list__list__item {
						flex-shrink: 0;
						width: 135px;
					}

#best_seller {
	padding: 0 0 70px;
	overflow: hidden;
}
		.best_seller__tab_list {
			grid-template-columns: repeat(2, 1fr);
			gap: 10px 12px;
			margin: 0 auto 40px;
		}
				.best_seller__slider {
					width: calc((100% + ((22 / 440) * 100vw)));
				}
					.best_seller__slider::after {
						content: "";
						display: block;
						width: calc((22 / 440) * 100vw);
						height: 100%;
					}
					.best_seller__slider__inner {
						width: calc((135px * 5) + (30px * 4));
					}
						.best_seller__slider__inner .p-product_list__list__item {
							flex-shrink: 0;
							width: 135px;
						}
					.best_seller__contents__item__note {
						width: calc((135px * 5) + (30px * 4) + (22 / 440 * 100vw));
						padding: 0 calc((22 / 440) * 100vw) 0 0;
					}

#premium {
	padding: 0 0 70px;
}
		#premium .section_heading {
			margin: 0 auto 40px;
		}
		.premium__contents {
			width: 90%;
			margin: 0 auto;
		}
			.premium__swiper__nav {
				margin: 40px auto 0;
			}
					.premium__swiper-pagination .swiper-pagination-bullet {
						width: 7px;
						height: 7px;
					}
		.premium__btn_wrap {
			margin: 40px auto 0;
		}

#about {
	padding: 0 0 60px;
}
		.about__main {
			flex-direction: column;
			justify-content: flex-start;
			margin: 0 auto 24px;
		}
			.about__main__image {
				width: 100%;
			}
				.about__main__image img {
					width: 100%;
					height: auto;
				}
			.about__main__contents {
				flex-direction: column;
				justify-content: flex-start;
				width: 100%;
				padding: 30px 5% 0;
			}
				.about__main__contents__details {
					max-width: initial;
					margin: 0 auto;
				}
		.about__image {
			display: black;
			width: 90%;
			margin: 0 auto;
		}
			.about__image__item._01 {
				width: calc((280 / 337) * 100%);
				margin-left: 0;
				margih-right: auto;
			}
			.about__image__item._02 {
				width: calc((160 / 337) * 100%);
				margin-top: calc((20 / 440) * 375vw);
				margin-left: auto;
				margin-right: 0;
			}
			.about__image__item._03 {
				width: 100%;
				margin-top: calc((30 / 400) * 100%);
				margin-left: 0;
			}
		.about__more {
			width: 90%;
		}

#news {
	padding: 70px 0;
}
		#news .section_heading {
			margin: 0 auto 16px;
		}
		.news__list {
			margin: 16px auto 0;
		}
				.news__list__item__link {
					flex-direction: column;
					justify-content: flex-start;
					align-items: stretch;
				}
					.news__list__item__date {
						width: 100%;
						padding-top: 0px;
						margin-bottom: 9px;
						font-size: 12px;
					}
					.news__list__item__content {
						flex: initial;
						width: 100%;
					}
						.news__list__item__title,
						.news__list__item__details {
							width: 100%;
						}
		.news__btn_wrap {
			margin: 40px auto 0;
		}

/* journal */
#journal {
	overflow: hidden;
}
			.journal__swiper {
				overflow: initial !important;
			}
			.journal__swiper .swiper-slide {
				height: auto;
			}
				.journal__contents__item {
					height: 100%;
				}
					.journal__contents__item__link {
						flex-direction: column;
						justify-content: flex-start;
						align-items: stretch;
						height: 100%;
					}
						.journal__contents__item__image {
							width: 100%;
						}
						.journal__contents__item__content {
							width: 100%;
							padding: 10px 10px 8px;
						}
							.journal__contents__item__title {
								font-size: 11px;
							}
							.journal__contents__item__text {
								font-size: 13px;
							}
								.journal__contents__item__text small {
									font-size: 6px;
									top: -7px;
								}
							.journal__contents__item__note {
								margin-top: 9px;
								font-size: 6px;
							}
			.journal__swiper-prev,
			.journal__swiper-next {
				display: none;
			}
			.journal__nav {
				margin: 40px auto 0;
			}


		.journal__sns {
			margin: 70px auto 0;
		}
}

/* SP ================================================== */
@media all and (max-width: 575px){

}