.breadcrumb-list-module {
  position: relative;
  height: 43.6rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 7.6rem 0;
  color: white;
  grid-gap: 4rem;
}
.breadcrumb-list-module .bg-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.breadcrumb-list-module .bg-image img {
  object-fit: cover;
}
.breadcrumb-list-module .breadcrumb {
  position: relative;
  font-size: var(--f-s-16);
  border-radius: 4rem;
  padding: 1.4rem 3rem;
  background: rgba(255, 255, 255, 0.2);
}
.breadcrumb-list-module .breadcrumb .trace {
  display: inline;
  cursor: pointer;
}
.breadcrumb-list-module .breadcrumb .trace:not(:last-child)::after {
  content: "/";
  margin: 0 1rem;
  display: contents;
}
.breadcrumb-list-module .title {
  position: relative;
  font-size: var(--f-s-64);
  font-weight: bold;
}
@media screen and (max-width: 992px) {
  .breadcrumb-list-module {
    padding: 10.9rem 2rem;
    height: 40rem;
    grid-gap: 2rem;
  }
  .breadcrumb-list-module .breadcrumb {
    padding: 0.8rem 1.6rem;
    font-size: var(--f-s-14);
  }
  .breadcrumb-list-module .breadcrumb .trace {
    display: contents;
  }
  .breadcrumb-list-module .breadcrumb .trace::after {
    display: inline-block;
  }
  .breadcrumb-list-module .breadcrumb .trace:not(:last-child)::after {
    display: inline-block;
  }
  .breadcrumb-list-module .title {
    font-size: var(--f-s-36);
  }
}

.link-list-module {
  color: var(--ui-color-secondary);
}
.link-list-module .link-list {
  width: 100%;
  grid-gap: 2rem 4.5rem;
  padding: 5rem 0;
}
.link-list-module .link-list .link-item {
  margin: 1rem;
  display: inline-block;
  cursor: pointer;
  flex: 1;
  font-size: var(--f-s-20);
  line-height: 1.5;
}
.link-list-module .link-list .link-item::after {
  content: "\e60a";
  display: inline-block;
  animation: 150ms ease-in-out leave forwards;
  font-family: iconfont;
  margin-left: 0.6rem;
}
.link-list-module .link-list .link-item:hover::after {
  animation: 300ms ease-in-out hover forwards;
}
@keyframes hover {
  0% {
    transform: rotate(-45deg);
  }
  50% {
    transform: translateY(-30%) rotate(90deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}
@keyframes leave {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(-45deg);
  }
}

.layout-text-module {
  padding: 3.8rem 0;
}
.layout-text-module .title {
  font-weight: bold;
  margin-bottom: 4rem;
  font-size: var(--f-s-36);
}
.layout-text-module .describe {
  line-height: 2;
  font-size: var(--f-s-18);
  color: #595959;
}
@media screen and (max-width: 992px) {
  .layout-text-module .title {
    font-size: var(--f-s-28);
    margin-bottom: 3.4rem;
  }
}

.card-link-module {
  padding-bottom: 12rem;
}
.card-link-module .inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 11rem;
}
.card-link-module .inner .card-item {
  display: flex;
}
.card-link-module .inner .card-item .icon {
  color: var(--ui-color-secondary);
  font-size: var(--f-s-50);
  width: 5rem;
  margin-right: 2.6rem;
  transition: all 0.3s;
}
.card-link-module .inner .card-item .icon:hover {
  cursor: pointer;
  transform: scale(1.1);
}
.card-link-module .inner .card-item .text {
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.card-link-module .inner .card-item .text .title {
  font-weight: bold;
  font-size: var(--f-s-32);
  margin-bottom: 1rem;
}
.card-link-module .inner .card-item .text .describe {
  color: #595959;
  font-size: var(--f-s-16);
  margin-bottom: 3rem;
  line-height: 1.6;
}
.card-link-module .inner .card-item .text .button {
  margin-top: auto;
  font-size: var(--f-s-16);
  padding: 2rem 4.6rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  grid-gap: 1.6rem;
  line-height: 1.5;
  width: fit-content;
  transition: 0.3s ease-in-out;
  position: relative;
  cursor: pointer;
}
.card-link-module .inner .card-item .text .button i {
  font-size: var(--f-s-12);
  transition: 0.3s ease-in-out;
}
@keyframes btn-hover {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(4px);
  }
}
@media screen and (max-width: 992px) {
  .card-link-module .inner .card-item .text .button {
    padding: 1rem 3rem;
  }
}
.card-link-module .inner .card-item .text .button {
  color: #ffffff;
  border-radius: 5rem;
  border: 1px solid transparent;
  background-position-x: 1%;
  background-size: 400% 100%;
  background-image: linear-gradient(90deg, var(--ui-color-secondary), var(--ui-color-primary) 25%, #ffffff 75%);
}
.card-link-module .inner .card-item .text .button:after {
  transition: 0.2s ease-in-out;
  font-family: "iconfont";
  content: "\e72e";
  color: #ffffff;
  font-size: var(--f-s-12);
}
.card-link-module .inner .card-item .text .button:hover {
  background-position-x: 99%;
  color: var(--ui-color-secondary);
  border: 1px solid var(--ui-color-secondary);
  transform: translateX(1rem);
}
.card-link-module .inner .card-item .text .button:hover:after {
  transition-delay: 0.1s;
  transform: translateX(1rem);
  color: var(--ui-color-secondary);
}
@media screen and (max-width: 992px) {
  .card-link-module .inner {
    grid-template-columns: 1fr;
    grid-gap: 2.9rem;
  }
  .card-link-module .inner .card-item .text .title {
    font-size: var(--f-s-24);
  }
  .card-link-module .inner .card-item .text .describe {
    margin-bottom: 2rem;
  }
}

body[lang=en-us] .card-link-module .inner {
  grid-gap: 6rem;
}
body[lang=en-us] .card-link-module .inner .card-item .text .button {
  padding: 1.2rem 2rem;
}

.reason-text-image-module {
  background-color: #F9FAFB;
  padding: 10rem 0;
}
.reason-text-image-module .title {
  font-size: var(--f-s-36);
  font-weight: bold;
}
.reason-text-image-module .event-cont {
  width: 100%;
  display: flex;
  grid-gap: 11.1rem;
}
.reason-text-image-module .event-cont .event-info {
  position: relative;
  flex: 1;
}
.reason-text-image-module .event-cont .event-info .sharpe-1 {
  z-index: 2;
  position: absolute;
  width: 30%;
  top: -6%;
  right: 20%;
  animation: reason-image-module-animated 5s infinite;
}
.reason-text-image-module .event-cont .event-info .sharpe-2 {
  z-index: 0;
  position: absolute;
  width: 100%;
  left: 10%;
  bottom: 0;
}
.reason-text-image-module .event-cont .event-info .img-1 {
  z-index: 1;
  width: 55%;
  position: absolute;
  left: 0;
  top: 0;
}
.reason-text-image-module .event-cont .event-info .img-2 {
  z-index: 1;
  width: 60%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.reason-text-image-module .event-cont .event-list {
  flex: 1;
}
.reason-text-image-module .event-cont .event-list .event-item {
  cursor: pointer;
  color: #54545E;
  transition-duration: 300ms;
  margin-top: 5rem;
  display: flex;
}
.reason-text-image-module .event-cont .event-list .event-item input[type=radio] {
  display: none;
}
.reason-text-image-module .event-cont .event-list .event-item:nth-child(1) .icon {
  color: #8D2FF2;
  background-color: #EFE9FF;
}
.reason-text-image-module .event-cont .event-list .event-item:nth-child(2) .icon {
  color: #0084FF;
  background-color: #D0E9FF;
}
.reason-text-image-module .event-cont .event-list .event-item:nth-child(3) .icon {
  color: #E97224;
  background-color: #FFEEE2;
}
.reason-text-image-module .event-cont .event-list .event-item .icon {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-right: 2rem;
}
.reason-text-image-module .event-cont .event-list .event-item .text {
  flex: 1;
}
.reason-text-image-module .event-cont .event-list .event-item .text .event-info {
  aspect-ratio: 1;
  position: relative;
  display: none;
}
.reason-text-image-module .event-cont .event-list .event-item .text .title {
  font-size: var(--f-s-24);
  margin-bottom: 1rem;
  display: flex;
}
.reason-text-image-module .event-cont .event-list .event-item .text .title span:first-child {
  flex: 1;
}
.reason-text-image-module .event-cont .event-list .event-item .text .title .icon {
  display: none;
}
.reason-text-image-module .event-cont .event-list .event-item .text .desc {
  margin-bottom: 2.8rem;
  word-break: break-word;
  word-wrap: normal;
}
.reason-text-image-module .event-cont .event-list .event-item .text .hover-line {
  overflow: hidden;
  height: 0.2rem;
  width: 100%;
  background-color: #E2E2E5;
}
.reason-text-image-module .event-cont .event-list .event-item .text .hover-line::after {
  transition-duration: 300ms;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #2E2E2E;
  transform: translateX(-100%);
}
.reason-text-image-module .event-cont .event-list .event-item:hover, .reason-text-image-module .event-cont .event-list .event-item .active {
  color: var(--ui-color-font-primary);
}
.reason-text-image-module .event-cont .event-list .event-item:hover .text .hover-line::after, .reason-text-image-module .event-cont .event-list .event-item .active .text .hover-line::after {
  transform: translateX(0);
}
@media screen and (max-width: 992px) {
  .reason-text-image-module {
    padding: 3rem 0 7.8rem;
  }
  .reason-text-image-module .event-cont .event-list .event-item .text .title {
    justify-content: space-between;
  }
  .reason-text-image-module .event-cont .event-list .event-item .text .title .icon {
    color: #C4C4C4;
    transition-duration: 300ms;
    rotate: 0deg;
    display: flex;
    background: none;
  }
  .reason-text-image-module .event-cont .event-list .event-item .text .desc {
    margin-bottom: 1.5rem;
  }
  .reason-text-image-module .event-cont .event-list .event-item .text .event-info {
    margin-top: 4rem;
  }
  .reason-text-image-module .event-cont .event-list .event-item:has(input[type=radio]:checked):nth-child(1) .text .icon {
    rotate: 90deg;
    color: #8D2FF2;
  }
  .reason-text-image-module .event-cont .event-list .event-item:has(input[type=radio]:checked):nth-child(2) .text .icon {
    rotate: 90deg;
    color: #0084FF;
  }
  .reason-text-image-module .event-cont .event-list .event-item:has(input[type=radio]:checked):nth-child(3) .text .icon {
    rotate: 90deg;
    color: #E97224;
  }
  .reason-text-image-module .event-cont .event-list .event-item:has(input[type=radio]:checked) .text .event-info {
    display: block;
  }
  .reason-text-image-module .event-cont .event-info {
    display: none;
  }
}

@keyframes reason-image-module-animated {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10rem);
  }
  100% {
    transform: translateY(0);
  }
}
.bg-text-list-module {
  position: relative;
  padding: 10rem 0;
}
.bg-text-list-module .module-width {
  position: relative;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  color: white;
}
.bg-text-list-module .module-width .mini-title {
  font-size: var(--f-s-18);
  margin-bottom: 2rem;
}
.bg-text-list-module .module-width .sub-title {
  font-size: var(--f-s-24);
  margin-bottom: 2.6rem;
  font-weight: bold;
}
.bg-text-list-module .module-width .title {
  font-size: var(--f-s-46);
  font-weight: bold;
  margin-bottom: 4.6rem;
}
.bg-text-list-module .module-width .button-list {
  margin-top: 6.8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 2.8rem;
}
.bg-text-list-module .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 992px) {
  .bg-text-list-module {
    padding: 8rem 0;
  }
  .bg-text-list-module .module-width .mini-title {
    font-size: var(--f-s-16);
    margin-bottom: 1.8rem;
  }
  .bg-text-list-module .module-width .sub-title {
    line-height: 1.6;
    font-size: var(--f-s-20);
    margin-bottom: 2.4rem;
  }
  .bg-text-list-module .module-width .title {
    line-height: 1.4;
    font-size: var(--f-s-32);
    margin-bottom: 3.8rem;
  }
  .bg-text-list-module .module-width .button-list {
    grid-gap: 2rem;
    margin-top: 6rem;
  }
}

.download-list-module {
  padding: 10rem 0;
}
.download-list-module .title {
  font-weight: bold;
  font-size: var(--f-s-36);
}
.download-list-module .file-list {
  margin-top: 5.2rem;
  display: flex;
  flex-direction: column;
  grid-gap: 3.8rem;
}
.download-list-module .file-list .file-item {
  transition-duration: 300ms;
  cursor: pointer;
  max-width: 80rem;
  padding: 2.5rem 2rem;
  display: flex;
  align-items: center;
  border: 0.1rem solid #CCCCCC;
  border-radius: 0.5rem;
}
.download-list-module .file-list .file-item .file-info {
  flex: 1;
  word-break: break-all;
  margin: 0 2.4rem;
}
.download-list-module .file-list .file-item .file-info .file-name {
  font-size: 2rem;
  margin-bottom: 0.8rem;
  color: var(--ui-color-secondary);
  word-break: break-word;
}
.download-list-module .file-list .file-item .file-info .file-type {
  font-size: 1.6rem;
}
.download-list-module .file-list .file-item .file-info .file-type span[file-type] {
  text-transform: uppercase;
}
.download-list-module .file-list .file-item .file-icon {
  color: #55595D;
  font-size: var(--f-s-24);
}
.download-list-module .file-list .file-item .download-icon {
  margin-left: auto;
  font-size: var(--f-s-24);
  color: #55595D;
}
.download-list-module .file-list .file-item:hover {
  border: 0.1rem solid var(--ui-color-secondary);
}
@media screen and (max-width: 992px) {
  .download-list-module {
    padding: 8.3rem 0;
  }
  .download-list-module .title {
    font-size: var(--f-s-28);
  }
  .download-list-module .file-list {
    grid-gap: 1.8rem;
    margin-top: 3.5rem;
  }
  .download-list-module .file-list .file-item {
    padding: 1.6rem 1.2rem;
  }
  .download-list-module .file-list .file-item .download-icon, .download-list-module .file-list .file-item .file-icon {
    font-size: var(--f-s-18);
  }
  .download-list-module .file-list .file-item .file-info .file-name.file-type {
    font-size: var(--f-s-16);
  }
}

.text-image-owl-module {
  background: #F9FAFB;
}
.text-image-owl-module .module-wrapper {
  padding: 8.6rem 0;
}
.text-image-owl-module .module-width {
  display: flex;
  grid-gap: 5.2rem;
}
.text-image-owl-module .module-width .module-content {
  width: 52.4rem;
  max-width: 100%;
}
.text-image-owl-module .module-width .module-content .module-desc {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 12;
}
.text-image-owl-module .module-width .module-media {
  width: 56.3rem;
  max-width: 100%;
  aspect-ratio: 563/354;
}
.text-image-owl-module .module-width .module-btn-list {
  display: flex;
  grid-gap: 2.8rem;
  margin-top: 6rem;
}
.text-image-owl-module .module-width .owl-carousel .owl-dots {
  bottom: -3rem;
  justify-content: flex-start;
}
@media (max-width: 992px) {
  .text-image-owl-module .module-width {
    flex-direction: column;
  }
  .text-image-owl-module .module-width .module-btn-list {
    flex-wrap: wrap;
    margin-top: 2.4rem;
    grid-gap: 1.4rem;
  }
  .text-image-owl-module .module-width .module-media .module-owl {
    width: 100%;
    height: 100%;
  }
  .text-image-owl-module .module-width .module-media .module-owl .module-item {
    width: 100%;
    height: 100%;
  }
  .text-image-owl-module .module-width .module-media .module-owl image {
    object-fit: cover;
  }
}

/*# sourceMappingURL=recruitment-notice.css.map */
