img.drag.ui-draggable-dragging{
	z-index: 21;
}
.show {
	display: block !important;
}


.none-before:before{
	content: none !important;
}


.touch_drag.hold{
	display: block;
}
.touch_drag.hold .touch_point_drag{
	display: none;
}
.touch_drag.hold .drag{
	pointer-events: none;
}

.navi{
	position: absolute;
	top: 725px;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.navi >span{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50rem;
	background-color: #7e6238;
	border: 5px solid #fcc470;
	margin: 0 13px;
	cursor: pointer;
}
.navi >span.active{
	background-color: #ff4800;
	border-color: #fff;
	width: 30px;
	height: 30px;
	pointer-events: none;
}


.guideBox{
	transition: opacity ease .7s; 
}
.opacity0{
	opacity: 0 !important;
	transition: opacity ease .7s; 
}
.opacity1{
	opacity: 1 !important;
	transition: opacity ease .7s; 
}

@font-face {
	font-family: 'NanumSquareRoundEB';
	font-weight: 600;
	src: local('NanumSquareRoundEB'), url('NanumSquareRoundEB.woff2') format('woff2'), url('NanumSquareRoundEB.woff') format('woff');
}
.timer{
	position: absolute;
	top: 96px;
	right: 45px;
	text-align: center;
	width: 168px;
	font-size: 42px;
	font-family: NanumSquareRoundEB;
	line-height: 1;
}





.car1{
	top: 313px;
	left: 95px; 
	z-index: 4; 
	opacity: 1;
}
.car1.active{
	left: 889px;
	transition: left ease-out 4s;
}


.car2{
	top: 337px; left: 108px;
	z-index: 4; 
}
.car2.active{
	left: 673px;
	transition: left ease-out 5s;
}


.car3{
	top: 357px; left: 124px;
	z-index: 4; 
}
.car3.active{
	left: 858px;
	transition: left ease-out 4s;
}


.car4{
	top: 364px; left: 121px;
	z-index: 4; 
}
.car4.active{
	left: 1111px;
	transition: left ease-out 3s;
}


.hide{
	display: none !important;
}

.cal{
	position: absolute;
	top: 0;
	left: 0;
	width: 1450px;
	height: 780px;
	pointer-events: none;
}
.cal.opacity1,
.cal.opacity1 div{
	pointer-events: all;
}

.cal_click{
	cursor: pointer;
}
.cal_click.clicked .touch{
	display: none !important;
}
.cal_click .touch{
	width: 118px;
	left: 0;
	right: 0;
	bottom: 70px;
	margin: auto;
}

.swiper-slide[data-page="6"] .move1{
	pointer-events: none;
}
.swiper-slide[data-page="6"] .move1.opacity1{
	pointer-events: all;
}

.swiper-slide[data-page="6"] .drop_zone.animate__fadeOut{
	pointer-events: none;
}

.cal{
	pointer-events: none;
}
.cal.opacity1{
	pointer-events: all;
	z-index: 7;
}
.cal_0,
.cal_1,
.cal_2,
.cal_3,
.cal_4{
	opacity: 0;
	visibility: visible;
	pointer-events: none;
}
.cal_0.active,
.cal_1.active,
.cal_2.active,
.cal_3.active,
.cal_4.active{
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	z-index: 3;
}


.inputs{
	position: absolute;
	top: 160px;
	right: 155px;
	text-align: right;
	font-size: 54px;
	font-family: NanumSquareRoundEB;
	line-height: 1;
}

.nu{
	cursor: pointer;
}


.touch_select{
	cursor: pointer;
	z-index: 9;
}