/* 기획전 공통 반영 영역 */

.only-pc {
	display: block !important;
}

.only-mo {
	display: none !important;
}

.c-tab--sub-transparent .c-tab__inner {
	background-color: transparent !important;
}

.event-benefit-template .c-title-area-center .c-title {
	text-align: center !important;
}


@media screen and (max-width: 767px) {
	.only-pc {
		display: none !important;
	}

	.only-mo {
		display: block !important;
	}

	/* 모바일 단일 가로 스크롤 */
	.event-benefit-template .article__table .custom-scroll-slider__item {
		scroll-snap-align: unset !important;
	}
}

.event-benefit-template .article__01 .article01_btn_01 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 26%;
}


.event-benefit-template .article__03 .article__content-area + .article__content-area{
	margin-top: 74px;
}


.event-benefit-template .article__03 .article03_btn_01 {
	position: absolute;
    top: 31.7%;
    left: 20.3%;
    width: 7.2%;
    height: 5.7%;
}
.event-benefit-template .article__03 .article03_btn_02 {
	position: absolute;
    top: 31.7%;
    left: 34.8%;
    width: 6.2%;
    height: 5.7%;
}

.event-benefit-template .article__03 .article03_btn_03 {
	position: absolute;
    top: 31.7%;
    left: 48.8%;
    width: 5.2%;
    height: 5.7%;
}
.event-benefit-template .article__03 .article03_btn_04 {
    position: absolute;
    top: 31.7%;
    left: 60.4%;
    width: 10.2%;
    height: 5.7%;
}
.event-benefit-template .article__03 .article03_btn_05  {
    position: absolute;
    top: 31.7%;
    left: 75.4%;
    width: 8.2%;
    height: 5.7%;
}

.event-benefit-template .article__03 .article03_btn_06 {
	position: absolute;
    top: 31.7%;
    left: 88.8%;
    width: 8.4%;
    height: 5.7%;
}

@media screen and (max-width: 767px) {


	.event-benefit-template .article__03 .article__content-area + .article__content-area{
		margin-top: calc(24/390*100vw);
	}

	.event-benefit-template .article__03 .article03_btn_01 {
		position: absolute;
		top: 31.7%;
		left: 13.3%;
		width: 7.3%;
		height: 5.7%;
	}
	.event-benefit-template .article__03 .article03_btn_02 {
		position: absolute;
        top: 31.7%;
        left: 29.3%;
        width: 5.3%;
        height: 5.7%;
	}

	.event-benefit-template .article__03 .article03_btn_03 {
		position: absolute;
        top: 31.7%;
        left: 45%;
        width: 4.3%;
        height: 5.7%;
	}
	.event-benefit-template .article__03 .article03_btn_04 {
		position: absolute;
        top: 31.7%;
        left: 58%;
        width: 8.5%;
        height: 5.7%;
	}
	.event-benefit-template .article__03 .article03_btn_05  {
		position: absolute;
        top: 31.7%;
        left: 73%;
        width: 8.5%;
        height: 5.7%;
	}

	.event-benefit-template .article__03 .article03_btn_06 {
		position: absolute;
        top: 31.7%;
        left: 88%;
        width: 8.5%;
        height: 5.7%;
	}

	.event-benefit-template .article__03 .custom-scroll-slider__item {
		scroll-snap-align: unset !important;
	}

	.event-benefit-template .article__03 .custom-scroll-slider__item{
		min-width: calc(1060/390*100vw);
	}
}

.event-benefit-template .article__04 .custom-scroll-slider__item img {
	min-width: 561px;
}

.article__05 .c-button-group {
	margin-bottom: 18px;
}

.event-benefit-template .c-product__care-service {
	display: none !important;
}

.c-product_sub-title-top {
	font-size: 18px;
	color: #444;
	margin-bottom: 24px;
	line-height: 1.333;
}

.c-product_sub-title-bot {
	margin: 56px 0px 24px;
	font-size: 18px;
	color: #444;
	line-height: 1.333;
}

@media screen and (max-width: 767px) {
	.c-product_sub-title-top {
		font-size: calc(15 / 390 * 100vw);
		color: #444;
		margin: 0 calc(20 / 390 * 100vw) calc(4 / 390 * 100vw);
	}

	.c-product_sub-title-bot {
		margin: calc(28 / 390 * 100vw) calc(20 / 390 * 100vw) calc(4 / 390 * 100vw);
		font-size: calc(15 / 390 * 100vw);
		color: #444;
	}
}

/* 2뎁스 메뉴 스타일 추가 */

.event-benefit-template .c-tab__two-depth .c-tab--sub {
	padding: 12px 0;
	background-color: #fff;
	width: 100%;
	max-width: 1166px;
	margin: 0 auto;
}

.event-benefit-template .c-tab__two-depth .c-tab--sub .c-tab__list {
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	overflow-x: auto;
	white-space: nowrap;
}

.event-benefit-template .c-tab__two-depth .c-tab--sub .c-tab__list li {
	position: relative;
	height: 38px;
	background-color: transparent;
	border: 1px solid #dee1e5;
	border-radius: 100px;
	transition: background-color 0.3s;
}

.event-benefit-template .c-tab__two-depth .c-tab--sub .c-tab__list li.active {
	background-color: #000;
}

.event-benefit-template .c-tab__two-depth .c-tab--sub .c-tab__list li.active a {
	font-weight: 600;
	color: #fff;
}
.event-benefit-template .c-tab__two-depth .c-tab--sub .c-tab__button {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0 16px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #111;
}

@media screen and (max-width: 767px) {
	.event-benefit-template .article__01 .article01_btn_01 {
		position: absolute;
		left: 5%;
		bottom: 0;
		width: 90%;
		height: 23%;
	}

	.event-benefit-template .article__04 .custom-scroll-slider__item img {
		min-width: calc(350 / 390 * 100vw);
	}

	.event-benefit-template .c-tab__two-depth .c-tab--sub {
		padding: calc(8 / 390 * 100vw) calc(20 / 390 * 100vw);
		background-color: #fff;
	}

	.event-benefit-template .c-tab__two-depth .c-tab--sub .c-tab__list {
		gap: calc(8 / 390 * 100vw);
	}

	.event-benefit-template .c-tab__two-depth .c-tab--sub .c-tab__list li {
		height: calc(34 / 390 * 100vw);
	}

	.event-benefit-template .c-tab__two-depth .c-tab--sub .c-tab__list li.active {
		background-color: #000;
	}

	.event-benefit-template .c-tab__two-depth .c-tab--sub .c-tab__list li.active a {
		color: #fff;
	}

	.event-benefit-template .c-tab__two-depth .c-tab--sub .c-tab__button {
		padding: 0 calc(13 / 390 * 100vw);
		font-size: calc(13 / 390 * 100vw);
		line-height: 138.462%;
	}
}

/* 2뎁스 메뉴 스타일 추가 */