@charset "utf-8";

#detail_con .section {
  gap: 0 !important;
}

.para01 {
  margin-top: 4rem;
  margin-left: 1.5rem;
}
.para02 {
  margin-top: 0.8rem;
  margin-left: 1.2rem;
}

.bl01 {
  position: relative;
  padding-left: 3rem;
  font-size: 2.2rem;
  letter-spacing: -0.03rem;
}
.bl01::before {
  left: -1rem;
  top: -0.3rem;
  width: 4rem;
  height: 4rem;
  background-position: 0 -7.3rem;
}
.bl02 {
  position: relative;
  margin-bottom: 0.8rem;
  padding-left: 2rem;
  font-size: 1.8rem;
  font-weight: 500;
  word-break: keep-all;
  background: url(/share/images/krds/ico_main_sec_h4.svg) no-repeat left top 0.5rem;
}
/* .bl02::before{content: ''; position: absolute; left: 0; top: 0.5rem; width: 1.3rem; height: 1.3rem; border: 4px solid var(--sub); border-radius: 50%; box-sizing: border-box;} */
.bl03 {
  margin-top: 0.8rem;
  margin-left: 1.2rem;
}
.bl03 > li {
  position: relative;
  padding-left: 1.6rem;
  margin-bottom: 1.6rem;
  font-weight: 500;
}
.bl03 .bl04,
.bl03 .bl05,
.bl03 .bl06,
.bl03 > li > p,
.bl03 table {
  font-weight: normal;
}
.bl03 > li:last-child,
.bl03 > li > .bl04 > li {
  margin-bottom: 0;
}
.bl03 > li::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 8px;
  left: 0;
  background: var(--main-primary-60);
}
.bl03 > li > .bl04 {
  margin-top: 1.2rem;
  margin-bottom: 2rem;
  margin-left: 0;
}
.bl03 > li > .bl04 > li {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
}
.bl03 > li > .bl05,
.bl03 > li > p {
  margin-top: 0.8rem;
}
.bl02 + ul.bl04 {
  margin-top: 1.6rem;
}
.bl02 + p.bl04 {
  margin-top: 1.6rem;
}
.bl04 {
  margin-left: 1.2rem;
}
.bl04 > li {
  position: relative;
  padding-left: 1.1rem;
  margin-bottom: 1rem;
}
.bl04 > li:last-child,
.bl05 > li:last-child {
  margin-bottom: 0;
}
.bl04 > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--gra-green);
}
.bl05 {
  margin-left: 0.2rem;
  margin-top: 0.4rem;
}
.bl04 > li > .bl05 {
  margin-bottom: 2rem;
}
.bl05 > li,
p.bl05 {
  position: relative;
  padding-left: 1.1rem;
  margin-bottom: 0.2rem;
  font-size: 1.4rem;
}
.bl05 > li::before,
p.bl05::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1rem;
  width: 0.6rem;
  height: 0.2rem;
  border-radius: 0.2rem;
  background: #999;
}
.bl04 > .point-blet > .bl05 {
  margin-top: 0.7rem;
  margin-left: -0.8rem;
  margin-bottom: 0;
}
.bl06 {
  margin-top: 0.4rem;
  margin-bottom: 0.8rem;
}
.bl06 > li {
  position: relative;
  padding-left: 0.8rem;
  margin-bottom: 0.2rem;
  color: #666;
  font-size: 1.3rem;
}
.bl06 > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background: #999;
}
h4 + .bl03,
h4 + .bl04,
h4 + .step {
  margin-top: 1.6rem;
}
h4 + .bl04 {
  margin-left: 2.8rem;
}
h4 + .tbox + .bl04 {
  margin-top: 2rem;
  margin-left: 2.8rem;
}
h4 + .bl03 {
  margin-left: 3.2rem;
}
.para01 > .bl03 {
  margin-top: 1.6rem;
}
.nobl::before {
  display: none !important;
}

#detail_con .section h4 {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 2rem;
  font-size: 2.4rem;
  font-weight: 600;
  color: var(--main-primary-70);
  padding-left: 3.4rem;
  background: url(/share/images/krds/ico_main_sec_h3.svg) no-repeat left top 0.6rem;
}

.tableBox + .info-blet,
.tableBox + .point-blet {
  margin-top: 1rem;
}

table.data {
  width: 100%;
  margin-top: 2rem;
  border-spacing: 0;
  border-collapse: separate;
}
.bl04 table.data {
  margin-top: 1rem;
}
table.data.no-head tbody tr:first-child th,
table.data.no-head tbody tr:first-child td {
  border-top-width: 3px;
}
table.data.no-head tbody th:only-child {
  border-radius: 0.8rem 0.8rem 0 0;
}
table.data.no-head tbody tr:first-child th:first-child,
table.data.no-head tbody tr:first-child td:first-child {
  border-radius: 0.8rem 0 0 0;
}
table.data.no-head tbody tr:first-child th,
table.data.no-head tbody tr:first-child td {
  border-radius: 0;
}
table.data.no-head tbody tr:first-child td:nth-last-child(1),
table.data.no-head tbody tr:first-child th:nth-last-child(1) {
  border-radius: 0 0.8rem 0 0;
}
table.data.nohead tbody > tr:first-child th {
  border-top: 2px solid #0c7260;
  border-top-left-radius: 0.8rem;
}
table.data.nohead tbody > tr:first-child td {
  border-top: 2px solid #0c7260;
  border-top-right-radius: 0.8rem;
}
table.data thead th {
  text-align: center;
  padding: 1.2rem;
  color: var(--krds-light-color-text-basic);
  font-size: 1.5rem;
  border: 1px solid #cdd1d5;
  border-left-width: 0;
  word-break: keep-all;
  background: #f4f5f6;
}
table.data thead tr th:first-child {
  border-left-width: 1px;
}
table.data thead > tr:not(:nth-child(1)) > th {
  border-top-width: 0;
}
table.data thead > tr:not(:nth-child(1)) > th:nth-last-child(1) {
  border-left-width: 0;
}
table.data thead > tr:not(:nth-child(1)) > th:nth-child(1),
table.data thead > tr:not(:nth-child(1)) > th:nth-last-child(1) {
  border-radius: 0;
}
table.data tbody > tr > th,
table.data tbody > tr > td,
table.data tfoot > tr > th,
table.data tfoot > tr > td {
  text-align: center;
  padding: 2rem;
  border: 1px solid #ccc;
  border-top-width: 0;
  border-left-width: 0;
  word-break: keep-all;
}
table.data tbody th,
table.data tfoot th {
  font-weight: 500;
}
table.data tbody > tr > th:nth-child(1),
table.data tbody > tr > td:nth-child(1),
table.data tfoot > tr > th:nth-child(1),
table.data tfoot > tr > td:nth-child(1) {
  border-left-width: 1px;
}
table.data .bdl0 {
  border-left-width: 0 !important;
}
table.data thead th.th-bdrs {
  border-radius: 0.8rem 0.8rem 0 0;
}
table .bl03,
table .bl04,
table .bl05 {
  text-align: left;
  margin: 0;
}
table.data.fix {
  table-layout: fixed;
}

/*예산현황*/
.budget-box {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 0.5rem;
}

.budget-box > li > a {
  display: block;
  height: auto;
  margin-left: 0;
  padding: 0.5rem 2rem;
  font-size: 1.4rem;
}

.budget-box + .budget-etc,
.budget-etc + .budget-etc {
  margin-top: 2rem;
}

.budget-etc {
  position: relative;
  box-sizing: border-box;
  background: #f7f7f7;
}

.budget-etc > p {
  text-align: center;
  height: 5.4rem;
  padding: 1.5rem;
  color: var(--krds-light-color-text-basic);
  font-weight: 700;
  border: 1px solid #cdd1d5;
  background: #f4f5f6;
}

.budget-etc > ul {
  display: flex;
  flex-wrap: wrap;
}

.budget-etc > ul > li {
  text-align: center;
  min-width: 25%;
  padding: 2rem 1rem;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fff;
}

.budget-etc > ul > li:only-child {
  width: 100%;
}

.budget-etc > ul > li:nth-child(4n + 1) {
  border-left: 1px solid #ddd;
}

.budget-etc:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #ddd;
  content: "";
}

.budget-etc::before {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: calc(100% - 5.4rem);
  background: #ddd;
  content: "";
}

@media screen and (max-width: 1024px) {
  .tableBox {
    position: relative;
    display: block;
    overflow-x: auto;
  }
  .tableBox table {
    min-width: 80rem;
    -webkit-text-size-adjust: 100%;
  }
  .dataScroll {
    position: absolute;
    left: calc(50% - 6rem);
    top: 5rem;
    display: block;
    text-align: center;
    width: 12rem;
    height: 12rem;
    padding-top: 8rem;
    font-size: 1.4rem;
    color: #fff;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.7) url(/share/images/program/ic_scroll.png) no-repeat center 2.3rem / 4.3rem;
    z-index: 9;
  }
}

.sbtn.down {
  position: relative;
  display: inline-block;
  background: #ecf2fe;
  color: #0b50d0;
  border: 1px solid #256ef4;
  border-radius: 0.4rem;
}
.sbtn.down::after {
  display: inline-block;
  content: "";
  vertical-align: middle;
  position: relative;
  right: -0.8rem;
  top: -0.1rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/share/images/icon/ico_download_budget.svg) no-repeat center;
}


/*지방재정공시*/
.region {
  margin-bottom:4rem;
}

.region>div {
  overflow: hidden;
}

.region .tit {
  text-align: center;
  padding: 1.7rem 3.2rem;
  color: var(--krds-light-color-text-basic);
  font-weight: 500;
  border: 1px solid #cdd1d5;  
  background: #FFF;
}

.region .tit a {
  display: block;
  color: var(--sub);
}

.region ul {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  gap: 0.4rem 1rem;
  padding: 1.7rem 2.8rem;
  background: #f4f5f6;
}

.region ul.f-wrap {
  flex-direction: row;
  flex-wrap: wrap;
}

.region ul.f-wrap li {
  width: calc(50% - 1rem);
}

.region ul li a {
  position: relative;
  display: block;
  padding-left: 1rem;
  line-height: 2.4rem;
  letter-spacing: 0.01rem;
  word-break: keep-all;
}

.region ul li a::before {
  content: '- ';
  position: absolute;
  left: 0;
  top: 0;
}

.region .top-con {
  display: flex;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-radius: 0.4rem;
  border: 1px solid #cdd1d5;
  overflow: hidden;
}

.region .top-con .tit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  border: none;
  border-right: 1px solid #cdd1d5;
  
}

.region .top-con ul {
  width: 50%;
  border-left: 0;
}

.region .btm-con {
  display: flex;
  gap: 2rem;
}

.region .btm-con>div {
  display: flex;
  flex-direction: column;
  width: calc(50% - 1rem);
}

.region .btm-con>div .tit {
  border-radius: 0.4rem 0.4rem 0rem 0rem;
}

.region .btm-con>div ul {
  height: 100%;
}

.btnBox {
  margin-top:3rem;
  text-align: center;
}