/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-45820
* CODE : Dev - EV00018701 , Prod - EV00006561
* FILE : /kr/event/2023/11/01_fw_airconditioners/eventMainFwAirconditioners.jsp
* DESC : LGE.COM 사계절에어컨 포토리뷰 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2023/10/17				신우용				Created
* 2023/10/30				정규진				바닥페이지
************************************************************************************
**/

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

/* 레이어 팝업 아코디언 */
.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);
}
/* 제품링크 */
.link-area{
    width: calc(1150 / 1380 * 100%);
    /* padding-top: calc(800 / 1380 * 100%); */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: calc(169 / 1380 * 100%);
}
.link-area li+li+li+li+li{
    margin-top: calc(162 / 1150 * 100%);
}
.link-area .eachLink{
	width: calc(265 / 1150 * 100%);
    padding-top: calc(320 / 1150 * 100%);
	position: relative;
}
.link-area .eachLink a{
	width: 100%;
    height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* 참여팝업 버튼 */
.evt-btn-area.evt-join-group{
	width: calc(833 / 1380 * 100%);
    padding-top: calc(82 / 1380 * 100%);
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(98 / 1380 * 100%);
}
.evt-btn-area.evt-join-group div{
	justify-content: space-between;
}
.evt-btn-area.evt-join-group a{
	width: calc(402 / 833 * 100%);
	height: 100%;
}

/* 모바일 */
/* 제품링크 */
.mdevice .link-area{
    width: calc(560 / var(--width) * 100%);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: calc(129 / var(--width) * 100%);
}
.mdevice .link-area li+li+li{
    margin-top: calc(142 / 560 * 100%);
}
.mdevice .link-area .eachLink{
	width: calc(265 / 560 * 100%);
    padding-top: calc(320 / 560 * 100%);
	position: relative;
}
.mdevice .link-area .eachLink a{
	width: 100%;
    height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* 참여팝업 버튼 */
.mdevice .evt-btn-area.evt-join-group{
	width: calc(560 / var(--width) * 100%);
    padding-top: calc(232 / var(--width) * 100%);
    display: flex;
	flex-direction: column;
    justify-content: space-between;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(26 / var(--width) * 100%);
}
.mdevice .evt-btn-area.evt-join-group div{
	flex-direction: column;
	justify-content: space-between;
}
.mdevice .evt-btn-area.evt-join-group a{
    width: 100%;
    height: calc(103 / 232 * 100%);
}