.title{
		width:30%;
		height:20vw;
		text-align:center;
	}
	
	.work{
		width:100%;
		height:51vw;
		text-align:center;
	}
	
	.work_title{
		position:relative;
		width:100%;
		height:10%;
		top:0;
		left:0;
		display:flex;
		justify-content:flex-start;
		align-items:flex-end;
		margin-left:0 !important; 
		margin-bottom:1%;
	}
	
	.work_maintitle_wapper{
		width: 100vw;
	    height: auto;
	}
	
	.work_maintitle{
		width:auto;
		height:100%;
		left:0;
		margin-bottom:0;
		text-align: left;
	}
	
	.work_maintitle img{
		width:100%;
		height:auto;
		object-fit:contain;
		display:block;
	}
	
	.works_subtitle_wapper{
		width:24vw;
	    height: auto;
	}
	
	.work_subtitle{
	    text-align: left;
	    width: 50%;
		margin-bottom:0;
	}
	
	.work_subtitle img{
		width:100%;
		height:auto;
		object-fit:contain;
		display:block;
	}
	
	.work_main_info{
		position:relative;
		width:100%;
		height:70%;
	}
	
	.work_background{
		position:absolute;
		inset:0;
		z-index:1;
	}
	
	.work_background img{
		width:100%;
		height:100%;
		object-fit:cover;
		display:block;
	}
	
	.work_image_container{
  		position: relative;
  		z-index: 2;
  		display: flex;
  		gap: 3%;
  		padding: 2%;
  		align-items: flex-end;
		top:13%;
	}
	
	.work_content{
		flex: 1;
	}
	
	.work_content img{
  		width: 100%;
  		height: auto;
  		display: block;
  		object-fit: contain;
	}
	
	.work_2{
		width:100%;
		height:59vw;
		text-align:center;
	}
	
	.work_maintitle_wapper_2{
		width: 90vw;
	    height: auto;
	}
	
	.works_subtitle_wapper_2{
		width:40vw;
	    height: auto;
	}
	
	.work_image_container_2{
  		position: relative;
  		z-index: 2;
  		display: flex;
  		gap: 3%;
  		padding: 5%;
  		align-items: flex-end;
		top:3%;
	}