/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-43874
* CODE : Dev - EV00018751 , Prod - EV00006622
* FILE : /kr/event/2023/11/20_puri_tray/css/event.css
* DESC : 정수기 물받침 사은품 신청 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2023/10/30				정규진			    Created
* 2023/12/27				정규진			    바닥페이지
************************************************************************************
**/

/* 이벤트 기본 설정 */
.mdevice {
    --width: 720;
    }
.evt-func {
    position: relative;
}
/* 참여팝업 */
#agree1_f table tbody tr td:last-child {
	font-size:20px;
  	line-height:30px;
	text-decoration: underline;
}
.pop-conts .btn-group {
    padding-top: 48px;
    text-align: center;
}
.layer-confirmModify-pop {
    padding-bottom: 48px;
}

.evt-btn-area.evt-join-btn {
    width: calc(662 / 1380 * 100%);
    padding-top: calc(98 / 1380 * 100%);
    margin-bottom: calc(409 / 1380 * 100%);
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.evt-btn-area.evt-join-btn a {
    width: 100%;
    height: 100%;
}

.evt-btn-area.evt-flex-btn {
    width: calc(662 / 1380 * 100%);
    padding-top: calc(58 / 1380 * 100%);
    margin-bottom: calc(314 / 1380 * 100%);
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.evt-btn-area.evt-flex-btn div {
    justify-content: space-around;
}
.evt-btn-area.evt-flex-btn a {
    width: calc(263 / 662 * 100%);
    height: 100%;
}

/* 모바일 */
.mdevice .evt-btn-area.evt-join-btn {
    width: calc(602 / var(--width) * 100%);
    padding-top: calc(98 / var(--width) * 100%);
    margin-bottom: calc(465 / var(--width) * 100%);
}

.mdevice .evt-btn-area.evt-flex-btn {
    width: calc(602 / var(--width) * 100%);
    padding-top: calc(58 / var(--width) * 100%);
    margin-bottom: calc(372 / var(--width) * 100%);
}
.mdevice .evt-btn-area.evt-flex-btn a {
    width: calc(263 / 602 * 100%);
}


@media screen and (max-width: 767px){
    /* 참여팝업 */
    #agree1_f table tbody tr td:last-child {
        font-size:16px;
        line-height:24px;
    }
	.layer-confirmModify-pop {
        padding-bottom: 0;
    }
    .layer-confirmModify-pop .pop-footer.center {
      	position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 200;
        -webkit-transform: translateZ(0);
        background: #ea1917;
        padding-top: 0;
    }
    .btn-group.pop-footer.center .btn{
        border-radius: 0;
        background: #ea1917!important;
    }
}