.containerbg {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	gap: 10px;
	height: 258px;
	margin-top: 80px;
	width: 100%;
	background: linear-gradient(0deg, rgba(61, 61, 61, 0.5),
		rgba(61, 61, 61, 0.5)), url('/resources/img/bid/bid_bg.png'), #DDDDDD;
	background-blend-mode: multiply, normal, normal;
	backdrop-filter: blur(2.5px);
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
	background-size: cover;
	opacity:0.8;	
	width: 100%;
}

.containerbg .header-layout {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 80px 0px;
	gap: 120px;
	width: 1280px;
	margin: 0 auto;
}

.containerbg .header-layout .header-center {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 8px;
	width: 100%;
	height: 98px;
}

.containerbg .header-layout .header-center .tits {
	/* Innovation Notice */
	height: 30px;
	/* title/h6 | 20px */
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	/* 상자 높이와 동일 또는 150% */
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	color: rgba(255, 255, 255, 0.8);
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}

.containerbg .header-layout .header-center .menus-tits {
	width: 210px;
	height: 60px;
	font-family: 'NanumSquareNeo';
	font-style: normal;
	font-weight: 800;
	font-size: 56px;
	line-height: 60px;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: -0.02em;
	color: #FFFFFF;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}

.area {
	/* cnt-main */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	width: 100%;
	/* white */
	background: #FFFFFF;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}

.area .wrap {
	/* inner */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px 0px 100px;
	gap: 60px;
	width: 1280px;
	max-width: 1280px;
}

.area .wrap .title {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	padding: 40px 0px 0px;
	gap: 4px;
	width: 100%;
}

.area .wrap .title .home {
	width: 13px;
	height: 21px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.02em;
	color: #919BA5;
}

.area .wrap .title img {
	width: 18px;
	height: 18px;
}

.area .wrap .title .bid_text {
	/* 모집공고 */
	width: 48px;
	height: 21px;
	/* subtitle/subtit 2 | 14px */
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	/* 상자 높이와 동일 또는 150% */
	letter-spacing: -0.02em;
	/* gray_c / 700 */
	color: #46505A;
}

.area .wrap .content {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	width: 100%;
}
 


.area .wrap .content .search {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	width: 100%;
}

.area .wrap .content .search .option {
	/* search_option */
	box-sizing: border-box;
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0px;
	gap: 4px;
	width: 100%;
	height: 70px;
	/* gray_c / 800 */
	border-bottom: 2px solid #2D3741;
}

.area .wrap .content .search .option .counts {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 4px;
	width: 42px;
	height: 26px;
}

.area .wrap .content .search .option .inputs {
	box-sizing: border-box;
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px 16px 10px 20px;
	gap: 10px;
	width: 480px;
	height: 44px;
	/* white */
	background: #FFFFFF;
	/* gray_c / 200 */
	border: 1px solid #C7CDD4;
	border-radius: 99px;
}

.area .wrap .content .search .option .inputs input {
	/* 검색어를 입력해 주세요 */
	width: 410px;
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	color:#2D3741;
	border: 0px;
	padding-left: 10px;
}

.area .wrap .content .search .option .inputs img {
	width: 24px;
	height: 24px;
}

.area .wrap .content .search .option .counts .titles {
	/* 총 */
	width: 16px;
	height: 26px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	/* 상자 높이와 동일 또는 144% */
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	text-transform: capitalize;
	/* gray_c / 800 */
	color: #2D3741;
	/* 내부 오토레이아웃 */
}

.area .wrap .content .search .option .counts .cnt {
	/* 20 */
	width: 22px;
	height: 26px;
	/* button/btn 1 | 18px */
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	/* 상자 높이와 동일 또는 144% */
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	text-transform: capitalize;
	color: #00B894;
}

.area .wrap .content .search .bids {
	/* 지원_li */
	box-sizing: border-box;
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	padding: 46px 0px;
	gap: 36px;
	width: 100%;
	/* gray_c / 100 */
	border-bottom: 1px solid #E1E6EB;
}

.area .wrap .content .search .bids .image_box {
	/* img_box */
	box-sizing: border-box;
	/* 오토레이아웃 */
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	gap: 4px;
	isolation: isolate;
	width: 420px;
	height: 242px;
	background: #F3F5F7;
	border-radius: 8px;
	position: relative;
	background: url('/resources/img/bid/null_image.jpg'), #F3F5F7;
	border: 1px solid #E1E6EB;
	border-radius: 8px;
}

.area .wrap .content .search .bids .image_box .tag {
	/* tag */
	box-sizing: border-box;
	/* 오토레이아웃 */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 3px 13px;
	position: absolute;
	height: 27px;
	left: 13px;
	top: 13px;
	border: 1px solid #00B89480;
	/* 	background: linear-gradient(0deg, #00B894, #00B894), */
	/* 		linear-gradient(180deg, rgba(0, 184, 148, 0) 0%, rgba(18, 77, 61, 0.5) */
	/* 		100%); */
	background: linear-gradient(180deg, rgba(0, 184, 148, 0) 0%,
		rgba(18, 77, 61, 0.5) 100%), #00B894;
	backdrop-filter: blur(4px);
	/* 참고: 배경 필터는 최소한의 브라우저만 지원합니다 */
	border-radius: 99px;
}

.area .wrap .content .search .bids .image_box .end {
	/* 모집종료 */
	position: absolute;
	width: 420px;
	height: 240px;
	left: calc(50% - 420px/ 2);
	top: 0px;
	background: rgba(0, 0, 0, 0.2); 
	backdrop-filter: blur(5px);
	border-radius: 8px;
}

.area .wrap .content .search .bids .image_box .end .frame {
	/* Frame 29 */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 60px 10px;
	gap: 10px;
	position: absolute;
	width: 170px;
	left: calc(50% - 170px/ 2);
	top: calc(50% - 158px/ 2);
	border-radius: 99px;
}

.area .wrap .content .search .bids .image_box .end .frame span {
	/* tit */
	width: 150px;
	height: 38px;
	font-family: 'NanumSquareNeo';
	font-style: normal;
	font-weight: 800;
	font-size: 40px;
	line-height: 38px;
	/* 상자 높이와 동일 또는 95% */
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	/* white */
	color: #FFFFFF;
	text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.area .wrap .content .search .bids .image_box .tag span {
	/* 모집 중 */
	height: 21px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 21px;
	/* 상자 높이와 동일 또는 150% */
	letter-spacing: -0.02em;
	/* gray_c/30 */
	color: #F9FAFB;
	text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
}

.area .wrap .content .search .bids .image_box img {
	width: 420px;
	height: 240px;
	opacity: 1;
	border-radius: 8px;
}

.area .wrap .content .search .bids .content_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 0px;
	width: 824px;
/* 	height: 240px; */
}

.area .wrap .content .search .bids .content_box .txt_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 6px 0px 0px;
	gap: 8px;
	width: 100%;
}

.area .wrap .content .search .bids .content_box .txt_box .subject {
	/* tit */
	width: 100%;
	height: 38px;
	font-family: 'NanumSquareNeo';
	font-style: normal;
	font-weight: 800;
	font-size: 24px;
	line-height: 38px;
	/* 상자 높이와 동일 또는 158% */
	display: -webkit-box;
	align-items: center;
	letter-spacing: -0.02em;
	/* gray_c / 800 */
	color: #2D3741;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	
}

.area .wrap .content .search .bids .content_box .txt_box ul {
	/* sub_txt */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 8px;
	width: 100%;
	min-height: 120px;
}

.area .wrap .content .search .bids .content_box .txt_box ul li {
	/* 1 */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	gap: 10px;
	width: 99%;
	min-height: 24px;
	overflow: hidden;
}

.area .wrap .content .search .bids .content_box .txt_box ul li .category
	{
	/* t */
	width: 55px;
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	/* 상자 높이와 동일 또는 150% */
	letter-spacing: -0.02em;
	/* gray_c / 700 */
	color: #46505A;
}

.area .wrap .content .search .bids .content_box .txt_box ul li .explain
	{
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #46505A;
	font-family: 'Pretendard';
	width: calc(100% - 66px);
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display:-webkit-box;
	
}

.area .wrap .content .search .bids .content_box .btn_box {
	/* btn */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 0px;
	gap: 8px;
	width: 100%;
	height: 71px;
}

.area .wrap .content .search .bids .content_box .btn_box .spec {
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 0px;
	gap: 10px;
	width: 50%;
	height: 42px;
	/* gray_c / 200 */
	border: 1px solid #C7CDD4;
	border-radius: 4px;
}

.area .wrap .content .search .bids .content_box .btn_box .spec a {
	/* 공고 상세 정보 */
	width: 100%;
	height: 26px;
	/* button/btn 2 | 18px */
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	/* 상자 높이와 동일 또는 144% */
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	text-transform: capitalize;
	/* gray_c / 800 */
	color: #2D3741;
	justify-content: center;
}

.area .wrap .content .search .bids .content_box .btn_box .reg {
	/* 2 */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 0px;
	gap: 10px;
	width: 50%;
	height: 42px;
	background: #00B894;
	border-radius: 4px;
	border: 1px solid #00B894;
}

.area .wrap .content .search .bids .content_box .btn_box .endx {
	/* 2 */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 0px;
	gap: 10px;
	width: 50%;
	height: 42px;
	background: #F3F5F7;
	border-radius: 4px;
	border: 1px solid #F3F5F7;
}

.area .wrap .content .search .bids .content_box .btn_box .reg a {
	/* 지원하기 */
	width: 100%;
	height: 26px;
	/* button/btn 1 | 18px */
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	/* 상자 높이와 동일 또는 144% */
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	text-transform: capitalize;
	/* white */
	color: #FFFFFF;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
	justify-content: center;
}

.area .wrap .content .search .bids .content_box .btn_box .endx a {
	height: 26px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	text-transform: capitalize;
	color: #919BA5;
}

.area .wrap .content .search .bids .content_box .btn_box .done {
	/* 2 */
	/* 오토레이아웃 */
	/* 2 */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 0px;
	gap: 10px;
	width: 408px;
	height: 24px;
	/* gray_c / 50 */
	background: #F3F5F7;
	border-radius: 4px;
	/* 내부 오토레이아웃 */
}

.area .wrap .content .search .bids .content_box .btn_box .done span {
	width: 62px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	/* 상자 높이와 동일 또는 144% */
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	text-transform: capitalize;
	/* gray_c / 400 */
	color: #919BA5;
}

.area .wrap .content .btn_more {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	width: 100%;
	height: 64px;
}

.area .wrap .content .btn_more .more {
	/* btn_more */
	box-sizing: border-box;
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 19px 0px;
	gap: 4px;
	width: 200px;
	height: 64px;
	border-radius: 99px;
}

.area .wrap .content .btn_more .more img {
	width: 18px;
	height: 18px;
}

.area .wrap .content .btn_more .more .more_text {
	/* txt */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 6px;
	
}

.area .wrap .content .btn_more .more .more_text .txt {
	/* 더 보기 */
	height: 26px;
	/* button/btn 2 | 18px */
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	/* 상자 높이와 동일 또는 144% */
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	text-transform: capitalize;
	/* gray_c / 400 */
	color: #919BA5;
}

.area .wrap .content .btn_more .more .more_text .cnt {
	/* (6/20) */
	width: 45px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 23px;
	/* 상자 높이와 동일 또는 144% */
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	/* gray_c / 400 */
	color: #919BA5;
}

.area .wrap .content .search .empty {
	/* empty-cnt */
	box-sizing: border-box;
	/* 오토레이아웃 */
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0px;
	gap: 16px;
	width: 100%;
	height: 304px;
	min-height: 200px;
	/* gray_c / 200 */
	border-bottom: 1px solid #C7CDD4;
	height: 304px;
}

.area .wrap .content .search .empty .empty_img {
	width: 100px;
	height: 100px;
}

.area .wrap .content .search .empty .empty_img img {
	width: 100px;
	height: 100px;
}

.area .wrap .content .search .empty .empty_text {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	gap: 4px;
	height: 51px;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 1;
	flex-grow: 0;
}

/* 일치하는 검색 결과가 없습니다​ */
.area .wrap .content .search .empty .empty_text span {
	height: 26px;
	/* button/btn 1 | 18px */
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	/* 상자 높이와 동일 또는 144% */
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	text-transform: capitalize;
	/* gray_c / 900 */
	color: #141E28;
	justify-content: center;
}

.area .wrap .content .search .empty .empty_text .txt {
	/* 검색 조건을 변경해 보세요. */
	height: 21px;
	/* body/body 2 | 14px */
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	/* 상자 높이와 동일 또는 150% */
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	/* gray_c / 600 */
	color: #5F6973;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 1;
	flex-grow: 0;
}

/*************************************************************************
모달 설정
*************************************************************************/
.modal-content .modal-layout .content-step {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	gap: 10px;
	width: 100%;
	height: 44px;
}

.modal-content .modal-layout .content-step .content-steps {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 9px 20px 11px;
	gap: 10px;
	width: 205.33px;
	height: 44px;
	background: #FFFFFF;
	border-bottom: 3px solid #E1E6EB;
}

.modal-content .modal-layout .content-step .content-steps a {
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	color: #919BA5;
}

.modal-content .modal-layout .content-step .content-steps.active {
	border-bottom: 3px solid #00B894;
}

.modal-content .modal-layout .content-step .content-steps.active a {
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	color: #2D3741;
}

.modal-content .modal-layout .content-title {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 16px 0px 0px;
	width: 100%;
	height: 48px;
}

.modal-content .modal-layout .content-title span {
	/* 🟢 제 3회 오픈이노베이션 혁신 스타트업 모집 */
	width: 100%;
	height: 32px;
	font-family: 'NanumSquareNeo';
	font-style: normal;
	font-weight: 800;
	font-size: 22px;
	line-height: 32px;
	/* 상자 높이와 동일 또는 145% */
	letter-spacing: -0.02em;
	color: #141E28;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.modal-content .modal-layout .content-layout {
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 28px;
	width: 100%;
	flex: none;
	order: 3;
	align-self: stretch;
	display: none;
}

.modal-content .modal-layout .content-layout .layout-01-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 0px;
	gap: 6px;
	width: 100%;
}

.modal-content .modal-layout .content-layout .layout-01-box .category {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	gap: 4px;
	height: 24px;
}

#agr_chk {
	
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #E1E6EB;
  border-radius: 4px;
  background-color: white; /* 체크 전 배경 */
  cursor: pointer;
  position: relative;
}
#agr_chk:checked {
  background-color: #00B894; /* 주문 값 */
  border-color: #00B894;
}

/* 체크 표시 색상/모양 */
#agr_chk:checked::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: 3px solid #ffffff; /* 체크표시는 흰색 */
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}

.modal-content .modal-layout .content-layout .layout-01-box .category .name
	{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px;
	gap: 10px;
	height: 24px;
	/* txt */
	/* 오토레이아웃 */
	/* 기업명 */
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	/* 상자 높이와 동일 또는 160% */
	letter-spacing: -0.02em;
	/* gray_c / 600 */
	color: #5F6973;
}

.modal-content .modal-layout .content-layout .layout-01-box .category .dot
	{
	/* dot badge */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 4px 0px 0px;
	gap: 10px;
	width: 5px;
	height: 5px;
	/* Alert/red */
	background: #FF333D;
	border-radius: 99px;
}

.modal-content .modal-layout .content-layout .layout-01-box .file-find {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 11px 12px;
	gap: 10px;
	width: 88px;
	height: 48px;
	background: #F3F5F7;
	border-radius: 4px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	align-items: center;
	letter-spacing: -0.02em;
	color: #2D3741;
}

.modal-content .modal-layout .content-layout .layout-01-box .input-box {
	/* input */
	box-sizing: border-box;
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 12px 15px;
	gap: 10px;
	width: 100%;
	height: 48px;
	/* gray_c / 200 */
	border: 1px solid #C7CDD4;
	border-radius: 6px;
	position: relative;
}

.modal-content .modal-layout .content-layout .layout-01-box .input-box input
	{
	width: 100%;
	border: 0px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	color: #2D3741;
	height: 24px;
}

.calendars {
	width: 80px;
	height: 216px;
	overflow-y: auto;
	position: absolute;
	right: 0px;
	top: 50px;
	background: #FFFFFF;
	border: 1px solid #C7CDD4;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	display: none;
	z-index: 999;
}

.calendar_y {
	width: 100px;
}

.calendars ul {
	box-sizing: border-box;
	/* 오토레이아웃 */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	isolation: isolate;
}

.calendars ul li {
	width:100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 6px 8px;
	gap: 8px;
	height: 33px;
	border-bottom: 1px solid #F3F5F7;
}

.calendars ul li a {
	width:100%;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.02em;
	color: #2D3741;
	display: flex;
    flex-direction: row;
    gap: 8px;
}

.calendars .check_div {
	width: 18px;
	height: 18px;
}

.calendars img {
	width: 18px;
	height: 18px;
	display: none;
}

.modal-content .modal-layout .content-layout .first-lay{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px 4px;
	gap: 10px;
	height: 24px;
}
.modal-content .modal-layout .content-layout .layout-01-box .s-input{
	width: 534px;
}
.modal-content .modal-layout .content-layout .layout-01-box .company_ymd
	{
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	color: #2D3741;

}

.modal-content .modal-layout .content-layout .layout-01-box .counter {
	position: absolute;
	height: 18px;
	right: 10px;
	bottom: 5px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.02em;
	text-transform: capitalize;
	/* gray_c / 400 */
	color: #919BA5;
}

.modal-content .modal-layout .content-layout .layout-01-box .input-list
	{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	column-gap: 16px; /* 가로 간격 */
  	row-gap: 6px;     /* 세로 간격 */
	width: 100%;
	flex-wrap: wrap;
}

.modal-content .modal-layout .content-layout .layout-01-box .input-list li
	{
	height: 24px;
	flex: 0 0 calc(( 100% - 32px)/3);
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 8px;
}

.modal-content .modal-layout .content-layout .layout-01-box .input-list li a
	{
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
 	color: #2D3741; 
}

.modal-content .modal-layout .content-layout .layout-01-box .input-list li a.active
	{
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #2D3741;
}


.modal-content .modal-layout .content-layout .layout-01-box .input-list li a.deactive
	{
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #AAB4BE;
}



.modal-content .modal-layout .content-layout .layout-01-box .input-list input[type="radio"]
	{
	width: 20px;
	height: 20px;
}

.modal-content .modal-layout .content-layout .layout-01-box .input-list input[type="radio"]
	{
	appearance: none;
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border: 1px solid #E1E6EB;
	border-radius: 50%;
	position: relative;
	background: #fff;
}

/* 점 기본은 숨김 */
.modal-content .modal-layout .content-layout .layout-01-box .input-list input[type="radio"]::after
	{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #00B894; /* 점 색상 */
	transform: translate(-50%, -50%) scale(0);
	transition: transform .12s ease-in-out;
}

textarea:focus{
		outline:0px;
	
}

.company_info:focus{
		outline:0px;
	
}
/* 체크 시 점 표시 */
.modal-content .modal-layout .content-layout .layout-01-box .input-list input[type="radio"]:checked::after
	{
	transform: translate(-50%, -50%) scale(1);
}

/* 포커스 테두리 가시성 개선 선택 사항 */
.modal-content .modal-layout .content-layout .layout-01-box .input-list input[type="radio"]:focus
	{
	outline: 2px solid rgba(0, 184, 148, .35);
	outline-offset: 2px;
}

.modal-content .modal-layout .content-layout .layout-btn {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 16px 0px 0px;
	gap: 12px;
	width: 100%;
	height: 42px;
}

.modal-content .modal-layout .content-layout .layout-btn.active .next-btn
	{
	background: #00B894;
}

.modal-content .modal-layout .content-layout .layout-btn.active .next-btn span
	{
	color: #FFFFFF;
}

.modal-content .modal-layout .content-layout .layout-btn a span {
	height: 26px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	text-transform: capitalize;
	color: #919BA5;
}

.modal-content .modal-layout .content-layout .layout-btn  a {
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 11px 0px;
	gap: 10px;
	width: 100%;
	height: 48px;
	background: #E1E6EB;
	border-radius: 4px;
}

.modal-content .modal-layout .content-layout .layout-btn a.btn-before {
	background: white;
	border: 1px solid #C7CDD4;
	border-radius: 4px;
}

.modal-content .modal-layout .content-layout .layout-btn a.btn-before span
	{
	font-weight: 500;
	color: #2D3741;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout
	{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 16px;
	width: 100%;
	height: 48px;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-div1
	{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 16px;
	width: 50%;
	height: 48px;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-div1 .radio-div
	{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 8px;
	width: 42px;
	height: 24px;
}

/* input */
.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-div1 .select-div
	{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 12px 15px;
	gap: 10px;
	width: 252px;
	height: 48px;
	border: 1px solid #C7CDD4;
	border-radius: 6px;
	position: relative;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-div1 .select-div .invest_step
	{
	width: 100%;
	border: 0px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	color: #2D3741;
	height: 24px;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-div1 .select-div.active
	{
	padding: 12px 15px 12px 15px;
	border: 4px solid rgba(0, 184, 148, 0.5);
	border-radius: 6px;
}

.invest-noti {
	height: 18px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.02em;
	text-transform: capitalize;
	color: #919BA5;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-div1 .select-div .select-box
	{
	box-sizing: border-box;
	display: none;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	isolation: isolate;
	position: absolute;
	width: 252px;
	background: #FFFFFF;
	border: 1px solid #C7CDD4;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	top: 45px;
	z-index: 999;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-div1 .select-div .select-box ul li.active
	{
	background: rgba(0, 184, 148, 0.12);
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-div1 .select-div .select-box ul li.active a
	{
	font-weight: 600;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-div1 .select-div .select-box ul li
	{
	cursor:pointer;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 12px 16px;
	gap: 8px;
	width: 252px;
	height: 48px;
	border-bottom: 1px solid #E1E6EB;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-div1 .select-div .select-box ul li img
	{
	height: 18px;
	width: 18px;
	display: none;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-div1 .select-div .select-box ul li .check_div
	{
	height: 18px;
	width: 18px;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-div1 .select-div .select-box ul li a
	{
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #2D3741;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-div2
	{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 16px;
	width: 50%;
	height: 24px;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout input[type="radio"]
	{
	appearance: none;
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border: 1px solid #E1E6EB;
	border-radius: 50%;
	position: relative;
	background: #fff;
}

/* 점 기본은 숨김 */
.modal-content .modal-layout .content-layout .layout-01-box .invest-layout input[type="radio"]::after
	{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #00B894; /* 점 색상 */
	transform: translate(-50%, -50%) scale(0);
	transition: transform .12s ease-in-out;
}

/* 체크 시 점 표시 */
.modal-content .modal-layout .content-layout .layout-01-box .invest-layout input[type="radio"]:checked::after
	{
	transform: translate(-50%, -50%) scale(1);
}

/* 포커스 테두리 가시성 개선 선택 사항 */
.modal-content .modal-layout .content-layout .layout-01-box .invest-layout input[type="radio"]:focus
	{
	outline: 2px solid rgba(0, 184, 148, .35);
	outline-offset: 2px;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-names
	{
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #2D3741 ;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-names.active
	{
	color: #2D3741;
}


.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-names.deactive
	{
	color: #AAB4BE;
}

.modal-content .modal-layout .content-layout .layout-01-box  .invest-layout .intels.active a
	{
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #2D3741;
}


.modal-content .modal-layout .content-layout .layout-01-box  .invest-layout .intels.deactive a
	{
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #AAB4BE;
}



.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .invest-div1 .proposal-div
	{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 8px;
	height: 24px;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .proposal_fields
	{
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #2D3741;
}

.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .proposal_fields.active
	{
	color: #2D3741;
}
.modal-content .modal-layout .content-layout .layout-01-box .invest-layout .proposal_fields.deactive
	{
	color: #AAB4BE;
}

.modal-content .modal-layout .content-layout .layout-01-box  .invest-layout .proposal-div.active a
	{
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #2D3741;
}


.modal-content .modal-layout .content-layout .layout-01-box  .invest-layout .proposal-div.deactive a
	{
	height: 24px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #AAB4BE;
}


.modal-content .modal-layout .content-layout .layout-01-box .agree-noti
	{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	padding: 12px 15px;
	gap: 10px;
	isolation: isolate;
	width: 100%;
	max-width: 636px; /* 데스크톱에서는 최대폭만 제한 */
	height: 164px;
	background: #F9FAFB;
	border: 1px solid #C7CDD4;
	border-radius: 6px;
}



.modal-content .modal-layout .content-layout .layout-01-box .agree-noti textarea
	{
	width: 100%;
	border: 0px;
	background: #f9fafb;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	/* gray_c / 500 */
	color: #78828C;
	height: 140px;
	overflow-y: auto;
	resize: none;
}
.modal-overlay .modal-dialog .modal-body #bid-spec img{
	width:100%;
}
.innofile{
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-decoration-line: underline;
	color: #0F62FE;
	margin-bottom: 28px; display: block; width: 100%; text-align:right
}