.posting__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 48px;
}
@media (max-width: 900px) {
  .posting__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
.posting__top--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.posting__linkButton {
  padding: 12px 64px;
  color: #0064cf;
  width: 100%;
  padding: 12px 16px 12px 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.posting__linkButton--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  color: #0064cf;
}
.posting__linkButton--wrapper:hover {
  color: white;
  opacity: 1;
}
.posting__linkButton--wrapper:hover .border-hover-bg-gradient-blue::after {
  opacity: 1;
}
.posting__linkButton--wrapper .border-hover-bg-gradient-blue {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.posting__linkButton--wrapper .border-hover-bg-gradient-blue::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: -webkit-gradient(linear, right top, left top, from(#00c6fb), to(#005bea));
  background: linear-gradient(270deg, #00c6fb 0%, #005bea 100%);
  border-radius: 5px;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.posting__linkButton--wrapper .border-hover-bg-gradient-blue::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#00c6fb), to(#005bea));
  background: linear-gradient(270deg, #00c6fb 0%, #005bea 100%);
  border-radius: 5px;
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.posting__linkButton:hover {
  color: white;
  cursor: pointer;
}
.posting__linkButton::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 14px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="13.5" y="13.5" width="13" height="13" rx="6.5" transform="rotate(-180 13.5 13.5)" stroke="%230064CF"/><path d="M9.02465 7.85789C9.0647 7.8149 9.113 7.78042 9.16667 7.75651C9.22033 7.7326 9.27827 7.71974 9.33701 7.71871C9.39575 7.71767 9.4541 7.72848 9.50858 7.75048C9.56306 7.77248 9.61254 7.80524 9.65409 7.84678C9.69563 7.88832 9.72838 7.93781 9.75039 7.99229C9.77239 8.04676 9.7832 8.10511 9.78216 8.16386C9.78112 8.2226 9.76826 8.28053 9.74435 8.3342C9.72044 8.38787 9.68596 8.43617 9.64298 8.47622L7.30965 10.8096C7.22761 10.8915 7.11642 10.9375 7.00048 10.9375C6.88454 10.9375 6.77334 10.8915 6.69131 10.8096L4.35798 8.47622C4.315 8.43616 4.28052 8.38786 4.25661 8.3342C4.2327 8.28053 4.21984 8.2226 4.2188 8.16386C4.21777 8.10511 4.22857 8.04676 4.25057 7.99229C4.27258 7.93781 4.30533 7.88832 4.34687 7.84678C4.38842 7.80523 4.43791 7.77248 4.49238 7.75048C4.54686 7.72848 4.60521 7.71767 4.66395 7.71871C4.72269 7.71974 4.78063 7.7326 4.83429 7.75651C4.88796 7.78042 4.93626 7.8149 4.97631 7.85788L6.56298 9.44455L6.56298 3.79205C6.56298 3.67602 6.60907 3.56474 6.69112 3.48269C6.77317 3.40064 6.88445 3.35455 7.00048 3.35455C7.11651 3.35455 7.22779 3.40065 7.30984 3.48269C7.39189 3.56474 7.43798 3.67602 7.43798 3.79205L7.43798 9.44455L9.02465 7.85789Z" fill="%230064CF"/></svg>');
}
@media (max-width: 900px) {
  .posting__linkButton::after {
    right: 16px;
  }
}
.posting__linkButton:hover::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 14px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="13.5" y="13.5" width="13" height="13" rx="6.5" transform="rotate(-180 13.5 13.5)" stroke="white"/><path d="M9.02465 7.85789C9.0647 7.8149 9.113 7.78042 9.16667 7.75651C9.22033 7.7326 9.27827 7.71974 9.33701 7.71871C9.39575 7.71767 9.4541 7.72848 9.50858 7.75048C9.56306 7.77248 9.61254 7.80524 9.65409 7.84678C9.69563 7.88832 9.72838 7.93781 9.75039 7.99229C9.77239 8.04676 9.7832 8.10511 9.78216 8.16386C9.78112 8.2226 9.76826 8.28053 9.74435 8.3342C9.72044 8.38787 9.68596 8.43617 9.64298 8.47622L7.30965 10.8096C7.22761 10.8915 7.11642 10.9375 7.00048 10.9375C6.88454 10.9375 6.77334 10.8915 6.69131 10.8096L4.35798 8.47622C4.315 8.43616 4.28052 8.38786 4.25661 8.3342C4.2327 8.28053 4.21984 8.2226 4.2188 8.16386C4.21777 8.10511 4.22857 8.04676 4.25058 7.99229C4.27258 7.93781 4.30533 7.88832 4.34687 7.84678C4.38842 7.80523 4.43791 7.77248 4.49238 7.75048C4.54686 7.72848 4.60521 7.71767 4.66395 7.71871C4.72269 7.71974 4.78063 7.7326 4.83429 7.75651C4.88796 7.78042 4.93626 7.8149 4.97631 7.85788L6.56298 9.44455L6.56298 3.79205C6.56298 3.67602 6.60907 3.56474 6.69112 3.48269C6.77317 3.40064 6.88445 3.35455 7.00048 3.35455C7.11651 3.35455 7.22779 3.40064 7.30984 3.48269C7.39189 3.56474 7.43798 3.67602 7.43798 3.79205L7.43798 9.44455L9.02465 7.85789Z" fill="white"/></svg>');
}
@media (max-width: 900px) {
  .posting__linkButton:hover::after {
    right: 16px;
  }
}
.posting__linkButton--wrapper {
  min-width: 260px;
}
@media (max-width: 900px) {
  .posting__linkButton--wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    min-width: 100%;
  }
}
.posting__count--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  margin-bottom: 64px;
}
@media (max-width: 900px) {
  .posting__count--wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
.posting__count--text {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.posting__count--bracketsText {
  margin-right: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
}
.posting__count--amount {
  margin-bottom: 3px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  color: #0064cf;
}
.posting__count--amount-text {
  margin-bottom: 1px;
  margin-left: 2px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  color: #2e2d28;
}
.posting__regist {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 32px;
  background-color: #edf6ff;
}
@media (max-width: 900px) {
  .posting__regist {
    padding: 32px 16px;
  }
}
.posting__regist--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 900px) {
  .posting__regist--wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.posting__regist--text {
  margin-bottom: auto;
  margin-bottom: 32px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.posting__regist--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: auto;
}
@media (max-width: 900px) {
  .posting__regist--buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.posting__registLink {
  padding: 12px 64px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 12px 0 12px 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.posting__registLink--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.posting__registLink--wrapper:hover .hover-reverse-bg::before, .posting__registLink--wrapper:hover .hover-reverse-bg::after {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.posting__registLink--wrapper:hover .hover-reverse-bg::before {
  opacity: 0;
}
.posting__registLink--wrapper:hover .hover-reverse-bg::after {
  opacity: 1;
}
.posting__registLink--wrapper .hover-reverse-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.posting__registLink--wrapper .hover-reverse-bg::before, .posting__registLink--wrapper .hover-reverse-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.posting__registLink--wrapper .hover-reverse-bg::before {
  background: -webkit-gradient(linear, right top, left top, color-stop(10.5%, #00a5f6), to(#004eea));
  background: linear-gradient(270deg, #00a5f6 10.5%, #004eea 100%);
  opacity: 1;
}
.posting__registLink--wrapper .hover-reverse-bg::after {
  background: -webkit-gradient(linear, right top, left top, color-stop(10.5%, #004eea), to(#00a5f6));
  background: linear-gradient(270deg, #004eea 10.5%, #00a5f6 100%);
  opacity: 0;
}
.posting__registLink--wrapper:hover {
  opacity: 1;
}
.posting__registLink:hover {
  cursor: pointer;
}
.posting__registLink::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 14px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="13.5" y="1" width="13" height="13" rx="6.5" transform="rotate(90 13.5 1)" stroke="white"/><path d="M7.85789 5.47584C7.8149 5.43579 7.78042 5.38749 7.75651 5.33382C7.7326 5.28016 7.71974 5.22222 7.71871 5.16348C7.71767 5.10474 7.72848 5.04639 7.75048 4.99191C7.77248 4.93743 7.80524 4.88795 7.84678 4.8464C7.88832 4.80486 7.93781 4.77211 7.99229 4.7501C8.04676 4.7281 8.10511 4.71729 8.16386 4.71833C8.2226 4.71937 8.28053 4.73222 8.3342 4.75614C8.38787 4.78005 8.43617 4.81452 8.47622 4.85751L10.8096 7.19084C10.8915 7.27287 10.9375 7.38407 10.9375 7.50001C10.9375 7.61595 10.8915 7.72714 10.8096 7.80918L8.47622 10.1425C8.43617 10.1855 8.38787 10.22 8.3342 10.2439C8.28053 10.2678 8.2226 10.2807 8.16386 10.2817C8.10511 10.2827 8.04676 10.2719 7.99229 10.2499C7.93781 10.2279 7.88832 10.1952 7.84678 10.1536C7.80524 10.1121 7.77248 10.0626 7.75048 10.0081C7.72848 9.95363 7.71767 9.89528 7.71871 9.83654C7.71974 9.77779 7.7326 9.71986 7.75651 9.66619C7.78042 9.61253 7.8149 9.56423 7.85788 9.52418L9.44455 7.93751L3.79205 7.93751C3.67602 7.93751 3.56474 7.89141 3.48269 7.80937C3.40065 7.72732 3.35455 7.61604 3.35455 7.50001C3.35455 7.38398 3.40065 7.2727 3.48269 7.19065C3.56474 7.1086 3.67602 7.06251 3.79205 7.06251L9.44455 7.06251L7.85789 5.47584Z" fill="white"/></svg>');
}
@media (max-width: 900px) {
  .posting__registLink::after {
    right: 14px;
  }
}
.posting__registLink::after {
  position: relative;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.posting__registLink--wrapper {
  z-index: 3;
  gap: 4.85%;
  width: 100%;
  max-width: 206px;
}
@media (max-width: 900px) {
  .posting__registLink--wrapper {
    max-width: 303px;
    margin: auto;
  }
}
.posting__guideLink {
  padding: 12px 64px;
  color: #0064cf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 12px 0 12px 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.posting__guideLink--wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: white;
  border-radius: 5px;
}
.posting__guideLink--wrapper .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.posting__guideLink--wrapper .bg::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: -webkit-gradient(linear, right top, left top, from(#00c6fb), to(#005bea));
  background: linear-gradient(270deg, #00c6fb 0%, #005bea 100%);
  border-radius: 5px;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.posting__guideLink--wrapper:hover {
  cursor: pointer;
  opacity: 1;
}
.posting__guideLink--wrapper:hover .bg::before {
  padding: 2px;
}
.posting__guideLink::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 14px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="13.5" y="0.973633" width="13" height="13" rx="6.5" transform="rotate(90 13.5 0.973633)" stroke="%230064CF"/><path d="M7.85789 5.44947C7.8149 5.40942 7.78042 5.36112 7.75651 5.30745C7.7326 5.25379 7.71974 5.19586 7.71871 5.13711C7.71767 5.07837 7.72848 5.02002 7.75048 4.96554C7.77248 4.91107 7.80524 4.86158 7.84678 4.82004C7.88832 4.77849 7.93781 4.74574 7.99229 4.72374C8.04676 4.70173 8.10511 4.69093 8.16386 4.69196C8.2226 4.693 8.28053 4.70586 8.3342 4.72977C8.38787 4.75368 8.43617 4.78816 8.47622 4.83114L10.8096 7.16447C10.8915 7.24651 10.9375 7.3577 10.9375 7.47364C10.9375 7.58958 10.8915 7.70078 10.8096 7.78281L8.47622 10.1161C8.43617 10.1591 8.38787 10.1936 8.3342 10.2175C8.28053 10.2414 8.2226 10.2543 8.16386 10.2553C8.10511 10.2564 8.04676 10.2456 7.99229 10.2235C7.93781 10.2015 7.88832 10.1688 7.84678 10.1272C7.80524 10.0857 7.77248 10.0362 7.75048 9.98174C7.72848 9.92726 7.71767 9.86891 7.71871 9.81017C7.71974 9.75143 7.7326 9.69349 7.75651 9.63983C7.78042 9.58616 7.8149 9.53786 7.85788 9.49781L9.44455 7.91114L3.79205 7.91114C3.67602 7.91114 3.56474 7.86505 3.48269 7.783C3.40065 7.70095 3.35455 7.58967 3.35455 7.47364C3.35455 7.35761 3.40065 7.24633 3.48269 7.16428C3.56474 7.08223 3.67602 7.03614 3.79205 7.03614L9.44455 7.03614L7.85789 5.44947Z" fill="%230064CF"/></svg>');
}
@media (max-width: 900px) {
  .posting__guideLink::after {
    right: 14px;
  }
}
.posting__guideLink:hover::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 14px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="13.5" y="1" width="13" height="13" rx="6.5" transform="rotate(90 13.5 1)" stroke="white"/><path d="M7.85789 5.47584C7.8149 5.43579 7.78042 5.38749 7.75651 5.33382C7.7326 5.28016 7.71974 5.22222 7.71871 5.16348C7.71767 5.10474 7.72848 5.04639 7.75048 4.99191C7.77248 4.93743 7.80524 4.88795 7.84678 4.8464C7.88832 4.80486 7.93781 4.77211 7.99229 4.7501C8.04676 4.7281 8.10511 4.71729 8.16386 4.71833C8.2226 4.71937 8.28053 4.73222 8.3342 4.75614C8.38787 4.78005 8.43617 4.81452 8.47622 4.85751L10.8096 7.19084C10.8915 7.27287 10.9375 7.38407 10.9375 7.50001C10.9375 7.61595 10.8915 7.72714 10.8096 7.80918L8.47622 10.1425C8.43617 10.1855 8.38787 10.22 8.3342 10.2439C8.28053 10.2678 8.2226 10.2807 8.16386 10.2817C8.10511 10.2827 8.04676 10.2719 7.99229 10.2499C7.93781 10.2279 7.88832 10.1952 7.84678 10.1536C7.80524 10.1121 7.77248 10.0626 7.75048 10.0081C7.72848 9.95363 7.71767 9.89528 7.71871 9.83654C7.71974 9.77779 7.7326 9.71986 7.75651 9.66619C7.78042 9.61253 7.8149 9.56423 7.85788 9.52418L9.44455 7.93751L3.79205 7.93751C3.67602 7.93751 3.56474 7.89141 3.48269 7.80937C3.40065 7.72732 3.35455 7.61604 3.35455 7.50001C3.35455 7.38398 3.40065 7.2727 3.48269 7.19065C3.56474 7.1086 3.67602 7.06251 3.79205 7.06251L9.44455 7.06251L7.85789 5.47584Z" fill="white"/></svg>');
}
@media (max-width: 900px) {
  .posting__guideLink:hover::after {
    right: 14px;
  }
}
.posting__guideLink::after {
  position: relative;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.posting__guideLink--wrapper {
  z-index: 3;
  gap: 4.85%;
  width: 100%;
  max-width: 206px;
}
@media (max-width: 900px) {
  .posting__guideLink--wrapper {
    max-width: 303px;
    margin: auto;
  }
}
.posting__complete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 24px 48px;
  margin-bottom: 48px;
  border: 1px solid #0064cf;
  border-radius: 10px;
}
@media (max-width: 900px) {
  .posting__complete {
    padding: 24px 24px 48px;
  }
}
.posting__complete--icon {
  width: 49px;
  height: 49px;
}
.posting__complete--greenText {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: #007d32;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 900px) {
  .posting__complete--greenText {
    margin-bottom: 16px;
  }
}
.posting__complete--text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
}
@media (max-width: 900px) {
  .posting__complete--text {
    text-align: left;
  }
}
.posting__complete--button {
  padding: 12px 64px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: white;
  border: none;
  word-break: keep-all;
}
@media (max-width: 900px) {
  .posting__complete--button {
    padding: 12px 32px;
  }
}
@media (max-width: 374px) {
  .posting__complete--button {
    padding: 12px 0;
  }
}
.posting__complete--button--wrapper {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.posting__complete--button--wrapper:hover .hover-reverse-bg::before, .posting__complete--button--wrapper:hover .hover-reverse-bg::after {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.posting__complete--button--wrapper:hover .hover-reverse-bg::before {
  opacity: 0;
}
.posting__complete--button--wrapper:hover .hover-reverse-bg::after {
  opacity: 1;
}
.posting__complete--button--wrapper .hover-reverse-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.posting__complete--button--wrapper .hover-reverse-bg::before, .posting__complete--button--wrapper .hover-reverse-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.posting__complete--button--wrapper .hover-reverse-bg::before {
  background: -webkit-gradient(linear, right top, left top, color-stop(10.5%, #00a5f6), to(#004eea));
  background: linear-gradient(270deg, #00a5f6 10.5%, #004eea 100%);
  opacity: 1;
}
.posting__complete--button--wrapper .hover-reverse-bg::after {
  background: -webkit-gradient(linear, right top, left top, color-stop(10.5%, #004eea), to(#00a5f6));
  background: linear-gradient(270deg, #004eea 10.5%, #00a5f6 100%);
  opacity: 0;
}
@media (max-width: 374px) {
  .posting__complete--button--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
@media (max-width: 900px) {
  .posting__complete--button {
    padding: 12px 64px;
  }
}
.posting__complete--button--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}

.list {
  margin-bottom: 0 !important;
  border: 1px solid #daecff;
  border-radius: 10px;
}
.lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 48px;
  margin-bottom: 96px;
}
.list__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 24px;
  background: #d6eafd;
  border-bottom: 1px solid #daecff;
  border-radius: 9px 9px 0 0;
}
@media (max-width: 900px) {
  .list__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    background-color: white;
  }
}
.list__header--title {
  width: 100%;
  margin-right: auto;
  margin-right: 30px;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  word-break: keep-all;
  white-space: nowrap;
}
@media (min-width: 901px) {
  .list__header--title {
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
@media (max-width: 900px) {
  .list__header--title {
    width: 100%;
    padding: 16px;
    margin-right: 0;
    background: #d6eafd;
    border-radius: 9px 9px 0 0;
  }
}
.list__header--subText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 900px) {
  .list__header--subText {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 12px 16px;
  }
}
.list__header--subText-date {
  margin-right: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
@media (max-width: 900px) {
  .list__header--subText-date {
    margin-right: 0;
    color: #757575;
  }
}
.list__header--subText-id {
  font-weight: 700;
}
.list__header--subText-idText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: #0064cf;
  word-break: keep-all;
  background-color: white;
  border-radius: 45px;
}
@media (max-width: 900px) {
  .list__header--subText-idText {
    padding: 0;
    border: none;
  }
}
.list__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 16px 24px 24px;
}
@media (max-width: 900px) {
  .list__contents {
    padding: 16px 16px 24px;
  }
}
.list__row, .list__detailRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.21%;
}
.list__row:not(:last-child), .list__detailRow:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid #daecff;
}
@media (max-width: 900px) {
  .list__row, .list__detailRow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.list__row {
  gap: 40px;
}
@media (max-width: 900px) {
  .list__row {
    gap: 12px;
  }
}
.list__detailRow {
  gap: 16px;
}
.list__item, .list__detailItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list__item--icon, .list__detailItem--icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}
.list__item--name, .list__detailItem--name {
  margin-right: 16px;
  margin-left: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: #757575;
  word-break: keep-all;
}
.list__item--value, .list__detailItem--value {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 900px) {
  .list__item--name {
    width: 70px;
  }
}
.list__detailItem {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.list__detailItem--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 900px) {
  .list__detailItem--row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
.list__detailItem--group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list__detailItem:nth-child(odd) {
  min-width: 395px;
  margin-right: 16px;
}
@media (max-width: 900px) {
  .list__detailItem:nth-child(odd) {
    min-width: 100%;
  }
}
.list__detailItem--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  width: 100%;
}
.list__detailItem--name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 98px;
  min-width: 98px;
}
@media (max-width: 900px) {
  .list__detailItem--name {
    width: 70px;
    min-width: 70px;
  }
}
@media (max-width: 900px) {
  .list__detailItem--value {
    margin-top: auto;
    margin-bottom: auto;
  }
}
.list__detail {
  padding: 12px 64px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 24px;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  word-break: keep-all;
  border-radius: 10px;
}
.list__detail--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.list__detail--wrapper:hover .hover-reverse-bg::before, .list__detail--wrapper:hover .hover-reverse-bg::after {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.list__detail--wrapper:hover .hover-reverse-bg::before {
  opacity: 0;
}
.list__detail--wrapper:hover .hover-reverse-bg::after {
  opacity: 1;
}
.list__detail--wrapper .hover-reverse-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.list__detail--wrapper .hover-reverse-bg::before, .list__detail--wrapper .hover-reverse-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.list__detail--wrapper .hover-reverse-bg::before {
  background: -webkit-gradient(linear, right top, left top, color-stop(10.5%, #00a5f6), to(#004eea));
  background: linear-gradient(270deg, #00a5f6 10.5%, #004eea 100%);
  opacity: 1;
}
.list__detail--wrapper .hover-reverse-bg::after {
  background: -webkit-gradient(linear, right top, left top, color-stop(10.5%, #004eea), to(#00a5f6));
  background: linear-gradient(270deg, #004eea 10.5%, #00a5f6 100%);
  opacity: 0;
}
.list__detail--wrapper:hover {
  opacity: 1;
}
.list__detail:hover {
  cursor: pointer;
}
.list__detail::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 14px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="13.5" y="1" width="13" height="13" rx="6.5" transform="rotate(90 13.5 1)" stroke="white"/><path d="M7.85789 5.47584C7.8149 5.43579 7.78042 5.38749 7.75651 5.33382C7.7326 5.28016 7.71974 5.22222 7.71871 5.16348C7.71767 5.10474 7.72848 5.04639 7.75048 4.99191C7.77248 4.93743 7.80524 4.88795 7.84678 4.8464C7.88832 4.80486 7.93781 4.77211 7.99229 4.7501C8.04676 4.7281 8.10511 4.71729 8.16386 4.71833C8.2226 4.71937 8.28053 4.73222 8.3342 4.75614C8.38787 4.78005 8.43617 4.81452 8.47622 4.85751L10.8096 7.19084C10.8915 7.27287 10.9375 7.38407 10.9375 7.50001C10.9375 7.61595 10.8915 7.72714 10.8096 7.80918L8.47622 10.1425C8.43617 10.1855 8.38787 10.22 8.3342 10.2439C8.28053 10.2678 8.2226 10.2807 8.16386 10.2817C8.10511 10.2827 8.04676 10.2719 7.99229 10.2499C7.93781 10.2279 7.88832 10.1952 7.84678 10.1536C7.80524 10.1121 7.77248 10.0626 7.75048 10.0081C7.72848 9.95363 7.71767 9.89528 7.71871 9.83654C7.71974 9.77779 7.7326 9.71986 7.75651 9.66619C7.78042 9.61253 7.8149 9.56423 7.85788 9.52418L9.44455 7.93751L3.79205 7.93751C3.67602 7.93751 3.56474 7.89141 3.48269 7.80937C3.40065 7.72732 3.35455 7.61604 3.35455 7.50001C3.35455 7.38398 3.40065 7.2727 3.48269 7.19065C3.56474 7.1086 3.67602 7.06251 3.79205 7.06251L9.44455 7.06251L7.85789 5.47584Z" fill="white"/></svg>');
}
@media (max-width: 900px) {
  .list__detail::after {
    right: 14px;
  }
}
@media (max-width: 900px) {
  .list__detail {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 12px 24px;
  }
}
.list__detail::after {
  position: relative;
  top: auto;
  right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: none;
          transform: none;
}
.list__detail--wrapper {
  border-radius: 10px;
}
@media (max-width: 900px) {
  .list__detail--wrapper {
    width: 100%;
  }
}
.list__detail--wrapper .hover-reverse-bg::before, .list__detail--wrapper .hover-reverse-bg::after {
  border-radius: 10px;
}
@media (max-width: 900px) {
  .list__detail--wrapper .hover-reverse-bg::before, .list__detail--wrapper .hover-reverse-bg::after {
    border-radius: 5px;
  }
}

.search__title {
  margin-bottom: 24px;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media (max-width: 900px) {
  .search__title {
    font-size: 26px;
    text-align: left;
  }
}
.search__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  padding: 40px;
  margin-bottom: 40px;
  border: 2px solid #ececec;
  border-radius: 10px;
}
@media (max-width: 900px) {
  .search__form {
    padding: 32px 24px;
  }
}
.search__form--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.search__form--group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 48.04%;
  max-width: 442px;
}
@media (max-width: 900px) {
  .search__form--group {
    width: 100%;
    max-width: 100%;
  }
}
.search__form--group-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 3.9%;
     -moz-column-gap: 3.9%;
          column-gap: 3.9%;
}
@media (max-width: 900px) {
  .search__form--group-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
.search__form--group:nth-child(odd) {
  min-width: 440px;
}
@media (max-width: 900px) {
  .search__form--group:nth-child(odd) {
    min-width: 100%;
  }
}
.search__form--inputName {
  margin-bottom: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.search__form--inputRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  word-break: keep-all;
}
@media (max-width: 900px) {
  .search__form--inputRow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.search__form--inputRow-item {
  width: 100%;
}
.search__form--wage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.search__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding: 12px 64px;
  color: white;
}
.search__button--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.search__button--wrapper:hover .hover-reverse-bg::before, .search__button--wrapper:hover .hover-reverse-bg::after {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.search__button--wrapper:hover .hover-reverse-bg::before {
  opacity: 0;
}
.search__button--wrapper:hover .hover-reverse-bg::after {
  opacity: 1;
}
.search__button--wrapper .hover-reverse-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.search__button--wrapper .hover-reverse-bg::before, .search__button--wrapper .hover-reverse-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.search__button--wrapper .hover-reverse-bg::before {
  background: -webkit-gradient(linear, right top, left top, color-stop(10.5%, #00a5f6), to(#004eea));
  background: linear-gradient(270deg, #00a5f6 10.5%, #004eea 100%);
  opacity: 1;
}
.search__button--wrapper .hover-reverse-bg::after {
  background: -webkit-gradient(linear, right top, left top, color-stop(10.5%, #004eea), to(#00a5f6));
  background: linear-gradient(270deg, #004eea 10.5%, #00a5f6 100%);
  opacity: 0;
}
.search__button--wrapper:hover {
  opacity: 1;
}
.search__button:hover {
  cursor: pointer;
}
.search__button--wrapper {
  width: 100%;
}
.search__button--text {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.input__titleRadio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.input__titleRadio--label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 24px 9px 16px;
  background-color: #f2f2f2;
  border: 1px solid #cfcfcf;
  border-radius: 5px;
}
.input__titleRadio--label:hover {
  cursor: pointer;
}
.input__titleRadio--label:has(:checked) {
  color: #0064cf;
  background-color: #edf6ff;
  border: 1px solid #0064cf;
}
.input__titleRadio--label:has(:checked) .input__titleRadio--text {
  font-weight: 700;
}
.input__titleRadio--label.online {
  padding-right: 9px;
}
.input__titleRadio--text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}