/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-50527
* CODE : Dev - EV00018771 , Prod - EV00006661
* FILE : /kr/event/2023/11/23_humidifiers_review/eventMainHumidifiersReview.jsp
* DESC : 하이드로타워 포토리뷰 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2023/11/10				신우용				Created
************************************************************************************
**/

/* 이벤트 기본 설정 */
.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);
}
.evt-btn-area{
	bottom:0;
}
.evt-btn-area.eachLink{
  	left: 50%;
    width: calc(880 / 1380 * 100%);
    margin-bottom: calc(95 / 1380 * 100%);
    padding-bottom: calc(850 / 1380 * 100%);
    transform: translateX(-50%);
}
.evt-btn-area.eachLink > div{
	flex-wrap: wrap;
	justify-content: start;
}
.evt-btn-area.eachLink a{
	width: calc(420 / 1380 * 100%);
    height: calc(520 / 1380 * 100%);
    margin: calc(85 / 1380 * 100%) calc(20 / 1380 * 100%);
}
.humidifiers-slide{
	position: absolute;
	top: calc(140 / 1380 * 100%);
	left: 50%;
	width: calc(1140 / 1380 * 100%);
	transform: translateX(-50%);
}
.humidifiers-slide .swiper-slide{
	flex-shrink: 1;
}
.humidifiers-slide .swiper-slide:nth-child(2){
	margin: 0 calc(35 / 1380 * 100%);
}
.humidifiers-slide .swiper-button-next, .humidifiers-slide .swiper-button-prev{
	display: none;
}
.evt-btn-area.evt-join-group{
	margin-bottom: calc(80 / 1380 * 100%);
    padding-bottom: calc(80 / 1380 * 100%);
}
.evt-btn-area.evt-join-group a{
	width: calc(400 / 1380 * 100%);
    margin: 0 calc(15 / 1380 * 100%);
}

.mdevice .humidifiers-slide{
	top: calc(60 / var(--width) * 100%);
	width: calc(560 / var(--width) * 100%);
}
.mdevice .humidifiers-slide .swiper-slide{
	flex-shrink: 0;
}
.mdevice .humidifiers-slide .swiper-slide:nth-child(2){
	margin:0;
}

.mdevice .humidifiers-slide .swiper-button-next, .mdevice .humidifiers-slide .swiper-button-prev{
	display: block;
	width: 12.8vw;
	height: 12.8vw;
	background-image: url('/kr/event/2023/11/23_humidifiers_review/images/btn_slide.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% 100%;
}

.mdevice .humidifiers-slide .swiper-button-prev{
	left: -6.4vw;
}
.mdevice .humidifiers-slide .swiper-button-next{
	right: -6.4vw;
	transform: rotate(180deg);
}

.mdevice .evt-btn-area.eachLink{
  	width: calc(590 / var(--width) * 100%);
    margin-bottom: calc(90 / var(--width) * 100%);
    padding-bottom: calc(1265 / var(--width) * 100%);
}
.mdevice .evt-btn-area.eachLink a{
	width: calc(330 / var(--width) * 100%);
    height: calc(185 / var(--width) * 100%);
    margin: calc(50 / var(--width) * 100%) calc(15 / var(--width) * 100%);
}

.mdevice .evt-btn-area.evt-join-group{
	margin-bottom: calc(65 / 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: calc(560 / var(--width) * 100%);
    margin: calc(15 / var(--width) * 100%) 0;
}