/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-64268
* CODE : Dev - EV00019501 , Prod - EV00007342
* FILE : /kr/event/2024/05/01_lg_coupon/eventMainLgCoupon.jsp
* DESC : [5월 통합기획전] 할인쿠폰 다운로드
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2024/04/18				신우용				Created
************************************************************************************
**/

/* 이벤트 기본 설정 */
* {
	--width: 1380;
}
.evt-func {
	position: relative;
}
.coupon-container{
	margin-bottom: calc(50 / var(--width) * 100%);
}
.coupon-container .evt-acco-head.evt-btn-area{
	top:0;
	height: 100%;
}
.coupon-container .evt-acco-head.evt-btn-area button{
	width: calc(720 / var(--width) * 100%);
}
.coupon-container .evt-acco-head.evt-btn-area a{
	position: absolute;
    top: 40px;
    right: calc(420 / var(--width)* 100%);
    width: calc(60 / var(--width)* 100%);
    height: 60px;
    cursor: pointer;
    z-index: 1;
}

.coupon-container .evt-step{
	position: relative;
}
.coupon-container .evt-step a{
	position:absolute;
	left: 50%;
	top: calc(120 / var(--width) * 100%);
	width: calc(720 / var(--width) * 100%);
	height: calc(600 / var(--width) * 100%);
	transform: translateX(-50%);
}
.coupon-container .evt-step a + a{
	top: calc(780 / var(--width) * 100%);
}
@media screen and (max-width: 1470px){
	.coupon-container .evt-acco-head.evt-btn-area a{
        top: 2.5vw;
        height: 4.2vw;
    }
}
@media screen and (max-width: 767px){
    * {
		--width: 720;
	}

	.coupon-container .evt-acco-head.evt-btn-area button{
		width: calc(630 / var(--width) * 100%);
	}
	.coupon-container .evt-acco-head.evt-btn-area a{
		top: 6vw;
		right: 17.6vw;
		width: 7.6vw;
		height: 7.6vw;
	}

	.coupon-container .evt-step a{
		top: 4.4vw;
		width: 87vw;
		height: 16.3vw;
	}
	.coupon-container .evt-step a + a{
		top: 23.1vw;
	}
}