/**
************************************************************************************
* CSR      : http://clm.lge.com/issue/browse/BTOCSITE-62637
* CODE_EVT : Dev - EV00019421 , Prod - EV00007281
* CODE_EXH : Dev - PE00223001 , Prod - PE00456001
* FILE     : /kr/event/2024/04/18_tromm_wash/eventMainTrommWash.jsp
* DESC     : LG 트롬 오브제컬렉션 워시콤보 OBS 이벤트
* PROJ     : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2024/04/04				신우용				Created
************************************************************************************
**/

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

.wash-event-container .evt-sns-area {
	bottom: 0;
	position: absolute;
	padding-top: calc(76 / var(--wash-event-width) * 100%);
	margin-bottom: calc(315 / var(--wash-event-width) * 100%);
}

.wash-event-container .section03 .btn-share1 {position:absolute;top:0;left:50%;}
.wash-event-container .section03 .btn-share2 {position:absolute;top:0;left:50%;}
.wash-event-container .section03 .btn-share3 {position:absolute;top:0;left:50%;}
.wash-event-container .section03 .btn-share4 {position:absolute;top:0;left:50%;}
.wash-event-container .section03 .btn-share5 {position:absolute;top:0;left:50%;}

@media screen and (max-width: 767px){
    * {
		--wash-event-width: 720;
	}
	.evt-sns-area {
		padding-top: calc(99 / var(--wash-event-width) * 100%)!important;
		margin-bottom: calc(369 / var(--wash-event-width) * 100%)!important;
	}

	.wash-event-container .section03 .btn-share1 {top:0;}
	.wash-event-container .section03 .btn-share2 {top:0;}
	.wash-event-container .section03 .btn-share3 {top:0;}
	.wash-event-container .section03 .btn-share4 {top:0;}
	.wash-event-container .section03 .btn-share5 {top:0;}
}