/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-95666
* CODE : Dev - EV00020751 , Prod - EV00008411
* FILE : /kr/event/2025/06/02_whisen_coupon/eventMainWhisenCoupon.jsp
* DESC : 25년 6월 에어컨 프로모션 - 쿠폰팩 다운로드
* PROJ : lge.co.kr 5.0
************************************************************************************ 
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2025/05/26				신우용				Created
************************************************************************************
**/

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

.consum-coupon-container{
	max-width: 1380px;
  	margin: 0 auto;
  	background-color: #F3F1ED;
}
.cp-ticket-wrap{
	width: calc(1000 / var(--width) * 100%);
	margin: 0 auto;
	text-align: left;
}
#new .cp-ticket-wrap{
	padding-bottom: calc(40 / 1000 * 100%);
}
.cp-ticket-wrap .cp-list{
	display: flex;
	margin: calc(55 / 1000 * 100%) 0;
}
.cp-ticket-wrap .cp-ticket{
	position: relative;
	display: inline-flex;
	width: calc(488 / 1000 * 100%);
}
.cp-ticket-wrap .cp-ticket a{
	position: absolute;
	top: 0;
	right: 0;
	width: calc(140 / 488 * 100%);
	height: 100%;
	z-index: 1;
}
.cp-ticket-wrap .evt-acco-head{
	top: 0;
	padding-top: calc(36 / 1000 * 100%);
}
.cp-ticket-wrap .evt-acco-head > div{
	justify-content: flex-start;
}
.cp-ticket-wrap .evt-acco-head button{
	width: calc(335 / 1000 * 100%);
}
@media screen and (max-width: 767px){
    * {
		--width: 720;
	}

	.cp-ticket-wrap{
		width: calc(624 / var(--width) * 100%);
	}
  	#new .cp-ticket-wrap{
        padding-bottom: calc(40 / 624 * 100%);
    }
	.cp-ticket-wrap .cp-list{
		margin: calc(55 / 624 * 100%) 0;
	}
	.cp-ticket-wrap .cp-ticket{
		width: 100%;
	}
	.cp-ticket-wrap .cp-ticket a{
        width: calc(150 / 624 * 100%);
    }
	.cp-ticket-wrap .evt-acco-head{
		padding-top: calc(36 / 624 * 100%);
	}
	.cp-ticket-wrap .evt-acco-head button{
		width: calc(335 / 624 * 100%);
	}
}