/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-88429
* CODE : Dev - EV00020491 , Prod - EV00008181
* FILE : /kr/event/2025/03/04_xboom_Buds/eventMainXboomBuds.jsp
* DESC : 엑스붐 브랜드데이 응모 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2025/02/24				신우용				Created
************************************************************************************
**/

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

.evt-btn-area.xboom-join{
    bottom: 0;
    margin-bottom: calc(80 / var(--width)* 100%);
    padding-bottom: calc(62 / var(--width)* 100%);
}

.evt-btn-area.xboom-join a{
    width: calc(320 / var(--width)* 100%);
}

.evt-btn-area.evt-acco-head{
	top: 0;
	padding-top: calc(56 / var(--width)* 100%);
}
.evt-btn-area.evt-acco-head button{
	width: 100%;
}

@media screen and (max-width: 767px){
	* {
        --width: 720;
    }

    .evt-btn-area.xboom-join{
        padding-bottom: calc(90 / var(--width)* 100%);
    }
    
    .evt-btn-area.xboom-join a{
        width: calc(600 / var(--width)* 100%);
    }
  
  	.evt-btn-area.evt-acco-head{
		padding-top: calc(90 / var(--width)* 100%);
	}
}