/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-66894
* CODE : Dev - EV00019591 , Prod - EV00007461
* FILE : /kr/event/2024/06/10_lg_stemate/eventMainLgStemate.jsp
* DESC : STEMate 이벤트-1차
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2024/05/23				신우용				Created
* 2024/06/03				임명미				바닥페이지
************************************************************************************
**/

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

.evt-btn-area.evt-join-btn {
    width: calc(478 / var(--width) * 100%);
    padding-top: calc(84 / var(--width) * 100%);
    margin-bottom: calc(99 / var(--width) * 100%);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.evt-btn-area.evt-join-btn div {
    width: 100%;
    height: 100%;
}
.evt-btn-area.evt-join-btn a {
    width: 100%;
    height: 100%;
}

.evt-btn-area.mission-group{
    bottom: 0;
	margin-bottom: calc(68 / var(--width) * 100%);
	padding-bottom: calc(220 / var(--width) * 100%);
}
.evt-btn-area.mission-group > div{
	flex-direction: column;
}
.evt-btn-area.mission-group a{
	width: calc(478 / var(--width) * 100%);
	margin: calc(12 / var(--width) * 100%) 0;
}


@media screen and (max-width: 767px){
    * {
		--width: 720;
	}
	.evt-btn-area.evt-join-btn {
		width: calc(478 / var(--width) * 100%);
		padding-top: calc(84 / var(--width) * 100%);
		margin-bottom: calc(78 / var(--width) * 100%);
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
}