/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-46402
* CODE : Dev - EV00018631 , Prod - EV00006461
* FILE : /kr/event/2023/10/11_esg_sns/css/event.css
* DESC : 10월 ESG 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2023/09/14				정규진			    Created
* 2023/10/05				정규진			    바닥페이지
************************************************************************************
**/

/* 이벤트 기본 설정 */
.mdevice {
    --width: 720;
    }
.evt-func {
    position: relative;
}
/* 참여팝업 */
#agree1_f table tbody tr td:last-child {
	font-size:20px;
  	line-height:30px;
	text-decoration: underline;
}
/* 해시태그 */
.evt-hash-area {
    width: calc(272 / 1380 * 100%);
    padding-top: calc(47 / 1380 * 100%);
    margin-bottom: calc(221 / 1380 * 100%);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.evt-hash-area button {
    width: 100%;
}
/* sns공유하기 */
.evt-sns-area {
    width: calc(220 / 1380 * 100%);
    height: 0;
    padding-top: calc(91 / 1380 * 100%);
    margin-bottom: calc(97 / 1380 * 100%);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.evt-sns-area > div {
    justify-content: space-between;
}
.evt-sns-area > div a {
    width: 47%;
    height: 100%;
}
/* 참여하기 버튼 */
.evt-btn-area {
    width: 100%;
    padding-top: calc(82 / 1380 * 100%);
    margin-bottom: calc(99 / 1380 * 100%);
    bottom: 0;
}
.evt-btn-area a {
    width: calc(363 / 1380 * 100%);
    height: 100%;
    margin: 0 auto;
}

/* 모바일 */
/* 해시태그 */
.mdevice .evt-hash-area {
    width: calc(272 / var(--width) * 100%);
    padding-top: calc(47 / var(--width) * 100%);
    margin-bottom: calc(239 / var(--width) * 100%);
}
/* sns공유하기 */
.mdevice .evt-sns-area {
    width: calc(220 / var(--width) * 100%);
    padding-top: calc(91 / var(--width) * 100%);
    margin-bottom: calc(97 / var(--width) * 100%);
}
/* 참여하기 버튼 */
.mdevice .evt-btn-area {
    padding-top: calc(90 / var(--width) * 100%);
    margin-bottom: calc(99 / var(--width) * 100%);
    transform: translateX(18%);
}
.mdevice .evt-btn-area a {
    width: calc(301 / var(--width) * 100%);
}

@media screen and (max-width: 767px){
    /* 참여팝업 */
    #agree1_f table tbody tr td:last-child {
        font-size:16px;
        line-height:24px;
    }
}