/* API 제품목록 */
.prdList {
	max-width: 1000px;
	margin: 0 auto;
}
.prdList.prdList--landscape {
	display: flex;
	height: 100%;
	align-items: flex-end;
}
.prdList * {
	font-family: 'Pretendard';
}
.prdList ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 48px 24px;
}
.prdList ul li {
	position: relative;
	max-width: 231px;
	overflow: hidden;
}
.prdList ul li .pd .img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	max-height: 231px;
	aspect-ratio: 1 / 1;
	margin-bottom: 19px;
	overflow: hidden;
	background: #fff;
	border-radius: 16px;
}
.prdList ul li .pd .img img {
	width: auto;
	height: 100%;
	max-height: 180px;
}
.prdList ul li .badge {
	display: flex;
	flex-wrap: wrap;
	gap: 7px 9px;
	width: 100%;
	margin-top: 13px;
}
.prdList ul li .badge em {
	display: inline-block;
	padding: 3px 6.5px;
	font-size: 15px;
	font-weight: 500;
	color: #ffffff;
	text-align: left;
	white-space: nowrap;
	background: #b7a095;
	border-radius: 6px;
}
.prdList ul li .badge em.p {
	color: #fff;
	background: #ea1917;
}
.prdList ul li .badge em.sale {
	color: #fff;
	background: #ea1917;
}
.prdList ul li .badge em.line {
	line-height: 1.2;
}
.prdList ul li .badge + .txt {
	padding-top: 13px;
}
.prdList ul li .badge .sale + .sale {
	display: none;
}
.prdList ul li .pd .txt {
	text-align: left;
	padding-top: 18%;
	display: block;
}
.prdList ul li .pd strong {
	display: block;
	padding-bottom: 16px;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.1;
	color: #1a1a1a;
	border-bottom: 1px solid #cec7b4;
}
.prdList ul li .pd strong em {
	display: block;
	padding-top: 8px;
	font-size: 24px;
	font-weight: 400;
	color: #7e7c77;
}
.isIOS .prdList ul li.workBreak .pd strong {
	word-break: break-all;
}
.prdList ul li .pd dl {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 8px;
	align-items: center;
	padding-top: 12px;
	white-space: nowrap;
}
.prdList ul li .pd dl dt {
	display: none;
	flex: 0 1 10%;
	font-size: 20px;
	font-weight: 600;
	color: #000;
	letter-spacing: -0.05em;
}
.prdList ul li .pd dl dt.last {
	display: inline-flex;
}
.prdList ul li .pd dl dd {
	flex: 1 0 100%;
	font-size: 24px;
	color: #1a1a1a;
	word-spacing: -0.06em;
	letter-spacing: -0.05em;
}
.prdList ul li .pd dl dd del {
	color: #7e7c77;
}
.prdList ul li .pd dl dd del::after {
	content: ' 원';
}
.prdList ul li .pd dl dd em::after {
	content: ' 원';
}
.prdList ul li .pd dl dd.lastPrice {
	flex: 1 0 50%;
}
.prdList ul li .pd dl dd.lastPrice em {
	font-size: 28px;
	font-weight: 500;
}
.prdList ul .typeBtn {
	display: flex;
	gap: 12px;
	align-items: center;
	justify-content: space-between;
	padding-top: 12px;
}
.prdList ul .typeBtn a {
	position: relative;
	display: flex;
	flex: 1;
	gap: 11px;
	align-items: center;
	justify-content: center;
	height: 42px;
	padding: 3px;
	overflow: hidden;
	font-size: 17px;
	font-weight: 500;
	color: #000;
	cursor: pointer;
	border: 1px solid #000;
	border-radius: 9px;
}
.prdList ul .typeBtn a::after {
	display: inline-block;
	width: 8px;
	height: 14px;
	content: '';
	background: url(/kr/event/2025/08/04_summer_final_sale/images/img-pd-arrow-right.png) no-repeat center;
	background-size: cover;
}
.prdList ul.careCase li .pd dl dd em::before {
	content: '월 ';
}
.prdList ul.careCase li .pd dl dd em::after {
	content: ' 원';
}
.prdList ul.careCase li .pd dl dd.lastPrice em::after {
	content: ' 원 ~';
}
.prdList ul.careCase li .careItem {
	margin-top: 8px;
	border: 1px solid #000;
	border-radius: 10px;
}
.prdList ul.careCase li .careItem dt {
	display: flex;
	gap: 14px;
	align-items: center;
	justify-content: center;
	height: 42px;
	font-size: 17px;
	font-weight: 500;
	color: #000;
	cursor: pointer;
}
.prdList ul.careCase li .careItem dt::after {
	display: inline-block;
	width: 14px;
	height: 8px;
	content: '';
	background: url(/kr/event/2025/08/04_summer_final_sale/images/img-pd-arrow-down.png) no-repeat center;
	background-size: cover;
	transition: all 0.3s ease;
}
.prdList ul.careCase li .careItem dd {
	display: none;
}
.prdList ul.careCase li .careItem.active dt::after {
	transform: rotate(180deg);
}
.prdList ul.careCase li .careItem.active dd {
	display: block;
	padding: 0 20px;
}
.prdList ul.careCase li .careItem.active dd span {
	display: block;
	min-height: 68px;
	padding-top: 10px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	color: #000;
	text-align: right;
	border-top: 1px solid #000;
}
.prdList ul.careCase li .careItem.active dd label {
	float: left;
	margin-right: 5px;
	color: #7e7c77;
}
.prdList.interior ul {
	display: flex;
}
.prdList.interior ul li {
	width: 316px;
	max-width: none;
	padding-bottom: 24px;
	overflow: hidden;
	background: #fff;
	border-radius: 24px;
}
.prdList.interior ul li .pcImg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	max-height: 624px;
	aspect-ratio: 1 / 1;
	margin-bottom: 24px;
	overflow: hidden;
	background: #fff;
}
.prdList.interior ul li .pcImg img {
	display: block;
	width: 100%;
}
.prdList.interior ul li .pd .img {
	display: none;
}
.prdList.interior ul li .pd .txt {
	display: block;
	padding: 0 24px;
}
.prdList.interior ul li .pd dl dd:nth-child(2) {
	flex: 0 1 22%;
}
.prdList.interior ul li .pd dl dd:nth-child(4) {
	flex: 0 1 60%;
}
.prdList.interior ul li .badge {
	padding: 0 24px;
}
.prdList.interior ul .typeBtn {
	padding: 16px 24px 0;
}
.prdList.interior ul.careCase li .pd dl dd:nth-child(2) {
	flex: 0 1 100%;
}
.prdList.interior ul.careCase li .pd dl dd:nth-child(4) {
	flex: 1 0 50%;
}
.prdList.interior ul.careCase li .pd dl dd.lastPrice {
	flex: 1 0 50%;
}
.prdList.interior ul.careCase li .careItem {
	width: calc(100% - 48px);
	margin: 8px 24px 0;
}

.event-benefit-template .main-specials .prdList.interior ul li {
	width: 100%;
	background: #fff;
	border-radius: 32px;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
}

/* soldOut */
.prdList ul li.soldout::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	content: '';
	background: rgba(0, 0, 0, 0.86) url(/kr/event/2025/08/04_summer_final_sale/images/img_soldout.png) no-repeat center;
	background-size: 140px;
}
.prdList ul li.soldoutAll::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	content: '';
	background: rgba(0, 0, 0, 0.86) url(/kr/event/2025/08/04_summer_final_sale/images/img_soldout.png) no-repeat center;
	background-size: 140px;
}
.prdList ul li .typeBtn a.soldout::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #fff;
	content: '특가 종료';
	background: rgba(0, 0, 0, 0.8);
}
.prdList ul li.soldoutAll .typeBtn .soldout::before {
	display: none;
}
/* // soldOut */
.skeleton {
	position: relative;
	z-index: 2;
	width: 100%;
	overflow: hidden;
}
.skeleton .pd::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	content: '';
	background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
	transform: translateX(-100%);
	animation: skeleton-loader 2s infinite;
}
.skeleton .pd i {
	display: block;
	height: 18px;
	overflow: hidden;
	font-size: 0 !important;
	background: #e3e3e3;
	border-radius: 10px;
}
.skeleton .pd strong {
	padding-bottom: 33px !important;
}
.skeleton .pd strong em i {
	width: 50%;
}
.skeleton .pd dl {
	gap: 16px 8px !important;
}
@keyframes skeleton-loader {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}

@container article-area (max-width: 999px) {
	.prdList ul .typeBtn a {
		gap: 6px;
		font-size: 15px;
	}
}

@media screen and (max-width: 1000px) {
	.prdList ul li .badge em {
		font-size: 12px;
	}
	.prdList ul.careCase li .careItem dt {
		font-size: 15px;
	}
}

@media screen and (max-width: 800px) {
	.prdList ul li .badge em {
		font-size: 11px;
	}
}

@media screen and (max-width: 767px) {
	.prdList {
		padding: 0;
	}
	.prdList.prdList--landscape {
		margin-top: calc(54 / 720 * 100vw);
	}
	.prdList ul {
		grid-template-columns: repeat(2, 1fr);
		gap: calc(32 / 780 * 100vw);
	}
	.prdList ul li {
		width: auto;
		max-width: none;
	}
	.prdList ul li .pd .img {
		max-height: calc(296 / 780 * 100vw);
		margin-bottom: calc(24 / 780 * 100vw);
		border-radius: calc(16 / 780 * 100vw);
	}
	.prdList ul li .pd .img img {
		max-height: calc(220 / 780 * 100vw);
	}
	.prdList ul li .badge {
		gap: calc(8 / 780 * 100vw) calc(12 / 780 * 100vw);
		margin-top: calc(16 / 780 * 100vw);
	}
	.prdList ul li .badge em {
		padding: calc(4 / 780 * 100vw) calc(8 / 780 * 100vw);
		font-size: calc(20 / 780 * 100vw);
		border-radius: calc(8 / 780 * 100vw);
	}
	.prdList ul li .badge + .txt {
		padding-top: calc(14 / 780 * 100vw);
	}
	.prdList ul li .pd strong {
		padding-bottom: calc(16 / 720 * 100vw);
		font-size: calc(26 / 720 * 100vw);
	}
	.prdList ul li .pd strong em {
		padding-top: calc(8 / 720 * 100vw);
		font-size: calc(24 / 720 * 100vw);
	}

	.event-benefit-template.iphone.safari .prdList ul li .pd strong {
		word-break: break-all;
	}
	.prdList ul li .pd .txt {
		padding-top: 20%;
		display: block;
	}
	.prdList ul li .pd dl {
		gap: calc(8 / 780 * 100vw) calc(8 / 720 * 100vw);
		padding-top: calc(16 / 720 * 100vw);
	}
	.prdList ul li .pd dl dt {
		font-size: calc(24 / 720 * 100vw);
	}
	.prdList ul li .pd dl dd {
		font-size: calc(20 / 720 * 100vw);
	}
	.prdList ul li .pd dl dd.lastPrice em {
		font-size: calc(28 / 720 * 100vw);
	}
	.prdList ul .typeBtn {
		gap: calc(16 / 780 * 100vw);
		padding-top: calc(16 / 780 * 100vw);
	}
	.prdList ul .typeBtn a {
		gap: calc(14 / 780 * 100vw);
		height: calc(54 / 780 * 100vw);
		font-size: calc(22 / 780 * 100vw);
		border-radius: calc(12 / 780 * 100vw);
	}
	.prdList ul .typeBtn a::after {
		width: calc(9 / 780 * 100vw);
		height: calc(18 / 780 * 100vw);
	}
	.prdList ul.careCase li .careItem {
		margin-top: calc(8 / 780 * 100vw);
		border-radius: calc(12 / 780 * 100vw);
	}
	.prdList ul.careCase li .careItem dt {
		gap: calc(14 / 780 * 100vw);
		height: calc(54 / 780 * 100vw);
		font-size: calc(22 / 780 * 100vw);
	}
	.prdList ul.careCase li .careItem dt::after {
		width: calc(18 / 780 * 100vw);
		height: calc(10 / 780 * 100vw);
	}
	.prdList ul.careCase li .careItem.active dd {
		padding: 0 calc(24 / 780 * 100vw);
	}
	.prdList ul.careCase li .careItem.active dd span {
		min-height: calc(80 / 780 * 100vw);
		padding-top: calc(10 / 780 * 100vw);
		font-size: calc(19 / 780 * 100vw);
	}

	.prdList.interior ul li {
		width: calc(460 / 780 * 100vw);
	}
	.prdList.interior ul li .badge {
		padding: 0 calc(24 / 780 * 100vw);
	}
	.prdList.interior ul li .pcImg {
		margin-bottom: calc(24 / 780 * 100vw);
	}
	.prdList.interior ul li .pd .txt {
		display: block;
		padding: 0 calc(24 / 780 * 100vw);
	}
	.prdList.interior ul li .pd strong {
		font-size: calc(28 / 780 * 100vw);
	}
	.prdList.interior ul li .pd dl dd {
		font-size: calc(28 / 780 * 100vw);
	}
	.prdList.interior ul li .pd dl dd.lastPrice em {
		font-size: calc(28 / 780 * 100vw);
	}
	.prdList.interior ul li .pd dl dd:nth-child(2) {
		flex: 0 1 22%;
	}
	.prdList.interior ul li .pd dl dd:nth-child(4) {
		flex: 0 1 64%;
	}
	.prdList.interior ul .typeBtn {
		padding: calc(16 / 780 * 100vw) calc(24 / 780 * 100vw) 0;
	}
	.prdList.interior ul.careCase li .pd dl dd:nth-child(2) {
		flex: 1 0 100%;
	}
	.prdList.interior ul.careCase li .pd dl dd:nth-child(4) {
		flex: 1 0 50%;
	}
	.prdList.interior ul.careCase li .pd dl dd.lastPrice {
		flex: 1 0 50%;
	}
	.prdList.interior ul.careCase li .careItem {
		width: calc(100% - calc(48 / 780 * 100vw));
		margin: calc(8 / 780 * 100vw) calc(24 / 780 * 100vw) 0;
	}

	.skeleton .pd strong {
		padding-bottom: calc(33 / 780 * 100vw) !important;
	}
	.skeleton .pd strong em i {
		width: 50%;
	}
	.skeleton .pd dl {
		gap: calc(16 / 780 * 100vw) calc(8 / 780 * 100vw) !important;
	}

	.prdList ul li.soldout::before {
		background-size: calc(176 / 780 * 100vw);
	}
	.prdList ul li.soldoutAll::before {
		background-size: calc(176 / 780 * 100vw);
	}
	.prdList ul li .typeBtn a.soldout::before {
		font-size: calc(22 / 780 * 100vw);
	}
}

/* pc/mo 모두 가로 버전 */

.prdList--landscape ul {
	display: flex;
	flex-wrap: wrap;
	gap: 62px 48px;
	width: 100%;
	max-width: initial;
	min-height: 304px;
}

.prdList--landscape ul li {
	width: 100%;
	max-width: none;
}

.prdList--landscape-1row {
	width: 100%;
}

.prdList--landscape-1row ul li {
	width: 100%;
}

.prdList--landscape ul li ~ li {
	margin-top: 0;
}
.prdList--landscape ul li .pd {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 0 0 224px;
	/* min-height: 167px; */
}
.prdList--landscape ul li .pd .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	margin-bottom: 0;
	min-height: 304px;
}
.prdList--landscape ul li .img::before {
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	width: 40px;
	height: 40px;
	content: '';
	background-size: 40px;
}
.prdList--landscape ul li .pd .img img {
	max-height: 200px;
}
.prdList--landscape ul li .badge {
	width: calc(100% - 224px);
	margin-left: 224px;
}
.prdList--landscape ul li .typeBtn {
	margin-left: 186px;
}
.prdList--landscape ul li .careItem {
	margin-left: 190px;
}
/* // Case2 : 글씨 높이 만큼만 클릭 (이미지 영역 글자에 따라 다름) */
.prdList--landscape ul li .pd dl dd:nth-child(2) {
	flex: 0 1 auto;
}
.prdList--landscape ul li .pd dl dd:nth-child(4) {
	flex: 0 1 60%;
}
.prdList--landscape ul li .pd dl dd.lastPrice {
	flex: 1 0 50%;
}
.prdList--landscape ul.careCase li .pd dl dd:nth-child(2) {
	flex: 0 1 100%;
}
.prdList--landscape ul.careCase li .pd dl dd:nth-child(4) {
	flex: 1 0 50%;
}
.prdList--landscape ul.careCase li .pd dl dd.lastPrice {
	flex: 1 0 50%;
}
.prdList--landscape ul li.soldout::before {
	background-size: 120px;
}
.prdList--landscape ul li.soldoutAll::before {
	background-size: 120px;
}

@container article-area (max-width: 999px) {
	.prdList--landscape ul {
		gap: calc(64 / 999 * 100vw) calc(48 / 999 * 100vw);
	}
}

@media screen and (max-width: 767px) {
	/*  Case1 : 글씨 영역만 클릭 (이미지 영역 클릭 X)
    .prdList--landscape ul li {padding:0 0 0 calc(244 / 760* 100vw); min-height:calc(220 / 760* 100vw);}
    .prdList--landscape ul li .pd .img {width:calc(220 / 760* 100vw);}
    .prdList--landscape ul li .pd .img img {max-height:calc(160 / 760* 100vw);} */
	/* Case2 : 글씨 높이 만큼만 클릭 (이미지 영역 글자에 따라 다름) */

	.prdList--landscape ul {
		gap: calc(40 / 780 * 100vw);
	}
	.prdList--landscape ul li {
		width: 100%;
		min-height: calc(220 / 780 * 100vw);
		overflow: hidden;
	}
	.prdList--landscape ul li ~ li {
		/* margin-top: calc(32 / 780 * 100vw); */
	}
	.prdList--landscape ul li .pd {
		padding: 0 0 0 calc(224 / 720 * 100vw);
	}
	.prdList--landscape ul li .pd dl dd:nth-child(4) {
		flex: 0 1 57%;
	}
	.prdList--landscape ul li .pd .img {
		width: calc(200 / 720 * 100vw);
	}
	.prdList--landscape ul li .pd .img img {
		max-height: calc(200 / 780 * 100vw);
	}

	.prdList--landscape.prdList_height300 ul li .pd .img img {
		max-height: calc(300 / 780 * 100vw);
	}

	.prdList--landscape ul li .typeBtn {
		margin-left: calc(244 / 780 * 100vw);
	}
	.prdList--landscape ul li .careItem {
		margin-left: calc(244 / 780 * 100vw);
	}
	.prdList--landscape ul li .badge {
		width: calc(100% - 224px);
		margin-left: calc(224 / 720 * 100vw);
	}
	.prdList--landscape ul li.soldout::before {
		background-size: calc(156 / 780 * 100vw);
	}
	.prdList--landscape ul li.soldoutAll::before {
		background-size: calc(156 / 780 * 100vw);
	}
}

/* // pc/mo 모두 가로 버전 */

/* // API 제품목록 */

/* main KV */
.event-benefit-template .main-kv-video {
	width: 100%;
}
/* // main KV */

.pc {
	display: block;
}
.mo {
	display: none;
}
@media screen and (max-width: 767px) {
	.pc {
		display: none;
	}
	.mo {
		display: block;
	}
}
/* sticky tab */
.event-benefit-template .content-wrap .tab_wrap {
	position: sticky;
	z-index: 20;
	top: 0;
	left: 0;
	right: 0;
	backface-visibility: hidden;
	transform: translateZ(0);
	will-change: transform;
}

.event-benefit-template .content-wrap .tab_wrap::before {
	position: absolute;
	content: ' ';
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, 0.2);
	left: 0;
	bottom: 0;
}

.event-benefit-template .tab_wrap .tab_inner {
	display: flex;
	background-color: #fff;
	justify-content: center;
}

.event-benefit-template .tab_wrap .tab_inner ul {
	display: flex;
	width: 100%;
	height: 62px;
	overflow-x: auto;
}

.event-benefit-template .tab_wrap .tab_inner li {
	position: relative;
	width: 50%;
}

.event-benefit-template .tab_wrap .tab_inner li::before {
	content: ' ';
	width: 100%;
	height: 4px;
	background-color: #ea1917;
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
}

.event-benefit-template .tab_wrap .tab_inner li a {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	width: max-content;
	text-align: center;
	font-family: 'Pretendard';
	font-size: 20px;
	line-height: 140%;
	letter-spacing: -0.04em;
	margin: 0 auto;
	color: #333;
	font-weight: 600;
	min-width: 100%;
	justify-content: center;
}

.event-benefit-template .tab_wrap .tab_inner li.active::before {
	display: block;
}
.event-benefit-template .tab_wrap .tab_inner li.active a {
	font-weight: 600;
	color: #ea1917;
}

@container article-inner-area (max-width: 999px) {
	.event-benefit-template .tab_wrap .tab_inner li a {
		padding: 0 calc(40 / 999 * 100vw);
		font-size: 20px;
	}
}

@media screen and (max-width: 767px) {
	.event-benefit-template .content-wrap .tab_wrap {
		top: 56px;
	}

	.header.helloBar ~ .container .event-benefit-template .content-wrap .tab_wrap {
		top: 98px;
	}

	.event-benefit-template .tab_wrap .tab_inner ul {
		height: calc(100 / 720 * 100vw);
	}

	.event-benefit-template .tab_wrap .tab_inner li a {
		padding: 0 calc(32 / 720 * 100vw);
		color: #333;
		text-align: center;
		font-size: calc(28 / 720 * 100vw);
		font-weight: 500;
		line-height: 1.4;
		letter-spacing: calc(-1.12em / 28);
	}
	.article_02_btn01 {
		position: absolute;
		width: 73.6%;
		height: 2.4%;
		top: 48%;
		left: 13.2%;
	}

	.article_02_btn02 {
		position: absolute;
		width: 73.6%;
		height: 2.4%;
		top: 95.1%;
		left: 13.2%;
	}
	.article_03_btn01 {
		position: absolute;
		width: 87.2%;
		height: 6.8%;
		top: 88.8%;
		left: 6.2%;
	}
}
/* // sticky tab */

.event-benefit-template .article__inner_full {
	padding: 0;
}

.contents_flex_box {
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 48px;
}

.contents_flex_box li {
	width: calc(50% - 10px);
	margin-bottom: 0.5%;
}

.contents_flex_box li > img {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
}

.house_hold_slide {
	max-width: 980px;
	margin: 0 auto;
	position: relative;
}

.house_hold_slide .swiper-pagination {
	position: absolute !important;
	gap: 8px !important;
	top: calc(20 / 720 * 100vw) !important;
	z-index: 2;
	margin: 0 calc(48 / 720 * 100vw) !important;
	width: calc(100% - (96 / 720 * 100vw)) !important;
	padding: 0 !important;
}

.house_hold_slide .swiper-pagination .swiper-pagination-bullet {
	width: calc(100% / 4) !important;
	height: calc(4 / 720 * 100vw) !important;
	margin: 0 !important;
	border-radius: 0 !important;
	background-color: rgba(255, 255, 255, 0.2) !important;
}

.house_hold_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: calc(4 / 100%);
	background-color: rgba(255, 255, 255, 1) !important;
}

/* text switching tab */
.tab_wrap2 [role='tablist'] {
	display: flex;
	column-gap: 32px;
}
.tab_wrap2 [role='tab'] {
	display: flex;
	padding: 0 0 28px 0;
}
.tab_wrap2 [role='tab'] span {
	color: #696969;
	font-size: 20px;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: -0.8px;
}
.tab_wrap2 [role='presentation'].active span {
	color: #ff0004;
	font-weight: 600;
}

.tab_wrap2 .tab_inner {
	max-width: 1000px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.tab_wrap2 [role='tablist'] {
		margin: 0 0 calc(30 / 720 * 100vw);
		padding: 0 calc(48 / 720 * 100vw);
		column-gap: calc(32 / 720 * 100vw);
		overflow-x: auto;
	}
	.tab_wrap2 [role='tab'] {
		display: flex;
		padding: 0;
		margin: 0;
	}
	.tab_wrap2 [role='tab'] span {
		font-size: calc(28 / 720 * 100vw);
		white-space: nowrap;
	}
}
/* // text switching tab */

/* small tab */
.tabArea .tab_inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 0 24px;
}
.tabArea .tab_inner ul {
	width: 100%;
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
	white-space: nowrap;
	overflow-x: hidden;
}
.tabArea .tab_inner li {
	position: relative;
	height: 48px;
	border: 1px solid #404040;
	border-radius: 32px;
	background-color: transparent;
	transition: background-color 0.3s;
}
.tabArea .tab_inner li a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 30px;
	height: 100%;
	font-weight: 500;
	font-size: 24px;
	line-height: 120%;
	color: #2e2e33;
	letter-spacing: -0.04em;
}
.tabArea .tab_inner li.active {
	border-color: #2e2e33;
	background-color: #1a1a1a;
}
.tabArea .tab_inner li.active a {
	color: #fff;
}
@media screen and (max-width: 767px) {
	.tabArea .tab_inner {
		padding: 0 0 calc(40 / 720 * 100vw);
	}

	.tabArea .tab_inner ul {
		gap: calc(18 / 720 * 100vw);
		padding: 3px 0;
		flex-wrap: nowrap;
		overflow-x: auto;
	}

	.tabArea .tab_inner li {
		height: auto;
	}

	.tabArea .tab_inner li a {
		padding: calc(16 / 720 * 100vw) calc(24 / 720 * 100vw);
		font-size: calc(28 / 720 * 100vw);
		font-weight: 500;
		line-height: 1.1428;
	}
}
.tab_container .tab_con {
	display: none;
	max-width: 1020px;
	margin: 0 auto;
}
.tab_container .tab_con:focus {
	outline: none;
}
.tab_container .tab_con:focus-visible {
	outline-offset: -3px;
}

.tab_container .tab_con.active {
	display: block;
}
/* // small tab */

/* KV */
.main-kv {
	position: relative;
}

.main-kv__img {
	width: 100%;
}
/* // KV */

/* // 튤팁 */
.toggle_box {
	background-color: #fff;
	text-align: center;
	margin-bottom: 80px;
}
.toggle_box img {
	display: block;
	margin: 0 auto;
}

.toggle_box .toggle_close {
	display: block;
}

.toggle_box .toggle_open {
	display: none;
}

.toggle_box .toggle_cont {
	display: none;
	background-color: #fff;
	padding-top: 24px;
}

.toggle_box .toggle_cont img {
	max-width: 1000px !important;
	margin: 0 auto;
}

.toggle_box .toggle_btn {
	cursor: pointer;
	display: inline-block;
}

.toggle_box.on .toggle_close {
	display: none;
}

.toggle_box.on .toggle_open {
	display: block;
}

.toggle_box.on .toggle_cont {
	display: block;
}

/* 메인컨텐츠 시작 */

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

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

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

.article_01 {
	position: relative;
	background-color: #f8f7f5;
}

.article_01 .cont02 {
	margin-top: 80px;
}

.article_02_slider {
	margin-top: 64px;
}

.event-benefit-template .swiper-container .swiper-pagination-bullets {
	padding: 0;
	margin-bottom: 64px;
	max-width: 720px;
	width: 100%;
	height: 78px;
	border: 1px solid #dbdcdf;
	margin: 0 auto 64px;
	border-radius: 64px;
	padding: 8px;
	gap: 0;
}

.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
	width: calc(100% / 3);
	height: 100%;
}
.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet,
.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: transparent;
}

.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1) {
	background: url(/kr/event/2025/09/01_washcombo/images/swiper_pager_01.png) center/cover no-repeat;
}

.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2) {
	background: url(/kr/event/2025/09/01_washcombo/images/swiper_pager_02.png) center/cover no-repeat;
}

.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3) {
	background: url(/kr/event/2025/09/01_washcombo/images/swiper_pager_03.png) center/cover no-repeat;
}

.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active {
	background: url(/kr/event/2025/09/01_washcombo/images/swiper_pager_on_01.png) center/cover no-repeat;
}

.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active {
	background: url(/kr/event/2025/09/01_washcombo/images/swiper_pager_on_02.png) center/cover no-repeat;
}

.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active {
	background: url(/kr/event/2025/09/01_washcombo/images/swiper_pager_on_03.png) center/cover no-repeat;
}

.kakao_wrap img {
	max-width: 100%;
}
.kakao_wrap .benefit {
	position: absolute;
	top: 36%;
	width: 72.5%;
	left: 50%;
	transform: translateX(-50%);
	height: 44%;
	background: rgba(255, 0, 0, 0);
	z-index: 3;
}
.kakao_wrap .kakao {
	position: absolute;
	top: 68.6%;
	width: 35.5%;
	left: 50.7%;
	height: 11%;
	background: rgba(255, 0, 0, 0);
	z-index: 4;
}

@media screen and (max-width: 767px) {
	.event-benefit-template .swiper-wrapper {
		height: auto;
	}

	.article_02 .c-title {
		padding: 0 calc(48 / 720 * 100%);
		margin-bottom: calc(64 / 720 * 100%);
	}

	.article_01 .cont02 {
		margin-top: calc(96 / 720 * 100vw);
	}

	.article_02_slider {
		margin-top: calc(48 / 720 * 100vw);
	}

	.event-benefit-template .swiper-container .swiper-pagination-bullets {
		padding: 0;
		max-width: calc(624 / 720 * 100vw);
		width: 100%;
		height: calc(90 / 720 * 100vw);
		border: 1px solid #dbdcdf;
		margin: 0 auto calc(36 / 720 * 100vw);
		border-radius: calc(80 / 720 * 100vw);
		padding: calc(8 / 720 * 100vw);
	}

	.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
		width: calc(100% / 3);
		height: 100%;
	}
	.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet,
	.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
		background-color: transparent;
	}

	.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1) {
		background: url(/kr/event/2025/09/01_washcombo/images/swiper_pager_01_m.png) center/100% no-repeat;
	}

	.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2) {
		background: url(/kr/event/2025/09/01_washcombo/images/swiper_pager_02_m.png) center/100% no-repeat;
	}

	.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3) {
		background: url(/kr/event/2025/09/01_washcombo/images/swiper_pager_03_m.png) center/100% no-repeat;
	}

	.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active {
		background: url(/kr/event/2025/09/01_washcombo/images/swiper_pager_on_01_m.png) center/100% no-repeat;
	}

	.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active {
		background: url(/kr/event/2025/09/01_washcombo/images/swiper_pager_on_02_m.png) center/100% no-repeat;
	}

	.event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active {
		background: url(/kr/event/2025/09/01_washcombo/images/swiper_pager_on_03_m.png) center/100% no-repeat;
	}

	.kakao_wrap {
		max-width: 100%;
	}
	.shinhancard_wrap {
		max-width: 100%;
	}
	.shinhancard_wrap .benefit {
		position: absolute;
		top: 13%;
		width: 90%;
		left: 50%;
		transform: translateX(-50%);
		height: 75%;
		background: rgba(255, 0, 0, 0);
		z-index: 3;
	}
	.kakao_wrap .benefit {
		position: absolute;
		top: 34%;
		width: 90%;
		left: 50%;
		transform: translateX(-50%);
		height: 50%;
		z-index: 3;
	}
	.kakao_wrap .kakao {
		position: absolute;
		top: 64.7%;
		width: 43%;
		left: 51.1%;
		height: 18.3%;
		z-index: 4;
	}

	/* // 튤팁 */
	.toggle_box {
		background-color: transparent;
		margin-bottom: calc(80 / 720 * 100vw);
	}

	.toggle_box .toggle_cont {
		padding: calc(48 / 720 * 100vw) calc(48 / 720 * 100vw) 0;
	}

	.toggle_box .toggle_btn {
		margin-bottom: -3px;
		width: calc(152 / 720 * 100vw);
	}
}

.event-benefit-template .tab-ui-wrap {
	position: relative;
	left: 50%;
	max-width: 1000px;
	transform: translateX(-50%);
}

.event-benefit-template .tab-ui-wrap .tab-menu {
	display: flex;
	padding: 0 5px;
	margin-bottom: 4%;
	list-style: none;
	background-color: #fff;
	border-radius: 100px;
}
.event-benefit-template .tab-ui-wrap .tabItem {
	width: 345px;
	height: 84px;
	padding: 10px 20px;
	cursor: pointer;
	background-color: #e0e0e0;
	border-radius: 5px;
	transition: background-color 0.3s;
}
.event-benefit-template .tab-ui-wrap .tab-menu .tabItem:nth-child(1) {
	background: url(/kr/event/2025/09/01_single_household/images/tab-02-01.png) no-repeat 100% / 100%;
}
.event-benefit-template .tab-ui-wrap .tab-menu .tabItem:nth-child(2) {
	background: url(/kr/event/2025/09/01_single_household/images/tab-02-02.png) no-repeat 100% / 100%;
}
.event-benefit-template .tab-ui-wrap .tab-menu .tabItem:nth-child(3) {
	background: url(/kr/event/2025/09/01_single_household/images/tab-02-03.png) no-repeat 100% / 100%;
}
.event-benefit-template .tab-ui-wrap .tab-menu .tabItem:nth-child(1).active {
	background: url(/kr/event/2025/09/01_single_household/images/tab-01-01.png) no-repeat 100% / 100%;
}
.event-benefit-template .tab-ui-wrap .tab-menu .tabItem:nth-child(2).active {
	background: url(/kr/event/2025/09/01_single_household/images/tab-01-02.png) no-repeat 100% / 100%;
}
.event-benefit-template .tab-ui-wrap .tab-menu .tabItem:nth-child(3).active {
	background: url(/kr/event/2025/09/01_single_household/images/tab-01-03.png) no-repeat 100% / 100%;
}
.event-benefit-template .tab-ui-wrap .imageContainer .toggleImage img {
	cursor: pointer;
	border-radius: 20px 20px 0 0;
}

.event-benefit-template .tab-ui-wrap .toggleItem {
	cursor: pointer;
	background-color: #f0f0f0;
	transition: background-color 0.3s;
}
.event-benefit-template .tab-ui-wrap .toggleImage {
	display: none;
}
.event-benefit-template .tab-ui-wrap .toggleImage.active {
	display: block;
}
.event-benefit-template .tab-ui-wrap .toggle-section .toggleItem.active {
	position: relative;
	max-width: 1000px;
	height: 159px;
}
.event-benefit-template .tab-ui-wrap .toggle-section .toggleItem {
	position: relative;
	max-width: 1000px;
	height: 142px;
}
@media screen and (max-width: 767px) {
	.event-benefit-template .tab-ui-wrap {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	.event-benefit-template .tab-ui-wrap .toggle-section .toggleItem.active {
		position: relative;
		width: 100%;
		height: calc(203 / 720 * 100vw);
	}
	.event-benefit-template .tab-ui-wrap .toggle-section .toggleItem {
		position: relative;
		width: calc(624 / 720 * 100vw);
		height: calc(117 / 720 * 100vw);
	}

	.event-benefit-template .tab-ui-wrap #section8 .toggle-section .toggleItem.active {
		position: relative;
		width: 100%;
		height: calc(256 / 720 * 100vw);
	}
	.event-benefit-template .tab-ui-wrap #section8 .toggle-section .toggleItem {
		position: relative;
		width: calc(624 / 720 * 100vw);
		height: calc(170 / 720 * 100vw);
	}

	.event-benefit-template .tab-ui-wrap section + section {
		margin-top: calc(24 / 720 * 100vw);
	}

	.event-benefit-template .tab-ui-wrap section {
		box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
		border-radius: 20px;
		overflow: hidden;
		margin-top: 2%;
	}

	.event-benefit-template .accordian_box {
		padding-bottom: calc(80 / 720 * 100vw);
		margin: 0 calc(48 / 720 * 100vw);
	}

	.event-benefit-template .tab-ui-wrap .toggle-section .toggleItem {
		background: url(/kr/event/2025/09/01_single_household/images/card02-01-mo.png) no-repeat center 100% / 100%;
	}
	.event-benefit-template .tab-ui-wrap #section2 .toggle-section .toggleItem {
		background: url(/kr/event/2025/09/01_single_household/images/card02-02-mo.png) no-repeat center 100% / 100%;
	}
	.event-benefit-template .tab-ui-wrap #section3 .toggle-section .toggleItem {
		background: url(/kr/event/2025/09/01_single_household/images/card02-03-mo.png) no-repeat center 100% / 100%;
	}
	.event-benefit-template .tab-ui-wrap #section4 .toggle-section .toggleItem {
		background: url(/kr/event/2025/09/01_single_household/images/card02-04-mo.png) no-repeat center 100% / 100%;
	}
	.event-benefit-template .tab-ui-wrap #section5 .toggle-section .toggleItem {
		background: url(/kr/event/2025/09/01_single_household/images/card02-05-mo.png) no-repeat center 100% / 100%;
	}
	.event-benefit-template .tab-ui-wrap #section6 .toggle-section .toggleItem {
		background: url(/kr/event/2025/09/01_single_household/images/card02-06-mo.png) no-repeat center 100% / 100%;
	}
	.event-benefit-template .tab-ui-wrap #section7 .toggle-section .toggleItem {
		background: url(/kr/event/2025/09/01_single_household/images/card02-07-mo.png) no-repeat center 100% / 100%;
	}
	.event-benefit-template .tab-ui-wrap #section8 .toggle-section .toggleItem {
		background: url(/kr/event/2025/09/01_single_household/images/card02-08-mo.png) no-repeat center 100% / 100%;
	}
	.event-benefit-template .tab-ui-wrap #section9 .toggle-section .toggleItem {
		background: url(/kr/event/2025/09/01_single_household/images/card02-09-mo.png) no-repeat center 100% / 100%;
	}
	.event-benefit-template .tab-ui-wrap #section10 .toggle-section .toggleItem {
		background: url(/kr/event/2025/09/01_single_household/images/card02-10-mo.png) no-repeat center 100% / 100%;
	}
	.event-benefit-template .tab-ui-wrap #section11 .toggle-section .toggleItem {
		background: url(/kr/event/2025/09/01_single_household/images/card02-11-mo.png) no-repeat center 100% / 100%;
	}
	.event-benefit-template .tab-ui-wrap #section12 .toggle-section .toggleItem {
		background: url(/kr/event/2025/09/01_single_household/images/card02-12-mo.png) no-repeat center 100% / 100%;
	}
	.event-benefit-template .tab-ui-wrap #section1 .toggle-section .toggleItem.active {
		background: url(/kr/event/2025/09/01_single_household/images/card01-01-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap #section2 .toggle-section .toggleItem.active {
		background: url(/kr/event/2025/09/01_single_household/images/card01-02-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap #section3 .toggle-section .toggleItem.active {
		background: url(/kr/event/2025/09/01_single_household/images/card01-03-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap #section4 .toggle-section .toggleItem.active {
		background: url(/kr/event/2025/09/01_single_household/images/card01-04-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap #section5 .toggle-section .toggleItem.active {
		background: url(/kr/event/2025/09/01_single_household/images/card01-05-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap #section6 .toggle-section .toggleItem.active {
		background: url(/kr/event/2025/09/01_single_household/images/card01-06-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap #section7 .toggle-section .toggleItem.active {
		background: url(/kr/event/2025/09/01_single_household/images/card01-07-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap #section8 .toggle-section .toggleItem.active {
		background: url(/kr/event/2025/09/01_single_household/images/card01-08-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap #section9 .toggle-section .toggleItem.active {
		background: url(/kr/event/2025/09/01_single_household/images/card01-09-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap #section10 .toggle-section .toggleItem.active {
		background: url(/kr/event/2025/09/01_single_household/images/card01-10-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap #section11 .toggle-section .toggleItem.active {
		background: url(/kr/event/2025/09/01_single_household/images/card01-11-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap #section12 .toggle-section .toggleItem.active {
		background: url(/kr/event/2025/09/01_single_household/images/card01-12-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap .tab-menu {
		position: relative;
		left: 50%;
		display: flex;
		max-width: calc(624 / 720 * 100vw);
		max-height: calc(108 / 720 * 100vw);
		padding: calc(8 / 720 * 100vw);
		margin-bottom: calc(36 / 720 * 100vw);
		list-style: none;
		background-color: #fff;
		border-radius: 100px;
		transform: translateX(-50%);
	}
	.event-benefit-template .tab-ui-wrap .tabItem {
		width: calc(202 / 720 * 100vw);
		height: calc(92 / 720 * 100vw);
		padding: calc(10 / 720 * 100vw) calc(20 / 720 * 100vw);
		cursor: pointer;
		background-color: #e0e0e0;
		border-radius: 5px;
		transition: background-color 0.3s;
	}
	/* .event-benefit-template .tab-ui-wrap .tab-menu .tabItem:nth-child(1) {
		background: url(/kr/event/2025/09/01_single_household/images/tab-02-01-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap .tab-menu .tabItem:nth-child(2) {
		background: url(/kr/event/2025/09/01_single_household/images/tab-02-02-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap .tab-menu .tabItem:nth-child(3) {
		background: url(/kr/event/2025/09/01_single_household/images/tab-02-03-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap .tab-menu .tabItem:nth-child(1).active {
		background: url(/kr/event/2025/09/01_single_household/images/tab-01-01-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap .tab-menu .tabItem:nth-child(2).active {
		background: url(/kr/event/2025/09/01_single_household/images/tab-01-02-mo.png) no-repeat center / 100% 100%;
	}
	.event-benefit-template .tab-ui-wrap .tab-menu .tabItem:nth-child(3).active {
		background: url(/kr/event/2025/09/01_single_household/images/tab-01-03-mo.png) no-repeat center / 100% 100%;
	} */
	.event-benefit-template .tab-ui-wrap .imageContainer .toggleImage img {
		width: 100%;
		max-width: calc(624 / 720 * 100vw) !important;
		border-radius: 20px 20px 0 0;
	}
}