.sub-wrap {
	width: 97%;
}
/* 노트북 & 테블릿 가로 */
@media all and (min-width:1024px) and (max-width:1279px) {
	.sub-wrap {
		padding: 0 10px;
	}
	.data-content .box-1 {
		width: calc(33% - 16px);
	}
}

/* 테블릿 가로 */
@media all and (min-width:768px) and (max-width:1023px) {
	.sub-wrap {
		padding: 0 10px;
	}
	.data-content .box-1 {
		width: calc(50% - 16px);
	}
}

/* 모바일 가로 & 테블릿 세로 */
@media all and (min-width: 480px) and (max-width: 767px) {
	.sub-wrap {
		padding: 0 10px;
	}
	.data-content .box-1 {
		width: calc(50% - 16px);
	}
	
	.data-box .data-tab ul li a {
		padding: 16px 15px;
		font-size: 16px;
	}
	.search-area {
		width: 100%;
	}
	.search-input {
		font-size: 14px;
		height: 40px;
	}
	.search-button {
		gap: 0;
		height: 40px;
		padding: 0 18px;
		font-size: 14px;
	}
}

/* 모바일 세로 */
@media all and (max-width: 479px) {
	.sub-wrap {
		padding: 0 10px;
	}
	.data-box .data-tab {
		margin : 30px 0;
	}
	.data-content .box-1 {
		width: calc(100% - 16px);
	}
	
	.data-box .data-tab ul li a {
		font-size: 11px;
		padding: 16px 10px;
	}
	
	.search-area {
		width: 100%;
	}
	.search-input {
		font-size: 12px;
		height: 30px;
	}
	.search-button {
		gap: 0;
		height: 30px;
		padding: 0 12px;
		font-size: 12px;
	}
	.search-button svg {
		width: 10px;
		height: 10px;
	}
}