/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-88730
* CODE : Dev - EV00020511 , Prod - EV00008201 
* FILE : /kr/event/2025/03/10_lg_coupon/eventMainLgCoupon.jsp
* DESC : 3월 통합프로모션 쿠폰혜택
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2025/03/05				김미선				Created
************************************************************************************
**/


/* 이벤트 기본 설정 */
.coupon_evt-container * {
	--width: 1000;
}
.coupon_evt-container {
	max-width: 1380px;
	margin: 0 auto;
	padding: 60px 0;
	background-color: #fff;
}
.coupon_evt-container .evt-func {
	position: relative;
}
.coupon_evt-container .coupon_pack {
	margin:0 auto;
	max-width: 1000px;
}
.coupon_evt-container .coupon_pack .evt-func.pc img {
	max-width: 1080px !important;
	margin-left: calc(-22/1000*100vw);
}
@media screen and (max-width: 1140px){
	.coupon_evt-container .coupon_pack .evt-func.pc img {
		max-width: 100% !important;
	}
}
.coupon_evt-container .coupon_box {
	margin:0 auto;
	max-width: 1000px;
	padding-top: calc(40 / var(--width)* 100%);
}
.coupon_evt-container .coupon_box .evt-acco-boon {
	margin-top: calc(10 / var(--width)* 100%);
}
.coupon_evt-container .coupon_box .evt-acco-boon .evt-btn-area.evt-acco-head {
	padding-top: calc(29 / var(--width)* 100%);
	width: calc(189 / var(--width)* 100%);
	top: 0;
	left: 0;
}
.coupon_evt-container .evt-acco-boon .evt-btn-area.evt-acco-head button {
	width: 100%;
}
.coupon_evt-container .evt-btn-area-01 {
	width: calc(600 / var(--width) * 100%);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}
.coupon_evt-container .evt-btn-area-01 .list_box {
    display: flex;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.coupon_evt-container .evt-btn-area-01 .list_box a {
    width: calc(494 / var(--width)* 100%);
    padding-top: calc(76 / var(--width)* 100%);
}
.coupon_evt-container .mo_coupon_slide {
	max-width: 1000px;
	margin: 0 auto;
}
.coupon_evt-container .mo_coupon_slide #authCertButton {
	cursor: pointer;
}
.coupon_evt-container .mo_coupon_slide .swiper-wrapper {
	justify-content: space-between;
    flex-wrap: wrap;
}
.coupon_evt-container .mo_coupon_slide .swiper-slide {
	width: calc(99.3% / 2);
	margin-top: 0.7%;
}
.coupon_evt-container .swiper-pagination-bullet-active {
	background-color: #fff;
}
.coupon_evt-container .mo_coupon_slide .swiper-pagination {
	display: none;
}

@media screen and (max-width: 767px){
    .coupon_evt-container * {
		--width: 720;
	}
	.coupon_evt-container {
		max-width: 720px;
		padding: calc(80 / 720* 100vw) 0;
	}
	
	.coupon_evt-container .coupon_box {
		max-width: 720px;
		padding: 0;
	}
	.coupon_evt-container .evt-acco-boon .evt-btn-area.evt-acco-head {
		padding-top: calc(58 / var(--width)* 100%);
		width: calc(285 / var(--width)* 100%);
		top: 0;
		left: calc(35 / var(--width)* 100%);
	}
	.coupon_evt-container .coupon_box .evt-acco-boon {
		margin-top: calc(20 / var(--width)* 100%);
	}
	.coupon_evt-container .coupon_box .evt-acco-boon .evt-btn-area.evt-acco-head {
		padding-top: calc(35 / var(--width)* 100%);
		width: calc(261 / var(--width)* 100%);
		left: calc(29 / var(--width)* 100%);
	}
	.coupon_evt-container .evt-btn-area-01 {
		width: 90%;
	}
	.coupon_evt-container .evt-btn-area-01 .list_box a {
		width: calc(353 / var(--width)* 100%);
		padding-top: calc(81 / var(--width)* 100%);
	}
	.coupon_evt-container .mo_coupon_slide .swiper-pagination {
		display: block;
	}
	.coupon_evt-container .coupon_pack_slide {
		margin-top: calc(40/720*100vw);
		margin-bottom: calc(40/720*100vw);
	}
	.coupon_evt-container .mo_coupon_slide,
	.coupon_evt-container .coupon_pack_slide {
		position: relative;
		padding: 0;
		margin-top: calc(40/720*100vw);
	}
	.coupon_evt-container .mo_coupon_slide {
		margin-top: calc(55 / 720* 100vw);
	}
	.coupon_evt-container .coupon_pack_slide {
		margin-top: calc(30 / 720* 100vw);
	}
	.coupon_evt-container .coupon_pack_slide .swiper-wrapper {
		padding-bottom: 12px;
		justify-content: normal;
    	flex-wrap: nowrap;
	}
	.coupon_evt-container .mo_coupon_slide .swiper-wrapper {
		padding-bottom: 20px;
		justify-content: normal;
    	flex-wrap: nowrap;
	}

	.coupon_evt-container .coupon_pack_slide .swiper-slide {
		margin-left: calc(-10/720*100vw);
		width: calc(624/720*100vw);
		display: block;
		background: transparent;
		flex: none;
	}
	.coupon_evt-container .coupon_pack_slide .swiper-slide:first-child {
		padding-left: calc(16/720*100vw);
		width: calc(644/720*100vw);
		margin-left: 0;
	}
	
	.coupon_evt-container .coupon_pack_slide .swiper-slide:last-child  {
		padding-right: calc(21/720*100vw);
		width: calc(643/720*100vw);
	}

	.coupon_evt-container .mo_coupon_slide .swiper-slide {
		padding-left: calc(10/720*100vw);
		width: calc(580/720*100vw);
		display: block;
		background: transparent;
		flex: none;
	}
	.coupon_evt-container .mo_coupon_slide .swiper-slide:first-child {
		padding-left: calc(35/720*100vw);
		width: calc(604/720*100vw);
	}
	
	.coupon_evt-container .mo_coupon_slide .swiper-slide:last-child {
		padding-right: calc(21/720*100vw);
		width: calc(606/720*100vw);
	}
	.coupon_evt-container .mo_coupon_slide .swiper-slide img,
	.coupon_evt-container .coupon_pack_slide .swiper-slide img {
		width: 100%;
		display: block;
		height: auto;
	}
	.coupon_evt-container .mo_coupon_slide .swiper-container-horizontal>.swiper-pagination-bullets,
	.coupon_evt-container .coupon_pack_slide .swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 0;
	}
	.coupon_evt-container .mo_coupon_slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
	.coupon_evt-container .coupon_pack_slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: rgba(0, 0, 0, 1);
        width: calc(42 / 720* 100vw);
        border-radius: 3vw;
	}
	.coupon_evt-container .mo_coupon_slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
	.coupon_evt-container .coupon_pack_slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 calc(5 / 720* 100vw);
        background: rgba(136, 136, 136, 0.7);
        border-radius: 50%;
        width: calc(14 / 720* 100vw);
        height: calc(14 / 720* 100vw);
	}
	
}