/* 홈 */
.page-home .content__body {
	padding-top: 0;
}
.page-home .section {
	margin-top: 4rem;
}
.page-home .main-banner__slider {
	display: flex;
    flex-direction: column-reverse;
    background: #fff;
}
.page-home .main-banner__item {
    width: 100%;
	padding-top: 50%;
}
.page-home .main-banner__control {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 1.2rem;
    padding-inline: 2.4rem;    
}
.page-home .main-banner__control .swiper-pagination-progressbar {
    position: relative;
    flex-grow: 1;
    height: 0.2rem;
    background: rgba(17, 17, 17, 0.1);
}
.page-home .main-banner__control .swiper-pagination-progressbar-fill {
	background: #111;
}
.page-home .main-banner__pagination {
    padding-left: 0.8rem;
}
.page-home .main-banner__counter::after {
	position: absolute;
    top: 50%;
    right: 2.1rem;
    transform: translate(0, -50%);
    width: 1px;
    height: 0.8rem;
    background: rgba(17, 17, 17, 0.4);
    content: "";
}
.page-home .main-banner__counter {
	display: flex;
    align-items: center;
    position: relative;
    width: 4.4rem;
    height: 2.4rem;
    font-size: 1.1rem;
	line-height: 2.4rem;
    color: #111;
}
.page-home .main-banner__counter .swiper-pagination-current {
	flex-basis: 50%;
    position: relative;
    margin-right: 0.9rem;
    font-weight: bold;
    text-align: right;
}
.page-home .main-banner__counter .swiper-pagination-total {
	flex-basis: 50%;
    text-align: left;
}
.page-home .main-banner__toggle {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
}
.page-home .main-banner__toggle::before {
	width: 1.2rem;
	height: 1.2rem;
	background-size: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5.39355 3.03381L5.39356 13.1466' stroke='%23111111' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M10.6064 3.03381L10.6064 13.1466' stroke='%23111111' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
	content: '';
}
.page-home .main-banner__toggle[aria-pressed="true"]::before {
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20id%3D%22common_ic_new_banner_play%22%3E%0D%0A%3Cpath%20id%3D%22Polygon%202%20(Stroke)%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.25%205.99997L3.125%2010.1136L3.125%201.88635L10.25%205.99997ZM3.875%203.18539L3.875%208.81456L8.75%205.99997L3.875%203.18539Z%22%20fill%3D%22rgb%2817%2C17%2C17%29%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E");
}
.page-home .main-banner__link {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page-home .main-banner__image {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-home .section .card-wrap {
	margin-top: 2.4rem;
}
.page-home .benefit-section .card {
	gap: 1.2rem;
}
.page-home .benefit-section .card .tag {
	padding: 0 .6rem;
	border-radius: .4rem;
	background: var(--c1-3);
	color: var(--c2-4);
}
.page-home .benefit-section .card__thumb {
	width: 8.4rem;
	height: 7.6rem;
}
.page-home .event-section .card__title-box {
    margin-top: 1.2rem;
}
.page-home .event-section .tag strong::before {
	display: inline-block;
	width: 1px;
	height: .9rem;
	margin: 0 .4rem;
	background: rgba(255, 255, 255, 0.50);
	content: '';
}

/* PC */
@media (min-width: 1280px) {
	.page-home .section {
		margin-top: 6rem;
	}
	.page-home .main-banner__item {
		width: 112rem;
		margin: 0 1rem;
		padding-top: 44rem;
	}
	.page-home .main-banner__control {
		max-width: 79.2rem;
    	margin: 1.2rem auto 0;
		padding-inline: 0;
	}
	.page-home .main-banner__nav {
		display: flex;
		flex-shrink: 0;
		margin-left: 1.2rem;
		border: 1px solid var(--c2-9);
		border-radius: 1.8rem;
	}
	.page-home .main-banner__nav-button {
		position: relative;
		width: 3.7rem;
        height: 3.4rem;
	}
	.page-home .main-banner__nav-button::before {
		position: absolute;
		top: .9rem;
		width: 1.6rem;
		height: 1.6rem;
		content:'';
	}
	.page-home .main-banner__nav-button--prev::before {
		right: .5rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10.667 2.60657L5.33366 8.00003L10.667 13.3935' stroke='%23111111' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
	}
	.page-home .main-banner__nav-button--next::before {
		left: .5rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5.33301 2.60657L10.6663 8.00003L5.33301 13.3935' stroke='%23111111' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
	}
	.page-home .main-banner__pagination {
		padding-left: 1.6rem;
	}
	.page-home .main-banner__toggle::before {
		width: 1.6rem;
		height: 1.6rem;
	}
	.page-home .main-banner__counter {
		font-size: 1.6rem;
    	line-height: 1.9rem;
	}
	.page-home .main-banner__counter .swiper-pagination-current {
		margin-right: 1.7rem;
	}
	.page-home .main-banner__toggle {
		width: 3.6rem;
		height: 3.6rem;
		margin-left: 1.2rem;
		border: 1px solid var(--c2-9);
		border-radius: 100%;
	}
	.page-home .section .card-wrap {
		margin-top: 4.8rem;
	}
	.page-home .benefit-section .card {
		gap: 2rem;
	}
	.page-home .event-section .card__title-box {
		margin-top: .6rem;
	}
}