/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-72494
* CODE : Dev - EV00019871 , Prod - EV00007691
* FILE : kr/event/2024/09/05_lg_lotte/eventMainLgLotte.jsp
* DESC : LG전자 X 롯데면세점 제휴 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2024/09/02				김미선				바닥페이지
************************************************************************************
**/

/* 이벤트 기본 설정 */
* {
    --width: 1380;
}
.evt-func {
    position: relative;
}
/* 버튼 공통 */
.evt-btn-area,
.evt-down-area,
.evt-hash-area {
    width: calc(800 / var(--width) * 100%);
    padding-top: calc(90 / var(--width)* 100%) !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

/* STEP1 버튼 */
.evt-btn-area.link_evt-01 {
    margin-bottom: calc(1672 / var(--width) * 100%);
}
.evt-btn-area.link_evt-02 {
    margin-bottom: calc(1155 / var(--width) * 100%);
}
.evt-btn-area.link_evt-03 {
    margin-bottom: calc(630 / var(--width) * 100%);
}
.evt-btn-area a {
    display: block;
    width: 100%;
}

/* 이미지 다운로드 버튼 */
.evt-down-area div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.evt-down-area a {
	display: block;
	width: 100%;
	height: 100%;
}

/* 해시태그 */
.evt-hash-area{
    margin-bottom: calc(200 / var(--width) * 100%) !important;
}
.evt-hash-area button{
	display: block;
	width: 100%;
}

/* sns버튼 */
.evt-btn-area.evt-sns-area {
	width: calc(250 / var(--width) * 100%);
	margin-bottom: calc(60 / var(--width) * 100%) !important;
	padding-top: calc(95 / var(--width)* 100%) !important;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}
.evt-sns-area div {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

/* 응모하기 버튼 */
.evt-btn-area.evt-join-btn {
    margin-bottom: calc(256 / var(--width) * 100%);
}

/* 모바일 */
@media screen and (max-width: 767px){
    * {
        --width: 720;
    }
    /* 버튼 공통 */
    .evt-btn-area,
    .evt-down-area,
    .evt-hash-area {
        width: 75%;
        left: 53%;
    }

    /* STEP1 버튼 */
    .evt-btn-area.link_evt-01 {
        margin-bottom: calc(1843 / var(--width) * 100%);
    }
    .evt-btn-area.link_evt-02 {
        margin-bottom: calc(1338 / var(--width) * 100%);
    }
    .evt-btn-area.link_evt-03 {
        margin-bottom: calc(705 / var(--width) * 100%);
    }

    /* sns버튼 */
    .evt-btn-area.evt-sns-area {
        width: 38%;
        left: 53%;
    }

    /* 응모하기 버튼 */
    .evt-btn-area.evt-join-btn {
        margin-bottom: calc(180 / var(--width) * 100%);
    }
}