#main {
	overflow: hidden;
}
#main section:last-of-type {
	margin-bottom: 48px;
}
/* 메인 배너 */
.sect-banner {
	margin: 24px 0 40px;
}
.sect-banner .main-banner-swiper {
	padding: 0 16px;
}
.sect-banner .main-banner-swiper .swiper-slide {
	position: relative;
	max-width: 358px;
	aspect-ratio: 358 / 480;
	width: 100%;
	border-radius: 24px;
	overflow: hidden;
}
.sect-banner .main-banner-swiper .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}
.sect-banner .main-banner-swiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.sect-banner .swiper-pagination {
	position: relative;
	margin-top: 16px;
}
.sect-banner .swiper-pagination-bullet {
	background: #fff;
	opacity: 0.4;
	border-radius: 999px;
	transition: all 0.3s ease-in-out;
}
.sect-banner .swiper-pagination-bullet-active {
	width: 24px;
	opacity: 1;
}
@media screen and (min-width: 1440px) {
	.sect-banner .main-banner-swiper .swiper-slide {
		max-width: 552px;
		aspect-ratio: 552 / 740;
	}
}
/* 메인 배너 - 지점 단독이벤트 */
.sect-banner .branch-event-popup-slide {
	background: center / cover url(/imges/mainPp/bg-m.png) no-repeat;
}
.sect-banner .bep-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 16px 16px 14px;
}
.sect-banner .bep-tit-area {
	flex-shrink: 0;
}
.sect-banner .bep-tit {
	position: relative;
	width: 62%;
	margin-left: 12%;
	aspect-ratio: 438 / 243;
	background: center / contain url(/imges/mainPp/title-m.png) no-repeat;
}
.sect-banner .bep-tit .tept-branch {
	position: absolute;
	bottom: 37%;
	left: 82%;
	color: #383838;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: -0.05em;
	white-space: nowrap;
}
.sect-banner .bep-tit .tept-branch span {
	display: block;
}
.sect-banner .bep-tit .tept-branch b {
	font-weight: 600;
}
.sect-banner .branch-event-area {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	min-height: 0;
}
.sect-banner .ev-list {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.sect-banner .ev-list .ev-item {
	position: relative;
	padding: 14px 12px;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
	cursor: pointer;
}
.sect-banner .ev-list .ev-item .num {
	position: absolute;
	top: -8px;
	left: 12px;
	width: 23px;
	height: 23px;
	background-color: #a8bfca;
	color: #fff;
	font-family: 'Campton', sans-serif;
	font-size: 13px;
	line-height: 24px;
	text-align: center;
}
.sect-banner .ev-item .evi-box {
	display: flex;
	align-items: center;
	min-height: 36px;
}
.sect-banner .ev-item .tit-box {
	flex: 0 0 52%;
	min-width: 0;
	padding-right: 10px;
}
.sect-banner .ev-item .ev-tit {
	display: -webkit-box;
	overflow: hidden;
	color: #464646;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -0.03em;
	word-break: break-all;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.sect-banner .ev-item .price-box {
	flex: 1;
	min-width: 0;
	padding: 4px 0 4px 10px;
	border-left: 1px solid #b0b0b0;
	text-align: right;
	white-space: nowrap;
}
.sect-banner .ev-item .price-box .txt_num {
	color: #9f0000;
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.05em;
}
.sect-banner .ev-item .price-box .txt_num + span {
	color: #383838;
	font-size: 13px;
	line-height: 1;
}
.sect-banner .main-banner-swiper .ev-item .go-link {
	position: absolute;
	right: 12px;
	bottom: -10px;
	width: 80px;
	height: 22px;
	background: center / cover url(/imges/mainPp/beige.png) no-repeat;
	color: #fff;
	font-family: 'Campton', sans-serif;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
}
.sect-banner .i-golink {
	position: relative;
	padding-right: 24px;
}
.sect-banner .i-golink:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 20px;
	height: 8px;
	background: center / contain url(/imges/mainPp/icon-go.png) no-repeat;
	transform: translateY(-50%);
}
.sect-banner .bep-inner .price-sub-info {
	flex-shrink: 0;
	margin-top: 14px;
	color: #757575;
	font-size: 11px;
	letter-spacing: -0.025em;
	white-space: nowrap;
}
@media screen and (min-width: 1440px) {
	.sect-banner .bep-inner {
		padding: 24px 24px 22px;
	}
	.sect-banner .bep-tit .tept-branch {
		font-size: 22px;
	}
	.sect-banner .ev-list {
		gap: 28px;
	}
	.sect-banner .ev-list .ev-item {
		padding: 22px 20px;
	}
	.sect-banner .ev-list .ev-item .num {
		top: -12px;
		left: 20px;
		width: 34px;
		height: 34px;
		font-size: 18px;
		line-height: 35px;
	}
	.sect-banner .ev-item .evi-box {
		min-height: 54px;
	}
	.sect-banner .ev-item .tit-box {
		padding-right: 16px;
	}
	.sect-banner .ev-item .ev-tit {
		font-size: 21px;
	}
	.sect-banner .ev-item .price-box {
		padding: 6px 0 6px 16px;
	}
	.sect-banner .ev-item .price-box .txt_num {
		font-size: 30px;
	}
	.sect-banner .ev-item .price-box .txt_num + span {
		font-size: 19px;
	}
	.sect-banner .main-banner-swiper .ev-item .go-link {
		right: 20px;
		bottom: -15px;
		width: 120px;
		height: 34px;
		font-size: 18px;
		line-height: 34px;
	}
	.sect-banner .i-golink {
		padding-right: 34px;
	}
	.sect-banner .i-golink:after {
		width: 30px;
		height: 12px;
	}
	.sect-banner .bep-inner .price-sub-info {
		margin-top: 22px;
		font-size: 16px;
	}
}

/* 실시간 예약 현황 */
.sect-live-reserve {
	margin-top: 40px;
}
.sect-live-reserve .title-wrap {
	justify-content: center;
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1.4;
	color: #fff;
	margin-bottom: 16px;
}
.sect-live-reserve .title-wrap .count-wrap {
	position: relative;
	padding-left: 16px;
	margin-left: 16px;
}
.sect-live-reserve .title-wrap .count-wrap:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	width: 1px;
	height: 16px;
	background: #4A4A4A;
}
.sect-live-reserve .title-wrap .count-wrap .num {
	font-family: 'Lato';
}
.sect-live-reserve .flow-wrap {
	width: 100%;
	justify-content: center;
	flex-direction: column;
    opacity: 0;
    transition: opacity .7s;
}
.sect-live-reserve .flow-wrap.active {
    opacity: 1;
}
.sect-live-reserve .flow-wrap > div:after {
	content: '';
	display: block;
	clear: both;
}
.sect-live-reserve .flow-wrap .js-marquee {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 48px;
}
.sect-live-reserve .flow-wrap .flow-item {
	position: relative;
	display: flex;
	align-items: center;
	gap: 20px;
}
.sect-live-reserve .flow-wrap .flow-item:before {
	content: '';
	position: absolute;
	left: -13px;
	top: -3px;
	width: 33px;
	height: 28px;
	background: url('https://vgzol4tn11543.edge.naverncp.com/toxnfill/images/main/deco-box-r.png') center / contain no-repeat;
}
.sect-live-reserve .flow-wrap .flow-item:last-child {
	margin-right: 48px;
}
.sect-live-reserve .flow-item .branch {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 28px;
	background: #fff;
}
.sect-live-reserve .flow-item .branch:before,
.sect-live-reserve .flow-item .branch:after {
	content: '';
	position: absolute;
	top: 0;
	width: 6px;
	height: 28px;
	background: url('https://vgzol4tn11543.edge.naverncp.com/toxnfill/images/main/deco-box-w.png') center / 100% no-repeat;
}
.sect-live-reserve .flow-item .branch:before {
	left: -5px;
}
.sect-live-reserve .flow-item .branch:after {
	right: -5px;
	transform: rotate(180deg);
}
.sect-live-reserve .flow-item .branch span {
	border-radius: 17px;
	font-size: 0.813rem;
	font-weight: 700;
	color: #171717;
	padding: 0 11px;
}
.sect-live-reserve .flow-item .time {
	font-family: 'Lato';
	font-size: 0.875rem;
	font-weight: 500;
	color: #fff;
	line-height: 1.429;
}
.sect-live-reserve .flow-item .desc {
	font-size: 0.875rem;
	font-weight: 500;
	color: #fff;
	line-height: 1.429;
	margin-left: 8px;
}

/* sect-promo-banner */
.sect-promo-banner {
	position: relative;
	margin: 84px auto 89px;
}
.sect-promo-banner .promo-banner .promo-banner-swiper-wrap {
	margin: 0 auto;
}
@media screen and (min-width: 640px) {
	.sect-promo-banner {
		display: none;
	}
}

/* 이벤트 */
.sect-event-unit {
	padding: 0 16px;
	margin: 60px auto 48px;
}

/* signature */
.sect-signature {
	margin-top: 80px;
} 
.main-signature-swiper {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.main-signature-swiper .swiper-slide {
	width: 265px !important;
	flex-shrink: 0;
	border-radius: 24px;
	overflow: hidden;
}
.main-signature-swiper .swiper-slide a {
	display: block;
	width: 100%;
}
.main-signature-swiper .img-thumb {
	position: relative;
	height: 180px;
	transition: all 0.1s ease-in-out;
}
.main-signature-swiper .detail-info {
	height: 100%;
	background: #272727;
	color: #fff;
	padding: 24px;
	text-align: center;
	transition: all 0.1s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
	.main-signature-swiper .swiper-slide a:hover .img-thumb {
		filter: brightness(0.9);
	}
	.main-signature-swiper .swiper-slide a:hover .detail-info {
		background: #3f3f3f;
	}
}
.main-signature-swiper .detail-info .title {
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1.4;
}
.main-signature-swiper .detail-info .desc {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.25;
	margin-top: 8px;
}
/* 진행중인 이벤트 */
.sect-active-event {
	margin-top: 80px;
}
/* 맞춤 추천 */
.sect-recommend {
	margin-top: 40px;
}
/* 가장 인기 있는 시술 */
.sect-ranking {
	margin-top: 40px;
}

/* 브랜드 소개 */
.sect-value {
	color: #fff;
	background: var(--primary-dark);
	text-align: center;
	padding: 120px 40px 80px;
	margin-top: 80px;
}
.sect-value .title-wrap .sect-title {
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1.4;
}
.sect-value .title-wrap .logo {
	display: inline-block;
	width: 150px;
	margin-top: 24px;
}
.sect-value .title-wrap .logo img {
	display: block;
	width: 100%;
}
.sect-value .symbol-wrap {
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--secondary);
	line-height: 1.4;
	margin-top: 80px;
}
.sect-value .symbol-wrap .img-wrap {
	position: relative;
	width: 142px;
	margin: 0 auto 40px;
}
.sect-value .symbol-wrap .img-wrap:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 24px;
	height: 48px;
	-webkit-mask: url('https://vgzol4tn11543.edge.naverncp.com/toxnfill/images/common/icon-key.svg') center / contain no-repeat;
	mask: url('https://vgzol4tn11543.edge.naverncp.com/toxnfill/images/common/icon-key.svg') center / contain no-repeat;
	background: var(--secondary);
}
.sect-value .symbol-wrap .img-wrap img {
	animation: symbol-ani 8s linear infinite;
}
@keyframes symbol-ani {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.sect-value .desc-wrap {
	display: flex;
	flex-direction: column;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	margin-top: 80px;
	gap: 24px;
}

/* samjung */
.sect-samjung {
	background: #D5D4D0;
	padding: 0 16px 80px;
}
.sect-samjung .txt-wrap {
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1.4;
	text-align: center;
}
.sect-samjung .txt-wrap .flip-text {
	display: inline-block;
	background: #171717;
	color: #fff;
	padding: 1px 6px;
}
.sect-samjung .txt-wrap .flip-text em {
	display: inline-block;
	width: 40px;
	height: 28px;
	font-style: normal;
}
.sect-samjung .txt-wrap .flip-text em:before {
	content: '';
	display: inline-block;
	animation: flip-text 3s ease infinite;
}
@keyframes flip-text {
	0% {
		content: '정품'; 
	}
	33.33% {
		content: '정량';
	}
	66.66% {
		content: '정성';
	}
	100% {
		content: '정품';
	}
}

/* benefit */
.sect-benefit {
	color: #fff;
	padding: 0 40px;
	margin: 120px 0 80px;
}
.sect-benefit .title-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 48px;
}
.sect-benefit .title-wrap:after {
	content: '';
	display: block;
	flex-shrink: 0;
	width: 24px;
	height: 48px;
	mask: url('https://vgzol4tn11543.edge.naverncp.com/toxnfill/images/common/icon-key.svg') center / contain no-repeat;
	background: var(--secondary);
}
.sect-benefit .title-wrap .sect-title {
	font-size: 2rem;
	font-weight: 800;
	line-height: 1.25;
}
.sect-benefit .benefit-item ~ .benefit-item {
	margin-top: 60px;
}
.sect-benefit .benefit-item .info-wrap .title {
	display: flex;
	align-items: center;
	font-family: 'Lato';
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1.4;
	gap: 4px;
}
.sect-benefit .benefit-item .info-wrap .title:after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('https://vgzol4tn11543.edge.naverncp.com/toxnfill/images/common/icon-arrow-right.svg') center / 100% no-repeat;
}
.sect-benefit .benefit-item .info-wrap .desc {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.429;
	margin-top: 8px;
}
.sect-benefit .benefit-item .img-wrap {
	position: relative;
	border-radius: 16px;
	margin-top: 24px;
	overflow: hidden;
	transition: all 0.1s ease-in-out;
}
.sect-benefit .benefit-item .img-wrap img {
	display: block;
	width: 100%;
}
@media (hover: hover) and (pointer: fine) {
	.sect-benefit .benefit-item a:hover .img-wrap {
		filter: brightness(1.1);
	}
	.sect-benefit .benefit-item a:hover .info-wrap .title:after {
		animation: arrow-ani 1s infinite;
	}
}
.sect-benefit .benefit-item .info-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 40px;
}
.sect-benefit .benefit-item .info-list li {
	position: relative;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	color: var(--secondary);
	padding-left: 16px;
}
.sect-benefit .benefit-item .info-list li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 2px;
	height: 12px;
	background: var(--secondary);
}

/* 채널 BEST */
.sect-channel {
	padding: 0 16px;
	margin: 80px 0;
}
.sect-channel .title-wrap {
	padding: 0;
	margin-bottom: 40px;
}
.sect-channel .video-wrap {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	margin-bottom: 24px;
}
.sect-channel .video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sect-channel .channel-list li ~ li {
	margin-top: 8px;
}
.sect-channel .channel-list .btn-channel-more {
	display: block;
	width: 100%;
	height: 48px;
	background: #272727;
	font-size: 0.813rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: -0.26px;
	text-align: center;
	border-radius: 24px;
	padding: 16px;
	margin-top: 8px;
	overflow: hidden;
}
.sect-channel .channel-list .channel-item {
	display: flex;
	align-items: center;
	padding: 16px;
	border-radius: 24px;
	background: #272727;
	border: 1px solid #272727;
	gap: 16px;
	overflow: hidden;
	cursor: pointer;
}
.sect-channel .channel-list .channel-item.active {
	background: #000;
	border-color: #4A4A4A;
}
.sect-channel .channel-item .video-thumb {
	position: relative;
	flex-shrink: 0;
	width: 152px;
	height: 86px;
	background-color: #171717;
	border-radius: 16px;
	overflow: hidden;
}
.sect-channel .channel-item.active .video-thumb:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.70);
}
.sect-channel .channel-item.active .video-thumb:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 32px;
	height: 32px;
	background: url('https://vgzol4tn11543.edge.naverncp.com/toxnfill/images/common/icon-play.png') center / contain no-repeat;
}
.sect-channel .channel-item .video-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sect-channel .channel-item .video-info .badge-wrap {
	gap: 4px;
	margin-bottom: 8px;
}
.sect-channel .channel-item .video-info .badge-wrap .badge-item {
	background: var(--primary);
	font-size: 0.563rem;
	height: 18px;
	line-height: 18px;
	padding-top: 2px;
}
.sect-channel .channel-item .video-info .video-title {
	font-size: 0.875rem;
	font-weight: 500;
	color: #fff;
	line-height: 1.429;
	letter-spacing: -0.28px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical; 
	overflow: hidden;
}
.sect-channel .channel-item .video-info .video-branch {
	font-size: 0.75rem;
	font-weight: 500;
	color: #929292;
	line-height: 1.333;
	letter-spacing: -0.24px;
	margin-top: 4px;
}

/* 인스타그램 */
.sect-sns {
	margin: 80px 0 48px;
}
.sect-sns .title-wrap {
	padding: 0 16px;
	margin-bottom: 40px;
}
.main-sns-swiper {
	position: relative;
	overflow: hidden;
	width: 100%;
	clip-path: inset(0 0 0 8px);
}
.main-sns-swiper .swiper-slide {
	width: 240px !important;
	aspect-ratio: 3 / 4;
	flex-shrink: 0;
	border-radius: 16px;
	overflow: hidden;
}
.main-sns-swiper .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}
.main-sns-swiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}