@charset "UTF-8";

.biz-process{ margin-top:30px}
.biz-process .title { text-align:center;background:#f3f6fb;padding:20px;border-radius:12px;margin-bottom:5px;font-size:20px;font-weight:600;}
.biz-process .table-wrap { overflow-x:auto;-webkit-overflow-scrolling:touch;}
.biz-process .table-wrap:focus { outline:3px solid #1a73e8;outline-offset:2px;}
.biz-process .biz-table { width:100%;border-collapse:separate;border-spacing:10px;}
.biz-process .biz-table caption { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.biz-process .biz-table thead th { background:#013763;color:#fff;padding:16px;border-radius:12px;text-align:center;}
.biz-process .biz-table td{background:#fff;padding:18px;border-radius:12px;border:1px solid #e1e4eb;text-align:center;}
.biz-process .biz-table tbody th {background:#f3f6fb;padding:18px;border-radius:12px;border:1px solid #e1e4eb;}
.biz-process .group { background:#d9e1ea;text-align:center;font-weight:600;}
.biz-process .biz-table ul { margin:0;padding-left:18px;}

.biz-process .note { margin-top:10px;font-size:15px;color:#555;}
.biz-process .ico{ display:block;width:20px;height:20px;margin:14px auto 0;border-radius:50%;border:2px solid #003863;position:relative;}
.biz-process .ico:before{display:block;position:absolute;top:2px;left:0;font-size:18px;color:#003863;top:50%;left:50%;transform:translate(-50%, -50%);}
.biz-process .ico.plus:before{font-family:"remixicon";content:"\EA12";line-height:1;font-weight:400;}
.biz-process .ico.arr:before{font-family:"remixicon";content:"\EA4C";line-height:1;font-weight:400;}


@media (max-width:768px) {
	.biz-process .table-wrap { overflow-x:auto;-webkit-overflow-scrolling:touch;}
	.biz-process .biz-table { min-width:800px;font-size:14px;}
	.biz-process .biz-table tbody th,.biz-process .biz-table td{padding:7px}
}

/* 브래드크럼 */
#cont .new_breadcrumbs {margin-bottom:20px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
#cont .new_breadcrumbs .breadcrumbs-item + .breadcrumbs-item {display: flex; align-items: center;gap: 10px;}
#cont .new_breadcrumbs .breadcrumbs-item + .breadcrumbs-item::after {
	display: block;
	font-size: 20px;
	font-family: "remixicon";
	content: "\ea6e";
	line-height: 1;
	font-weight: 400;
	color: #142241;
}
#cont .new_breadcrumbs .breadcrumbs-item + .breadcrumbs-item:last-child::after {display: none;}
#cont .new_breadcrumbs .breadcrumbs-item > a {color: #142241; display: block; font-weight: 500;}
#cont .new_breadcrumbs .breadcrumbs-item.home {font-size: 0; line-height: 0;}
#cont .new_breadcrumbs .breadcrumbs-item.home > a::before {
	display: block;
	font-size: 20px;
	font-family: "remixicon";
	content: "\ee1f";
	line-height: 1;
	font-weight: 400;
	color: #142241;
}
/* 브래드크럼 끝 */

/* 안내문구 */
.temp-info3 {
    font-size: 16px;
    color: #236ae5;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #e1e4eb;
    background-color: #fff;
    border-radius: 10px;
    padding: 8px 40px;
    flex-wrap: wrap;
    gap: 5px 20px;
	margin-bottom: 20px;
}
.temp-info3 > p {
    position: relative;
    padding-left: 23px;
}
.temp-info3 > p::before {
    font-size: 18px;
    font-family: "remixicon";
    content: "\ee59";
    line-height: 1;
    font-weight: 400;
    display: block;
    position: absolute;
    top:5px;
    left: 0;
}
/* 안내문구 끝 */


/* 방위력개선사업 사업관리 */
.diagram { max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; }
.diagram .org-group { display: flex; flex-direction: row; align-items: stretch; }
.diagram .org-label { flex: 0 0 clamp(170px, 200vw, 220px); display: flex; align-items: center; justify-content: center; gap: 6px; padding: clamp(10px, 1.5vw, 16px) 0; }
.diagram .org-label-btn { flex: 1; border-radius: 8px; color: #fff; font-size: clamp(14px, 1.6vw, 16px); font-weight: 600; text-align: center; padding: clamp(10px, 1.5vw, 14px) clamp(4px, 0.8vw, 8px); line-height: 1.5; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; }
.diagram .org-label-btn.blue { background: #1D56BC; }
.diagram .org-label-btn.navy { background: #1a3a5c; }
.diagram .org-label-btn.teal { background: #1a7a8a; }
.diagram .org-label-arrow { position:relative; width:20px; height: 28px;  }
.diagram .org-label-arrow::before { content: '▶'; display:block; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); color: #e9ecf1; font-size: clamp(14px, 1.8vw, 18px); flex-shrink: 0; }
.diagram .org-content { flex: 1; display: flex; flex-direction: column; gap: clamp(6px, 1vw, 10px); padding: clamp(10px, 1.5vw, 16px) 0 clamp(10px, 1.5vw, 16px) clamp(6px, 1vw, 12px); }
.diagram .v-arrow { text-align: center; color: #e9ecf1; font-size: clamp(16px, 2.2vw, 22px); line-height: 1; padding-left: clamp(170px, 200vw, 230px); margin: clamp(2px, 0.5vw, 4px) 0; }
.diagram .flow-box { background: #ffffff; border: 1.5px solid #c8d8e8; border-radius: 8px; font-size: clamp(14px, 1.5vw, 16px); font-weight: 500; color: #1a3a5c; padding: clamp(10px, 1.5vw, 14px) clamp(14px, 2vw, 22px); text-align: center; line-height: 1.5; }
.diagram .inner-arrow { position:relative; height: 28px;  }
.diagram .inner-arrow:before{content: '↓';display:block; position: absolute; top: 0; left: 50%; font-size:20px; color: #e9ecf1; transform: translateX(-50%);}
.diagram .branch-connector { display: flex; justify-content: center; gap:400px; position: relative; height: 20px; margin: -2px 0; }
.diagram .branch-connector::before { content: ''; display:block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 400px; height: 1px; background: #c8d8e8; }
.diagram .branch-connector .bc-line { width: 1px; height: 20px; background: #c8d8e8; }
.diagram .branch-row { display: flex; flex-direction: row; gap: clamp(8px, 1.5vw, 16px); }
.diagram .branch-col { flex: 1; display: flex; flex-direction: column; gap: clamp(6px, 1vw, 10px); border: 1.5px solid #c8d8e8; border-radius: 10px; padding: clamp(10px, 1.5vw, 14px); background: #f0f5fa; }
.diagram .branch-title { text-align: center; font-size: clamp(14px, 1.6vw, 16px); font-weight: 700; color: #1a3a5c; padding: clamp(8px, 1.2vw, 12px); background: #ffffff; border: 1.5px solid #c8d8e8; border-radius: 8px; }
.diagram .sub-row { display: flex; flex-direction: row; gap: clamp(6px, 1vw, 10px); align-items: stretch; }
.diagram .card-vertical { flex: 0 0 clamp(28px, 4vw, 42px); background: #ffffff; border: 1.5px solid #c8d8e8; border-radius: 8px; display: flex; align-items: center; justify-content: center; writing-mode: vertical-rl; text-orientation: mixed; font-size: clamp(14px, 1.4vw, 15px); font-weight: 600; color: #1a3a5c; letter-spacing: 0.05em; padding: 8px 4px; }
.diagram .card-content { flex: 1; background: #ffffff; border: 1.5px solid #c8d8e8; border-radius: 8px; padding: clamp(8px, 1.2vw, 14px); display: flex; flex-direction: column; gap: 6px; }
.diagram .card-title { font-size:14px; font-weight: 700; color: #1a3a5c; text-align: center; padding-bottom: 6px; border-bottom: 1px solid #c8d8e8; margin-bottom: 2px; }
.diagram .card-item { position:relative; display: flex; align-items: flex-start; gap: 6px; font-size:14px; color: #1a3a5c; line-height: 1.5; padding-left:10px; }
.diagram .card-item:before { display:block; content: ''; position: absolute; top:9px; left:0; width:3px; height:3px; border-radius: 50%; background:#666; }
.diagram .red { color: #e03030; }
.diagram .clickable {cursor: pointer; transition: filter 0.15s, box-shadow 0.15s; }
.diagram .clickable:hover { filter: brightness(0.93); box-shadow: 0 2px 10px rgba(30, 77, 123, 0.18); }
.diagram .footnote { font-size: clamp(13px, 1.4vw, 14px); color: #666; text-align: right; padding-left: clamp(72px, 10vw, 120px); margin-top: 6px; }

  @media (max-width: 680px) {
	.diagram .org-group { flex-direction: column; border: 2px solid #c8d8e8; border-radius: 10px; overflow: hidden; }
	.diagram .org-label { flex: none; width: 100%; padding: 0; gap: 0; justify-content: stretch; }
	.diagram .org-label-btn { flex: 1; width: 100%; border-radius: 0; padding: 11px 16px; justify-content: flex-start; }
	.diagram .org-label-arrow { background: rgba(0,0,0,0.15); color: #fff; padding: 0 14px;display: flex; align-items: center;height: 100%; }
	.diagram .org-label.blue-bg { background: #3b82c4; }
	.diagram .org-label.navy-bg { background: #1a3a5c; }
	.diagram .org-label.teal-bg { background: #1a7a8a; }
	.diagram .org-content { padding: 12px; background: #fff; }
	.diagram .v-arrow { padding-left: 0; font-size: 20px; margin: 4px 0; }
	.diagram .branch-row { flex-direction: column; }
	.diagram .branch-connector{display:none;}
	.diagram .sub-row { flex-wrap: wrap; }
	.diagram .card-vertical { writing-mode: horizontal-tb; flex: none; width: 100%; padding: 8px 12px; }
	.diagram .footnote { padding-left: 0; text-align: left; }
  }
  
  #header {position:relative !important;}


  /* 통합검색 20260415 */
  .detail-radio input[type="radio"] {position: absolute; opacity: 0; width: 1px; height: 1px;}
  .detail-radio input[type="radio"]:focus + label {outline: 2px solid blue;}

  .no-data { background-color: #f4f5f6; border-radius: 10px; padding:3rem; margin-top: 20px;}
	.no-data-no {font-size:2.3rem; margin-left:25px; font-weight:600;}
	.no-data-no span {color: #0b50d0;}
	.no-data-tit { font-size:2.3rem; margin-bottom: 10px;}
	.no-data-tit span {color: #0b50d0;}
	.no-data-desc ul li {font-size:17px; position: relative; padding-left:18px; margin-top:10px;}
	.no-data-desc ul li::before  {content:""; display:block; width:5px; height:5px; background:#1a5bb1; position: absolute; left:5px; top:10px; border-radius: 50px;}
    /* 통합검색 20260415 끝 */


/* 방위사업 비정상의 정상화 제안 start */
.content_custom .box-wrap {
  display: flex;
  gap: 30px;
  text-align: center;
}

@media all and (max-width: 768px) {
.content_custom .box-wrap {
	flex-wrap: wrap;
    margin: 20px 0;
    gap: 20px;
  }
}
.content_custom .box-wrap .box-item {
  flex-basis: 100%;
  border: 1px solid #E1E4EB;
  border-radius: 20px;
  padding: 20px;
  position: relative;
}
.content_custom .box-wrap .box-item .img-area {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  margin-bottom: 30px;
}

.content_custom .box-wrap .box-item .color-text {
	color: #236AE5;
  	font-weight: 500;
  	margin: 5px;
}

/* 방위사업 비정상의 정상화 제안 end */