@charset "UTF-8";
/* 프린트할 때만 적용되는 스타일 */
@media print {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  #header,
  .lnb,
  #footer,
  .sub-visual {
    display: none !important;
  }
  /* 본문 영역만 남기고, 인쇄 페이지의 너비를 100%로 설정 (선택 사항) */
  body {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html, body {
    font-size: 40% !important;
  }
  /* 본문 컨테이너가 숨겨진 영역 때문에 왼쪽으로 밀리지 않도록 조정 (선택 사항) */
  #container {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-top: 0 !important;
  }
}
/* -------------------------------------------------------------- */
/* 서브공통 */
/* -------------------------------------------------------------- */
.sub-visual {
  width: 100%;
  height: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .sub-visual {
    height: 12rem;
  }
}
.sub-visual:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: rgba(46, 94, 141, 0.4);
}
.sub-visual .visual-tit {
  display: block;
  color: #FFF;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  word-break: keep-all;
  line-height: 1.4;
  position: relative;
  z-index: 5;
  transform: translateY(1rem);
  opacity: 0;
  animation: moveTop 0.65s 0.05s ease-in-out forwards;
}
@media screen and (max-width: 1170px) {
  .sub-visual .visual-tit {
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .sub-visual .visual-tit {
    font-size: 2rem;
  }
}
.sub-visual .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  animation: bgZoom 1.5s cubic-bezier(0, 0, 0.2, 1) forwards;
}

@keyframes bgZoom {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) scale(1.05);
  }
}
@keyframes moveTop {
  0% {
    transform: translateY(0.8rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.sub-visual01 .bg {
  background: url("../img/sub/top_visual01.png") no-repeat center;
  background-size: cover;
}

/* -------------------------------------------------------------- */
/* 서브 공통 상단 */
/* -------------------------------------------------------------- */
.root-area .direct-link {
  color: #8E8E8E;
  font-size: 1.6rem;
  text-decoration: underline;
  text-underline-offset: 3px;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .root-area .direct-link {
    font-size: 1.2rem;
  }
}
.root-area .direct-link:before {
  content: "";
  background: url("../img/common/arr_gray.png") no-repeat left center;
  background-size: contain;
  width: 0.5rem;
  height: 1rem;
  display: inline-block;
  margin: 0 1.2rem;
}
@media screen and (max-width: 767px) {
  .root-area .direct-link:before {
    width: 0.4rem;
    height: 0.7rem;
    margin: 0 0.8rem;
    background-size: contain;
  }
}
.root-area .direct-link.home {
  padding-left: 2.2rem;
  background: url("../img/common/ico_home_gray.png") no-repeat left center;
  background-size: 1.6rem auto;
}
.root-area .direct-link.home:before {
  display: none;
}
@media screen and (max-width: 767px) {
  .root-area .direct-link.home {
    padding-left: 1.8rem;
    background-size: 1.4rem auto;
  }
}

.sub-tit-area {
  padding: 2rem 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #C0C0C0;
}
@media screen and (max-width: 767px) {
  .sub-tit-area {
    padding: 1.5rem 0;
  }
}
.sub-tit-area .sub-tit {
  display: block;
  color: #1d1d1d;
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .sub-tit-area .sub-tit {
    font-size: 2.2rem;
  }
}
.sub-tit-area .sub-btn-wrap {
  display: flex;
  margin-left: 1rem;
}
.sub-tit-area .sub-btn-wrap .ico,
.sub-tit-area .sub-btn-wrap .share-box {
  margin-left: 1rem;
}
@media screen and (max-width: 767px) {
  .sub-tit-area .sub-btn-wrap .ico,
  .sub-tit-area .sub-btn-wrap .share-box {
    margin-left: 0.6rem;
  }
}
.sub-tit-area .sub-btn-wrap .ico:nth-child(1),
.sub-tit-area .sub-btn-wrap .share-box:nth-child(1) {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .sub-tit-area .sub-btn-wrap .ico {
    display: none;
  }
}
.sub-tit-area .share-box {
  position: relative;
}
.sub-tit-area .share-box.open .sns-wrap {
  display: block;
}
.sub-tit-area .share-box .sns-wrap {
  border: 1px solid var(--color-border3);
  border-radius: 8px;
  position: absolute;
  left: 50%;
  top: 4.2rem;
  transform: translateX(-50%);
  background: #fff;
  display: none;
}
@media screen and (max-width: 767px) {
  .sub-tit-area .share-box .sns-wrap {
    top: 3.2rem;
    border-radius: 6px;
    position: initial;
    display: flex;
    transform: translateX(0);
    border: none;
  }
}
.sub-tit-area .share-box .sns-wrap li {
  width: 3.6rem;
  height: 3.6rem;
}
@media screen and (max-width: 767px) {
  .sub-tit-area .share-box .sns-wrap li {
    width: 3rem;
    height: 3rem;
    overflow: hidden;
  }
}
.sub-tit-area .share-box .sns-wrap li .sns_facebook {
  width: 100%;
  height: 100%;
  background: url("../img/sub/ico_sns01.png") no-repeat center;
  background-size: auto;
}
@media screen and (max-width: 767px) {
  .sub-tit-area .share-box .sns-wrap li .sns_facebook {
    background-size: 1.8rem auto;
    border: 1px solid var(--color-border3);
    border-radius: 6px;
    width: 3rem;
    height: 3rem;
  }
}
.sub-tit-area .share-box .sns-wrap li .sns_tweeter {
  width: 100%;
  height: 100%;
  background: url("../img/sub/ico_sns02.png") no-repeat center;
  background-size: auto;
}
@media screen and (max-width: 767px) {
  .sub-tit-area .share-box .sns-wrap li .sns_tweeter {
    background-size: 1.3rem auto;
    border: 1px solid var(--color-border3);
    border-radius: 6px;
    width: 3rem;
    height: 3rem;
  }
}
.sub-tit-area .share-box .sns-wrap li:nth-of-type(2) {
  border-top: 1px solid var(--color-border3);
}
@media screen and (max-width: 767px) {
  .sub-tit-area .share-box .sns-wrap li:nth-of-type(2) {
    margin-left: 0.6rem;
    border-top: none;
  }
}

.page-tit-warp {
  width: 100%;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .page-tit-warp {
    margin-bottom: 3.5rem;
  }
}
.page-tit-warp .page-tit {
  color: #1d1d1d;
  font-size: 3.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.68px;
  display: block;
}
@media screen and (max-width: 767px) {
  .page-tit-warp .page-tit {
    font-size: 2.6rem;
  }
}

/* -------------------------------------------------------------- */
/* 공통 타이틀 */
/* -------------------------------------------------------------- */
.sub-tit-wrap .sub-tit.required:after {
  content: "*";
  color: var(--color-red);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.04em;
  margin-left: 0.3rem;
}
.sub-tit-wrap.v1 {
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v1 {
    margin-bottom: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v1:has(+ .common-contents) {
    margin-bottom: 1.2rem;
  }
}
.sub-tit-wrap.v1 .tit-wrap .sub-tit {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v1 .tit-wrap .sub-tit {
    font-size: 2rem;
  }
}
.sub-tit-wrap.v1 .tit-wrap .sub-tit:before {
  content: "";
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  background: url("../img/sub/tit_v1_bg.png") no-repeat center;
  background-size: cover;
  margin-right: 1rem;
  flex: none;
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v1 .tit-wrap .sub-tit:before {
    width: 2rem;
    height: 2rem;
    margin-right: 0.8rem;
  }
}
.sub-tit-wrap.v1:has(.score-page__unit, .exel-down) {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v1:has(.score-page__unit, .exel-down) {
    flex-direction: column;
    align-items: flex-start;
  }
}
.sub-tit-wrap.v1:has(.score-page__unit, .exel-down) .right-area {
  margin-left: auto;
  margin-top: 1.6rem;
}
.sub-tit-wrap.v2 {
  margin-bottom: 1.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v2 {
    margin-bottom: 1.2rem;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
  }
}
.sub-tit-wrap.v2 .tit-wrap {
  display: flex;
  align-items: center;
  flex: none;
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v2 .tit-wrap {
    flex-wrap: wrap;
  }
}
.sub-tit-wrap.v2 .tit-wrap .sub-tit {
  color: var(--color-primary-blue);
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v2 .tit-wrap .sub-tit {
    font-size: 2rem;
  }
}
.sub-tit-wrap.v2 .tit-wrap .sub-txt {
  color: #888;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.04em;
  word-break: keep-all;
  margin-left: 1.2rem;
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v2 .tit-wrap .sub-txt {
    width: 100%;
    margin-left: 0;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v2 .link-area {
    width: 100%;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v2 .link-area .direct-link {
    justify-content: flex-end;
  }
}
.sub-tit-wrap.v3 {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v3 {
    margin-bottom: 3.5rem;
  }
}
.sub-tit-wrap.v3 .tit-wrap .sub-tit {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v3 .tit-wrap .sub-tit {
    font-size: 2.4rem;
  }
}
.sub-tit-wrap.v3 .tit-wrap .sub-tit:before {
  content: "";
  width: 0.4rem;
  height: 2.6rem;
  display: inline-block;
  background: linear-gradient(135deg, #30689F 24.83%, #1D7474 75.17%);
  margin-right: 1rem;
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v3 .tit-wrap .sub-tit:before {
    width: 0.3rem;
    height: 2.2rem;
    margin-right: 0.8rem;
  }
}
.sub-tit-wrap.v4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-bottom: 1.4rem;
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v4 {
    align-items: flex-end;
    display: block;
  }
}
.sub-tit-wrap.v4:before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: var(--color-primary-blue);
}
.sub-tit-wrap.v4 .tit-wrap {
  display: flex;
  align-items: center;
  flex: none;
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v4 .tit-wrap {
    display: block;
  }
}
.sub-tit-wrap.v4 .tit-wrap .sub-tit {
  color: var(--color-primary-blue);
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -0.04em;
  display: block;
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v4 .tit-wrap .sub-tit {
    font-size: 2rem;
  }
}
.sub-tit-wrap.v4 .tit-wrap .sub-txt {
  margin-left: 2rem;
  display: block;
}
.sub-tit-wrap.v4 .tit-wrap .sub-txt.gray {
  color: #707070;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .sub-tit-wrap.v4 .tit-wrap .sub-txt.gray {
    margin-left: 0;
    margin-top: 0.8rem;
  }
}
.sub-tit-wrap.v4 .link-area .direct-link {
  text-decoration: none;
}
.sub-tit-wrap.v4 .indicator {
  color: #707070;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
}
.sub-tit-wrap.v4 .indicator b {
  color: #222;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02em;
}
.sub-tit-wrap.v5 .tit-wrap .sub-tit {
  color: #333;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: normal;
}

/* -------------------------------------------------------------- */
/* step */
/* -------------------------------------------------------------- */
.page-tit-warp:has(+ .step-wrap) {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1023px) {
  .page-tit-warp:has(+ .step-wrap) {
    display: block;
  }
}

.page-tit-warp:has(.step-wrap) {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1023px) {
  .page-tit-warp:has(.step-wrap) {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .page-tit-warp:has(.step-wrap) {
    margin-bottom: 1.5rem;
  }
}

/* 스텝이 7개 이상 */
.step-wrap:has(.step-list .step:nth-last-child(7)) .step-list {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.step-wrap:has(.step-list .step:nth-last-child(7)) .step-list .step {
  flex: 1 0 auto;
  margin-right: 0;
}
.step-wrap:has(.step-list .step:nth-last-child(7)) .step-list .step:last-of-type {
  padding-right: 0;
}
.step-wrap:has(.step-list .step:nth-last-child(7)) .step-list .step .step-txt:after {
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .step-wrap:has(.step-list .step:nth-last-child(7)) .step-list .step {
    min-width: auto;
  }
}
@media screen and (max-width: 767px) {
  .step-wrap:has(.step-list .step:nth-last-child(7)) .step-list {
    justify-content: center;
  }
  .step-wrap:has(.step-list .step:nth-last-child(7)) .step-list .step {
    width: 8.5rem !important;
    flex: 0 0 auto;
  }
}

.step-wrap:has(.step-list .step:nth-last-child(8)) .step-list {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.step-wrap:has(.step-list .step:nth-last-child(8)) .step-list .step {
  flex: 1 0 calc(12.5% - 1rem);
  margin-right: 0;
}
.step-wrap:has(.step-list .step:nth-last-child(8)) .step-list .step:last-of-type {
  padding-right: 0;
}
.step-wrap:has(.step-list .step:nth-last-child(8)) .step-list .step .step-txt:after {
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .step-wrap:has(.step-list .step:nth-last-child(8)) .step-list .step {
    min-width: auto;
  }
}
@media screen and (max-width: 767px) {
  .step-wrap:has(.step-list .step:nth-last-child(8)) .step-list {
    justify-content: center;
  }
  .step-wrap:has(.step-list .step:nth-last-child(8)) .step-list .step {
    width: 8.5rem !important;
    flex: 0 0 auto;
  }
}

.step-wrap {
  margin-bottom: 4rem;
}
.step-wrap.left .step-list {
  justify-content: space-between;
}
.step-wrap .step-list {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
  margin-top: -3rem;
}
@media screen and (max-width: 1023px) {
  .step-wrap .step-list .step {
    flex-direction: column;
    position: relative;
    padding-right: 3.6rem;
    margin-right: 1rem;
    min-width: 11rem;
    justify-content: center;
  }
  .step-wrap .step-list .step .step-txt {
    margin-top: 1rem;
    margin-left: 0;
    text-align: center;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .step-wrap .step-list {
    justify-content: center;
    flex-wrap: wrap;
  }
  .step-wrap .step-list .step {
    padding-right: 2rem;
    margin-right: 1rem;
    min-width: auto;
    margin-top: 0.5rem;
    padding-top: 2.5rem;
    width: 10rem;
  }
}
.step-wrap .step-list .step {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 2.5rem;
  margin-top: 1rem;
  position: relative;
}
.step-wrap .step-list .step:last-of-type .step-txt:after {
  display: none;
}
.step-wrap .step-list .step .num-wrap {
  display: flex;
  align-items: center;
}
.step-wrap .step-list .step .num-wrap .num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50px;
  background: #EDEDED;
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .step-wrap .step-list .step .num-wrap .num {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.4rem;
  }
}
.step-wrap .step-list .step .step-txt {
  color: #B0B0B0;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.04em;
  display: flex;
  align-items: center;
  margin-left: 1.2rem;
  min-width: 0;
  white-space: normal;
  flex: 1 0;
}
@media screen and (max-width: 1023px) {
  .step-wrap .step-list .step .step-txt {
    margin-top: 1rem;
    margin-left: 0;
    text-align: center;
    display: block;
  }
}
.step-wrap .step-list .step .step-txt:after {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1px;
  background: var(--color-border);
  margin: 0 2rem;
}
@media screen and (max-width: 1023px) {
  .step-wrap .step-list .step .step-txt:after {
    position: absolute;
    right: 0;
    top: 65%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .step-wrap .step-list .step .step-txt:after {
    width: 1rem;
  }
}
.step-wrap .step-list .step.complete {
  opacity: 0.6;
}
.step-wrap .step-list .step.complete .num-wrap .num {
  background: linear-gradient(108deg, #0E457B 0%, #075D5D 100%);
}
.step-wrap .step-list .step.complete .step-txt {
  color: var(--color-primary-blue);
  font-weight: 600;
}
.step-wrap .step-list .step.active .num-wrap:before {
  background: var(--color-primary-blue);
}
.step-wrap .step-list .step.active .num-wrap .num {
  background: linear-gradient(108deg, #0E457B 0%, #075D5D 100%);
  animation: pulseShadow 1.3s ease-in-out infinite;
}
.step-wrap .step-list .step.active .step-txt {
  color: var(--color-primary-blue);
  font-weight: 700;
}
.step-wrap .step-list .step.error:after {
  content: "";
  width: 2rem;
  height: 1.8rem;
  position: absolute;
  left: 0.8rem;
  top: 0;
  background: url("../img/common/ico_error.png") no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 1023px) {
  .step-wrap .step-list .step.error:after {
    left: 50%;
    transform: translateX(-50%);
    margin-left: -1.7rem;
  }
}
@media screen and (max-width: 767px) {
  .step-wrap .step-list .step.error:after {
    width: 1.8rem;
    height: 1.6rem;
    margin-left: -1rem;
  }
}
.step-wrap .step-list .step.error .num-wrap .num {
  animation: errorShadow 1.3s ease-in-out infinite;
}

@keyframes pulseShadow {
  0% {
    box-shadow: 0 0 4px 3px rgba(14, 69, 123, 0.2);
  }
  50% {
    box-shadow: 0 0 7px 4px rgba(14, 69, 123, 0.5);
  }
  100% {
    box-shadow: 0 0 4px 3px rgba(14, 69, 123, 0.2);
  }
}
@keyframes errorShadow {
  0% {
    box-shadow: 0 0 4px 3px rgba(232, 26, 26, 0.5);
  }
  50% {
    box-shadow: 0 0 7px 4px rgba(232, 26, 26, 0.7);
  }
  100% {
    box-shadow: 0 0 4px 3px rgba(232, 26, 26, 0.5);
  }
}
.step-wrap2 {
  margin-bottom: 5rem;
}
.step-wrap2 .step-list {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .step-wrap2 .step-list {
    display: block;
  }
}
.step-wrap2 .step-list .step {
  display: flex;
  align-items: center;
  min-width: 0;
  word-break: break-all;
  width: calc(25% + 1rem);
  flex: 1 0 auto;
}
.step-wrap2 .step-list .step:nth-child(4) {
  width: calc(25% - 3rem);
}
@media screen and (max-width: 767px) {
  .step-wrap2 .step-list .step:nth-child(4) {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .step-wrap2 .step-list .step {
    width: 100%;
    display: block;
    text-align: center;
  }
}
.step-wrap2 .step-list .step .step-inner {
  padding: 1rem;
  border-radius: 60px;
  background: #EDEDED;
  display: flex;
  align-items: center;
  width: calc(100% - 2.2rem);
}
@media screen and (max-width: 1023px) {
  .step-wrap2 .step-list .step .step-inner {
    display: block;
    text-align: center;
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .step-wrap2 .step-list .step .step-inner {
    border-radius: 60px;
    padding: 0.8rem;
    display: flex;
    align-items: center;
    width: 100%;
  }
}
.step-wrap2 .step-list .step .step-inner .num {
  color: #909090;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  border-radius: 50%;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 3.6rem;
  height: 3.6rem;
  margin-right: 1.2rem;
}
@media screen and (max-width: 1023px) {
  .step-wrap2 .step-list .step .step-inner .num {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .step-wrap2 .step-list .step .step-inner .num {
    width: 3rem;
    height: 3rem;
    font-size: 1.4rem;
    margin: 0;
  }
}
.step-wrap2 .step-list .step .step-inner .step-txt {
  color: #909090;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.04em;
  display: block;
  word-break: break-all;
}
@media screen and (max-width: 1023px) {
  .step-wrap2 .step-list .step .step-inner .step-txt {
    text-align: center;
    margin-top: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .step-wrap2 .step-list .step .step-inner .step-txt {
    flex: 1 0;
    margin-top: 0;
  }
}
.step-wrap2 .step-list .step.complete .step-inner {
  opacity: 0.6;
  background: linear-gradient(103deg, #0E457B 9.89%, #075D5D 90.9%);
  box-shadow: 0 0 8px 0 rgba(14, 69, 123, 0.4);
}
.step-wrap2 .step-list .step.complete .step-inner .num {
  color: var(--color-primary-blue);
  box-shadow: 0 0 4px 3px rgba(14, 69, 123, 0.2);
}
.step-wrap2 .step-list .step.complete .step-inner .step-txt {
  color: #fff;
}
.step-wrap2 .step-list .step.active .step-inner {
  background: linear-gradient(103deg, #0E457B 9.89%, #075D5D 90.9%);
  box-shadow: 0 0 8px 0 rgba(14, 69, 123, 0.4);
}
.step-wrap2 .step-list .step.active .step-inner .num {
  color: var(--color-primary-blue);
  box-shadow: 0 0 4px 3px rgba(14, 69, 123, 0.2);
}
.step-wrap2 .step-list .step.active .step-inner .step-txt {
  color: #fff;
}
.step-wrap2 .step-list .step:after {
  content: "";
  display: inline-block;
  width: 2.2rem;
  height: 1px;
  background: #C0C0C0;
  margin: 0 2rem;
  flex: none;
}
@media screen and (max-width: 767px) {
  .step-wrap2 .step-list .step:after {
    width: 1px;
    height: 0.8rem;
    margin: 0.8rem auto;
  }
}
.step-wrap2 .step-list .step:last-of-type:after {
  display: none;
}

/* 스텝 공지사항 */
.step-notice-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .step-notice-wrap:has(.direct-link) {
    display: block;
  }
}
.step-notice-wrap .left {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .step-notice-wrap .left {
    display: block;
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .step-notice-wrap .right {
    margin-top: 1.2rem;
    margin-left: 11rem;
  }
}
@media screen and (max-width: 767px) {
  .step-notice-wrap .right {
    display: flex;
    justify-content: center;
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .step-notice-wrap .right .direct-link {
    padding: 0 1.4rem;
    height: 4.4rem;
    display: inline-flex;
  }
}
@media screen and (max-width: 767px) {
  .step-notice-wrap .right .direct-link {
    height: 4rem;
  }
}
.step-notice-wrap .step-ico {
  width: 8rem;
  height: 8rem;
  display: inline-block;
  flex: none;
}
@media screen and (max-width: 767px) {
  .step-notice-wrap .step-ico {
    margin: 0 auto;
    width: 10rem;
    height: 10rem;
  }
}
.step-notice-wrap .step-ico.step-ico1 {
  background: url("../img/sub/step_ico01.png") no-repeat center;
  background-size: cover;
}
.step-notice-wrap .step-ico.step-ico2 {
  background: url("../img/sub/step_ico02.png") no-repeat center;
  background-size: cover;
}
.step-notice-wrap .step-ico.step-ico3 {
  background: url("../img/sub/step_ico03.png") no-repeat center;
  background-size: cover;
}
.step-notice-wrap .step-ico.step-ico4 {
  background: url("../img/sub/step_ico04.png") no-repeat center;
  background-size: cover;
}
.step-notice-wrap .step-ico.step-ico7 {
  background: url("../img/sub/step_ico07.png") no-repeat center;
  background-size: cover;
}
.step-notice-wrap .step-txt-wrap {
  margin-left: 3rem;
}
@media screen and (max-width: 767px) {
  .step-notice-wrap .step-txt-wrap {
    margin-left: 0;
    margin-top: 2rem;
  }
}
.step-notice-wrap .step-txt-wrap .step-notice-tit {
  color: var(--color-primary-green);
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .step-notice-wrap .step-txt-wrap .step-notice-tit {
    font-size: 1.8rem;
    text-align: center;
  }
}
.step-notice-wrap .step-txt-wrap .step-notice-txt {
  color: #333;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  display: block;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .step-notice-wrap .step-txt-wrap .step-notice-txt {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
}
.step-notice-wrap .step-txt-wrap .step-notice-txt2 {
  color: #888;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  display: block;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .step-notice-wrap .step-txt-wrap .step-notice-txt2 {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
}
.step-notice-wrap .step-txt-wrap .step-notice-red {
  display: block;
  margin-top: 1.2rem;
  color: var(--color-red);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .step-notice-wrap .step-txt-wrap .step-notice-red {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.4rem;
    margin-top: 1.4rem;
  }
}
.step-notice-wrap .step-txt-wrap .step-notice-red .ico {
  margin-right: 0.3rem;
}
@media screen and (max-width: 767px) {
  .step-notice-wrap .step-txt-wrap .step-notice-red .ico {
    margin-right: 0;
    margin-bottom: 0.6rem;
  }
}

/* -------------------------------------------------------------- */
/* 공통 검색 박스 */
/* -------------------------------------------------------------- */
.search-box {
  padding: 4rem;
  border-radius: 10px;
  background: #F8F8F8;
}
@media screen and (max-width: 1023px) {
  .search-box {
    padding: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .search-box {
    padding: 2rem;
  }
}
.search-box .search-box-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.search-box .search-box-wrap.center {
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .search-box .search-box-wrap {
    flex-wrap: wrap;
    gap: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .search-box .search-box-wrap {
    gap: 0;
  }
  .search-box .search-box-wrap > * + * {
    margin-top: 1rem;
  }
}
.search-box .search-line {
  display: flex;
  align-items: center;
  flex: 1 0;
}
@media screen and (max-width: 1023px) {
  .search-box .search-line {
    margin-top: 1rem;
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .search-box .search-line {
    flex-wrap: wrap;
  }
}
.search-box .search-line > *:nth-of-type(1) {
  margin-left: 0;
}
.search-box .search-line > * + * {
  margin-left: 1.5rem;
}
@media screen and (max-width: 1023px) {
  .search-box .search-line > * + * {
    margin-left: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .search-box .search-line > * + * {
    margin-left: 0;
    margin-top: 1rem;
  }
}
.search-box .custom-select {
  flex: none;
}
@media screen and (max-width: 1023px) {
  .search-box .custom-select {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .search-box .custom-select {
    width: 100% !important;
    flex: none;
  }
}
.search-box .custom-select .selected-toggle-btn {
  border-radius: 8px;
  border: 1px solid var(--color-border);
}
.search-box .datepicker-wrap {
  min-width: 30rem;
  width: 100%;
  flex: 1 0;
}
@media screen and (max-width: 1023px) {
  .search-box .datepicker-wrap {
    min-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .search-box .datepicker-wrap {
    width: 100% !important;
  }
}
.search-box .datepicker-wrap .jq-datepicker {
  border-radius: 8px;
  border: 1px solid var(--color-border);
}
.search-box .search-input {
  display: flex;
  min-width: 30rem;
  flex: 1 0;
  height: 48px;
  padding-left: 12px;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--color-border);
  background: #FFF;
}
@media screen and (max-width: 1023px) {
  .search-box .search-input {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .search-box .search-input {
    height: 4.4rem;
    min-width: 100%;
  }
}
.search-box .search-input:has(input[type=text]:focus-visible) {
  border: 1px solid var(--color-primary-blue);
}
.search-box .search-input input[type=text] {
  border: none;
  width: calc(100% - 6rem);
  min-width: 16rem;
  padding: 0;
}
.search-box .search-input input[type=text]:focus-visible {
  outline: none;
}
@media screen and (max-width: 767px) {
  .search-box .search-input input[type=text]::placeholder {
    font-size: 1.5rem;
  }
}
.search-box .search-input .search-btn {
  border-radius: 0 8px 8px 0;
  background: linear-gradient(108deg, #0E457B 0%, #075D5D 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.8rem;
  height: 4.8rem;
  flex: none;
}
@media screen and (max-width: 767px) {
  .search-box .search-input .search-btn {
    width: 4.4rem;
    height: 4.4rem;
  }
}
.search-box .search-input .search-btn .search {
  width: 1.8rem;
  height: 1.8rem;
  background: url("../img/common/ico_search_wh.png") no-repeat center;
  background-size: cover;
}

/* -------------------------------------------------------------- */
/* 테이블 */
/* -------------------------------------------------------------- */
.table-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .table-top {
    margin-top: 3.5rem;
    /*flex-direction: column;
    align-items: flex-start;*/
    flex-wrap: wrap;
    align-items: center;
  }
}
.table-top .table-info {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .table-top .table-info {
    font-size: 1.6rem;
    margin-top: 1.2rem;
  }
}
.table-top .table-info .info-dash {
  display: inline-block;
  width: 2px;
  height: 14px;
  background: #888;
  margin: 0 1rem;
}
@media screen and (max-width: 767px) {
  .table-top .table-info .info-dash {
    margin: 0 0.8rem;
  }
}
.table-top .table-info .table-info-txt {
  font-weight: 400;
  margin-left: 0.5rem;
}
.table-top .table-info .table-info-txt .txt-blue {
  font-weight: 500;
}
.table-top .table-info:has(.sub-info-txt) .sub-info-txt {
  margin-left: 1.6rem;
}
@media screen and (max-width: 767px) {
  .table-top .table-info:has(.sub-info-txt) .sub-info-txt {
    width: 100%;
    display: block;
    margin-left: 0;
    margin-top: 0.6rem;
  }
}
.table-top .table-control {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .table-top .table-control {
    margin-top: 1.2rem;
  }
}
.table-top .table-control .list-count {
  display: flex;
  align-items: center;
}
.table-top .table-control .list-count .list-count-tit {
  margin-right: 1.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04em;
}
.table-top .table-control .list-count .custom-select .selected-toggle-btn {
  height: 4rem;
}
.table-top .table-control .list-count .custom-select .selected-txt {
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .table-top .table-control:has(.submit-btn) {
    margin-left: auto;
    /*width: 100%;*/
    /*.btn-wrap {
      width: 100%;

      .btn {
        width: auto;
      }
    }*/
  }
}
.table-top .sort-btn-area {
  margin-left: 2rem;
  display: flex;
}
@media screen and (max-width: 767px) {
  .table-top .sort-btn-area {
    margin-left: 0;
  }
}
.table-top .sort-btn-area .btn {
  display: flex;
  width: 9rem;
  height: 4rem;
  padding: 0 1.5rem;
  justify-content: center;
  align-items: center;
  color: #555;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 1.53;
  border-radius: 8px;
  border: 1px solid #C0C0C0;
}
@media screen and (max-width: 767px) {
  .table-top .sort-btn-area .btn {
    width: 7.8rem;
    height: 3.2rem;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.53;
    letter-spacing: -0.05em;
  }
}
.table-top .sort-btn-area .btn.active {
  border: 1px solid var(--color-primary-blue);
  background: var(--color-primary-blue);
  color: #fff;
  font-weight: 500;
}
.table-top .sort-btn-area .btn + .btn {
  margin-left: 1rem;
}
@media screen and (max-width: 767px) {
  .table-top .sort-btn-area .btn + .btn {
    margin-left: 0.8rem;
  }
}

/* 테이블 */
.tb-wrap.v1 {
  margin-top: 1.6rem;
  position: relative;
}
.tb-wrap.v1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 1;
  background: linear-gradient(to right, #0E457B 0%, #075D5D 100%);
}
.tb-wrap.v1 th,
.tb-wrap.v1 td {
  vertical-align: middle;
  text-align: center;
  padding: 1rem;
  word-break: break-all;
}
.tb-wrap.v1 th {
  height: 5.5rem;
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .tb-wrap.v1 th {
    height: 5rem;
    font-size: 1.5rem;
    word-break: keep-all;
  }
}
.tb-wrap.v1 td {
  height: 6rem;
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .tb-wrap.v1 td {
    height: 5.5rem;
    font-size: 1.5rem;
  }
}
.tb-wrap.v1 td:has(.btn) {
  padding: 0;
}
.tb-wrap.v1 thead {
  background: var(--color-bg-blue);
}
.tb-wrap.v1 tbody tr {
  border-bottom: 1px solid var(--color-border2);
}
.tb-wrap.v1 .tb-basic {
  font-weight: 400;
  letter-spacing: -0.04em;
}
.tb-wrap.v1 .tb-tit {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .tb-wrap.v1 .tb-tit {
    /*display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    */
    display: block;
    -webkit-line-clamp: initial;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
}
.tb-wrap.v1 .tb-tit:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.tb-wrap.v1 .tb-tit .ico.pinned {
  display: none;
}
@media screen and (max-width: 767px) {
  .tb-wrap.v1 .tb-tit .ico.pinned {
    display: inline-block;
    margin-right: 0.8rem;
  }
}
.tb-wrap.v1 .tb-link {
  text-decoration: underline;
  text-underline-offset: 2px;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .tb-wrap.v1 .tb-link {
    font-size: 1.5rem;
  }
}
.tb-wrap.v1 .btn {
  margin: 0 auto;
}
.tb-wrap.v1 .btn.md {
  min-width: 10rem;
}
@media screen and (max-width: 767px) {
  .tb-wrap.v1 .btn.md {
    min-width: auto;
    padding: 0 1.6rem;
  }
}
.tb-wrap.v2 {
  margin-top: 1.4rem;
  position: relative;
}
.tb-wrap.v2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 1;
  background: var(--color-primary-blue);
}
.tb-wrap.v2 table {
  background: rgba(246, 248, 252, 0.4);
}
.tb-wrap.v2 th,
.tb-wrap.v2 td {
  vertical-align: middle;
  text-align: center;
  padding: 1rem;
  word-break: break-all;
}
.tb-wrap.v2 th {
  height: 5.5rem;
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: -0.04em;
  background: var(--color-bg-blue);
}
@media screen and (max-width: 767px) {
  .tb-wrap.v2 th {
    height: 5rem;
    font-size: 1.5rem;
    word-break: keep-all;
  }
}
.tb-wrap.v2 td {
  height: 6rem;
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .tb-wrap.v2 td {
    height: 5.5rem;
    font-size: 1.5rem;
  }
}
.tb-wrap.v2 td:has(.btn) {
  padding: 0;
}
.tb-wrap.v2 thead {
  background: var(--color-bg-blue);
}
.tb-wrap.v2 tbody tr {
  border-bottom: 1px solid var(--color-border2);
}
.tb-wrap.v3 {
  padding: 1.6rem 2rem;
  border-radius: 8px;
  background: #FAFAFA;
}
.tb-wrap.v3 table {
  table-layout: fixed;
}
.tb-wrap.v3 table th,
.tb-wrap.v3 table td {
  vertical-align: middle;
  height: 5.5rem;
  padding: 1rem 1rem;
  border-right: 1px solid var(--color-border2);
  color: #222;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .tb-wrap.v3 table th,
  .tb-wrap.v3 table td {
    font-size: 1.5rem;
    height: 5rem;
  }
}
.tb-wrap.v3 table th:last-child,
.tb-wrap.v3 table td:last-child {
  border-right: none;
}
.tb-wrap.v3 table thead {
  border-bottom: 1px solid var(--color-border2);
}
.tb-wrap.v3 table thead tr {
  background: var(--color-bg-blue);
}
.tb-wrap.v3 table tbody {
  background: rgba(246, 248, 252, 0.4);
}
.tb-wrap.v3 table tbody tr {
  border-bottom: 1px solid var(--color-border2);
}
.tb-wrap.v3 table tbody tr.double-border {
  border-top: 3px double var(--color-border2);
}
.tb-wrap.v3 table td .check {
  margin: 0 auto;
}
.tb-wrap.v3 table .double-border-left {
  border-left: 3px double var(--color-border2);
}
.tb-wrap.v4 {
  border-top: 2px solid var(--color-primary-blue);
}
.tb-wrap.v4 table {
  background: rgba(246, 248, 252, 0.6);
}
.tb-wrap.v4 table tr {
  height: 4rem;
}
.tb-wrap.v4 table tr td,
.tb-wrap.v4 table tr th {
  padding: 1rem;
  border-bottom: 1px solid #EAEAEA;
  text-align: center;
  color: #222;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .tb-wrap.v4 table tr td,
  .tb-wrap.v4 table tr th {
    font-size: 1.5rem;
  }
}
.tb-wrap.v4 table .tb-tit {
  text-align: left;
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tb-wrap.v5 {
  border-top: 2px solid var(--color-primary-blue);
}
.tb-wrap.v5 table tr {
  height: 6rem;
  border-bottom: 1px solid #EAEAEA;
}
.tb-wrap.v5 table tr td,
.tb-wrap.v5 table tr th {
  word-break: break-all;
  vertical-align: middle;
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .tb-wrap.v5 table tr td,
  .tb-wrap.v5 table tr th {
    padding: 1rem;
  }
}
.tb-wrap.v5 table tr th {
  border-right: 1px solid #EAEAEA;
  background: var(--color-bg-blue);
  color: #222;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .tb-wrap.v5 table tr th {
    font-size: 1.6rem;
  }
}
.tb-wrap.v5 table tr td {
  color: #555;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.04em;
  border-left: 1px solid #EAEAEA;
}
@media screen and (max-width: 767px) {
  .tb-wrap.v5 table tr td {
    font-size: 1.4rem;
  }
}
.tb-wrap.v5 table tr td:nth-of-type(1) {
  border-left: none;
}
.tb-wrap.v5 .txt1 {
  display: block;
  margin-top: 0.6rem;
  line-height: 1.5;
}
.tb-wrap.v5 .txt1:first-of-type {
  margin-top: 0;
}
.tb-wrap.v5 .txt2 {
  display: block;
  margin-left: 1.6rem;
  line-height: 1.5;
  margin-top: 0.4rem;
}
.tb-wrap.v5 .txt2:first-of-type {
  margin-top: 0;
}
.tb-wrap.v6 {
  position: relative;
  padding-top: 2px;
}
.tb-wrap.v6:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(108deg, #0E457B 0%, #075D5D 100%);
}
.tb-wrap.v6 table tr {
  border-bottom: 1px solid #EAEAEA;
}
.tb-wrap.v6 table th,
.tb-wrap.v6 table td {
  height: 6rem;
  vertical-align: middle;
  text-align: center;
  padding: 1.6rem;
  word-break: break-all;
}
.tb-wrap.v6 table thead th {
  background: var(--color-bg-blue);
}
.tb-wrap.v6 table tbody th {
  background: rgba(246, 248, 252, 0.6);
}
.tb-wrap.v6 table th {
  border-right: 1px solid var(--color-border2);
  border-bottom: 1px solid var(--color-border2);
  color: #222;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .tb-wrap.v6 table th {
    font-size: 1.4rem;
  }
}
.tb-wrap.v6 table th:last-of-type:not(:first-of-type) {
  border-right: none;
}
.tb-wrap.v6 table td {
  color: #555;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.04em;
  border-right: 1px solid var(--color-border2);
  border-bottom: 1px solid var(--color-border2);
}
@media screen and (max-width: 767px) {
  .tb-wrap.v6 table td {
    font-size: 1.4rem;
  }
}
.tb-wrap.v6 table td:last-of-type {
  border-right: none;
}
.tb-wrap.v7 th, .tb-wrap.v7 td {
  vertical-align: middle;
  border-left: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  padding: 1rem;
}
.tb-wrap.v7 th:first-of-type, .tb-wrap.v7 td:first-of-type {
  border-left: none;
}
.tb-wrap.v7 td {
  border-bottom: 1px solid #EAEAEA;
  height: 6rem;
  color: #222;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.64px;
  text-align: center;
  background: rgba(246, 248, 252, 0.4);
}
@media screen and (max-width: 767px) {
  .tb-wrap.v7 td {
    height: 5rem;
    font-size: 1.4rem;
  }
}
.tb-wrap.v7 .tb-tit {
  text-align: left;
  display: block;
}
.tb-wrap.v7 .tb-link {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.tb-wrap.v7 thead th {
  border-bottom: 1px solid var(--color-border2);
  background: var(--color-bg-blue);
  height: 5.5rem;
  color: #1D1D1D;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .tb-wrap.v7 thead th {
    font-size: 1.4rem;
  }
}
.tb-wrap .bd-left {
  border-left: 1px solid var(--color-border2);
}
@media screen and (max-width: 1023px) {
  .tb-wrap .tb-hide-tablet + .bd-left {
    border-left: none;
  }
}
.tb-wrap .bd-right {
  border-right: 1px solid var(--color-border2);
}
@media screen and (max-width: 767px) {
  .tb-wrap .btn-wrap .btn {
    width: auto;
  }
}

.tb-no-data {
  min-height: 16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.6rem;
  border-bottom: 1px solid var(--color-border2);
  color: #555;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .tb-no-data {
    font-size: 1.4rem;
  }
}
.tb-no-data.white {
  background: #fff;
}

.tb-summary-area .tb-summary {
  display: flex;
}
.tb-summary-area .tb-summary dl {
  display: flex;
  align-items: center;
}

/* 가로스크롤 테이블 */
.scroll-x {
  padding-bottom: 1rem;
}
/* -------------------------------------------------------------- */
/* 포토 게시판 */
/* -------------------------------------------------------------- */
.photo-tb-wrap.v1 {
  margin-top: 1.6rem;
  position: relative;
}
.photo-tb-wrap.v1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 1;
  background: linear-gradient(to right, #0E457B 0%, #075D5D 100%);
}
.photo-tb-wrap.v1 .grid-wrap {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3rem 0;
  padding-top: 3rem;
}
.photo-tb-wrap.v1 .grid-wrap:has(.no-data) {
  padding-top: 0;
}
@media screen and (max-width: 1023px) {
  .photo-tb-wrap.v1 .grid-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .photo-tb-wrap.v1 .grid-wrap {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2.5rem 0;
  }
}
.photo-tb-wrap.v1 .grid-wrap .grid {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  padding: 0 1.6rem;
  border-bottom: 1px solid #EAEAEA;
}
@media screen and (max-width: 767px) {
  .photo-tb-wrap.v1 .grid-wrap .grid {
    padding-right: 0;
    padding-left: 0;
  }
}
.photo-tb-wrap.v1 .grid-wrap .grid:hover .img-wrap img {
  transform: scale(1.05);
}
.photo-tb-wrap.v1 .grid-wrap .grid:nth-of-type(3n-2) {
  padding-right: 2.1rem;
  padding-left: 0;
}
@media screen and (max-width: 1023px) {
  .photo-tb-wrap.v1 .grid-wrap .grid:nth-of-type(3n-2) {
    padding-left: 0;
    padding-right: 1.6rem;
  }
}
.photo-tb-wrap.v1 .grid-wrap .grid:nth-of-type(3n) {
  padding-right: 0;
  padding-left: 2.1rem;
}
@media screen and (max-width: 1023px) {
  .photo-tb-wrap.v1 .grid-wrap .grid:nth-of-type(3n) {
    padding-left: 0;
    padding-right: 1.6rem;
  }
}
.photo-tb-wrap.v1 .grid-wrap .grid:nth-of-type(2n) {
  padding-left: 1.1rem;
  padding-right: 1.1rem;
}
@media screen and (max-width: 1023px) {
  .photo-tb-wrap.v1 .grid-wrap .grid:nth-of-type(2n) {
    padding-left: 1.6rem;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .photo-tb-wrap.v1 .grid-wrap .grid:nth-of-type(2n) {
    padding-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .photo-tb-wrap.v1 .grid-wrap .grid:nth-of-type(2n+1) {
    padding-left: 0;
    padding-right: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .photo-tb-wrap.v1 .grid-wrap .grid:nth-of-type(2n+1) {
    padding-right: 0;
  }
}
.photo-tb-wrap.v1 .grid-wrap .grid .img-wrap {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-tb-wrap.v1 .grid-wrap .grid .img-wrap img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  margin: 0 auto;
  display: block;
  transform: scale(1);
  transition: all 0.35s ease;
}
.photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap {
  padding: 2rem 0 3rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 0;
}
@media screen and (max-width: 767px) {
  .photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap {
    padding: 1.5rem 0 2.5rem 0;
  }
}
.photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap .img-tit-wrap .img-tit {
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: -0.04em;
  word-break: keep-all;
}
@media screen and (max-width: 767px) {
  .photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap .img-tit-wrap .img-tit {
    font-size: 15px;
    letter-spacing: -0.04em;
  }
}
.photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap .img-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1.5rem;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap .img-info {
    margin-top: 1rem;
  }
}
.photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap .img-info .data {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap .img-info .data dl {
  color: #555;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.04em;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap .img-info .data dl {
    font-size: 1.4rem;
    line-height: 1.42;
    letter-spacing: -0.04em;
  }
}
.photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap .img-info .data dl:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 1.2rem;
  background: #C0C0C0;
  margin: 0 1rem;
}
.photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap .img-info .data dl:nth-of-type(1):before {
  display: none;
}
.photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap .img-info .data dl dd {
  margin-left: 0.6rem;
}
.photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap .img-info .view-wrap {
  display: flex;
  align-items: center;
  flex: none;
  padding-right: 0.5rem;
}
.photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap .img-info .view-wrap .ico {
  margin-right: 0.6rem;
}
.photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap .img-info .view-wrap .view-num {
  color: #555;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .photo-tb-wrap.v1 .grid-wrap .grid .cont-wrap .img-info .view-wrap .view-num {
    font-size: 1.4rem;
    line-height: 1.42;
    letter-spacing: -0.04em;
  }
}
.photo-tb-wrap.v1 .grid-wrap .grid.no-data {
  grid-column: 1/-1;
  height: 26rem;
  align-items: center;
  justify-content: center;
  color: #555;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .photo-tb-wrap.v1 .grid-wrap .grid.no-data {
    height: 20rem;
  }
}

/* -------------------------------------------------------------- */
/* 페이지네이션*/
/* -------------------------------------------------------------- */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .pagination {
    margin-top: 3.5rem;
  }
}
.pagination .arrow-area .prev,
.pagination .arrow-area .next {
  color: #333;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.05em;
  display: flex;
  align-items: center;
  padding: 0 1.2rem;
}
@media screen and (max-width: 767px) {
  .pagination .arrow-area .prev,
  .pagination .arrow-area .next {
    padding: 0 0.6rem;
  }
}
.pagination .arrow-area .prev .ico,
.pagination .arrow-area .next .ico {
  width: 0.6rem;
  height: 1.1rem;
}
@media screen and (max-width: 767px) {
  .pagination .arrow-area .prev .ico,
  .pagination .arrow-area .next .ico {
    width: 0.4rem;
    height: 0.8rem;
  }
}
.pagination .arrow-area .prev .ico {
  margin-right: 0.8rem;
  background: url("../img/common/arr_prev_bk.png") no-repeat center;
  background-size: cover;
}
.pagination .arrow-area .next .ico {
  margin-left: 0.8rem;
  background: url("../img/common/arr_next_bk.png") no-repeat center;
  background-size: cover;
}
.pagination .pagination-ul {
  margin: 0 1.2rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .pagination .pagination-ul {
    margin: 0 0.8rem;
  }
}
.pagination .pagination-ul li + li {
  margin-left: 0.8rem;
}
@media screen and (max-width: 767px) {
  .pagination .pagination-ul li + li {
    margin-left: 0.4rem;
  }
}
.pagination .pagination-ul li.active .pages {
  background: var(--color-primary-blue);
  color: #fff;
  font-weight: 600;
}
.pagination .pagination-ul .pages {
  width: 4rem;
  height: 4rem;
  color: #333;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.05em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .pagination .pagination-ul .pages {
    font-size: 1.4rem;
    width: 3rem;
    height: 3rem;
  }
}
.pagination .pagination-ul .pages:hover {
  background: var(--color-bg-blue);
}

/* 테이블 개별 스타일 */
/* 기본 표시 (PC) */
.tb-hide-1400,
.tb-hide-pc,
.tb-hide-tablet,
.tb-hide-mobile {
  display: table-cell;
}

.col-hide-1400,
.col-hide-pc,
.col-hide-tablet,
.col-hide-mobile {
  display: table-column;
}

@media screen and (max-width: 1400px) {
  .tb-hide-1400,
  .col-hide-1400 {
    display: none !important;
  }
}
@media screen and (max-width: 1170px) {
  .tb-hide-pc,
  .col-hide-pc {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .tb-hide-tablet,
  .col-hide-tablet {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .tb-hide-mobile,
  .col-hide-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .table-style1 colgroup col:nth-of-type(4) {
    width: 135px !important;
  }
}

@media screen and (max-width: 767px) {
  .table-style2 col:nth-of-type(2) {
    width: 80px !important;
  }
  .table-style2 th, .table-style2 td {
    word-break: keep-all !important;
  }
  .table-style2 .btn-wrap .btn.md {
    width: 10rem !important;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .table-style2 .btn-wrap .btn.md {
    width: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .table-style3 colgroup col:nth-last-child(1),
  .table-style3 colgroup col:nth-last-child(2) {
    width: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .table-style4 colgroup col:nth-last-child(4) {
    width: 115px !important;
  }
}

@media screen and (max-width: 767px) {
  .table-style5 colgroup col:nth-last-child(2) {
    width: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .table-style6 colgroup col:nth-last-child(1) {
    width: 85px !important;
  }
  .table-style6 colgroup col:nth-last-child(2) {
    width: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .table-style7 colgroup col:nth-last-child(1) {
    width: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .table-style8 colgroup col:first-of-type {
    width: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .table-style9 colgroup col:nth-last-child(1) {
    width: 90px !important;
  }
  .table-style9 colgroup col:nth-last-child(2) {
    width: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .table-style10 colgroup col:nth-last-child(1) {
    width: 90px !important;
  }
}

/* -------------------------------------------------------------- */
/* 게시판 조회 */
/* -------------------------------------------------------------- */
.board-view-head {
  padding: 3rem;
  background: var(--color-bg-blue);
  position: relative;
}
@media screen and (max-width: 767px) {
  .board-view-head {
    padding: 2rem;
  }
}
.board-view-head:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 1;
  background: linear-gradient(to right, #0E457B 0%, #075D5D 100%);
}
.board-view-head .view-tit-wrap .view-tit {
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .board-view-head .view-tit-wrap .view-tit {
    font-size: 22px;
    line-height: 1.45;
    letter-spacing: -0.02em;
  }
}
.board-view-head .view-info-wrap {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .board-view-head .view-info-wrap {
    margin-top: 2rem;
  }
}
.board-view-head .view-info-wrap dl {
  display: inline-flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .board-view-head .view-info-wrap dl {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.33;
    letter-spacing: -0.04em;
  }
}
@media screen and (max-width: 767px) {
  .board-view-head .view-info-wrap dl + dl {
    margin-top: 1rem;
  }
}
.board-view-head .view-info-wrap dl:before {
  content: "";
  width: 2px;
  height: 1.2rem;
  display: inline-block;
  background: var(--color-border);
  margin: 0 1.6rem;
}
@media screen and (max-width: 767px) {
  .board-view-head .view-info-wrap dl:before {
    display: none;
  }
}
.board-view-head .view-info-wrap dl:nth-of-type(1):before {
  display: none;
}
.board-view-head .view-info-wrap dl dt {
  font-weight: 500;
}
.board-view-head .view-info-wrap dl dd {
  color: #333;
  margin-left: 1.2rem;
}
.board-view-head:has(.form-flex) {
  padding: 0;
}
.board-view-head:has(.form-flex) .form.row .form-tit-wrap {
  padding: 0 1rem 0 2rem;
}
@media screen and (max-width: 767px) {
  .board-view-head:has(.form-flex) .form.row .form-tit-wrap {
    padding: 0 0.8rem;
  }
}
.board-view-head:has(.form-flex) .form.row .form-cont-wrap {
  padding: 0 1rem 0 2rem;
}
@media screen and (max-width: 767px) {
  .board-view-head:has(.form-flex) .form.row .form-cont-wrap {
    padding: 0 0.8rem;
  }
}

.board-view-body {
  background: white;
}
@media screen and (max-width: 767px) {
  .board-view-body {
    padding-bottom: 3rem;
  }
}
.board-view-body .video-wrap {
  padding: 4rem 3rem 0 3rem;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 767px) {
  .board-view-body .video-wrap {
    padding: 3rem 2rem 0 2rem;
  }
}
.board-view-body .video-wrap .iframe-box {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.board-view-body .video-wrap .iframe-box:before {
  content: "";
  width: 100%;
  padding-top: 56.25%;
  height: 0;
  display: block;
}
.board-view-body .video-wrap .iframe {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.board-view-body .img-wrap {
  padding: 4rem 3rem 0 3rem;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .board-view-body .img-wrap {
    padding: 3rem 2rem 0 2rem;
  }
}
.board-view-body .img-wrap img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}
.board-view-body .editor-view {
  padding: 4rem 3rem 8rem 3rem;
  /* 에디터 리셋 되돌리기 */
  /*font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/
  font-size: 14px;
  color: #333;
}
.board-view-body .editor-view p {
  font-size: 13px;
  line-height: 1.6;
  word-wrap: break-word;
  margin: 13px 0;
}
.board-view-body .editor-view:focus {
  border-color: #5e83d3;
  outline: none;
}
.board-view-body .editor-view ul, .board-view-body .editor-view ol {
  list-style-position: outside;
  padding: 0 0 0 20px;
}
.board-view-body .editor-view em {
  font-style: italic;
}
.board-view-body .editor-view ul li {
  list-style-type: disc;
}
.board-view-body .editor-view ol li {
  list-style-type: decimal;
}
.board-view-body .editor-view h1 {
  font-size: 32px;
  font-weight: bold;
  margin: 21.44px 0;
}
.board-view-body .editor-view h2 {
  font-size: 24px;
  font-weight: bold;
  margin: 18px 0;
}
.board-view-body .editor-view h3 {
  font-size: 18.72px;
  font-weight: bold;
  margin: 15.54px 0;
}
.board-view-body .editor-view h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 17.92px 0;
}
.board-view-body .editor-view h5 {
  font-size: 13.28px;
  font-weight: bold;
  margin: 19.92px 0;
}
.board-view-body .editor-view h6 {
  font-size: 12px;
  font-weight: bold;
  margin: 20.04px 0;
}
.board-view-body .editor-view pre {
  white-space: pre-wrap;
  word-break: break-word;
}
.board-view-body .editor-view .editor-txt {
  white-space: pre-wrap;
}
@media screen and (max-width: 767px) {
  .board-view-body .editor-view {
    padding: 3rem 2rem 6rem 2rem;
  }
}
.board-view-body .scroll-y {
  border-radius: 10px;
  border: 1px solid #EAEAEA;
  padding: 0 1rem 0 2rem;
}
.board-view-body .scroll-y .editor-txt {
  white-space: pre-wrap;
  padding: 2rem 1rem 2rem 0;
}
.board-view-body .msg-box {
  padding: 1.6rem 3rem;
}
@media screen and (max-width: 767px) {
  .board-view-body .msg-box {
    padding: 2rem;
  }
}
.board-view-body .msg-box .txt {
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .board-view-body .msg-box .txt {
    font-size: 1.4rem;
  }
}
.board-view-body .file-box {
  padding: 0 3rem;
}
@media screen and (max-width: 767px) {
  .board-view-body .file-box {
    padding: 0 2rem;
  }
}

.border-file {
  padding: 2.5rem 3rem;
  border-radius: 10px;
  background: #F8F8F8;
}
@media screen and (max-width: 767px) {
  .border-file {
    padding: 2rem;
  }
}
.border-file .border-file-head .border-file-tit {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  padding-left: 2.4rem;
  background: url("../img/common/ico_clip_gray.png") no-repeat left center;
  background-size: 1.6rem 1.8rem;
}
@media screen and (max-width: 767px) {
  .border-file .border-file-head .border-file-tit {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
    padding-left: 2rem;
    background-size: 1.4rem 1.6rem;
  }
}
.border-file .file-list-wrap {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .border-file .file-list-wrap {
    margin-top: 1.5rem;
  }
}
.border-file .file-list-wrap .file-list li {
  color: #1D1D1D;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.04em;
  margin-top: 1rem;
}
@media screen and (max-width: 1023px) {
  .border-file .file-list-wrap .file-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .border-file .file-list-wrap .file-list li {
    font-size: 1.4rem;
    letter-spacing: -0.04em;
    margin-top: 0.6rem;
  }
}
.border-file .file-list-wrap .file-list li:nth-of-type(1) {
  margin-top: 0;
}
.border-file .file-list-wrap .file-list li:hover .file-name {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.border-file .file-list-wrap .file-list li .file-name {
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .border-file .file-list-wrap .file-list li .file-name {
    text-decoration: underline;
    text-underline-offset: 2px;
  }
}
.border-file .file-list-wrap .file-list li .file-size {
  color: #707070;
  margin-left: 0.6rem;
}

.board-view-foot {
  border-bottom: 1px solid #DEDEDE;
  margin-top: 4rem;
}
.board-view-foot .foot-box {
  display: block;
  width: 100%;
  padding: 0 3rem;
  border-top: 1px solid #DEDEDE;
}
@media screen and (max-width: 767px) {
  .board-view-foot .foot-box {
    padding: 0 1.5rem;
  }
}
.board-view-foot .foot-box .box-inner {
  display: flex;
  align-items: center;
  height: 6rem;
}
@media screen and (max-width: 767px) {
  .board-view-foot .foot-box .box-inner {
    height: 4.5rem;
  }
}
.board-view-foot .foot-box .box-inner .sub-tit {
  margin-left: 2rem;
  color: #333;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 767px) {
  .board-view-foot .foot-box .box-inner .sub-tit {
    font-size: 1.5rem;
    line-height: 1.33;
    letter-spacing: -0.05em;
    margin-left: 0.8rem;
  }
}
.board-view-foot .foot-box .box-inner .border-foot-tit {
  display: block;
  margin-left: 3rem;
  width: 0;
  flex: 1 1 auto;
  color: #555;
  font-size: 1.6rem;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 767px) {
  .board-view-foot .foot-box .box-inner .border-foot-tit {
    font-size: 1.5rem;
    line-height: 1.33;
    letter-spacing: -0.05em;
    margin-left: 1.2rem;
  }
}
.board-view-foot .foot-box.next .arr-gray {
  transform: rotate(180deg);
}

/* 상단 테이블 형식 */
/* -------------------------------------------------------------- */
/* 공지사항 박스 */
/* -------------------------------------------------------------- */
.notice-area {
  margin-bottom: 5rem;
  padding: 4rem;
  border-radius: 15px;
}
.notice-area:has(+ .search-box) {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .notice-area:has(+ .search-box) {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .notice-area {
    padding: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .notice-area {
    padding: 2rem;
    margin-bottom: 3.5rem;
  }
}
.notice-area.green {
  background: var(--color-bg-green);
}
.notice-area .notice-tit-wrap .notice-tit {
  color: var(--color-primary-green);
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -0.04em;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .notice-area .notice-tit-wrap .notice-tit {
    font-size: 2rem;
  }
}
.notice-area .notice-tit-wrap .notice-tit .ico {
  margin-right: 0.8rem;
}
.notice-area .notice-cont {
  margin-top: 2.4rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0 1rem;
}
@media screen and (max-width: 1023px) {
  .notice-area .notice-cont {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .notice-area .notice-cont {
    margin-top: 1.8rem;
  }
}
.notice-area .notice-cont .right {
  flex: none;
}
@media screen and (max-width: 1023px) {
  .notice-area .notice-cont .right {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .notice-area .notice-cont .right {
    margin-top: 1.4rem;
  }
}
.notice-area .notice-cont .right .btn {
  padding: 0 1.6rem;
  height: 5rem;
}
@media screen and (max-width: 767px) {
  .notice-area .notice-cont .right .btn {
    height: auto;
    padding: 1rem 1.4rem;
  }
}
.notice-area .notice-cont .right .btn .ico {
  flex: none;
}
.notice-area .notice-cont .right.flex-right {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .notice-area .notice-cont .right.flex-right {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .notice-area .notice-cont .right.flex-right .btn + .btn {
    margin-top: 0.8rem;
  }
}
.notice-area .notice-cont .right.flex-right.col {
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  .notice-area .notice-cont .right.flex-right.col {
    width: 100%;
  }
}
.notice-area .notice-cont .notice-cont-txt {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.04em;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .notice-area .notice-cont .notice-cont-txt {
    font-size: 1.8rem;
  }
}
.notice-area .notice-cont .notice-cont-list li {
  color: #333;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.44;
  letter-spacing: -0.02em;
  word-break: keep-all;
}
@media screen and (max-width: 767px) {
  .notice-area .notice-cont .notice-cont-list li {
    font-size: 1.6rem;
    line-height: 1.37;
  }
}
.notice-area .notice-cont .notice-cont-list li + li {
  margin-top: 0.6rem;
}
.notice-area .notice-call {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .notice-area .notice-call {
    margin-top: 1.4rem;
  }
}
.notice-area .notice-call dl {
  display: block;
  align-items: center;
  letter-spacing: -0.02em;
  line-height: normal;
  font-size: 2rem;
}
.notice-area .notice-call dl + dl {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .notice-area .notice-call dl {
    font-size: 1.6rem;
    text-indent: -2.5rem;
    margin-left: 2.5rem;
  }
}
.notice-area .notice-call dl dt {
  color: #222;
  font-weight: 500;
  display: inline;
}
.notice-area .notice-call dl dt .ico {
  margin-right: 0.8rem;
}
.notice-area .notice-call dl dd {
  color: var(--color-primary-green);
  display: inline;
}
.notice-area .notice-call dl dd:has(.btn) {
  margin-left: 0.8rem;
  text-indent: 0;
}
@media screen and (max-width: 767px) {
  .notice-area .notice-call dl dd:has(.btn) {
    display: block;
    margin-top: 0.6rem;
    margin-left: 0;
  }
}
.notice-area .notice-call dl dd .btn {
  display: inline-flex;
  font-size: 1.4rem;
  padding: 0.8rem 1rem;
  text-indent: 0;
}
@media screen and (max-width: 359px) {
  .notice-area .notice-call dl dd .btn {
    width: 100%;
    display: flex;
  }
}
.notice-area .notice-call dl dd .btn + .btn {
  margin-top: 0.6rem;
}
.notice-area .direct-link {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .notice-area .direct-link {
    padding: 1rem 1.4rem;
    min-height: auto;
    font-size: 1.6rem;
  }
}
.notice-area .direct-link .ico {
  margin-left: 0.8rem;
}
.notice-area.v2 {
  padding: 3rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .notice-area.v2 {
    padding: 2rem;
    margin-bottom: 3.5rem;
  }
}
.notice-area.v2 .notice-cont {
  margin-top: 0;
}
.notice-area.v2 .notice-cont .left .notice-cont-list li {
  color: var(--color-primary-green);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.04em;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .notice-area.v2 .notice-cont .left .notice-cont-list li {
    font-size: 1.8rem;
  }
}
.notice-area.v2 .notice-cont .left .notice-cont-list li:first-of-type {
  margin-top: 0;
}
.notice-area.v3 {
  padding: 4rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .notice-area.v3 {
    padding: 3rem;
    margin-bottom: 3.5rem;
  }
}
.notice-area.v4 .notice-cont {
  margin-top: 0;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .notice-area.v4 .notice-cont {
    align-items: flex-start;
  }
}
.notice-area.v4 .notice-cont .notice-tit-wrap {
  margin-bottom: 2.4rem;
}
.notice-area.v4 .notice-cont .right.flex-right.top {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 1023px) {
  .notice-area.v4 .notice-cont .right.flex-right.top {
    flex-direction: row-reverse;
    align-items: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .notice-area.v4 .notice-cont .right.flex-right.top {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    gap: 0.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .notice-area.v4 .notice-cont .right.flex-right.top img {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .notice-area.v4 .notice-cont .right.flex-right.top .btn {
    flex: none;
  }
}
.notice-area.v4 .notice-cont .right.flex-right.top .link-wrap {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .notice-area.v4 .notice-cont .right.flex-right.top .link-wrap {
    display: block;
  }
}
.notice-area.v4 .notice-cont .right.flex-right.top .link-wrap .btn {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .notice-area.v4 .notice-cont .right.flex-right.top .link-wrap .btn {
    display: inline-flex;
  }
}
.notice-area.v4 .notice-cont .right.flex-right.top .link-wrap .btn + .btn {
  margin-left: 0.6rem;
}
@media screen and (max-width: 767px) {
  .notice-area.v4 .notice-cont .right.flex-right.top .link-wrap .btn + .btn {
    margin-left: 0;
    margin-top: 0.8rem;
  }
}

/* -------------------------------------------------------------- */
/* 신청서 조회 */
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/* 로그인 */
/* -------------------------------------------------------------- */
.account {
  background: #F8F9FC;
  padding: 12rem 0;
  min-height: calc(100vh - 42rem);
}
@media screen and (max-width: 1170px) {
  .account {
    padding: 6rem 0 12rem 0;
  }
}
@media screen and (max-width: 767px) {
  .account {
    padding: 4rem 0 10rem 0;
  }
}
.account .account-wrap {
  max-width: calc(100% - 4rem);
  width: 130rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .account .account-wrap {
    max-width: calc(100% - 3.2rem);
  }
}
.account .account-wrap .account-tit-wrap .account-txt {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
  display: block;
}
@media screen and (max-width: 767px) {
  .account .account-wrap .account-tit-wrap .account-txt {
    font-size: 1.6rem;
  }
}
.account .account-wrap .account-tit-wrap .account-tit {
  font-size: 4rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  display: block;
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .account .account-wrap .account-tit-wrap .account-tit {
    font-size: 3rem;
    margin-top: 0.6rem;
  }
}
.account .account-wrap .account-tit-wrap .account-cont-txt {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
  margin-top: 3.6rem;
}
@media screen and (max-width: 767px) {
  .account .account-wrap .account-tit-wrap .account-cont-txt {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.66;
    margin-top: 2rem;
  }
}
.account .account-wrap .login-sub-txt {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .account .account-wrap .login-sub-txt {
    margin-top: 2.5rem;
  }
}
.account .account-wrap .login-sub-txt .sub-txt {
  color: var(--color-primary-blue);
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .account .account-wrap .login-sub-txt .sub-txt {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 2.5rem;
  }
}
.account .account-wrap .login-sub-txt .sub-txt:before {
  content: "";
  width: 100%;
  height: 1rem;
  display: block;
  background: rgba(14, 69, 123, 0.06);
  position: absolute;
  left: 0;
  bottom: -4px;
}
.account .account-wrap .login-sub-txt .sub-txt .ico {
  margin-right: 0.8rem;
  vertical-align: inherit;
}

.login-wrap {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .login-wrap {
    margin-top: 2rem;
  }
}
.login-wrap .login-wrap-inner {
  border-radius: 3rem;
  background: #FFF;
  box-shadow: 0 2px 30px 0 rgba(136, 136, 136, 0.2);
  padding: 5rem;
  display: flex;
}
@media screen and (max-width: 1170px) {
  .login-wrap .login-wrap-inner {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .login-wrap .login-wrap-inner {
    padding: 3rem 2rem;
    border-radius: 20px;
  }
}
.login-wrap .login-box {
  flex: 1 0;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1170px) {
  .login-wrap .login-box {
    width: 100%;
    flex: auto;
  }
}
.login-wrap .login-box .login-tit-wrap {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .login-tit-wrap {
    margin-bottom: 2rem;
  }
}
.login-wrap .login-box .login-tit-wrap .login-tit {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  display: block;
  text-align: center;
  padding-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .login-tit-wrap .login-tit {
    font-size: 2rem;
    padding-bottom: 1.4rem;
  }
}
.login-wrap .login-box .join-btn-wrap {
  gap: 1rem 2rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .join-btn-wrap {
    flex-direction: column;
    gap: 0;
  }
}
.login-wrap .login-box .join-btn-wrap .btn {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.0416666667em;
  padding: 1.35rem 1.5rem;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .join-btn-wrap .btn {
    padding: 1.5rem 1rem;
    font-size: 1.6rem;
  }
  .login-wrap .login-box .join-btn-wrap .btn + .btn {
    margin-top: 1rem;
  }
}
.login-wrap .login-box .join-btn-wrap .btn .ico {
  margin-right: 0.8rem;
  flex: none;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .join-btn-wrap .btn .ico {
    width: 1.6rem;
    height: 1.8rem;
  }
}
.login-wrap .login-box .join-btn-wrap .service-guide {
  margin-top: 2.4rem;
  margin-left: 1.6rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .join-btn-wrap .service-guide {
    margin-top: 2rem;
  }
}
.login-wrap .login-box .join-btn-wrap .service-guide .guide-txt {
  display: block;
  color: #555;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.02em;
  text-indent: -0.8rem;
  margin-right: 0.4rem;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .join-btn-wrap .service-guide .guide-txt {
    font-size: 1.3rem;
    margin-top: 0.8rem;
    width: 100%;
  }
}
.login-wrap .login-box .join-btn-wrap .service-guide .guide-txt:nth-of-type(1) {
  margin-top: 0;
}
.login-wrap .login-box .join-btn-wrap .service-guide .guide-txt:before {
  content: "-";
  color: #555;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin-right: 0.5rem;
}
.login-wrap .login-box .join-btn-wrap .service-guide .guide-txt.txt-flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .join-btn-wrap .service-guide .guide-txt.txt-flex {
    flex-wrap: wrap;
  }
}
.login-wrap .login-box .join-btn-wrap .service-guide .install-btn {
  color: #707070;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.42;
  letter-spacing: -0.02em;
  display: inline-flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 4px;
  border: 1px solid #888;
  background: #F8F8F8;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .join-btn-wrap .service-guide .install-btn {
    font-size: 1.3rem;
    padding: 0.4rem 0.8rem;
  }
}
.login-wrap .login-box .join-btn-wrap .service-guide .install-btn .ico {
  margin-left: 0.6rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .join-btn-wrap .service-guide .install-btn .ico {
    width: 1rem;
    height: 1rem;
    margin-left: 0.4rem;
  }
}
.login-wrap .login-box .login-input {
  display: flex;
  margin-top: 3rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .login-input {
    margin-top: 2rem;
    flex-wrap: wrap;
  }
}
.login-wrap .login-box .login-input:has(.txt-error) input[type=text],
.login-wrap .login-box .login-input:has(.txt-error) input[type=password] {
  border: 1px solid var(--color-red);
}
.login-wrap .login-box .login-input .txt-error {
  margin-left: 8.8rem;
}
.login-wrap .login-box .login-input .left {
  flex: 1 0;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .login-input .left {
    width: 100%;
    flex: auto;
  }
}
.login-wrap .login-box .login-input .left .id,
.login-wrap .login-box .login-input .left .password {
  flex: 1 0;
}
.login-wrap .login-box .login-input .left .password {
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .login-input .left .password {
    margin-top: 1.6rem;
  }
}
.login-wrap .login-box .login-input .right {
  margin-left: 1.2rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .login-input .right {
    margin-left: 0;
    margin-top: 1.2rem;
    width: 100%;
  }
}
.login-wrap .login-box .login-input .right .btn {
  width: 11rem;
  height: 100%;
  font-weight: 600;
  max-height: 11.2rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .login-input .right .btn {
    width: 100%;
    min-height: 4.2rem;
    font-size: 1.4rem;
  }
}
.login-wrap .login-box .find-account {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 11rem;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .find-account {
    margin-left: 0;
    margin-top: 1.6rem;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .find-account .left {
    width: 100%;
  }
}
.login-wrap .login-box .find-account .left .find-btn {
  color: #555;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .find-account .left .find-btn {
    font-size: 1.3rem;
  }
}
.login-wrap .login-box .find-account .left .find-btn + .find-btn {
  margin-left: 1.2rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .find-account .right {
    width: 100%;
    margin-top: 1.2rem;
  }
}
.login-wrap .login-box .find-account .right .btn {
  height: 4.6rem;
  width: 11rem;
  flex: none;
  padding: 0 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .find-account .right .btn {
    width: 100%;
    height: auto;
    min-height: 4.2rem;
    font-size: 1.4rem;
  }
}
.login-wrap .login-box .login-info-wrap {
  border-radius: 12px;
  overflow: hidden;
  margin-top: auto;
}
@media screen and (max-width: 1170px) {
  .login-wrap .login-box .login-info-wrap {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .login-info-wrap {
    margin-top: 3rem;
  }
}
.login-wrap .login-box .login-info-wrap .login-info-tit .info-tit {
  color: #FFF;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  display: block;
  width: 100%;
  padding: 1.6rem 1rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .login-info-wrap .login-info-tit .info-tit {
    padding: 1.4rem 1rem;
    font-size: 1.5rem;
  }
}
.login-wrap .login-box .login-info-wrap .cont-wrap {
  padding: 2rem;
  min-height: 26.2rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .login-info-wrap .cont-wrap {
    padding: 1.6rem;
    min-height: 12.6rem;
  }
}
.login-wrap .login-box .login-info-wrap .cont-wrap ol li {
  margin-top: 0.8rem;
  color: #333;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
  text-indent: -1rem;
  margin-left: 2rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .login-info-wrap .cont-wrap ol li {
    font-size: 1.4rem;
  }
}
.login-wrap .login-box .login-info-wrap .cont-wrap ol li:nth-of-type(1) {
  margin-top: 0;
}
.login-wrap .login-box .login-info-wrap .cont-wrap ol li .num {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.045em;
  border-radius: 50%;
  display: inline-block;
  margin-right: 0.4rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box .login-info-wrap .cont-wrap ol li .num {
    font-size: 1.6rem;
  }
}
.login-wrap .login-box.blue .login-tit-wrap .login-tit {
  color: var(--color-primary-blue);
  border-bottom: 3px solid var(--color-primary-blue);
}
.login-wrap .login-box.blue .login-info-wrap .login-info-tit .info-tit {
  background: var(--color-primary-blue);
}
.login-wrap .login-box.blue .login-info-wrap .cont-wrap {
  background: url("../img/sub/login_back01.png") no-repeat right bottom, var(--color-bg-blue);
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box.blue .login-info-wrap .cont-wrap {
    background-size: 7rem auto, cover;
  }
}
.login-wrap .login-box.blue .login-info-wrap .cont-wrap ol li .num {
  color: var(--color-primary-blue);
}
.login-wrap .login-box.blue .join-btn-wrap {
  align-items: stretch;
}
.login-wrap .login-box.blue .join-btn-wrap .btn {
  flex: 1 0;
}
.login-wrap .login-box.green .login-tit-wrap .login-tit {
  color: var(--color-primary-green);
  border-bottom: 3px solid var(--color-primary-green);
}
.login-wrap .login-box.green .login-input {
  margin-top: 0;
}
.login-wrap .login-box.green ol li .num {
  color: var(--color-primary-green);
}
.login-wrap .login-box.green .login-info-wrap {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box.green .login-info-wrap {
    margin-top: 3rem;
  }
}
.login-wrap .login-box.green .login-info-wrap .login-info-tit .info-tit {
  background: var(--color-primary-green);
}
.login-wrap .login-box.green .login-info-wrap .cont-wrap {
  background: url("../img/sub/login_back02.png") no-repeat right bottom, var(--color-bg-green);
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box.green .login-info-wrap .cont-wrap {
    background-size: 6.6rem auto;
  }
}
.login-wrap .login-box.green .login-info-wrap .cont-wrap ol li:nth-of-type(1) {
  margin-top: 0;
}
.login-wrap .login-box.green .join-btn-wrap {
  margin-left: 12.4rem;
  gap: 0;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box.green .join-btn-wrap {
    margin-left: 0;
    margin-top: 0;
  }
}
.login-wrap .login-box.green .join-btn-wrap .btn-wrap {
  margin-top: 2rem;
  gap: 1.2rem;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box.green .join-btn-wrap .btn-wrap {
    gap: 0;
    flex-wrap: wrap;
    margin-top: 1.2rem;
  }
}
.login-wrap .login-box.green .join-btn-wrap .btn-wrap .btn {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .login-wrap .login-box.green .join-btn-wrap .btn-wrap .btn {
    flex: auto;
    width: 100% !important;
    font-size: 1.4rem;
    padding: 1.25rem 1rem;
    min-height: 4.2rem;
  }
  .login-wrap .login-box.green .join-btn-wrap .btn-wrap .btn + .btn {
    margin-top: 0.8rem;
  }
}
.login-wrap .login-box.green .join-btn-wrap .btn-wrap .btn.fill-green-bg {
  background: #E3F6F6;
}

/* 공통 흰색 박스 */
.white-box {
  margin: 6rem auto 0;
  width: auto;
}
@media screen and (max-width: 767px) {
  .white-box {
    margin: 4rem auto 0;
  }
}
.white-box .white-box-inner {
  border-radius: 3rem;
  background: #FFF;
  box-shadow: 0 2px 30px 0 rgba(136, 136, 136, 0.2);
  padding: 5rem;
}
@media screen and (max-width: 1170px) {
  .white-box .white-box-inner {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .white-box .white-box-inner {
    padding: 3rem 2rem;
    border-radius: 20px;
  }
}

.blue-box {
  padding: 4rem;
  border-radius: 20px;
  background: var(--color-bg-blue);
}
@media screen and (max-width: 767px) {
  .blue-box {
    padding: 2rem;
  }
}
.blue-box:has(.mypage-account) {
  padding: 8rem 5rem;
  background: rgba(246, 248, 252, 0.4);
}
@media screen and (max-width: 767px) {
  .blue-box:has(.mypage-account) {
    padding: 4rem 2rem;
  }
}
.blue-box:has(.user-join-inner) {
  background: rgba(246, 248, 252, 0.4);
  padding: 5rem;
}
@media screen and (max-width: 767px) {
  .blue-box:has(.user-join-inner) {
    padding: 3rem 2rem;
  }
}
.blue-box .mypage-account {
  margin: 0 auto;
}
.blue-box .mypage-account .blue-box-tit-wrap .blue-box-tit {
  display: block;
  text-align: center;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .blue-box .mypage-account .blue-box-tit-wrap .blue-box-tit {
    font-size: 2.2rem;
  }
}
.blue-box .mypage-account .mypage-account-body {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .blue-box .mypage-account .mypage-account-body {
    margin-top: 3rem;
  }
}

.input-area:has(.txt-error) .find-password,
.input-area:has(.txt-error) .find-password:has(input:focus-visible) {
  border: 1px solid var(--color-red);
}

.green-box {
  padding: 4rem;
  border-radius: 20px;
  background: var(--color-bg-green);
}
.green-box .txt-green {
  color: var(--color-primary-green);
  font-size: 2.2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .green-box .txt-green {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .green-box {
    padding: 2rem;
  }
}

.notice-txt .gray-txt {
  color: #555;
  display: block;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .notice-txt .gray-txt {
    font-size: 1.4rem;
  }
}

/* -------------------------------------------------------------- */
/* 공통 스텝 완료 박스 */
/* -------------------------------------------------------------- */
.complete-step-wrap .complete-step-inner {
  padding: 8rem 5rem;
  border-radius: 15px;
  background: var(--color-bg-blue);
}
@media screen and (max-width: 767px) {
  .complete-step-wrap .complete-step-inner {
    padding: 4rem 2rem;
  }
}
.complete-step-wrap .complete-step-inner .ico-area {
  width: 13rem;
  height: 13rem;
  background: var(--color-bg-green);
  border-radius: 50%;
  margin: 0 auto 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 20px 0 rgba(136, 136, 136, 0.2);
}
@media screen and (max-width: 767px) {
  .complete-step-wrap .complete-step-inner .ico-area {
    width: 10rem;
    height: 10rem;
    margin: 0 auto 3rem;
  }
}
.complete-step-wrap .complete-step-inner .ico-area .ico {
  width: 7.4rem;
  height: 6.1rem;
  background: url("../img/common/ico_arr_complete.png") no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .complete-step-wrap .complete-step-inner .ico-area .ico {
    width: 4.9rem;
    height: 4rem;
  }
}
.complete-step-wrap .complete-step-inner .complete-step-tit .complete-txt {
  display: block;
  text-align: center;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .complete-step-wrap .complete-step-inner .complete-step-tit .complete-txt {
    font-size: 2.2rem;
  }
}

/* 아이디 찾기 */
.account-top-area {
  padding-bottom: 2rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 1023px) {
  .account-top-area {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .account-top-area {
    padding-bottom: 1.2rem;
  }
}
.account-top-area:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, #0E457B 0%, #075D5D 100%);
}
.account-top-area .tit-wrap .tit {
  font-size: 4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .account-top-area .tit-wrap .tit {
    font-size: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .account-top-area .account-step-wrap {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap {
    margin-top: 1.4rem;
  }
}
.account-top-area .account-step-wrap ul {
  display: flex;
  align-items: center;
}
.account-top-area .account-step-wrap ul .account-step {
  color: #707070;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0416666667em;
  display: flex;
  align-items: center;
}
.account-top-area .account-step-wrap ul .account-step:before {
  content: "";
  margin: 0 1rem;
  display: inline-block;
  width: 1.7rem;
  height: 0.3rem;
  background: url("../img/common/ico_step_bar.png") no-repeat center;
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap ul .account-step:before {
    display: none;
  }
}
.account-top-area .account-step-wrap ul .account-step:nth-of-type(1):before {
  display: none;
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap ul .account-step {
    display: none;
  }
}
.account-top-area .account-step-wrap ul .account-step.active, .account-top-area .account-step-wrap ul .account-step.complete {
  color: #333;
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap ul .account-step.active, .account-top-area .account-step-wrap ul .account-step.complete {
    display: flex;
  }
}
.account-top-area .account-step-wrap ul .account-step.active .ico.account-ico01, .account-top-area .account-step-wrap ul .account-step.complete .ico.account-ico01 {
  background: url("../img/common/ico_account01_on.png") no-repeat center, linear-gradient(108deg, #0E457B 0%, #075D5D 100%);
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap ul .account-step.active .ico.account-ico01, .account-top-area .account-step-wrap ul .account-step.complete .ico.account-ico01 {
    background-size: 1.3rem auto;
    background-position: center;
  }
}
.account-top-area .account-step-wrap ul .account-step.active .ico.account-ico02, .account-top-area .account-step-wrap ul .account-step.complete .ico.account-ico02 {
  background: url("../img/common/ico_account02_on.png") no-repeat left 0.85rem center, linear-gradient(108deg, #0E457B 0%, #075D5D 100%);
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap ul .account-step.active .ico.account-ico02, .account-top-area .account-step-wrap ul .account-step.complete .ico.account-ico02 {
    background-size: 1.3rem auto;
    background-position: center;
  }
}
.account-top-area .account-step-wrap ul .account-step.active .ico.account-ico03, .account-top-area .account-step-wrap ul .account-step.complete .ico.account-ico03 {
  background: url("../img/common/ico_account03_on.png") no-repeat left 0.85rem center, linear-gradient(108deg, #0E457B 0%, #075D5D 100%);
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap ul .account-step.active .ico.account-ico03, .account-top-area .account-step-wrap ul .account-step.complete .ico.account-ico03 {
    background-size: 1.3rem auto;
    background-position: center;
  }
}
.account-top-area .account-step-wrap ul .account-step.active .ico.account-ico04, .account-top-area .account-step-wrap ul .account-step.complete .ico.account-ico04 {
  background: url("../img/common/ico_account04_on.png") no-repeat center, linear-gradient(108deg, #0E457B 0%, #075D5D 100%);
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap ul .account-step.active .ico.account-ico04, .account-top-area .account-step-wrap ul .account-step.complete .ico.account-ico04 {
    background-size: 1.3rem auto;
    background-position: center;
  }
}
.account-top-area .account-step-wrap ul .account-step.active .ico.account-ico05, .account-top-area .account-step-wrap ul .account-step.complete .ico.account-ico05 {
  background: url("../img/common/ico_account05_on.png") no-repeat center, linear-gradient(108deg, #0E457B 0%, #075D5D 100%);
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap ul .account-step.active .ico.account-ico05, .account-top-area .account-step-wrap ul .account-step.complete .ico.account-ico05 {
    background-size: 1.3rem auto;
    background-position: center;
  }
}
.account-top-area .account-step-wrap ul .account-step.complete {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap ul .account-step.complete {
    display: none;
  }
}
.account-top-area .account-step-wrap ul .account-step .ico {
  width: 3rem;
  height: 3rem;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.6rem;
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap ul .account-step .ico {
    width: 2.6rem;
    height: 2.6rem;
  }
}
.account-top-area .account-step-wrap ul .account-step .ico.account-ico01 {
  background: url("../img/common/ico_account01_off.png") no-repeat center, #F0F0F0;
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap ul .account-step .ico.account-ico01 {
    background-size: 1.3rem auto;
    background-position: center;
  }
}
.account-top-area .account-step-wrap ul .account-step .ico.account-ico02 {
  background: url("../img/common/ico_account02_off.png") no-repeat left 0.85rem center, #F0F0F0;
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap ul .account-step .ico.account-ico02 {
    background-size: 1.3rem auto;
    background-position: center;
  }
}
.account-top-area .account-step-wrap ul .account-step .ico.account-ico03 {
  background: url("../img/common/ico_account03_off.png") no-repeat left 0.85rem center, #F0F0F0;
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap ul .account-step .ico.account-ico03 {
    background-size: 1.3rem auto;
    background-position: center;
  }
}
.account-top-area .account-step-wrap ul .account-step .ico.account-ico04 {
  background: url("../img/common/ico_account04_off.png") no-repeat center, #F0F0F0;
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap ul .account-step .ico.account-ico04 {
    background-size: 1.3rem auto;
    background-position: center;
  }
}
.account-top-area .account-step-wrap ul .account-step .ico.account-ico05 {
  background: url("../img/common/ico_account05_off.png") no-repeat center, #F0F0F0;
}
@media screen and (max-width: 767px) {
  .account-top-area .account-step-wrap ul .account-step .ico.account-ico05 {
    background-size: 1.3rem auto;
    background-position: center;
  }
}

.find-tit-wrap .find-tit {
  display: block;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  word-break: keep-all;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .find-tit-wrap .find-tit {
    font-size: 2rem;
  }
}
.find-tit-wrap .find-txt {
  margin-top: 2rem;
  color: #555;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.036em;
  text-align: center;
  word-break: keep-all;
}
@media screen and (max-width: 767px) {
  .find-tit-wrap .find-txt {
    margin-top: 1.4rem;
    font-size: 1.6rem;
  }
}

.member-service {
  max-width: 60rem;
  width: 100%;
}
.member-service .id-txt {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .member-service .id-txt {
    font-size: 2rem;
  }
}

.link-txt-wrap {
  margin: 6rem auto 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .link-txt-wrap {
    margin: 4rem auto 0;
  }
}
.link-txt-wrap .txt_gray {
  color: #555;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .link-txt-wrap .txt_gray {
    font-size: 1.4rem;
  }
}
.link-txt-wrap .link-txt_blue {
  color: var(--color-primary-blue);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
  text-decoration: underline;
  text-underline-offset: 2px;
  margin-left: 1rem;
}
@media screen and (max-width: 767px) {
  .link-txt-wrap .link-txt_blue {
    font-size: 1.4rem;
    margin-left: 0.8rem;
  }
}

/* -------------------------------------------------------------- */
/* 회원가입-타입선택 */
/* -------------------------------------------------------------- */
.intro-top-area .intro-tit-wrap .intro-tit {
  font-size: 4rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .intro-top-area .intro-tit-wrap .intro-tit {
    font-size: 3rem;
  }
}
.intro-top-area .intro-notice-area {
  margin-top: 3.6rem;
  padding-left: 16rem;
  background: url("../img/sub/account_intro_img01.png") no-repeat left center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .intro-top-area .intro-notice-area {
    padding-top: 10rem;
    padding-left: 0;
    background: url("../img/sub/account_intro_img01.png") no-repeat center top;
    background-size: auto 10rem;
    margin-top: 3rem;
  }
}
.intro-top-area .intro-notice-area .notice-txt-wrap.bubble {
  position: relative;
  display: inline-block;
  background: linear-gradient(91deg, #30689F 0%, #1D7474 99.97%);
  border-radius: 20px;
  padding: 3.3rem 4rem;
  color: #fff;
  line-height: 1.5;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .intro-top-area .intro-notice-area .notice-txt-wrap.bubble {
    padding: 2.5rem 3.5rem;
  }
}
@media screen and (max-width: 767px) {
  .intro-top-area .intro-notice-area .notice-txt-wrap.bubble {
    padding: 1.6rem;
  }
}
.intro-top-area .intro-notice-area .notice-txt-wrap.bubble .bubble-inner {
  position: relative;
  z-index: 1;
}
.intro-top-area .intro-notice-area .notice-txt-wrap.bubble::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 60%;
  width: 25px;
  height: 30px;
  transform: translateY(-50%);
  background: #30689F;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
@media screen and (max-width: 767px) {
  .intro-top-area .intro-notice-area .notice-txt-wrap.bubble::before {
    display: none;
  }
}
.intro-top-area .intro-notice-area .notice-txt-wrap .notice-tit {
  color: #FFF;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.04em;
  display: block;
  word-break: keep-all;
}
@media screen and (max-width: 1023px) {
  .intro-top-area .intro-notice-area .notice-txt-wrap .notice-tit {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .intro-top-area .intro-notice-area .notice-txt-wrap .notice-tit {
    font-size: 2rem;
    text-align: center;
  }
}
.intro-top-area .intro-notice-area .notice-txt-wrap .notice-txt {
  color: #FFF;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
  display: block;
  margin-top: 1.2rem;
  word-break: keep-all;
}
@media screen and (max-width: 1023px) {
  .intro-top-area .intro-notice-area .notice-txt-wrap .notice-txt {
    font-size: 2rem;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .intro-top-area .intro-notice-area .notice-txt-wrap .notice-txt {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-top: 0.6rem;
    text-align: center;
  }
}

.member-type {
  margin: 5rem auto 0;
}
@media screen and (max-width: 767px) {
  .member-type {
    margin: 2.5rem auto 0;
  }
}
.member-type .member-type-area {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area {
    flex-direction: column;
    gap: 0;
  }
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area .white-box-inner {
    padding: 2rem;
  }
}
.member-type .member-type-area .member01 {
  width: 4.6rem;
  height: 4.7rem;
  background: url("../img/sub/member01.png") no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area .member01 {
    width: 4rem;
    height: 4rem;
  }
}
.member-type .member-type-area .member02 {
  width: 4.7rem;
  height: 4.7rem;
  background: url("../img/sub/member02.png") no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area .member02 {
    width: 4rem;
    height: 4rem;
  }
}
.member-type .member-type-area .member-cont-wrap {
  width: calc(100% - 9.6rem);
}
@media screen and (max-width: 1023px) {
  .member-type .member-type-area .member-cont-wrap {
    width: calc(100% - 7.6rem);
  }
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area .member-cont-wrap {
    margin-top: 2rem;
    width: 100%;
  }
}
.member-type .member-type-area .member-cont-wrap .member-tit-wrap .member-tit {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.02em;
}
.member-type .member-type-area .member-cont-wrap .member-section_desc {
  margin-top: 1.8rem;
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area .member-cont-wrap .member-section_desc {
    margin-top: 1.4rem;
  }
}
.member-type .member-type-area .member-cont-wrap .member-section_desc .desc-heading {
  color: #1D1D1D;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
  padding-bottom: 1rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area .member-cont-wrap .member-section_desc .desc-heading {
    font-size: 1.8rem;
  }
}
.member-type .member-type-area .member-cont-wrap .member-section_desc .desc-list-wrap {
  margin-top: 2rem;
  padding: 2rem;
  border-radius: 8px;
  background: #FAFAFA;
  display: flex;
}
@media screen and (max-width: 1023px) {
  .member-type .member-type-area .member-cont-wrap .member-section_desc .desc-list-wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area .member-cont-wrap .member-section_desc .desc-list-wrap {
    margin-top: 1.8rem;
    padding: 1.6rem;
  }
}
.member-type .member-type-area .member-cont-wrap .member-section_desc .desc-list-wrap .desc-list {
  flex: 1 0;
}
@media screen and (max-width: 1023px) {
  .member-type .member-type-area .member-cont-wrap .member-section_desc .desc-list-wrap .desc-list + .desc-list {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .member-type .member-type-area .member-cont-wrap .member-section_desc .desc-list-wrap .desc-list + .desc-list {
    margin-top: 1.2rem;
  }
}
.member-type .member-type-area .member-cont-wrap .member-section_desc .desc-list-wrap .desc-list li {
  color: #333;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
  text-indent: -15px;
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area .member-cont-wrap .member-section_desc .desc-list-wrap .desc-list li {
    font-size: 1.6rem;
  }
}
.member-type .member-type-area .member-cont-wrap .member-section_desc .desc-list-wrap .desc-list li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  background: #555;
  border-radius: 50%;
  line-height: 21px;
  margin-right: 1rem;
}
.member-type .member-type-area .member-cont-wrap .member-section_desc .desc-list-wrap .desc-list li.txt-red:before {
  background: var(--color-red);
}
.member-type .member-type-area .member-cont-wrap .member-section_desc .desc-list-wrap .desc-list li + li {
  margin-top: 1.8rem;
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area .member-cont-wrap .member-section_desc .desc-list-wrap .desc-list li + li {
    margin-top: 1.2rem;
  }
}
.member-type .member-type-area .member-cont-wrap .member-section-bottom {
  display: flex;
  gap: 2rem;
  margin-top: 2.4rem;
}
@media screen and (max-width: 1023px) {
  .member-type .member-type-area .member-cont-wrap .member-section-bottom {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area .member-cont-wrap .member-section-bottom {
    margin-top: 1.8rem;
    gap: 0;
  }
}
.member-type .member-type-area .member-cont-wrap .member-section_note {
  display: flex;
  align-items: center;
  padding: 2rem;
  border-radius: 8px;
  flex: 1 0;
}
@media screen and (max-width: 1023px) {
  .member-type .member-type-area .member-cont-wrap .member-section_note {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area .member-cont-wrap .member-section_note {
    padding: 1.6rem;
  }
}
.member-type .member-type-area .member-cont-wrap .member-section_note .note-label {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area .member-cont-wrap .member-section_note .note-label {
    font-size: 1.4rem;
  }
}
.member-type .member-type-area .member-cont-wrap .member-section_note .note-text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1023px) {
  .member-type .member-type-area .member-cont-wrap .member-section_note .note-text {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area .member-cont-wrap .member-section_note .note-text {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
}
.member-type .member-type-area .member-cont-wrap .member-section_note .note-text:before {
  content: "";
  width: 1px;
  height: 14px;
  background: #888;
  display: inline-block;
  margin: 0 1rem;
}
@media screen and (max-width: 1023px) {
  .member-type .member-type-area .member-cont-wrap .member-section_note .note-text:before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area .member-cont-wrap .member-section_btn-wrap {
    margin-top: 1.6rem;
  }
}
.member-type .member-type-area .member-cont-wrap .member-section_btn-wrap .btn {
  width: 24rem;
  height: 6rem;
  padding: 0 2rem;
  color: #FFF;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1023px) {
  .member-type .member-type-area .member-cont-wrap .member-section_btn-wrap .btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .member-type .member-type-area .member-cont-wrap .member-section_btn-wrap .btn {
    height: 5.4rem;
    font-size: 1.6rem;
  }
}
.member-type .member-type-area .member-cont-wrap .member-section_btn-wrap .btn .ico {
  margin-left: 2rem;
}
.member-type .member-type-area.member-type01 .member-tit-wrap .member-tit {
  color: var(--color-primary-green);
}
.member-type .member-type-area.member-type01 .member-section_desc .desc-heading {
  border-bottom: 2px solid var(--color-primary-green);
}
.member-type .member-type-area.member-type01 .member-section_note {
  background: var(--color-bg-green);
}
.member-type .member-type-area.member-type01 .member-section_note .note-label {
  color: var(--color-primary-green);
}
.member-type .member-type-area.member-type02 .member-tit-wrap .member-tit {
  color: var(--color-primary-blue);
}
.member-type .member-type-area.member-type02 .member-section_desc .desc-heading {
  border-bottom: 2px solid var(--color-primary-blue);
}
.member-type .member-type-area.member-type02 .member-section_note {
  background: var(--color-bg-blue);
}
.member-type .member-type-area.member-type02 .member-section_note .note-label {
  color: var(--color-primary-blue);
}

/* -------------------------------------------------------------- */
/* 이용약관 */
/* -------------------------------------------------------------- */
.term-tit-wrap {
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .term-tit-wrap {
    margin-bottom: 1.2rem;
  }
}
.term-tit-wrap .term-tit {
  color: #1D1D1D;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .term-tit-wrap .term-tit {
    font-size: 2rem;
  }
}
.term-tit-wrap .term-tit .txt-blue {
  color: var(--color-primary-blue);
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .term-tit-wrap .term-tit .txt-blue {
    font-size: 1.8rem;
  }
}

.term-cont-wrap {
  border: 1px solid var(--color-border3);
  border-radius: 8px;
}
.term-cont-wrap .term-cont-inner {
  padding: 2.4rem;
}
@media screen and (max-width: 767px) {
  .term-cont-wrap .term-cont-inner {
    padding: 1.6rem;
  }
}
.term-cont-wrap .term-cont-inner pre {
  white-space: pre-wrap;
  color: #555;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .term-cont-wrap .term-cont-inner pre {
    font-size: 1.4rem;
  }
}
.term-cont-wrap .term-cont-inner pre b,
.term-cont-wrap .term-cont-inner pre span {
  color: #1D1D1D;
}
.term-cont-wrap .term-cont-inner pre b {
  font-weight: 600;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .term-cont-wrap .term-cont-inner pre b {
    font-size: 1.6rem;
  }
}
.term-cont-wrap .term-cont-inner pre span {
  font-weight: 500;
}

.term-agree {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .term-agree {
    margin-top: 1.6rem;
  }
}

.term-box + .term-box {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .term-box + .term-box {
    margin-top: 3rem;
  }
}

.all-check {
  padding: 3rem 1.6rem;
  background: var(--color-bg-blue);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .all-check {
    padding: 2rem 1rem;
    margin-top: 3rem;
  }
}
.all-check .check.v2 .label {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .all-check .check.v2 .label {
    font-size: 1.8rem;
  }
}
.all-check .check.v2 label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  line-height: 1;
  position: relative;
  padding-left: 3.2rem;
}
@media screen and (max-width: 767px) {
  .all-check .check.v2 label {
    padding-left: 2.8rem;
  }
}
.all-check .check.v2 label::before {
  content: "";
  aspect-ratio: 1/1;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  border: 1px solid var(--color-border3);
  background: var(--color-border3);
}
@media screen and (max-width: 767px) {
  .all-check .check.v2 label::before {
    width: 2.2rem;
    height: 2.2rem;
  }
}
.all-check .check.v2 label::after {
  content: "";
  width: 1.1em;
  height: 0.9rem;
  position: absolute;
  left: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/common/ico_check_wh.png") no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .all-check .check.v2 label::after {
    width: 1rem;
    height: 0.8rem;
    left: 0.7rem;
    /*top: 0.7rem;*/
  }
}
.all-check.v2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 3rem;
  margin-top: 4rem;
}
@media screen and (max-width: 1023px) {
  .all-check.v2 {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .all-check.v2 {
    padding: 2rem;
    margin-top: 4rem;
  }
}
.all-check.v2 .agree-label {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
  display: inline-block;
}
@media screen and (max-width: 1023px) {
  .all-check.v2 .agree-label {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .all-check.v2 .agree-label {
    font-size: 1.8rem;
  }
}
.all-check.v2 .agree-options {
  display: inline-flex;
  align-items: center;
  gap: 2rem;
  flex: none;
}
@media screen and (max-width: 1023px) {
  .all-check.v2 .agree-options {
    margin-top: 2rem;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .all-check.v2 .agree-options {
    display: block;
    gap: 0;
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .all-check.v2 .agree-options .radio {
    width: 100%;
  }
}
.all-check.v2 .agree-options .radio.v2 .label {
  color: #222;
  font-size: 2rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .all-check.v2 .agree-options .radio.v2 .label {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .all-check.v2 .agree-options .radio.v2 label:before {
    width: 2rem;
    height: 2rem;
  }
  .all-check.v2 .agree-options .radio.v2 label:after {
    left: 0.6rem;
  }
}
@media screen and (max-width: 767px) {
  .all-check.v2 .agree-options .radio + .radio {
    margin-top: 1.2rem;
    margin-left: 0;
  }
}

/* -------------------------------------------------------------- */
/* 회원가입 */
/* -------------------------------------------------------------- */
.join-tit-wrap {
  border-bottom: 1px solid #888;
  padding-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .join-tit-wrap {
    padding-bottom: 1.2rem;
  }
}
.join-tit-wrap:has(.custom-select) {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .join-tit-wrap:has(.custom-select) {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .join-tit-wrap:has(.custom-select) .custom-select {
    max-width: 100% !important;
    margin-top: 1rem;
  }
}
.join-tit-wrap .join-tit {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .join-tit-wrap .join-tit {
    font-size: 2rem;
  }
}
.join-tit-wrap .join-tit .join01 {
  width: 2.6rem;
  height: 1.9rem;
  margin-right: 0.6rem;
  background: url("../img/common/ico_join01.png") no-repeat top center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .join-tit-wrap .join-tit .join01 {
    width: 2.4rem;
    height: 1.7rem;
    margin-right: 0.4rem;
  }
}
.join-tit-wrap .join-tit .join02 {
  width: 2.6rem;
  height: 2.2rem;
  margin-right: 0.6rem;
  background: url("../img/common/ico_join02.png") no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .join-tit-wrap .join-tit .join02 {
    width: 2.4rem;
    height: 1.9rem;
    margin-right: 0.4rem;
  }
}

.join-cont-wrap {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .join-cont-wrap {
    margin-top: 1.4rem;
  }
}

.no-company .no-company-txt {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #555;
  font-weight: 400;
  line-height: 1.3;
  min-height: 10rem;
}

/* -------------------------------------------------------------- */
/* 회원가입 완료 */
/* -------------------------------------------------------------- */
.join-complete .ico-area {
  width: 13rem;
  height: 13rem;
  background: var(--color-bg-green);
  border-radius: 50%;
  margin: 0 auto 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .join-complete .ico-area {
    width: 10rem;
    height: 10rem;
    margin: 0 auto 2rem;
  }
}
.join-complete .ico-area .ico {
  width: 7.4rem;
  height: 6.1rem;
  background: url("../img/common/ico_arr_complete.png") no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .join-complete .ico-area .ico {
    width: 4.9rem;
    height: 4rem;
  }
}
.join-complete .complete-txt {
  display: block;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .join-complete .complete-txt {
    font-size: 2rem;
  }
}
.join-complete .complete-txt .txt-blue {
  font-weight: 700;
}

/* -------------------------------------------------------------- */
/* 준비중 */
/* -------------------------------------------------------------- */
.coming-soon {
  background: #fafafa;
  border-radius: 10px;
  padding: 7rem 5rem;
}
@media screen and (max-width: 767px) {
  .coming-soon {
    padding: 5rem 1.6rem;
  }
}
.coming-soon .soon-tit-wrap .soon-tit {
  display: block;
  text-align: center;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .coming-soon .soon-tit-wrap .soon-tit {
    font-size: 2.6rem;
  }
}
.coming-soon .ico {
  display: block;
  width: 15rem;
  height: 16.5rem;
  margin: 5rem auto 3rem;
  background: url("../img/common/ico_prepare.png") no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .coming-soon .ico {
    width: 11rem;
    height: 12rem;
    margin: 3rem auto 2rem;
  }
}
.coming-soon .coming-cont-wrap .coming-txt {
  display: block;
  text-align: center;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  word-break: keep-all;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .coming-soon .coming-cont-wrap .coming-txt {
    font-size: 1.6rem;
  }
}
.coming-soon .coming-cont-wrap .coming-txt b {
  display: block;
  font-size: 2.4rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .coming-soon .coming-cont-wrap .coming-txt b {
    font-size: 1.8rem;
    margin-top: 1rem;
  }
}

/* -------------------------------------------------------------- */
/* 서브페이지 이용약관 */
/* -------------------------------------------------------------- */
.common-term-box .common-agree .common-agree-inner {
  border-radius: 15px;
  border: 1px solid #DEDEDE;
  background: #FFF;
}
.common-term-box .common-agree .common-agree-inner .term {
  padding: 3rem 3rem 3rem 3rem;
  white-space: pre-line;
  color: #555;
  font-size: 1.8rem;
  line-height: 1.44;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .common-term-box .common-agree .common-agree-inner .term {
    padding: 2rem;
    font-size: 1.6rem;
  }
}
.common-term-box .common-agree .common-agree-inner .term b {
  color: #222;
  font-weight: 500;
  margin-bottom: 0.6rem;
}

.has-datepicker-group {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  width: 100%;
  /* 조회 */
}
@media screen and (max-width: 767px) {
  .has-datepicker-group {
    display: block;
  }
}
.has-datepicker-group .add-btn,
.has-datepicker-group .delete-btn {
  padding: 0 1rem;
  border-radius: 6px;
  min-width: 6rem;
}
.has-datepicker-group .label-txt,
.has-datepicker-group .date-txt {
  color: #555;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: -0.04em;
  word-break: break-all;
  width: 100%;
}

.add-box-wrap {
  max-width: calc(100% - 6rem - 12rem - 2rem);
}
@media screen and (max-width: 767px) {
  .add-box-wrap {
    width: 100%;
    max-width: 100%;
    margin-top: 1rem;
  }
}
.add-box-wrap .add-box + .add-box {
  margin-top: 1rem;
}
.add-box-wrap .add-box {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .add-box-wrap .add-box {
    align-items: flex-end;
    border-bottom: 1px dashed var(--color-border);
    padding-bottom: 1rem;
  }
  .add-box-wrap .add-box:last-of-type {
    border-bottom: none;
  }
}
.add-box-wrap .add-box .btn-wrap {
  margin-left: 1rem;
  flex: none;
}
@media screen and (max-width: 767px) {
  .add-box-wrap .add-box {
    display: flex;
  }
  .add-box-wrap .add-box .datepicker-wrap {
    max-width: 100% !important;
    gap: 0;
  }
}

.has-datepicker {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  border-bottom: 1px solid var(--color-border3);
  padding-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .has-datepicker {
    flex-direction: column;
    padding-top: 1rem;
    gap: 0;
  }
}
.has-datepicker:last-of-type {
  border-bottom: none;
}
.has-datepicker .has-btn:has(input[type=checkbox]:checked) .add-btn-wrap {
  display: none;
}
.has-datepicker .has-btn .add-btn-wrap {
  display: none;
}
@media screen and (max-width: 767px) {
  .has-datepicker .has-btn {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .has-datepicker .has-btn:has(input[type=checkbox]:checked) .add-btn-wrap {
    display: block;
  }
  .has-datepicker .has-btn .add-btn-wrap {
    display: block;
  }
}
.has-datepicker .check {
  width: 12rem;
  min-height: 4rem;
  flex: none;
}
@media screen and (max-width: 767px) {
  .has-datepicker .check {
    width: 10rem;
    justify-content: space-between;
    display: flex;
  }
}
.has-datepicker .btn-wrap {
  margin-left: auto;
  flex: none;
}
.has-datepicker .add-btn-wrap {
  display: none;
}
.has-datepicker:has(input[type=checkbox]:checked) .add-btn-wrap {
  display: block;
}

.form-tit-wrap:has(.all-date-wrap) {
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .all-date-wrap {
    flex: none;
    width: 100%;
  }
}
.all-date-wrap .all-date .txt-blue {
  font-size: 1.8rem;
}

/* -------------------------------------------------------------- */
/* 사업신청 주요 서비스 */
/* -------------------------------------------------------------- */
.flex-box-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 5rem 4rem;
}
@media screen and (max-width: 1023px) {
  .flex-box-wrap {
    flex-direction: column;
    gap: 0;
  }
}
.flex-box-wrap .flex-box {
  flex: 1 0 auto;
  width: calc(50% - 2rem);
}
@media screen and (max-width: 1023px) {
  .flex-box-wrap .flex-box {
    width: 100%;
  }
  .flex-box-wrap .flex-box + .flex-box {
    margin-top: 5rem;
  }
}
.flex-box-wrap .sub-tit-wrap {
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .flex-box-wrap .sub-tit-wrap.v2 {
    align-items: center;
    gap: 0.8rem 0;
  }
}
@media screen and (max-width: 767px) {
  .flex-box-wrap .sub-tit-wrap.v2 .link-area {
    width: auto;
    margin-top: 0;
  }
}
.flex-box-wrap .sub-tit-wrap.v2 .link-area .link-txt {
  color: #888;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
}
.flex-box-wrap .sub-tit-wrap.v2 .direct-link {
  text-decoration: none;
}
.flex-box-wrap .blue-box {
  border-radius: 0;
  border-top: 2px solid var(--color-primary-blue);
  padding: 2rem;
  height: calc(100% - 4.3rem);
}
@media screen and (max-width: 1023px) {
  .flex-box-wrap .blue-box {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .flex-box-wrap .blue-box {
    padding: 3rem 2rem;
  }
}
.flex-box-wrap .txt-box {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 16rem;
}
@media screen and (max-width: 767px) {
  .flex-box-wrap .txt-box {
    min-height: auto;
  }
}
.flex-box-wrap .txt-box .txt {
  color: #222;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.04em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .flex-box-wrap .txt-box .txt {
    font-size: 1.8rem;
  }
}
.flex-box-wrap .txt-box .sub-txt {
  color: var(--color-red);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
  display: block;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .flex-box-wrap .txt-box .sub-txt {
    font-size: 1.4rem;
  }
}
.flex-box-wrap .txt-box .complete .txt {
  color: #222;
}
.flex-box-wrap .txt-box.not-yet .txt {
  color: #555;
}
.flex-box-wrap .btn-wrap {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .flex-box-wrap .btn-wrap {
    width: 100%;
  }
  .flex-box-wrap .btn-wrap .btn {
    /*width: 100%;*/
  }
}
.flex-box-wrap .link-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0 1.6rem;
  min-height: 16rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .flex-box-wrap .link-box {
    display: block;
  }
}
.flex-box-wrap .link-box .direct-link {
  min-height: 4.5rem;
  width: calc(50% - 0.8rem);
  padding: 0 1rem;
  color: var(--color-primary-green);
}
@media screen and (max-width: 767px) {
  .flex-box-wrap .link-box .direct-link {
    width: 100%;
  }
  .flex-box-wrap .link-box .direct-link + .direct-link {
    margin-top: 1.2rem;
  }
}

/* -------------------------------------------------------------- */
/* 공통페이지 */
/* -------------------------------------------------------------- */
.etc-content {
  padding: 12rem 0;
  min-height: calc(100vh - 42rem);
}
@media screen and (max-width: 1023px) {
  .etc-content {
    padding: 6rem 0 12rem;
  }
}
@media screen and (max-width: 767px) {
  .etc-content {
    padding: 4rem 0 10rem;
  }
}
.etc-content .etc-content-wrap {
  max-width: calc(100% - 4rem);
  width: 130rem;
  margin: 0 auto;
}
.etc-content .notice-area {
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .etc-content .notice-area {
    margin-bottom: 3.5rem;
  }
}
.etc-content .search-box {
  margin-bottom: 5rem;
}

.etc-tit-wrap {
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .etc-tit-wrap {
    margin-bottom: 3.5rem;
  }
}
.etc-tit-wrap .etc-tit {
  font-size: 4rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .etc-tit-wrap .etc-tit {
    font-size: 3rem;
  }
}

/* 공동인증서 텍스트 */
.certific-txt {
  color: #222;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.04em;
  display: block;
}
.certific-txt + .certific-txt {
  margin-top: 0.6rem;
}
@media screen and (max-width: 767px) {
  .certific-txt + .certific-txt {
    margin-top: 0.4rem;
  }
}

/* 공통 컨텐츠 박스 */
.common-contents {
  padding-left: 3.2rem;
}
@media screen and (max-width: 767px) {
  .common-contents {
    padding-left: 2.8rem;
  }
}
.common-contents .sub-tit-wrap {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .common-contents .sub-tit-wrap {
    margin-top: 3.5rem;
  }
}
.common-contents + .sub-tit-wrap.v1 {
  margin-top: 5rem;
}
.common-contents .normal-txt18 {
  color: #222;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.44;
  letter-spacing: -0.04em;
  margin-top: 0.6rem;
}
@media screen and (max-width: 767px) {
  .common-contents .normal-txt18 {
    font-size: 1.6rem;
  }
}
.common-contents .normal-txt16 {
  color: #222;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.04em;
  margin-top: 0.6rem;
}
@media screen and (max-width: 767px) {
  .common-contents .normal-txt16 {
    font-size: 1.4rem;
  }
}
.common-contents .normal-txt14 {
  color: #222;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
  margin-top: 0.6rem;
}
@media screen and (max-width: 767px) {
  .common-contents .normal-txt14 {
    font-size: 1.4rem;
  }
}
.common-contents .txt-gray {
  color: #555555;
}
.common-contents .txt-black333 {
  color: #333333;
}

.common-txt-ul.v1 .common-txt {
  color: #222;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .common-txt-ul.v1 .common-txt {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.common-txt-ul.v1 .common-txt + .common-txt {
  margin-top: 0.6rem;
}
@media screen and (max-width: 767px) {
  .common-txt-ul.v1 .common-txt + .common-txt {
    margin-top: 0.4rem;
  }
}

/* 통합검색 리스트 */
.search-result-list {
  background: rgba(246, 248, 252, 0.4);
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .search-result-list {
    margin-bottom: 3.5rem;
  }
}
.search-result-list:last-of-type {
  margin-bottom: 0;
}
.search-result-list .no-data {
  background: rgba(246, 248, 252, 0.4);
}
.search-result-list .no-data .no-data-txt {
  color: #555;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 13rem;
}
@media screen and (max-width: 767px) {
  .search-result-list .no-data .no-data-txt {
    height: 6rem;
    font-size: 1.4rem;
  }
}
.search-result-list .search-result-item {
  border-bottom: 1px solid var(--color-border2);
}
.search-result-list .search-result-item .search-result-inner {
  padding: 2rem;
}
@media screen and (max-width: 767px) {
  .search-result-list .search-result-item .search-result-inner {
    padding: 0.8rem;
  }
}
.search-result-list .search-result-item .search-result-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .search-result-list .search-result-item .search-result-head {
    display: block;
  }
}
.search-result-list .search-result-item .search-result-head .search-result-tit .link-a {
  color: #222;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
  display: block;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .search-result-list .search-result-item .search-result-head .search-result-tit .link-a {
    font-size: 1.6rem;
  }
}
.search-result-list .search-result-item .search-result-head .search-result-date {
  color: #707070;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  display: block;
  flex: none;
  margin-left: 1rem;
}
@media screen and (max-width: 767px) {
  .search-result-list .search-result-item .search-result-head .search-result-date {
    font-size: 1.4rem;
    margin-top: 0.6rem;
    margin-left: 0;
  }
}
.search-result-list .search-result-item .search-result-body {
  margin-top: 1.2rem;
}
.search-result-list .search-result-item .search-result-body .search-result-desc {
  color: #555;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.04em;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
@media screen and (max-width: 767px) {
  .search-result-list .search-result-item .search-result-body .search-result-desc {
    display: none;
  }
}
.search-result-list .search-result-item .file-box {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .search-result-list .search-result-item .file-box {
    margin-top: 0.8rem;
  }
}
.search-result-list .search-result-item .file-box .file-box__head {
  display: none;
}
.search-result-list .search-result-item .file-box .file-box__body .file-ul .file-li .txt {
  color: #555;
}

/* -------------------------------------------------------------- */
/* 전문가 */
/* -------------------------------------------------------------- */
.pro-item-select {
  margin-top: 4rem;
  margin-bottom: 6rem;
}
.pro-item-select .pro-select-top {
  margin-bottom: 2.4rem;
  display: flex;
  align-items: center;
}
.pro-item-select .pro-select-top .reset-btn {
  padding: 0.5rem;
  margin-left: 0.7rem;
}
.pro-item-select .pro-item-wrap.view .pro-card-group .pro-card {
  cursor: auto;
}
.pro-item-select .pro-item-wrap.view .pro-card-group .pro-card__top {
  padding-right: 0;
}
.pro-item-select .pro-item-wrap.view .pro-card-group .pro-card__top .pro-card__text {
  flex: 1 0;
}

.status-badge {
  color: #707070;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.32px;
  border-radius: 6px;
  border: 1px solid var(--color-border);
  padding: 0.6rem 1.2rem;
  margin-left: 0.5rem;
}
.status-badge.success {
  color: #fff;
  background: linear-gradient(108deg, #0E457B 0%, #075D5D 100%);
}
.status-badge.failed {
  color: var(--color-red);
  border: 1px solid var(--color-red);
}

/* 카드 그룹 */
.pro-card-group {
  display: flex;
  flex-wrap: wrap;
  /*grid-template-columns: repeat(auto-fit, minmax(320px, 400px));*/
  gap: 2rem;
}
@media screen and (max-width: 1023px) {
  .pro-card-group {
    /*grid-template-columns: repeat(1, 1fr);*/
    flex-direction: column;
    gap: 0;
  }
}
.pro-card-group .pro-card {
  display: block;
  cursor: pointer;
  width: 100%;
  flex: 1 0;
  /*flex: 0 0 calc(33.33% - 13.33px);*/
  max-width: 40rem;
}
@media screen and (max-width: 1023px) {
  .pro-card-group .pro-card {
    max-width: 100%;
  }
  .pro-card-group .pro-card + .pro-card {
    margin-top: 2rem;
  }
}
.pro-card-group .pro-card input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.pro-card-group .pro-card input[type=radio]:checked + .pro-card__body {
  background: var(--color-bg-blue);
  border-color: var(--color-primary-blue);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}
.pro-card-group .pro-card input[type=radio]:checked + .pro-card__body .pro-check {
  background: linear-gradient(108deg, #0E457B 0%, #075D5D 100%);
}
.pro-card-group .pro-card input[type=radio]:checked + .pro-card__body .pro-check::after {
  color: #fff;
}
.pro-card-group .pro-card__body {
  padding: 3.6rem;
  border-radius: 15px;
  border: 1px solid #F8F8F8;
  background: #F8F8F8;
  transition: 0.2s;
  height: 100%;
  min-height: 32.6rem;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .pro-card-group .pro-card__body {
    /*min-height: auto;*/
    min-height: 32.5rem;
  }
}
@media screen and (max-width: 767px) {
  .pro-card-group .pro-card__body {
    padding: 1.8rem;
    min-height: 25rem;
  }
}
.pro-card-group .pro-card__body .pro-check {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}
.pro-card-group .pro-card__body .pro-card__top {
  display: flex;
  align-items: flex-start;
  padding-right: 1rem;
}
.pro-card-group .pro-card__body .pro-card__top .pro-card__img {
  width: 12rem;
  height: 12rem;
  margin-right: 3rem;
  border-radius: 50%;
  overflow: hidden;
  flex: none;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .pro-card-group .pro-card__body .pro-card__top .pro-card__img {
    width: 10rem;
    height: 10rem;
    margin-right: 2.4rem;
  }
}
.pro-card-group .pro-card__body .pro-card__top .pro-card__img.no-img {
  background: url("../img/sub/pro_no_img.png") no-repeat center;
  background-size: cover;
}
.pro-card-group .pro-card__body .pro-card__top .pro-card__text span {
  display: block;
}
.pro-card-group .pro-card__body .pro-card__top .pro-card__text .pro-role {
  color: #555;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .pro-card-group .pro-card__body .pro-card__top .pro-card__text .pro-role {
    font-size: 1.4rem;
  }
}
.pro-card-group .pro-card__body .pro-card__top .pro-card__text .pro-name {
  color: #222;
  margin-top: 1rem;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .pro-card-group .pro-card__body .pro-card__top .pro-card__text .pro-name {
    margin-top: 0.6rem;
    font-size: 2rem;
  }
}
.pro-card-group .pro-card__body .pro-card__top .pro-card__text .pro-distance {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
  margin-top: 2rem;
  color: var(--color-primary-blue);
}
@media screen and (max-width: 767px) {
  .pro-card-group .pro-card__body .pro-card__top .pro-card__text .pro-distance {
    font-size: 1.4rem;
  }
}
.pro-card-group .pro-card__body .pro-card__top .pro-card__text .pro-distance .ico {
  margin-right: 0.6rem;
}
.pro-card-group .pro-card__body .pro-desc {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .pro-card-group .pro-card__body .pro-desc {
    margin-top: 2.4rem;
  }
}
.pro-card-group .pro-card__body .pro-desc .pro-desc-txt {
  color: #222;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
  display: block;
  word-break: break-all;
  text-indent: -6px;
  margin-left: 6px;
}
@media screen and (max-width: 767px) {
  .pro-card-group .pro-card__body .pro-desc .pro-desc-txt {
    font-size: 1rem;
  }
}
.pro-card-group .pro-card__body .pro-desc .pro-desc-txt + .pro-desc-txt {
  margin-top: 0.6rem;
}
.pro-card-group .pro-card.no-data {
  cursor: auto;
}
.pro-card-group .pro-card.no-data .pro-card__body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .pro-card-group .pro-card.no-data .pro-card__body {
    min-height: 15rem;
  }
}
.pro-card-group .pro-card.no-data .pro-card__body .no-data-txt {
  color: #888;
  text-align: center;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .pro-card-group .pro-card.no-data .pro-card__body .no-data-txt {
    font-size: 1.6rem;
  }
}
.pro-card-group .pro-check {
  width: 3rem;
  height: 3rem;
  border-radius: 50px;
  background: var(--color-border3);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .pro-card-group .pro-check {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.pro-card-group .pro-check .ico {
  content: "";
  width: 0.8em;
  height: 1rem;
  background: url("../img/common/ico_check_wh.png") no-repeat center;
  background-size: contain;
}

/* 전문가 선택 */
.pro-select-wrap {
  align-items: stretch;
}
.pro-select-wrap .select-btn {
  border-radius: 100px;
  border: 1px solid #C0C0C0;
  background: #FFF;
  color: #707070;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6rem;
  flex: 1 0;
  cursor: auto;
}
@media screen and (max-width: 767px) {
  .pro-select-wrap .select-btn {
    padding: 0.5rem 1.2rem;
    font-size: 1.6rem;
    flex-direction: column;
    height: auto;
  }
}
.pro-select-wrap .select-btn + .select-btn {
  margin-left: 2rem;
}
@media screen and (max-width: 767px) {
  .pro-select-wrap .select-btn + .select-btn {
    margin-left: 0.8rem;
  }
}
.pro-select-wrap .select-btn.selected {
  border: 1px solid var(--color-primary-blue);
  color: var(--color-primary-blue);
  cursor: pointer;
}
.pro-select-wrap .select-btn.selected .ico-txt {
  display: inline-block;
}
.pro-select-wrap .select-btn.selected.is-checked .ico-txt {
  background: var(--color-bg-green);
  border: 1px solid var(--color-primary-green);
  color: var(--color-primary-green);
}
.pro-select-wrap .select-btn.active {
  border: 1px solid var(--color-primary-blue);
  background: var(--color-primary-blue);
  color: #fff;
  cursor: pointer;
}
.pro-select-wrap .select-btn.active .ico-txt {
  display: inline-block;
}
.pro-select-wrap .select-btn.active.is-checked .ico-txt {
  background: var(--color-bg-green);
  border: 1px solid var(--color-primary-green);
  color: var(--color-primary-green);
}
.pro-select-wrap .select-btn .ico {
  display: none;
}
.pro-select-wrap .select-btn .ico-txt {
  font-size: 1.1rem;
  padding: 0.5rem;
  border-radius: 20px;
  color: var(--color-red);
  background: var(--color-bg-red);
  border: 1px solid var(--color-red);
  margin-left: 0.5rem;
  display: none;
}
@media screen and (max-width: 767px) {
  .pro-select-wrap .select-btn .ico-txt {
    font-size: 1rem;
    margin-left: 0;
    padding: 0.3rem 0.5rem;
    margin-top: 0.3rem;
  }
}

/* 전문가 선택 탭 */
.pro-tab-cont-wrap .pro-tab-cont {
  display: none;
}
.pro-tab-cont-wrap .pro-tab-cont.active {
  display: block;
}

/* 전문가 직접 검색 */
@media screen and (max-width: 767px) {
  .pro-search-area .search-box {
    padding: 1.8rem;
  }
}
.pro-search-area .search-input {
  height: 6rem;
}
@media screen and (max-width: 767px) {
  .pro-search-area .search-input {
    height: 5rem;
  }
}
.pro-search-area .search-input .search-btn {
  width: 6rem;
  height: 6rem;
}
@media screen and (max-width: 767px) {
  .pro-search-area .search-input .search-btn {
    width: 5rem;
    height: 5rem;
  }
}
.pro-search-area .search-input .search-btn .icon {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (max-width: 767px) {
  .pro-search-area .search-input .search-btn .icon {
    width: 2rem;
    height: 2rem;
  }
}
.pro-search-area .pro-card-group {
  margin-top: 2.4rem;
}

/* 전문가 토글 버튼 */
.toggle-pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 4px;
  background: var(--color-bg-green);
  border-radius: 999px;
  border: 1px solid var(--color-border2);
}
.toggle-pill .pill-indicator {
  position: absolute;
  left: 4px;
  top: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  background: var(--color-primary-green);
  border-radius: 999px;
  transition: transform 0.25s ease;
  z-index: 0;
}
.toggle-pill .pill-btn {
  position: relative;
  z-index: 1;
  flex: 1 0 0;
  padding: 0.6rem 1.8rem;
  border: none;
  border-radius: 999px;
  background: transparent;
  font-size: 1.8rem;
  color: #888;
  transition: color 0.25s ease;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .toggle-pill .pill-btn {
    font-size: 1.4rem;
    padding: 0.6rem 1.2rem;
  }
}
.toggle-pill .pill-btn.active {
  color: #fff;
}

/* -------------------------------------------------------------- */
/* 윈도우팝업 */
/* -------------------------------------------------------------- */
.window-popup {
  padding: 5rem 3rem;
}
.window-popup .popup-head {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .window-popup .popup-head {
    margin-bottom: 2rem;
  }
}
.window-popup .popup-head .window-tit-area .survey-tit-wrap .survey-tit {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .window-popup .popup-head .window-tit-area .survey-tit-wrap .survey-tit {
    font-size: 2.6rem;
  }
}
.window-popup .search-box {
  padding: 2rem;
}
.window-popup .popup-foot {
  margin-top: 6rem;
}

/* 통기반 상담현황 완료보고서 날짜 추가 부분 */
.date-add-list .date-add-item {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .date-add-list .date-add-item {
    display: block;
  }
}
.date-add-list .date-add-item > .add-btn {
  display: block;
}
@media screen and (max-width: 767px) {
  .date-add-list .date-add-item > .add-btn {
    display: none;
  }
}
.date-add-list .date-add-item + .date-add-item {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .date-add-list .date-add-item + .date-add-item {
    margin-top: 1.6rem;
  }
}
.date-add-list .date-add-item .time {
  display: flex;
  align-items: center;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .date-add-list .date-add-item .time {
    width: 100%;
  }
}
.date-add-list .date-add-item .time:after {
  content: "";
  display: inline-block;
  margin: 0 1rem;
  width: 2px;
  height: 15px;
  background: var(--color-border3);
}
@media screen and (max-width: 767px) {
  .date-add-list .date-add-item .time:after {
    display: none;
  }
}
.date-add-list .date-add-item .time .time-num {
  min-width: 1.5rem;
  text-align: right;
}
.date-add-list .date-add-item .time .add-btn {
  display: none;
}
@media screen and (max-width: 767px) {
  .date-add-list .date-add-item .time .add-btn {
    display: block;
    margin-left: auto;
  }
}
.date-add-list .date-add-item .time-date {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .date-add-list .date-add-item .time-date {
    width: 100%;
    margin-top: 1rem;
  }
}
.date-add-list .date-add-item .time-date .datepicker-wrap {
  margin-left: 1rem;
}
.date-add-list .date-add-item .has-btn {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .date-add-list .date-add-item .has-btn {
    display: block;
  }
}
.date-add-list .date-add-item .has-btn .btn {
  margin-left: 1rem;
}
.date-add-list .date-add-item .btn {
  padding: 0 1rem;
  border-radius: 6px;
  min-width: 6rem;
}

/* -------------------------------------------------------------- */
/* 전문가 프로필 */
/* -------------------------------------------------------------- */
.profile-wrap {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.profile-wrap .profile-wrap-inner {
  display: flex;
}
@media screen and (max-width: 767px) {
  .profile-wrap .profile-wrap-inner {
    display: block;
  }
}
.profile-wrap .profile-wrap-inner .img-wrap {
  width: 14rem;
  height: 18rem;
}
.profile-wrap .profile-wrap-inner .img-wrap img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}
.profile-wrap .profile-wrap-inner .btn-photo-wrap {
  position: relative;
}
.profile-wrap .profile-wrap-inner .btn-photo-wrap .btn-photo-remove {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  border-radius: 6px;
  background: rgba(246, 248, 252, 0.5);
}
.profile-wrap .profile-wrap-inner .btn-photo-wrap .btn-photo-remove i {
  width: 1rem;
  height: 1rem;
}
.profile-wrap .profile-wrap-inner .photo-upload .photo-input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: 0;
}
.profile-wrap .profile-wrap-inner .photo-upload .photo-add-card {
  background: #fff;
  aspect-ratio: 3/4;
  width: 14rem;
  border: 1px solid var(--color-border3);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.profile-wrap .profile-wrap-inner .photo-upload .photo-add-card:hover {
  border-color: #0a4a91;
}
.profile-wrap .profile-wrap-inner .photo-upload .photo-add-card .icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-wrap .profile-wrap-inner .photo-upload .photo-add-card .desc {
  color: #707070;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.04em;
  margin-top: 2rem;
}
.profile-wrap .profile-wrap-inner .photo-upload .photo-add-card.has-image {
  padding: 0;
}
.profile-wrap .profile-wrap-inner .photo-upload .photo-add-card.has-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.profile-wrap .profile-wrap-inner .photo-upload.has-image .photo-add-card {
  position: relative;
  width: 14rem;
  aspect-ratio: 3/4;
  overflow: hidden;
  cursor: pointer;
  transition: none;
  border: none;
}
.profile-wrap .profile-wrap-inner .photo-upload.has-image .photo-add-card:hover {
  border: none;
}
.profile-wrap .profile-wrap-inner .photo-upload.has-image .photo-add-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.profile-wrap .profile-wrap-inner .photo-upload.has-image .photo-add-card .btn-photo-change {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3rem;
  background: rgba(34, 34, 34, 0.8);
  color: #FFF;
  font-size: 1.6rem;
  line-height: 1.25;
  letter-spacing: -0.04em;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
}
.profile-wrap .profile-wrap-inner .photo-upload.has-image .photo-add-card .btn-delete {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 5;
}
.profile-wrap .profile-wrap-inner .photo-upload.has-image .photo-add-card .btn-delete {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 6px !important;
  background: rgba(246, 248, 252, 0.8) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .profile-wrap .profile-wrap-inner .photo-upload.has-image .photo-add-card .btn-delete {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.profile-wrap .profile-wrap-inner .photo-upload.has-image .photo-add-card .btn-delete .close_gray2 {
  width: 1.2rem;
  height: 1.2rem;
  background: url("../img/common/ico_close_gray2.png") no-repeat center;
  background-size: 1.2rem auto;
}
@media screen and (max-width: 767px) {
  .profile-wrap .profile-wrap-inner .photo-upload.has-image .photo-add-card .btn-delete .close_gray2 {
    background-size: 1rem auto;
  }
}
.profile-wrap .profile-wrap-inner .profile-cont-wrap {
  padding: 3.2rem 4rem;
  flex: 1 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: rgba(246, 248, 252, 0.4);
}
@media screen and (max-width: 1023px) {
  .profile-wrap .profile-wrap-inner .profile-cont-wrap {
    padding: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .profile-wrap .profile-wrap-inner .profile-cont-wrap {
    padding: 1.6rem;
  }
}
.profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-top {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-top .link-area {
    margin-left: auto;
  }
}
.profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-name {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-name {
    margin-top: 1.4rem;
    gap: 0;
  }
}
.profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-name .name {
  color: var(--color-primary-blue);
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-name .name {
    font-size: 1.8rem;
  }
}
.profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-name .info-wrap {
  display: flex;
  gap: 0 8px;
}
@media screen and (max-width: 767px) {
  .profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-name .info-wrap {
    gap: 0;
    margin-left: 1.6rem;
  }
}
.profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-name .info-wrap .info {
  color: #555;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-name .info-wrap .info {
    font-size: 1.5rem;
  }
  .profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-name .info-wrap .info + .info {
    margin-left: 0.6rem;
  }
}
.profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-details {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (max-width: 1023px) {
  .profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-details {
    display: block;
    margin-top: 1.2rem;
  }
}
.profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-details dl {
  display: flex;
  flex: 1 0 auto;
  width: 40%;
}
@media screen and (max-width: 1023px) {
  .profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-details dl {
    width: 100%;
  }
  .profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-details dl + dl {
    margin-top: 0.8rem;
  }
}
.profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-details dl dt {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.04em;
  display: inline-block;
  width: 10rem;
  position: relative;
  flex: none;
}
@media screen and (max-width: 767px) {
  .profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-details dl dt {
    font-size: 1.5rem;
    width: 8rem;
  }
}
.profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-details dl dt:after {
  content: "";
  width: 1px;
  height: 2rem;
  background: #EAEAEA;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.profile-wrap .profile-wrap-inner .profile-cont-wrap .profile-details dl dd {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.04em;
  padding-left: 1rem;
  color: #555;
}

/* 학력사항 */
.edu-section {
  margin-top: 4rem;
}
.edu-section .edu-list {
  margin-bottom: 2rem;
  position: relative;
  background: rgba(246, 248, 252, 0.4);
}
.edu-section .edu-list:before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(to right, #0E457B 0%, #075D5D 100%);
}
.edu-section .edu-list .edu-nodata .nodata-txt {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 11.4rem;
  color: #555;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .edu-section .edu-list .edu-nodata .nodata-txt {
    font-size: 1.4rem;
  }
}
.edu-section .edu-list .edu-item {
  padding: 1.6rem 0;
  display: flex;
  border-bottom: 1px solid var(--color-border2);
  position: relative;
}
@media screen and (max-width: 767px) {
  .edu-section .edu-list .edu-item {
    padding: 1.2rem 0;
    display: block;
  }
}
.edu-section .edu-list .edu-item .edu-actions {
  display: flex;
  gap: 0.4rem;
  color: #555;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
  margin-left: 1rem;
  position: absolute;
  right: 1rem;
  top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .edu-section .edu-list .edu-item .edu-actions {
    position: initial;
    justify-content: flex-end;
    margin-right: 0.8rem;
  }
}
.edu-section .edu-list .edu-item .edu-actions .edu-edit-btn,
.edu-section .edu-list .edu-item .edu-actions .edu-delete-btn {
  width: 2.4rem;
  height: 2.4rem;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.edu-section .edu-list .edu-item .edu-actions .edu-delete-btn .ico {
  width: 1rem;
  height: 1rem;
}
.edu-section .edu-list .edu-item .edu-head {
  padding: 0 1rem;
}
.edu-section .edu-list .edu-item .edu-head .edu-head-left {
  min-width: 20rem;
}
.edu-section .edu-list .edu-item .edu-head .edu-head-left .edu-period {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .edu-section .edu-list .edu-item .edu-head .edu-head-left .edu-period {
    font-size: 1.5rem;
  }
}
.edu-section .edu-list .edu-item .edu-head .edu-head-left .edu-degree {
  color: var(--color-primary-blue);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .edu-section .edu-list .edu-item .edu-head .edu-head-left .edu-degree {
    font-size: 1.5rem;
    margin-top: 0.6rem;
  }
}
.edu-section .edu-list .edu-item .edu-body {
  flex: 1 0;
  padding: 0 1rem;
}
@media screen and (max-width: 767px) {
  .edu-section .edu-list .edu-item .edu-body {
    margin-top: 1.2rem;
  }
}
.edu-section .edu-list .edu-item .edu-body .edu-body-school {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem 1.2rem;
}
.edu-section .edu-list .edu-item .edu-body .edu-body-school .edu-school {
  color: #222;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .edu-section .edu-list .edu-item .edu-body .edu-body-school .edu-school {
    font-size: 1.6rem;
  }
}
.edu-section .edu-list .edu-item .edu-body .edu-body-school .sub-degree {
  font-size: 1.4rem;
  color: #555;
}
.edu-section .edu-list .edu-item .edu-body .edu-body-school .edu-degree-detail {
  color: #555;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .edu-section .edu-list .edu-item .edu-body .edu-body-school .edu-degree-detail {
    font-size: 1.4rem;
  }
}
.edu-section .edu-list .edu-item .edu-body .edu-desc {
  font-size: 1.6rem;
  color: #777;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .edu-section .edu-list .edu-item .edu-body .edu-desc {
    font-size: 1.5rem;
  }
}
.edu-section .edu-list .edu-item .edu-body .edu-files {
  font-size: 1.5rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .edu-section .edu-list .edu-item .edu-body .edu-files {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }
}
.edu-section .edu-list .edu-item .edu-body .edu-files .edu-files-label {
  color: #707070;
  margin-right: 0.8rem;
}
.edu-section .edu-list .edu-item .edu-body .edu-files .edu-file-link {
  color: var(--color-primary-blue);
  text-decoration: underline;
}
.edu-section .edu-list .edu-form-item:before {
  display: none;
}
.edu-section .edu-list .edu-form-item .btn-action {
  display: flex;
  justify-content: flex-end;
  /*padding: 1rem 1rem 0 1rem;*/
}
.edu-section .edu-list .edu-form-item .btn-action .edu-delete-btn {
  background: #fff;
  padding: 0.2rem 0.5rem 0.5rem 0.5rem;
  border: 1px solid var(--color-border2);
  overflow: hidden;
}
.edu-section .edu-list .edu-form-item .btn-action .edu-delete-btn .ico {
  width: 1.5rem;
  height: 1.5rem;
}
.edu-section .edu-add-wrap {
  text-align: center;
  margin: 3rem 0;
}
.edu-section .edu-add-wrap .edu-add-btn {
  color: #707070;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .edu-section .edu-add-wrap .edu-add-btn {
    font-size: 1.8rem;
    width: 100%;
  }
}
.edu-section .edu-add-wrap .edu-add-btn .ico {
  margin-right: 0.8rem;
}
@media screen and (max-width: 767px) {
  .edu-section .edu-add-wrap .edu-add-btn .ico {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 0.6rem;
  }
}

.career-wrap {
  display: flex;
  align-items: center;
  padding: 0 0 0 1rem;
  width: 100%;
}
.career-wrap .career-del-btn .ico {
  width: 4rem;
  height: 4rem;
  background-size: 1.2rem 1.2rem;
}
.career-wrap:has(.career-txt) {
  display: block;
  padding: 0 1rem;
}
.career-wrap:has(.career-txt) .career-txt {
  color: #555;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.04em;
  padding: 1rem 0;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .career-wrap:has(.career-txt) .career-txt {
    font-size: 1.5rem;
    padding: 0;
  }
  .career-wrap:has(.career-txt) .career-txt + .career-txt {
    margin-top: 0.8rem;
  }
}

/* -------------------------------------------------------------- */
/* 자가진단 */
/* -------------------------------------------------------------- */
.result-data {
  text-align: center;
}
.result-data .ico {
  margin-right: 1.2rem;
}
@media screen and (max-width: 767px) {
  .result-data .ico {
    width: 2.8rem;
    height: 2.8rem;
    background-size: 1.5rem 1.2rem;
  }
}
.result-data .result-data-txt {
  color: #222;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .result-data .result-data-txt {
    font-size: 2.4rem;
  }
}
.result-data .result-data-txt .txt-red {
  font-size: 2.6rem;
}
.result-data .result-degree:before {
  content: "";
  width: 1px;
  height: 2.4rem;
  background: var(--color-border);
  display: inline-block;
  margin: 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .result-data .result-degree:before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .result-data .result-degree {
    font-size: 2rem;
    margin-top: 1.6rem;
    display: block;
  }
  .result-data .result-degree .txt-red {
    font-size: 2rem;
  }
}

.status-note {
  padding: 1.6rem;
  border-radius: 10px;
  background: #FFF;
  margin: 2.4rem auto 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .status-note {
    padding: 1.4rem;
    flex-direction: column;
    justify-content: center;
  }
}
.status-note .ico {
  width: 2rem;
  height: 2rem;
  margin-right: 0.8rem;
  flex: none;
}
@media screen and (max-width: 767px) {
  .status-note .ico {
    font-size: 1.8rem;
    height: 1.8rem;
  }
}
.status-note .status-note__text {
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .status-note .status-note__text {
    font-size: 1.6rem;
    margin-top: 0.8rem;
  }
}
.status-note--green .ico {
  background: url("../img/common/ico_exclamation_green.png") no-repeat center;
  background-size: contain;
}
.status-note--green .status-note__text {
  color: var(--color-primary-green);
}
.status-note--red .ico {
  background: url("../img/common/ico_notice_red.png") no-repeat center;
  background-size: contain;
}
.status-note--red .status-note__text {
  color: var(--color-red);
}

.score-page {
  margin: 0 auto;
}
.score-page__unit {
  text-align: right;
  color: #707070;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02em;
  margin-bottom: 1.4rem;
}
@media screen and (max-width: 767px) {
  .score-page__unit {
    margin-bottom: 1.2rem;
  }
}

.score-group-list {
  background: rgba(246, 248, 252, 0.4);
  position: relative;
}
.score-group-list:before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(to right, #0E457B 0%, #075D5D 100%);
}

.detail-section .warning .score-row__label:before {
  content: "";
  width: 1.8rem;
  height: 2.4rem;
  display: inline-block;
  margin-left: 0.4rem;
  background: url("../img/sub/error_img.png") no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .detail-section .warning .score-row__label:before {
    width: 1.3rem;
    height: 1.8rem;
  }
}
.detail-section .score-row__bar-wrap .score-row__bar {
  height: 4rem;
}
@media screen and (max-width: 767px) {
  .detail-section .score-row__bar-wrap .score-row__bar {
    height: 3.6rem;
  }
}

/* 전체 점수 묶음 */
.score-group .score-group-inner {
  display: flex;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .score-group .score-group-inner {
    display: block;
  }
}
.score-group .score-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  flex: 1 0;
}
.score-group .score-row__label {
  color: #222;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .score-group .score-row__label {
    font-size: 1.6rem;
    width: 7rem;
    flex: none;
  }
}
.score-group .score-row__bar-wrap {
  flex: 1 0;
  position: relative;
  padding: 5rem 0;
  margin: 0 2rem;
}
@media screen and (max-width: 767px) {
  .score-group .score-row__bar-wrap {
    padding: 4rem 0;
    margin: 0 0.6rem;
  }
}
.score-group .score-row__bar {
  height: 5rem;
  border-radius: 6px;
  background: #EFEFEF;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .score-group .score-row__bar {
    height: 3.6rem;
  }
}
.score-group .score-row__bar-fill {
  height: 100%;
  width: 0;
  transition: width 0.4s ease;
  border-radius: 6px 0 0 6px;
}
.score-group .score-row__bar-fill.green {
  background: linear-gradient(103deg, #0E457B 9.89%, #075D5D 90.9%);
}
.score-group .score-row__bar-fill.green {
  background: #d62828;
}
.score-group .score-row__value {
  color: #222;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .score-group .score-row__value {
    font-size: 1.6rem;
  }
}
.score-group .score-row__value-num {
  font-weight: 600;
}
.score-group .chip {
  padding: 0 1rem;
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  border: 2px solid #888;
  background: #FFF;
  color: #555;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
  position: absolute;
  height: 3.3rem;
  white-space: nowrap;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .score-group .chip {
    font-size: 1.2rem;
    padding: 0 0.6rem;
    height: 2.2rem;
  }
}
.score-group .chip:before {
  content: "";
  width: 1px;
  height: 2rem;
  display: block;
  position: absolute;
  left: 50%;
}
.score-group .chip.top {
  top: 0;
}
.score-group .chip.top:before {
  background: #888;
  bottom: -2rem;
}
.score-group .chip.bottom {
  bottom: 0;
  border: 2px solid var(--color-primary-green);
  color: var(--color-primary-green);
}
.score-group .chip.bottom:before {
  top: -2rem;
  background: var(--color-primary-green);
}
.score-group.good .score-row__bar-fill {
  background: linear-gradient(103deg, #0E457B 9.89%, #075D5D 90.9%);
}
.score-group.good .score-row .score-row__value-num {
  color: var(--color-primary-blue);
}
.score-group.warning .score-row__bar-fill {
  background: #d62828;
}
.score-group.warning .score-row .score-row__value-num {
  color: var(--color-red);
}
.score-group .view-btn {
  margin-left: 1rem;
}
@media screen and (max-width: 1023px) {
  .score-group .view-btn {
    margin-left: auto;
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .score-group .view-btn {
    min-height: 3.4rem;
  }
}

.result-score-block .score-group .score-row__bar-wrap {
  padding: 0;
}

/* 분야별 섹션 */
.score-block {
  padding: 3rem;
  border-bottom: 1px solid var(--color-border2);
}
@media screen and (max-width: 767px) {
  .score-block {
    padding: 1.6rem;
  }
}
.score-block .score-row {
  grid-template-columns: auto 1fr auto auto;
}
.score-block .score-row .view-btn {
  margin-left: 2rem;
}
.score-block.open .score-panel {
  display: block;
}
.score-block.open .view-btn .ico {
  transform: rotate(180deg);
}

.score-panel {
  display: none;
  border-radius: 15px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  padding: 3rem;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .score-panel {
    margin-top: 1rem;
    padding: 2rem;
  }
}
.score-panel .cont-list .cont-item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .score-panel .cont-list .cont-item {
    display: block;
  }
}
.score-panel .cont-list .cont-item + .cont-item {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .score-panel .cont-list .cont-item + .cont-item {
    margin-top: 2.6rem;
  }
}
.score-panel .cont-list .cont-item .thumb {
  width: 9rem;
  height: 9rem;
  margin-right: 2rem;
  flex: none;
}
@media screen and (max-width: 767px) {
  .score-panel .cont-list .cont-item .thumb {
    margin: 0 auto;
    width: 8rem;
    height: 8rem;
  }
}
.score-panel .cont-list .cont-item .thumb.thumb1 {
  background: url("../img/sub/score_ico01.png") no-repeat center;
  background-size: cover;
}
.score-panel .cont-list .cont-item .thumb.thumb2 {
  background: url("../img/sub/score_ico02.png") no-repeat center;
  background-size: cover;
}
.score-panel .cont-list .cont-item .thumb.thumb3 {
  background: url("../img/sub/score_ico03.png") no-repeat center;
  background-size: cover;
}
.score-panel .cont-list .cont-item .thumb.thumb4 {
  background: url("../img/sub/score_ico04.png") no-repeat center;
  background-size: cover;
}
.score-panel .cont-list .cont-item .thumb.thumb5 {
  background: url("../img/sub/score_ico05.png") no-repeat center;
  background-size: cover;
}
.score-panel .cont-list .cont-item .thumb.thumb6 {
  background: url("../img/sub/score_ico06.png") no-repeat center;
  background-size: cover;
}
.score-panel .cont-list .cont-item .thumb.thumb7 {
  background: url("../img/sub/score_ico07.png") no-repeat center;
  background-size: cover;
}
.score-panel .cont-list .cont-item .thumb.thumb9 {
  background: url("../img/sub/score_ico09.png") no-repeat center;
  background-size: cover;
}
.score-panel .cont-list .cont-item .thumb.thumb10 {
  background: url("../img/sub/score_ico10.png") no-repeat center;
  background-size: cover;
}
.score-panel .cont-list .cont-item .thumb.thumb11 {
  background: url("../img/sub/score_ico11.png") no-repeat center;
  background-size: cover;
}
.score-panel .cont-list .cont-item .thumb.thumb12 {
  background: url("../img/sub/score_ico12.png") no-repeat center;
  background-size: cover;
}
.score-panel .cont-list .cont-item .thumb.thumb13 {
  background: url("../img/sub/score_ico13.png") no-repeat center;
  background-size: cover;
}
.score-panel .cont-list .cont-item .panel-body {
  flex: 1 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .score-panel .cont-list .cont-item .panel-body {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .score-panel .cont-list .cont-item .panel-body {
    display: block;
    margin-top: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .score-panel .cont-list .cont-item .panel-body .panel-cont-wrap {
    text-align: center;
  }
}
.score-panel .cont-list .cont-item .panel-body .panel-tit-wrap .panel-tit {
  color: var(--color-primary-green);
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .score-panel .cont-list .cont-item .panel-body .panel-tit-wrap .panel-tit {
    font-size: 1.6rem;
    display: block;
  }
}
.score-panel .cont-list .cont-item .panel-body .panel-desc {
  color: #555;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.02em;
  display: block;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .score-panel .cont-list .cont-item .panel-body .panel-desc {
    font-size: 1.4rem;
    margin-top: 0.6rem;
  }
}
.score-panel .cont-list .cont-item .panel-body .btn-wrap {
  margin-left: 1rem;
  flex: none;
}
@media screen and (max-width: 1023px) {
  .score-panel .cont-list .cont-item .panel-body .btn-wrap {
    margin-left: 0;
    margin-top: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .score-panel .cont-list .cont-item .panel-body .btn-wrap {
    margin-left: 0;
    margin-top: 1rem;
    justify-content: center;
  }
}
.score-panel .cont-list .cont-item .panel-body .btn-wrap .btn {
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .score-panel .cont-list .cont-item .panel-body .btn-wrap .btn {
    width: auto;
    min-height: 3.2rem;
    font-size: 1.4rem;
  }
}

/* 자가진단 */
.guide-intro {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .guide-intro {
    display: block;
  }
}
.guide-intro .ico {
  width: 14rem;
  height: 14rem;
  margin-right: 4rem;
  flex: none;
  display: block;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .guide-intro .ico {
    width: 12rem;
    height: 12rem;
    margin: 0 auto 3rem;
  }
}
.guide-intro .ico1 {
  background: url("../img/sub/score_ico07.png") no-repeat center;
  background-size: contain;
}
.guide-intro .ico2 {
  background: url("../img/sub/score_ico08.png") no-repeat center, #F0F0F0;
  /*background-size: 133px 117px;*/
}
@media screen and (max-width: 767px) {
  .guide-intro .right {
    text-align: center;
  }
}
.guide-intro .right .guide-intro-tit {
  color: var(--color-primary-blue);
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .guide-intro .right .guide-intro-tit {
    font-size: 2.6rem;
  }
}
.guide-intro .right .guide-intro-txt {
  color: #222;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.8px;
  display: block;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .guide-intro .right .guide-intro-txt {
    font-size: 1.8rem;
    margin-top: 1.4rem;
  }
}

.arr-area {
  width: 3.5rem;
  height: 5rem;
  display: block;
  margin: 3rem auto;
  background: url("../img/sub/score_arr.png") no-repeat center;
}
@media screen and (max-width: 767px) {
  .arr-area {
    width: 3.2rem;
    height: 4.6rem;
    margin: 2.5rem auto;
  }
}

.desc-box {
  padding: 3rem;
  border-radius: 2rem;
  background: #f4f8fa;
}

.desc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.desc-item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .desc-item {
    display: block;
  }
}
.desc-item + .desc-item {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .desc-item + .desc-item {
    margin-top: 2rem;
  }
}
.desc-item .num {
  display: flex;
  width: 10rem;
  height: 10rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 4rem;
  flex: none;
  color: #FFF;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02em;
  border-radius: 100px 100px 100px 10px;
  background: var(--sub_bg, linear-gradient(91deg, #30689F 0%, #1D7474 99.97%));
}
@media screen and (max-width: 767px) {
  .desc-item .num {
    width: 6rem;
    height: 6rem;
    margin-bottom: 1.6rem;
  }
}
.desc-item .text .tit {
  color: #1D1D1D;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 767px) {
  .desc-item .text .tit {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}
.desc-item .text .desc {
  color: #333;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  display: block;
}
@media screen and (max-width: 767px) {
  .desc-item .text .desc {
    font-size: 1.6rem;
  }
}

.btn-selftest {
  min-height: 6.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #FFF;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  padding: 0 3rem;
  min-width: 30rem;
}
@media screen and (max-width: 767px) {
  .btn-selftest {
    min-height: 5.6rem;
    min-width: 100%;
    font-size: 1.8rem;
  }
}

.chart-wrap {
  border-radius: 15px;
  background: rgba(246, 248, 252, 0.6);
  padding: 4rem;
}
@media screen and (max-width: 767px) {
  .chart-wrap {
    padding: 1rem;
  }
}
.chart-wrap .chart-sub-tit {
  text-align: right;
  color: #707070;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
}
.chart-wrap .txt-gray-box {
  border-radius: 6px;
  background: #F0F0F0;
  padding: 1rem;
}
.chart-wrap .txt-gray-box .txt {
  color: #555;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02em;
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .chart-wrap .txt-gray-box .txt {
    padding: 1.4rem;
  }
}

/* 자가진단 */
.q-section-wrap.v1 .q-block {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v1 .q-block {
    margin-top: 2.5rem;
  }
}
.q-section-wrap.v1 .q-block .q-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.44;
  letter-spacing: -0.02em;
  margin-bottom: 1.2rem;
  padding-left: 6.8rem;
  position: relative;
  /*display: flex;
  align-items: center;*/
  min-height: 3.6rem;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v1 .q-block .q-title {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    min-height: 2.9rem;
    padding-left: 0;
    padding-top: 4.1rem;
  }
}
.q-section-wrap.v1 .q-block .q-title .q-num {
  color: var(--color-primary-blue);
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  background: var(--color-bg-blue);
  border-radius: 8px;
  min-width: 6rem;
  padding: 0.6rem 1rem;
  display: inline-block;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v1 .q-block .q-title .q-num {
    min-width: 4.6rem;
    font-size: 1.8rem;
    padding: 0.6rem 1rem;
  }
}
.q-section-wrap.v1 .q-block .msg-box {
  margin-bottom: 1.2rem;
  margin-top: 0;
  padding: 1.6rem 2rem;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v1 .q-block .msg-box {
    padding: 1.2rem 1.4rem;
    margin-bottom: 1rem;
  }
}
.q-section-wrap.v1 .q-block .msg-box .msg-txt {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v1 .q-block .msg-box .msg-txt {
    font-size: 1.4rem;
  }
}
.q-section-wrap.v1 .q-block .q-options {
  border-radius: 8px;
  background: #FAFAFA;
  padding: 1.6rem 2rem;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v1 .q-block .q-options {
    padding: 1.2rem 1.4rem;
  }
}
.q-section-wrap.v1 .q-block .q-options.row {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v1 .q-block .q-options.row {
    display: block;
  }
}
.q-section-wrap.v1 .q-block .q-options.row50 {
  display: flex;
  align-items: center;
  gap: 0.6rem 2rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v1 .q-block .q-options.row50 {
    display: block;
    gap: 0;
  }
}
.q-section-wrap.v1 .q-block .q-options.row50 li {
  width: 45%;
  flex: 1 0 auto;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v1 .q-block .q-options.row50 li {
    width: 100%;
  }
}
.q-section-wrap.v1 .q-block .q-options.col {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v1 .q-block .q-options.col {
    display: block;
  }
}
.q-section-wrap.v1 .q-block .q-options li {
  min-height: 4rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v1 .q-block .q-options li {
    min-height: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v1 .q-block .q-options li + li {
    margin-top: 0.4rem;
  }
}
.q-section-wrap.v1 .q-block .q-options li.with-input .radio,
.q-section-wrap.v1 .q-block .q-options li.with-input .check {
  flex: none;
}
.q-section-wrap.v1 .q-block .q-options li.with-input input[type=text] {
  width: 100%;
  margin-left: 1.4rem;
}
.q-section-wrap.v1 .q-block .q-options li.with-input input[type=text]:read-only::placeholder, .q-section-wrap.v1 .q-block .q-options li.with-input input[type=text]:disabled::placeholder {
  color: transparent;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v1 .q-block .q-options li.with-input input[type=text] {
    margin-left: 1rem;
  }
}
.q-section-wrap.v1 .q-block .q-options .option-txt-wrap {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
}
.q-section-wrap.v1 .q-block .q-options .option-txt-wrap .txt {
  display: inline-block;
  margin-left: 1rem;
}
.q-section-wrap.v1 .q-block .q-options .input-view {
  border-radius: 6px;
  color: #222;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.04em;
}
.q-section-wrap.v1 .q-block .q-textarea {
  padding: 2rem;
  border-radius: 8px;
  background: #FAFAFA;
}
.q-section-wrap.v1 .q-block .q-textarea textarea {
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  height: 100%;
  width: 100%;
  resize: vertical;
  padding: 1.6rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.43;
  letter-spacing: -0.04em;
}
.q-section-wrap.v1 .q-block .q-textarea textarea:read-only, .q-section-wrap.v1 .q-block .q-textarea textarea:disabled {
  color: #555;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.43;
  letter-spacing: -0.04em;
}
.q-section-wrap.v1 .q-block .q-textarea textarea:focus-visible {
  border: 1px solid var(--color-primary-blue);
  outline: none;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v1 .q-block .q-textarea textarea {
    padding: 1.2rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -0.56px;
  }
}
.q-section-wrap.v2 .q-section + .q-section {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v2 .q-section + .q-section {
    margin-top: 2.5rem;
  }
}
.q-section-wrap.v2 .q-title {
  padding: 1.6rem 2rem;
  border-radius: 8px 8px 0 0;
  background: var(--color-primary-blue);
  color: #FFF;
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  width: 100%;
  display: block;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v2 .q-title {
    padding: 1.2rem 1.4rem;
    font-size: 1.8rem;
  }
}
.q-section-wrap.v2 .q-options {
  display: flex;
  border-radius: 0 0 8px 8px;
  background: #FAFAFA;
  padding: 1.6rem 2rem;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v2 .q-options {
    padding: 1.2rem 1.4rem;
  }
}
.q-section-wrap.v2 .q-options li {
  min-height: 4rem;
}
.q-section-wrap.v2 .q-options.col {
  flex-direction: column;
}
.q-section-wrap.v2 .q-options.col + .li {
  margin-top: 0.6rem;
}
@media screen and (max-width: 767px) {
  .q-section-wrap.v2 .q-options.col + .li {
    margin-top: 0.4rem;
  }
}
.q-section-wrap.v2 .q-options.row {
  align-items: center;
}
.q-section-wrap.v2 .q-options.row50 {
  flex-wrap: wrap;
}
.q-section-wrap.v2 .q-options.row50 li {
  width: 50%;
  flex: 1 0 auto;
}

/* 설문조사 레이아웃 */
.is-conditional {
  display: none;
}

.is-conditional.on {
  display: block;
}

.no-data2-txt {
  color: #555;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.04em;
  display: block;
  text-align: center;
}

.wd160 {
  min-width: 16rem;
}

/* 스마트공장 기술보호 자가진단 */
.level-btn-wrap {
  display: flex;
  gap: 2rem;
}
@media screen and (max-width: 1023px) {
  .level-btn-wrap {
    display: block;
  }
}
.level-btn-wrap .level-btn {
  border-radius: 8px;
  border: 1px solid #C0C0C0;
  padding: 1rem;
  overflow: hidden;
  flex: 1 0;
  cursor: pointer;
  display: block;
}
@media screen and (max-width: 1023px) {
  .level-btn-wrap .level-btn {
    width: 100%;
    padding: 0.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .level-btn-wrap .level-btn + .level-btn {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .level-btn-wrap .level-btn + .level-btn {
    margin-top: 1.2rem;
  }
}
.level-btn-wrap .level-btn .level-btn-inner {
  display: flex;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .level-btn-wrap .level-btn .level-btn-inner {
    height: auto;
  }
}
.level-btn-wrap .level-btn .level-box {
  margin-right: 2rem;
}
@media screen and (max-width: 767px) {
  .level-btn-wrap .level-btn .level-box {
    margin-right: 1.6rem;
  }
}
.level-btn-wrap .level-btn .level-box .level-label {
  color: #707070;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  border-radius: 8px;
  background: #DEDEDE;
  width: 6.4rem;
  height: 6.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .level-btn-wrap .level-btn .level-box .level-label {
    width: 6rem;
    height: 6rem;
    font-size: 1.6rem;
  }
}
.level-btn-wrap .level-btn .level-txt-wrap {
  color: #707070;
  font-style: normal;
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -0.04em;
  text-align: left;
}
.level-btn-wrap .level-btn .level-txt-wrap .level-num {
  font-size: 1.6rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .level-btn-wrap .level-btn .level-txt-wrap .level-num {
    font-size: 1.4rem;
  }
}
.level-btn-wrap .level-btn .level-txt-wrap .level-txt {
  font-size: 1.8rem;
  display: block;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .level-btn-wrap .level-btn .level-txt-wrap .level-txt {
    font-size: 1.6rem;
  }
}
.level-btn-wrap .level-btn.active {
  border-radius: 8px;
  background: linear-gradient(103deg, #0E457B 9.89%, #075D5D 90.9%);
  box-shadow: 0 0 8px 0 rgba(14, 69, 123, 0.4);
  border: 1px solid transparent;
}
.level-btn-wrap .level-btn.active .level-box .level-label {
  background: #fff;
  color: var(--color-primary-blue);
}
.level-btn-wrap .level-btn.active .level-txt-wrap {
  color: #fff;
}

/* 답변률 */
.answer-rate {
  border-radius: 15px;
  background: var(--color-bg-blue);
  padding: 3rem;
}
.answer-rate__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .answer-rate__head {
    display: block;
  }
}
.answer-rate__head .answer-rate__title {
  color: #222;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.88px;
}
.answer-rate__head .answer-rate__info {
  color: #333;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.72px;
}
.answer-rate__head .answer-rate__info .done {
  margin-left: 0.6rem;
}
.answer-rate__head .answer-rate__info .done .txt-blue {
  font-size: 2.2rem;
  min-width: 2.8rem;
  text-align: right;
  display: inline-block;
  font-weight: 600;
}
.answer-rate__bar {
  width: 100%;
  height: 5rem;
  border-radius: 6px;
  background: #EFEFEF;
  overflow: hidden;
  margin-top: 3rem;
  position: relative;
}
.answer-rate__bar-fill {
  height: 100%;
  background: var(--color-primary-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.answer-rate__bar-fill .answer-rate__percent {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.72px;
  width: 7rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0.5rem 1rem;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.3);
}

.result-data-wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (max-width: 1023px) {
  .result-data-wrap ul {
    display: block;
  }
}
.result-data-wrap .result-data-item {
  padding: 2rem;
  border-radius: 10px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  flex: 0 0 calc(25% - 1.5rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .result-data-wrap .result-data-item {
    width: 100%;
    padding: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .result-data-wrap .result-data-item + .result-data-item {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .result-data-wrap .result-data-item + .result-data-item {
    margin-top: 1.6rem;
  }
}
.result-data-wrap .result-data-item .item-txt {
  color: #222;
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .result-data-wrap .result-data-item .item-txt {
    font-size: 1.6rem;
  }
}
.result-data-wrap .result-data-item .data-num {
  color: #555;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
  width: 8rem;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .result-data-wrap .result-data-item .data-num {
    font-size: 1.6rem;
  }
}
.result-data-wrap .result-data-item .data-num .txt-blue {
  color: var(--color-primary-blue);
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .result-data-wrap .result-data-item .data-num .txt-blue {
    font-size: 1.6rem;
  }
}

/* 유과기관 테이블 */
.org-table {
  position: relative;
  background: rgba(246, 248, 252, 0.4);
}
.org-table:before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(to right, #0E457B 0%, #075D5D 100%);
}
.org-table .org-group {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .org-table .org-group {
    display: block;
  }
}
.org-table .org-group .org-item {
  flex: 0 0 50%;
  padding: 1rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid var(--color-border2);
}
@media screen and (max-width: 767px) {
  .org-table .org-group .org-item {
    padding: 0.8rem;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .org-table .org-group .org-item .img-wrap img {
    margin: 0 auto;
    display: block;
  }
}
.org-table .org-group .org-item .cont-wrap {
  margin-left: 0.8rem;
}
@media screen and (max-width: 767px) {
  .org-table .org-group .org-item .cont-wrap {
    width: 100%;
    margin-left: 0;
    margin-top: 0.8rem;
  }
}
.org-table .org-group .org-item .cont-wrap dl {
  display: flex;
  align-items: flex-start;
}
.org-table .org-group .org-item .cont-wrap dl + dl {
  margin-top: 0.6rem;
}
.org-table .org-group .org-item .cont-wrap dl dt {
  padding: 0.6rem 0;
  min-width: 5.8rem;
  color: var(--color-primary-blue);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
  margin-right: 0.6rem;
  text-align: center;
  border-radius: 6px;
  background: var(--color-bg-blue);
}
.org-table .org-group .org-item .cont-wrap dl dd {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04em;
  text-align: left;
  display: inline;
  word-break: break-all;
  padding: 0.5rem 0;
  line-height: 1.3;
}

/* -------------------------------------------------------------- */
/* 푸터 - 처리방침 */
/* -------------------------------------------------------------- */
.policy-txt-wrap {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .policy-txt-wrap {
    margin-top: 1.2rem;
  }
}
.policy-txt-wrap .policy-tit {
  color: #222;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.04em;
  display: block;
}
@media screen and (max-width: 767px) {
  .policy-txt-wrap .policy-tit {
    font-size: 1.6rem;
  }
}
.policy-txt-wrap > * {
  margin-top: 1rem;
}
.policy-txt-wrap .policy-txt {
  color: #555;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .policy-txt-wrap .policy-txt {
    font-size: 1.4rem;
  }
}
.policy-txt-wrap .policy-txt .block {
  display: block;
}
.policy-txt-wrap .policy-txt2 {
  color: #222;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .policy-txt-wrap .policy-txt2 {
    font-size: 1.6rem;
  }
}
.policy-txt-wrap .policy-ul {
  margin-top: 1rem;
}
.policy-txt-wrap .policy-ul .policy-txt + .policy-txt {
  margin-top: 0.6rem;
}
@media screen and (max-width: 767px) {
  .policy-txt-wrap .policy-ul .policy-txt + .policy-txt {
    margin-top: 0.4rem;
  }
}
.policy-txt-wrap .policy-dl {
  color: #555;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.04em;
}
.policy-txt-wrap .policy-dl .policy-dt {
  margin-top: 0.6rem;
}
.policy-txt-wrap .policy-dl .policy-dt:first-of-type {
  margin-top: 0;
}
.policy-txt-wrap .policy-dl .policy-dd {
  margin-left: 1.6rem;
  margin-top: 0.6rem;
}

.sub-tit-wrap:has(.label-img) .tit-wrap {
  display: flex;
  align-items: flex-end;
}

.label-img {
  width: 4rem;
  margin-left: 1rem;
}

/* -------------------------------------------------------------- */
/* 컨텐츠 */
/* -------------------------------------------------------------- */
.cont-ol .cont-ol-li {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .cont-ol .cont-ol-li {
    margin-top: 1.2rem;
  }
}
.cont-ol .cont-ol-li .ol-tit-wrap .ol-tit {
  color: #222;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .cont-ol .cont-ol-li .ol-tit-wrap .ol-tit {
    font-size: 1.6rem;
  }
}
.cont-ol .cont-ol-li .cont-ul {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .cont-ol .cont-ol-li .cont-ul {
    margin-top: 0.8rem;
  }
}
.cont-ol .cont-ol-li .cont-ul li {
  color: #555;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .cont-ol .cont-ol-li .cont-ul li {
    font-size: 1.4rem;
  }
}
.cont-ol .cont-ol-li .cont-ul li + li {
  margin-top: 0.6rem;
}

.cont-ul2 .cont-li2 + .cont-li2 {
  margin-top: 2rem;
}
.cont-ul2 .cont-li2 span {
  display: block;
}

.cont-dl-wrap {
  display: flex;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .cont-dl-wrap {
    display: block;
  }
}

.cont-dl {
  display: flex;
  flex: 1 0;
}
@media screen and (max-width: 767px) {
  .cont-dl + .cont-dl {
    margin-top: 1rem;
  }
}
.cont-dl dt {
  border-radius: 6px;
  background: #F8F8F8;
  max-width: 10rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .cont-dl dt {
    font-size: 1.4rem;
    max-width: 7rem;
    margin-right: 1rem;
  }
}
.cont-dl dd ul {
  padding: 0.8rem 0;
}
.cont-dl dd ul li + li {
  margin-top: 0.4rem;
}
.cont-dl dd ul li span {
  display: block;
}

.cont-dl2 {
  display: flex;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .cont-dl2 {
    display: block;
  }
}
.cont-dl2 dt {
  border-radius: 6px;
  background: #F8F8F8;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.37;
  letter-spacing: -0.04em;
  margin-right: 2rem;
  max-width: 10rem;
  flex: 1 0;
  min-height: 10rem;
  width: 100%;
  flex: none;
}
@media screen and (max-width: 767px) {
  .cont-dl2 dt {
    max-width: 100%;
    min-height: auto;
    padding: 1.2rem;
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
  }
  .cont-dl2 dt br {
    display: none;
  }
}
.cont-dl2 dd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.cont-dl2 dd .dd-wrap {
  display: flex;
}
.cont-dl2 dd .cont-dl-tit {
  color: #333;
  flex: none;
  margin-right: 0.5rem;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.37;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .cont-dl2 dd .cont-dl-tit {
    font-size: 1.4rem;
  }
}
.cont-dl2 dd .cont-dl-txt {
  color: #555;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .cont-dl2 dd .cont-dl-txt {
    font-size: 1.4rem;
  }
}

.gray-box {
  border-radius: 6px;
  background: #F8F8F8;
  padding: 1.6rem;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .gray-box {
    padding: 1rem;
  }
}
.gray-box span {
  display: block;
}

.root_daum_roughmap {
  width: 100% !important;
}
@media screen and (max-width: 767px) {
  .root_daum_roughmap {
    height: 35rem !important;
  }
}

.root_daum_roughmap .cont .section.lst {
  display: none;
}

.root_daum_roughmap .wrap_controllers {
  display: none;
}

.root_daum_roughmap .map_border {
  background-color: transparent !important;
}

.map-area {
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  overflow: hidden;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .map-area {
    margin-bottom: 3.5rem;
  }
}
.map-area .map-cont {
  background: var(--color-bg-green);
  padding: 2rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .map-area .map-cont {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .map-area .map-cont {
    padding: 1.6rem;
  }
}
.map-area .map-cont .addr-txt, .map-area .map-cont .tel-txt {
  color: #333;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.02em;
  padding-left: 2.6rem;
  min-height: 2.4rem;
  word-break: keep-all;
  display: block;
}
@media screen and (max-width: 767px) {
  .map-area .map-cont .addr-txt, .map-area .map-cont .tel-txt {
    font-size: 1.6rem;
    padding-left: 2.2rem;
  }
}
.map-area .map-cont .bar {
  width: 1px;
  height: 2.4rem;
  background: var(--color-border3);
  display: inline-block;
  margin: 0 2.4rem;
}
@media screen and (max-width: 1023px) {
  .map-area .map-cont .bar {
    display: none;
  }
}
.map-area .map-cont .addr-txt {
  background: url("../img/sub/addr_ico.png") no-repeat left center;
  background-size: 18px 22px;
}
@media screen and (max-width: 767px) {
  .map-area .map-cont .addr-txt {
    background-size: 14px auto;
  }
}
.map-area .map-cont .tel-txt {
  background: url("../img/sub/tel_ico.png") no-repeat left center;
  background-size: 18px 22px;
}
@media screen and (max-width: 1023px) {
  .map-area .map-cont .tel-txt {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .map-area .map-cont .tel-txt {
    margin-top: 1.2rem;
    background-size: 14px auto;
  }
}

.table-box {
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .table-box {
    display: block;
  }
}
.table-box .table-box_arr {
  width: 1.2rem;
  margin: 0 4rem;
  background: url("../img/sub/table-box_arr.png") no-repeat center;
  background-size: 1.2rem 2.2rem;
}
@media screen and (max-width: 1023px) {
  .table-box .table-box_arr {
    margin: 0 2rem;
  }
}
@media screen and (max-width: 767px) {
  .table-box .table-box_arr {
    width: 100%;
    height: 2.2rem;
    display: block;
    margin: 1.6rem 0;
    background-size: 1rem auto;
    transform: rotate(90deg);
  }
}
.table-box dl {
  border: 1px solid #EAEAEA;
  border-top: none;
  max-width: 32rem;
  flex: 1 0;
}
@media screen and (max-width: 767px) {
  .table-box dl {
    max-width: 100%;
  }
}
.table-box dl dt {
  background: var(--color-bg-blue);
  border-bottom: 1px solid #EAEAEA;
  color: #333;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.37;
  letter-spacing: -0.04em;
  padding: 1.6rem;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .table-box dl dt {
    font-size: 1.4rem;
    padding: 1.2rem;
  }
}
.table-box dl dt:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 1;
  background: linear-gradient(to right, #0E457B 0%, #075D5D 100%);
}
.table-box dl dd {
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .table-box dl dd {
    padding: 1.2rem;
  }
}
.table-box dl dd ul li {
  color: #555;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.37;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .table-box dl dd ul li {
    font-size: 1.4rem;
  }
}
.table-box dl dd ul li + li {
  margin-top: 0.8rem;
}
.table-box.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .table-box.grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.table-box.grid.v1 dl {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .table-box.grid.v1 dl + dl {
    margin-top: 1.6rem;
  }
}
.table-box.grid.v1 .txt-flex {
  min-height: 9.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .table-box.grid.v1 .txt-flex {
    min-height: 7rem;
  }
}
.table-box.grid.v2 {
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem;
}
@media screen and (max-width: 1023px) {
  .table-box.grid.v2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .table-box.grid.v2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
.table-box.grid.v2 dl {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .table-box.grid.v2 dl {
    margin-top: 1.6rem;
  }
}
.table-box.grid.v3 {
  grid-template-columns: repeat(5, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 1023px) {
  .table-box.grid.v3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .table-box.grid.v3 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
.table-box.grid.v3 dl {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .table-box.grid.v3 dl {
    margin-top: 1.6rem;
  }
}

.cntnts33_dl-wrap {
  display: flex;
}
@media screen and (max-width: 767px) {
  .cntnts33_dl-wrap {
    display: block;
  }
}

.cntnts33_dl {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  max-width: 32rem;
  flex: 1 0;
}
.cntnts33_dl + .cntnts33_dl {
  margin-left: 4rem;
}
@media screen and (max-width: 1023px) {
  .cntnts33_dl + .cntnts33_dl {
    margin-left: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .cntnts33_dl + .cntnts33_dl {
    margin-left: 0;
  }
}
.cntnts33_dl .img-wrap {
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  background-color: var(--color-bg-green);
  margin-right: 1.6rem;
  flex: none;
}
@media screen and (max-width: 1023px) {
  .cntnts33_dl .img-wrap {
    width: 8rem;
    height: 8rem;
  }
}
.cntnts33_dl .cntnts33_dd .cntnts33_tit {
  color: #333;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.045em;
  display: block;
  margin-bottom: 1rem;
}
.cntnts33_dl .cntnts33_dd .cntnts33_txt {
  color: #555;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.04em;
}
.cntnts33_dl.cntnts33_dl1 .img-wrap {
  background-image: url("../img/sub/cntnts33_img01.png");
  background-repeat: no-repeat;
  background-size: 48px 50px;
  background-position: center;
}
@media screen and (max-width: 1023px) {
  .cntnts33_dl.cntnts33_dl1 .img-wrap {
    background-size: 30px auto;
  }
}
.cntnts33_dl.cntnts33_dl2 .img-wrap {
  background-image: url("../img/sub/cntnts33_img02.png");
  background-repeat: no-repeat;
  background-size: 48px 50px;
  background-position: center;
}
@media screen and (max-width: 1023px) {
  .cntnts33_dl.cntnts33_dl2 .img-wrap {
    background-size: 30px auto;
  }
}
.cntnts33_dl.cntnts33_dl3 .img-wrap {
  background-image: url("../img/sub/cntnts33_img03.png");
  background-repeat: no-repeat;
  background-size: 40px 44px;
  background-position: center;
}
@media screen and (max-width: 1023px) {
  .cntnts33_dl.cntnts33_dl3 .img-wrap {
    background-size: 25px auto;
  }
}

/* -------------------------------------------------------------- */
/* 컨텐츠 테이블 */
/* -------------------------------------------------------------- */
.cont-table.v1 {
  margin-top: 1rem;
  position: relative;
}
.cont-table.v1 .mCustomScrollBox {
  padding-bottom: 1.5rem;
}
.cont-table.v1:before {
  content: "";
  width: 100%;
  height: 0.2rem;
  display: inline-block;
  background: linear-gradient(108deg, #0E457B 0%, #075D5D 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.cont-table.v1 table {
  width: 100%;
}
.cont-table.v1 table th,
.cont-table.v1 table td {
  padding: 1.6rem;
  vertical-align: middle;
  height: 6rem;
}
@media screen and (max-width: 767px) {
  .cont-table.v1 table th,
  .cont-table.v1 table td {
    height: 5rem;
    padding: 1rem 0.5rem;
  }
}
.cont-table.v1 table thead th {
  color: #222;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.64px;
  border-right: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  background: var(--color-bg-blue);
}
.cont-table.v1 table thead th:last-of-type {
  border-right: none;
}
@media screen and (max-width: 767px) {
  .cont-table.v1 table thead th {
    font-size: 1.4rem;
  }
}
.cont-table.v1 table tbody th,
.cont-table.v1 table tbody td {
  border-right: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
}
.cont-table.v1 table tbody th {
  color: #222;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.37;
  letter-spacing: -0.04em;
  background: rgba(246, 248, 252, 0.6);
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .cont-table.v1 table tbody th {
    font-size: 1.4rem;
  }
}
.cont-table.v1 table tbody td {
  color: #555;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.04em;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .cont-table.v1 table tbody td {
    font-size: 1.4rem;
  }
}
.cont-table.v1 table tbody td:last-of-type {
  border-right: none;
}

.cntnts32-gray-box {
  border-radius: 6px;
  background: #F8F8F8;
  display: flex;
  padding: 3rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 40px;
  align-self: stretch;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .cntnts32-gray-box {
    flex-direction: column;
    gap: 0;
  }
}
.cntnts32-gray-box .cont-wrap {
  display: flex;
  max-width: 30rem;
  width: 100%;
  min-height: 8rem;
  padding: 0 10px;
  align-items: center;
  border-radius: 80px;
  background: linear-gradient(108deg, #0E457B 0%, #075D5D 100%);
}
@media screen and (max-width: 767px) {
  .cntnts32-gray-box .cont-wrap {
    max-width: 26rem;
    min-height: 7rem;
  }
}
.cntnts32-gray-box .cont-wrap.green {
  background: var(--color-primary-green);
}
.cntnts32-gray-box .cont-wrap .img-wrap {
  width: 6rem;
  height: 6rem;
  flex: none;
  margin-right: 2rem;
}
@media screen and (max-width: 767px) {
  .cntnts32-gray-box .cont-wrap .img-wrap {
    width: 5rem;
    height: 5rem;
  }
}
.cntnts32-gray-box .cont-wrap .img-wrap.img1 {
  background: url("../img/sub/cntnts32_img01.png") no-repeat center;
  background-size: contain;
}
.cntnts32-gray-box .cont-wrap .img-wrap.img2 {
  background: url("../img/sub/cntnts32_img03.png") no-repeat center;
  background-size: contain;
}
.cntnts32-gray-box .cont-wrap .right .right-txt {
  color: #FFF;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.37;
  letter-spacing: -0.04em;
  display: block;
  margin-top: 0.4rem;
}
@media screen and (max-width: 767px) {
  .cntnts32-gray-box .cont-wrap .right .right-txt {
    font-size: 1.4rem;
  }
}
.cntnts32-gray-box .ico-area {
  flex: none;
  width: 2.9rem;
  height: 2.9rem;
  background: url("../img/sub/cntnts32_img02.png") no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .cntnts32-gray-box .ico-area {
    width: 2.4rem;
    height: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .cntnts32-gray-box .ico-area {
    margin: 1.2rem auto;
  }
}

.cntnts32-ul li {
  display: flex;
  align-items: center;
}
.cntnts32-ul li + li {
  margin-top: 2rem;
}
.cntnts32-ul li .img-wrap {
  width: 10rem;
  height: 10rem;
  margin-right: 1.6rem;
  flex: none;
}
@media screen and (max-width: 767px) {
  .cntnts32-ul li .img-wrap {
    width: 8rem;
    height: 8rem;
  }
}
.cntnts32-ul li .right .right-tit {
  color: #333;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .cntnts32-ul li .right .right-tit {
    font-size: 1.6rem;
  }
}
.cntnts32-ul li .right .right-txt {
  color: #555;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.04em;
  display: block;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .cntnts32-ul li .right .right-txt {
    font-size: 1.4rem;
  }
}
.cntnts32-ul li:nth-child(1) .img-wrap {
  background: url("../img/sub/cntnts32_img04.png") no-repeat center;
  background-size: contain;
}
.cntnts32-ul li:nth-child(2) .img-wrap {
  background: url("../img/sub/cntnts32_img05.png") no-repeat center;
  background-size: contain;
}
.cntnts32-ul li:nth-child(3) .img-wrap {
  background: url("../img/sub/cntnts32_img06.png") no-repeat center;
  background-size: contain;
}

.cntnts34-box {
  margin: 3rem auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .cntnts34-box {
    flex-direction: column;
  }
}
.cntnts34-box .box {
  display: flex;
  align-items: center;
  flex: 1 0;
}
@media screen and (max-width: 767px) {
  .cntnts34-box .box {
    width: 100%;
  }
}
.cntnts34-box .box .box-wrap {
  border-radius: 100px;
  background: var(--color-bg-green);
  display: flex;
  min-height: 12rem;
  padding: 2rem;
  align-items: center;
  flex: 1 0 0;
}
@media screen and (max-width: 767px) {
  .cntnts34-box .box .box-wrap {
    min-height: auto;
    padding: 1.2rem;
    justify-content: center;
  }
}
.cntnts34-box .box .box-wrap .img-wrap {
  width: 8rem;
  height: 8rem;
  flex: none;
  margin-right: 2rem;
}
@media screen and (max-width: 767px) {
  .cntnts34-box .box .box-wrap .img-wrap {
    width: 6rem;
    height: 6rem;
  }
}
.cntnts34-box .box .box-wrap .right .right-txt {
  color: #333;
  text-align: center;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .cntnts34-box .box .box-wrap .right .right-txt {
    font-size: 1.6rem;
    display: block;
  }
}
.cntnts34-box .box.box1 .img-wrap {
  background: url("../img/sub/cntnts34_img01.png") no-repeat center;
  background-size: contain;
}
.cntnts34-box .box.box2 .img-wrap {
  background: url("../img/sub/cntnts34_img02.png") no-repeat center;
  background-size: contain;
}
.cntnts34-box .box.box3 .img-wrap {
  background: url("../img/sub/cntnts34_img03.png") no-repeat center;
  background-size: contain;
}
.cntnts34-box .box-arr {
  width: 1rem;
  height: 2rem;
  margin: 0 4rem;
  background: url("../img/sub/cntnts31_arr.png") no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 1023px) {
  .cntnts34-box .box-arr {
    margin: 0 2rem;
  }
}
@media screen and (max-width: 767px) {
  .cntnts34-box .box-arr {
    transform: rotate(90deg);
    margin: 1.6rem auto;
  }
}

.cntnts34-gray-box {
  padding: 1.6rem;
  border-radius: 6px;
  background: #F8F8F8;
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .cntnts34-gray-box {
    margin-top: 2.5rem;
  }
}

.cntnts35-box-wrap dl dt {
  display: flex;
  height: 6rem;
  padding: 1.6rem;
  justify-content: center;
  align-items: center;
  border-radius: 6px 6px 0 0;
  background: linear-gradient(103deg, #0E457B 9.89%, #075D5D 90.9%);
  color: #FFF;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .cntnts35-box-wrap dl dt {
    font-size: 1.6rem;
    height: 5rem;
  }
}
.cntnts35-box-wrap dl dd .cont-wrap {
  text-align: center;
  border-right: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA;
  display: flex;
  padding: 3rem 1.6rem;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .cntnts35-box-wrap dl dd .cont-wrap {
    padding: 1.6rem;
  }
}

.cntnts37-box-wrap .cntnts37-box {
  display: flex;
  border-radius: 6px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .cntnts37-box-wrap .cntnts37-box {
    flex-direction: column;
  }
}
.cntnts37-box-wrap .cntnts37-box:nth-of-type(1) .left {
  background: var(--color-primary-blue);
}
.cntnts37-box-wrap .cntnts37-box:nth-of-type(2) {
  margin-top: 2rem;
}
.cntnts37-box-wrap .cntnts37-box:nth-of-type(2) .left {
  background: var(--color-primary-green);
}
.cntnts37-box-wrap .cntnts37-box .left {
  max-width: 30rem;
  flex: 1 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .cntnts37-box-wrap .cntnts37-box .left {
    max-width: 100%;
    padding: 1rem;
  }
}
.cntnts37-box-wrap .cntnts37-box .left .cntnts37-tit {
  color: #FFF;
  text-align: center;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.44;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .cntnts37-box-wrap .cntnts37-box .left .cntnts37-tit {
    font-size: 1.6rem;
  }
}
.cntnts37-box-wrap .cntnts37-box .right {
  border-top: 1px solid #EAEAEA;
  border-right: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  border-radius: 0 6px 6px 0;
  flex: 1 0;
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .cntnts37-box-wrap .cntnts37-box .right {
    border-left: 1px solid #EAEAEA;
    border-radius: 0 0 6px 6px;
    padding: 1rem;
  }
}

.cntnts22-gray-box {
  padding: 1.6rem;
  border-radius: 6px;
  background: #F8F8F8;
}

.cntnts45-box {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .cntnts45-box {
    flex-direction: column;
  }
}
.cntnts45-box .box {
  border-radius: 6px;
  flex: 1 0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .cntnts45-box .box {
    width: 100%;
  }
}
.cntnts45-box .box .box-tit {
  padding: 1.6rem;
  color: #FFF;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .cntnts45-box .box .box-tit {
    font-size: 1.6rem;
    padding: 1.2rem;
  }
}
.cntnts45-box .box .box-cont {
  min-height: 12.6rem;
  padding: 1.6rem;
  text-align: center;
  border-radius: 0 0 6px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--color-border2);
  border-bottom: 1px solid var(--color-border2);
  border-left: 1px solid var(--color-border2);
}
@media screen and (max-width: 767px) {
  .cntnts45-box .box .box-cont {
    min-height: 10rem;
  }
}
.cntnts45-box .box.box1 .box-tit {
  background: var(--color-primary-blue);
}
.cntnts45-box .box.box2 .box-tit {
  background: var(--color-primary-green);
}
.cntnts45-box .img-wrap {
  margin: 0 4rem;
}
@media screen and (max-width: 767px) {
  .cntnts45-box .img-wrap {
    width: 10rem;
    height: 10rem;
    margin: 2rem auto;
  }
}

.cntnts46-box {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .cntnts46-box {
    flex-direction: column;
  }
}
.cntnts46-box .box {
  border-radius: 6px;
  flex: 1 0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .cntnts46-box .box {
    width: 100%;
  }
}
.cntnts46-box .box + .box {
  margin-left: 3rem;
}
@media screen and (max-width: 767px) {
  .cntnts46-box .box + .box {
    margin-left: 0;
    margin-top: 2rem;
  }
}
.cntnts46-box .box .box-tit {
  padding: 1.6rem;
  color: #FFF;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .cntnts46-box .box .box-tit {
    font-size: 1.6rem;
    padding: 1.2rem;
  }
}
.cntnts46-box .box .box-cont {
  min-height: 12.6rem;
  padding: 1.6rem;
  text-align: center;
  border-radius: 0 0 6px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--color-border2);
  border-bottom: 1px solid var(--color-border2);
  border-left: 1px solid var(--color-border2);
}
@media screen and (max-width: 767px) {
  .cntnts46-box .box .box-cont {
    min-height: 10rem;
  }
}
.cntnts46-box .box.box1 .box-tit {
  background: var(--color-primary-blue);
}
.cntnts46-box .box.box2 .box-tit {
  background: var(--color-primary-green);
}
.cntnts46-box .img-wrap {
  margin: 0 4rem;
}
@media screen and (max-width: 767px) {
  .cntnts46-box .img-wrap {
    width: 10rem;
    height: 10rem;
    margin: 2rem auto;
  }
}

.faq-box {
  border-top: 2px solid var(--color-primary-blue);
}
.faq-box .faq-list li .faq-tit-wrap {
  padding: 1.6rem;
  border-bottom: 1px solid var(--color-border2);
  background: #FFF;
  display: block;
  width: 100%;
  text-align: left;
}
.faq-box .faq-list li .faq-tit-wrap .q {
  color: var(--color-primary-blue);
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  display: inline-block;
}
.faq-box .faq-list li .faq-tit-wrap .faq-tit {
  color: #222;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  display: inline-block;
  margin-left: 1rem;
}
.faq-box .faq-list li .faq-cont {
  display: none;
  border-bottom: 1px solid var(--color-border2);
}
.faq-box .faq-list li .faq-cont .faq-cont-inner {
  padding: 1.6rem;
  background: var(--color-bg-blue);
  display: flex;
}
.faq-box .faq-list li .faq-cont .q {
  color: var(--color-primary-green);
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  display: inline-block;
}
.faq-box .faq-list li .faq-cont .faq-txt-box {
  margin-left: 1rem;
  width: 100%;
}
.faq-box .faq-list li .faq-cont .faq-txt {
  color: #555;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.04em;
}
.faq-box .faq-list li .faq-cont .faq-txt2 {
  color: var(--color-primary-blue);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.37;
  letter-spacing: -0.04em;
  display: block;
}
.faq-box .faq-list li .faq-cont .faq-ul {
  color: #555;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.04em;
}
.faq-box .faq-list li .faq-cont .faq-ul2 {
  color: #555;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.04em;
}
.faq-box .faq-list li .faq-cont .faq-ul2 li + li {
  margin-top: 0.6rem;
}
.faq-box .faq-list li .faq-cont .faq-table table {
  border-top: 1px solid var(--color-border2);
}
.faq-box .faq-list li .faq-cont .faq-table table thead th {
  min-height: 6rem;
  color: #333;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
}
.faq-box .faq-list li .faq-cont .faq-table table tbody th {
  color: #333;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.37;
  letter-spacing: -0.04em;
}
.faq-box .faq-list li .faq-cont .faq-table table tbody td {
  color: #555;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.04em;
}
.faq-box .faq-list li .faq-cont .faq-table table th,
.faq-box .faq-list li .faq-cont .faq-table table td {
  vertical-align: middle;
  padding: 1.6rem;
}
.faq-box .faq-list li .faq-cont .faq-table table tr th {
  border-right: 1px solid var(--color-border2);
  border-bottom: 1px solid var(--color-border2);
  border-left: 1px solid var(--color-border2);
  background: #F8F8F8;
}
.faq-box .faq-list li .faq-cont .faq-table table tr td {
  border-right: 1px solid var(--color-border2);
  border-bottom: 1px solid var(--color-border2);
  border-left: 1px solid var(--color-border2);
  background: #fff;
}
.faq-box .faq-list li .faq-cont .faq-step {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .faq-box .faq-list li .faq-cont .faq-step {
    flex-direction: column;
  }
}
.faq-box .faq-list li .faq-cont .faq-step dl {
  max-width: 23.4rem;
  width: 100%;
  flex: 1 0;
  border: 1px solid var(--color-border2);
}
@media screen and (max-width: 767px) {
  .faq-box .faq-list li .faq-cont .faq-step dl {
    max-width: 100%;
  }
}
.faq-box .faq-list li .faq-cont .faq-step dl dt {
  display: flex;
  height: 5.4rem;
  padding: 1.6rem;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid var(--color-border2);
  background: #F8F8F8;
  color: #333;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
}
.faq-box .faq-list li .faq-cont .faq-step dl dd {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  min-height: 8rem;
}
.faq-box .faq-list li .faq-cont .faq-step dl dd .faq-txt {
  color: #555;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.04em;
  display: block;
  text-align: center;
}
.faq-box .faq-list li .faq-cont .faq-step .faq-arr {
  width: 1.2rem;
  height: 2.2rem;
  flex: none;
  margin: 0 1rem;
  background: url("../img/sub/cntnts31_arr.png") no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .faq-box .faq-list li .faq-cont .faq-step .faq-arr {
    transform: rotate(90deg);
    margin: 1rem 0;
  }
}
.faq-box .faq-list li.is-open .faq-cont {
  display: block;
}

.cntnts48-intro {
  position: relative;
  border-bottom: 1px solid var(--color-border2);
  background: rgba(246, 248, 252, 0.4);
}
.cntnts48-intro:before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(108deg, #0E457B 0%, #075D5D 100%);
}
.cntnts48-intro .cntnts48-intro-inner {
  display: flex;
  width: 100%;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .cntnts48-intro .cntnts48-intro-inner {
    flex-direction: column;
    padding: 1.6rem;
  }
}
.cntnts48-intro .cntnts48-intro-inner .boss-img {
  width: 22.3rem;
  height: 28rem;
  background: url("../img/sub/cntnts48_img01.png") no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .cntnts48-intro .cntnts48-intro-inner .boss-img {
    margin: 0 auto;
  }
}
.cntnts48-intro .cntnts48-intro-inner .right-area {
  padding: 3.2rem;
  flex: 1 0;
}
@media screen and (max-width: 767px) {
  .cntnts48-intro .cntnts48-intro-inner .right-area {
    padding: 1.6rem 0 0 0;
    width: 100%;
  }
}
.cntnts48-intro .cntnts48-intro-inner .right-area .boss-name-wrap .boss-name {
  color: var(--color-primary-blue);
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.04em;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid var(--color-border2);
  display: block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .cntnts48-intro .cntnts48-intro-inner .right-area .boss-name-wrap .boss-name {
    font-size: 1.8rem;
  }
}
.cntnts48-intro .cntnts48-intro-inner .right-area .boss-info-wrap {
  margin-top: 3.2rem;
  display: flex;
}
@media screen and (max-width: 767px) {
  .cntnts48-intro .cntnts48-intro-inner .right-area .boss-info-wrap {
    flex-direction: column;
    margin-top: 1.6rem;
  }
}
.cntnts48-intro .cntnts48-intro-inner .right-area .boss-info-wrap .boss-info {
  display: flex;
  flex: 0 0 50%;
}
@media screen and (max-width: 767px) {
  .cntnts48-intro .cntnts48-intro-inner .right-area .boss-info-wrap .boss-info {
    flex: none;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .cntnts48-intro .cntnts48-intro-inner .right-area .boss-info-wrap .boss-info + .boss-info {
    margin-top: 1.6rem;
  }
}
.cntnts48-intro .cntnts48-intro-inner .right-area .boss-info-wrap .boss-info dl {
  display: flex;
}
.cntnts48-intro .cntnts48-intro-inner .right-area .boss-info-wrap .boss-info dl dt {
  color: #333;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
  width: 10rem;
  flex: none;
}
@media screen and (max-width: 767px) {
  .cntnts48-intro .cntnts48-intro-inner .right-area .boss-info-wrap .boss-info dl dt {
    font-size: 1.4rem;
    width: 8rem;
  }
}
.cntnts48-intro .cntnts48-intro-inner .right-area .boss-info-wrap .boss-info dl dd {
  margin-left: 1rem;
}
@media screen and (max-width: 767px) {
  .cntnts48-intro .cntnts48-intro-inner .right-area .boss-info-wrap .boss-info dl dd {
    margin-left: 0;
    margin-top: 0;
  }
}
.cntnts48-intro .cntnts48-intro-inner .right-area .boss-info-wrap .boss-info dl dd ul li {
  color: #555;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .cntnts48-intro .cntnts48-intro-inner .right-area .boss-info-wrap .boss-info dl dd ul li {
    font-size: 1.4rem;
  }
}
.cntnts48-intro .cntnts48-intro-inner .right-area .boss-info-wrap .boss-info dl dd ul li + li {
  margin-top: 0.6rem;
}

.cntnts49-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02em;
  padding: 0 1.2rem;
  height: 2.9rem;
  border-radius: 6px;
  margin-left: 1rem;
}

.cntnts51-gray-box {
  padding: 1.6rem;
  border-radius: 6px;
  background: #F8F8F8;
}

.cntnts52-table-box {
  gap: 2rem 0;
  flex-wrap: wrap;
}
.cntnts52-table-box dl {
  max-width: 15.5rem;
  width: 100%;
  flex: 1 0 auto;
}
@media screen and (max-width: 767px) {
  .cntnts52-table-box dl {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .cntnts52-table-box dl br {
    display: none;
  }
}
.cntnts52-table-box dl dd {
  height: calc(100% - 3.2rem - 1.2rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.cntnts52-table-box .green-txt-box {
  display: flex;
  height: 5rem;
  padding: 0 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 6px;
  background: var(--color-bg-green);
  margin-top: 1.2rem;
  color: var(--color-primary-green);
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .cntnts52-table-box .green-txt-box {
    font-size: 1.4rem;
    height: 4rem;
  }
}

.cntnts57-sns-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem 5rem;
}
@media screen and (max-width: 1023px) {
  .cntnts57-sns-wrap {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
.cntnts57-sns-wrap .sns-box {
  background: var(--color-bg-green);
  border-radius: 500px 100px 100px 500px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .cntnts57-sns-wrap .sns-box {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .cntnts57-sns-wrap .sns-box {
    flex-direction: column;
    border-radius: 12px;
    align-items: flex-start;
    padding: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .cntnts57-sns-wrap .sns-box:first-of-type {
    margin-top: 0;
  }
}
.cntnts57-sns-wrap .sns-box .img {
  flex: none;
}
@media screen and (max-width: 767px) {
  .cntnts57-sns-wrap .sns-box .img {
    margin: 0 auto;
    width: 10rem;
    height: 10rem;
  }
}
.cntnts57-sns-wrap .sns-box .sns-info {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  margin-left: 3rem;
}
@media screen and (max-width: 767px) {
  .cntnts57-sns-wrap .sns-box .sns-info {
    margin-left: 0;
    margin-top: 2rem;
    width: 100%;
  }
}
.cntnts57-sns-wrap .sns-box .sns-info .dl-wrap {
  padding-right: 1.6rem;
}
.cntnts57-sns-wrap .sns-box .sns-info .dl-wrap dl {
  display: flex;
  align-items: flex-start;
}
.cntnts57-sns-wrap .sns-box .sns-info .dl-wrap dl + dl {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .cntnts57-sns-wrap .sns-box .sns-info .dl-wrap dl + dl {
    margin-top: 0.8rem;
  }
}
.cntnts57-sns-wrap .sns-box .sns-info .dl-wrap dl dt {
  color: #333;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.37;
  letter-spacing: -0.04em;
  display: inline-block;
  flex: none;
}
@media screen and (max-width: 767px) {
  .cntnts57-sns-wrap .sns-box .sns-info .dl-wrap dl dt {
    font-size: 1.4rem;
  }
}
.cntnts57-sns-wrap .sns-box .sns-info .dl-wrap dl dd {
  color: #555;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
  letter-spacing: -0.04em;
  display: inline;
  word-break: break-all;
  white-space: pre-wrap;
}
@media screen and (max-width: 767px) {
  .cntnts57-sns-wrap .sns-box .sns-info .dl-wrap dl dd {
    font-size: 1.4rem;
  }
}
.cntnts57-sns-wrap .sns-box .sns-info .sns-btn {
  margin-top: 1.6rem;
  height: 3.3rem;
  min-height: 3.3rem;
  padding: 0 1.4rem;
  color: #FFF;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .cntnts57-sns-wrap .sns-box .sns-info .sns-btn {
    min-height: 3rem;
    margin: 1.2rem auto 0;
  }
}

.doc-file .file-ul .file-li .file-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.doc-file .file-ul .file-li .file-wrap .txt-a {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.doc-file .file-ul .file-li .file-wrap .txt-a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.doc-file .file-ul .file-li .file-wrap .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.doc-file .file-ul .file-li .file-wrap .file-delete {
  flex: none;
}

.doc-file-btn {
  position: relative;
  margin-left: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.doc-file-btn input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.doc-file-btn .add-file-btn {
  width: 10rem;
  height: 3rem;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
}

.voucher-box .voucher-box-wrap {
  display: flex;
}
@media screen and (max-width: 767px) {
  .voucher-box .voucher-box-wrap {
    flex-direction: column;
  }
}
.voucher-box .voucher-box-wrap .voucher-box {
  border-radius: 100px;
  border: 1px solid #C0C0C0;
  background: #FFF;
  padding: 2rem 0;
  flex: 1 0;
}
@media screen and (max-width: 767px) {
  .voucher-box .voucher-box-wrap .voucher-box {
    padding: 1.35rem 0;
  }
}
.voucher-box .voucher-box-wrap .voucher-box + .voucher-box {
  margin-left: 2rem;
}
@media screen and (max-width: 767px) {
  .voucher-box .voucher-box-wrap .voucher-box + .voucher-box {
    margin-left: 0;
    margin-top: 1rem;
  }
}
.voucher-box .voucher-box-wrap .voucher-box .voucher-price {
  color: #555;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.02em;
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .voucher-box .voucher-box-wrap .voucher-box .voucher-price {
    font-size: 1.6rem;
  }
}

.voucher-state {
  margin-top: 1.6rem;
}
.voucher-state .voucher-state-ul {
  display: flex;
  padding: 2.4rem;
  justify-content: space-between;
  border-radius: 8px;
  background: var(--color-bg-green);
}
@media screen and (max-width: 1023px) {
  .voucher-state .voucher-state-ul {
    flex-wrap: wrap;
    padding: 2rem;
  }
}
.voucher-state .voucher-state-ul .voucher-state-li {
  border-right: 1px solid var(--color-border3);
  padding-right: 2rem;
  margin-right: 2rem;
  flex: 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .voucher-state .voucher-state-ul .voucher-state-li {
    flex: 1 0 calc(33.33% - 20px);
    padding-right: 1.5rem;
    margin-right: 1.5rem;
  }
  .voucher-state .voucher-state-ul .voucher-state-li:nth-of-type(3n) {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
  .voucher-state .voucher-state-ul .voucher-state-li:nth-of-type(4), .voucher-state .voucher-state-ul .voucher-state-li:nth-of-type(5), .voucher-state .voucher-state-ul .voucher-state-li:nth-of-type(6) {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .voucher-state .voucher-state-ul .voucher-state-li {
    flex: none;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--color-border3);
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem;
  }
  .voucher-state .voucher-state-ul .voucher-state-li:nth-of-type(4), .voucher-state .voucher-state-ul .voucher-state-li:nth-of-type(5), .voucher-state .voucher-state-ul .voucher-state-li:nth-of-type(6) {
    margin-top: 0;
  }
}
.voucher-state .voucher-state-ul .voucher-state-li:last-of-type {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .voucher-state .voucher-state-ul .voucher-state-li:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.voucher-state .voucher-state-ul .voucher-state-li .voucher-state-tit {
  color: var(--color-primary-green);
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.04em;
  display: block;
}
@media screen and (max-width: 767px) {
  .voucher-state .voucher-state-ul .voucher-state-li .voucher-state-tit {
    font-size: 1.4rem;
  }
}
.voucher-state .voucher-state-ul .voucher-state-li .voucher-state-txt {
  color: #333;
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42;
  letter-spacing: -0.56px;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .voucher-state .voucher-state-ul .voucher-state-li .voucher-state-txt {
    font-size: 1.2rem;
    margin-top: 1rem;
  }
}