@charset "UTF-8";
@media screen and (max-width: 850px) {
  .chart-wrap > div {
    padding: 1.25rem 0;
    height: auto !important;
  }
}
/* 조직도 */
/* .chart-wrap a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
} */
.chart-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.125rem;
  text-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.chart-wrap .area1,
.chart-wrap .area3,
.chart-wrap .area5,
.chart-wrap .area7,
.chart-wrap .area9,
.chart-wrap .area11 {
  width: 14.2857142857%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.5rem;
  position: relative;
}
.chart-wrap .area1 {
  width: 14.2857142857%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.5rem;
  position: relative;
}
.chart-wrap .area1.order1 {
  background-color: #1e3492;
  color: #fff;
  width: calc((100% - 5rem) / 4);
  position: relative;
}
.chart-wrap .area1.order1::after {
  content: "";
  width: 0.125rem;
  height: 4.6875rem;
  background-color: #ccc;
  position: absolute;
  bottom: -4.6875rem;
}
.chart-wrap .area1.order2 {
  position: relative;
}
.chart-wrap .area1.order2::after {
  content: "";
  width: 0.125rem;
  height: 1.25rem;
  background-color: #ccc;
  position: absolute;
  bottom: -1.25rem;
}
.chart-wrap .area2 {
  width: 100%;
  height: 1.25rem;
}
.chart-wrap .area3.order3 {
  position: relative;
}
.chart-wrap .area3.order3::after {
  content: "";
  width: 0.125rem;
  height: 1.25rem;
  background-color: #ccc;
  position: absolute;
  bottom: -1.25rem;
}
.chart-wrap .area4 {
  width: 100%;
  height: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.chart-wrap .area4 span {
  width: 14.2857142857%;
  position: relative;
}
.chart-wrap .area4 :nth-child(1)::after {
  content: "";
  width: 50%;
  height: 0.125rem;
  background-color: #ccc;
  position: absolute;
  top: 0;
  right: 0;
}
.chart-wrap .area4 :nth-child(2)::after,
.chart-wrap .area4 :nth-child(3)::after,
.chart-wrap .area4 :nth-child(4)::after,
.chart-wrap .area4 :nth-child(5)::after {
  content: "";
  width: 100%;
  height: 0.125rem;
  background-color: #ccc;
  position: absolute;
  top: 0;
  right: 0;
}
.chart-wrap .area5.order5, .chart-wrap .area5.order8 {
  position: relative;
}
.chart-wrap .area5.order5::after, .chart-wrap .area5.order8::after {
  content: "";
  width: 0.125rem;
  height: 1.25rem;
  background-color: #ccc;
  position: absolute;
  top: -1.25rem;
}
.chart-wrap .area5.order5::before, .chart-wrap .area5.order8::before {
  content: "";
  width: 0.125rem;
  height: 1.875rem;
  background-color: #ccc;
  position: absolute;
  bottom: -1.875rem;
}
.chart-wrap .area6 {
  width: 100%;
  height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.chart-wrap .area6 > span {
  width: 14.2857142857%;
  display: block;
}
.chart-wrap .area6 :nth-child(1),
.chart-wrap .area6 :nth-child(4),
.chart-wrap .area6 :nth-child(3) {
  position: relative;
}
.chart-wrap .area6 :nth-child(1)::after,
.chart-wrap .area6 :nth-child(4)::after,
.chart-wrap .area6 :nth-child(3)::after {
  content: "";
  width: 120%;
  height: 0.125rem;
  background-color: #ccc;
  position: absolute;
  top: 50%;
  left: 50%;
  right: unset;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.chart-wrap .area6 :nth-child(6) {
  position: relative;
}
.chart-wrap .area6 :nth-child(6)::after {
  content: "";
  width: 120%;
  height: 0.125rem;
  background-color: #ccc;
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.chart-wrap .area6 :nth-child(3) {
  width: 14.2857142857%;
  position: relative;
}
.chart-wrap .area6 :nth-child(3)::after {
  height: 0.125rem;
  background-color: #ccc;
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.chart-wrap .area6 :nth-child(2) {
  margin: unset;
}
.chart-wrap .area6 :nth-child(2)::after {
  content: unset;
}
.chart-wrap .area7.order6 {
  position: relative;
}
.chart-wrap .area7.order6::after {
  width: 0.125rem;
  height: 3.875rem;
  background-color: #ccc;
  position: absolute;
  top: -3.875rem;
}
.chart-wrap .area7.order6, .chart-wrap .area7.order7, .chart-wrap .area7.order9, .chart-wrap .area7.order13, .chart-wrap .area7.order18, .chart-wrap .area7.order19 {
  position: relative;
}
.chart-wrap .area7.order6::after, .chart-wrap .area7.order7::after, .chart-wrap .area7.order9::after, .chart-wrap .area7.order13::after, .chart-wrap .area7.order18::after, .chart-wrap .area7.order19::after {
  content: "";
  width: 0.125rem;
  height: 1.875rem;
  background-color: #ccc;
  position: absolute;
  top: -1.875rem;
}
.chart-wrap .area7.order6::before, .chart-wrap .area7.order7::before, .chart-wrap .area7.order9::before, .chart-wrap .area7.order13::before, .chart-wrap .area7.order18::before, .chart-wrap .area7.order19::before {
  content: unset;
}
.chart-wrap .area7.order9::before, .chart-wrap .area7.order13::before {
  content: "";
  width: 0.125rem;
  height: 1.875rem;
  background-color: #ccc;
  position: absolute;
  bottom: -1.875rem;
}
.chart-wrap .area7.order19::before {
  content: "";
  width: 0.125rem;
  height: 3.75rem;
  background-color: #ccc;
  position: absolute;
  bottom: -3.75rem;
}
.chart-wrap .area8 {
  width: 100%;
  height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.chart-wrap .area8 > span {
  width: 14.2857142857%;
}
.chart-wrap .area8 :nth-child(2),
.chart-wrap .area8 :nth-child(4) {
  position: relative;
}
.chart-wrap .area8 :nth-child(2)::after,
.chart-wrap .area8 :nth-child(4)::after {
  content: "";
  width: 120%;
  height: 0.125rem;
  background-color: #ccc;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.chart-wrap .area9.order10, .chart-wrap .area9.order12, .chart-wrap .area9.order14, .chart-wrap .area9.order16 {
  position: relative;
  margin: unset;
}
.chart-wrap .area9.order10::after, .chart-wrap .area9.order12::after, .chart-wrap .area9.order14::after, .chart-wrap .area9.order16::after {
  content: "";
  width: 0.125rem;
  height: 1.875rem;
  background-color: #ccc;
  position: absolute;
  top: -1.875rem;
}
.chart-wrap .area9.order10::before, .chart-wrap .area9.order12::before, .chart-wrap .area9.order14::before, .chart-wrap .area9.order16::before {
  content: unset;
}
.chart-wrap .area10 {
  display: block;
  width: 100%;
}
.chart-wrap .area11 {
  padding-top: 1.25rem;
}
.chart-wrap .area11 > ul {
  position: relative;
}
.chart-wrap .area11 > ul::after {
  content: "";
  width: 0.125rem;
  height: 1.25rem;
  background-color: #ccc;
  position: absolute;
  top: -1.25rem;
}
.chart-wrap .area11.order11 {
  margin: unset;
}
.chart-wrap .area11.order11::before {
  content: unset;
}

.chart-wrap .blue {
  background-color: #eff2fc;
  border: 1px solid #a0acd2;
  height: 55px;
}

.chart-wrap .gray {
  height: 55px;
  background-color: #f4f4f4;
  border: 1px solid #cccccc;
}

.chart-wrap .white {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.chart-wrap .white ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  color: #666;
  position: relative;
  word-break: break-all;
}
.chart-wrap .white ul li::after {
  content: "";
  width: 0.125rem;
  height: 0.5625rem;
  background-color: #ccc;
  position: absolute;
  top: -0.5625rem;
}

.chart-wrap .white ul {
  min-width: 100%;
}
.chart-wrap .white ul :nth-child(1)::after {
  display: none;
}

.chart-wrap .white ul li + li {
  margin-top: 8px;
}

.chart-wrap .img_desc {
  margin-bottom: 0;
  display: block;
  text-align: left;
  position: absolute;
  right: 0;
  bottom: 0;
}
.chart-wrap .img_desc > div {
  display: block;
}
.chart-wrap .img_desc > div > span {
  vertical-align: top;
}
.chart-wrap .img_desc > div + div {
  margin-top: 1.25rem;
}

.chart-con {
  display: none;
}

.chart-con.view {
  display: block;
}

#chart-desc {
  margin-top: 3.75rem;
}
#chart-desc table col {
  display: table-column !important;
}
#chart-desc .chart-col-1,
#chart-desc .chart-col-2,
#chart-desc .chart-col-3 {
  width: 33.3333333333%;
}

@media screen and (max-width: 850px) {
  /* 조직도 */
  .chart-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 1.875rem;
  }
  .chart-wrap > div {
    width: 100% !important;
    height: 4.375rem !important;
    margin: 0;
    padding: 0;
  }
  .chart-wrap > div::after, .chart-wrap > div::before {
    display: none;
  }
  .chart-wrap > div ul::after, .chart-wrap > div ul::before {
    display: none;
  }
  .chart-wrap > div ul li {
    margin: 0 !important;
    border-radius: 0.5rem;
  }
  .chart-wrap > div ul li::after, .chart-wrap > div ul li::before {
    display: none;
  }
  .chart-wrap > div ul :not(:first-child) {
    border-top: 0;
    border-radius: 0;
  }
  .chart-wrap > div ul :first-child {
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .chart-wrap > div ul :last-child {
    border-radius: 0 0 0.5rem 0.5rem;
  }
  .chart-wrap .white {
    height: unset !important;
    padding: unset;
  }
  .chart-wrap > span,
  .chart-wrap .blank {
    display: none;
  }
  .chart-wrap .img_desc {
    height: unset !important;
    text-align: left;
    position: static;
  }
  .chart-wrap .img_desc > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .chart-wrap .img_desc > div > span {
    vertical-align: top;
  }
  .chart-wrap .img_desc > div + div {
    margin-top: 1.25rem;
  }
  .chart-wrap .area1.order1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 1.25rem;
  }
  .chart-wrap .area1.order2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 1.25rem;
  }
  .chart-wrap .area2 {
    display: none;
  }
  .chart-wrap .area3.order3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-bottom: 1.25rem;
  }
  .chart-wrap .area4 {
    display: none;
  }
  .chart-wrap .area5.order4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-bottom: 3.75rem;
  }
  .chart-wrap .area5.order5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    margin-bottom: 1.25rem;
  }
  .chart-wrap .area5.order8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
    margin-bottom: 1.25rem;
  }
  .chart-wrap .area6 {
    display: none;
  }
  .chart-wrap .area7.order6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
    margin-bottom: 1.25rem;
  }
  .chart-wrap .area7.order7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
    margin-bottom: 3.75rem;
  }
  .chart-wrap .area7.order9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
    margin-bottom: 0.625rem;
  }
  .chart-wrap .area7.order13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
    margin-bottom: 0.625rem;
  }
  .chart-wrap .area7.order18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
    margin-bottom: 1.25rem;
  }
  .chart-wrap .area7.order19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
    margin-bottom: 0.625rem;
  }
  .chart-wrap .area8 {
    display: none;
  }
  .chart-wrap .area9.order10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .chart-wrap .area9.order12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
    margin-bottom: 1.25rem !important;
  }
  .chart-wrap .area9.order14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .chart-wrap .area9.order16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .chart-wrap .area9.order20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .chart-wrap .area10 {
    display: none;
  }
  .chart-wrap .area11.order11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
    display: block;
    margin-bottom: 0.625rem !important;
  }
  .chart-wrap .area11.order11 > ul > li {
    border-radius: unset;
  }
  .chart-wrap .area11.order11 > ul > li:first-child {
    background-color: #fff;
    color: #666;
    border-top: unset;
  }
  .chart-wrap .area11.order11 > ul > li:last-child {
    border-radius: 0 0 0.5rem 0.5rem;
  }
  .chart-wrap .area11.order15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
    margin-bottom: 0.625rem;
  }
  .chart-wrap .area11.order15 > ul > li {
    border-radius: unset;
  }
  .chart-wrap .area11.order15 > ul > li:first-child {
    border-top: unset;
  }
  .chart-wrap .area11.order15 > ul > li:last-child {
    border-radius: 0 0 0.5rem 0.5rem;
  }
  .chart-wrap .area11.order17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
    margin-bottom: 1.25rem;
  }
  .chart-wrap .area11.order17 > ul > li {
    border-radius: unset;
  }
  .chart-wrap .area11.order17 > ul > li:first-child {
    border-top: unset;
  }
  .chart-wrap .area11.order17 > ul > li:last-child {
    border-radius: 0 0 0.5rem 0.5rem;
  }
  .chart-wrap .img_desc {
    margin-top: 5rem;
    margin-bottom: 1.25rem;
  }
  #chart-desc {
    margin-bottom: 10.625rem !important;
  }
  #chart-desc table td {
    font-size: 1.875rem;
    word-break: break-all !important;
  }
  #chart-desc .chart-col-1 {
    width: 25% !important;
  }
  #disability-etc input {
    margin-bottom: 1.25rem;
  }
  .display_flex.u_mil_wrap.disabled_wrap.degree-of-disability,
  .display_flex.u_mil_wrap.disabled_wrap.degree-of-disability > div {
    margin-top: 0;
  }
  .form_field_bottom .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 11.5rem;
    height: 4.375rem;
    font-size: 1.625rem;
  }
  .form_field_bottom .btn .ico-del {
    margin-right: 1.25rem !important;
  }
}