/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-69580
* CODE : Dev - EV00019721 , Prod - EV00007591
* FILE : /kr/event/2024/08/01_a9_photo/eventMainA9Photo.jsp
* DESC : 청소기 신모델 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2024/07/16				신우용				Created
* 2024/07/30				김미선				바닥페이지
************************************************************************************
**/

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

/* 슬라이드 */
.a9event-slider {
	width: calc(648 / var(--width) * 100%);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    margin-top: calc(160 / var(--width) * 100%);
}
.a9event-slider .swiper-container {
	width: 100%;
}
.a9event-slider .swiper-container img {
	padding: 13px;
}
.a9event-slider .swiper-button-next,
.a9event-slider .swiper-button-prev {
    top: initial;
    bottom: 0;
    margin-bottom: calc(237 / 648 * 100%);
}
.a9event-slider .swiper-button-next {
	width: calc(92 / 648 * 100%);
	padding-top: calc(77 / 648 * 100%);
	right: calc(-23 / 648 * 100%);
	background: url(/kr/event/2024/08/01_a9_photo/images/btn_next.png) no-repeat 0 0;
	background-size: 100%;
}
.a9event-slider .swiper-button-prev {
	width: calc(92 / 648 * 100%);
	padding-top: calc(77 / 648 * 100%);
	left: calc(-23 / 648 * 100%);
	background: url(/kr/event/2024/08/01_a9_photo/images/btn_prev.png) no-repeat 0 0;
	background-size: 100%;
}

/* 케어서비스 신청하기 */
.evt-btn-area.a9_Btn {
	width: 100%;
	padding-top: calc(90 / var(--width) * 100%);
	margin-bottom: calc(126 / var(--width) * 100%);
	position: absolute;
	bottom: 0;
}
.evt-btn-area.a9_Btn a {
	width: calc(520 / var(--width) * 100%);
	margin: 0 auto;
}

/* 제품링크 */
.evt-btn-area.eachLink {
    width: calc(621 / var(--width) * 100%);
    margin-bottom: calc(233 / var(--width) * 100%);
    left: 50%;
    padding-top: calc(64 / var(--width) * 100%);
    transform: translateX(-50%);
    bottom: 0;
    margin-left: calc(1 / var(--width)*100%);
}
.evt-btn-area.eachLink div {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.evt-btn-area.eachLink a {
    width: calc(273 / 567 * 100%);
}

/* 제품더보기 버튼 */
.evt-btn-area.product_popup_wrap {
	width: 100%;
	padding-top: calc(90 / var(--width) * 100%);
	margin-bottom: calc(80 / var(--width) * 100%);
	position: absolute;
	bottom: 0;
}
.evt-btn-area.product_popup_wrap a {
	width: calc(520 / var(--width) * 100%);
	margin: 0 auto;
}

/* 제품더보기 팝업 */
.popup-wrap.product_popupW {
	outline:none;
	max-width: 540px;
	min-width: 540px;
	border-radius: 10px;
}
.popup-wrap.product_popupW .pop-conts {
	padding: 0 !important;
}
.popup-wrap.product_popupW .pop-conts.no-footer:after {
	display:none;
}
.product_btn-close {
	position: absolute;
    top: 0;
    right: 0;
    width: 17%;
    height: 18%;
}

/* 유의사항 아코디언 */
.evt-acco-head.evt-btn-area {
    padding-top: calc(84 / var(--width) * 100%);
}
.evt-acco-head.evt-btn-area button {
    width: 100%;
}


@media screen and (max-width: 767px){
* {
	--width: 720;
}

/* 슬라이드 */
.a9event-slider {
	margin-top: calc(145 / var(--width) * 100%);
}

/* 제품링크 */
.evt-btn-area.eachLink {
    margin-bottom: calc(246 / var(--width)* 100%);
    padding-top: calc(62 / var(--width)* 100%);
}
.evt-btn-area.eachLink a {
	width: calc(271 / 565 * 100%);
}

/* 제품더보기 팝업 */
.popup-wrap.product_popupW {
	max-width: 90% !important;
	min-width: 90% !important;
	height: auto;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	border-radius: 8px;
}

/* 유의사항 아코디언 */
.evt-acco-head.evt-btn-area {
	padding-top: calc(101 / var(--width) * 100%);
}

}