@charset "UTF-8";
@keyframes arrow {
  0% {
    opacity: 0;
    transform: translate(-75%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes arrowBack {
  0% {
    opacity: 0;
    transform: translate(75%, 50%) rotate(180deb);
  }
  100% {
    opacity: 1;
    transform: translate(0, 50%) rotate(180deb);
  }
}
@keyframes wave {
  0% {
    opacity: 0.35;
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes showUnderline {
  0% {
    opacity: 1;
    transform: translate(-50%, 100%) scale(0);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 100%) scale(1);
  }
}
@keyframes showUp {
  0% {
    opacity: 0;
    transform: translate(0, 2em);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes checkUp {
  0% {
    opacity: 0;
    transform: translate(0, -20%);
  }
  100% {
    opacity: 1;
    transform: translate(0, -50%);
  }
}
@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes blink {
  0% {
    opacity: 1;
    transform: scale(0.5);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes sending {
  0% {
    width: 0%;
  }
  20% {
    width: 20%;
  }
  40% {
    width: 40%;
  }
  60% {
    width: 60%;
  }
  80% {
    width: 80%;
  }
  100% {
    width: 100%;
  }
}
.flex-jt-spb-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

h1.under-line,
h2.under-line,
h3.under-line,
h4.under-line,
h5.under-line {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #CFD4E6;
}

table td.left {
  text-align: left !important;
}
table td.right {
  text-align: right !important;
}
table td.center {
  text-align: center !important;
}

.round-information {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.round-information li {
  padding: 0.4rem 1.2rem;
  border-radius: 1.866rem;
  border: 1px solid #142456;
  color: #142456;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  flex: 1 1 auto;
}
.round-information.less-round li {
  padding-top: 0.6rem;
  padding-bottom: 0.5rem;
  border-radius: 0.3rem;
}

.card-box-align .row > *[class*=col] {
  padding: 0.5rem;
  margin-top: 0;
}
.card-box-align .row > *[class*=col] > div, .card-box-align .row > *[class*=col] > a {
  height: 100%;
  border: 1px solid #CFD4E6;
  gap: 1em;
  padding: 2rem;
}
.card-box-align .row > *[class*=col] > a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-box-align .row > *[class*=col] > a.column {
  flex-direction: column;
  align-items: flex-start;
}
.card-box-align .row > *[class*=col] > a > * {
  font-size: 1.0667rem;
  white-space: nowrap;
}
.card-box-align .row > *[class*=col] > a strong {
  color: #142456;
  font-weight: 600;
}
.card-box-align .row > *[class*=col] > a em {
  font-weight: 400;
  font-size: 0.9333rem;
}
.card-box-align .row > *[class*=col] > a > p:first-child {
  font-weight: 600;
}
.card-box-align .row > *[class*=col] > a > p span:not(*[class*=unit]) {
  display: block;
}
.card-box-align .row > *[class*=col] > a.active {
  border: 2px solid #142456;
  color: #142456;
  font-weight: 600;
}
.card-box-align .labeling {
  font-size: 1.3rem;
  font-weight: 600;
  align-content: center;
}
.card-box-align .rank {
  font-size: 2.8rem;
  font-weight: 600;
  color: #142456;
}
.card-box-align .date {
  font-size: 0.933rem;
}
.card-box-align .date span:first-child {
  font-weight: 600;
  color: #99A4AB;
  margin-right: 0.533rem;
}
.card-box-align .bidding-info-box {
  display: flex;
  align-items: center;
  gap: 4rem;
  text-align: center;
  position: relative;
}
.card-box-align .bidding-info-box > div:first-child::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 5.333rem;
  background-color: #CFD4E6;
}

.text-information-box {
  max-height: 16.666rem;
  padding: 2rem;
  font-size: 0.933rem;
  overflow-y: auto;
  border: 1px solid #CFD4E6;
  border-top: 1px solid #142456;
}
.text-information-box .tit {
  font-size: 1.066rem;
  font-weight: 800;
}
.text-information-box .cnt {
  line-height: 1.666rem;
}

.table-top-unit-txt {
  font-size: 0.933rem;
}

.example-box,
.chart-wrap {
  border: 1px solid #CFD4E6;
  padding: 1.333rem;
}

.sub-small-txt li {
  font-size: 0.933rem;
  color: #99A4AB;
  display: flex;
  align-items: center;
  gap: 0.333rem;
}
.sub-small-txt li::before {
  content: "";
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #99A4AB;
  border-radius: 100%;
}
.sub-small-txt li.tit {
  margin-bottom: 0.2666rem;
}
.sub-small-txt li.tit::before {
  display: none;
}

.percent-num-box > *[class*=col] {
  padding: 0.6666rem;
}
.percent-num-box > *[class*=col] > div {
  border: 1px solid #CFD4E6;
  border-top: 1px solid #142456;
  padding: 2rem 1.3333rem;
}
.percent-num-box > *[class*=col] .top-txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.percent-num-box > *[class*=col] .top-txt li:first-child {
  font-size: 1.3333rem;
  font-weight: 800;
}
.percent-num-box > *[class*=col] .top-txt li:last-child {
  font-size: 1.7333rem;
  color: #142456;
}
.percent-num-box > *[class*=col] .top-txt li.num-back-tag.good::after, .percent-num-box > *[class*=col] .top-txt li.num-back-tag.careful::after {
  content: "";
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  border-radius: 1.2rem;
  padding: 0.4rem 0.8rem;
  vertical-align: middle;
  margin-left: 0.5333rem;
  margin-top: -0.2666rem;
}
.percent-num-box > *[class*=col] .top-txt li.num-back-tag.good::after {
  content: "정상";
  color: #00488F;
  background-color: #EBEDF3;
}
.percent-num-box > *[class*=col] .top-txt li.num-back-tag.careful::after {
  content: "주의";
  color: #fff;
  background-color: #FFA448;
}
.percent-num-box > *[class*=col] .bottom-txt li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.percent-num-box > *[class*=col] .bottom-txt li:last-child {
  margin-top: 0.6666rem;
}
.percent-num-box > *[class*=col] .bottom-txt li span {
  font-size: 0.9333rem;
  font-weight: 600;
}
.percent-num-box > *[class*=col] .bottom-txt li span:first-child {
  color: #99A4AB;
}
.percent-num-box > *[class*=col] .bottom-txt li.up span:last-child {
  color: #FFA448;
}
.percent-num-box > *[class*=col] .bottom-txt li.up span:last-child::after {
  content: "";
  display: inline-block;
  width: 0.6666rem;
  height: 0.8rem;
  background: url(/img/common/ico-yellow-arrow.svg) no-repeat center;
  vertical-align: middle;
  margin-left: 0.3333rem;
  margin-top: -0.1333rem;
}
.percent-num-box > *[class*=col] .bottom-txt li.down span:last-child {
  color: #00488F;
}
.percent-num-box > *[class*=col] .bottom-txt li.down span:last-child::after {
  content: "";
  display: inline-block;
  width: 0.6666rem;
  height: 0.8rem;
  background: url(/img/common/ico-blue-arrow.svg) no-repeat center;
  vertical-align: middle;
  margin-left: 0.3333rem;
  margin-top: -0.1333rem;
}

span.up {
  color: #FFA448;
}
span.up::after {
  content: "";
  display: inline-block;
  width: 0.6666rem;
  height: 0.8rem;
  background: url(/img/common/ico-yellow-arrow.svg) no-repeat center;
  vertical-align: middle;
  margin-left: 0.3333rem;
  margin-top: -0.1333rem;
}

span.down {
  color: #00488F;
}
span.down::after {
  content: "";
  display: inline-block;
  width: 0.6666rem;
  height: 0.8rem;
  background: url(/img/common/ico-blue-arrow.svg) no-repeat center;
  vertical-align: middle;
  margin-left: 0.3333rem;
  margin-top: -0.1333rem;
}

.btn-plus {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.6666rem;
  color: #00488F;
  font-size: 1rem;
  font-weight: 600;
}
.btn-plus::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url(/img/common/ico-blue-plus.svg) no-repeat center;
}

.genealogy-box {
  width: 100%;
  background-color: #F4F5F8;
  padding: 3.3333rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.genealogy-box .type {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6.6666rem;
  position: relative;
}
.genealogy-box .type li {
  font-size: 1.0666rem;
  color: #6E7180;
  border-radius: 1.6666rem;
  border: 1px solid #A9B2B8;
  padding: 0.8rem 1.3333rem;
  text-align: center;
  background-color: #fff;
  z-index: 100;
}
.genealogy-box .type::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  border-top: 1px dashed #A9B2B8;
}
.genealogy-box .bottom-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
.genealogy-box .bottom-info > ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4rem;
}
.genealogy-box .bottom-info > ul > li {
  width: 10rem;
  height: 5.3333rem;
  padding: 1rem;
  border-radius: 0.6666rem;
  border: 1px solid #A9B2B8;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 3.1rem;
}
.genealogy-box .bottom-info > ul > li .tit {
  font-size: 0.9333rem;
  margin-bottom: 0.3333rem;
}
.genealogy-box .bottom-info > ul > li .num {
  font-size: 1.2rem;
  color: #142456;
  font-weight: 600;
}
.genealogy-box .bottom-info > ul > li::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 4.6666rem;
  border-left: 1px dashed #A9B2B8;
  top: -4.6666rem;
}

.nav-section {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 3.3333rem;
  z-index: 998;
}
.nav-section li:last-child {
  margin-bottom: 0;
}
.nav-section li a {
  color: #A9B2B8;
  font-size: 0.9333rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.nav-section li a::after {
  content: "";
  display: block;
  width: 1px;
  height: 0.8rem;
  background-color: #A9B2B8;
  margin-left: 1.3333rem;
}
.nav-section li.active a {
  color: #92bcca;
  transition: all 0.3s;
}
.nav-section li.active a::after {
  width: 0.8rem;
  height: 0.8rem;
  background-color: #92bcca;
  border-radius: 100%;
  transform: translateX(50%);
}

.full-page-container .section.firstPage {
  position: relative;
  padding: 0 3.3333rem;
  overflow: hidden;
}
.full-page-container .section.firstPage .bg-img-area {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.full-page-container .section.firstPage .bg-img-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.full-page-container .section.firstPage .big-title-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.full-page-container .section.firstPage .big-title-wrap > div {
  display: flex;
  align-items: center;
}
.full-page-container .section.firstPage .big-title-wrap > div span {
  color: #99A4AB;
  font-weight: 800;
  letter-spacing: -1px;
}
.full-page-container .section.firstPage .big-title-wrap > div:first-child {
  font-size: 2.8rem;
}
.full-page-container .section.firstPage .big-title-wrap > div:last-child {
  font-size: 5.07rem;
}
.full-page-container .section.firstPage .big-title-wrap .change-txt {
  margin-left: 0.25em;
  overflow: hidden;
}
.full-page-container .section.firstPage .big-title-wrap .change-txt span {
  width: 100%;
  height: 100%;
  color: #142456;
}
.full-page-container .section.firstPage .info-link-wrap {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  gap: 3.3333rem;
  padding: 0 16.6666rem;
}
.full-page-container .section.firstPage .info-link-wrap > div {
  width: calc((100% - 13.3333rem) / 5);
  position: relative;
}
.full-page-container .section.firstPage .info-link-wrap > div .front {
  padding-bottom: 3.3333rem;
  cursor: pointer;
}
.full-page-container .section.firstPage .info-link-wrap > div .front::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #A9B2B8;
  margin-bottom: 1.3333rem;
}
.full-page-container .section.firstPage .info-link-wrap > div .behind {
  width: 100%;
  height: 12rem;
  background-color: #fff;
  padding: 1.3rem;
  font-size: 0.94rem;
  border-radius: 0 2.6666rem 0 0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  position: absolute;
  bottom: -12rem;
  transition: all 0.3s;
  z-index: 1;
}
.full-page-container .section.firstPage .info-link-wrap > div .behind p {
  margin-bottom: 2rem;
  line-height: 1.6;
}
.full-page-container .section.firstPage .info-link-wrap > div .behind button {
  position: absolute;
  right: 2rem;
  bottom: 1rem;
  letter-spacing: -1px;
}
.full-page-container .section.firstPage .info-link-wrap > div.active .behind {
  bottom: 0;
}
.full-page-container .section .sub-txt {
  width: 50%;
}
.full-page-container .section .sub-txt .sm-tit {
  font-size: 1.07rem;
  margin-bottom: 2rem;
}
.full-page-container .section .sub-txt .big-tit {
  font-size: 4rem;
  font-weight: 800;
  margin-bottom: 2rem;
  letter-spacing: -0.2rem;
}
.full-page-container .section .sub-txt .txt-p-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-page-container .section .sub-txt .txt-p-btn button {
  width: 3.3333rem;
  height: 3.3333rem;
  border-radius: 100%;
  background-color: #25262B;
  background-image: url(/img/common/ico-white-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s;
}
.full-page-container .section .sub-txt .txt-p-btn button:hover {
  margin-right: -10px;
}
.full-page-container .section.footer {
  height: 250px !important;
  background-color: #142456;
}
.full-page-container .section.footer .fp-tableCell {
  height: 100% !important;
}

.full-page-container .section:not(.footer).fp-section.fp-table {
  height: 100% !important;
}

.full-page-container .section:not(.footer).fp-section.fp-table .fp-tableCell {
  height: 100vh !important;
}

.main-header-wrap {
  background-color: transparent;
  border-bottom: 0;
}

.title-sub-info-box {
  margin-top: 1rem;
}
.title-sub-info-box li {
  margin-bottom: 0.6666rem;
  color: #99A4AB;
}
.title-sub-info-box li:last-child {
  margin-bottom: 0;
}
.title-sub-info-box li span {
  color: #99A4AB;
}
.title-sub-info-box li span b {
  color: #99A4AB;
  margin-right: 0.6666rem;
}

.rank-txt-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.rank-txt-box.type2 {
  justify-content: flex-start;
}
.rank-txt-box.type2 ul li {
  padding: 2rem 3rem;
  border: 1px solid #CFD4E6;
  border-radius: 1.2rem;
}
.rank-txt-box.type2 ul li .big-rank {
  position: relative;
  overflow: hidden;
}
.rank-txt-box.type2 ul li span.date {
  font-size: 1rem;
  margin-left: 1rem;
}
.rank-txt-box.type2 ul li.hide .big-rank::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(15px);
}
.rank-txt-box.type2 ul li.hide .big-rank:after {
  content: attr(data-comment);
  font-size: 0.8667rem;
  line-height: 1.4em;
  white-space: normal;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
}
.rank-txt-box ul {
  display: flex;
  justify-content: flex-end;
  gap: 1.4rem 2.3333rem;
  flex-wrap: wrap;
  white-space: nowrap;
}
.rank-txt-box ul .big-rank {
  font-size: 3rem;
  color: #142456;
}
.rank-txt-box ul .big-rank.sm {
  font-size: 3rem;
}
.rank-txt-box ul li.small .big-rank {
  font-size: 2rem;
  color: #99A4AB;
}
.rank-txt-box .owl-carousel {
  display: flex;
  gap: 0;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}
.rank-txt-box .owl-carousel .owl-stage-outer {
  flex: 1 1 auto;
  width: 100%;
}
.rank-txt-box .owl-carousel .owl-item {
  text-align: right;
}
.rank-txt-box .owl-carousel .owl-nav {
  display: flex;
  justify-content: flex-end;
}
.rank-txt-box .owl-carousel .owl-dots {
  display: none;
}

.item-box.notify-box {
  padding: 2rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5.3333rem;
}

.navy-alert-box {
  width: 100vw;
  flex: 0 0 100vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #142456;
  position: relative;
  top: 0;
  max-height: 0;
  z-index: 900;
  transition: all 1s;
  padding-left: 3rem;
  padding-right: 3rem;
}
.navy-alert-box.active {
  max-height: 200px;
}
.navy-alert-box > div {
  width: 1400px;
  padding: 1.6rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navy-alert-box .tit-txt {
  font-size: 1.3333rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 1.3333rem;
}
.navy-alert-box .tit-txt .colorY {
  font: size 1.5rem;
  color: #EC8F30;
}
.navy-alert-box .ft16 {
  font-size: 1.6rem;
}
.navy-alert-box .report {
  color: #fff;
  opacity: 0.5;
  display: flex;
  align-items: center;
  gap: 0.3333rem;
  margin-bottom: 0.6666rem;
}
.navy-alert-box .report::before {
  content: "";
  display: block;
  width: 1.07rem;
  height: 1.07rem;
  background: url(/img/common/ico-white-exclamation.svg) no-repeat center;
}
.navy-alert-box .x-btn {
  flex: 0 0 2rem;
  height: 2rem;
  border-radius: 100%;
  background-color: #fff;
  background-image: url(/img/common/ico-blue-x.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
.navy-alert-box .btn-no-more {
  color: #a5a5a5;
  border: 1px solid #a5a5a5;
  padding: 0.5rem;
  position: absolute;
  bottom: 15px;
  right: 15px;
}

button.btn-go.white {
  color: #fff;
}
button.btn-go.white::after {
  background-color: #fff;
}

.progress-step-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.progress-step-box > ul {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.progress-step-box > ul li {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6666rem;
  position: relative;
  color: #99A4AB;
  white-space: nowrap;
  text-align: center;
}
.progress-step-box > ul li::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: #EBEDF3;
}

.progress-step-box > ul li::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.5rem;
  transform: translateY(-50%);
  left: 100%;
  width: 100%;
  height: 1px;
  margin-left: -50%;
  background-color: #99A4AB;
  z-index: -1;
}
.progress-step-box > ul li:last-child::after {
  display: none;
}
.progress-step-box > ul li.active, .progress-step-box > ul li.passed {
  color: #142456;
  font-weight: 600;
}
.progress-step-box > ul li.active::before, .progress-step-box > ul li.active::after, .progress-step-box > ul li.passed::before, .progress-step-box > ul li.passed::after {
  background-color: #142456;
}
.progress-step-box > ul li.passed {
  color: #A9B2B8;
}
/*2025-02-06 css 수정 및 추가*/
.progress-step-box > ul li.at-blink::before {
  animation: blink 1.3s forwards infinite ease-in-out;
}

.progress-step-box > ul li.active.last-step-bar::after{
	background-color: #A9B2B8;
}
/*2025-02-06 css 수정 및 추가 끝*/
.company-introduction-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-introduction-wrap .inner {
  margin-top: 115px;
}
.company-introduction-wrap .inner .px-width {
  min-width: 1200px;
}
.company-introduction-wrap .big-txt {
  font-size: 2.8rem;
}
.company-introduction-wrap .big-txt .gray {
  color: #99A4AB;
}
.company-introduction-wrap .big-txt .blue {
  font-weight: 800;
  color: #142456;
}
.company-introduction-wrap .big-txt .black {
  color: #25262B;
}
.company-introduction-wrap .info-txt.left {
  text-align: left;
}
.company-introduction-wrap .info-txt.right {
  text-align: right;
}
.company-introduction-wrap .info-txt .tag-txt {
  font-size: 1.2rem;
  font-weight: 800;
  color: #99A4AB;
}
.company-introduction-wrap .info-txt .tit-txt {
  font-size: 2rem;
  font-weight: 800;
  color: #142456;
}
.company-introduction-wrap .info-txt .cnt-txt {
  font-size: 1.2rem;
}
.company-introduction-wrap .board-tit-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.company-introduction-wrap .board-tit-box .tit {
  font-size: 1.3333rem;
  font-weight: 800;
  color: #99A4AB;
}
.company-introduction-wrap .board-tit-box .data {
  color: #A1A4B3;
}
.company-introduction-wrap .board-wrap .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.4666rem 2rem;
}
.company-introduction-wrap .board-wrap .item span.status {
  flex: 0;
  margin-right: 2rem;
}
.company-introduction-wrap .board-wrap .item span.status.rolling {
  color: #00488F;
}
.company-introduction-wrap .board-wrap .item span.status.end {
  color: #99A4AB;
}
.company-introduction-wrap .board-wrap .item .data-txt {
  font-size: 0.9333rem;
  color: #A1A4B3;
}

.finace-table table {
  border-top: 1px solid #142456;
  border-bottom: 1px solid #142456;
}
.finace-table table .price-box td {
  padding: 2rem;
}
.finace-table table .price-box td:first-child {
  border-right: 1px solid #CFD4E6;
}
.finace-table table .price-box td > div {
  display: inline-block;
}
.finace-table table .price-box .sm-tag {
  text-align: left;
}
.finace-table table .price-box .prcie {
  font-size: 2.8rem;
  color: #142456;
}
.finace-table table .info-box td {
  padding: 1.3333rem;
  background-color: #F5F6FA;
  border-right: 1px solid #CFD4E6;
  font-size: 1.2rem;
  font-weight: 600;
  color: #25262B;
}
.finace-table table .info-box td:last-child {
  border-right: 0;
}
.finace-table table .prcie.arrow-up::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 30px;
  background: url(/img/contents/ico-yellow-arrow.svg) no-repeat center/cover;
  vertical-align: middle;
  margin-left: 10px;
}

.section.ci-05 .info-txt-wrap {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}

.inner-service-introduction-wrap {
  width: 100%;
  padding: 120px 260px;
}
.inner-service-introduction-wrap .title-box {
  margin-bottom: 80px;
}
.inner-service-introduction-wrap .cnt-box {
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.inner-service-introduction-wrap .cnt-box.mg {
  margin: 120px 0;
}
.inner-service-introduction-wrap .info-txt {
  font-size: 1.2rem;
}
.inner-service-introduction-wrap .info-txt.right {
  text-align: right;
}
.inner-service-introduction-wrap .info-txt .tit {
  font-size: 2.4rem;
  font-weight: 800;
  color: #142456;
  margin-bottom: 1.3333rem;
}
.inner-service-introduction-wrap .info-txt .btn-box {
  margin-top: 2rem;
}

.blue-bg-list-wrap {
  padding: 30px;
  background-color: #F2F4FA;
}
.blue-bg-list-wrap.no-bg {
  padding: 0;
  background-color: transparent;
}
.blue-bg-list-wrap li {
  font-size: 1.07rem;
  margin-bottom: 8px;
}
.blue-bg-list-wrap li:last-child {
  margin-bottom: 0;
}
.blue-bg-list-wrap li.dot::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background-color: #25262B;
  vertical-align: middle;
  margin-right: 10px;
}
.blue-bg-list-wrap li.bold-tit {
  font-weight: 1.2rem;
  font-weight: 800;
  color: #142456;
}
.blue-bg-list-wrap li.bold-tit span {
  margin-right: 10px;
}

.black-line-box {
  padding: 30px;
  border: 1px solid #CFD4E6;
  border-left: 2px solid #142456;
  margin-bottom: 20px;
}
.black-line-box:last-child {
  margin-bottom: 0;
}
.black-line-box .tit {
  font-size: 1.2rem;
  font-weight: 800;
  color: #142456;
  margin-bottom: 10px;
}

.black-line-step-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.black-line-step-box li {
  width: calc((100% - 160px) / 5);
  height: 200px;
  border: 1px solid #CFD4E6;
  border-top: 1px solid #142456;
  position: relative;
}
.black-line-step-box li > div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.black-line-step-box li .nm {
  font-size: 1.07rem;
  margin-bottom: 10px;
  color: #99A4AB;
}
.black-line-step-box li .tit {
  font-size: 1.3333rem;
  font-weight: 800;
  color: #142456;
  margin-bottom: 15px;
}
.black-line-step-box li::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 30px;
  background: url(/img/contents/ico-blue-step-arrow.svg) no-repeat center;
  position: absolute;
  right: -26px;
  top: 50%;
  transform: translateY(-50%);
}
.black-line-step-box li:last-child::after {
  display: none;
}

.table-wrap.sev-intr-wrap .checkbox-group {
  display: flex;
  flex-direction: column;
}
.table-wrap.sev-intr-wrap td, .table-wrap.sev-intr-wrap th {
  border: 1px solid #D7D8DB;
}
.table-wrap.sev-intr-wrap td:first-child, .table-wrap.sev-intr-wrap th:first-child {
  border-left: 0;
}
.table-wrap.sev-intr-wrap td:last-child, .table-wrap.sev-intr-wrap th:last-child {
  border-right: 0;
}
.table-wrap.sev-intr-wrap th {
  border-top: 1px solid #142456;
}
.table-wrap.sev-intr-wrap td.left {
  text-align: left;
}
.table-wrap.sev-intr-wrap td.right {
  text-align: right;
}
.table-wrap.sev-intr-wrap td.center {
  text-align: center;
}

td.discount {
  background-color: #F2F4FA;
}
td.discount dl {
  display: grid;
  gap: 0.6rem;
  grid-template-columns: 100px 100px 100px 100px;
}
td.discount dl dd {
  font-size: 1.2rem;
  font-weight: 800;
  color: #EC8F30;
}/*# sourceMappingURL=pyh.css.map */