.work_dt_wrap .visual_bg{
	background-image: url(/assets/images/works/dbSearchSystem/works_dbSearchSystem_bg.png);
}

.work_dt_wrap .work_content{
	background-color: #f9f9f9;
}
.sec_work_dt .work_desc{
	border-top: none;
}

.work_dt_wrap .work_content .txt_wrap{
	display: flex;
	justify-content: space-between;
	width: calc(100% - 272px);
	max-width: 1648px;
	margin: 0 auto;
	padding-top: 160px;
	padding-bottom: 290px;
}
.work_dt_wrap .work_content .img_box{
	width: 100%;
	height: auto;
}
.work_dt_wrap .work_content .img_box img{
	width: 100%;
}
.work_dt_wrap .work_content li{
	position: relative;
	width: calc(100% / 3 - 80px);
	padding-bottom: calc(100% / 3 - 80px);
	border-radius: 50%;
	background-color: var(--color-white);
	box-shadow: 0px 20px 40px #0000000D;
}
.work_dt_wrap .work_content li h3{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	font-size: 36px;
	line-height: 52px;
	text-align: center;
	font-weight: normal;
	color: #478B98;
}

.sec_work_dt .pagination[data-layout-color="white"]{
	background-color: #f9f9f9;
	border-top: none;
}
footer{
	background-color: #f9f9f9;
}



/* 1600 responsive */
@media all and (max-width: 1600px){
	.work_dt_wrap .work_content li{
		width: calc(100% / 3 - 50px);
		padding-bottom: calc(100% / 3 - 50px);
	}
	.work_dt_wrap .work_content li h3{
		font-size: 26px;
		line-height: 42px;
	}
}
/* 1600 responsive end */


/* 1280 responsive */
@media all and (max-width: 1280px){
	.work_dt_wrap .work_content li{
		width: calc(100% / 3 - 3%);
		padding-bottom: calc(100% / 3 - 3%);
	}
	.work_dt_wrap .work_content li h3{
		font-size: 22px;
		line-height: 36px;
	}
}
/* 1280 responsive end */

/* 1024 responsive */
@media all and (max-width: 1024px){
	.work_dt_wrap .work_content li{
		width: calc(100% / 3 - 3%);
		padding-bottom: calc(100% / 3 - 3%);
	}
	.work_dt_wrap .work_content li h3{
		font-size: 16px;
		line-height: 28px;
	}
}
/* 1024 responsive end */

/* 768 responsive */
@media all and (max-width: 768px){
	.work_dt_wrap .visual_bg{
		background-image: url(/assets/images/works/dbSearchSystem/works_dbSearchSystem_bg_mo.png);
	}

	.work_dt_wrap .work_content .txt_wrap{
		flex-direction: column;
		align-items: center;
		width: calc(100% - 96px);
		padding: 120px 0 0;
		gap: 46px;
	}
	.work_dt_wrap .work_content li{
		width: 264px;
		height: 264px;
		padding: 0;
	}
	.work_dt_wrap .work_content li h3{
		font-size: 18px;
		line-height: 27px;
	}



	
	.work_dt_wrap .work_content .txt_wrap{
		width: calc(100% - 26.6667vw);
		padding: 33.3333vw 0 0;
		gap: 12.7778vw;
	}
	.work_dt_wrap .work_content li{
		width: 73.3333vw;
		height: 73.3333vw;
		padding: 0;
	}
	.work_dt_wrap .work_content li h3{
		font-size: 5.0000vw;
		line-height: 7.5000vw;
	}
}
/* 768 responsive end */