/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-34657
* CODE : Dev - EV00018351 , Prod - EV00005871
* FILE : /kr/event/2023/07/03_easy_book/eventMainEasyBook.jsp
* DESC : 가전학교 프로젝트 – 에어컨 쉬운 글 도서 신청하기
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2023/05/23				정규진				Created
************************************************************************************
**/

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

.easybook-slider {
	width: 100%;
	position: absolute;	
	top: 0;
}

.easybook-slider .swiper-container {
	width: calc(740 / 1380 * 100%);
	margin: 0 auto;
}

.easybook-slider .swiper-button-next {
	width: calc(74 / 1380 * 100%);
	padding-top: calc(74 / 1380 * 100%);
	right: calc(300 / 1380 * 100%);
	background: url(/kr/event/2023/07/03_easy_book/images/btn_next.png) no-repeat 0 0;
	background-size: 100%;
}

.easybook-slider .swiper-button-prev {
	width: calc(74 / 1380 * 100%);
	padding-top: calc(74 / 1380 * 100%);
	left: calc(300 / 1380 * 100%);
	background: url(/kr/event/2023/07/03_easy_book/images/btn_prev.png) no-repeat 0 0;
	background-size: 100%;
}

.easybook-slider .swiper-pagination {
	width: calc(160 / 1380 * 100%);
    margin-bottom: calc(72 / 1380 * 100%);
    display: flex;
    justify-content: space-between;
	left: 50%;
    transform: translateX(-50%);
	bottom: 0;
}

.easybook-slider .swiper-pagination-bullet {
	width: calc(18 / 160 * 100%);
    padding-top: calc(18 / 160 * 100%);
}

.easybook-slider .swiper-pagination-bullet-active {
	background: #007a98;
}

.evt-btn-area.evt-join-group {
	width: 100%;
	padding-top: calc(92 / 1380 * 100%);
	margin-bottom: calc(151 / 1380 * 100%);
	bottom: 0;
}

.evt-btn-area.evt-join-group a {
	width: calc(741 / 1380 * 100%);
	margin: 0 auto;
}

.mdevice .easybook-slider .swiper-container {
	width: calc(638 / var(--width) * 100%);
}

.mdevice .easybook-slider .swiper-button-next {
	width: calc(74 / var(--width) * 100%);
	padding-top: calc(74 / var(--width) * 100%);
	right: calc(7 / var(--width) * 100%);
}

.mdevice .easybook-slider .swiper-button-prev {
	width: calc(74 / var(--width) * 100%);
	padding-top: calc(74 / var(--width) * 100%);
	left: calc(7 / var(--width) * 100%);
}

.mdevice .easybook-slider .swiper-pagination {
	width: calc(160 / var(--width) * 100%);
    margin-bottom: calc(72 / var(--width) * 100%);
}

.mdevice .easybook-slider .swiper-pagination-bullet {
	width: calc(18 / 160 * 100%);
    padding-top: calc(18 / 160 * 100%);
}

.mdevice .easybook-slider .swiper-pagination-bullet-active {
	background: #007a98;
}

.mdevice .evt-btn-area.evt-join-group {
    padding-top: calc(96 / var(--width) * 100%);
    margin-bottom: calc(119 / var(--width) * 100%);
}

.mdevice .evt-btn-area.evt-join-group a {
	width: calc(592 / var(--width) * 100%);
}

@media screen and (max-width: 767px){
	.form-wrap .forms .conts.flex-col{
		display: flex;
		flex-direction: column;
	}
	.form-wrap .forms .conts.flex-col .order-first{
		order: 1;
		margin-top: 0;
		margin-bottom: 12px;
	}
	.form-wrap .forms .conts.flex-col .order-second{
		order: 2;
	}
	.lay-wrap .laypop.btn-wrap {
		padding: 0;
		display: flex;
	}
}