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

.pc {
	display: block;
}
.pc_br {
	display: block;
}
.mo {
	display: none;
}
.mo_br {
	display: none;
}
.event-benefit-template .relative-area {
    position: relative;
}
@media screen and (max-width: 767px) {
	.pc {
		display: none;
	}
	.mo {
		display: block;
	}
	.pc_br {
		display: none;
	}
	.mo_br {
		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: 2px;
	background: #E6E1D6;
	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: 54px;
	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: 2px;
	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: 18px;
	line-height: 140%;
	letter-spacing: -0.04em;
	margin: 0 auto;
	color: #505050;
	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: 55px;
	}

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

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

	.event-benefit-template .tab_wrap .tab_inner li a {
		padding: 0 calc(32 / 720 * 100vw);
		color: #505050;
		text-align: center;
		font-size: calc(28 / 720 * 100vw);
		font-weight: 500;
		line-height: 1.4;
		letter-spacing: calc(-1.12em / 28);
	}
}
/* // sticky tab */

/* 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 */

/* 메인컨텐츠 시작 */

.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, .article_02, .article_04, .article_05{
	position: relative;
}
.c-button__item{position: absolute; top: 35.34%; left: 52.4%; width: 32.1%; height: 1.95%; }
.benefits02_link01, .benefits02_link02{
	position: absolute; left: 35.2%; width: 29.6%; height: 1.95%; 
}
.benefits02_link01{
	top: 74.96%;
}
.benefits02_link02{
	top: 94.56%;
}
.gramai_box04{
	padding-top: 80px;
}
.gramai_box05{
	padding: 80px 0 20px;
}
.gramai_box06{
	margin-bottom: 40px;
}
.gramai_box06 picture, .gramai_box07 picture, .gramai_box08 picture{
	display: inline-block;
}
.gramai_box08{padding: 40px 0 80px;}
.gramai-swiper{margin: 24px auto 0; max-width: 1074px; position: relative; }
.gramai-swiper .swiper-container{max-width: 914px;}

.gramai_link01, .gramai_link02, .gramai_link03{position: absolute; left: 41%; height: 2.4%; width: 18.2%; }
.gramai_link01{top: 33.44%;}
.gramai_link02{top: 65.13%;}
.gramai_link03{top: 92.3%;}

.swiper_btn_wrap button{opacity: 0.4;}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{font-size: 0;}

#popup img{width: 100%;}

.article_04 .video-container{position: absolute; top: 7.1%; left: 20.65%; width: 58.7%; height: 14.75%;}
.article_04 .video-container video{width: 100%; height: 100%; object-fit: inherit;}

@media screen and (max-width: 767px) {
	.c-button__item{top: 41.34%; left: 11.4%; width: 77.1%;}
	.benefits02_link01, .benefits02_link02{left: 11.2%; width: 77.6%;}
	.benefits02_link01{top: 75.96%;}
	.benefits02_link02{top: 96.56%;}

	.gramai_box04{padding-top:0;}
	.gramai_box05{padding:0 0 calc(40/720*100vw);}
	.gramai_box06{margin-bottom: calc(40/720*100vw);}
	.gramai_box06 button{width: calc(276/720*100vw);}
	.gramai_box07{padding: 0 calc(32/720*100vw);}
	.gramai_box08{padding: calc(80/720*100vw) 0 calc(80/720*100vw);}
	.gramai_box08 .swiper_btn_wrap{display: none;}
	.gramai-swiper{max-width: 100%; padding-left: calc(32/720*100vw); margin: calc(40/720*100vw) 0 0;}

	.gramai_link01, .gramai_link02, .gramai_link03{left: 32%; width: 36.2%; height: 3%;}
	.gramai_link02{top:66.13%;}
	.gramai_link03{top:93.3%;}

	.article_04 .video-container{top: 7.1%; left: 6.5%; width: 87%; height: 8.47%;}
}



.coupon_area .pc{position: relative;}
.coupon_area .pc a, .coupon_area .pc button{position: absolute; bottom: 0; width: 24%; height: 8.5%;}
.coupon_area .pc button{left: 25.4%;}
.coupon_area .pc a{left:50.7%;}

@media screen and (max-width: 767px) {
    .coupon_area{padding: calc(64/720*100vw) calc(48/720*100vw); background: #F7F7F7; overflow: hidden;}
    .coupon_area .mobile{position: relative;}
    .event_coupon_slide{margin-top: calc(30/720*100vw);}
    .event_coupon_slide .swiper-container{overflow:visible; padding-bottom: calc(0/720*100vw);}
    .event_coupon_slide .swiper-container .swiper-slide{padding-right: calc(24/720*100vw); }
    
    .event_coupon_btn{position: relative; margin-top: calc(40/720*100vw);}
    .event_coupon_btn button,
    .event_coupon_btn a{position: absolute; height: 100%; width: 49%; bottom: 0;}
    .event_coupon_btn button{left: 0;}
    .event_coupon_btn a{left: 51%;}
                                                                                                                    
}



.event-benefit-template .cont-wrap  {padding-bottom: 0px !important;}

.tab_body    {position: relative; width:100%; margin:0 auto;} 
.tab_container   {position: sticky; top: 0; left: 0; display:flex; width:100%; height: 56px; justify-content:center;transition: all 0.2s; opacity: 1; z-index: 90; } 
.tab_container li  {display: flex; justify-content: center; align-items: center; width:100%; height: 100%;} 
.tab_container li a.active  {border-bottom: 4px solid #EA1917; color: #EA1917; font-weight: 500;}
.tab_container li a   {display: flex; width:100%; height: 100%; color: #505050; background-color:white; justify-content: center; align-items: center; font-size: 18px; border-bottom: 4px solid white; box-sizing: border-box;} 


.tab_contents   {position: relative;}
.tab_container li a span   {
    pointer-events: none;
}

.event-benefit-template img{display: inline-block;}

#eventPlan-sec01 section    {position: relative;}
.eventPlan-sec01    {background: #FFF6E9;}
.eventPlan-sec02    {background: #FFF6E9;}
.eventPlan-sec03    {background: #FDEFDB;}
.eventPlan-sec04    {background: #FFF6E9;}

.eventPlan-tit {padding: 64px 0 48px;}

.swiper-slide   {background: no-repeat;}

.eventPlan-sec1-video-wrap{display:flex;position:relative;column-gap:32px;max-width: 1000px;margin: 0 auto;}
.eventPlan-sec1-video-wrap .swiper-container{max-width: 808px; background-color:#FBEFDD;}
.eventPlan-sec1-video-wrap .swiper-pagination-bullets{position: relative;display: flex;row-gap: 12px;top: 0;left: 0;width: fit-content;flex-direction: column;align-self: flex-start;padding-top: 0;}
.eventPlan-sec1-video-wrap .swiper-pagination-bullets .swiper-pagination-bullet {display: block;width: 160px !important;height: 105px !important;border-radius: 16px !important;opacity: 1; filter: brightness(0.8);}
.eventPlan-sec1-video-wrap .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(1){background: url('/kr/event/2025/10/13_kimchi_refrigerator/images/video_thimb04.png') center/cover no-repeat; margin-left: 0;}
.eventPlan-sec1-video-wrap .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(2){background: url('/kr/event/2025/10/13_kimchi_refrigerator/images/video_thimb01.png') center/cover no-repeat;}
.eventPlan-sec1-video-wrap .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(3){background: url('/kr/event/2025/10/13_kimchi_refrigerator/images/video_thimb02.png') center/cover no-repeat;}
.eventPlan-sec1-video-wrap .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(4){background: url('/kr/event/2025/10/13_kimchi_refrigerator/images/video_thimb03.png') center/cover no-repeat;margin-right: 0;}
.eventPlan-sec1-video-wrap .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid red; filter: brightness(1);}

.eventPlan-sec1-video-wrap .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active  {}
.eventPlan-sec1-video-wrap .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active  {}
.eventPlan-sec1-video-wrap .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active  {}
.eventPlan-sec1-video-wrap .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active  {}

.eventplan_video_box.main video {max-width: 100%; max-height: fit-content;}

.eventPlan-sec1-video-wrap video{width: 100%;max-width: 255px;border-radius: 16px;}

.eventPlan-sec2-slide-area  {position: relative; max-width: 1000px; width: 100%; height: auto; margin: 0 auto;}
.eventPlan-sec2-slide-area .swiper-container    {padding-bottom: 64px;}
.eventPlan-sec2-slide-area .swiper-container .swiper_pa_wrap  {display: flex; justify-content: center; align-items: center; margin-top: 48px;}
.eventPlan-sec2-slide-area .swiper-container .swiper-pagination-bullets  {position: relative; width: auto; padding-top: 0;}
.eventPlan-sec2-slide-area .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet  {margin: 0;}
.eventPlan-sec2-slide-area .swiper-container .wrap-autoplay-control {margin-left: 10px;}
.eventPlan-sec2-slide-area .swiper-container .wrap-autoplay-control button  {margin: 0 2px;}

.eventPlan-sec04{overflow: hidden;}
.eventPlan-sec4-slide-area .swiper-container{max-width: 1020px;width:100%;margin:0 auto;overflow:visible;padding-bottom:152px;margin-left: 90px;}
.eventPlan-sec4-slide-area .swiper-slide{width:calc(392 / 1020 * 100%);max-width:392px;margin:0 calc(10 / 1020 * 100%);}
.eventPlan-sec4-slide-area .swiper-container .swiper-pagination-bullets  {bottom: 78px;position: absolute;margin-left: 90px;}

.eventPlan-sec03    {padding-bottom: 64px;}

.eventPlan-sec04    {padding-bottom: 64px;}
.eventPlan-sec4-cont    {padding-bottom: 78px;}

.benefit-sec01  {background: #fff;}
.benefit-sec02  {background: white;}
.benefit-sec03  {background: #F8F7F5;}
.benefit-sec04  {background: white;}

.benefit-sec2-coupon01-tit  {padding-bottom: 0px;}

.benefit-sec02  {padding-bottom: 64px;}
.benefit-sec2-coupon02-tit  {padding-top: 0px;}
.benefit-sec2-coupon02-wrap  {position: relative; max-width: 1000px; margin: 0 auto; padding-bottom: 48px;}
.benefit-sec2-coupon02-wrap .swiper-wrapper {display: grid; grid-template-columns: repeat(3, minmax(calc((100% - 48px) / 3), auto)); gap: 20px;}

.event-benefit-template .event-notice-area{padding-bottom: 64px; background-color:#F8F6F3;}

@media (min-width: 767px)    {
    .benefit-sec2-coupon02-wrap .swiper-wrapper .swiper-slide   {width: fit-content !important; }
}
.benefit-sec02 .btn-wrap   {position: relative; width: fit-content; margin: 0 auto;}
.benefit-sec02 .coupon-pack-btn    {position: absolute; top: 0; left: 16%; width: 32.9%; height: 100%;}
.benefit-sec02 .app-only-btn    {position: absolute; top: 0; right: 15.8%; width: 33.3%; height: 100%;}

.benefit-sec03  {padding-bottom: 64px;}
.benefit-sec03-wrap  {position: relative; max-width: 1000px; margin: 0 auto;}
.benefit-sec03-wrap ul {display: grid; grid-template-columns: repeat(2, minmax(calc((100% - 48px) / 2), auto)); gap: 20px;}
.benefit-sec03-wrap ul li   {width: fit-content !important; }

.benefit-sec04 > div  {padding-bottom: 24px;}
.benefit-sec04 > div:nth-of-type(2) {padding-bottom: 48px;}
.benefit-sec04 > div:last-child {padding-bottom: 64px;}

.kimchi-coupon-container    {}

.interior   {margin-bottom: 48px;}
.product-btn-cont01 .interior .prdList ul {grid-template-columns:1fr !important;}
.product-btn-cont01 .interior .prdList ul li    {overflow: hidden; border-radius: 24px; max-width: 100%; width: 100%; }
.product-btn-cont01 .interior .prdList ul span.interior-cont  {display: flex;}
.product-btn-cont01 .interior .prdList ul span.interior-cont a    {width: 100%;}
.product-btn-cont01 .interior .prdList ul span.interior-cont a:nth-of-type(2) {background: white; padding: 24px;}
.product-btn-cont01 .interior .prdList ul span.interior-cont span.pd .img    {display: none;}
.product-btn-cont01 .interior .prdList ul span.interior-cont span.txt dl dt:nth-of-type(1),
.product-btn-cont01 .interior .prdList ul span.interior-cont span.txt dl dt:nth-of-type(2)  {display: none;}
.product-btn-cont01 .interior .prdList ul span.interior-cont span.txt dl dd:nth-of-type(1)  {flex: 1 0 20%;}

.kimchi-coupon-container .secret-cp-wrap    {margin-bottom: 64px;}

.products-sec02{padding-bottom: 130px;}
.products-sec02 .products-sec02-tit {padding-bottom: 24px !important;}
.products-sec02 .products-sec02__sub-title {
    max-width: 1000px;
    margin: 0 auto 24px;
    text-align: left;
    color: #2E2E33;
    font-size: 34px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.68px;
}
.products-sec02 .product-btn-cont02 .products-sec02__sub-title {
    margin-top: 48px;
}
.products-sec02-btns {max-width: 1000px; margin: 0 auto;}
.products-sec02-btns .tab_container2 {display: flex; gap: 12px; width: 100%; height: fit-content; margin: 0 0 48px;}
.products-sec02-btns .tab_container2 li  {width: fit-content;}
.products-sec02-btns .tab_container2 li button {border: 1px solid #404040; width: fit-content; height: fit-content; padding: 12px 18px; font-size: 20px !important; background: no-repeat; color: black; border-radius: 24px;}
.products-sec02-btns .tab_container2 li button.active   {background: black; color: white; border: 1px solid black;}



#tab03{background: #F8F7F5;}

@media screen and (max-width: 820px)    {
    .slide_wrap {
        width: 100%;
    }
}
@media screen and (max-width: 767px)    {
    body    {
        width: 100%;
    }
    .event-benefit-template    {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .tab_container    {
        top: 56px;
        height: calc(112 / 720*100vw);
    }
    .tab_container li a {
        font-size: calc(28 / 720*100vw);
    }

    .hellobar-wrap .tab_container {
        /*top: 108px;*/
        top: 98px;
    }

    .eventPlan-sec01, .eventPlan-sec02, .eventPlan-sec03,
    .benefit-sec01 .secret-cp-wrap, .benefit-sec02, .benefit-sec03, .benefit-sec04,
    .products-sec01, .products-sec02 {padding: calc(64/720*100vw) calc(48/720*100vw);}

    .benefit-sec02  {padding-top: 0px;}


    .benefit-sec03, .benefit-sec04,
    .products-sec02, .products-sec03,
    .kakao_wrap{border-top: 8px solid #E1E2E4;}

    .eventPlan-tit{padding: 0 0 calc(48/720*100vw);}
    .benefit-sec2-coupon01-tit  {padding: calc(48 / 720 * 100vw) calc(48 / 720 * 100vw) 0;}
    .products-sec02 .products-sec02-tit{padding: 0 0 calc(48/720*100vw) !important;}
    .products-sec02 .products-sec02__sub-title {
        margin-bottom: calc(30/720*100vw);
        font-size: calc(40/720*100vw);
        font-weight: 700;
        line-height: 148%;
        letter-spacing: calc(-0.8em/40);
    }
    .products-sec02 .product-btn-cont02 .products-sec02__sub-title {
        margin-top: calc(48/720*100vw);
    }
    .products-sec02-btns .tab_container2{margin:0 0 calc(48/720*100vw);}

    .eventPlan-sec2-toggle-area ul li{margin-bottom: calc(24/720*100vw);}
    .eventPlan-sec2-toggle-area ul li:last-of-type{margin-bottom: 0;}
    .eventPlan-sec2-toggle-area ul li > div {position: relative; box-shadow: 0px 2px 4px rgba(174, 164, 137, 0.2); border-radius: calc(17/720*100vw);}
    .eventPlan-sec2-toggle-area ul li > div button {position: absolute; width: 100%; top: 0; left: 0;}
    .eventPlan-sec2-toggle-area ul li .close button {height: 100%;}
    .eventPlan-sec2-toggle-area ul li .open button {height: 45%;}
    
    .event-benefit-template .eventPlan-sec1-video-wrap .swiper-wrapper {align-items: center !important;}

	.eventPlan-sec4-tit {padding: calc(64/720*100vw) calc(48/720*100vw) calc(48/720*100vw);}
    .eventPlan-sec4-slide-area .swiper-container{padding: 0 calc(36/720*100vw) calc(48/720*100vw);margin: 0;}
    .eventPlan-sec4-slide-area .swiper-container .swiper-pagination-bullets{position: relative;bottom: initial;left: initial; margin: 0;}

    .eventPlan-sec4-slide-area + a img{width: calc(480/720*100vw);}

    .benefit-sec02{overflow: hidden;}
    .benefit-sec2-coupon02-wrap{padding-bottom: calc(48/720*100vw - 6px);}
    .benefit-sec2-coupon02-wrap .swiper-container{overflow: visible;}
    .benefit-sec2-coupon02-wrap .swiper-wrapper{display: flex; gap: 0;}
    .benefit-sec2-coupon02-wrap .swiper-wrapper .swiper-slide {padding-left: calc(24/720*100vw); height: auto;}
    .eventPlan-sec4-slide-area .swiper-slide {max-width: 460px; width: calc(460/720*100vw); padding:0; margin: 0 calc(12/720*100vw);}
    .benefit-sec2-coupon02-wrap .swiper-wrapper .swiper-slide:first-of-type,
    .eventPlan-sec4-slide-area .swiper-slide:first-of-type {padding-left: calc(0/720*100vw);}
    .benefit-sec2-coupon02-wrap .swiper-wrapper .swiper-slide img,
    .eventPlan-sec4-slide-area .swiper-wrapper .swiper-slide img{height: 100%;}
    .benefit-sec2-coupon02-wrap .swiper-container-horizontal > .swiper-pagination-bullets{bottom: calc(-48/720*100vw); display:flex !important;}

    .benefit-sec03 {background: #fff;}
    .benefit-sec03-wrap ul{display: block;}
    .benefit-sec03-wrap ul li{margin-bottom: calc(32/720*100vw);}
    .benefit-sec03-wrap ul li:last-of-type{margin-bottom: calc(0/720*100vw);}

    .benefit-sec04 > div {padding-bottom:calc(24/720*100vw);}
    .benefit-sec04 > div.eventPlan-tit, .benefit-sec04 > div:nth-of-type(2) {padding-bottom:calc(48/720*100vw);}
    .benefit-sec04 > div:last-child {padding-bottom:calc(0/720*100vw);}

    .kimchi-coupon-container    {padding-bottom: 0;}
    .kimchi-coupon-container .secret-cp-wrap    {width: 100%; margin-bottom: calc(64/720*100vw);}  
    .kimchi-coupon-container .evt-acco-head.evt-btn-area    {padding: calc(36 / 720 * 100%);}

    .product-btn-cont01 .interior .prdList ul span.interior-cont    {display: block;}
    .product-btn-cont01 .interior .prdList ul span.interior-cont a:nth-of-type(2)   {display: block;}

    .products-sec02-btns .tab_container2{gap: calc(16/720*100vw);}
    .products-sec02-btns .tab_container2 li button{background: #fff; padding: calc(16/720*100vw) calc(24/720*100vw); font-size: calc(28/720*100vw) !important; border: 1px solid #a9a9a9; color: #1a1a1a;}
    .products-sec02-btns .tab_container2 li button.active{border: 1px solid #1a1a1a; background: #1a1a1a;}

    .eventPlan-sec1-video-wrap{flex-direction:column;}
    .eventPlan-sec1-video-wrap .swiper-container{max-width:calc(624/720*100vw);  margin-top: calc(32/720*100vw);border-radius: calc(20/720*100vw);}
    .eventPlan-sec1-video-wrap video{max-width: initial; height:calc(624/720*100vw);}
    .eventPlan-sec1-video-wrap .swiper-pagination-bullets{flex-direction: row; column-gap: calc(20 / 720 * 100vw);}
    .eventPlan-sec1-video-wrap .swiper-pagination-bullets .swiper-pagination-bullet{width: calc(140 / 720 * 100vw) !important;height: calc(105 / 720 * 100vw) !important;border-radius: calc(16 / 720 * 100vw) !important;margin: 0;}
    

    .benefit-sec02 .coupon-pack-btn{left: 0; width: 48.9%;}
    .benefit-sec02 .app-only-btn{right: 0; width: 48.9%;}

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



/********************************** API 제품목록 **********************************/
.prdList {max-width:1000px; margin:0 auto;}
.prdList * {font-family: "Pretendard";}
.prdList ul {display:grid; grid-template-columns:repeat(3, 1fr); gap:25px;}
.prdList ul li {position:relative; max-width:296px; overflow:hidden;}
/* */
.prdList ul li .pd .img {display:flex; justify-content:center; align-items:center; margin-bottom:18px; width:100%; height:auto; max-height:296px; aspect-ratio:1 / 1; border-radius:16px; overflow: hidden; background:#fff;}
.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:5px;}
.prdList ul li .badge em {display:inline-block; padding:3px 6.5px; font-size:15px; font-weight:500; color:#FFFFFF; white-space: nowrap; border-radius:6px; background: #B7A095;}
.prdList ul li .badge em.p {color:#fff; background:#EA1917;}
.prdList ul li .badge em.sale {color:#fff; background:#FD312E;}
.prdList ul li .badge + .txt {padding-top:13px;}
.prdList ul li .badge .sale + .sale {display:none;}
.prdList ul li .pd .txt {text-align:left;}
.prdList ul li .pd strong {display:block; font-size:20px; line-height:1.2; color:#1A1A1A; font-weight:600; border-bottom:1px solid #CEC7B4; display: flex; flex-direction: column;}
.prdList ul li .pd strong em {display:block; padding-bottom:6px; color:#7E7C77; font-weight:300; font-size:17px;}
.prdList ul li .pd dl {display:flex; flex-wrap: wrap; align-items: center; gap:8px 8px; padding-top:12px; white-space:nowrap;}
.prdList ul li .pd dl dt { flex:0 1 10%; font-size:17px; font-weight:600; color:#000; letter-spacing: -0.05em; color: #7E7C77;}
.prdList ul li .pd dl dt:nth-of-type(2) {color: black; font-weight: 400;}
.prdList ul li .pd dl dt:nth-of-type(3) {color: black;}
.prdList ul li .pd dl dt.last {display:inline-flex;}
.prdList ul li .pd dl dd {flex:1 0 70%; font-size:19px; color:#1A1A1A; letter-spacing: -0.05em; word-spacing:-0.06em;}
.prdList ul li .pd dl dd del {color:#7E7C77;}
.prdList ul li .pd dl dd.lastPrice {flex:1 0 auto !important;}
.prdList ul li .pd dl dd.lastPrice em {font-weight:600; font-size:24px; color: black;}
.prdList.interior ul li .pd dl dd.sail-detail  {position: relative; flex: 1 0 20% !important; font-size: 16px; color: #2946AD; font-weight: 600; letter-spacing: -0.05em; word-spacing: normal; background: #EBF2F9; width: fit-content; padding: 2% 3% 2% 7%; border-radius: 6px;}
.prdList.interior ul li .pd dl dd.sail-detail::after  {content: ''; position: absolute; width: 15px; height: 15px; left: 5%; background: url(/kr/event/2025/09/01_pre_summer/images/coin_icon.png) no-repeat center; background-size: cover;}
.prdList.interior ul li .pd dl dd.sail-detail em::after   {content: none;}
.products-sec01-area .prdList.interior.detail ul li .badge   {position: absolute; top: 3%;}
.products-sec01-area .prdList.interior.detail ul li .badge em.sale   {position: relative; padding: 1.5% 2.7%; font-size: 20px; animation: saleSacle 1.5s infinite;}
/*  detail 세일 앞 불꽃 이모지 위쪽 em의 padding 값 조정 필요
.sen-special-product-main .tab02_area01 .prdList.interior.detail ul li .badge em.sale::after   {content: ''; position: absolute; width: 13px; height: 19px; left: 8%; top: 20%; background: url(/kr/event/2025/09/01_pre_summer/images/fire_icon.png) no-repeat center; background-size: cover;}
*/

.prdList ul .typeBtn {display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:8px;}
.prdList ul .typeBtn a {position:relative; flex:1; display:flex; justify-content: center; align-items:center; height:42px; gap:11px; font-size:17px; font-weight:500; color:#000; border:1px solid #000; border-radius:9px; cursor:pointer; overflow:hidden; max-width: 47.5%;}
.prdList ul .typeBtn a::after {content:''; display:inline-block; width:8px; height:14px; background: url(/kr/event/2025/04/01_lgforme/images/img_pd_arrow_right.png) no-repeat center; background-size:cover;}
.prdList ul.careCase li .careItem {margin-top:8px; border:1px solid #000; border-radius:10px;}
.prdList ul.careCase li .careItem dt {display:flex; justify-content: center; align-items:center; height:42px; gap:14px; font-size:17px; font-weight:500; color:#000; cursor:pointer;}
.prdList ul.careCase li .careItem dt::after {content:''; display:inline-block; width:14px; height:8px; background: url(/kr/event/2025/04/01_lgforme/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; padding-top:10px; min-height:68px; text-align:right; font-weight:500; font-size:15px; color:#000; line-height:1.5; border-top:1px solid #000;}
.prdList ul.careCase li .careItem.active dd label {float:left; margin-right:5px; color:#7E7C77;}
.prdList.landscape ul {display:block; max-width:486px;}
.prdList.landscape ul li {max-width:none; width:100%; min-height:172px;}
.prdList.landscape ul li ~ li {margin-top:25px;}
.prdList.landscape ul li .pd {position:relative; display:block; width:100%; padding:0 0 0 190px;}
.prdList.landscape ul li .pd .img {position:absolute; left:0; top:0; width:172px; margin-bottom:0;}
.prdList.landscape ul li .pd .img img {max-height:140px;}
.prdList.landscape ul li .badge {margin-left:190px; width: calc(100% - 190px);}
.prdList.landscape ul li .typeBtn {margin-left:190px;}
.prdList.landscape ul li .careItem {margin-left:190px;}
.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 51%;}
.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.interior ul {display:flex;}
.prdList.interior ul li {width:316px; padding-bottom:24px; border-radius:24px; max-width:none; overflow:hidden; background:#fff;}
.prdList.interior ul li span.prdType > a	{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.prdList.interior ul li .pcImg {display:inline-flex; justify-content:center; align-items:flex-start; margin-bottom:24px; width:100%; height:auto; max-height:461px; aspect-ratio:0; 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 auto;}
.prdList.interior ul li .pd dl dd:nth-child(4) {flex: 0 1 50%;}
.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 {margin:8px 24px 0; width: calc(100% - 48px);}
/* soldOut */
.prdList ul li.soldout::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; background:rgba(0,0,0,.86) url(/kr/event/2025/04/01_lgforme/images/img_soldout.png) no-repeat center; background-size:140px;}
.prdList ul li.soldoutAll::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; background:rgba(0,0,0,.86) url(/kr/event/2025/04/01_lgforme/images/img_soldout.png) no-repeat center; background-size:140px;}
.prdList.landscape ul li.soldout::before {background-size:120px;}
.prdList.landscape ul li.soldoutAll::before {background-size:120px;}
.prdList ul li .typeBtn a.soldout::before {content:'임시 품절'; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; display:flex; justify-content:center; align-items:center; color:#fff; font-size:20px; background:rgba(0,0,0,.8);}
.prdList ul li.soldoutAll .typeBtn .soldout::before {display:none;}

/* .prdList.interior ul li {width:460px; max-width:460px; padding-bottom:24px; border-radius:24px; overflow:hidden; background:#fff;} */
.prdList.interior ul {display:flex;}
.prdList.interior ul li {width:100% !important; padding-bottom:24px; border-radius:24px; max-width:none; overflow:hidden; background:#fff;}
.prdList.interior ul li .pcImg {display:inline-flex; justify-content:center; align-items:center; margin-bottom:24px; width:100%; height:auto; max-height:624px; aspect-ratio:1 / 1; overflow: hidden; background:#fff;}
.prdList.interior.detail ul li .pcImg  {aspect-ratio: 0;}
.prdList.interior ul li .pcImg img {display:block; height:100%;}
.prdList.interior ul li .pd .img {display:none;}
/* .prdList.interior ul li .pd .badge {padding:0 24px 14px;} */
.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 auto !important;}
.prdList.interior ul.careCase li .careItem {margin:8px 24px 0; width: calc(100% - 48px);}

.products-sec01 .products-sec01-area    {display: flex; max-width: 1000px; width: 100%; margin: 0 auto; gap: calc(48 / 1920 * 100vw);}
.products-sec01 .products-sec01-area .tab02_area01  {width: 100%;}
.products-sec01 .products-sec01-area .tab02_area02  {width: 100%;}
.products-sec01 .products-sec01-area .tab02_area02 .prdList ul  {grid-template-columns: repeat(1, 1fr);}
.products-sec01 .products-sec01-area .tab02_area02 .prdList ul li   {max-width: 100%;}
.products-sec01 .products-sec01-area .tab02_area02 .prdList ul li .prdType > a  {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.products-sec01 .products-sec01-area .tab02_area02 .pd  {display: flex; gap: calc(18 / 1920 * 100vw);}
.products-sec01 .products-sec01-area .tab02_area02 .pd span:nth-of-type(1)  {max-width: 168px;}
.products-sec01 .products-sec01-area .tab02_area02 .prdList ul li .badge    {text-align: left;}
.products-sec01 .products-sec01-area .tab02_area02 .prdList ul li .pd dl    {justify-content: left;}
.products-sec01 .products-sec01-area .tab02_area02 .prdList ul li .pd .txt dl dt:nth-of-type(1) {display: none;}
.products-sec01 .products-sec01-area .tab02_area02 .prdList ul li .pd .txt dl dd:nth-of-type(1) {flex: 0 1 20%;}
.products-sec01 .products-sec01-area .tab02_area02 .prdList ul li .pd .txt dl dt:nth-of-type(2) {display: none;}
.products-sec01 .products-sec01-area .tab02_area02 .prdList ul li .pd .txt dl dd:nth-of-type(2) {flex: 0 1 48%;}
.products-sec01 .products-sec01-area .tab02_area02 .prdList ul .typeBtn a   {gap: 0;}

.products-sec02 [class^="product-btn-cont"] .prdList ul {grid-template-columns: repeat(4, 1fr);}

/**/
.skeleton {position: relative; overflow: hidden; z-index: 2; width:100%;}
.skeleton .pd::after { content : ""; width: 100%; height: 100%; position:absolute; top:0; left: 0; z-index: 2;
    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;  border-radius:10px;  font-size:0 !important;  overflow:hidden;  background: #e3e3e3;}
.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%);
    }
}


@media screen and (max-width: 767px) {
    .prdList {padding:0;}
    .prdList ul {grid-template-columns:repeat(2, 1fr); gap:calc(32 / 760* 100vw);}
    .prdList ul li {max-width:none; width:auto;}
    .prdList ul li .pd .img {margin-bottom:calc(24 / 760* 100vw); max-height:calc(296 / 760* 100vw); border-radius:calc(16 / 760* 100vw);}
    .prdList ul li .pd .img img {max-height:calc(220 / 760* 100vw);}
    .prdList ul li .badge {gap:calc(8 / 760* 100vw) calc(12 / 760* 100vw); margin-top:calc(16 / 760* 100vw);}
    .prdList ul li .badge em {padding:calc(4 / 760* 100vw) calc(8 / 760* 100vw); font-size:calc(20 / 760* 100vw); border-radius:calc(8 / 760* 100vw);}
    .prdList ul li .badge + .txt {padding-top:calc(14 / 760* 100vw);}
    .prdList ul li .pd strong {padding-bottom:calc(8 / 760* 100vw); font-size:calc(26 / 760* 100vw);}
    .prdList ul li .pd strong em {padding-top:calc(6 / 760* 100vw); font-size:calc(22 / 760* 100vw);}
    .prdList ul li .pd dl {gap:calc(8 / 760* 100vw) calc(8 / 760* 100vw); padding-top:calc(16 / 760* 100vw);}
    .prdList ul li .pd dl dt {font-size:calc(22 / 760* 100vw);}
    .prdList ul li .pd dl dd {font-size:calc(26 / 760* 100vw);}
    .prdList ul li .pd dl dd.lastPrice em {font-size:calc(28 / 760* 100vw);}
    .prdList ul .typeBtn {gap:calc(16 / 760* 100vw); padding-top:calc(16 / 760* 100vw);}
    .prdList ul .typeBtn a {height:calc(54 / 760* 100vw); gap:calc(4 / 760* 100vw); font-size:calc(22 / 760* 100vw); border-radius:calc(12 / 760* 100vw);}
    .prdList ul .typeBtn a::after {width:calc(9 / 760* 100vw); height:calc(18 / 760* 100vw);}
    .prdList ul.careCase li .careItem {margin-top:calc(8 / 760* 100vw); border-radius:calc(12 / 760* 100vw);}
    .prdList ul.careCase li .careItem dt { height:calc(54 / 760* 100vw); gap:calc(14 / 760* 100vw); font-size:calc(22 / 760* 100vw);}
    .prdList ul.careCase li .careItem dt::after {width:calc(18 / 760* 100vw); height:calc(10 / 760* 100vw);}
    .prdList ul.careCase li .careItem.active dd {padding:0 calc(24 / 760* 100vw);}
    .prdList ul.careCase li .careItem.active dd span {padding-top:calc(10 / 760* 100vw); min-height:calc(80 / 760* 100vw); font-size:calc(19 / 760* 100vw);}
    .products-sec02 [class^="product-btn-cont"] .prdList ul{grid-template-columns:repeat(2, 1fr); gap:calc(32 / 760* 100vw);}
    .prdList.landscape ul {max-width:none; }
    .prdList.landscape ul li {min-height:calc(220 / 760* 100vw); overflow:hidden;}
    .prdList.landscape ul li ~ li {margin-top:calc(32 / 760* 100vw);}
    .prdList.landscape ul li .pd {padding:0 0 0 calc(244 / 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);}
    .prdList.landscape ul li .typeBtn {margin-left:calc(244 / 760* 100vw);}
    .prdList.landscape ul li .careItem {margin-left:calc(244 / 760* 100vw);}
    .prdList.landscape ul li .badge {margin-left: calc(244 / 760* 100vw); width: calc(100% - 244px);}
    .prdList.interior ul li {width:calc(460 / 720 * 100vw);}
    .prdList.interior ul li .badge {padding:0 calc(24 / 760* 100vw);}
    .prdList.interior ul li .pcImg {margin-bottom:calc(24 / 760* 100vw);}
    .prdList.interior ul li .pd .txt {display:block; padding:0 calc(24 / 760* 100vw);}
    .prdList.interior ul li .pd dl dd:nth-child(2) {flex: 1 0 100%;}
    .prdList.interior ul li .pd dl dd:nth-child(4) {flex: 1 0 100%;}
    .prdList.interior ul .typeBtn {padding:calc(16 / 760* 100vw) calc(24 / 760* 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 {margin:calc(8 / 760* 100vw) calc(24 / 760* 100vw) 0; width: calc(100% - calc(24 / 760* 100vw));}

    .products-sec01 .products-sec01-area{display: block;}
    .products-sec01-area .prdList.interior.detail ul li .badge   {padding: 0 calc(30 / 760 * 100vw);}
    .products-sec01-area .prdList.interior.detail ul li .badge em.sale   {font-size: calc(24 / 720 * 100vw); padding: 2% 2.7%;}

    .prdList.interior ul li .pd dl dd.sail-detail   {font-size: calc(22 / 720 * 100vw); padding: 2% 3% 2% 8%;}
    .prdList.interior ul li .pd dl dd.sail-detail::after    {width: 10px; height: 10px;}

    /**/
    .skeleton .pd strong { padding-bottom: calc(33 / 760* 100vw) !important;}
    .skeleton .pd strong em i {width: 50%;}
    .skeleton .pd dl {gap: calc(16 / 760* 100vw) calc(8 / 760* 100vw) !important;}
    /**/
    .prdList ul li.soldout::before {background-size:calc(176 / 760* 100vw);}
    .prdList ul li.soldoutAll::before {background-size:calc(176 / 760* 100vw);}
    .prdList.landscape ul li.soldout::before {background-size:calc(156 / 760* 100vw);}
    .prdList.landscape ul li.soldoutAll::before {background-size:calc(156 / 760* 100vw);}
    .prdList ul li .typeBtn a.soldout::before {font-size:calc(22 / 760* 100vw);}

    .prdList.interior ul li {width:calc(460 / 720 * 100vw);}
    .prdList.interior ul li .badge {padding:0 calc(24 / 760* 100vw);}
    .prdList.interior ul li .pcImg {margin-bottom:calc(24 / 760* 100vw);}
    .prdList.interior ul li .pd .txt {display:block; padding:0 calc(24 / 760* 100vw);}
    .prdList.interior ul li .pd strong {font-size:calc(28 / 760* 100vw);}
    .prdList.interior ul li .pd dl dd {font-size:calc(28 / 760* 100vw);}
    .prdList.interior ul li .pd dl dd.lastPrice em {font-size:calc(28 / 760* 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 / 760* 100vw) calc(24 / 760* 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 {margin:calc(8 / 760* 100vw) calc(24 / 760* 100vw) 0; width: calc(100% - calc(48 / 760* 100vw));}
    
}

/* 개발 css 커스텀 */
.event-benefit-template .survey-container {
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .survey-container {
        margin: 0 auto ;
    }
    .survey-container   {
        padding-bottom: calc(64 / 720 * 100vw) !important;
    }
}
/* // 개발 css 커스텀 */