/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-52466
* CODE : Dev - EV00018901 , Prod - EV00006751
* FILE : /kr/event/2024/01/08_styler_changeup/css/event.css
* DESC : 스타일러 교체 수요 고객 대상 프로모션 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2023/12/20				정규진			    Created
* 2024/01/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;
}

/* 레이어 팝업 아코디언 */
.layer-pop .evt-acco-area{
	margin-top:24px;
}
.layer-pop .pop-conts.academy-pop .form-wrap .forms .conts .evt-acco-area .sn-number-wrap{
	padding:12px 24px;
}
.layer-pop .evt-acco-head{
	top: 12px;
    height: 27px;
    padding: 0 12px;
	z-index:1;
}
.layer-pop .evt-btn-area .evt-acco-btn{
	width:100%;
}
.layer-pop .evt-acco-cont{
	position:relative;
}
.layer-pop .evt-acco-cont:after{
	content:'';
	position: absolute;
	top: 10px;
	right: 16px;
	width: 32px;
	height: 32px;
	background: url(/lg5-common/images/icons/btn-down-16-black.svg) no-repeat 50% 50%;
	transition: all .3s;
}
.layer-pop .evt-acco-cont.unfolded:after{
	transform: rotate(180deg);
}

.evt-btn-area.evt-join-group{	
	width: calc(840 / 1380 * 100%);
	margin-bottom: calc(100 / 1380 * 100%);
    padding-bottom: calc(90 / 1380 * 100%);
	bottom: 0;
	left: 50%;
    transform: translateX(-50%);
}
.evt-btn-area.evt-join-group div{
	justify-content: space-between;
}
.evt-btn-area.evt-join-group a{
	width: calc(400 / 840 * 100%);
}

/* 모바일 */
.mdevice .evt-btn-area.evt-join-group{
    width: calc(640 / var(--width) * 100%);
    margin-bottom: calc(100 / var(--width) * 100%);
    padding-bottom: calc(265 / var(--width) * 100%);
}
.mdevice .evt-btn-area.evt-join-group > div{
	flex-direction: column;
}
.mdevice .evt-btn-area.evt-join-group a{
	width: 100%;
    height: calc(124 / 265 * 100%);
}

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