@charset "utf-8"; .page-content { } 


/* sub03-- 공통 */
.sub-company-con { padding-bottom: 60px; } 
.sub-company-con .no-list-style::before { display: none; } 
.pd-top-0 { padding-top: 0 !important; } 
.space-m { margin: 1.5em 0; } 
.sub-company-con ul { } 
.sub-company-con li { position: relative; padding: 0 1rem; word-break:break-all; } 
.sub-company-con li { margin-bottom: 10px; } 
.sub-company-con li:last-child { margin-bottom: 0px; } 
.sub-company-con li::before { content: ''; position: absolute; left: 0; top: 0.75rem; width: 5px; height: 5px; border-radius: 50%; background-color: #333; } 
.sub-company-con li dl { width: 100%; } 
.sub-company-con li.sub-company-li-check { flex-direction: column; align-items: flex-start; text-align: left; } 
.sub-company-con li p { display: flex; align-items: self-start; justify-content: flex-start; gap: 0.5em; flex: auto; } 
.sub-company-label { padding: 3px 13px 3px; background-color: var(--color-table-sub-bd); border-radius: 0.2em; letter-spacing: -0.01em; white-space: nowrap; font-weight: 700; line-height: 23px; display: inline-block; font-size: 16px; } 
.sub-company-label-point { background-color: var(--color-primary) !important; color: #fff !important; line-height: 24px; padding: 4px 13px 3px; } 
.page-content .sub-page-txt .sub-company-label { font-weight: 600; } 

/* 절차 diagram */
.sub-company-step-txt { font-size: 17px; font-weight: 600; } 
.sub-company-step-txt li { display: flex; align-items: start; gap: 8px; } 
.sub-company-step-txt li.line-row { } 
.sub-company-step-txt li.line-row div:first-child { flex: 0 0 auto; white-space: nowrap; } 

.sub-company-step-txt li.line-col { flex-direction: column; } 
.sub-company-step-txt li p { flex: 1 1 auto; } 
.sub-company-step-txt dl { padding-left: 1.8rem; margin: 0.4rem 0 0; } 
.sub-company-step-txt dd { margin-bottom: 8px; display: flex; position: relative; } 
.sub-company-step-txt span { padding-top: 3px; word-break: break-all; } 
.sub-company-step-txt dd::before { content: ''; position: absolute; left: -1em; top: 0.9em; display: block; transform: translateY(-65%); width: 8px; height: 8px; border-radius: 50%; border: 1px solid var(--color-table-main-bd); } 
/* 임대공간 */



/* 이용료 안내 */
.in-space-wrap { } 
.in-space-table-wrap { padding-bottom: 40px; } 

.in-space-table-wrap li { position: relative; padding: 0 1rem; word-break: break-all; } 
.in-space-table-wrap table li::before { position: relative; content: ''; clear: both; display: inline-block; width: 3px; height: 3px; margin-top: -2px; top:0; left: -2px; margin-right: 7px; background: #000; vertical-align: middle; } 
.in-space-table-sub { display: block; text-align: right; font-size: 0.9em; padding: 0.5em 0; color: var(--color-silver70); } 
.fab-space-img-wrap { display: grid; gap: 1em; grid-template-columns: 1fr 1fr; } 
.fab-space-img { display: flex; flex-direction: column; align-items: center; } 
.fab-space-img img { width: 100%; height: auto; object-fit: cover; border-radius: 18px; } 


/* 산업 맞춤형 전문기술인력양성사업 */
.sub-company-con ul.sub-support-main-list { padding: 1.5em 1em 1.5em; background: #f9f9f9; border-radius: 1rem; } 
.sub-company-con ul.sub-support-list li { display: flex; flex-wrap: nowrap; align-items: self-start; gap: 0.5em; } 
.sub-company-con ul.sub-support-list li:not(:last-child) { margin-bottom: 16px; } 
.sub-company-con ul.sub-support-list li dl dd { padding-top: 4px; line-height: 24px; } 


/* 모아팹활용지원사업 */

.sub-company-con ul.sub-moafab-list { } 
.sub-moafab .sub-mafab-detail { padding: 10px 0; } 
.sub-moafab .sub-mafab-detail dd { margin-bottom: 10px; } 
.sub-moafab .sub-mafab-detail dd:last-child { margin-bottom: 0px; } 
.sub-company-con ul.sub-moafab-list li { display: flex; gap: 0.5em; align-items: flex-start; } 
.sub-company-con ul.sub-moafab-list li:not(:last-child) { margin-bottom: 16px; } 
.sub-company-con ul.sub-moafab-list li dl { } 
.sub-company-con ul.sub-moafab-list li dd { padding-top: 4px; line-height: 23px; } 
.sub-company-con ul.sub-mafab-main-list { padding: 1.5em 1.5em 0.5em; background: #f9f9f9; border-radius: 1rem; } 
.sub-support-table h5 { position: relative; padding: 0 10px 10px; } 
.sub-support-table h5::before { content: ''; position: absolute; left: 0; top: 0.6em; width: 4px; height: 4px; border-radius: 50%; background-color: #000; } 
.sub-support-table ul { padding-top: 1em; } 


/* 팹인프라 투자운영 컨소시엄 사업 */
.sub-company-list-sq { position: relative; color: var(--color-primary); font-weight: 700; margin-left: 0.5rem; padding-left: 0.5rem; } 
.sub-company-list-sq::before { content: ''; position: absolute; left: -0.6em; top: 0.6em; width: 8px; height: 8px; border: 2px solid var(--color-primary); } 
.consortium-list { margin-left: 1rem; } 
.consortium-list dd { position: relative; list-style: none; padding: 0 1rem; margin-bottom: 2px;} 
.consortium-list dd::before { content: ''; position: absolute; left: 0; top: .7em; width: 5px; height: 5px; border-radius: 50%; background-color: #333; } 
.consortium-list dd:last-child{margin-bottom: 0px;}
.sub-company-con ul.benefit-grid { padding: 1rem; border-radius: 1rem; background: #f9f9f9; margin-left: 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1em; } 
.sub-company-con ul.benefit-grid li { margin: 0; background: #fff; padding: 1em 0.8em 1em 2em; border-radius: 0.5em; } 
.sub-company-con ul.benefit-grid li::before { content: ''; position: absolute; left: 1em; top: 1.6em; width: 5px; height: 5px; border-radius: 50%; background-color: #333; } 
/* 장비 임대 사업 */
.rental-process .step-outer-wrap .sub-page-txt {text-align: center;}
 /* 입주기업 */
 .enterprise-main-title { margin: 0 0 30px; padding-top:40px; text-align: left; } 

@media (max-width: 1024px) { /* */
 /* 임대공간 */
 .sub-company-con li::before { top: 0.77em; width: 4px; height: 4px; } 
 /* 장비 임대 사업 */
 .rental-process .process-diagram { flex-direction: column; align-items: stretch; } 
 .rental-process .process-arrow { transform: rotate(90deg); margin: 15px 0; text-align: center; width: 100%; } 
 .sub-company-step-txt { font-size: 16px; } 

/* 팹인프라 투자운영 컨소시엄 사업 */
.page-content .sub-page-txt .sub-company-label { font-size: 15px; } 
 .sub-company-con ul.benefit-grid { grid-template-columns: 1fr 1fr; } 
 }


@media (max-width: 767px) { /* */
 /* 임대공간 */
.sub-company-con li { padding: 0 0.7rem; } f.sub-company-con ul.sub-mafab-main-list
 .sub-company-step-txt li.line-row { flex-direction: column; } 
 .sub-company-step-txt li p { flex-direction: column; } 
 .fab-space-img-wrap { grid-template-columns: 1fr; } 
/* 산업 맞춤형 전문기술인력양성사업 */
.sub-company-con ul.sub-support-main-list { padding: 1.5em 1em 1.5em; } 
.sub-company-con ul.sub-support-list li { flex-direction: column; gap: 0.4em; } 
/* 팹인프라 투자운영 컨소시엄 사업 */
 .sub-company-con ul.benefit-grid { grid-template-columns: 1fr; } 
 /* 모아팹활용지원사업 */
.sub-company-con ul.sub-moafab-list li { flex-direction: column; gap: 0.4em; } 

 /* 입주기업 */
 .enterprise-main-title { margin: 0 0 10px; padding-top:20px; } 
 }