/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-52679
* CODE : Dev - EV00018892 , Prod - EV00006744
* FILE : /kr/event/2023/12/29_miracle_must/eventMainMiracleMust.jsp
* DESC : 웨딩 이사 축하 Show핑전 MUST & BEST 구매고객 경품 추첨 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2024/01/12				정규진			    Created
************************************************************************************
**/

/* 이벤트 기본 설정 */
* {
	--width: 1380;
}
.evt-func {
	position: relative;
}
.evt-acco-btn{
	width: 100%;
}
/* 참여팝업 */
#miracleMustAgree1_f table tbody tr td {
	font-weight: bold;
}
#miracleMustAgree1_f table tbody tr td:last-child {
	font-size:20px;
  	line-height:30px;
	text-decoration: underline;
}

/* 바닥페이지 */
.miracleMust-container .evt-btn-area.join-miracle{
	bottom: 0;
	margin-bottom: calc(80 / var(--width) * 100%);
    padding-bottom: calc(185 / var(--width) * 100%);
}
.miracleMust-container .evt-btn-area.join-miracle > div{
	flex-direction: column;
}
.miracleMust-container .evt-btn-area.join-miracle a{
	width: calc(700 / var(--width) * 100%);
}

.miracleMust-container .evt-btn-area.eachLink{
	bottom: 0;
	width: calc(950 / var(--width) * 100%);
	left: 50%;
	margin-bottom: calc(40 / var(--width) * 100%);
	padding-bottom: calc(655 / var(--width) * 100%);
	transform: translateX(-50%);
}
.miracleMust-container .evt-btn-area.eachLink > div{
	flex-wrap: wrap;
	align-items: flex-start;
}
.miracleMust-container .evt-btn-area.eachLink a{
	width: calc(265 / 950 * 100%);
	height: calc(280 / 820 * 100%);
	margin: calc(18 / 820 * 100%) calc(15 / 950 * 100%);
}
.miracleMust-container .evt-acco-head {
    top: 0;
    padding-top: calc(110 / var(--width) * 100%);
}
@media screen and (max-width: 767px){
    * {
		--width: 720;
	}
    /* 참여팝업 */
	#miracleMustAgree1_f table tbody tr td:last-child {
        font-size:16px;
        line-height:24px;
    }

    .miracleMust-container .evt-btn-area.join-miracle a{
        width: calc(520 / var(--width) * 100%);
    }
    .miracleMust-container .evt-btn-area.eachLink{
        width: 100%;
        margin-bottom: calc(80 / var(--width) * 100%);
        padding-bottom: calc(940 / var(--width) * 100%);
    }
    .miracleMust-container .evt-btn-area.eachLink a{
        width: calc(265 / var(--width) * 100%);
        height: calc(290 / 1147 * 100%);
        margin: calc(60 / 1147 * 100%) calc(20 / var(--width) * 100%);
    }
}