html::-webkit-scrollbar {
  display: none;
}

#include-header {
  background: #111111;
}

#header-wrap {
  background: #111111;
  border-bottom: none;
}

#footer-wrapper {
  background: #111111;
}

#bread-crumb-text {
  padding-top: 2.08vw;
  padding-bottom: 1.04vw;
}

#bread-crumb-text ol {
  text-decoration: none;
  margin: 0;
  font-size: 1.66vw;
}

.employee-message-wrapper {
  width: 100%;
  background-color: #ffffff;
}

#new-crew-message-wrapper {
  width: 100%;
  background-color: #00093e;
  padding: 1.04vw 0;
}

#new-crew-message-title {
  font-size: 1.66vw;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

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

.new-crew-message {
  width: 29.16vw;
  height: 25vw;
  margin: 1.04vw;
  background-size: cover;
}

#grouwth-experience-title {
  font-size: 1.66vw;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

#grouwth-experience-wrapper {
  width: 100%;
  background-color: #ffffff;
  padding: 1.04vw 0;
}

.grouwth-experience-message {
  width: 29.16vw;
  height: 25vw;
  margin: 1.04vw;
  background-size: cover;
}

.empty-content {
  width: 29.16vw;
  margin: 1.04vw;
}

#new-crew-1 {
  background-image: url("/assets/img/employeesIcon/employee-S-N-default.webp");
}

#new-crew-1:hover {
  background-image: url("/assets/img/employeesIcon/employee-S-N-mouseover.webp");
}

#new-crew-2 {
  background-image: url("/assets/img/employeesIcon/employee-I-T-default.webp");
}

#new-crew-2:hover {
  background-image: url("/assets/img/employeesIcon/employee-I-T-mouseover.webp");
}

#new-crew-3 {
  background-image: url("/assets/img/employeesIcon/employee-S-K-default.webp");
}

#new-crew-3:hover {
  background-image: url("/assets/img/employeesIcon/employee-S-K-mouseover.webp");
}

#new-crew-4 {
  background-image: url("/assets/img/employeesIcon/employee-M-K-default.webp");
}

#new-crew-4:hover {
  background-image: url("/assets/img/employeesIcon/employee-M-K-mouseover.webp");
}

#new-crew-5 {
  background-image: url("/assets/img/employeesIcon/employee-S-S-default.webp");
}

#new-crew-5:hover {
  background-image: url("/assets/img/employeesIcon/employee-S-S-mouseover.webp");
}

#new-crew-6 {
  background-image: url("/assets/img/employeesIcon/employee-T-M-default.webp");
}

#new-crew-6:hover {
  background-image: url("/assets/img/employeesIcon/employee-T-M-mouseover.webp");
}

#grouwth-experience-1 {
  background-image: url("/assets/img/employeesIcon/grouwth-S-S-default.webp");
}

#grouwth-experience-1:hover {
  background-image: url("/assets/img/employeesIcon/grouwth-S-S-mouseover.webp");
}

#grouwth-experience-2 {
  background-image: url("/assets/img/employeesIcon/grouwth-T-A-default.webp");
}

#grouwth-experience-2:hover {
  background-image: url("/assets/img/employeesIcon/grouwth-T-A-mouseover.webp");
}

#grouwth-experience-3 {
  background-image: url("/assets/img/employeesIcon/grouwth-Y-T-default.webp");
}

#grouwth-experience-3:hover {
  background-image: url("/assets/img/employeesIcon/grouwth-Y-T-mouseover.webp");
}

#grouwth-experience-4 {
  background-image: url("/assets/img/employeesIcon/grouwth-Y-S-default.webp");
}

#grouwth-experience-4:hover {
  background-image: url("/assets/img/employeesIcon/grouwth-Y-S-mouseover.webp");
}

#grouwth-experience-5 {
  background-image: url("/assets/img/employeesIcon/grouwth-Y-O-default.webp");
}

#grouwth-experience-5:hover {
  background-image: url("/assets/img/employeesIcon/grouwth-Y-O-mouseover.webp");
}

dialog {
  background-color: #1e1e1e;
  border: transparent;
  opacity: 0;
  padding: 0;
  height: 34.79vw;
  width: 51.24vw;
  scrollbar-width: none;
  overflow-y: scroll;
  -ms-overflow-style: none;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, overlay 0.5s ease-out allow-discrete,
    display 0.5s ease-out allow-discrete;
}

dialog[open] {
  opacity: 1;
}

dialog:focus {
  outline: none;
}

@starting-style {
  dialog[open] {
    opacity: 0;
  }
}

dialog::backdrop {
  background-color: rgb(0 0 0 / 0%);
  transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete, background-color 0.5s;
}

dialog[open]::backdrop {
  background-color: rgb(0 0 0 / 90%);
}

@starting-style {
  dialog[open]::backdrop {
    background-color: rgb(0 0 0 / 0%);
  }
}

#grouwth-experience-question-and-answer {
  background-color: #1e1e1e;
  color: #ffffff;
  padding: 1.04vw 2.08vw 0 2.08vw;
}

.employee-message-dialog {
  padding: 0;
}

#new-crew-message-content {
  margin: 0;
}

#dialog-container {
  position: absolute;
}

#close-button {
  position: fixed;
  z-index: 2;
  height: 3.28vw;
  right: 23.17vw;
  margin-top: -0.78vw;
}

#close-image {
  height: 100%;
}

#dialog-title {
  position: fixed;
  height: 8.75vw;
  width: 51.24vw;
  background-color: #1e1e1e;
  text-align: center;
  color: #fff;
  font-weight: bold;
  border-bottom: 0.01vw solid #646464;
}

#year-of-joining {
  font-size: 1.25vw;
}

#name {
  margin: 0;
  font-size: 2.5vw;
}

.dialog-content {
  margin-top: 8.75vw;
  scrollbar-width: none;
  overflow-y: scroll;
  -ms-overflow-style: none;
}

.question-and-answer {
  color: #ffffff;
  border-bottom: 0.01vw solid #646464;
  padding: 1.04vw 2.08vw;
}

#question-and-answer-4 {
  border-bottom: none;
  padding-bottom: 1.04svw;
}

#grouwth-experience-text {
  border-bottom: none;
  padding: 0 2.08vw 1.04vw 2.08vw;
}

.grouwth-experience {
  position: fixed;
}

.question-title {
  display: flex;
  justify-content: center;
  border-bottom: 0.01vw solid #b466de;
  margin: 0 auto;
}

.grouwth-experience-question-title {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  border-bottom: 0.01vw solid;
  border-image: linear-gradient(90deg, #ffb75e 0%, #ed8f03 100%);
  border-image-slice: 1;
}

.question-text {
  margin: 0;
  font-size: 2.5vw;
  font-weight: bold;
}

.question-img {
  height: 3.33vw;
}

.answer-text {
  font-style: normal;
  line-height: 1.66vw;
  font-size: 1.25vw;
  padding-top: 0.2vw;
  margin: 0;
  width: 47.08vw;
}

#grouwth-experience-answer {
  line-height: 1.55vw;
}