@charset "utf-8"; 

.main-visual img { width:100%; border-radius:20px;  } 

.labstatus-title { font-size:52px; font-weight:bold; margin-top: 100px; text-align:left; } 

.section-title { padding-left:15px; margin: 80px 0 20px; font-size: 28px; font-weight:bold; } 

.section-title { position: relative; padding-left: 19px; border-left: none; } 
.section-title::before { content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 28px; background: #003C7D; } 

.section-list li { display: flex; align-items: flex-start; color: #000; line-height: 1.8; margin-bottom: 10px; } 
.section-list li::before { content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 10px; background: #000; border-radius: 50%; flex-shrink: 0; margin-top: 20px; } 
.contact-list { line-height:1.8; } 
.contact-list li { display: flex; gap:0 10px; } 

.sub-table-title { margin: 40px 0 15px; color:#009FE1; font-size: 24px; font-weight:bold; } 


.basic-table { width:100%; border-collapse:collapse; margin-bottom:40px; } 
.basic-table th, .basic-table td { padding:15px; text-align:center; } 
.basic-table th { background: #DDDDDD; } 
.basic-table th:first-child { border-top-left-radius: 16px; border-bottom-left-radius: 16px; } 
.basic-table th:last-child { border-top-right-radius: 16px; border-bottom-right-radius: 16px; } 

 
.status-table-group { display: flex; gap: 24px; width: 100%; justify-content: space-between; } 

.status-table-col { flex: 1; display: flex; flex-direction: column; border-bottom: 2px solid #ddd; } 

.status-table-title {padding: 16px 0;text-align: center;font-size: 24px;font-weight: bold;border-radius: 16px;background: #ddd;} 

.status-table-row { display: flex; flex-direction: row; background: #fff; min-height: 60px; } 

.status-table-item { flex: 1; display: flex; align-items: center; justify-content: space-around; padding: 16px 0; border-right: 1px solid #ddd; } 

.status-table-item:last-child { border-right: none; } 

.item-label {color: #222; font-weight: bold;} 
.item-label b{font-weight: 700;}



.status-table-col:last-child .status-table-row { justify-content: center; } 



.achievement-table { display: flex; gap: 24px; width: 100%; justify-content: space-between; } 

.achievement-col { flex: 1; display: flex; flex-direction: column; background: none; } 

.achievement-title { padding: 16px 0; text-align: center; font-weight: 700; border-radius: 16px; background: #e7e7e7; } 

.achievement-row { background: #fff; display: flex; min-height: 60px; border-bottom: 2px solid #ededed; } 

.paper-row .achievement-item {flex: 1;display: flex;align-items: center;justify-content: space-between;border-right: 1px solid #ededed;gap: 8px;padding: 18px 10px;} 

.paper-row .achievement-item:last-child { border-right: none; } 

.item-label { color: #222; font-weight: 700; margin-right: 6px; }

.event-row { justify-content: center; border-bottom: 2px solid #ededed; } 

.event-row .single { flex: 1; display: flex; align-items: center; justify-content: center; padding: 18px 0; color: #222; border: none; } 

.achievement-col.paper { flex: 2; } 
.achievement-col.event { flex: 1; } 




.contact-list { display: flex; flex-direction: column; /* gap: 12px; */padding: 0; margin: 0; } 
.contact-list li {display: flex;align-items: center;font-size: 20px;gap: 10px;word-break: break-all;color: #888;} 
.contact-list li img { width: 22px; height: 22px; margin-right: 8px; } 


.unit-mobile{
  display:none;
}
h3{display: flex; justify-content: space-between; align-items: center;}
h3 a{display: flex; justify-content: center; align-items: center; gap: 0 10px; color: #003C7D; font-size: 1.25rem; border: 1px solid #003C7D; border-radius: 24px; width: 138px; height: 48px;}


@media (max-width: 1024px) {
.labstatus-title { font-size:26px; margin-top: 50px;} 

.main-visual img{aspect-ratio: 398/225; object-fit: cover;}
 
.section-title { font-size:18px; margin: 40px 0 10px; } 
.section-title::before { top: 0;} 

.section-list { font-size:16px; } 

.sub-table-title {font-size:16px; display: flex;} 

.status-table-title { font-size:16px; } 


 .item-label, .item-value { font-size:16px; } 

 /* 장비/공간/예산/실적 테이블 카드화 */

 .basic-table thead { display: none !important; } 

 .basic-table, .basic-table thead, .basic-table tbody, .basic-table tr {display: block;width: 100%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} 
 .basic-table tr { padding: 16px 14px; border-bottom: 1px solid #ddd; box-sizing: border-box; } 
 .basic-table th { display: none; } 
 .basic-table td {display: flex;justify-content: flex-start;align-items: center;font-size: 16px;border: none;padding: 6px 0;background: none;text-align: left;} 
 .basic-table td:before { content: attr(data-label); color: #888; font-size: 16px; min-width: 70px; margin-right: 10px; font-weight: 400; text-align: left; } 


 /* --- 인력(카드형) --- */
 .status-table-group { flex-direction: column; gap: 16px; } 
 .status-table-col { width: 100%; border-radius: 12px; border: 1px solid #e0e0e0; margin-bottom: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); overflow: hidden; } 
 .status-table-title {font-size: 16px;padding: 12px 0;border-radius: 12px 12px 0 0;} 
 .status-table-row {flex-direction: column;background: none;min-height: auto;padding: 0 10px;} 
.status-table-item {
  flex-direction: row !important;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #ddd;
  padding: 15px 20px; /* ← 간격 늘림 */
}
 .status-table-row {flex-direction: row !important;align-items: stretch;justify-content: center;} 
 .status-table-item {flex-direction: row !important;justify-content: space-between;align-items: center;border-right: 1px solid #ddd;} 
 .status-table-item:last-child { justify-content: space-between; border-bottom: none; border-right: none; } 
 .item-label { margin-right: 8px; } 


 /* --- 실적(카드형) --- */
 .achievement-table { flex-direction: column; gap: 16px; } 
 .achievement-col { width: 100%; border-radius: 12px; border: 1px solid #e0e0e0; margin-bottom: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); overflow: hidden; } 
 .achievement-title { font-size: 16px; padding: 12px 0; border-radius: 12px 12px 0 0; border-bottom: 1px solid #ddd; } 
 .achievement-row { flex-direction: column; background: none; min-height: auto; padding: 0; border-bottom: none; } 
 .achievement-item,
 .event-row .single { flex: none; display: flex; justify-content: space-between; align-items: center; padding: 10px; border: none; border-bottom: 1px solid #f0f0f0; font-size: 16px; } 
 .achievement-item:last-child,
 .event-row .single:last-child { border-bottom: none; } 
 .item-label, .item-value { font-size: 16px; } 
 .achievement-item.single { justify-content: center; } 
 .paper-row .achievement-item{padding: 10px;}


 .contact-list li{font-size:16px;}
 .contact-list li img { width: 15px; height: 15px; margin-right: 0; } 

.unit-mobile {
  display: block;
  margin-left: auto;
  color: #888888;
  font-weight: 400;
}

 .section-list li::before{margin-top: 10px;}

 h3{flex-wrap: wrap;}
 h3 a{width: 80px; height: 30px; font-size: 14px; gap: 0 5px;}
 h3 a img{width: 15px;};
 }

 td{border-bottom: 1px solid #ddd;}
 th:nth-of-type(1),th:nth-of-type(2){border:none;}