
footer{
	background-color: var(--color-white);
}
footer .copyright{
	color: var(--color-black1);
}

.work_dt_wrap .visual_bg{
	background-image: url(/assets/images/works/daedongMobility/works_daedongMobility_bg.png);
}
.work_dt_wrap .visual_bg::before{
	opacity: 0.5;
}
.work_content.content01{
	background-color: #F9F9F9;
}
.work_content.content01 > .img_box{
	width: 100%;
}
.work_content.content01 > .img_box img{
	width: 100%;
}
.work_content.content01 .img_group{
	display: flex;
	gap: 80px;
	width: calc(100% - 272px);
	max-width: 1648px;
	margin: 0 auto 200px;
	padding-top: 280px;
}
.work_content.content01 .img_group .img_wrap{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: max-content;
}
.work_content.content01 .img_group.col{
	flex-direction: column;
	gap: 0;
	margin-bottom: 0;
	padding-bottom: 400px;
}
.work_content.content01 .img_group.col img:nth-child(2){margin-top: -16%;}
.work_content.content01 .img_group.col img:nth-child(3){margin-top: -29.5%;}

.work_content.content02{
	background-color: #2A2A40;
	padding: 204px 0 400px;
}
.work_content.content02 .img_group{
	width: calc(100% - 272px);
	max-width: 1648px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 80px;
}
.work_content.content02 .img_group .c2{
	grid-column: 2;
	margin-top: -214%;
}
.work_content.content02 .img_group .c3{
	grid-column: 3;
	position: relative;
	margin-top: -246%;
}

/* 1024 responsive  */
@media all and (max-width:1024px){
	.work_content.content01 .img_group{
		margin: 0 auto 100px;
		padding-top: 140px;
		width : calc(100% - 64px);
	}
	.work_content.content01 .img_group.col{
		padding-bottom: 200px;
	}

	.work_content.content01 .img_group.col img:nth-child(2){
		top: -14%;
	}
	.work_content.content01 .img_group.col img:nth-child(3){
		margin-top: -28%;
	}
	.work_content.content02{
		padding: 200px 0 300px;
	}

	.work_content.content02 .img_group{
		grid-gap: 3%;
		width : calc(100% - 64px);
	}
	.work_content.content02{
		padding-top: 360px;
	}
}
/* 1024 responsive end */



/* 768 responsive  */
@media all and (max-width:768px){
	.work_dt_wrap .visual_bg{
		background-image: url(/assets/images/works/daedongMobility/works_daedongMobility_bg_mo.png);
	}
	.work_content.content01 .img_group{
		flex-direction: column;
		gap: 60px;
		width: calc(100% - 64px);
		padding-top: 120px;
		margin-bottom: 0;
	}
	.work_content.content01 .img_group .img_wrap{
		gap: 60px;
		width: 100%;
	}
	.work_content.content01 .img_group.col{
		flex-direction: row;
		padding-bottom: 160px;
		gap: 24px;
	}
	.work_content.content01 .img_group.col .img_wrap{
		gap: 40px;
	}
	.work_content.content01 .img_group.col img:nth-child(2),
	.work_content.content01 .img_group.col img:nth-child(3){
		margin-top: 0;
	}
	.work_content.content02{
		padding: 120px 0 160px;
	}
	.work_content.content02 .img_group{
		display: flex;
		gap: 10px; 
		width: calc(100% - 64px);
	}
	.work_content.content02 .img_group .img_wrap{
		width: 100%;
	}
	.work_content.content02 .img_group .img_wrap img{width: 100%;}
	.work_content.content02 .img_group .img_wrap img:not(:last-child){
		margin-bottom: 30px;
	}


	.work_content.content01 .img_group{
		gap: 16.6667vw;
		width: calc(100% - 17.7778vw);
		padding-top: 33.3333vw;
	}
	.work_content.content01 .img_group .img_wrap{
		gap: 16.6667vw;
	}
	.work_content.content01 .img_group.col{
		padding-bottom: 44.4444vw;
		gap: 6.6667vw;
	}
	.work_content.content01 .img_group.col .img_wrap{
		gap: 11.1111vw;
	}
	.work_content.content02{
		padding: 33.3333vw 0 44.4444vw;
	}
	.work_content.content02 .img_group{
		gap: 2.7778vw; 
		width: calc(100% - 17.7778vw);
	}
	.work_content.content02 .img_group .img_wrap img{width: 100%;}
	.work_content.content02 .img_group .img_wrap img:not(:last-child){
		margin-bottom: 8.3333vw;
	}
}
/* 768 responsive end */