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


/* 이벤트 기본 설정 */
.coupon_evt-container * {
	--width: 900;
}
.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 {
	max-width: 900px;
	margin:0 auto;
}
.coupon_evt-container .coupon_box {
	max-width: 900px;
	margin:0 auto;
	padding-top: 40px;
}
/* 첫구매쿠폰 링크 */
.coupon_evt-container .coupon_box .firstPurLink {
	display: none;
}
.coupon_evt-container #authCertButton.coupon-btn-All {
	cursor: pointer;
}
.coupon_evt-container .evt-acco-boon .evt-btn-area.evt-acco-head {
	padding-top: calc(35 / var(--width)* 100%);
	width: calc(200 / var(--width)* 100%);
	top: 0;
	left: calc(150 / var(--width)* 100%);
	transform: none;
}
.coupon_evt-container .coupon_box .evt-acco-boon .evt-btn-area.evt-acco-head {
	padding-top: calc(35 / var(--width)* 100%);
	width: calc(180 / var(--width)* 100%);
	left: 0;
}
.coupon_evt-container .evt-acco-boon .evt-btn-area.evt-acco-head button {
	width: 100%;
}
.coupon_evt-container .evt-btn-area-02 {
	width: calc(600 / var(--width) * 100%);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}
.coupon_evt-container .evt-btn-area-02 .list_box {
    display: flex;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.coupon_evt-container .evt-btn-area-02 .list_box a {
    width: calc(445 / var(--width)* 100%);
    padding-top: calc(68 / var(--width)* 100%);
}

.coupon_evt-container .coupon_box .evt-func.pc_coupon {
	display: flex;
}

.coupon_evt-container .coupon_box .evt-func.pc_coupon a {
	margin-left: calc(5 / var(--width)* 100%);
	cursor: pointer;
}
.coupon_evt-container .coupon_box .evt-func.pc_coupon a:first-child {
	margin-left: 0;
}

.coupon_evt-container .mo_coupon_slide .swiper-slide {
  	flex: 1;
}

.coupon_evt-container .swiper-pagination-bullet-active {
	background-color: #fff;
}

@media screen and (max-width: 767px){
    .coupon_evt-container * {
		--width: 720;
	}
	/* .coupon_evt-container {
		padding: calc(80 / 720* 100vw) 0;
	} */
	.coupon_evt-container .coupon_box {
		max-width: 720px;
		padding-top: 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 .evt-btn-area.evt-acco-head {
		padding-top: calc(60 / var(--width)* 100%);
		width: calc(261 / var(--width)* 100%);
		left: calc(29 / var(--width)* 100%);
	}
	.coupon_evt-container .evt-btn-area-02 {
		width: 91%;
		bottom: 0;
	}
	.coupon_evt-container .evt-btn-area-02 .list_box a {
		width: calc(350 / var(--width)* 100%);
		padding-top: calc(81 / var(--width)* 100%);
	}
	.ev-detail-con .coupon_evt-container .coupon_box .evt-func.pc_coupon {
		display: none;
	}

	.coupon_evt-container .mo_coupon_slide {
		position: relative;
		padding: 0;
		margin-top: calc(25/720*100vw);
	}
	
	.coupon_evt-container .mo_coupon_slide .swiper-wrapper {
		padding-bottom: 20px;
	}
	
	.coupon_evt-container .mo_coupon_slide .swiper-slide {
		padding-left: calc(10/720*100vw);
		width: calc(298/720*100vw);
		display: block;
		background: transparent;
      	flex: none;
	}
	
	.coupon_evt-container .mo_coupon_slide .swiper-slide:first-child {
		padding-left: calc(32/720*100vw);
		width: calc(319/720*100vw);
	}
	
	.coupon_evt-container .mo_coupon_slide .swiper-slide:last-child {
		padding-right: calc(21/720*100vw);
		width: calc(320/720*100vw);
	}
	.coupon_evt-container .mo_coupon_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 .mo_coupon_slide .swiper-pagination-custom,
	.coupon_evt-container .mo_coupon_slide .swiper-pagination-fraction {
		bottom: 0;
	}
	.coupon_evt-container .mo_coupon_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 {
		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);
	}
	
}