/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-43652
* CODE : Dev - EV00018491 , Prod - EV00006261
* FILE : /kr/event/2023/08/24_coupon_kbstar/eventMainCouponKbstar.jsp
* DESC : KB스타뱅킹 제휴쿠폰 구매인증 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2023/08/11				신우용				Created
************************************************************************************
**/

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

.evt-btn-area{
	bottom: 0;
}

.evt-join-group {
	margin-bottom: calc(300 / 1380 * 100%);
    padding-bottom: calc(80 / 1380 * 100%);
}
.evt-join-group a {
	width: calc(330 / 1380 * 100%);
    margin: 0 calc(20 / 1380 * 100%);
} 

.mdevice .evt-join-group {
	margin-bottom: calc(285 / var(--width) * 100%);
    padding-bottom: calc(222 / var(--width) * 100%);
}
.mdevice .evt-join-group > div{
	flex-direction: column;
}
.mdevice .evt-join-group a {
    width: calc(605 / var(--width) * 100%);
    margin: calc(15 / var(--width) * 100%) 0;
}

.btnLinkOut {
	margin-bottom: calc(80 / 1380 * 100%);
    padding-bottom: calc(160 / 1380 * 100%);
}

.btnLinkOut a {
	width: calc(700 / 1380 * 100%);
} 

.mdevice .btnLinkOut {
	margin-bottom: calc(80 / var(--width) * 100%);
    padding-bottom: calc(160 / var(--width) * 100%);
}

.mdevice .btnLinkOut a {
    width: calc(600 / var(--width) * 100%);
}