/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-64889
* CODE : Dev - EV00019521 , Prod - EV00007381 
* FILE : /kr/event/2024/06/01_lg_coupon/eventMainLgCoupon.jsp
* DESC : 6월 신규회원 웰컴쿠폰 다운로드 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2024/05/22				신우용				Created
************************************************************************************
**/

/* 이벤트 기본 설정 */
* {
	--width: 1380;
}
.evt-func {
	position: relative;
}

.event-container{
	background-image:url('/kr/event/2024/06/01_lg_coupon/images/bg.jpg');
  	background-repeat: no-repeat;
  	background-position:center top;
  	background-size:cover;
}

a[id^="couponBtn"]{
	position: absolute;
	width: 3%;
	height: 3.8%;
	right: 33.9%;
}
#couponBtnA{
	bottom: 33.2%;
}
#couponBtnB{
	bottom: 21.6%;
}
#couponBtnAll{
	bottom: 10.1%;
	left: 50%;
	right: auto;
	width: 14.8%;
	height: 4.9%;
	transform:translateX(-50%);
}
.evt-btn-area.evt-acco-head {
    bottom: auto;
    top: 0;
    padding-top: calc(80 / var(--width)* 100%);
}
.evt-btn-area.evt-acco-head button {
    width: 100%;
}

.event_bn {
    padding: calc(60 / var(--width)* 100%) 0;
}
.event_bn .pc{
	position: relative;
}
.event_bn .only{
	position: relative;
	width: calc(780 / var(--width)* 100%);
	margin: 0 auto;
}
.event_bn .btn-wrap{
	display:flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 calc(40 / var(--width)* 100%);
}
.event_bn .only .btn-wrap{
	padding: 0;
}
.event_bn a[class^="event_bn_0"] {
	flex: 1;
}
.event_bn .event_bn_02 {
	margin: 0 calc(20 / var(--width)* 100%);
}
@media screen and (max-width: 767px){
    * {
		--width: 720;
	}
	.event-container{
        background-image:url('/kr/event/2024/06/01_lg_coupon/images/bg_m.jpg');
    }
	a[id^="couponBtn"]{
		width: 9%;
		height: 4.2%;
		right: 12.9%;
	}
	#couponBtnA{
		bottom: 22.1%;
	}
	#couponBtnB{
		bottom: 12.2%;
	}
	#couponBtnAll{
		bottom: 2.3%;
		width: 90%;
		height: 5.5%;
	}
	.evt-btn-area.evt-acco-head {
		padding-top: calc(110 / var(--width)* 100%);
	}
    .event_bn .btn-wrap{
		flex-direction: column;
	}
	.event_bn .only{
		width: calc(620 / var(--width)* 100%);
		margin: 0 auto;
	}
	.event_bn .event_bn_02 {
		margin: calc(30 / var(--width)* 100%) 0;
	}
	.evt-banner{
		width: calc(620 / var(--width)* 100%);
		margin: 0 auto;
	}
	.evt-banner .swiper-pagination{
		position:static;
		margin-top: 3%;
	}
	.evt-banner .swiper-pagination .swiper-pagination-bullet{
		margin:0 5px;
		background-color:#cbc8c2;
		opacity: 1;
	}
	.evt-banner .swiper-pagination .swiper-pagination-bullet-active{
		background-color:#4a4946;
	}
}