@media ( min-width : 576px) {
}

@media ( min-width : 768px) {
}
@media ( max-width : 1150px) {
	.area .wrap .content .search .news-layout .news-list .img-box img{
		height:193.1px;
	}
	
	.area .wrap .content .search .news-layout .news-list .cont-box .cont-title{
		font-size: 16px;
		line-height: 23px;
	}
	.area .wrap .content .search .news-layout .news-list{
		gap: 10px;
		flex: 0 0 calc((100% - 40px) / 3);
/*     	height: 306.1px; */
	}
	
}

@media ( max-width : 768px) {
	.area .wrap .content .search .news-layout .news-list{
	    flex: 0 0 calc((100% - 36px) / 2);
    	max-width: calc((100% - 0px) / 2);
	}
	.area .wrap .content .search .news-layout .news-list{
		gap:10px;
	}
	.area .wrap .content .search .news-layout .news-list .cont-box .cont-title{
		font-size: 16px;
		line-height: 23px;
	}
	
	
}
@media ( max-width : 576px) {
	.area .wrap .content .search .news-layout .news-list .img-box img{
		height:296.1px;
	}
	.area .wrap .content .search .news-layout .news-list{
	    flex: 0 0 calc((100% ) / 1);
    	max-width: calc((100%) / 1);
	}
	.area .wrap .content .search .pagination .numlist{
		padding:0px;
		height:30px;
	}
	.area .wrap .content .search .pagination .pagenb{
		width:30px;
		height:30px;
	}
	.area .wrap .content .search .news-layout .news-list .cont-box{
		height:80px;
	}
	.area .wrap .news-content .news-inner{
		padding: 30px 10px 0px;
	}
}

@media ( max-width : 1280px) {
	
	.area .wrap .news-content{
		width:100%;
	}
	.area .wrap .news-content .news-inner{
		width:100%;
	}
	.area .wrap .news-content .news-inner .inner-header{
		width:100%;
	}
	.area .wrap .news-content .news-inner .inner-header .header-dates{
		width:100%;
	}
	.area .wrap .news-content .news-inner .inner-text{
		width:100%;
	}
	.area .wrap .news-content .news-inner .inner-movement{
		padding:0px;
		width:100%;
	}
	
	.area .wrap .news-content .news-inner .inner-movement .prev{
		width:100%;
	}
	.area .wrap {
		width: 100%;
		padding: 0px 16px 50px;
	}
	.containerbg .header-layout .header-center{
		padding-left:20px;
	}
	
	.area .wrap .content .search .bids {
		padding: 26px 0px;
		gap: 13px;
	}
	.area .wrap .content .search .bids .image_box {
		width: 35%;
		height: 225px;
	}
	.area .wrap .content .search .bids .image_box img {
		width: 100%;
		height: 225px;
	}
	.area .wrap .content .search .bids .content_box {
		width: 65%;
		height:225px;
	}
	.area .wrap .content .search .bids .image_box .end {
		width: 100%;
		left: calc(50% - 100%/ 2);
		height: 225px;
	}
	.area .wrap .content .search .bids .content_box .btn_box {
		height: 61px;
	}
	.area .wrap .content .search .bids .content_box .txt_box {
		height: 155px;
	}
	.area .wrap .content .search .bids .content_box .txt_box .subject {
		font-size: 20px;
		line-height: 24px;
	}
	.area .wrap .content .search .bids .content_box .txt_box ul li {
		display: block;
	}
	.area .wrap .content .search .bids .content_box .txt_box ul li .explain
		{
		padding-left: 5px;
	}
}

@media ( max-width : 576px) {
	.area .wrap {
		gap: 30px;
	}
	.area .wrap .content .search .option .inputs {
		width: 300px;
	}
	.area .wrap .content .search .bids {
		flex-direction: column;
		display: inline-table;
		padding: 32px 0px;
	}
	.area .wrap .content .search .bids .image_box {
		width: 100%;
	}
	.area .wrap .content .search .bids .content_box {
		width: 100%;
	}
	.area .wrap .content .search .option .inputs input {
		width: 100%;
	}
	.modal-overlay .modal-dialog {
		width: 95%;
		margin: 0 auto;
	}
	.modal-overlay .modal-dialog .modal-content {
		width: 95%;
		margin: 0 auto;
	}
	.modal-overlay .modal-dialog .modal-header .modal-header-box {
		width: 100%;
	}
	.modal-overlay .modal-dialog .modal-content .modal-layout {
		width: 100%;
		gap: 14px;
	}
	.modal-content .modal-layout .content-title {
		padding: 0px;
	}
	.modal-content .modal-layout .content-title span {
		font-size: 17px;
	}
	.modal-overlay .modal-dialog .modal-content .modal-layout .content-step .content-steps
		{
		width: 31.5%;
	}
	.modal-content .modal-layout .content-step .content-steps a span {
		display: none;
	}
	.modal-content .modal-layout .content-layout .layout-01-box .input-list
		{
		gap: 10px;
	}
	.modal-content .modal-layout .content-layout .layout-01-box .input-list li
		{
		flex: 0 0 calc(( 100% - 32px)/2);
	}
	.modal-content .modal-layout .content-layout .layout-01-box .agree-noti
		{
		width: 100%;
		max-width: none;
	}
	.calendar_y {
		width: 90px;
	}
	
}

@media ( min-width : 992px) {
}