@charset "UTF-8";
:root {
  --sub-layout-padding : 6rem;
}
#sub {
  /* padding-top: 10rem; */
  padding-bottom:14.7rem;
  min-height:calc(100vh - 20.3rem);
}
#sub .layout {
  display: flex;
  justify-content: flex-end;
  padding-top: var(--sub-layout-padding);
  align-items: stretch;
}

.lnb {
  width: 27rem;
  height: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--header-height) + var(--sub-layout-padding));
  left: 0;
  z-index: 1;
  letter-spacing: -0.05em;
}
.lnb.active {
  position: fixed;
  top: 15rem;
}
.lnb a.arrow {
  padding-right: 4.8rem;
}
.lnb a.arrow::after {
  display: block;
  font-family: "remixicon";
  content: "\ea4e";
  position: absolute;
  top: 50%;
  right: 2.4rem;
  transform: translateY(-50%) rotate(0);
  color: #3A3A3A;
  font-size: 1.8rem;
  font-weight: 400;
}
.lnb a.arrow.active::after {
  transform: translateY(-50%) rotate(180deg);
  color: #fff;
}
.lnb-layout {
  border-radius: 2rem;
  overflow: hidden;
  border: 1px solid #DFDFDF;
}
.lnb-title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18.5rem;
  padding:0 3rem;
  background: url(/resources/images/mps/content/lnb-bg.png) no-repeat center center/cover;
}
.lnb-title span {
  color: #fff;
  font-size: 3.6rem;
  font-weight: 700;
  position: relative;
  line-height: 1.2;
}
.lnb-title span::after {
  display: block;
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  background: #5BCCB1;
  position: absolute;
  top: -0.5rem;
  right: -1rem;
  transform: translateY(-50%);
  border-radius: 50%;
}
.lnb-menu > li > a {
  display: block;
  position: relative;
  padding: 1.75rem 3.3rem;
  color: #555;
  font-size: 1.7rem;
  font-weight: 500;
  border-bottom: 1px solid #DFDFDF;
  background: #fff;
  line-height: 1.4117647059;
  outline-offset: -1px;
}
.lnb-menu > li > a.active {
  background: #0099DB;
  color: #fff;
}
.lnb-menu > li:last-of-type > a {
  border-bottom: none;
}
.lnb-depth {
  display: none;
  padding: 1.7rem 3.3rem;
  background: #F1F6FC;
}
.lnb-depth > ul > li + li {
  margin-top: 1rem;
}
.lnb-depth > ul > li > a {
  display: block;
  padding-left: 1.6rem;
  color: #646464;
  font-size: 1.6rem;
  font-weight: 400;
  position: relative;
  line-height: 1.5;
}
.lnb-depth > ul > li > a::before {
  display: block;
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background: #B8BCD8;
  position: absolute;
  left: 0;
  top: 1.15rem;
  border-radius: 50%;
}
.lnb-depth > ul > li > a.active {
  color: #0099DB;
  text-decoration: underline;
}

.location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 6.8rem;
}
.location > * {
  padding: 0 1.2rem;
}
.location > * + * {
  position: relative;
}
.location > * + *::before {
  display: block;
  font-family: "remixicon";
  content: "\ea6e";
  color: #BEBEBE;
  font-size: 1.8rem;
  font-weight: 400;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
}
.location-home {
  font-size: 2rem;
  color: #0099DB;
  padding-left: 0;
  line-height: 1;
}
.location-home i {
	display:block;
}
.location span {
  font-size: 1.5rem;
  color: #8E8E8E;
  line-height: 2;
}
.location span:last-of-type {
  color: #242424;
}

.title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2.2rem;
  border-bottom: 1px solid #C7C7C7;
  margin-bottom: 6rem;
}
.title h3 {
  color: #000;
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: -0.05em;
}
.title-info {
  margin-left: 4rem;
  display: flex;
}
.title-info > div {
  margin-left: 0.5rem;
  position:relative;
}
.title-info > div > a {
  display: flex;
  width: 4rem;
  height: 4rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #DFDFDF;
  border-radius: 50%;
}
.title-info > div > a > i {
  font-size: 2rem;
  color: #7D7D7D;
  line-height: 1;
}
.title-info-share .ri-share-line.ri-close-fill::before {
  content: "\eb98";
}
.title-info-share-box {
  position: absolute;
  width:auto;
  height:auto;
  top: calc(100% + 1rem);
  right:0;
  padding:1rem 2rem 1rem 1rem;
  box-shadow:0 0 3rem rgba(0,0,0,0.16);
  background: #fff;
  z-index: 3;
  border:1px solid #ddd;
  display:none;
}

.title-info-share-box li + li{
	margin-top:.5rem;
}

.title-info-share-box a {
  display: flex;
  align-items:center;
  justify-content:flex-start;
  text-align: center;
  padding: 0;
  position:relative;
  border-radius:50%;
  height:3.2rem;
}

.title-info-share-box a::after {
  display: none;
}
.title-info-share-box a i {
  font-size: 2.2rem;
  color:#646464;
  width:3rem;
  line-height:1;
}
.title-info-share-box span {
	font-size:1.4rem;
	font-weight:500;
	display:block;
	text-align:center;
	line-height:1.25;
	white-space:nowrap;
	margin-left:.5rem;
}
.title-info-share-box .facebook a i {
  color: #29487d;
}
.title-info-share-box .kakao a i {
  color: #ffc20f;
}
.title-info-share-box .twitter a i {
  color: #1da1f2;
}
.title-info-share-box .blog a i {
  color: #2cb400;
  line-height: 1.5;
  font-size:2rem;
}
.tab {
  display: flex;
  margin: 3.5rem 0 2.5rem;
  padding-bottom: 1rem;
  overflow: auto;
  position:relative;
}
.tab a {
  min-width: 15.5rem;
  height: 5.1rem;
  white-space: nowrap;
  padding: 0.75rem 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #EEEEEF;
  border-radius: 2.5rem;
  color: #3A3A3A;
  font-size: 1.9rem;
  font-weight: 400;
  letter-spacing: -0.05em;
  margin-right: 0.7rem;
}
.tab li.active a {
  background: #12217D;
  color: #fff;
  font-weight: 700;
}

.title2 {
  color: #000;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.3846153846;
  letter-spacing: -0.05em;
  margin: 5rem 0 2.3rem;
}

.title2:first-of-type {
  margin-top: 0;
}

.title3 {
  color: #0099DB;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  margin: 2.9rem 0 1.8rem;
  line-height: 1.3636363636;
}
.title3:first-of-type {
  margin-top: 0;
}
.title3 + .pt-03 {
  padding-top: .1rem;
}
.title4 {
  margin: 2.8rem 0 1rem;
}

.bul1 > li {
  position: relative;
  padding-left: 1.6rem;
  line-height: calc(30/16);
}
.bul1 > li + li {
  margin-top: .25rem;
}
.bul1 > li::before {
  display: block;
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background: #ccc;
  position: absolute;
  top: 1.5rem;
  left: 0;
}
* + .bul1 {
  margin-top: 1.6rem;
}
.bul1 b {
  font-weight: 500;
}

.bul1 .special {
	margin-left:-1rem;
}

.bul2 {
  counter-reset: list-number;
}
.bul2 > li {
  counter-increment: list-number;
  position: relative;
  padding-left: 4.8rem;
  padding-top: 0.1rem;
}
.bul2 > li + li {
  margin-top: 0.8rem;
}
.bul2 > li::before {
  display: flex;
  content: counter(list-number);
  width: 3.2rem;
  height: 3.2rem;
  background: #12217D;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: "Montserrat";
  border-radius: 0.5rem;
  position: absolute;
  top: 0;
  left: 0;
}
.bul2 b {
  font-weight: 500;
}
* + .bul2 {
  margin-top: 1.6rem;
}

* + .bul3 {
  margin-top: 1.6rem;
}
.bul3 > li {
  position: relative;
  padding-left: 2.1rem;
}
.bul3 > li span {
  position: absolute;
  top: 0;
  left: 0;
}

* + .bul4 {
  margin-top: 1.6rem;
}
.bul4 > li {
  list-style: decimal;
  list-style-position: inside;
}

* + .bul5 {
  margin-top: 1.6rem;
}
.bul5 > li {
  position: relative;
  padding-left: 0.8rem;
}
.bul5 > li::before {
  display: block;
  content: "";
  width: 0.4rem;
  height: 1px;
  background: #646464;
  position: absolute;
  top: 1.35rem;
  left: 0;
}

.bul6.half {
  display: flex;
  flex-wrap: wrap;
}
.bul6.half > li {
  width: 50%;
  padding-right: 1rem;
}
.bul6 > li {
  font-size: 1.6rem;
  padding-left: 1rem;
  position: relative;
  color: #646464;
  text-align: left;
}
.bul6 > li::before {
  display: block;
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  background: #646464;
  border-radius: 50%;
  position: absolute;
  top: 1.25rem;
  left: 0;
}
.bul6 > li > ul > li {
  padding-left: 1rem;
  position: relative;
  color: #8F8F8F;
}
.bul6 > li > ul > li::before {
  display: block;
  content: "";
  width: 0.5rem;
  height: 1px;
  background: #8F8F8F;
  position: absolute;
  top: 1.35rem;
  left: 0;
}
.bul7 {
  counter-reset:list-number;
}
.bul7 > li {
  counter-increment:list-number;
  padding-left: 2.6rem;
  position: relative;
  font-size: 1.7rem;
}
.bul7 > li::before {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  content:counter(list-number);
  width: 2rem;
  height: 2rem;
  background: #111;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  position: absolute;
  top: .25rem;
  left: 0;
  border-radius: 50%;
}
.bul7 > li + li {
  margin-top: 1.2rem;
}

.indent-bullet .bul2 > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.indent-bullet .bul2 > li::before {
  top: 0.15rem;
}
.indent-bullet .bul2 > li + li {
  margin-top: 4.8rem;
}
.indent-bullet .bul1 > li + li {
  margin-top: 1.1rem;
}
.indent-bullet-title {
  color: #0099DB;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  margin-right: 2rem;
}
.indent-bullet-info {
  margin-top: 2.5rem;
  margin-left: -4.8rem;
  width: calc(100% + 4.8rem);
}

/* table */
.table-wrapper {
  position: relative;
}
* + .table-wrapper {
  margin-top: 2rem;
}
* + .table-img {
  margin-top: 2.5rem;
}
.table-link {
  margin-left: 1.4rem;
  border: 1px solid #C1C1C1;
  border-radius: 0.5rem;
  padding: 1rem 2.2rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
}
.table-link i {
  margin-left: 2rem;
  line-height: 1;
  font-size: 2rem;
}
.table-caption {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.5rem;
}
* + .table-caption {
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.table-caption i {
  color: #12217D;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.2;
}
.table-caption i + span {
  margin-left: 0.6rem;
}
.table-caption span {
  font-size: 1.6rem;
  font-weight: 300;
  color: #646464;
}
.table-caption span b {
  font-weight: 400;
  color: #FF0000;
}
.table-container {
  position: relative;
  overflow: hidden;
  border-top: 2px solid #595959;
  border-bottom: 1px solid #595959;
  width: 100%;
}
.table-container::before {
  font-family: "remixicon";
  content: "\ea62";
  width: 8rem;
  height: 8rem;
  background: #fff;
  color: #12217D;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: 8rem;
  font-size: 3.6rem;
  z-index: 2;
  border-radius: 50%;
}
.table-container::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(18, 33, 125, 0.5);
  top: 0;
  left: 0;
  z-index: 1;
}
.table-container::before, .table-container::after {
  display: block;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.35s;
}
.table-container.prevent::before, .table-container.prevent::after {
  opacity: 1;
  visibility: visible;
}
.table-container table {
  /* table-layout: fixed; */
  table-layout: auto;
  width: calc(100% + 2px);
  margin-left: -1px;
}
.table-container table tr {
  position: relative;
}
.table-container table tr th,
.table-container table tr td {
  padding: 1.4rem;
  border: 1px solid #DEDEDE;
  text-align: center;
  position: relative;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 1.4117647059;
}
.table-container table tr th.nopd,
.table-container table tr td.nopd {
  padding: 0;
}
.table-container table tr th.left,
.table-container table tr td.left {
  text-align: left;
}
.table-container table tr th {
  background: #F6F6F6;
  /* background: #ededed; */
  font-weight: 500
}
.table-container table tr td {
  background-color: #fff;
}
.table-container table tr:first-of-type td {
  border-top: none;
}
.table-container table tr:first-of-type th {
  border-top: none;
}
.table-container table .import {
  color: #ff0000;
  display: inline-block;
  line-height: 0.5;
  transform: translateY(50%);
  font-weight: 300;
}
.table-container table input:not([type="radio"],[type="checkbox"]) {
  height: 4.5rem;
}
.table-container table textarea {
  width: 100%;
  resize: none;
  height: 13.7rem;
}
.table-container table input,
.table-container table textarea {
  border: 1px solid #ddd;
  padding: 1rem;
}
.table-container table input,
.table-container table textarea,
.table-container table select {
  font-size: 1.6rem;
  letter-spacing: -0.03em;
}
.table-container table .input1 {
  width: 33.9rem;
  max-width: 100%;
  display: inline-flex;
}
.table-container table .input1 input {
  flex: 1;
  width: 100%;
}
.table-container table .input1 * + * {
  margin-left: 0.8rem;
}
.table-container table .input2 {
  width: 43.2rem;
  max-width: 100%;
  display: inline-flex;
}
.table-container table .input2 * + * {
  margin-left: 0.8rem;
}
.table-container table .input3 {
  width: 11rem;
  max-width: 100%;
  display: inline-flex;
  margin-right: 0.8rem;
}
.table-container table .input3 * + * {
  margin-left: 0.8rem;
}
.table-container table .select {
  width: 100%;
}
.table-container table .select1 {
  width: 33%;
}
.table-container table .select2 {
  width: 66%;
}
.table-container table .address {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.table-container table .address1 {
  width: 26%;
}
.table-container table .address2 {
  width: 74%;
}
.table-container table .address3 {
  margin-top: 0.8rem;
  width: 100%;
}
.table-container table .file {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.table-container table .file .simple_uploader {
  width: 100%;
}
.table-container table .btn {
  margin-left: 0.8rem;
  flex-shrink: 0;
}
.table-container table .btn.nomg {
	margin-left:0;
}
.table-container table .file-download img {
  width: 1.8rem;
}
.bg-gray .table-container table tr th {
  background: #ededed;
}

.table-wrapper--type2 .table-container {
  border-top: 1px solid #D9DAE1;
  border-bottom: none;
}
.table-wrapper--type2 .table-container table {
  table-layout: fixed;
}
.table-wrapper--type2 .table-container table input,
.table-wrapper--type2 .table-container table .select select {
  height: 4rem;
  border-radius: .4rem;
  width: 100%;
}
.table-wrapper--type2 .table-container table .select::after {
  content: "\e941";
  font-size: 1.4rem;
  right: 1.25rem;
}

/* .table-wrapper--type2 .table-container table tbody th[rowspan] {
  border-right: 1px solid #d9dae1;
} */

.table-wrapper--type2 .table-container table th,
.table-wrapper--type2 .table-container table td {
  height: 5.5rem;
  border: none;
  border-bottom: 1px solid #d9dae1;
  text-align: left;
}

.table-wrapper--type2 .table-container table th {
  padding: 1.6rem 3rem;
  background: #F7F7F7;
  font-size: 1.8rem;
  color: #333;
  font-weight: 700;
  width: 18rem;
}

.table-wrapper--type2 .table-container table tbody th {
  border-right: 1px solid #d9dae1;
}

.table-wrapper--type2 .table-container table td {
  padding: .8rem 1.5rem;
}

.table-wrapper--type2 .table-container table .point01 {
  color: #FF5252;
  margin-left: .5rem;
}

@media (max-width: 768px) {
  .table-wrapper--form colgroup col:nth-of-type(1) {
    width: 100px !important;
  }
  .table-container table tr th, .table-container table tr td {
    padding: 1rem;
    /* word-break: break-all; */
    font-size: 1.6rem;
  }
  .table-container table tr th {
    border-left: none;
  }
  .table-container table tr td {
    border-right: none;
    word-break: break-all;
  }
  .table-container table .input1 {
    width: 24rem;
  }
  .table-container table .input2 {
    width: 34rem;
  }
  .table-wrapper--type2 .table-container table,
  .table-wrapper--type2 .table-container tbody {
    display: block;
  }
  .table-wrapper--type2 .table-container table colgroup {
    display: none;
  }
  .table-wrapper--type2 .table-container table tr {
    display: flex !important;
    flex-direction: column;
  }
  .table-wrapper--type2 .table-container table tr th,
  .table-wrapper--type2 .table-container table tr td {
    width: 100%;
    display: block;
    padding: 1rem 1.5rem;
    height: auto;
  }
}
@media (max-width: 640px) {
  .table-container table .address {
    padding-top: 5.3rem;
    position: relative;
  }
  .table-container table .address .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
  }
  .table-container table .file {
    position: relative;
  }
  .table-container table .file .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
  }
  .table-container table .input1,
.table-container table .input2 {
    width: 100%;
  }
}
@media (max-width: 587px) {
  .table-wrapper--auto .table-container {
    overflow: auto;
  }
  .table-wrapper--auto .table-container table {
    width: 587px;
  }
  .table-link {
    margin-left: 0;
    margin-top: 0.5rem;
  }
}
@media (max-width: 420px) {
  .table-wrapper--form colgroup col:nth-of-type(1) {
    width: 85px !important;
  }
}

.inquiry_type {
  display: flex;
  width: 100%;
}
.inquiry_type label {
  flex: 1;
  border: 1px solid;
}
/* 만족도 평가 */
.satisfaction {
  margin-top: 10.7rem;
  border-radius: 0.3rem;
  overflow: hidden;
  border: 1px solid #D6D6D6;
}
.satisfaction-title {
  background: #F6F6F6;
  padding: 1.7rem 5.2rem;
  display: flex;
  align-items: center;
}
.satisfaction-title strong {
  flex-shrink: 0;
  color: #3A3A3A;
  font-size: 1.8rem;
  font-weight: 500;
  margin-right: 1.3rem;
  position: relative;
}
.satisfaction-title strong::before {
  display: block;
  font-family: "remixicon";
  content: "\f274";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.7rem;
  transform: translate(-100%, -50%);
  color: #0099DB;
  font-size: 2.4rem;
  font-weight: 400;
}
.satisfaction-title p {
  flex-grow: 1;
  color: #646464;
  font-size: 1.6rem;
  font-weight: 400;
}
.satisfaction-check {
  padding: 1.4rem 5.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.satisfaction-check-list {
  display: flex;
  flex-wrap: wrap;
}
.satisfaction-check-list span {
  position: relative;
  margin-right: 4rem;
}
.satisfaction-check-list span:last-of-type {
  margin-right: 0;
}
.satisfaction-check-list input[type=radio] {
  position: absolute;
  width: auto !important;
  height: auto !important;
  left: 0;
  top: 0;
  opacity: 0;
  outline: none;
}
.satisfaction-check-list input[type=radio] + label {
  padding-left: 2.4rem;
  position: relative;
  color: #646464;
  font-size: 1.6rem;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
}
.satisfaction-check-list input[type=radio] + label::before, .satisfaction-check-list input[type=radio] + label::after {
  display: block;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.satisfaction-check-list input[type=radio] + label::before {
  background: #646464;
  border: 0.4rem solid #fff;
  opacity: 0;
}
.satisfaction-check-list input[type=radio] + label::after {
  border: 1px solid #8E8E8E;
  background: transparent;
}
.satisfaction-check-list input[type=radio]:checked + label::before {
  opacity: 1;
}
.satisfaction-check-list input[type=radio]:focus + label {
	outline : 2px solid #000;
	outline-offset : -2px;
}
.satisfaction-check-submit {
  width: 11rem;
  height: 4.4rem;
  margin-left: 6rem;
  background: #0099DB;
  border-radius: 0.5rem;
  padding-bottom: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.satisfaction-check-submit span {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
}

.contents {
  width: calc(100% - 27rem);
  padding-left: 6rem;
  font-size: 1.8rem;
  color: #3A3A3A;
  /* line-height: 1.6666666667; */
  letter-spacing: -0.03em;
  /* line-height: 1.4; */
  line-height: calc(30/18);
}
.contents p strong {
  font-weight: 500;
}

.imgbox {
  position: relative;
  height: 27rem;
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 5.3rem;
}
.imgbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.graybox {
  padding: 2rem 2.5rem;
  background: #F6F6F6;
  border-radius: 1rem;
  font-size: 1.6rem;
  color: #646464;
  margin: 1rem 0 2.8rem;
}
.graybox strong {
  color: #3A3A3A;
  font-weight: 500;
}

.img-wrapper {
  padding: 4.5rem;
  text-align: center;
}
.img-wrapper-border {
  border: 1px solid #E6E6E6;
  border-radius: 1rem;
}
.img-wrapper-npd {
  padding: 0;
}
.img-wrapper-mgt {
  margin-top: 2.6rem;
}
.no-contents {
	text-align: center;
}

@media (max-width: 1024px) {
  .lnb {
    display: none;
  }
  .location {
    margin-bottom: 3rem;
  }
  .title {
    margin-bottom: 3rem;
  }
  .contents {
    width: 100%;
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  /* #sub {
    padding-bottom:6rem;
  } */
  :root {
  }
  #sub .layout {
    --sub-layout-padding : 4rem;
  }
  
  .location {
  	margin-bottom:2rem;
  }
  .location > * {
  	font-size:1.6rem;
  }
  
  .title {
  	border-bottom:none;
  	padding-bottom:0;
  	margin-bottom:3rem;
  }
  .title h3 {
  	font-size:3.2rem;
  	line-height:1.25;
  }
  .title-info {
  	margin-left:2rem;
  }
  
  .title-info > div:first-of-type {
  	margin-left:0;
  }
  
  .title2 {
    margin: 3.5rem 0 1.5rem;
  }
  .title3 {
    margin: 2.2rem 0 1rem;
  }
  .imgbox {
    margin-bottom: 3rem;
    height: auto;
  }
  .img-wrapper {
    padding: 2rem;
  }
  * + .bul1 {
    margin-top: 1rem;
  }
  .tab a {
    min-width: auto;
  }
}

@media (max-width:587px) {
  .location > * {
  	font-size:1.45rem;
  } 
}
@media (max-width: 768px) {
  .satisfaction {
    margin-top: 4rem;
  }
}
@media (max-width: 587px) {
  
  .satisfaction-title {
    padding: 1.5rem 3rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .satisfaction-title strong {
    margin-left: 3rem;
  }
  .satisfaction-check {
    padding: 1.5rem 3rem;
    flex-direction: column;
  }
  .satisfaction-check-submit {
    width: 100%;
    margin-left: 0;
    margin-top: 1.5rem;
  }
}
@media (max-width: 420px) {
  .satisfaction-check-list span {
    width: 50%;
    margin-right: 0;
    padding-right: 2rem;
  }
}
/* 사업소개 > '정책지원 및 통합지원시스템 구축 > 통합지원시스템 */
.vision {
  padding: 2.4rem;
  background: #0099DB;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vision img {
  width: 4.4rem;
}
.vision strong {
  padding-left: 1.2rem;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: -0.05em;
}

.forward-item {
  padding: 3.8rem 2.6rem;
  padding-left: 0;
  display: flex;
  align-items: center;
  background: #F1F6FC;
  border-radius: 1rem;
  position: relative;
}
.forward-item-blue {
  background: #12217D;
  z-index: 1;
}
.forward-item-blue .forward-item-title {
  color: #fff;
}
.forward-item-blue .forward-item-box {
  justify-content: flex-start;
}
.forward-item + .forward-item {
  margin-top: -1.6rem;
  padding-top: 5.4rem;
}
.forward-item-title {
  width: 14.5rem;
  flex-shrink: 0;
  text-align: center;
  padding: 1rem;
  color: #12217D;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.3636363636;
  letter-spacing: -0.05em;
}
.forward-item-list {
  display: flex;
  justify-content: space-between;
  margin: 0 0 -1.95rem;
  flex-wrap: wrap;
  flex-grow: 1;
}
.forward-item-box {
  width: calc(25% - 0.975rem);
  background: #fff;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  padding: 2rem 1.5rem;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  line-height: 1.4444444444;
  margin-bottom: 1.95rem;
}
.forward-item-box > * + * {
  margin-top: 0.85rem;
}
.forward-item-box-number {
  color: #D6D6D6;
  font-size: 3rem;
  font-weight: 700;
  font-family: "Montserrat";
  line-height: 1;
}
.forward-item-box-title {
  font-weight: 700;
}
.forward-item-box-desc {
  font-size: 1.6rem;
  color: #646464;
}
.forward-item-box-desc span {
  color: #3A3A3A;
  font-weight: 500;
}

@media (max-width: 768px) {
  .vision {
    flex-direction: column;
    text-align: center;
    padding: 3rem;
  }
  .vision strong {
    padding-left: 0;
    margin-top: 1.5rem;
  }
  .forward-item {
    padding: 3rem;
    flex-direction: column;
  }
  .forward-item-title {
    width: 100%;
    padding: 0 2rem;
    margin-bottom: 3rem;
  }
}
@media (max-width: 587px) {
  .forward-item-box {
    width: calc(50% - 0.975rem);
  }
}
@media (max-width: 380px) {
  .forward-item-box {
    width: 100%;
  }
}
/*사업소개 > 시도 사회서비스원 지원 > 시도 사회서비스원 현황*/
.facility {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

.facility form {
	width:100%;
}
.facility-map {
  width: 39.7rem;
}
.facility-map svg {
  width: 100%;
  height: auto;
}
.facility-map svg a:hover .map-area path, .facility-map svg a.active .map-area path {
  fill: #5BCCB1;
}
.facility-map svg a:hover .map-title path, .facility-map svg a.active .map-title path {
  fill: #12217D;
}
.facility-map svg a:focus {
	outline : 3px solid #000;
	outline-offset : -2px;
}
.facility-info {
  width: calc(100% - 39.7rem);
  padding-left: 5.5rem;
  position: relative;
}
.facility-info-item {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  padding-top: 2.3rem;
}
.facility-info-item.active {
  position: relative;
  opacity: 1;
  visibility: visible;
}
.facility-info-img {
  position: absolute;
  right: -8.3rem;
  top: -4.7rem;
  width: 38.6rem;
}
.facility-info-title {
  display: block;
  padding-top: 1.3rem;
  position: relative;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.05em;
}
.facility-info-title::before {
  display: block;
  content: "";
  width: 3.5rem;
  height: 0.5rem;
  background: #0099DB;
  border-radius: 0.3rem;
  position: absolute;
  top: 0;
  left: 0;
}
.facility-info-desc {
  color: #646464;
  font-size: 1.8rem;
  letter-spacing: -0.05em;
  margin-top: 0.25rem;
  min-height:6rem;
}
.facility-info-category {
  margin-top: 3.5rem;
}
.facility-info-category ul {
  display: flex;
  margin: -0.5rem;
}
.facility-info-category ul li {
  width: 25%;
  padding: 0.5rem;
  font-size: 1.5rem;
}
.facility-info-category-item {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: #646677;
  border-radius: 50%;
  position: relative;
}
.facility-info-category-item.highlight {
  background: #0099DB;
}
.facility-info-category-item-count, .facility-info-category-item-title {
  position: absolute !important;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}
.facility-info-category-item-count {
  color: #fff;
  font-size: 4rem;
  font-weight: 700;
  font-family: "Montserrat" !important;
  top: calc(50% - 1.5rem);
  padding-right: 0.25rem;
}
.facility-info-category-item-count span {
  vertical-align: top !important;
  line-height: 1 !important;
  margin: 0 -0.1rem;
}
.facility-info-category-item-title {
  color: #fff;
  top: calc(50% + 2.25rem);
}
.facility-info-table {
  border-top: 1px solid #707070;
  display: flex;
  flex-wrap: wrap;
  margin-top: 6.3rem;
  position: relative;
  font-size: 1.7rem;
}
.facility-info-table-item {
  border-bottom: 1px solid #DEDEDE;
  padding: 1.2rem;
  display: flex;
  align-items: center;
  width: 100%;
}
.facility-info-table-item-title {
  display: flex;
  justify-content: space-between;
  width: 8.2rem;
  position: relative;
  font-weight: 500;
  flex-shrink: 0;
  padding-left: 2.4rem;
}
.facility-info-table-item-title::before {
  display: block;
  font-family: "remixicon";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  color: #0099DB;
}
.facility-info-table-item--address .facility-info-table-item-title::before {
  content: "\ef09";
}
.facility-info-table-item--tel .facility-info-table-item-title::before {
  content: "\efe9";
}
.facility-info-table-item--fax .facility-info-table-item-title::before {
  content: "\f028";
}
.facility-info-table-item--homepage .facility-info-table-item-title::before {
  content: "\ee2e";
}
.facility-info-table-item-desc {
  flex-grow: 1;
  color: #646464;
  padding-left: 3.4rem;
  line-height: 1.3888888889;
}
.facility-info-table-item-desc a {
  display: inline-block;
  position: relative;
}
.facility-info-table-item-desc a[target=_blank] {
  padding-right: 2rem;
}
.facility-info-table-item-desc a[target=_blank]::after {
  display: block;
  font-family: "remixicon";
  content: "\f0f4";
  color: #646464;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.facility-info-count {
  margin: 3rem 0;
  font-size: 3rem;
  color: #646464;
  display: flex;
  align-items: center;
  height: 8.55rem;
}
.facility-info-count strong {
  color: #0099DB;
  font-size: 7rem;
  font-weight: 700;
  font-family: "Montserrat" !important;
  letter-spacing: -0.015em;
  margin-right: 2.8rem;
}
.facility .board {
  margin-top: 6rem;
  width: 100%;
}

.facility .board-table table th,
.facility .board-table table td {
	white-space:normal;
	word-break:break-all;
}

@media (max-width: 1640px) {
  .facility-info-category-item-count {
    font-size: 2.4rem;
    top: calc(50% - 1rem);
  }
  .facility-info-category-item-title {
    font-size: 1.4rem;
    top: calc(50% + 1.5rem);
  }
  .facility-info-table {
    margin-top: 4rem;
  }
}
@media (max-width: 1280px) {
  .facility-info-category ul {
    margin: -3rem -0.5rem;
  }
  .facility-info-category ul li {
    padding: 3rem 0.5rem;
  }
  .facility-info-category-item-count {
    top: 50%;
  }
  .facility-info-category-item-title {
    transform: none;
    color: #000;
    top: calc(100% + 1rem);
  }
}
@media (max-width: 1024px) {
  .facility-info-table-item {
    width: 100%;
  }
  .facility-info-category-item-count {
    font-size: 4rem;
    top: calc(50% - 1.5rem);
  }
  .facility-info-category-item-title {
    font-size: 1.7rem;
    top: calc(50% + 2.5rem);
    color: #fff;
  }
}
@media (max-width: 920px) {
  .facility {
    flex-direction: column;
    align-items: center;
    flex-wrap:nowrap;
  }
  .facility-map {
    width: 50rem;
    max-width: 100%;
  }
  .facility-info {
    width: 100%;
    padding-left: 0;
  }
  .facility-info-img {
    display: none;
  }
  .facility-info-category ul {
    margin: -1.5rem;
  }
  .facility-info-category ul li {
    padding: 1.5rem;
  }
  .facility-info-category-item-count {
    font-size: 5rem;
  }
  .facility-info-category-item-title {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .facility-info-category ul {
    margin: -0.5rem;
  }
  .facility-info-category ul li {
    padding: 0.5rem;
  }
  .facility-info-category-item {
    height: auto;
    padding: 2rem 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
  }
  .facility-info-category-item-count, .facility-info-category-item-title {
    position: relative !important;
    top: auto;
    left: auto;
    transform: none;
    display: flex !important;
    justify-content: center;
  }
  .facility-info-category-item-count {
    align-items: center;
    height: 5rem;
  }
  .facility-info-category-item-title {
    margin-top: 0.35rem;
  }
  .facility .table-container {
    overflow: auto;
  }
  .facility .table-container table {
    table-layout: auto;
    width: 768px;
  }
  .facility .table-container table colgroup {
    display: none;
  }
	  
	.facility .board-table table th,
	.facility .board-table table td {
		white-space:nowrap;
	}
}
@media (max-width: 520px) {
  .facility-info ul {
    flex-wrap: wrap;
  }
  .facility-info ul li {
    width: 50%;
  }
  .facility-info-category-item-count {
    font-size: 4.4rem;
  }
  .facility-info-category-item-title {
    font-size: 1.8rem;
  }
}
@media (max-width: 420px) {
  .facility-info-table-item {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .facility-info-table-item-desc {
    padding-left: 0;
  }
}
/*사업소개 > 이용자 권익보호 및 종사자 처우개선 > 이용자 권리헌장 */
.userright {
  background: #F1F6FC;
  border-radius: 1rem;
  overflow: hidden;
  padding: 5rem;
}
.userright-title {
  display: block;
  text-align: center;
  color: #12217D;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  margin-bottom: 3rem;
}
.userright-desc {
  letter-spacing: -0.05em;
}
.userright-list {
  margin:4rem 0;
  background: #fff;
  border-radius: 1rem;
  padding: 3.8rem 3.3rem;
}
.userright-list .bul2 li + li {
  margin-top: 2rem;
}
.userright .btn-wrapper {
  margin-top: 5rem;
}
.userright-information {
	display:flex;
	flex-direction:column;
	gap: 1rem;
	align-items:center;
	text-align:center;
	letter-spacing:-0.025em;
	margin-top:4rem;
}

.userright-information span {
	font-size:2rem;
}

.userright-information strong {
	font-size:2.8rem;
	color:#3A3A3A;
	margin-bottom:2rem;
}

.userright-information img {
	max-width:75%
}

@media (max-width: 768px) {
  .userright {
    padding: 3.5rem 3rem;
  }
  .userright-desc {
    margin-bottom: 3rem;
  }
  .userright-list {
    padding: 2.5rem;
  }
}
/*사업소개 > 사회서비스 품질관리 > 사회서비스품질평가 */
.lapse ul {
  margin: -1.65rem;
  display: flex;
}
.lapse ul li {
  flex: 1;
  padding: 1.65rem;
}
.lapse ul li:last-of-type .lapse-item::after {
  display: none;
}
.lapse-item {
  position: relative;
  text-align: center;
}
.lapse-item::after {
  display: block;
  font-family: "remixicon";
  content: "\ea6e";
  color: #D5D5D5;
  font-size: 3.2rem;
  font-weight: 500;
  position: absolute;
  top: 4.25rem;
  left: calc(100% + 1.65rem);
  transform: translate(-50%, -50%);
}
.lapse-item-year {
  display: flex;
  height: 8.5rem;
  align-items: center;
  justify-content: center;
  background: #F1F6FC;
  border-radius: 1rem;
  position: relative;
}
.lapse-item-year strong {
  color: #0099DB;
  font-size: 2.2rem;
  font-weight: 700;
  font-family: "Montserrat";
}
.lapse-item-title {
  margin-top: 2.1rem;
  line-height: 2.6rem;
  padding: 0 3rem;
}
.lapse-item-title span {
  display: block;
  color: #646464;
  font-size: 1.6rem;
}

@media (max-width: 768px) {
  .lapse ul {
    flex-direction: column;
  }
  .lapse ul li {
    width: 100%;
  }
  .lapse-item::after {
    top: calc(100% + 1.65rem);
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
  }
}
.progress {
  margin-top: 2rem;
}
.progress ul {
  display: flex;
  margin: -1.35rem;
  flex-wrap: wrap;
}
.progress ul li {
  flex: 1;
  padding: 1.35rem;
}
.progress ul li:last-of-type .progress-item-icon::after {
  display: none;
}
.progress-item {
  text-align: center;
  position: relative;
}
.progress-item-icon {
  display: block;
  max-width: 100%;
  position: relative;
}
.progress-item-icon::after {
  display: block;
  font-family: "remixicon";
  content: "\ea6e";
  color: #D5D5D5;
  font-size: 3.2rem;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: calc(100% + 1.35rem);
  transform: translate(-50%, -50%);
  line-height: 1;
}
.progress-item-title {
  display: block;
  margin-top: 1.9rem;
  color: #646464;
  font-size: 1.6rem;
  font-weight: 400;
}

@media (max-width: 768px) {
  .progress ul {
    flex-wrap: wrap;
  }
  .progress ul li {
    flex: none;
    width: 25%;
  }
}
@media (max-width: 487px) {
  .progress ul li {
    width: 33.333%;
  }
}
@media (max-width: 360px) {
  .progress ul li {
    width: 50%;
  }
}
/* 사업소개 > 사회서비스 품질관리 > 사회복지시설평가 > 사업소개*/
.inpro {
  margin: 0 auto 6.9rem;
  margin-top: -14.1rem;
  width: 76.8rem;
  max-width: calc(100% - 8rem);
  background: #fff;
  border-radius: 1rem;
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 7.3rem;
}
.inpro-topic {
  display: flex;
  flex-wrap: wrap;
  height: 11rem;
  padding: 2rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: -0.05em;
}
.inpro-topic span {
  display: inline-block;
  font-weight: 700;
  margin-left: 0.5rem;
}
.inpro-box {
  padding-top: 7.8rem;
  position: relative;
  width: 100%;
}
.inpro-box::before {
  display: block;
  content: "";
  width: 6.1rem;
  height: 4.5rem;
  background: url(/resources/images/mps/content/inpro-arrow.svg) no-repeat center center/contain;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 3.9rem;
  transform: translateY(-50%);
}
.inpro-box:first-of-type {
  padding-top: 0;
}
.inpro-box:first-of-type::before {
  display: none;
}
.inpro-box-half {
  width: 28.9rem;
}
.inpro-box-half .inpro-box-topic {
  font-size: 1.8rem;
  font-weight: 500;
  padding: 1.7rem;
}
.inpro-box-topic {
  display: flex;
  padding: 3rem;
  border-radius: 1rem;
  overflow: hidden;
  justify-content: center;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  flex-wrap: wrap;
}
.inpro-box-topic-blue {
  background: #F1F6FC;
  color: #12217D;
}
.inpro-box-topic-green {
  background: #F8FCF1;
}
.inpro-box-topic-gray {
  background: #F6F6F6;
}
.inpro-box-item {
  margin: 0 -7.3rem;
}
.inpro-box-item ul {
  display: flex;
  margin: -1.2rem;
}
.inpro-box-item ul li {
  padding: 1.2rem;
}
.inpro-box-item ul li img {
  width: 100%;
}

.system {
  padding-bottom: 10rem;
}
.system-line {
  display: flex;
  margin: 0 -2.5rem;
  position: relative;
}
.system-line-center {
  justify-content: center;
}
.system-line-rope::before {
  display: block;
  content: "";
  width: 70%;
  height: 1px;
  background: #d6d6d6;
  position: absolute;
  left: 15%;
  top: calc(50% + 2rem - 0.5px);
  z-index:-1;
}
.system-item {
  width: 33.3333%;
  padding: 0 2.5rem;
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: space-between;
}
.system-item-half > .system-info {
  width: calc(50% - 0.75rem);
}
.system-item-half > .system-info .system-info-label {
  border-radius: 1rem;
}
.system-info {
  position: relative;
  margin-top: 4rem;
  width: 100%;
  padding: 2px;
  border-radius: 1rem;
}
.system-info::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1rem;
  background: #D6D6D6;
  z-index: -1;
}
.system-info::before {
  display: block;
  content: "";
  width: 1px;
  height: 4rem;
  position: absolute;
  left: calc(50% - 0.5px);
  top: -4rem;
  background: #D6D6D6;
}
.system-info-none::before {
  display: none;
}
.system-info-import::after {
  background: linear-gradient(45deg, #44B2CB, #83B731);
}
.system-info-import .system-info-label {
  background: transparent;
  color: #fff;
}
.system-info-label {
  display: flex;
  height: 6.8rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #ECEDEE;
  font-size: 1.8rem;
  font-weight: 500;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  line-height: 1.4444444444;
}
.system-info-inner {
  display: flex;
  height: 7rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #fff;
  color: #646464;
  font-size: 1.6rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.system-info .system-info {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

.system-info .system-info .system-info-label {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}

.propel {
	position:relative;
}

.propel-captain {
	margin:0 -2.5rem;
	display:flex;
	justify-content:center;
	padding:0 calc(2.5rem * 3);
}

.propel-captain .propel-item {
	width:33.3333%;
	margin-top:0;
}

.propel-item {
	width:100%;
	background:#d6d6d6;
	border-radius:1rem;
	padding:2px;
	position:relative;
	margin-top:4rem;
}

.propel-item::before {
	display:block;
	content:"";
	width:1px;
	height:4rem;
	position:absolute;
	top:-4rem;
	left:0;
	right:0;
	margin:0 auto;
	background:#D6D6D6;
}

.propel-item.lineNone::before {
	display:none;
}

.propel-item-import {
	background:linear-gradient(45deg, #2C7CCC, #028856);
}

.propel-item-import .propel-item-title {
	color:#fff;
	background:transparent;
}

.propel-item-title {
	display:flex;
	height:6.8rem;
	align-items:center;
	justify-content:center;
	font-size: 1.8rem;
    font-weight: 500;
    text-align:center;
    line-height:1.44444;
    background:#ECEDEE;
    border-top-left-radius:1rem;
    border-top-right-radius:1rem;
}

.propel-item-title.brAll {
	border-radius:1rem;
}

.propel-item-info {
	background: #fff;
	display: flex;
    height: 7rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.6rem;
    color: #646464;
    border-bottom-left-radius:1rem;
    border-bottom-right-radius:1rem;
}

.propel-depth {
	display:flex;
	margin:0 -2.5rem;
	position:relative;
}

.propel-depth-item {
	flex:1;
	padding:0 2.5rem;
	position:relative;
}


.propel-depth-item.order0 {
	order:0;
}

.propel-depth-item.order1 {
	order:1;
}

.propel-depth-item.order2 {
	order:2;
}

.propel-depth-item.order1 .propel-item-import::after {
	display:block;
	content:"";
	width:calc(100% + 10rem);
	height:1px;
	background:#d6d6d6;
	position:absolute;
	top:0;
	left:-5rem;
	bottom:0;
	margin:auto 0;
	z-index:-1;
}

.propel-depth2-item {
	display:flex;
	margin:0 -.75rem;
}

.propel-depth3-item {
	flex:1;
	padding: 0 .75rem;
}

@media (max-width: 768px) {
  .inpro {
    padding: 0 4rem;
  }
  .inpro-topic {
    font-size: 2.6rem;
  }
  .inpro-box-item {
    margin: 0 -4rem;
  }
  .inpro-box-item ul {
    margin: -0.5rem;
  }
  .inpro-box-item ul li {
    padding: 0.5rem;
  }
  .inpro-box-half {
    width: 49%;
  }
  .system-line {
  	margin:0 -1rem;
  }
  .system-item {
  	padding:0 1rem;
  }
  .propel-captain {
  	margin:0 -1rem;
  	padding:0 calc(1rem * 3);
  }
  .propel-depth {
  	margin:0 -1rem;
  }
  .propel-depth-item {
  	padding:0 1rem;
  }
}
@media (max-width:587px) {
	.system {
		padding-bottom:20rem;
	}
	.system-line {
		margin:0 -.5rem;
	}
	.system-item {
		padding:0 .5rem;
	}
	.system-info-label {
		font-size:1.6rem;
	}
	
	.system-item-half {
		flex-direction:column-reverse;
	}
	
	.system-item-half > .system-info {
		width:100%;
	}
	
	.propel-captain {
		margin:0;
		padding:0;
	}
	
	.propel-captain .propel-item {
		width:100%;
	}
	
	.propel-depth {
		margin:0;
		flex-direction:column;
	}
	
	.propel-depth-item {
		order:initial !important;
		padding:0;
	}
	
	.propel-item {
		margin-top:2rem;
	}
	
	.propel-item::before {
		height:2rem;
		top:-2rem;
	}
	
	.propel-depth-item.order1 .propel-item-import::after {
		display:none;
	}
	
}
@media (max-width: 487px) {
  .inpro {
    margin: 0 0 6rem;
    padding: 0;
    max-width: 100%;
    width: 100%;
  }
  .inpro-topic {
    height: auto;
    padding: 0;
  }
  .inpro-box-item {
    margin: 0;
  }
  .system-wrapper {
  	overflow:auto;
  }
  .system-wrapper .system {
  	width:487px;
  }
  
  .system-info {
  	margin-top:1rem;
  }
  
  .system-info::before {
  	top:-1rem;
  	height:1rem;
  }
  
}

@media (max-width:420px) {
	.inpro-box-item ul {
		flex-wrap:wrap;
	}
	
	.inpro-box-item ul li {
		width:50%;
	}
}
/*사업소개 > 사회서비스 품질관리 > 사회복지시설평가 > 위원회 구성∙운영*/
.committee {
  width: 50rem;
  max-width: 100%;
  position: relative;
  margin: 0 auto;
  font-size: 1.6rem;
}
.committee::before {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  background: #D6D6D6;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.committee-item {
  border: 2px solid #D6D6D6;
  overflow: hidden;
  border-radius: 1rem;
}
.committee-item + .committee-item {
  margin-top: 3rem;
}
.committee-item:first-of-type {
  border-color: #01A78A;
}
.committee-item:first-of-type .committee-item-label {
  background: #01A78A;
  color: #fff;
}
.committee-item-label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.5rem;
  padding: 1.5rem;
  color: #3a3a3a;
  font-size: 1.8rem;
  font-weight: 500;
  background: #ECEDEE;
}
.committee-item-info {
  padding: 2.2rem 4.4rem;
  background: #fff;
}

@media (max-width: 768px) {
  .committee-item-info {
    padding: 2rem;
  }
}
/*사업소개 > 사회서비스 품질관리 > 사회복지시설평가 > 평가절차 */
.procedure-head {
  display: flex;
  margin-bottom: 2rem;
}
.procedure-head .procedure-thead::after {
  display: none;
}
.procedure-head .procedure-tbody {
  font-size: 1.8rem;
  color: #3A3A3A;
  background: #ECEDEE;
  font-weight: 500;
}
.procedure-item {
  position: relative;
  margin-bottom: 3.6rem;
  display: flex;
}
.procedure-item:last-of-type .procedure-thead::after {
  display: none;
}
.procedure-thead, .procedure-tbody {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 1rem;
  padding: 1rem 3rem;
}
.procedure-thead {
  width: 21.3rem;
  background: #01A78A;
  min-height: 7.3rem;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4444444444;
  position: relative;
  flex-shrink: 0;
}
.procedure-thead::after {
  display: block;
  content: "";
  width: 3.5rem;
  height: 2.5rem;
  background: url(/resources/images/mps/content/procedure-bottom.svg) no-repeat center center/contain;
  position: absolute;
  top: calc(100% + 1.8rem);
  left: 50%;
  transform: translate(-50%, -50%);
}
.procedure-tbody {
  flex-grow: 1;
  margin: 0 2rem;
  border: 1px solid #D6D6D6;
  font-size: 1.6rem;
  color: #646464;
}
.procedure-tbody:last-of-type {
  flex-grow: initial;
  flex-shrink: 0;
  margin: 0;
  width: 19.3rem;
}
.procedure-tbody .bul6 {
  width: 100%;
}

.develop-procedure .dp-row {
  display: flex;
  margin: -1.7rem;
  position: relative;
}
.develop-procedure .dp-row:nth-of-type(even) {
  flex-direction: row-reverse;
}
.develop-procedure .dp-row:nth-of-type(even)::after {
  left: auto;
  right: 16.66665%;
  transform: translate(50%, 0);
}
.develop-procedure .dp-row:nth-of-type(even) .dp-item::after {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}
.develop-procedure .dp-row + div {
  margin-top: 1.7rem;
}
.develop-procedure .dp-row + div::after {
  display: block;
  content: "";
  width: 3.5rem;
  height: 2.5rem;
  background: url(/resources/images/mps/content/procedure-bottom.svg) no-repeat center center/contain;
  position: absolute;
  top: -1.25rem;
  left: 16.66665%;
  transform: translate(-50%, 0);
}
.develop-procedure .dp-item {
  width: 33.3333%;
  padding: 1.7rem;
  position: relative;
}
.develop-procedure .dp-item::after {
  display: block;
  content: "";
  width: 3.5rem;
  height: 2.5rem;
  background: url(/resources/images/mps/content/procedure-bottom.svg) no-repeat center center/contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%) rotate(-90deg);
}
.develop-procedure .dp-item:last-of-type::after {
  display: none;
}
.develop-procedure .dp-info {
  border: 2px solid #D6D6D6;
  border-radius: 1rem;
  height: 100%;
  overflow: hidden;
  line-height: 1.5;
}
.develop-procedure .dp-info-title {
  display: flex;
  align-items: center;
  height: 6.5rem;
  justify-content: center;
  text-align: center;
  padding: 1.5rem;
  font-size: 1.8rem;
  font-weight: 500;
  background: #ECEDEE;
  line-height: 1.3;
}
.develop-procedure .dp-info-desc {
  padding: 2.2rem 1.7rem;
}
.develop-procedure .dp-info .bul6 > li::before {
  top: 1.1rem;
}

@media (max-width: 768px) {
  .procedure-thead {
    width: 15.3rem;
  }
}
@media (max-width: 587px) {
  .procedure-head {
    display: none;
  }
  .procedure-item {
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
  }
  .procedure-item::after {
    display: block;
    content: "";
    width: 3.5rem;
    height: 2.5rem;
    background: url(/resources/images/mps/content/procedure-bottom.svg) no-repeat center center/contain;
    position: absolute;
    top: calc(100% + 1.8rem);
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .procedure-item:last-of-type::after {
    display: none;
  }
  .procedure-thead {
    width: 100%;
    margin-bottom: 1rem;
  }
  .procedure-thead::after {
    display: none;
  }
  .procedure-tbody {
    flex-grow: initial;
    margin: 0;
    width: calc(100% - 11rem);
    word-break: break-all;
    padding: 1rem 2rem;
  }
  .procedure-tbody:last-of-type {
    width: 10rem;
  }
  .develop-procedure .dp-row {
    flex-direction: column !important;
  }
  .develop-procedure .dp-row + div::after {
  	left:50%;
  }
  .develop-procedure .dp-row:nth-of-type(even)::after {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .develop-procedure .dp-item {
    width: 100% !important;
  }
  .develop-procedure .dp-item::after {
    left: 50% !important;
    top: calc(100% - 1.25rem) !important;
    transform: translate(-50%, 0) !important;
  }
}
/*사업소개 > 사회서비스 품질관리 > 사회복지시설평가 > 품질관리 */
.quality-process > ul {
  margin: -1.7rem;
  display: flex;
}
.quality-process > ul > li {
  flex: 1;
  padding: 1.7rem;
  position: relative;
}
.quality-process > ul > li::after {
  display: block;
  content: "";
  width: 3.5rem;
  height: 2.5rem;
  background: url(/resources/images/mps/content/procedure-bottom.svg) no-repeat center center/contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%) rotate(-90deg);
}
.quality-process > ul > li:last-of-type::after {
  display: none;
}
.quality-process .qp-item {
  position: relative;
  border: 2px solid #D6D6D6;
  border-radius: 1rem;
  background: #fff;
  height: 100%;
  overflow: hidden;
}
.quality-process .qp-item-label {
  display: flex;
  height: 11.7rem;
  align-items: center;
  justify-content: center;
  line-height: 1.4;
  background: #ECEDEE;
  flex-direction: column;
  text-align: center;
}
.quality-process .qp-item-label strong {
  font-weight: 500;
}
.quality-process .qp-item-label b {
  font-size: 1.7rem;
  color: #0776CB;
  font-weight: 500;
}
.quality-process .qp-item-label span {
  font-size: 1.4rem;
  font-weight: 300;
  color: #8F8F8F;
}
.quality-process .qp-item-info {
  padding: 1.8rem 3rem;
}
.quality-process-type2 {
	margin: 1.5rem 0;
}
.quality-process-type2 .qp-item {
	display:flex;
	flex-direction:column;
}
.quality-process-type2 .qp-item-label{
	height:6rem;
	flex-shrink:0;
}
.quality-process-type2 .qp-item-info {
	font-size:1.6rem;
	flex-grow:1;
	padding:1.5rem;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	flex-direction:column;
}
.quality-process .qp-item-info-detail {
	border:1px solid #d6d6d6;
	text-align:center;
	margin-top:.5rem;
	widtH:100%;
}
.quality-process .qp-item-info-detail-title {
	border-bottom:1px solid #d6d6d6;	
	display:block;
	width:100%;
	background:#ECEDEE;
	padding: .5rem 0;
}
.quality-process .qp-item-info-detail-info {
	padding:.5rem 0;
}

@media (max-width: 768px) {
  .quality-process > ul {
    overflow: auto;
    margin: 0;
    padding-bottom: 2rem;
  }
  .quality-process > ul > li {
    padding: 0;
    padding-right: 3.4rem;
  }
  .quality-process > ul > li::after {
    transform: translate(0, -50%) rotate(-90deg);
  }
  .quality-process > ul > li:last-of-type {
    padding-right: 0;
  }
  .quality-process .qp-item {
    width: 23rem;
  }
}
/* 기관소개 > KCPASS 소개 > 비전 및 핵심가치*/
.mvs {
  margin: 0 auto;
  margin-top: -14.1rem;
  position: relative;
  z-index: 1;
  max-width: calc(100% - 8rem);
}
.mvs-arrow1, .mvs-arrow2 {
  display: block;
  margin: 0 auto;
}
.mvs-arrow1 {
  margin-top: -1rem;
}
.mvs-arrow2 {
  margin-top: -4rem;
}
.mvs-item {
  margin-bottom: 6.3rem;
  position: relative;
}
.mvs-item:last-of-type {
  margin-bottom: 0;
}
.mvs-item-md {
  width: 76.8rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.mvs-item-type1 {
  background: #fff;
  border-radius: 1rem;
  display: flex;
  margin-bottom: 5rem;
}
.mvs-item-type2 {
  padding: 0.3rem;
  background: linear-gradient(30deg, #47B3C4, #80B73A);
  border-radius: 7.1rem;
}
.mvs-item-type2::after {
  display: block;
  content: "";
  width: calc(100% - 0.6rem);
  height: calc(100% - 0.6rem);
  top: 0.3rem;
  left: 0.3rem;
  position: absolute;
  background: #fff;
  border-radius: 7.1rem;
}
.mvs-item-label {
  display: flex;
  position: absolute;
  width: 13rem;
  height: 3.9rem;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  background: #12217D;
  z-index: 1;
  border-radius: 3rem;
}
.mvs-item-topic {
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  z-index: 2;
  position: relative;
  font-size: 2.4rem;
  letter-spacing: -0.05em;
  padding: 3.7rem 3rem;
}
.mvs-item-topic span {
  font-weight: 700;
}
.mvs-item-info {
  width: 100%;
}
.mvs-item-info-blue {
  background: #F1F6FC;
  border-radius: 1rem;
}
.mvs-item-strategy {
  display: flex;
  margin: -1rem;
  padding: 4rem 0 0;
}
.mvs-item-strategy li {
  flex: 1;
  padding: 1rem;
}
.mvs-item-strategy-info {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #F1F6FC;
  border-radius: 1rem;
  padding: 2.5rem;
}
.mvs-item-strategy-info p {
  line-height: 1.5555555556;
}
.mvs-item-worth {
  width: 81.3rem;
  display: flex;
  position: relative;
  max-width: calc(100% - 6rem);
  justify-content: space-between;
  margin: 0 auto;
  padding: 3rem 0;
}
.mvs-item-worth::before {
  display: block;
  content: "";
  width: calc(100% - 12rem);
  height: 1px;
  border-top: 2px dotted #D6D6D6;
  position: absolute;
  left: 5rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.mvs-item-worth li {
  flex: 1;
  padding: 2rem;
  position: relative;
  z-index: 1;
}
.mvs-item-worth li img {
  width: 100%;
}

.mvs-item-worth li svg {
	width:100%;
	height:auto;
}
.mvs-item-worth li svg text,
.mvs-item-worth li svg tspan {
	font-family:'Noto Sans KR', sans-serif;
}

@media (max-width: 768px) {
  .mvs-item-topic {
    flex-wrap: wrap;
  }
  .mvs-item-strategy {
    flex-wrap: wrap;
  }
  .mvs-item-strategy-info {
    padding: 1.5rem;
  }
  .mvs-item-worth {
    max-width: calc(100% - 4rem);
  }
  .mvs-item-worth li {
    padding: 1rem;
  }
}
@media (max-width: 487px) {
  .mvs {
    margin-top: -3rem;
    max-width: 100%;
  }
  .mvs-item-worth {
    flex-wrap: wrap;
  }
  .mvs-item-worth::before {
    display: none;
  }
  .mvs-item-worth li {
    flex: auto;
    width: 50%;
  }
}
/* 알림마당 > 행사소개 */
.calendar-box {
  background: #F7F7F7;
  padding: 2rem 3rem;
  margin-bottom: 2.7rem;
}
.calendar-current {
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendar-current button {
  display: flex;
}
.calendar-current button i {
  color: #C7C7C7;
  font-size: 4rem;
}
.calendar-current-title {
  display: flex;
  align-items: center;
  font-size: 4rem;
  color: #000;
  line-height: 1.2;
  margin: 0 4.6rem;
}
.calendar-current-title strong {
  font-family: "Montserrat";
  font-size: 4rem;
  font-weight: 700;
}
.calendar-current-title strong + strong {
  margin-left: 0.35rem;
}
.calendar-search {
  display: flex;
  margin: 2.7rem 0;
  justify-content: flex-end;
}
.calendar-table {
  overflow: hidden;
  border-top: 2px solid #333;
  letter-spacing: -0.05em;
  margin-bottom: 5rem;
}
.calendar-table-inner {
  width: calc(100% + 2px);
  margin-left: -1px;
}
.calendar-table-head {
  display: flex;
}
.calendar-table-head .mbi {
  display: none;
}
.calendar-table-head > div {
  flex: 1;
  border-right: 1px solid #DEDEDE;
  padding: 0.55rem 0.45rem;
  word-break: keep-all;
  color: #3A3A3A;
  font-family: "Montserrat";
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  display: flex;
  height: 5.7rem;
  align-items: center;
  justify-content: center;
  background: #F6F6F6;
}
.calendar-table-head > div:nth-of-type(7n + 1) {
  color: #DB0101;
}
.calendar-table-head > div:nth-of-type(7n) {
  color: #1177C5;
}
.calendar-table-body {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.6rem;
}
.calendar-table-body > div {
  width: 14.2857%;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 1.5rem 1.3rem;
  min-height: 6.75rem;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-start;
}
.calendar-table-body > div:nth-of-type(7n + 1) .day {
  color: #DB0101;
}
.calendar-table-body > div:nth-of-type(7n) .day {
  color: #1177C5;
}
.calendar-table .schedule {
  background: #FAFDFE;
}
.calendar-table .schedule-wrapper {
  margin-top: 0.5rem;
  width:100%;
}
.calendar-table .schedule-wrapper.active {
  display: flex;
}
.calendar-table .schedule-opener {
  width: 100%;
  background: #0090DF;
  font-size: 1.4rem;
  color: #fff;
  padding: 0.8rem 0.5rem;
  text-align: center;
  margin-top: 0.5rem;
  display: none;
  align-items: center;
  justify-content: center;
  word-break: keep-all;
  height: 100%;
  line-height: 1.2;
  z-index: 1;
}
.calendar-table .special {
  color: #DB0101;
}
.calendar-table .today .day {
  color: #fff;
  z-index: 1;
}
.calendar-table .today .day::before {
  display: block;
  content: "";
  width: 3rem;
  height: 3rem;
  background: #12217D;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: -1;
}
.calendar-table .tit {
  font-weight: 400;
}
.calendar-table .day {
  display: inline-block;
  font-family: "Montserrat";
  font-size: 1.6rem;
  font-weight: 500;
  position: relative;
}
.calendar-table .disabled .day {
  color: #ddd !important;
}
.calendar-table .todo {
  font-size: 1.4rem;
  line-height: 1.5714285714;
  position: relative;
}
.calendar-table .todo + .todo {
  margin-top: 0.75rem;
}
.calendar-table .todo-thumb {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  cursor: pointer;
}
.calendar-table .todo-label {
  display: inline-block;
  padding: 0.05rem 0.45rem;
  color: #fff;
  margin-bottom: 0.25rem;
  border-radius: 0.3rem;
}
.calendar-table .todo-label--center {
  background: #0099DB;
}
.calendar-table .todo-label--sejong {
  background: #01A78A;
}
.calendar-table .todo-label--seoul {
  background: #8B41D5;
}
.calendar-table .todo-label--ulsan {
  background: #4037C2;
}
.calendar-table .todo-label--busan {
  background: #D9569C;
}
.calendar-table .todo-label--chungnam {
  background: #77A101;
}
.calendar-table .todo-label--gyeonggi {
  background: #8F8524;
}
.calendar-table .todo-label--gyeongbuk {
  background: #E1614D;
}
.calendar-table .todo-label--daegu {
  background: #DF7305;
}
.calendar-table .todo-label--jeonbuk {
  background: #8A0000;
}
.calendar-table .todo-label--jeju {
  background: #CE67C7;
}
.calendar-table .todo-label--daejeon {
  background: #19880D;
}
.calendar-table .todo-label--incheon {
  background: #3983E4;
}
.calendar-table .todo-label--gangwon {
  background: #D23737;
}
.calendar-table .todo-label--chungbuk {
  background: #27389C;
}
.calendar-table .todo-label--gwangju {
  background: #9E0069;
}
.calendar-table .todo-label--jeonnam {
  background: #9E0069;
}
.calendar-table .todo-label--gyeongnam {
  background: #9E0069;
}
.calendar-table .todo-thumb strong {
  font-weight: 400;
  margin-left: 0.35rem;
}
.calendar-daylist {
  border-top: 2px solid #333;
  max-height: 56rem;
  overflow: auto;
  padding-right: 2rem;
}
.calendar-daylist li {
  display: flex;
  padding: 2rem 3.2rem;
  border-bottom: 1px solid #DEDEDE;
  align-items: center;
}
.calendar-daylist-month {
  width: 7.4rem;
  height: 7.4rem;
  font-size: 2.4rem;
  font-weight: 600;
  font-family: "Montserrat";
  line-height: 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F6F6F6;
}
.calendar-daylist-inner {
  width: calc(100% - 7.4rem);
  padding-left: 3.1rem;
}
.calendar-daylist-inner-item {
  display: flex;
  align-items: center;
}
.calendar-daylist-inner-item:hover p {
  text-decoration: underline;
}
.calendar-daylist-inner-item + .calendar-daylist-inner-item {
  margin-top: 0.7rem;
}
.calendar-daylist-inner-item-label {
  display: flex;
  width: 12.65rem;
  flex-shrink: 0;
  justify-content: space-between;
}
.calendar-daylist-inner-item-label span {
  line-height: 1.5;
  letter-spacing: -0.05em;
  height: 2.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  border-radius: 0.3rem;
}
.calendar-daylist-inner-item-label-type1 {
  width: 4.9rem;
}
.calendar-daylist-inner-item-label-type1[title=중앙] {
  background: #0099DB;
}
.calendar-daylist-inner-item-label-type1[title=세종] {
  background: #01A78A;
}
.calendar-daylist-inner-item-label-type1[title=서울] {
  background: #8B41D5;
}
.calendar-daylist-inner-item-label-type1[title=울산] {
  background: #4037C2;
}
.calendar-daylist-inner-item-label-type1[title=부산] {
  background: #D9569C;
}
.calendar-daylist-inner-item-label-type1[title=충남] {
  background: #77A101;
}
.calendar-daylist-inner-item-label-type1[title=경기] {
  background: #8F8524;
}
.calendar-daylist-inner-item-label-type1[title=경북] {
  background: #E1614D;
}
.calendar-daylist-inner-item-label-type1[title=대구] {
  background: #DF7305;
}
.calendar-daylist-inner-item-label-type1[title=전북] {
  background: #8A0000;
}
.calendar-daylist-inner-item-label-type1[title=제주] {
  background: #CE67C7;
}
.calendar-daylist-inner-item-label-type1[title=대전] {
  background: #19880D;
}
.calendar-daylist-inner-item-label-type1[title=인천] {
  background: #3983E4;
}
.calendar-daylist-inner-item-label-type1[title=강원] {
  background: #D23737;
}
.calendar-daylist-inner-item-label-type1[title=충북] {
  background: #27389C;
}
.calendar-daylist-inner-item-label-type1[title=광주] {
  background: #9E0069;
}
.calendar-daylist-inner-item-label-type1[title=전남] {
  background: #9E0069;
}
.calendar-daylist-inner-item-label-type1[title=경남] {
  background: #9E0069;
}
.calendar-daylist-inner-item-label-type2 {
  width: 7.2rem;
}
.calendar-daylist-inner-item-label-type2[title=진행중] {
  background: #12217D;
}
.calendar-daylist-inner-item-label-type2[title=행사종료] {
  background: #8E8E8E;
}
.calendar-daylist-inner-item-title {
  flex-grow: 1;
  padding-left: 1.6rem;
  font-size: 1.7rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .calendar-table {
    overflow: visible;
  }
  .calendar-table-head > div {
    padding: 0.5rem;
    font-size: 1.5rem;
  }
  .calendar-table-body {
    font-size: 1.4rem;
  }
  .calendar-table-body > div {
    min-height: 4rem;
    padding: 0.5rem;
  }
  .calendar-table-body > div:nth-of-type(7n + 1) .schedule-wrapper, .calendar-table-body > div:nth-of-type(7n + 2) .schedule-wrapper, .calendar-table-body > div:nth-of-type(7n + 3) .schedule-wrapper {
    right: auto;
    left: 0;
  }
  .calendar-table-body .schedule-opener {
    display: flex;
    margin-top: 1rem;
  }
  .calendar-table-body .schedule-wrapper {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 14rem;
    background: #fff;
    padding: 1rem;
    border-radius: 0.35rem;
    box-shadow: 0 0 3rem rgba(0, 0, 0, 0.15);
    z-index: 2;
    flex-direction: column;
    max-height: 20rem;
    overflow: auto;
  }
  .calendar-daylist li {
    flex-direction: column;
    padding: 2rem 0;
  }
  .calendar-daylist-month {
    width: 100%;
    height: 5.6rem;
    margin-bottom: 2rem;
    border-radius: 0;
  }
  .calendar-daylist-inner {
    width: 100%;
    padding-left: 0;
  }
}
@media (max-width: 420px) {
  .calendar-daylist-month {
    margin-bottom: 0;
  }
  .calendar-daylist-inner-item {
    flex-direction: column;
    padding: 1rem 0;
    border-bottom: 1px solid #ddd;
  }
  .calendar-daylist-inner-item:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
  }
  .calendar-daylist-inner-item-label {
    width: 100%;
    justify-content: flex-start;
  }
  .calendar-daylist-inner-item-label span {
    margin-right: 0.5rem;
  }
  .calendar-daylist-inner-item-title {
    width: 100%;
    padding-left: 0;
    margin-top: 0.25rem;
  }
}
/* 기관소개 > KCPASS 소개 > 목표 및 추진체계 */
.objectyear {
  padding-top: 4.5rem;
}
.objectyear > ul {
  display: flex;
  flex-wrap: wrap;
  margin: -2.6rem -1.5rem;
}
.objectyear > ul > li {
  width: 50%;
  padding: 2.6rem 1.5rem;
}
.objectyear-item {
  border: 1px solid #E6E6E6;
  border-radius: 1rem;
  position: relative;
  height: 100%;
}
.objectyear-item-year {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: 0 auto;
  display: flex;
  width: 15.4rem;
  height: 5rem;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 2.6rem;
  font-weight: 700;
  font-family: "Montserrat";
  background: #12217D;
  border-radius: 3rem;
}
.objectyear-item-info {
  padding: 4rem;
  text-align: center;
}
.objectyear-item-info .sm {
  display: block;
  color: #646464;
  font-size: 1.6rem;
  margin-top: 0.4rem;
}
.objectyear-item-info li {
  text-align: left;
}
.objectyear-item-info .bul1 > li + li {
  margin-top: 1.4rem;
}
.objectyear-item-info .bul3 > li {
  font-size: 1.6rem;
}
.objectyear-item-box {
  margin-top: 3.5rem;
  border: 2px solid #D6D6D6;
  border-radius: 1rem;
  overflow: hidden;
}
.objectyear-item-box-label {
  display: block;
  padding: 1.5rem;
  text-align: center;
  background: #F6F6F6;
}
.objectyear-item-box-label strong {
  display: block;
  color: #3A3A3A;
  font-size: 2rem;
  font-weight: 500;
}
.objectyear-item-box-label span {
  display: block;
  color: #0099DB;
  font-size: 1.8rem;
  font-weight: 400;
}
.objectyear-item-box-info {
  padding: 2rem 2.6rem;
  text-align: left;
}

@media (max-width: 768px) {
  .objectyear > ul > li {
    width: 100%;
  }
}
@media (max-width: 487px) {
  .objectyear-item-info {
    padding: 4rem 2rem 2rem;
  }
}
@media (max-width: 380px) {
  .objectyear br {
    display: none;
  }
  .objectyear-item-box {
    margin-top: 2rem;
  }
}
/* 기관소개 > KCPASS 소개 > 주요기능 */
.function > ul {
  display: flex;
  margin: -1rem;
}
.function > ul > li {
  flex: 1;
  padding: 1rem;
}
.function-item {
  height: 100%;
  border: 2px solid #D6D6D6;
  border-radius: 1rem;
  overflow: hidden;
}
.function-item-label {
  display: flex;
  min-height: 10.5rem;
  align-items: center;
  background: #F6F6F6;
  padding: 2rem 2rem 2rem 3.2rem;
}
.function-item-label-icon {
  width: 7rem;
  flex-shrink: 0;
}
.function-item-label-title {
  width: calc(100% - 7rem);
  flex-grow: 1;
  padding-left: 2rem;
  color: #0099DB;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1.3636363636;
}
.function-item-info {
  padding: 3rem 3.2rem;
  line-height: 1.3333333333;
}
.function-item-info .bul1 > li + li {
  margin-top: 0.75rem;
}
.function-item-info .bul1 > li::before {
  top: 0.9rem;
}

@media (max-width: 768px) {
  .function-item-label {
    flex-direction: column;
    text-align: center;
  }
  .function-item-label-title {
    margin-top: 1.5rem;
    font-size: 2rem;
    width: 100%;
    padding-left: 0;
  }
  .function-item-info {
    padding: 2rem;
  }
}
@media (max-width: 587px) {
  .function > ul {
    flex-wrap: wrap;
  }
  .function > ul > li {
    flex: auto;
    width: 100%;
  }
}
/* 기관소개 > KCPASS 소개 > 연혁 */
.history {
  display: flex;
  flex-direction:column;
}
.history-title {
	position:relative;
	z-index:1;
}
.history-title > span {
  display: block;
  color: #8E8E8E;
  font-size: 2rem;
  font-weight: 600;
  font-family: "Montserrat";
}
.history-title > strong {
  display: block;
  color: #12217D;
  font-size: 3.3rem;
  font-weight: 400;
  font-family: "Jalnan";
  line-height: 1.3636363636;
}
.history-title > strong span {
  display: block;
}
.history-list {
  width:calc(100% - 29.3rem);
  padding-left: 4.2rem;
  align-self:flex-end;
  transform:translateY(-2.75rem);
}
.history-list > ul {
  position: relative;
  padding-top: 3.2rem;
}
.history-list > ul::before {
  display: block;
  content: "";
  width: 15.2rem;
  height:100%;
  border:1rem solid #E9E9E9;
  border-left:none;
  border-bottom:none;
  border-top-right-radius:3rem;
  position:absolute;
  right:100%;
  top:0;
  transform:translateX(.5rem);
}
.history-list > ul > li {
  padding-left: 7.8rem;
  position:relative;
}
.history-list > ul > li + li {
  margin-top: 3.9rem;
}
.history-list > ul > li::before {
  display: block;
  content: "";
  width: 2rem;
  height: 2rem;
  position: absolute;
  top:1.8rem;
  left: -1rem;
  background: rgba(0, 153, 219, 0.3);
  border-radius: 50%;
  
}
.history-list > ul > li::after {
  display:block;
  content:"";
  width:1rem;
  height:1rem;
  border-radius:50%;
  background:#0099db;
  position:absolute;
  top:1.8rem;
  left: -1rem;
  transform:translate(50%,50%)
}
.history-list > ul > li > ul > li + li {
	margin-top:.5rem;
}
.history-list > ul > li > ul > li > span {
	display:block;
	font-size:1.6rem;
}
.history-list-year {
  display: block;
  color: #0099DB;
  font-size: 3.3rem;
  font-weight: 700;
  font-family: "Montserrat";
  margin-bottom: -1rem;
  position: relative;
}
.history-list-year::before {
  display: block;
  content: "";
  width: 5.3rem;
  height: 1px;
  background: #C9C9C9;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 1.5rem);
}
.history-list-month {
  font-size: 1.8rem !important;
  position: absolute;
  left: 0;
  top: 0;
}
.history-list .bul1 > li {
  position: relative;
}
.history-list .bul1 > li:has(.history-list-month) {
  padding-left: 4rem;
}
.history-list .bul1 > li:has(.history-list-month)::before {
  display: none;
}
@media (max-width: 768px) {
  .history {
    flex-direction: column;
  }
  .history-list {
    padding-top: 0;
    padding-left:1rem;
    margin-top:2rem;
    transform:none;
    width:100%;
  }
  .history-list > ul {
    padding-top: 2rem;
  }
  .history-list > ul::before {
  	width:1rem;
  	border-radius:0;
  }
  .history-list > ul > li {
  	padding-left:4.8rem;
  }
   .history-list > ul > li + li {
    margin-top:2.5rem;
  }
  .history-list-year::before {
  	width:2.3rem;
  }
  .history-list > ul > li > ul > li > span {
  	font-size:inherit;
  }
  
}
/* 기관소개 > KCPASS 소개 > 연혁*/
.intro-slogan {
  padding: 4.8rem 5.5rem 3.3rem;
  background: url(/resources/images/mps/content/intro.jpg) no-repeat right 25% bottom 0/cover;
  position:relative;
  overflow:hidden;
  border-radius:1rem;
}
.intro-slogan > img {
	position:absolute;
	bottom:0;
	right:0;
	transform:translate(12%, 20%);
	width:37rem;
}
.intro-slogan-info .lq {
  display: block;
  width: 5.2rem;
  margin-bottom:2rem;
}

.intro-slogan-info .rq {
  display:inline-block;
  width: 5.2rem;
  margin-left:2.75rem;
  margin-top:1.5rem;
  position:absolute;
}
.intro-slogan-info-topic {
  color: #12217D;
  font-size: 3rem;
  font-weight: 400;
  font-family: "Jalnan";
  line-height: 1.3333333333;
}
.intro-slogan-info-desc {
  display: block;
  color: #3A3A3A;
  font-size: 2.6rem;
  font-weight: 400;
  font-family: "Jalnan";
  line-height: 1.5384615385;
}
.intro-slogan-info-sign {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 2.5rem;
}
.intro-slogan-info-sign span {
  margin-right: 1.7rem;
}
.intro-slogan-info-sign img {
  width: 14rem;
}
.intro-desc p {
  margin-top: 4rem;
}

@media (max-width:768px) {
	.intro-slogan {
		padding:3rem;
	}
	.intro-slogan-info-topic {
		font-size:2.6rem;
	}
	.intro-slogan-info-desc {
		font-size:2.2rem;
	}
}

@media (max-width:587px) {
	.intro-slogan > img {
		position:relative;
		width:28rem;
		transform:translate(22%,28%);
		margin-top:-38rem;
		align-self:flex-end;
	}
	
	.intro-slogan {
		display:flex;
		flex-direction:column-reverse;
	}
	
	.intro-slogan-info {
		margin-bottom:1rem;
		padding-left:0;
	}
	
	.intro-slogan-info-sign {
		flex-direction:column;
		align-items:flex-start;
	}
	
	.intro-slogan-info-sign span {
		margin-right:0;
	}
}

@media (max-width:420px) {
	.intro-slogan > img {
		width:20rem;
		margin-top:-25rem;
		transform:translate(22%,31%);
	}
	.intro-slogan-info-topic {
		font-size:2.4rem;
	}
	
	.intro-slogan-info-desc {
		font-size:2rem;
	}
}
/* 기관소개 > 원장소개 > 프로필*/
.ability .table-container table th {
  white-space: nowrap;
}
.ability .table-container table td {
  padding-left: 6rem;
  padding-right: 6rem;
}

@media (max-width: 768px) {
  .ability .table-container table {
    table-layout: auto;
  }
  .ability .table-container table td {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
  
/* 기관소개 > 조직안내 > */
.org {    
	width: 85rem;
	margin: 0 auto 12.5rem;
	letter-spacing: -0.05em;
	position: relative;
}
.org:before {
	display: block;
	content: "";
	width: 1px;
	height: 100%;
	background: #D6D6D6;
	position: absolute;
	top: 0;
	left: calc(50% - 0.5px);
	z-index: -1;
}
.org > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
/* 원장 */
.org-captain {
	display: block;
	position: relative;
}
.org-captain > a {
	display: flex;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	font-size: 2.4rem;
	font-weight: 700;
	text-decoration: none;
	color: #000;
	width: 15rem;
	height: 15rem;
	padding: 0.8rem;
	margin: 0 auto;
	background: linear-gradient(-30deg, #83B731, #139EC2);
	border-radius: 50%;
	position: relative;
}
.org-captain > a:before {
	content: "";
	width: calc(100% - 1.6rem);
	height: calc(100% - 1.6rem);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	position: absolute;
	border-radius: 50%;
}
.org-captain > a > span {
	position: relative;
}
/* 원장 직속 - 감사팀 (우측 배치) */
.org-captain .org2 {
	width: 50%;
	left: 50%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0;
	position: relative;
}
.org-captain .org2::before {
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	background: #D6D6D6;
	top: calc(50% - 0.5px);
	left: 0;
	z-index: -1;
}
.org-captain .org2 > a {
	display: flex;
	width: 22.2rem;
	height: 6rem;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	border-radius: 3rem;
	font-weight: 700;
	position: relative;
	background: linear-gradient(-30deg, #83B731, #139EC2);
	margin: 0;
}
.org-captain .org2 > a > span {
	position: relative;
}
.org-captain .org2 > a:before {
	content: "";
	width: calc(100% - .5rem);
	height: calc(100% - .5rem);
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	border-radius: 3rem;
}
.org-subcaptain {
	display: flex;
	flex-direction: column;
}
.org-subcaptain > a {
	width: 13.4rem;
	height: 13.4rem;
	display: flex;
	border-radius: 50%;
	background: #01A78A;
	font-weight: 700;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	margin: 0 auto;
}
.org-subcaptain > a > span {
	color: #fff;
}

/* 부원장 직속 - 연구개발팀 (우측 배치) */
.org-subcaptain ul .org2 {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 3.6rem;
}
.org-subcaptain ul .org2::before {
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	background: #D6D6D6;
	top: calc(50% - 0.5px);
	left: 0;
	z-index: -1;
}
.org-subcaptain ul .org2 > li > a {
	display: flex;
	width: 22.2rem;
	height: 6rem;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	border-radius: 3rem;
	font-weight: 700;
	position: relative;
	background: linear-gradient(-30deg, #83B731, #139EC2);
	text-decoration: none;
}
.org-subcaptain ul .org2 > li > a::before {
	display: block;
	content: "";
	width: calc(100% - .6rem);
	height: calc(100% - .6rem);
	border-radius: 2.7rem;
	background: #fff;
	top: .3rem;
	left: .3rem;
	position: absolute;
}
.org-subcaptain ul .org2 > li > a > span {
	position: relative;
	z-index: 1;
	color: #000;
}

.org-subcaptain ul li .org3 {
	padding-top: 3.6rem;
}
/* 메인 본부들 */
.org3 {
	padding-top: 5rem;
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 5rem;
}
.org3::after {
	display: block;
	content: "";
	width: calc(100% - 33.333% + 3rem);
	height: 1px;  
	background: #d6d6d6;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
}
.org3 > li {
	flex: 1;
	position: relative;
}
.org3 > li:before {
	content:"";
	display:block;
	width:1px;
	height:3.6rem;
	background:#D6D6D6;  
	position:absolute;
	top:-3.6rem;
	left:50%;
	transform:translateX(-50%);
}
.org3 > li:nth-child(2):before { display:none; }
.org3 > li > a {
	width: 100%;  
	height: 5.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 1.5rem;
	font-weight: 700;
	border: 2px solid #0099DB;
	border-radius: 3rem;
	background: #0099DB;
	color: #fff;
	text-decoration: none;
	margin-bottom: 2rem;
}
.org4 {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.org4 > li {
	position: relative;
}
.org4 > li a {
	width: 100%;
	height: 5.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 1.5rem;
	font-weight: 500;
	border: 2px solid #D6D6D6;
	border-radius: 3rem;
	background: #fff;
	text-decoration: none;
	color: #000;
}
.org4 > li a span { 
	line-height:1.3;
}
.org5 {
	margin: 2rem 0 1rem 0 !important;
	position: relative;
	width: calc(100% + 8rem);
	margin-left: -4rem !important;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 1rem;
}
.org5 > li {
	padding-left: 2rem;
	width: 50%;
	position: relative;
}
.org5 > li a {
	background: #E9EAEB;
	border-color: #E9EAEB;
	width: 100%;
	height: auto;
	padding: 1.5rem 1rem;
	justify-content: center;
	align-items: center;
	text-align: center;
	display: inline-flex;
	font-size: 1.6rem;
	line-height: 1.45;
	border-radius: 2rem;
	text-decoration: none;
	color: #000;
	border: 2px solid #E9EAEB;
}
.org5 > li::before {
	display: block;
	content: "";
	width: 2rem;
	height: 1px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background: #d6d6d6;
}
      
.empInfo-table .title2 {
	margin-top:5rem;
}

.staff-search {
  border: 1px solid #D6D6D6;
  border-radius: 1rem;
  padding: 2.8rem 4.2rem 3.5rem;
  display: flex;
  align-items: center;
}
.staff-search .search-form {
	width:100%;
}
.staff-search-icon {
  width: 6.9rem;
  flex-shrink: 0;
}
.staff-search-info {
  flex-grow: 1;
  display: flex;
  padding-left: 4.1rem;
}
.staff-search-info > div:nth-of-type(1) {
  flex-grow: 2;
}
.staff-search-info > div:nth-of-type(2) {
  flex-grow: 0.5;
}
.staff-search-info > div:nth-of-type(3) {
  flex-grow: 1;
}

.staff-list .table-container table tr td {
	word-break:break-all;
}

.staff-list .table-container .left * {
	font-size:1.5rem !important;
	font-family : 'Noto Sans KR', sans-serif !important;
}

.staff-list .table-container .left p {
	font-size:1.5rem !important;
}

@media (max-width: 768px) {
  .org { width:100%; }   
  .org::before {
      left: calc(7.5rem - 1px);
      height:calc(100% - 41.6rem);    
  }  
  .org-captain > a { 
  	margin:0;  
  }
  .org-captain .org2 { 
  	width:100%;
  	max-width:67rem; 
  	left:auto;
  	justify-content:flex-start;  	
  	padding-left:15rem;
  }
  .org-captain .org2::before { 
  	width:7.5rem;
  	left:7.5rem;
  }
  .org-subcaptain > a {
  	margin:0 0 0 .8rem;
  }
  .org-subcaptain ul .org2 {
  	justify-content:flex-start;
  }
  .org-subcaptain ul .org2::before {
  	width:7.5rem;
  	left:7.5rem;
  }
  .org-subcaptain ul li .org3 {  
  	flex-direction: column;
  	padding:0 0 0 15rem;
  	gap:2rem;  
  }
  .org-subcaptain ul li .org3:before {
     content: "";
     display: block;
     height: calc(100% - 19.6rem); 
     width: 1px;
     position: absolute;
     top: 2.5rem;
     left: 15rem;
     background: #D6D6D6; 
  }
  .org3::after {
  	 top: 50%;
     transform: translateY(-50%);
     width:7.5rem;
     left:7.5rem;
     right:auto;
  }
  .org3 > li {
  	padding-left: 3rem;
    width: 40rem;
    max-width: 100%;  
  }
  .org3 > li:before {
    display: block !important; 
    width: 3rem;
    height: 1px; 
    top: 2.5rem;
    left: 0;  
    transform:none;
  }  
  .org4:before {
	content:"";
	display:block;
	height:calc(100% + 2rem);   
	width:1px;
	background:#D6D6D6; 
	position:absolute;
	top:-2rem;
	left:50%;
	transform:translateX(-50%);  
  }
  .org5 { 
  	width:100%;
  	margin:1rem 0 0 0 !important;   
  }
  .org5 > li {
  	width:100%;
  	padding-left:0; 
  }
  .org5 > li::before { 
  	display:none;
  } 
  .org5 > li a span br { display:none; }
  .staff-search {
    padding: 2rem;
  }
  .staff-search-icon {
    display: none;
  }
  .staff-search-info {
    padding-left: 0;
  }
  .staff .table-wrapper table colgroup col:nth-of-type(1) {
    width: 60px;
  }
  .staff .table-wrapper table colgroup col:nth-of-type(2) {
    width: 60px;
  }
  .staff .table-wrapper table colgroup col:nth-of-type(3) {
    width: 100px;
  }
}

/*기관소개 >홍보관>CI 소개*/
.ci {
  border: 1px solid #D6D6D6;
  border-radius: 1rem;
  margin-top: 2.3rem;
  padding: 5rem 6rem;
}
.ci-img {
  padding: 0;
}
.ci img {
  width: 100%;
}
.ci-item {
  display: flex;
}
.ci-item + .ci-item {
  margin-top: 4.5rem;
}
.ci-title {
  width: 20.9rem;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.05em;
}
.ci-list {
  width: calc(100% - 20.9rem);
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -2rem;
}
.ci-list-item {
  margin-right: 4rem;
  margin-bottom: 2rem;
}
.ci-list-item span {
  display: block;
  width: 16.6rem;
  height: 5.5rem;
  border-radius: 0.5rem;
}
.ci-list-item strong {
  display: block1;
  color: #646464;
  font-size: 1.6rem;
  font-weight: 400;
}
.ci-list-item-green {
  background: #8BB929;
}
.ci-list-item-blue {
  background: #0099DB;
}
.ci-list-item-orange {
  background: #F28427;
}
.ci-list-item-black {
  background: #3B3938;
}

@media (max-width: 587px) {
  .ci-item {
    flex-direction: column;
  }
  .ci-list {
    width: calc(100% + 2rem);
    margin: 0 -1rem;
    margin-top: 2rem;
    flex-wrap: nowrap;
  }
  .ci-list-item {
    margin: 0;
    flex: 1;
    padding: 0 1rem;
  }
  .ci-list-item span {
    width: 100%;
  }
  .ci-list-item img {
    width: auto;
    max-width: 100%;
  }
}
@media (max-width: 420px) {
  .ci {
    padding: 2.5rem;
  }
  .ci-img {
    padding: 0;
  }
}
/* 기관소개 > 오시는 길 */
.map-view {
  width: 100%;
  /* height: 44.4rem; */
  aspect-ratio: 950/444;
}
.map-view .root_daum_roughmap {
  width: 100% !important;
  height: 100%;
}
.map-view .wrap_map {
  height: 100% !important;
}
.map-info {
  margin-top: 3rem;
  border-radius: 1rem;
  padding: 3rem 4.6rem;
  background: #F6F6F6;
  margin-bottom: 5rem;
}
.map-info ul {
  display: flex;
  justify-content: space-between;
}
.map-info ul li {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.map-info ul li:last-of-type {
  padding-left: 5rem;
  margin-left: 5rem;
  flex-shrink: 0;
}
.map-info ul li:last-of-type::before {
  display: block;
  content: "";
  width: 1px;
  height: 3rem;
  background: #D6D6D6;
  position: absolute;
  left: -0.5px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.map-info ul li i {
  color: #0099DB;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1;
  margin-right: 0.75rem;
  padding-top: 0.5rem;
}

.direction-item {
  display: flex;
  flex-wrap: wrap;
}
.direction-item + .direction-item {
  margin-top: 3.8rem;
}
.direction-icon {
  width: 6.8rem;
  flex-shrink: 0;
}
.direction-info {
  flex-grow: 1;
  width: calc(100% - 6.8rem);
  padding-left: 2.2rem;
}
.direction-info-title {
  color: #0099DB;
  font-weight: 700;
}
.direction-info-table {
  width: 100%;
  margin-top: 5.5rem;
}
.direction-info-table .table-container::before,
.direction-info-table .table-container::after {
	display:none;
}
.direction-info-table td {
  vertical-align: top;
}
.direction-info .bul1 {
  margin-top: 0.7rem;
}
.direction .alphabet {
  display: block;
  position: relative;
  padding-left: 3rem;
}
.direction .alphabet + .direction .alphabet {
  margin-top: 0.4rem;
}
.direction .alphabet-string {
  position: absolute;
  width: 2.2rem;
  height: 2.2rem;
  background: #12217D;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  font-family: "Montserrat";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.direction .bus-type {
  display: block;
  margin: 1.4rem 0 0.7rem;
}
.direction .bus-type:first-of-type {
  margin-top: 0;
}
.direction .bus-type span {
  padding: 0.4rem 1rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  border-radius: 0.5rem;
}
.direction .bus-type1 span {
  background: #DB0101;
}
.direction .bus-type2 span {
  background: #1177C5;
}
.direction .bus-type3 span {
  background: #01A78A;
}

@media (max-width: 587px) {
  .map-info ul {
    flex-direction: column;
  }
  .map-info ul li + li {
    margin-top: 1rem;
  }
  .map-info ul li:last-of-type {
    margin-left: 0;
    padding-left: 0;
  }
  .map-info ul li:last-of-type::before {
    display: none;
  }
  .direction .table-container table tr td {
    word-break: keep-all;
  }
}

/* 자원맵 */
.resource-search .board-search {
  width: 100%;
}
.resource-search .board-search > span:nth-of-type(1) {
  flex-grow: 1;
}
.resource-search .board-search > span:nth-of-type(2) {
  flex-grow: 1;
}
.resource-search .board-search > span:nth-of-type(3) {
  flex-grow: 2;
}
.resource-view {
  border: 1px solid #D6D6D6;
  border-radius: 1rem;
  overflow: hidden;
}
.resource .facility {
  align-items: center;
}
.resource .facility-info-item {
	opacity:1;
	visibility:visible;
	position:relative;
	padding-top:0;
}
.resource-title {
  background: #12217D;
  padding: 2.2rem 3rem;
  display: flex;
  justify-content: space-between;
  align-items:center;
}
.resource-title p {
  position: relative;
  padding-left: 2.8rem;
  color: #fff;
  line-height: 1.3333333333;
}
.resource-title p::before {
  display: block;
  font-family: "remixicon";
  content: "\ee58";
  font-size: 2rem;
  position: absolute;
  top: 0;
  left: 0;
  color: #0099DB;
}
.resource-title strong {
  font-size: 3rem;
  letter-spacing: -0.05em;
  font-weight: 700;
  color: #fff;
}
.resource-title a {
  margin-left: 3rem;
}
.resource-info {
  position: relative;
}
.resource-info.type1 #resource1 {
  position: relative;
  opacity: 1;
  visibility: visible;
}
.resource-info.type2 #resource2 {
  position: relative;
  opacity: 1;
  visibility: visible;
}
.resource-info-item {
  transition: 0.5s;
  width: 100%;
  position:relative;
  overflow:hidden;
}
.resource-info-item#resource1 {
  padding: 3rem 10rem;
}
.resource-info-item#resource1::before, .resource-info-item#resource1::after {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
}
.resource-info-item#resource1::before {
  left: 0;
  bottom: 0;
  width: 26.2rem;
  height: 27.8rem;
  background: url(/resources/images/mps/content/resource-bg1.svg) no-repeat center center/cover;
}
.resource-info-item#resource1::after {
  right: 0;
  top: 0;
  width: 46.4rem;
  height: 28.1rem;
  background: url(/resources/images/mps/content/resource-bg2.svg) no-repeat center center/cover;
}
.resource-info-map {
  width: 100%;
  height: 77.5rem;
  position: relative;
}
.resource-info-map .marker {
  display: flex;
  width: 3.2rem;
  height: 2.6rem;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  font-family: "Montserrat";
  position: relative;
  box-shadow: 0.3rem 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  background: #0099DB;
  border-radius: 0.5rem;
}
.resource-info-map .marker + span {
  margin-top: 2rem;
}
.resource-info-map .marker::before {
  display: block;
  content: "";
  width: 1.4rem;
  height: 0.8rem;
  background: url(/resources/images/mps/content/marker-arrow.svg) no-repeat center center/contain;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(60%);
}
.resource-info-map .marker-wrap {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  z-index: 10;
}
.resource-info-list {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding: 3.2rem 2.1rem;
  z-index: 1;
  width: 38.5rem;
  border-radius: 0 2rem 2rem 0;
  background: #F6F6F6;
  display: flex;
  flex-direction: column;
  transition: 0.35s;
  transform: translateX(0);
}
.resource-info-list-controller {
  position: absolute;
  width: 2.4rem;
  height: 6.6rem;
  border-radius: 0 1.9rem 1.9rem 0;
  background: #3A3A3A;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.resource-info-list-controller::after {
  display: block;
  font-family: "remixicon";
  content: "\ea64";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 2.4rem;
  font-weight: 400;
  padding-right: 0.25rem;
  transition: 0.35s;
}
.resource-info-list.active {
  transform: translateX(-100%);
}
.resource-info-list.active .resource-info-list-controller::after {
  transform: translate(-50%, -50%) rotateY(180deg);
}
.resource-info-list > ul {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  counter-reset: alphabeticList;
  padding-right: 2.4rem;
  flex-grow: 1;
}
.resource-info-list > ul > li {
  counter-increment: alphabeticList;
  border-bottom: 1px solid #E1E1E1;
  display: flex;
  align-items: flex-start;
  padding: 2.2rem 0;
}
.resource-info-list > ul > li::before {
  /* content: counter(alphabeticList, upper-alpha); */
  /* speak: counter(alphabeticList, upper-alpha); */
  display: flex;
  width: 3.2rem;
  height: 3.2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background: #12217D;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: "Montserrat";
}
.resource-info-list > ul > li:first-of-type {
  padding-top: 0;
}
.resource-info-list > ul > li.active .resource-info-detail {
  transform: translateX(0);
  visibility: visible;
}
.resource-info-list > ul > li > a {
  width: calc(100% - 3.2rem);
  display: flex;
  flex-direction: column;
  color: #3A3A3A;
  position: relative;
  padding: 0 4rem 0 0.8rem;
  flex-grow:1;
}
.resource-info-list > ul > li > a::after {
  display: block;
  font-family: "remixicon";
  content: "\ea6e";
  width: 3rem;
  height: 3rem;
  background: #fff;
  color: #0099DB;
  font-size: 2.4rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  opacity: 0;
  visibility: hidden;
}
.resource-info-list > ul > li > a:hover::after {
  opacity: 1;
  visibility: visible;
}
.resource-info-list > ul > li > a strong {
  font-size: 1.8rem;
  font-weight: 700;
}
.resource-info-list .board-paging {
  flex-shrink: 0;
}
.resource-info-detail {
  position: absolute;
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #F6F6F6;
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  transition: 0.35s;
  visibility: hidden;
}
.resource-info-detail-title {
  display: flex;
  min-height: 9.2rem;
  background: #0099DB;
  align-items: center;
  padding: 0.5rem 3rem;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  flex-shrink: 0;
}
.resource-info-detail-title a {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  margin-left: 1.3rem;
  color: #0099DB;
  text-align: center;
  line-height: 3rem;
  background: #fff;
  border-radius: 50%;
  font-size: 1.8rem;
  letter-spacing: 0;
}
.resource-info-detail-inner {
  flex-grow: 1;
  height: calc(100% - 9.2rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 3.5rem 3rem 5.7rem 3rem;
}
.resource-info-detail-list {
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.resource-info-detail-list li {
  display: flex;
}
.resource-info-detail-list li + li {
  margin-top: 1rem;
}
.resource-info-detail-list li > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 9.4rem;
  height: 3.8rem;
  border: 1px solid #DEDEDE;
  border-radius: 1.9rem;
  background: #fff;
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: -0.05em;
  flex-shrink: 0;
  text-align: center;
  padding: 0 1.7rem;
}
.resource-info-detail-list li > span + div,
.resource-info-detail-list li > span + ul {
  padding-left: 1.1rem;
  padding-top: 0.5rem;
}
.resource-info-detail-list li div,
.resource-info-detail-list li ul {
  flex-grow: 1;
}
.resource-info-detail-list ul li {
  position: relative;
}
.resource-info-detail-list ul li + li {
  margin-top: 0.25rem;
}
.resource-info-detail-list .rank .hasRank {
  padding-left: 3.2rem;
}
.resource-info-detail-list .rank .hasRank::before {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  font-family: "Montserrat";
  text-align: center;
  line-height: 2.4rem;
  position: absolute;
  top: 0.375rem;
  left: 0;
}
.resource-info-detail-list .rank .hasRank.rankA::before {
  content: "A";
  background: #8B41D5;
}
.resource-info-detail-list .rank .hasRank.rankB::before {
  content: "B";
  background: #3983E4;
}
.resource-info-detail-list .rank .hasRank.rankC::before {
  content: "C";
  background: #01A78A;
}
.resource-info-detail-list .rank .hasRank.rankD::before {
  content: "D";
  background: #77A101;
}
.resource-info-detail-list .rank .hasRank.rankE::before {
  content: "E";
  background: #E1614D;
}
.resource-info-detail-list .rank .hasRank.rankF::before {
  content: "F";
  background: #8A0000;
}
.resource-info-detail-btn {
  padding-top: 2.1rem;
  margin-top: 2.1rem;
  border-top: 1px solid #E1E1E1;
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
}
.resource-info-detail-btn a {
  display: flex;
  width: 100%;
  height: 3.8rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background: #8F8F8F;
  color: #fff;
  font-size: 1.6rem;
}
.resource-info-detail-btn a i {
  line-height: 1;
  margin-left: 0.5rem;
}
.resource-info-detail-btn a:hover {
  background: #0099DB;
}

@media (max-width: 1640px) {
  .resource-info-item#resource1 {
    padding: 3rem 6rem;
  }
}
@media (max-width: 1024px) {
  .resource .facility {
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .resource .facility-map {
    width: 32rem;
  }
  .resource .facility-info {
    width: auto;
    padding-left: 8rem;
  }
}
@media (max-width: 768px) {
  .resource .facility-info {
    padding-left: 5rem;
  }
  .resource .facility-info-count {
    margin: 1.5rem 0;
    font-size: 2.5rem;
  }
  .resource .facility-info-count strong {
    font-size: 5rem;
  }
  .resource-info-list {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 50rem;
    transform: translateY(0);
  }
  .resource-info-list.active {
    transform: translateY(100%);
  }
  .resource-info-list.active .resource-info-list-controller::after {
    transform: translate(-50%, -50%) rotate(90deg);
    padding-right: 0;
  }
  .resource-info-list > ul > li {
    padding: 1.25rem 0;
  }
  .resource-info-list-controller {
    left: 50%;
    top: 0;
    transform: translate(-50%, -100%);
    width: 6.6rem;
    height: 2.4rem;
    border-radius: 1.25rem 1.25rem 0 0;
  }
  .resource-info-list-controller::after {
    transform: translate(-50%, -50%) rotate(-90deg);
  }
  .resource-info .board_pager,
.resource-info .board-paging {
    margin-top: 3rem;
  }
  .resource-info-detail {
  	transform:translateY(100%);
  }
  .resource-info-list > ul > li.active .resource-info-detail {
  	transform:translateY(0);
  }
}
@media (max-width: 587px) {
  .resource-title {
    position: relative;
    z-index: 2;
    padding:2rem 2.5rem;
  }
  .resource-title strong {
    font-size: 2.4rem;
  }
  .resource-title a {
  	padding:0 1.5rem;
  	white-space:normal;
  	line-height:1.2;
  }
  .resource-info-item#resource1 {
    padding: 3rem;
  }
  .resource .facility {
    flex-direction: column;
  }
  .resource .facility-info {
    padding-left: 0;
    width: 100%;
  }
  .resource .facility-info-count {
    position: absolute;
    bottom: 100%;
    right: 0;
  }
  .resource .facility-info-count strong {
    margin-right: 1rem;
  }
  .resource .facility-info .btn {
    margin-top: 2rem;
  }
}
@media (max-width: 587px) {
  .resource .board-search {
    height: auto;
    flex-wrap: wrap;
  }
  .resource .board-search-select, .resource .board-search-input, .resource .board-search-btn {
    height: 5rem;
    margin-left: 0;
    margin-right: 0;
  }
  .resource .board-search-select {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .resource .board-search-input {
    width: calc(100% - 17rem);
  }
}

@media (max-width:420px) {
	.resource-title strong {
    	font-size: 2.2rem;
  	}
}

.search .title {
	margin:0;
	padding:0;
	border-bottom:none;
}

.search-box {
	padding:4rem;
	background:#F6F6F6;
	border-radius:.5rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	margin-bottom:5rem;
}

.search-box #searchForm {
	width:100%;
}

.search-box .board-info {
	margin-bottom:0;
}

.search-result {
	color:#3A3A3A;
	margin-top:2.4rem;
}

.search-result strong {
	font-weight:700 !important;
}

.search-result .point1 {
	color:#0099DB;
}

.search-tab {
	margin:5rem 0;
}

.search-tab ul {
	display:flex;
	margin:-.3rem;
}

.search-tab ul li {
	padding:.3rem;
	flex:1;
}

.search-tab ul li a {
	display:flex;
	background:#EEEEEF;
	border-radius:2.5rem;
	height:5.1rem;
	align-items:center;
	justify-content:center;
	text-align:center;
}

.search-tab ul li.active a {
	background:#12217D;
	color:#fff;
}

.search .title2 small {
	font-size:1.8rem;
	letter-spacing:-0.05em;
	margin-left:1rem;
	font-weight:400;
}

.search .title2 small em {
	font-weight:700;
}

.search .list {
	border-top:2px solid #3A3A3A;
}

.search .list li {
	border-bottom:1px solid #C7C7C7;
}

.search .list li a {
	display:block;
	padding:2.5rem 0;
}

.search .list li a .title {
	color:#12217D;
	font-weight:700;
	font-size:2rem;
	margin-bottom:1.2rem;
	display:block;
	line-height:1.3;
}

.search .list li a .cont {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	max-height:5.75rem;
	overflow:hidden;
	text-overflow:ellipsis;
}

.search .list li a .path {
	display:block;
	font-size:1.5rem;
	color:#999;
	font-weight:300;
	margin-top:.75rem;
}

.search .list li a:hover .title,
.search .list li a:hover .cont {
	text-decoration:underline;
	text-underline-thickness:1px;
	text-underline-position:under;
}

.search .more {
	display:flex;
	justify-content:flex-end;
	margin-top:2.5rem;
}

.search .more a {
	display:flex;
	align-items:center;
	font-size:1.6rem;
}

.search .more a i {
	font-size:1.8rem;
	margin-left:.5rem;
}

@media (max-width:768px) {
	.search-box {
		padding:2rem;
		margin-bottom:2.5rem;
	}
	
	.search-tab {
		margin-top:2.5rem;
	}
}

/* 자원맵 */
.map-overlay {
  width: 21.8rem;
  border-radius: 0.5rem;
  border: 1px solid #B1B1B1;
  background: #fff;
  position: relative;
}
.map-overlay.auto {
	width:auto;
	text-align:center;
}
.map-overlay::after {
  display: block;
  content: "";
  width: 1rem;
  height: 0.6rem;
  background: url(/resources/images/mps/content/map-overlay-info.svg) no-repeat center center / cover;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.map-overlay-title {
  padding: 0.6rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #646677;
  color: #fff;
  font-size: 1.6rem;
  letter-spacing: -0.05em;
}
.map-overlay-title strong {
  font-weight: 400;
}
.map-overlay-close {
  cursor:pointer;
}
.map-overlay-close i {
  font-size: 2rem;
}
.map-overlay-info {
  padding: 1.2rem 1.5rem;
  font-size: 1.2rem;
  line-height: 1.3333333333;
}
.map-overlay-info-address {
  color: #3A3A3A;
}
.map-overlay-info-zipcode {
  color: #999;
  margin-top: 0.25rem;
}


/* 개인정보처리방침 */
.privacy {
  padding-bottom: 6.5rem;
  font-weight: 400;
}

.privacy > .con > div {
  background-color: #f9f9fb;
  border: 1px solid #ededed;
  padding: 3rem 3.5rem;
  position: relative;
  margin-bottom: 2rem;
}

.privacy > .con > div > ul > li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 2rem;
}

.privacy > .con > div > ul > li:last-child {
  margin-bottom: 0;
}

.privacy > .con > div > ul > li:before {
  content: "";
  position: absolute;
  top: 1.15rem;
  left: 0;
  background: #12217D;
  width: 1.4rem;
  height: 0.5rem;
  border-radius: 4rem;
}

.privacy > .con > div > strong {
  display: block;
  font-size: 2.2rem;
  margin-bottom: 2.5rem;
  color: #000;
}

.privacy > .con > div > strong img:first-of-type {
	margin-left : 1rem; 
}

.privacy > .con > div > strong img {
	width:6rem;
}

.privacy > .con > div > ul > li > ol {
  padding-top: 0.5rem;
}

.privacy > .con > div > ul > li > ol > li {
  list-style-type: decimal;
  margin-left: 2rem;
}

.privacy > .con > div > ul > li > ul {
  padding-top: 0.5rem;
}

.privacy > .con > div > ul > li > ul > li {
  position: relative;
  padding-left: 1.5rem;
}

.privacy > .con > div > ul > li > ul > li:before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0;
  background: #999;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}

.privacy .table-wrapper {
  margin: 2rem 0;
}

.privacy .table-wrapper .table-container table th,
.privacy .table-wrapper .table-container table td {
  padding: 1.5rem 1rem;
  font-size: 1.8rem;
  word-break:break-all;
}

.pdfviewer {
	min-height: 1050px;
	margin: 15px 0;
	width: 100%;
	border: 1px solid #ddd;
}

.privacy {
  color: #202020;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.625;
  letter-spacing: -0.02em;
  word-break: keep-all;
}
.privacy > div + div {
  margin-top: 5rem;
}
.privacy .point {
  background: #FC7171;
}
.privacy strong,
.privacy b {
  font-weight: 700;
}
.privacy__title {
  border: 1px solid #E8E8E8;
  padding: 4rem 4.5rem;
  display: flex;
}
.privacy__title-icon {
  width: 10.9rem;
  flex-shrink: 0;
}
.privacy__title-text {
  flex-grow: 1;
  padding-left: 3rem;
  display: flex;
  flex-direction: column;
}
.privacy__title-text-title {
  font-size: 2rem;
  margin-bottom: 1.6rem;
}
.privacy__box {
  border-top: 2px solid #595959;
  border-bottom:1px solid #595959;
  overflow: hidden;
}
.privacy__box-title strong {
  display: block;
  text-align: center;
  padding: 1.5rem 1rem;
  font-size: 1.8rem;
  background: #F6F6F6;
  border-bottom:1px solid #DEDEDE;
}
.privacy__box-title div {
  padding: 2.3rem 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid #E8E8E8;
}
.privacy__box-title div p {
  font-weight: 500;
}
.privacy__box-align {
	overflow:hidden;
}
.privacy__box-align ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 1px);
}
.privacy__box-align ul li {
  width: 33.3333333333%;
  border-right: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}
.privacy__box-align--align2 ul li {
  width: 50%;
}
.privacy__box-align--align4 ul li {
  width: 25%;
}
.privacy__box-align--align6 ul li {
  width: 16.6666666667%;
}
.privacy__labeling li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2.4rem 2rem;
}
.privacy__labeling li img {
  width: 8rem;
}
.privacy__labeling li img + span {
  margin-top: 1.15rem;
}
.privacy__labeling li span {
  font-weight: 500;
}
.privacy__labeling li p {
  color: #757575;
  margin-top: 0.75rem;
}
.privacy__labeling--alignCenter li {
  justify-content: center;
}
.privacy__list {
  word-break: break-all;
}
.privacy__list li a {
  display: flex;
  align-items: center;
  height: 7rem;
  padding: 1.5rem 2rem;
  word-break: keep-all;
}
.privacy__list li a span {
  font-weight: bold;
  text-decoration: underline;
}
.privacy__list li a img {
  width: 5.6rem;
}
.privacy__list li a img + span {
  margin-left: 1rem;
}
.privacy__list li a span br {
  display: none;
}
.privacy__item-title {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.privacy__item-title > * + * {
  margin-left: 1rem;
}
.privacy__item-title img {
  width: 7rem;
}
.privacy__item-title img + span {
  margin-left: 1rem;
}
.privacy__item-title span {
  font-size: 2rem;
  font-weight: 700;
}
.privacy__item-info ul li ul {
  margin-top: 1rem;
}
.privacy .privacy__bullet--number4 > li, .privacy .privacy__bullet--number3 > li, .privacy .privacy__bullet--number2 > li, .privacy .privacy__bullet--number > li {
  padding-left: 0;
  margin-left: 1.1rem;
}
.privacy .privacy__bullet--number4 > li::before, .privacy .privacy__bullet--number3 > li::before, .privacy .privacy__bullet--number2 > li::before, .privacy .privacy__bullet--number > li::before {
  left: auto;
  right: calc(100% + 0.25rem);
}
* + .privacy__bullet {
  margin-top: 1rem;
}
.privacy__bullet > li {
  position: relative;
  padding-left: 1.1rem;
}
.privacy__bullet > li::before {
  display: block;
  position: absolute;
  left: 0;
}
.privacy__bullet--circle > li::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background: #222;
  top: 1.2rem;
  border-radius: 50%;
}
.privacy__bullet--line > li::before {
  content: "";
  width: 0.5rem;
  height: 2px;
  background: #666;
  top: 1.3rem;
}
.privacy__bullet--square > li::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border: 1px solid #707070;
  top: 1.3rem;
}
.privacy__bullet--angle > li::before {
  content: "\ea6e";
  font-family: "remixicon";
  font-size: 1.6rem;
  top: 0.15rem;
  transform: translateX(-0.5rem);
}
.privacy__bullet--number {
  counter-reset: counter1;
}
.privacy__bullet--number > li::before {
  counter-increment: counter1;
  content: counter(counter1) ".";
  top: 0;
}
.privacy__bullet--number2 {
  counter-reset: counter2;
}
.privacy__bullet--number2 > li::before {
  counter-increment: counter2;
  content: counter(counter2) ")";
  top: 0;
}
.privacy__bullet--number3 {
  counter-reset: counter3;
}
.privacy__bullet--number3 > li::before {
  counter-increment: counter3;
  content: counter(counter3);
  width: 1.6rem;
  height: 1.6rem;
  font-size: 70%;
  font-weight: 500;
  border: 1px solid #222;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0.75rem;
}
.privacy__bullet--number4 {
  counter-reset: counter4;
}
.privacy__bullet--number4 > li::before {
  counter-increment: counter4;
  content: counter(counter4, hangul-consonant) ".";
}
.privacy__table {
  border-top: 1px solid #000000;
  width: 100%;
  margin-top: 1.3rem;
}
.privacy__table table {
  table-layout: fixed;
}
.privacy__table th,
.privacy__table td {
  padding: 0.7rem 1rem;
  text-align: center;
  border: 1px solid #E8E8E8;
}
.privacy__table th {
  font-weight: 700;
  color: #202020;
  border-top: none;
  background: #F8F8F8;
}
.privacy__table td {
  color: #757575;
}
.privacy__history {
	margin-top:1.5rem;
	display:flex;
	flex-direction:column;
	gap : 1rem;
}

.privacy__history a {
	display:flex;
	align-items:center;
}
.privacy__history a span {
	padding-right:.5rem;
	text-decoration:underline;
	text-underline-position:under;
}
.privacy__history a i {
	font-size:1.5rem;
}
@media (max-width: 1280px) {
  .privacy__box-align--align3 ul {
    flex-direction: column;
  }
  .privacy__box-align--align3 ul li {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .privacy__box-align--align6 ul li {
    width: 20%;
  }
}
@media (max-width: 768px) {
  .privacy__title-icon {
    display: none;
  }
  .privacy__title-text {
    padding-left: 0;
  }
  .privacy__box-align--align6 ul li {
    width: 25%;
  }
  .privacy__labeling li img {
    width: 8rem;
  }
}
@media (max-width: 587px) {
  .privacy__box-align--align6 ul li,
  .privacy__box-align--align4 ul li {
    width: 33.3333%;
  }
}
@media (max-width: 487px) {
  .privacy__list {
    word-break: keep-all;
  }
  .privacy__list li a {
    flex-direction: column;
    height: auto;
    text-align: center;
  }
  .privacy__list li a img + span {
    margin-left: 0;
    margin-top: 1rem;
  }
  .privacy__list li a span br {
    display: block;
  }
}
@media (max-width: 360px) {
  .privacy__box-align--align6 ul li,
  .privacy__box-align--align4 ul li {
    width: 50%;
  }
}

/* 230605 추가 콘텐츠 */
.report-info {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1rem;
  margin: 5rem -1.15rem;
}
.report-info > li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 1.15rem;
  padding: 2.45rem 2.5rem 2.55rem;
  width: calc(100% / 2 - 3.3rem);
  border-radius: 1rem;
  text-align: center;
}
.report-info > li strong {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
}
.report-info > li:nth-child(1) {
  background-color: #01a78a;
}
.report-info > li:nth-child(1) .btn {
  margin-top: 1.5rem;
  padding: .6rem 2.4rem .8rem;
  min-width: 0;
  height: auto;
  border: 0;
}
.report-info > li:nth-child(1) .btn:hover,
.report-info > li:nth-child(1) .btn:focus {
	background-color:#fff;	
}
.report-info > li:nth-child(1) .btn > * {
  color: #3a3a3a;
  font-size: 1.6rem;
  font-weight: 500;
}
.report-info > li:nth-child(1) .btn > i {
  transform: translatey(5%);
}
.report-info > li:nth-child(2) {
  background-color: #12217d;
}
.report-info > li:nth-child(2) p {
  margin-top: 1rem;
  color: #01a78a;
  font-size: 2.4rem;
  font-weight: 700;
}
.report-overview {
  margin: 0;
  padding: 3.45rem 4rem 2.95rem;
}
.report-contact > li {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.4rem;
}
.report-contact > li > * {
  display: flex;
  align-items: center;
  column-gap: .25rem;
}
.report-contact > li > * > i {
  font-size: 2rem;
  transform: translatey(3%);
  line-height:1;
}
.report .graybox p {
  font-size: 1.8rem;
}
.report .graybox .bul1 > ul > li {
  position: relative;
  padding-left: .9rem;
}
.report .graybox .bul1 > ul > li:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.report .title2 {
  margin-bottom: 1.5rem;
}
.report .title4 {
  margin-top: 5rem;
  color: #3a3a3a;
  font-size: 1.8rem;
  font-weight: 500;
}

@media (max-width: 639px) {
  .report-info > li {
    width: calc(100% - 3.3rem);
  } 
}

/* 230808 채용공고 > 공정투명채용안내 */
.recruit-notices {
	margin-bottom:6rem;
	display:flex;
	flex-direction:column;
	gap: 2rem;
}
.recruit-notices .recruit-notice {
	margin-bottom:0;
}
.board-view .recruit-notice {
	margin-top:1.6rem;
}
.recruit-notice {
	background:#F3F3F3;
	padding:4rem;
	letter-spacing:-0.035em;
	margin-bottom:6rem;
}

.recruit-notice-title {
	display:flex;
	justify-content:space-between;
	gap : 2rem;
	align-items:center;
	margin-bottom:2.2rem;
}

.recruit-notice-title-name {
	font-family : "Jalnan";
	font-size:3rem;
	color:#12217E;
	position:relative;
	padding-right:1.5rem;
}

.recruit-notice-title-name::after {
	display:block;
	content:"";
	width:1.1rem;
	height:1.1rem;
	background:#5ACDB0;
	position:absolute;
	top:0;
	right:0;
	border-radius:50%;
}

.recruit-notice-title img {
	width:27rem;
}

.recruit-notice-desc {
	display:flex;
	flex-direction:column;
	gap : 1.5rem;
}

.recruit-notice-desc p {
	font-size:1.6rem;
}

.recruit-notice-desc p strong {
	font-weight:700;
}

.recruit-notice-buttons {
	display:flex;
	gap : 2rem;
	margin-top:2.8rem;
}

.recruit-notice-buttons a {
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	color:#fff;
	padding:1rem 2rem;
	min-height:5.6rem;
	background:#00A78B;
	border-radius:1rem;
	gap : .5rem;
}

.recruit-notice-buttons a span {
	font-size:1.8rem;
	font-weight:700;
}

.recruit-notice-buttons a i {
	font-size:2rem;
}

.recruit-notice-buttons a.recruit-notice-buttons-type2 {
	background:#0099DC;
}

@media (max-width:768px) {
	.recruit-notice {
		padding:3rem;
	}
	.recruit-notice-title {
		flex-direction:column-reverse;
		align-items:flex-start;
	}
	
	.recruit-notice-title img {
		align-self:flex-end;
	}
	.recruit-notice-desc br {
		display:none;
	}
	.recruit-notice-buttons {
		flex-direction:column;
		gap : 1rem;
	}
	
}

/* 클라우드 전환 */
.labelbox {
  border-radius: .8rem;
  border: .7rem solid #f4f6fb;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4.5rem 2.5rem;
  justify-content: center;
  text-align: center;
  margin-top: 4rem;
  position: relative;
  margin-bottom: 4rem;
}
.labelbox-title {
  min-height: 6.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #12217d;
  font-weight: 700;
  font-size: 2.7rem;
  background: #fff;
  padding: 1.5rem 2.5rem;
  position: absolute;
  white-space: nowrap;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.labelbox-title[data-color="sky"] {
  color: var(--color02);
}
.labelbox-title[data-size="sm"] {
  font-size: 2.2rem;
}
.labelbox-information{
  line-height: calc(32/20);
  font-size: 2rem;
  font-weight: 500;
  color: #111;
}
.labelbox[data-size="sm"] {
  margin: 2.3rem 0;
}
.labelbox[data-size="sm"] .labelbox-information {
  font-size: 1.7rem;
  color: #3a3a3a;
  font-weight: 500;
  line-height: 1.5;
}

@media (max-width:1640px) {
  .labelbox-information .revitalizeBr {
    display: none;
  }
}

@media (max-width:1024px) {
  .labelbox {
    padding: 3rem;
  }

  .labelbox-title {
    position: relative;
    min-height: auto;
    transform: none;
    left: auto;
    top: auto;
    white-space: normal;
    padding:0;
    margin-bottom: 1rem;
  }
}

@media (max-width:768px) {
  .labelbox-title {
    font-size: 2.4rem;
  }
  .labelbox-information br {
    display: none;
    font-size: 1.8rem;
  }
}
.settings {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 1rem;
}

.settings[data-type="full"] {
  background: var(--gray);
  padding: 4rem;
}

.settings[data-type="full"] .settings-detail {
  padding: 0;
  flex-wrap: wrap;
  background: transparent;
}
.settings[data-color="white"] {
  background: #fff;
}

.settings-item {
  margin-bottom: 3rem;
}

.settings-item:last-of-type {
  margin-bottom: 0;
}

.settings-item[data-color="sky"] {
  --settings-color: #0099db;
  --settings-color-code: 0, 153, 219;
  --settings-information-noti : 1px dashed rgba(0,153,219,0.3);
}

.settings-item[data-color="blue"] {
  --settings-color: #225db5;
  --settings-color-code: 34, 93, 181;
  --settings-information-noti : 1px dashed rgba(34, 93, 181,0.3);
}

.settings-item[data-color="navy"] {
  --settings-color: #26388a;
  --settings-color-code: 38, 56, 138;
  --settings-information-noti : 1px dashed rgba(38, 56, 138,0.3);
}

.settings-item[data-detail="information"] .settings-detail {
  padding: 0;
  background: transparent;
}

.settings-item[data-detail="information"] .settings-detail::before {
  display: none;
}

.settings-item[data-detail="information"] .settings-information {
  background: rgba(var(--settings-color-code), 0.05);
  border: 1px solid rgba(var(--settings-color-code), 0.2);
}

.settings-icon[data-type="fill"] {
  background: var(--settings-color);
}

.settings-icon[data-type="fill"] span {
  color: #fff;
}

.settings-icon[data-size="sm"] {
  width: 11rem;
  height: 11rem;
}

.settings-information-box[data-type="fill"] {
  background: #fff;
  padding: 3rem;
}

.settings-information-box[data-] {

}

.settings-result[data-type="fill"] {
  color: #fff;
  background: var(--settings-color);
  border: none;
}

.settings-detail {
  padding: 3.5rem 4rem;
  display: flex;
  gap: 3rem;
  position: relative;
  background: rgba(var(--settings-color-code),0.05);
  border-radius: 1rem;
}

.settings-icon {
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  border: .5rem solid var(--settings-color);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  gap: .5rem;
  flex-shrink: 0;
  background: #fff;
}

.settings-icon span {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--settings-color);
  line-height: calc(21/17);
}

.settings-information {
  flex-grow: 1;
  width: calc(100% - 14rem - 4rem);
  position: relative;
}

.settings-item .bul1 li::before {
  background: var(--settings-color);
}

.settings-information .noti {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: var(--settings-information-noti);
}

.settings-information-box {
  border-radius: 1rem;
}

.settings-arrow {
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #333;
  font-size: 2rem;
  gap: 0;
  white-space: nowrap;
}

.settings-arrow i + i {
  margin-left: -.75rem;
}
.settings-result {
  background: #fff;
  min-height: 4.8rem;
  font-weight: 500;
  border-radius: 10rem;
  padding: 1.25rem 2rem;
  text-align: center;
  border: 3px solid var(--settings-color);
  color: var(--settings-color);
  font-size: 1.8rem;
}

.settings-container {
  position: relative;
  margin: -4rem 0;
}

.settings-container .settings-item {
  border-bottom: 1px dashed #CCC;
  padding:4rem 0;
  margin-bottom: 0;
}
.settings-container .settings-item[data-size="sm"] {
  padding: 3rem 0;
}

.settings-container .settings-item:last-of-type {
  border-bottom: none;
}

.settings-container .settings-detail {
  gap: 3rem;
}

.settings-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  padding: 0 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.settings-label strong {
  border-radius: 4rem;
  padding: 1rem 8rem;
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
}

.settings-label[data-color="green"] strong {
  background: #0f7f65;  
}

.settings-label[data-color="sky"] strong {
  background: #0099DB; 
}

.settings-label[data-color="blue"] strong {
  background: #225DB5;
}

.settings-label[data-color="navy"] strong {
  background: #12217D;
}

.settings-label[data-color="purple"] strong {
  background: #26388A;
}

@media (max-width:1024px) {
}
@media (max-width:768px) {
  .settings-detail {
    flex-direction: column;
    gap: 1rem;
  }
  .settings-icon {
    width: 100% !important;
    height: auto !important;
    border-radius: 0;
    padding: 1rem;
  }
  .settings-icon {
    display: none;
  }
  .settings-icon:has(span) {
    display: flex;
  }
  .settings-icon:has(span) img {
    display: none;
  }
  .settings-information {
    width: 100%;
  }
  .settings-information-box {
    padding-top: 0;
  }

  .settings-label {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    padding: 0;
    margin-top: 3rem;
  }
  .settings-label strong {
    padding: 1rem;
    border-radius: 2rem;
    width: 100%;
    text-align: center;
  }

  .settings[data-type="full"] {
    padding: 3rem;
  }

  .settings-detail {
    padding: 3rem;
  }
  .borderbox:has(.settings) {
    padding: 3rem;
  } 
  .borderbox:has(img[src="/resources/images/mps/content/img01.png"]) {
    padding: 3rem;
  }
  .settings-information-box .mobile-column > * {
    width: 100%;
    border: none !important;
  }
  .settings-information-box .mobile-column br {
    display: none;
  }
  .settings-information-box .mobile-column [class^=p] {
    padding-left: 0 !important;
  }
  .settings-container {
    margin: -3rem 0;
  }
  .settings-container .settings-item {
    padding: 3rem 0 !important;
  }
}
.numberbox {
  display: flex;
  gap: 3rem;
}
.numberbox-item {
  padding: 4rem 2.4rem;
  background: #fff;
  border-radius: 1rem;
  flex: 1;
  border: 1px solid #e3e3e3;
  position: relative;
}
.numberbox-item-number {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%) translateY(-50%);
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}
.numberbox-item-detail {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}
@media (max-width:768px) {
  .numberbox {
    flex-direction: column;
    gap: 2rem;
  }
}
.cooperations img {
  min-width: 0; 
}

@media (max-width:768px) {
  .cooperations .flex.flex-full {
    flex-direction: column;
  }
}

.borderbox {
  margin: 2.3rem 0;
  border: 1px solid #e3e3e3;
  border-radius: 1rem;
}

.boxes {
  display: flex;
}

.boxes-item {
  flex: 1;
}

.boxes-item-title {
  flex-shrink: 0;
  min-height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: calc(21/18);
  border-radius: .5rem;
  overflow: hidden;
}

.boxes-item-information {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-grow: 1;
  border-radius: .5rem;
  overflow: hidden;
  font-size: 1.6rem;
  min-height: 12rem;
}

@media (max-width:768px) {
  .boxes {
    flex-direction: column;
  }
  .boxes-item-information {
    min-height: auto;
  }
}

.statusmap {
  text-align: center;
  padding: 11rem 0;
  position: relative;
  border-top: 2px solid #333;
}

.statusmap-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-width: calc(100% - 40rem - 4rem);
}

.statusmap-list {
  display: flex;
  justify-content: space-between;
  gap: 2rem; 
  flex-wrap: wrap;
}

.statusmap-box {
  display: flex;
  flex-direction: column;
  /* width: 100%; */
  gap: 2rem;
}

/* .statusmap-item:nth-of-type(even) {
  margin-left: auto;
} */
.statusmap-item {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  width: 20rem;
}

.statusmap-item-name {
  height: 3rem;
  white-space: nowrap;
  background: #12217D;
  border-radius: 1rem 1rem 0 0;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.statusmap-item-information {
  border: 1px solid #AEC5E5;
  border-radius: 0 0 1rem 1rem;
  padding: 1rem;
  font-size: 1.6rem;
  line-height: calc(22/16);
}

@media (max-width:768px) {
  .statusmap {
    padding: 4rem 0 0;
  }

  .statusmap-image {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    max-width: 100%;
  }
  .statusmap-list {
    margin-top: 4rem;
  }
  .statusmap-box {
    flex: 1;
  }
  .statusmap-item {
    width: 100%;
  }
}

.purpose {
  position: relative;
}

.purpose-container {
  padding: 3.3rem;
  background: blue url(/resources/images/mps/content/purpose-background.png)no-repeat center center / cover;
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
  align-items: center;
  text-align: center;
  overflow: hidden;
  border-radius: 17rem;
  border: .7rem solid rgba(255,255,255,0.8);
}

.purpose-title {
  color: rgba(255,255,255,0.6);
  font-size: 2rem;
  font-family: Georgia;
}

.purpose-desc {
  line-height: calc(28/19);
  color: #fff;
  font-weight: 700;
  font-size: 1.9rem;
}

.binfo-ar {
  display: block;
  width: 89rem;
  margin: 0 auto;
  position: relative;
  max-width: 100%;
}

.binfo-ar .binfo-ar01 {
  width: 100%;
}
.binfo-ar .binfo-ar01-1 {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 4.9rem;
}

.binfo {
  background: rgba(34, 93, 181, 0.05);
  border-radius: 18rem;
  /* padding: ; */
  margin-top: -3rem;
  display: flex;
  gap: 2rem;
  padding: 4.8rem;
  align-items: center;
}

.binfo-arrow {
  font-size: 2.7rem;
  color: #333;
  line-height: 1;

}
.binfo-item {
  width: 24rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-direction: column;
  text-align: center;
}
.binfo-item-icon {
  width: 4.5rem;
}
.binfo-item-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #3a3a3a;
}
.binfo-item-desc {
  font-size: 1.6rem;
  color: #555;
  font-weight: 500;
}

@media (max-width:768px) {
  .purpose-container {
    border-radius: 3rem;  
  }
  .purpose-container br {
    display: none;
  }
  .binfo {
    flex-direction: column;
    border-radius: .8rem;
    gap: 1rem;
  }
  .binfo-item {
    width: 100%;
    aspect-ratio: 0;
    border-radius: .8rem;
    padding: 2rem 1rem;
  }
} 
.spot {
  display: flex;
  gap: 6rem;
  padding: 6rem 4rem 0;
}
.spot-item {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.spot-item-card {
  width: 26rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  margin: 0 auto;
  max-width: 100%;
}
.spot-item-card img {
  width: 100%;
}
.spot-item-logo {
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3rem 0;
}
.spot-item-logo img {
  max-height: 100%;
}
.spot-item-detail {
  width: calc(100% + 8rem);
  margin-left: -4rem;
  background: var(--gray);
  padding: 2.5rem;
  font-size: 1.8rem;
  color: #3a3a3a;
  display: flex;
  flex-direction: column; 
  align-items: center;
  text-align: center;
  flex-grow: 1;
}
@media (max-width:768px) {
  .spot {
    flex-direction: column;
  }
}
.borderlist { 
  border-top: 2px solid #333;
}
.borderlist-item {
  border-bottom: 1px solid #ddd;
}
.iconlist {
  align-items: center;
  display: flex;
  gap: 4rem;
  padding: 4rem 3rem;
}
.iconlist:has(.iconlist-information .bul1) {
  align-items: flex-start;
}
.iconlist-icon {
  width: 10rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 50%;
  background: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.iconlist-icon img {
  width: 100%;
}
.iconlist-information {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media (max-width:768px) {
  .iconlist {
    gap: 3rem;
    padding: 3rem 2.5rem;
  }
}
@media (max-width:487px) {
  .iconlist-icon {
    display: none;
  }
}
.labellist {
  display: flex;
  padding: 3rem 0;
  gap: 4rem;
  align-items: flex-start;
}
.labellist-label {
  width: 13.3rem;
  flex-shrink: 0;
  min-height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .35rem .5rem;
  font-size: 1.8rem;
  font-weight: 500;
  border-radius: 30rem;
}
.labellist-information {
  flex-grow: 1;
  line-height: calc(30/18);
  padding: .9rem 0;
}
@media (max-width:768px) {
  .labellist {
    flex-direction: column;
    gap: 2rem;
  }
  .labellist-information {
    padding: 0;
    width: 100%;
  }
}
.titlebox {
  display: flex;
  flex-wrap: wrap;
  gap: 6.54rem 4rem;
}

.titlebox-item {
  width: calc(100% / 2 - 4rem * 1 / 2);
  position: relative;
}

.titlebox-item-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  padding: 0 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.titlebox-item-label span {
  --titlebox-default-padding : 0 8rem;
  max-width:100%;
  min-height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--titlebox-default-padding);
  text-align: center;
  border-radius: 4rem;
  color: #fff;
  background: vaR(--titlebox-background);
}

.titlebox-item-label[data-color="type01"] span {
  --titlebox-background : var(--titlebox01) 
}

.titlebox-item-label[data-color="type02"] span {
  --titlebox-background : var(--titlebox02) 
}

.titlebox-item-label[data-color="type03"] span {
  --titlebox-background : var(--titlebox03) 
}

.titlebox-item-label[data-color="type04"] span {
  --titlebox-background : var(--titlebox04) 
}

.titlebox-item-label[data-color="type05"] span {
  --titlebox-background : var(--titlebox05) 
}

.titlebox-item-label[data-color="type06"] span {
  --titlebox-background : var(--titlebox06) 
}

.titlebox-item-label[data-color="type07"] span {
  --titlebox-background : var(--titlebox07); 
}
.titlebox-item-label[data-color="type08"] span {
  --titlebox-background : var(--titlebox08) 
}
.titlebox-item-label[data-size="sm"] span {
  --titlebox-default-padding : 0 3rem;
}
.titlebox-item-label[data-size="md"] span {
  --titlebox-default-padding : 0 6rem;
}

.titlebox-item-information {
  padding: 4.5rem 3.1rem;
  background: #fff;
  border-radius: 1rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width:1024px) {
  .titlebox {
    gap: 6.54rem 2rem;
  }
  .titlebox-item {
    width: calc(100% / 2 - 2rem * 1 / 2);
  }
  .titlebox-item-label span {
    --titlebox-default-padding : 0 1.5rem;
    width: 100%;
  }
  .titlebox-item-information {
    padding: 4rem 2.5rem;
  }
}

@media (max-width:768px) {
  .titlebox-item-information br {
    display: none;
  }
}

@media (max-width:520px) {
  .titlebox {
    flex-direction: column;
    gap: 4.5rem 2rem;
  }
  .titlebox-item {
    width: 100%;
  }
}
.cards-item-image {
  aspect-ratio: 1/1;
  width: 100%;
  overflow: hidden;
}

.cards-item-image img {
  width: 100%;
}
.cards-item span {
  display: inline-flex;
  min-width: 100%;
  height: 4.6rem;
  margin-top: 1rem;
  justify-content: space-between;
  align-items: center;
  padding: 0 2.4rem;
  white-space: nowrap;
  border: 1px solid #C1C1C1;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  background: #fff;
  justify-content: center;
}
.cards-item:hover span {
  background: #0099DB;
  color: #fff;
  border: 1px solid #0099DB;
}
@media (max-width:768px) {
  .cards {
    gap: 3rem 1.5rem;
    flex-wrap: wrap;
  }
  .cards-item {
    flex: none;
    width: calc(100% / 2 - 1.5rem * 1 / 2);
    word-break: break-all;
  }
}
@media (max-width:487px) {
  .cards {
    margin: -2rem;
  }
  .cards-item {
    font-size: 1.7rem;
  }
}

.vision-graphic {
  padding: 6rem 3rem;
}

.vision-graphic-goal {
  padding: 2.6rem 2rem;
  color: #fff;
  font-weight: 700;
  background: var(--color07);
  text-align: center;
  margin-bottom: 3rem;
  font-size: 2.5rem;
  font-weight: 700;
  border-radius: 30rem;
}
.vision-graphic-arrow {
  width: 67rem;
  max-width: 100%;
  margin: 0 auto;
  display: block;
  margin-bottom: -7.5rem;
}
.vision-graphic-benefits {
  display: flex;
  gap: 1rem;
  margin-bottom: 5rem;
}
.vision-graphic-benefits-item {
  --vision-graphic-sky: #0099DB;
  --vision-graphic-sky-code : 0, 153, 219; 
  --vision-graphic-sky-title : #0099DB; 
  --vision-graphic-navy: #F0F3F9;
  --vision-graphic-navy-code : 240, 243, 249;
  --vision-graphic-navy-title : #1356BA;

  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 1rem; 
  background: rgba(var(--vision-graphic-color), 0.05);
  border: 1px solid rgba(var(--vision-graphic-color), 0.2);
  flex: 1;
  font-weight: 700;
  text-align: center;
  padding: 1rem;
  color: var(--vision-graphic-title);
  font-size: 1.8rem;
}

.vision-graphic-benefits-item[data-type="fill"] {
  background: rgba(var(--vision-graphic-color), 1);
  --vision-graphic-title : #fff !important; 
  font-size: 2.2rem;
}

.vision-graphic-benefits-item[data-color="sky"] {
  --vision-graphic-color : var(--vision-graphic-sky-code);
  --vision-graphic-title : var(--vision-graphic-sky-title)
}

.vision-graphic-benefits-item[data-color="navy"] {
  --vision-graphic-color : var(--vision-graphic-navy-code);
  --vision-graphic-title : var(--vision-graphic-navy-title);
  background: rgb(var(--vision-graphic-color));
  border-color: #CAD8ED;
}

.vision-graphic-subject-title {
  padding: 3rem 4rem;
  position: relative;
  margin-bottom: 3.2rem;
  position: relative;
  text-align: center;
  color: #0e4b92;
  font-weight: 700;
  font-size: 2.6rem;
}

.vision-graphic-subject-title::before,
.vision-graphic-subject-title::after {
  display: block;
  content: "";
  width: 2rem;
  height: 100%;
  border: .8rem solid #F1F1F1;
  position: absolute;
  top: 0;
}
.vision-graphic-subject-title::before {
  border-right: none;
  left: 0;
}

.vision-graphic-subject-title::after {
  border-left: none;
  right: 0;
}

.vision-graphic-subject-list {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.vision-graphic-subject-item {
  --vision-graphic-subject-item-sky : #0099DB;
  --vision-graphic-subject-item-sky-border : #C2E7F6;
  --vision-graphic-subject-item-navy : #1356BA;
  --vision-graphic-subject-item-navy-border : #CAD8ED;

  display: flex;
  gap: 2rem;
}
.vision-graphic-subject-item[data-color="sky"] {
  --vision-graphic-subject-item-color : var(--vision-graphic-subject-item-sky);
  --vision-graphic-subject-item-border : var(--vision-graphic-subject-item-sky-border);
  --vision-graphic-subject-item-bg : rgba(0, 153, 219,0.05);
}
.vision-graphic-subject-item[data-color="navy"] {
  --vision-graphic-subject-item-color : var(--vision-graphic-subject-item-navy);
  --vision-graphic-subject-item-border : var(--vision-graphic-subject-item-navy-border);
  --vision-graphic-subject-item-bg : #F0F3F9;
}
.vision-graphic-subject-item-number {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.vision-graphic-subject-item-number span {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  background: var(--vision-graphic-subject-item-color);
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
} 
.vision-graphic-subject-item-information {
  padding: 1rem 2.8rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 2rem;
  border: 2px solid var(--vision-graphic-subject-item-border);
  flex-shrink: 0;
  width: 27.2rem;
  line-height: calc(28/18);
}

.vision-graphic-subject-item-information::after {
  display: flex;
  align-items: center;
  justify-content: center;
  content: "\ea6d";
  font-family: 'remixicon';
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  margin: auto 0;
  font-size: 2.6rem;
  color: #9596AF;
  text-indent: -0.2rem;
}

.vision-graphic-subject-item-result {
  display: flex;
  border-radius: 2rem;
  padding: 2rem 4rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--vision-graphic-subject-item-color);
  background: var(--vision-graphic-subject-item-bg);
  border: 1px solid var(--vision-graphic-subject-item-border);
  flex-grow: 1;
  align-items: center;
}

.character img {
  width: 800px;
  display: block;
  margin: 0 auto;
  max-width:100%;
}

@media (max-width:768px) {
  .vision-graphic-goal {
    border-radius: 1rem;
    font-size: 2.2rem;
  }

  .vision-graphic-benefits {
    flex-direction: column;
  }

  .vision-graphic-benefits-item {
    aspect-ratio: 0;
  }

  .vision-graphic-subject-item {
    padding-left: 4rem;
    flex-direction: column;
    position: relative;
  }

  .vision-graphic-subject-item-number {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 100%;
  }

  .vision-graphic-subject-item-number span {
    height: 100%;
    border-radius: .3rem;
  }
  .vision-graphic-subject-item-information {
    width: 100%;
  }
  .vision-graphic-subject-item-information::after {
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "\ea4f";
    text-indent: 0;
    bottom: auto;
    line-height: 1;
  }
  .vision-graphic-subject-item-information {
    padding: 1rem 2rem;
  }
  .vision-graphic-subject-item-result {
    padding: 2rem;
  }
}

@media (max-width:768px) {
  .mobile-column {
    flex-direction: column !important;
  }
}

.slogan-area {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  align-items: center;
  text-align: center;
  color: #fff;
  line-height: calc(30/18);
  letter-spacing: -0.03em;
  margin-bottom: 4rem;
  padding: 6rem 4rem;
}

.slogan-area-background {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width:100%;
  height: 100%;
  z-index: -1;
}

.slogan-area-title {
  font-size: 2.8rem;
}

/* .slogan-area-desc {
  font-size: ;
} */

/*상담문의게시판*/
.franchise-model {
  --franchise-model-label01 : var(--color02);
  --franchise-model-label02 : var(--color03);
  --franchise-model-diagram-item-border : #26388A;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  letter-spacing: -0.04em;
}

.franchise-model-item {
  display: flex;
  gap: 2rem;
}

.franchise-model-label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  /* text-wrap: balance; */
  background: var(--franchise-model-label);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: calc(30/18);
  border-radius: 2rem;
  color: #fff;
  flex-basis: calc(272 / 870 * 100%);
  flex-shrink: 0;
  padding: 2rem;
}

.franchise-model-label01 {
  --franchise-model-label : var(--franchise-model-label01)
}

.franchise-model-label02 {
  --franchise-model-label : var(--franchise-model-label02);
}

.franchise-model-information {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  align-items: center;
  border-radius: 2rem;
  border: 1px solid rgba(0, 153, 219, 0.2);
  flex-grow: 1;
  padding: 4rem;
}

.franchise-model-diagram {
  max-width: 49.8rem;
  width: 100%;
}

.franchise-model-diagram-container {
  position: relative;
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
}

.franchise-model-diagram-item {
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: .2rem;
  align-items: center;
  font-weight: 700;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid var(--franchise-model-diagram-item-border);
  flex-basis:7.5rem;
  justify-content: center;
  position: relative;
  padding: .5rem;
}

.franchise-model-diagram-item img {
  max-width: 100%;
  max-height: 100%;
}

.franchise-model-diagram-captain {
  --franchise-model-diagram-item-border : var(--color02);
  font-size: 1.7rem;
  border-width: .5rem;
  color: var(--color02);
  margin-bottom: 1.2rem;
  flex-basis: 14rem;
}

.franchise-model-diagram-vicecaptain {
  --franchise-model-diagram-item-border : var(--color03);
  background-color: var(--color03);
  font-size: 1.8rem;
  color: #fff;
  flex-basis: 11rem;
}

.franchise-model-diagram-container:has(.franchise-model-diagram-item + .franchise-model-diagram-item) {
  margin-top: 1.2rem;
  padding-top: 1.2rem;
}

.franchise-model-diagram-container:has(.franchise-model-diagram-item + .franchise-model-diagram-item)::before {
  display: block;
  content: "";
  width: 1px;
  height: 1.2rem;
  position: absolute;
  top: -1.2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #ccc;
  z-index: -1;
}

.franchise-model-diagram-container:has(.franchise-model-diagram-item + .franchise-model-diagram-item) .franchise-model-diagram-item::before {
  display: block;
  content: "";
  width: 1px;
  height: 1.2rem;
  background: #ccc;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -1.2rem;
  z-index: -1; 
}

.franchise-model-diagram-container:has(.franchise-model-diagram-item + .franchise-model-diagram-item)::after {
  display: block;
  content: "";
  width: calc(100% - 2rem);
  height: 1px;
  background: #ccc;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto; 
  z-index: -1;
}

.franchise-model-diagram-container:has(.franchise-model-diagram-item + .franchise-model-diagram-item) .franchise-model-diagram-item:first-of-type::after,
.franchise-model-diagram-container:has(.franchise-model-diagram-item + .franchise-model-diagram-item) .franchise-model-diagram-item:last-of-type::after {
  display: block;
  content: "";
  width: calc(50% + 1rem);
  height: 1px;
  background: #fff;
  position: absolute;
  top: calc(-1.2rem - 1px);
}

.franchise-model-diagram-container:has(.franchise-model-diagram-item + .franchise-model-diagram-item) .franchise-model-diagram-item:first-of-type::after {
  left: -1rem;
}

.franchise-model-diagram-container:has(.franchise-model-diagram-item + .franchise-model-diagram-item) .franchise-model-diagram-item:last-of-type::after {
  right: -1rem;
}

.franchise-model-arrow {
  width: 4.7rem;
}

.franchise-model-keywords {
  display: flex;
  gap: 1rem;
  max-width: 38rem;
  width: 100%;
  justify-content: space-between;
}

.franchise-model-keywords-item {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  flex-basis: 10rem;
  align-items: center;
  text-align: center;
}

.franchise-model-keywords-icon {
  aspect-ratio: 1/1;
  width: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F3F3F3;
  padding: 1rem;
  border-radius: 50%;
  padding: 1.5rem;
}

.franchise-model-keywords-icon img {
  max-width: 100%;
  max-height: 100%;
}
.franchise-model-keywords-title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: calc(24/18);
}

@media (max-width:1640px) {
  .franchise-model-label {
    font-size: 1.6rem;
  }
}

@media (max-width:768px) {
  /* .franchise-model-label br{
    display: none;
  } */
}

.texts {
  text-wrap: balance;
}

.texts a {
  display: inline-flex;
  gap: .4rem;
  align-items: center;
  text-underline-position: under;
}
.texts a i {
  display: flex; 
  width: 2rem;
  aspect-ratio: 1/1;
  align-items: center;
  justify-content: center;
  background: #e0e0e0;
  color: #616161;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 50%;
  flex-shrink: 0;
  line-height: 1;
}

.service-list {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.service-list img {
  width: 100%;
}

.service-item {
  display: flex;
  align-items: center;
  padding: .5rem;
  border-radius:50%;
  background: var(--service-item-background);
  color: #fff;
  font-weight: 700;
  flex-direction: column;
  aspect-ratio: 1/1;
  justify-content: center;
  flex-basis: calc(100% / 7 - 1rem * 6 / 7) ;
}

.service-item:nth-of-type(odd) {
  --service-item-background : var(--color03)
}

.service-item:nth-of-type(even) {
  --service-item-background : var(--color02)
}

.roadmap {
  --roadmap-information-title01 : var(--color01);
  --roadmap-information-title02 : var(--color02);
  --roadmap-information-title03 : var(--color03);

  display: flex;
  flex-direction: column;
  gap: 1rem;
  letter-spacing: -0.03em;
}

.roadmap-information {
  display: flex;
  gap: 1rem;
}

.roadmap-information-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.roadmap-information-title {
  flex-shrink: 0;
  background: var(--roadmap-information-title-background);
  color: #fff !important;
  border-radius: .5rem;
  min-height: 6rem;
  padding: 1rem;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.roadmap-information-title01 {
  --roadmap-information-title-background : var(--roadmap-information-title01);
}

.roadmap-information-title02 {
  --roadmap-information-title-background : var(--roadmap-information-title02);
}

.roadmap-information-title03 {
  --roadmap-information-title-background : var(--roadmap-information-title03);
}

.roadmap-information-detail {
  background: #fff;
  border-radius: .5rem;
  overflow: hidden;
  padding: 1.5rem;
  flex-grow: 1;
}

.roadmap-information-detail .bul1 > li {
  display: flex;
  gap: 1.2rem;
  align-items: flex-start;
  line-height: calc(30/18);
  color: #3a3a3a;
}

.roadmap-information-detail .bul1 > li::before {
  top: 1.25rem;
}

@media (max-width:768px) {

  .service-list{
    margin: -1.5rem -3rem;
  }

  .roadmap-information {
    flex-direction: column;
  }

  .franchise-model-item {
    flex-direction: column;
  }

  .franchise-model-information {
    padding: 3rem;
  }

  .franchise-model-keywords-icon {
    width: 7.5rem;
  }

  .franchise-model-keywords-title {
    font-size: 1.6rem;
  } 
}