/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-35250
* CODE : Dev - EV00018301 , Prod - EV00005801
* FILE : /kr/event/2023/06/01_short_sns/eventMainShortSns.jsp
* DESC : 6월 전사 판촉 -숏폼 챌린지 | LG전자
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2023/05/08				정규진				Created
************************************************************************************
**/

/* 이벤트 기본 설정 */
.mdevice {
	--width: 720;
}
.event-header video{
	width: 100%;
	height: auto;
	display: block;
}
.evt-func {
	position: relative;
}
.evt-hash-area{
	width: calc(608 / 1380 * 100%);
	padding-top: calc(272 / 1380 * 100%);
    margin-bottom: calc(307 / 1380 * 100%);
	margin-left: calc(13 / 1380 * 100%);
	left: 50%;
	transform: translateX(-50%);
    bottom: 0;
}
.evt-hash-area button{
	width: 100%;
	height: 100%; 
}
.join-evt{
	width: 100%;
	padding-top: calc(130 / 1380 * 100%);
	margin-bottom:  calc(99 / 1380 * 100%);
	bottom: 0;
}
.join-evt a{
	width: calc(655 / 1380 * 100%);
	height: 100%;
	margin: 0 auto;
}

.mdevice .evt-hash-area{
	width: calc(544 / var(--width) * 100%);
	padding-top: calc(272 / var(--width) * 100%);
    margin-bottom: calc(342 / var(--width) * 100%);
	margin-left: calc(67 / 1380 * 100%);
}
.mdevice .evt-hash-area button{
	width: 100%;
	height: 100%;
}
.mdevice .join-evt{
	padding-top: calc(129 / var(--width) * 100%);
	margin-bottom: calc(96 / var(--width) * 100%);
}
.mdevice .join-evt a{
	width: calc(655 / var(--width) * 100%);
	height: 100%;
	margin: 0 auto;
}