/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-44765
* CODE : Dev - EV00018671 , Prod - EV00006526
* FILE : /kr/event/2023/10/26_chair_sns/eventMainChairSns.jsp
* DESC : 안마의자 신제품 매장체험 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2023/09/21				신우용				Created
************************************************************************************
**/

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

.evt-btn-area{
	bottom: 0;
}


.video-wrap{
	padding-bottom: calc(80 / 1380 * 100%);
	background-color: #f8f7f5;
}

.video-wrap .video-frame{
	overflow: hidden;
	width: calc(700 / 1380 * 100%);
	margin:0 auto;
	border-radius: 12px;
}

.video-wrap .video-frame video{
	width:100%;
	height:100%;
}

.eachLink{
	margin-bottom: calc(100 / 1380 * 100%);
    padding-bottom: calc(88 / 1380 * 100%);
}

.eachLink a{
	width: calc(400 / 1380 * 100%);
}
                
.bestshop-visit{
	position: absolute;
    top: calc(700 / 1380 * 100%);
    left: calc(195 / 1380 * 100%);
    width: calc(270 / 1380 * 100%);
    height: calc(100 / 1380 * 100%);
}
.bestshop-visit a{
	display: block;
    height: 100%;
}
                 
.evt-hash-area{
	bottom: 0;
    margin-bottom: calc(100 / 1380 * 100%);
    padding-bottom: calc(100 / 1380 * 100%);
}

.evt-hash-area button{
	width: calc(300 / 1380 * 100%);
}

#joinBtn{
	position: absolute;
    top: calc(668 / 1380 * 100%);
    right: calc(190 / 1380 * 100%);
    width: calc(280 / 1380 * 100%);
    height: calc(120 / 1380 * 100%);
}

.bestshop-call{
	margin-bottom: calc(370 / 1380 * 100%);
	padding-bottom: calc(88 / 1380 * 100%);
}
.bestshop-call a{
	width: calc(400 / 1380 * 100%);
}

.mdevice .video-wrap{
	padding-bottom: calc(80 / var(--width) * 100%);
}

.mdevice .video-wrap .video-frame{
	width: calc(560 / var(--width) * 100%);
	border-radius: 8px;
}

.mdevice .eachLink{
	margin-bottom: calc(100 / var(--width) * 100%);
    padding-bottom: calc(88 / var(--width) * 100%);
}

.mdevice .eachLink a{
	width: calc(400 / var(--width) * 100%);
}
                
.mdevice .bestshop-visit{
    top: calc(175 / var(--width) * 100%);
    left: 50%;
    width: calc(270 / var(--width) * 100%);
    height: calc(40 / var(--width) * 100%);
    transform: translateX(-50%);
}
                 
.mdevice .evt-hash-area{
    margin-bottom: calc(580 / var(--width) * 100%);
    padding-bottom: calc(100 / var(--width) * 100%);
}

.mdevice .evt-hash-area button{
	width: calc(300 / var(--width) * 100%);
}

.mdevice #joinBtn{
    top: calc(548 / var(--width) * 100%);
    right: auto;
	left: 50%;
    width: calc(400 / var(--width) * 100%);
    height: calc(44 / var(--width) * 100%);
	transform: translateX(-50%);
}

.mdevice .bestshop-call{
	margin-bottom: calc(370 / var(--width) * 100%);
	padding-bottom: calc(88 / var(--width) * 100%);
}
.mdevice .bestshop-call a{
	width: calc(400 / var(--width) * 100%);
}