@charset "UTF-8";
/* NO CSS*/
/* componenet*/
:root {
  /* sub 공통 타이포 폰트 사이즈(PC 기본값) */
  --sub-fz-h2: 4.8rem;
  --sub-fz-h2-md: 4.2rem;
  --sub-fz-h3: 4rem;
  --sub-fz-h4: 3.2rem;
  --sub-fz-strong-title: 1.8rem;
  --sub-fz-p: 16px;
  --sub-fz-sticky-strong: 3.6rem;
}

/* 1279px부터만 clamp로 유동 처리(PC는 최대값 유지) */
@media (max-width: 1279px) {
  :root {
    --sub-fz-h2: clamp(3.2rem, 2.6rem + 2.5vw, 4.8rem);
    --sub-fz-h2-md: clamp(3rem, 2.4rem + 2vw, 4.2rem);
    --sub-fz-h3: clamp(2.8rem, 2.6rem + 1.6vw, 4rem);
    --sub-fz-h4: clamp(2.4rem, 2rem + 1.2vw, 3.2rem);
    --sub-fz-strong-title: clamp(1.6rem, 1.3rem + 0.6vw, 1.8rem);
    --sub-fz-p: clamp(14px, 12px + 0.5vw, 16px);
    --sub-fz-sticky-strong: clamp(3rem, 2.2rem + 1vw, 3.6rem);
  }
}
html[data-type=sub] body {
  background: #fff;
}
html:has(.sub-visual[data-page=inquiry-introduction]) .contact-container[data-type=basic], html:has(.sub-visual[data-page=inquiry-introduction]) .contact-container[data-type=contact] {
  display: none;
}
html:has(.sub-visual[data-page=inquiry-introduction]) .sub-container {
  background: #f4f6fa;
  padding-bottom: 6rem;
}
html:has(.sub-visual[data-page=inquiry]) .contact-container[data-type=basic] {
  display: none;
}
html:has(.sub-visual[data-page=inquiry]) .contact-container[data-type=contact] {
  display: block;
}
html:has(.sub-visual[data-page=inquiry]) .sub-container {
  background: #f4f6fa;
  padding-bottom: 6rem;
}
html:has(.pricing) .center {
  max-width: 128rem;
}

.h2 {
  color: #111827;
  font-size: var(--sub-fz-h2);
  font-weight: 700;
  line-height: 5.76rem;
  text-align: center;
}
.h2 .mobile {
  display: none;
}

.h2.md {
  font-size: var(--sub-fz-h2-md);
  line-height: 5.46rem;
}

.h3 {
  color: #23262f;
  font-size: var(--sub-fz-h3);
  font-weight: 600;
  line-height: 5.2rem;
  text-align: center;
}

.h4 {
  color: #111827;
  font-size: var(--sub-fz-h4);
  font-weight: 600;
  line-height: 4.16rem;
  text-align: center;
}
.h4 .mobile {
  display: none;
}

strong.title {
  color: #111827;
  font-size: var(--sub-fz-strong-title);
  font-weight: 600;
}

.p {
  color: #8f95b2;
  font-size: var(--sub-fz-p);
  font-weight: 400;
  line-height: 2.4rem;
}

br {
  display: block;
}
br.pc {
  display: block;
}
br.mobile {
  display: none;
}

@media (max-width: 767px) {
  .h3 {
    line-height: 1.3;
  }
}
@media (max-width: 460px) {
  br.pc {
    display: none;
  }
  br.mobile {
    display: block;
  }
}
.bul-check > li {
  position: relative;
  color: #101840;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  padding-left: 3.2rem;
}
.bul-check > li + li {
  margin-top: 1.2rem;
}
.bul-check > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/next_2024_html/img/dooli/ico_check-circle.svg) no-repeat center/contain;
}
.bul-check > li > ul {
  margin-top: 0.6rem;
}
.bul-check > li > ul > li {
  position: relative;
  color: #101840;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  padding-left: 1.2rem;
}
.bul-check > li > ul > li:before {
  content: " - ";
  position: absolute;
  top: 0;
  left: 0;
}
.bul-check > li > ul > li + li {
  margin-top: 0.6rem;
}
.bul-check > li .tooltip-box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  color: #fff;
  background: #9dc4ff;
  border-radius: 3rem;
  padding: 0 0.6rem;
  font-size: 12px;
  font-weight: 600;
  margin-left: 0.4rem;
  transform: translateY(-0.15rem);
}
.bul-check.blue > li {
  padding-left: 2.8rem;
  color: #696f8c;
}
.bul-check.blue > li:before {
  width: 2rem;
  height: 2rem;
  transform: translateY(0.2rem);
  background-image: url(/next_2024_html/img/dooli/ico_check-circle-blue.svg);
}
.bul-check.blue > li + li {
  margin-top: 0.6rem;
}

.sub-container {
  position: relative;
  z-index: 1;
}
.sub-container:has(.blog__list, .blog__list-wrap) {
  padding: 0 0 6rem;
  margin-top: 10rem;
}
@media (max-width: 767px) {
  .sub-container:has(.blog__list, .blog__list-wrap) {
    margin-top: 8.4rem;
  }
}
.sub-container:has(.blog-view) .center {
  max-width: 96rem;
}
.sub-visual {
  position: relative;
  padding-top: 6rem;
  margin-top: 10rem;
  transition: background-image 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}
.sub-visual:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 97.4rem;
  z-index: -1;
}
.sub-visual-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem 4rem;
}
.sub-visual-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
}
.sub-visual-title-sub {
  color: #696f8c;
  font-size: 2.8rem;
  font-weight: 600;
}
.sub-visual-title-main .mobile {
  display: none;
}
.sub-visual-image img {
  display: block;
  margin: auto;
}
.sub-visual[data-page=office-chat]:before {
  background: url(/next_2026_html/img/2026/office-chat/visual_bg.svg) no-repeat center/cover;
}
.sub-visual[data-page=office-chat] .sub-visual-image {
  margin-top: 9.7rem;
}
.sub-visual[data-page=office-chat] .sub-visual-image img {
  width: 102.532rem;
}
.sub-visual[data-page=office-mail]:before {
  background: url(/next_2026_html/img/2026/office-mail/visual_bg.svg) no-repeat center/cover;
}
.sub-visual[data-page=office-mail] .sub-visual-image {
  margin-top: 11.5rem;
}
.sub-visual[data-page=office-mail] .sub-visual-image img {
  width: 94.5rem;
}
.sub-visual[data-page=office-password]:before {
  background: url(/next_2026_html/img/2026/office-password/visual_bg.svg) no-repeat center/cover;
}
.sub-visual[data-page=office-password] .sub-visual-image {
  margin-top: 9.8rem;
}
.sub-visual[data-page=office-password] .sub-visual-image img {
  width: 94.2rem;
}
.sub-visual[data-page=pricing-guide] {
  padding-bottom: 13rem;
}
.sub-visual[data-page=pricing-guide]:before {
  background: #f4f6fa;
  height: 100%;
}
.sub-visual-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  margin-top: 1.6rem;
}
.sub-visual-info > p {
  color: #777e90;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
.sub-visual-info > p .mobile {
  display: none;
}
.sub-visual-info .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  background: #474d66;
  border-radius: 3rem;
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.sub-visual-content {
  margin-top: 8rem;
}
.sub-contents-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  padding: 10rem;
}
.sub-contents-keyword {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.2rem;
}
.sub-contents-keyword li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 10rem;
  padding: 5px 12px;
  background: #474d66;
}
.sub-contents-keyword li > a {
  color: #fff;
}
.sub-contents-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7rem;
  padding: 13rem 0;
}
.sub-contents-item:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: calc(100vw - 1.8rem);
  height: 100%;
  border-top: 1px solid #e6e8f0;
  background: url(/next_2024_html/img/main/section02_bg.svg) no-repeat center/cover;
  z-index: -1;
}
@media (max-width: 1279px) {
  .sub-visual {
    padding-top: 3rem;
  }
  .sub-visual-image {
    margin-top: 6.4rem !important;
  }
}
@media (max-width: 1170px) {
  .sub-visual-image img {
    width: 100% !important;
  }
  .sub-visual:before {
    height: 92%;
  }
  .sub-contents-item {
    padding: 11rem 0;
  }
}
@media (max-width: 767px) {
  .sub-container .h2 {
    line-height: 1.2;
  }
  .sub-container .h2.md {
    line-height: 1.3;
  }
  .sub-container .h4 .mobile {
    display: block;
  }
  .sub-visual {
    margin-top: 8.4rem;
  }
  .sub-visual-image {
    margin-top: 4rem !important;
  }
  .sub-visual-title-main .mobile {
    display: block;
  }
  .sub-visual-info p .mobile {
    display: block;
  }
  .sub-contents-title {
    padding: 6rem 2rem;
  }
  .sub-contents-keyword li {
    height: 26px;
    font-size: 13px;
    padding: 5px 10px;
  }
  .sub-contents-item {
    gap: 4rem;
    padding: 6rem 0;
  }
}
@media (max-width: 460px) {
  .sub-visual-info .badge {
    height: auto;
    padding: 0.4rem 10px;
  }
}

.txt-banners {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 3rem;
}
.txt-banner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.6rem 1.2rem;
  color: #474d66;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.74rem;
  background: #edeff5;
  border-radius: 10rem;
}

.sticky-container {
  display: flex;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 5.8rem;
  justify-content: space-between;
  position: relative;
}
.sticky-txt {
  position: relative;
  width: 42.8%;
}
.sticky-item {
  height: 70vh;
  display: flex;
  align-items: center;
  transition: opacity 0.5s ease-in-out;
  padding: 10rem 0;
}
.sticky-item .txt strong {
  color: #111827;
  font-size: var(--sub-fz-sticky-strong);
  font-weight: 600;
  line-height: 1.3;
}
.sticky-item .txt strong em {
  color: #3362ff;
}
.sticky-item .txt .p {
  color: #474d66;
  font-size: 18px;
  line-height: 27px;
  margin-top: 3rem;
}
.sticky-item .txt .note {
  display: block;
  color: #8f95b2;
  font-size: 16px;
  line-height: 2.4rem;
  margin-top: 1rem;
}
.sticky-item .txt + img {
  display: none;
}
.sticky-right {
  position: relative;
  flex: 1;
  width: 62rem;
  height: calc(100vh - 10rem);
  display: flex;
  overflow: hidden;
}
.sticky-right img {
  aspect-ratio: 620/500;
  opacity: 0;
  visibility: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  inset: -100%;
  vertical-align: baseline;
  display: inline-block;
  transition: opacity 0.3s;
}
.sticky-right img.active {
  opacity: 1;
  visibility: visible;
}
.sticky-items {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 70vh;
}
.sticky-items .inner {
  width: 100%;
  height: 70vh;
  position: absolute;
}
@media (max-width: 1459px) {
  .sticky-container {
    grid-column-gap: 7rem;
  }
}
@media (max-width: 1279px) {
  .sticky-container {
    grid-column-gap: 4rem;
  }
}
@media (max-width: 1023px) {
  .sticky-container {
    padding-bottom: 10rem;
  }
  .sticky-txt {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
  }
  .sticky-item {
    flex-direction: column;
    align-items: end;
    height: auto;
    border: none;
    padding: 0;
  }
  .sticky-item .txt {
    width: 100%;
    padding: 8rem 4rem 12rem;
  }
  .sticky-item .txt + img {
    display: block;
    width: 80%;
    margin-right: 2rem;
  }
  .sticky-item .txt .p {
    font-size: 17px;
  }
  .sticky-right {
    display: none;
  }
}
@media (max-width: 767px) {
  .sticky-container {
    padding-bottom: 6rem;
  }
  .sticky-item .txt {
    padding: 6rem 0;
  }
  .sticky-item .txt .p {
    font-size: 16px;
  }
}
@media (max-width: 459px) {
  .sticky-item .txt + img {
    width: 100%;
    margin-right: 0;
  }
}

.merit-list {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  width: 100%;
}
.merit-list > li {
  width: calc(50% - 1.5rem);
}
.merit-list > li > a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 4.8rem;
  border: 1px solid #e6e8f0;
  border-radius: 2rem;
}
.merit-list > li > a .title {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 1.6rem;
}
.merit-list > li > a .title img {
  display: block;
  width: 6rem;
}
.merit-list > li > a .title > strong {
  color: #111827;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 3.64rem;
}
.merit-list > li > a .info > p {
  font-size: 16px;
  color: #696f8c;
  line-height: 2.4rem;
}
.merit-list > li > a .link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-top: 4rem;
}
.merit-list > li > a .link:after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(-0.05rem);
  background: url(/next_2024_html/img/common/arrow-sm-right_gray.svg) no-repeat center/contain;
}
.merit-list > li > a .link span {
  color: #696f8c;
  font-size: 16px;
  font-weight: 600;
}
.merit-list > li > a:hover {
  box-shadow: 0 1.2rem 4rem rgba(16, 24, 64, 0.1);
}
.merit-list > li > a:hover .link span {
  color: #3362ff;
}
.merit-list > li > a:hover .link:after {
  background-image: url(/next_2024_html/img/common/arrow-sm-right_blue.svg);
}
@media (max-width: 1023px) {
  .merit-list > li > a {
    padding: 3.2rem;
  }
}
@media (max-width: 767px) {
  .merit-list {
    flex-direction: column;
    width: 100%;
  }
  .merit-list > li {
    width: 100%;
  }
  .merit-list > li > a .title img {
    width: 5rem;
  }
  .merit-list > li > a .title > strong {
    font-size: 2.4rem;
  }
  .merit-list > li > a .info p {
    font-size: 15px;
  }
  .merit-list > li > a .link span {
    font-size: 15px;
  }
}

.faq {
  position: relative;
  padding: 16rem 0;
}
.faq * {
  font-family: "Pretendard", "Pretendard Variable", "sans-serif", "helvetica" !important;
}
.faq:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.faq-list {
  display: flex;
  flex-direction: column;
  margin-top: 6rem;
}
.faq-list > li {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-top: 1px solid #e6e8ec;
}
.faq-list > li:has(.recruit-link.active) {
  background: #f5f6f7;
}
.faq-list > li:last-child {
  border-bottom: 1px solid #e6e8ec;
}
.faq-link {
  position: relative;
  display: flex;
  gap: 1.6rem;
  width: 100%;
  height: 100%;
  padding: 3.05rem 0 3.05rem 0;
}
.faq-link:after {
  display: block;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url(/next_2024_html/img/common/ico_chevron-down.svg) no-repeat center/contain;
  margin-left: auto;
  margin-bottom: auto;
  transition: 0.24s;
}
.faq-link:before,
.faq-link p {
  transition: color 0.2s;
}
.faq-link.active p {
  font-weight: 600;
}
.faq-link.active:after {
  transform: rotate(180deg);
}
.faq-answer {
  display: none;
  padding: 0 2.4rem 3rem 0;
}
.faq-answer-container {
  position: relative;
  display: block;
}
.faq-answer-container * {
  color: #8f95b2;
}
.faq-answer-container span {
  font-size: 16px;
}
.faq-answer-container > ul {
  padding-left: 2rem;
}
@media (max-width: 1279px) {
  .faq {
    padding: 10rem 0;
  }
}
@media (max-width: 1023px) {
  .faq {
    padding: 12rem 0;
  }
}
@media (max-width: 767px) {
  .faq {
    padding: 8rem 0;
  }
  .faq-answer-container span {
    font-size: 14px !important;
  }
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.inquiry {
  max-width: 80rem;
  margin: 0 auto;
  margin-top: 8rem;
}
.inquiry-form-item {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}
.inquiry-form-checkbox-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  background: #fff;
  padding: 2.4rem;
  border-radius: 1.2rem;
  margin-bottom: 1.2rem;
}
.inquiry-form-checkbox-item .mxds-checkbox:has(input:checked) label:before {
  content: "\eb7b";
  font-family: "remixicon";
  border-width: 2px;
  color: #3362ff;
}
.inquiry-form-checkbox-item .mxds-checkbox label:before {
  border-radius: 0.4rem;
}
.inquiry-form-checkbox-item .mxds-checkbox em {
  color: #8f95b2;
  font-size: 1.4rem;
}
.inquiry-form-checkbox-item .warning {
  margin: 3px auto !important;
  width: -moz-fit-content;
  width: fit-content;
}
.inquiry-form-checkbox-title {
  color: #8f95b2;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
}
.inquiry-agree {
  margin-top: 3.2rem;
}
.inquiry-agree-title {
  color: #474d66;
  font-size: 16px;
  font-weight: 500;
  line-height: 2.4rem;
}
.inquiry-agree .join-scrollbox {
  background: #f4f6fa;
  border: 1px solid #c1c7d6;
  border-radius: 1.2rem;
  margin-top: 4px;
  padding: 2rem 0.8rem 2rem 2rem;
}
.inquiry-agree .join-scrollbox p {
  color: #696f8c;
  font-size: 14px;
  font-weight: 500;
  line-height: 2.1rem;
}
.inquiry-agree .join-scrollbox p b {
  display: block;
}
.inquiry-agree .join-scrollbox .inner {
  max-height: 13rem;
  padding-right: 2rem;
  overflow: auto;
}
.inquiry-agree .join-scrollbox .inner::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.5rem;
  border-radius: 5rem;
}
.inquiry-agree .join-scrollbox .inner::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.6);
  border-radius: 5rem;
}
.inquiry-agree .join-checkbox {
  margin-top: 1.2rem;
}
.inquiry-agree .join-checkbox > span + span {
  margin-top: 1.2rem;
}
@media (max-width: 767px) {
  .inquiry {
    margin-top: 4rem;
  }
  .inquiry-form * {
    font-size: 14px !important;
  }
  .inquiry-form input::-moz-placeholder, .inquiry-form textarea::-moz-placeholder {
    font-size: 14px !important;
  }
  .inquiry-form input::placeholder,
  .inquiry-form textarea::placeholder {
    font-size: 14px !important;
  }
}

.pricing-box {
  width: calc(33.3333333333% - 1.3333333333rem);
  padding: 4rem 3rem;
  background: #fff;
  border-radius: 2rem;
  border: 2px solid #9dc4ff;
}
.pricing-box-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.pricing-info {
  padding-bottom: 3.2rem;
  margin-bottom: 4rem;
  border-bottom: 1px solid #9dc4ff;
}
.pricing-info-cont {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.pricing-cost-label {
  color: #101840;
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 2.8rem;
}
.pricing-cost-num {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-top: 1.2rem;
}
.pricing-cost-num-price {
  font-size: 3rem;
  font-weight: 800;
  line-height: 2.8rem;
  letter-spacing: -0.01em;
}
.pricing-cost-num-month {
  color: #101840;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
}
.pricing-util > a {
  width: 100%;
}
.pricing-list {
  display: flex;
  flex-direction: column;
  gap: 4rem 1.6rem;
}
.pricing-item-box {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.pricing-label {
  color: #ff7f00;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 2.8rem;
}
.pricing-noti {
  position: relative;
  color: #696f8c;
  line-height: 150%;
}
.pricing-noti:before {
  content: " • ";
  color: #696f8c;
}
@media (max-width: 1023px) {
  .pricing-box {
    width: 100%;
  }
  .pricing-box-list {
    flex-direction: column;
  }
  .pricing-list {
    flex-direction: row;
  }
  .pricing-item {
    flex: 1;
  }
}
@media (max-width: 767px) {
  .pricing-box {
    padding: 3.2rem 2.4rem;
  }
  .pricing-info {
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
  }
  .pricing-info-cont {
    gap: 2.4rem;
  }
  .pricing-label {
    font-size: 1.8rem;
  }
}
@media (max-width: 580px) {
  .pricing-list {
    flex-direction: column;
    gap: 2.4rem;
  }
  .pricing-item {
    flex: auto;
  }
}

html:has(.nextcrew) .header {
  position: relative !important;
}
html:has(.nextcrew) .contact-container {
  display: none !important;
}
html:has(.nextcrew) .outer {
  padding-top: 0 !important;
}

.button[data-size=max] {
  position: relative;
  width: 56.3rem;
  height: 9.8rem;
  z-index: 1;
}
.button[data-size=max] span {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 140%;
}
.button[data-size=max] img {
  display: block;
  width: 4.8rem;
}

.nextcrew .mobile {
  display: none;
}
.nextcrew .section01 {
  background: #fff;
  padding: 8rem 0 4.8rem;
}
.nextcrew .section01 .center {
  position: relative;
}
.nextcrew .section01 .logo img {
  display: block;
  width: 22.4rem;
}
.nextcrew .section01 .img {
  display: flex;
  justify-content: end;
}
.nextcrew .section01 .img img {
  display: block;
  width: 41.481rem;
}
.nextcrew .section01.second {
  background: #3362ff;
}
.nextcrew .section01.second .h1 {
  color: #fff;
}
.nextcrew .section01.second .img {
  margin-top: -8rem;
  margin-right: 0;
}
.nextcrew .section01.second .img img {
  width: 94.744rem;
}
.nextcrew .section01.third {
  background: #eaf2ff;
  padding: 7.5rem 0 0;
}
.nextcrew .section01.third .nextcrew-tit {
  align-items: center;
  gap: 4.5rem;
}
.nextcrew .section01.third .nextcrew-tit .h1 {
  text-align: center;
  font-size: 7.4rem;
}
.nextcrew .section01.third .img {
  justify-content: center;
  margin-top: 2.314rem;
  margin-right: 0;
  margin: auto;
}
.nextcrew .section01.third .img img {
  width: 111.5rem;
}
.nextcrew .section02 {
  background: #3362ff;
  padding: 12rem 0 12.5rem;
}
.nextcrew .section02.second {
  background: #d6e6ff;
}
.nextcrew .section02.second .nextcrew-sec-tit .h2,
.nextcrew .section02.second .nextcrew-sec-tit em {
  color: #000000;
}
.nextcrew .section02 .nextcrew-sec-tit em {
  position: relative;
}
.nextcrew .section02 .nextcrew-sec-tit em:after {
  content: "";
  position: absolute;
  bottom: calc(100% - 1.6rem);
  right: 28%;
  width: 3.931rem;
  height: 3.931rem;
  background: url(/next_2024_html/img/dooli/ico_star2.svg) no-repeat center/contain;
}
.nextcrew .section03 {
  background: #f4f6fa;
  padding: 14.2rem 0 16.1rem;
}
.nextcrew .section04 {
  background: #1c2333;
  padding: 15rem 0 24rem;
}
.nextcrew .section04 .nextcrew-sec-tit {
  position: relative;
}
.nextcrew .section05 {
  background: #f4f6fa;
  padding: 12rem 0 15rem;
}
.nextcrew .section06 {
  background: #fff;
  padding: 12rem 0 15rem;
}
.nextcrew .section07 {
  background: #f4f6fa;
  padding: 12rem 0 15rem;
}
.nextcrew .section08 {
  background: #fff;
  padding: 30.2rem 0 15rem;
}
.nextcrew .section08 .nextcrew-sec-tit {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.nextcrew .section08 .nextcrew-sec-tit .h2 {
  position: relative;
}
.nextcrew .section08 .dooli1 {
  position: absolute;
  display: block;
}
.nextcrew .section08 .dooli1 {
  width: 35.8rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 1.3rem);
}
.nextcrew .section09 {
  padding: 12rem 0;
  background: #3362ff;
}
.nextcrew-tit {
  display: flex;
  flex-direction: column;
  gap: 8rem;
  padding-left: 7.8rem;
}
.nextcrew-tit .h1 {
  color: #0d1c4b;
  font-size: 9.3rem;
  font-weight: 800;
  line-height: 130%;
}
.nextcrew-tit .h1 span {
  font-weight: 200;
}
.nextcrew-sec-tit {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}
.nextcrew-sec-tit.gap-16 {
  gap: 1.6rem;
}
.nextcrew-sec-tit em {
  color: #fff;
  font-size: 4rem;
  font-weight: 300;
}
.nextcrew-sec-tit .h2 {
  color: #fff;
  font-size: 6.4rem;
  font-weight: 800;
  line-height: 140%;
  text-align: center;
}
.nextcrew-sec-tit .h2.black {
  color: #000;
}
.nextcrew-sec-tit .p {
  color: #fff;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 140%;
}
.nextcrew-sec-tit .banner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 8.8rem;
  padding: 0 2.8rem;
  background: #000000;
  color: #fff;
  font-size: 4rem;
  font-weight: 800;
  line-height: 140%;
  border-radius: 10rem;
}
.nextcrew-sec-tit .banner.orange {
  background: #ff7f00;
}
.nextcrew-sec-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.nextcrew-sec-cont .img {
  display: block;
  margin: auto;
}
.nextcrew-sec-cont .img img {
  display: block;
  width: 34rem;
}
.nextcrew-sec-cont .strong {
  display: block;
  color: #000;
  text-align: center;
  font-size: 4.2rem;
  font-weight: 800;
  line-height: 140%;
}
.nextcrew-sec-cont .p {
  color: #000;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 140%;
}
.nextcrew-messenger-list {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  width: 100%;
  padding: 0 7rem;
  margin-top: 8rem;
}
.nextcrew-messenger-list > li {
  display: flex;
  align-items: center;
  gap: 2.6rem;
  border: 1.207px solid #f0f0f0;
  background: linear-gradient(84deg, #fff 36.52%, rgba(255, 255, 255, 0.83) 98.8%);
  box-shadow: 0 48.276px 77.241px -38.621px rgba(15, 15, 15, 0.1);
  -webkit-backdrop-filter: blur(19.3103599548px);
          backdrop-filter: blur(19.3103599548px);
  padding: 4rem 3.2rem;
}
.nextcrew-messenger-list > li.first {
  width: 91.9417%;
  max-width: 94.7rem;
  border-radius: 10rem 8rem 1.2rem 10rem;
}
.nextcrew-messenger-list > li.second {
  width: 77.766%;
  max-width: 80.1rem;
  margin-left: auto;
  border-radius: 10rem 8rem 1.2rem 10rem;
}
.nextcrew-messenger-list > li.third {
  width: 84.951%;
  max-width: 87.5rem;
  border-radius: 10rem 8rem 1.2rem 10rem;
}
.nextcrew-messenger-list > li .cha {
  flex-shrink: 0;
}
.nextcrew-messenger-list > li .cha img {
  display: block;
  width: 15.2rem;
}
.nextcrew-messenger-list > li p {
  flex: 1;
  color: #23262f;
  font-size: 3.6rem;
  font-weight: 300;
  line-height: 150%;
}
.nextcrew-messenger-list > li p strong {
  font-weight: 800;
}
.nextcrew-benefit {
  position: relative;
}
.nextcrew-benefit-img {
  position: relative;
  display: block;
  min-height: 111.08rem;
}
.nextcrew-benefit-cont .bg {
  position: absolute;
  left: 50%;
  top: 10.4rem;
  transform: translateX(-50%);
}
.nextcrew-benefit-cont .bg img {
  display: block;
  width: 133.03rem;
}
.nextcrew-benefit-cont .notebook {
  position: relative;
  margin-top: -2rem;
}
.nextcrew-benefit-cont .notebook img {
  position: relative;
  display: block;
  width: 113.622rem;
}
.nextcrew-benefit-list {
  display: flex;
  flex-direction: column;
  gap: 4.6rem;
  padding: 0 10rem;
  margin-top: 4rem;
}
.nextcrew-benefit-list > li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 2rem 5rem;
  border-radius: 3.4rem;
  background: rgba(35, 44, 64, 0.4);
  box-shadow: 0px 44.45px 66.67px -36.11px rgba(0, 0, 0, 0.5), 0px 5.97px 1.39px -5.56px rgba(0, 0, 0, 0.25), 0px 13.89px 4.17px -11.11px rgba(8, 8, 8, 0.2), 0px 16.67px 11.11px -11.11px rgba(8, 8, 8, 0.16), 0px 16.67px 36.11px 0px rgba(8, 8, 8, 0.12), 0px 66.67px 66.67px -44.45px rgba(8, 8, 8, 0.08), inset 5.56px 11.11px 44.45px 0px rgba(253, 253, 253, 0.05);
}
.nextcrew-benefit-list > li:before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px; /* stroke 두께 */
  border-radius: 3.4rem;
  background: linear-gradient(to bottom, rgba(253, 253, 237, 0.06) 0%, rgba(253, 253, 237, 0) 40%, rgba(253, 253, 237, 0) 60%, rgba(253, 253, 237, 0.06) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.nextcrew-benefit-list > li .cha img {
  display: block;
}
.nextcrew-benefit-list > li .txt {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.nextcrew-benefit-list > li p {
  color: #fff;
  text-align: center;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 150%;
}
.nextcrew-benefit-list > li p strong {
  font-weight: 800;
}
.nextcrew-benefit-list > li span {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 2.36rem;
  font-weight: 300;
  line-height: 150%;
}
.nextcrew-benefit-list > li.first .cha img {
  width: 17.9rem;
}
.nextcrew-benefit-list > li.second .cha img {
  width: 18.1rem;
}
.nextcrew-benefit-list > li.third .cha img {
  width: 16.8rem;
}
.nextcrew-benefit .btns {
  margin-top: 10.2rem;
}
.nextcrew-process-list {
  display: flex;
  flex-direction: column;
  gap: 7.2rem;
  margin-top: 8rem;
  padding: 0 7rem;
}
.nextcrew-process-list > li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 3.2rem;
  min-height: 24rem;
  padding: 0 10rem;
  border-radius: 3.6rem;
  background: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
}
.nextcrew-process-list > li:not(:last-child):after {
  content: "";
  position: absolute;
  top: calc(100% + 1.2rem);
  left: 50%;
  transform: translateX(-50%);
  width: 4.8rem;
  height: 4.8rem;
  background: url(/next_2024_html/img/dooli/ico_chevron-down2.svg) no-repeat center/contain;
}
.nextcrew-process-list > li .img img {
  width: 22.2rem;
}
.nextcrew-process-list > li .txt strong {
  color: #000;
  text-align: center;
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 150%;
}
.nextcrew-process-list > li .txt strong span {
  font-weight: 300;
}
.nextcrew-process-list > li .img {
  margin-left: auto;
}
.nextcrew-process-list > li .img img {
  display: block;
}
.nextcrew-present-list {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  width: 100%;
  margin-top: 9rem;
  padding: 0 7rem;
}
.nextcrew-present-list > li {
  width: calc(33.3333333333% - 2rem);
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 1.8rem;
}
.nextcrew-present-list > li .img {
  position: relative;
  width: calc(100% + 4rem);
  height: calc(100% + 0.8rem);
  margin: -2rem;
}
.nextcrew-present-list > li .img img {
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
}
.nextcrew-slider {
  display: flex;
  align-items: center;
  gap: 4.3rem;
  margin-top: 7rem;
  padding: 0 6rem;
}
.nextcrew-slider-prev, .nextcrew-slider-next {
  display: flex;
  width: 7.2rem;
  height: 7.2rem;
  padding: 1.6rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 12.8rem;
  border: 2px solid #f4f6fa;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
  transition: background 0.24s;
}
.nextcrew-slider-prev:hover, .nextcrew-slider-next:hover {
  background: #f4f6fa;
}
.nextcrew-slider .swiper-slide > a {
  display: block;
  border-radius: 2rem;
  overflow: hidden;
}
.nextcrew-slider .swiper-slide img {
  display: block;
  width: 100%;
}
.nextcrew-foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 4.7rem;
}
.nextcrew-foot > img {
  display: block;
  width: 74.06rem;
}
.nextcrew-foot .btns {
  margin: 0 !important;
  margin-top: -7rem !important;
}
@media (max-width: 1279px) {
  .nextcrew .btns {
    margin-top: 2.4rem;
  }
  .nextcrew .section01.second .img img {
    width: 70rem;
  }
  .nextcrew .section01.third .img img {
    width: 90vw;
  }
  .nextcrew .section01.third .nextcrew-tit .h1 {
    font-size: 6.4rem;
  }
  .nextcrew .section02 {
    padding: 10rem 10.5rem;
  }
  .nextcrew .section02 .nextcrew-sec-tit em:after {
    width: 3rem;
    height: 3rem;
  }
  .nextcrew .section03 {
    padding: 12rem 0 14rem;
  }
  .nextcrew .section04 {
    padding: 12rem 0 15rem;
  }
  .nextcrew .section05 {
    padding: 10rem 0 12rem;
  }
  .nextcrew .section06, .nextcrew .section07, .nextcrew .section09 {
    padding: 10rem 0 12rem;
  }
  .nextcrew .section08 {
    padding: 26rem 0 12rem;
  }
  .nextcrew-tit {
    gap: 6.4rem;
    padding-left: 0;
  }
  .nextcrew-tit .h1 {
    font-size: 8rem;
  }
  .nextcrew-sec-tit {
    gap: 0.2rem;
  }
  .nextcrew-sec-tit em {
    font-size: 3.2rem;
  }
  .nextcrew-sec-tit .h2 {
    font-size: 5.6rem;
  }
  .nextcrew-sec-tit .banner {
    height: 7rem;
    font-size: 3.2rem;
  }
  .nextcrew-sec-tit .p {
    font-size: 2.4rem;
  }
  .nextcrew-sec-cont .strong {
    font-size: 3.6rem;
  }
  .nextcrew-sec-cont .p {
    font-size: 2.4rem;
  }
  .nextcrew-sec-cont .mt24 {
    margin-top: 1.6rem;
  }
  .nextcrew-messenger-list {
    gap: 3.2rem;
    padding: 0;
    margin-top: 5.6rem;
  }
  .nextcrew-messenger-list > li > p {
    font-size: 2.8rem;
  }
  .nextcrew-benefit .btns {
    margin-top: 6.4rem;
  }
  .nextcrew-benefit-img {
    min-height: auto;
  }
  .nextcrew-benefit-cont {
    width: 100%;
  }
  .nextcrew-benefit-cont .bg,
  .nextcrew-benefit-cont .notebook {
    width: 100%;
  }
  .nextcrew-benefit-cont .bg img,
  .nextcrew-benefit-cont .notebook img {
    width: 100%;
  }
  .nextcrew-benefit-list {
    padding: 0;
  }
  .nextcrew-benefit-list > li .txt {
    gap: 0.2rem;
  }
  .nextcrew-benefit-list > li p {
    font-size: 2.8rem;
  }
  .nextcrew-benefit-list > li span {
    font-size: 2rem;
  }
  .nextcrew-process-list {
    padding: 0;
    margin-top: 5.6rem;
  }
  .nextcrew-process-list > li .txt strong {
    font-size: 3rem;
  }
  .nextcrew-present-list {
    padding: 0;
    margin-top: 5.6rem;
  }
  .nextcrew-slider {
    padding: 0;
    margin-top: 5.6rem;
  }
  .nextcrew-slider-prev img, .nextcrew-slider-next img {
    display: block;
    width: 2.8rem;
  }
  .nextcrew-foot > img {
    width: 38rem;
  }
}
@media (max-width: 1023px) {
  .nextcrew .button[data-size=max] {
    height: 8rem;
  }
  .nextcrew .button[data-size=max] span {
    font-size: 3rem;
  }
  .nextcrew .section01 {
    padding: 6rem 0 4rem;
  }
  .nextcrew .section01.second .img img {
    width: 60rem;
  }
  .nextcrew .section02 {
    padding: 8rem 0 8.5rem;
  }
  .nextcrew .section02 .nextcrew-sec-tit em:after {
    width: 2.6rem;
    height: 2.6rem;
    bottom: calc(100% - 1rem);
  }
  .nextcrew .section03, .nextcrew .section04 {
    padding: 10rem 0 12rem;
  }
  .nextcrew .section05, .nextcrew .section06, .nextcrew .section07, .nextcrew .section09 {
    padding: 8rem 0 10rem;
  }
  .nextcrew .section08 {
    padding: 24rem 0 10rem;
  }
  .nextcrew .section08 .dooli1 {
    width: 24rem;
    bottom: calc(100% - 1.8rem);
  }
  .nextcrew-tit {
    gap: 4.8rem;
  }
  .nextcrew-tit .h1 {
    font-size: 6.4rem;
  }
  .nextcrew-sec-tit em {
    font-size: 2.8rem;
  }
  .nextcrew-sec-tit .h2 {
    font-size: 4.8rem;
  }
  .nextcrew-sec-tit .banner {
    height: 6.4rem;
    font-size: 2.8rem;
  }
  .nextcrew-sec-tit .p {
    font-size: 2rem;
  }
  .nextcrew-sec-cont .strong {
    font-size: 2.8rem;
  }
  .nextcrew-sec-cont .p {
    font-size: 1.9rem;
  }
  .nextcrew-messenger-list {
    margin-top: 4.8rem;
  }
  .nextcrew-messenger-list > li {
    max-width: 100% !important;
  }
  .nextcrew-messenger-list > li.first {
    width: 94%;
  }
  .nextcrew-messenger-list > li.second {
    width: 88%;
  }
  .nextcrew-messenger-list > li.third {
    width: 90%;
  }
  .nextcrew-messenger-list > li p {
    font-size: 2.4rem;
  }
  .nextcrew-benefit-list > li.first .cha {
    left: 1rem;
  }
  .nextcrew-benefit-list > li.third .cha {
    left: 1.2rem;
  }
  .nextcrew-benefit-list > li p {
    font-size: 2.4rem;
  }
  .nextcrew-process-list {
    margin-top: 4.8rem;
  }
  .nextcrew-process-list > li {
    padding: 0 2rem 0 3rem;
  }
  .nextcrew-process-list > li .txt strong {
    font-size: 2.4rem;
  }
  .nextcrew-present-list {
    margin-top: 4.8rem;
  }
  .nextcrew-slider {
    margin-top: 4.8rem;
  }
  .nextcrew-foot > img {
    width: 34rem;
  }
  .nextcrew-foot .btns {
    margin-top: -5rem !important;
  }
}
@media (max-width: 767px) {
  .nextcrew .button[data-size=max] {
    width: 48rem;
    height: 7rem;
  }
  .nextcrew .button[data-size=max] span {
    font-size: 2.6rem;
  }
  .nextcrew .section01 .img img {
    width: 32rem;
  }
  .nextcrew .section01.second .img img {
    width: 55rem;
  }
  .nextcrew .section01.third .img img {
    width: 90vw;
  }
  .nextcrew .section01.third .nextcrew-tit .h1 {
    font-size: 5.6rem;
  }
  .nextcrew .section08 {
    padding: 20rem 0 10rem;
  }
  .nextcrew .section08 .dooli1 {
    width: 18rem;
  }
  .nextcrew .section08 .dooli2 {
    width: 10rem;
  }
  .nextcrew-tit .h1 {
    font-size: 5.2rem;
  }
  .nextcrew-sec-cont .img img {
    width: 27rem;
  }
  .nextcrew-sec-tit em {
    font-size: 2.4rem;
  }
  .nextcrew-sec-tit .h2 {
    font-size: 4.4rem;
  }
  .nextcrew-sec-tit .banner {
    height: 5.6rem;
    font-size: 2.4rem;
  }
  .nextcrew-messenger-list > li {
    padding: 3rem 2.4rem;
  }
  .nextcrew-messenger-list > li:nth-child(odd) {
    width: 97% !important;
  }
  .nextcrew-messenger-list > li:nth-child(even) {
    width: 95% !important;
  }
  .nextcrew-messenger-list > li .cha img {
    width: 10rem;
  }
  .nextcrew-messenger-list > li p {
    font-size: 2rem;
  }
  .nextcrew-benefit-list > li {
    position: relative;
    padding: 2rem;
  }
  .nextcrew-benefit-list > li.first .cha img {
    width: 12rem;
  }
  .nextcrew-benefit-list > li.second .cha img {
    width: 13rem;
  }
  .nextcrew-benefit-list > li.third .cha img {
    width: 12.8rem;
  }
  .nextcrew-benefit-list > li p {
    font-size: 2rem;
  }
  .nextcrew-benefit-list > li span {
    font-size: 1.8rem;
  }
  .nextcrew-process-list > li {
    gap: 2rem;
    min-height: 20rem;
  }
  .nextcrew-process-list > li .txt strong {
    font-size: 2.2rem;
  }
  .nextcrew-process-list > li .img img {
    width: 18rem;
  }
  .nextcrew-slider {
    gap: 2.4rem;
  }
  .nextcrew-foot > img {
    width: 28rem;
  }
}
@media (max-width: 639px) {
  .nextcrew .section01.second .img {
    margin-top: 0;
  }
  .nextcrew .section01.second .img img {
    width: 48rem;
  }
  .nextcrew-present-list {
    flex-direction: column;
  }
  .nextcrew-present-list > li {
    width: 100%;
  }
  .nextcrew-slider-prev, .nextcrew-slider-next {
    width: 6.4rem;
    height: 6.4rem;
  }
  .nextcrew-slider-prev img, .nextcrew-slider-next img {
    width: 2rem;
  }
}
@media (max-width: 520px) {
  .nextcrew .button[data-size=max] {
    width: 80vw;
  }
  .nextcrew .section01.second .img img {
    width: 36rem;
  }
  .nextcrew .section01.third .img img {
    width: 90vw;
  }
  .nextcrew .section01.third .nextcrew-tit .h1 {
    font-size: 4.8rem;
  }
  .nextcrew .section03, .nextcrew .section04 {
    padding: 8rem 0 10rem;
  }
  .nextcrew .section05 {
    padding: 6rem 0 8rem;
  }
  .nextcrew .section05 .img img {
    width: 50vw;
  }
  .nextcrew .section06, .nextcrew .section07, .nextcrew .section09 {
    padding: 6rem 0 8rem;
  }
  .nextcrew .section08 {
    padding: 18rem 0 8rem;
  }
  .nextcrew-tit .h1 {
    font-size: 4.8rem;
  }
  .nextcrew-sec-tit .h2 {
    font-size: 4rem;
  }
  .nextcrew-sec-tit .p {
    font-size: 1.8rem;
  }
  .nextcrew-sec-tit .banner {
    height: 4.8rem;
    font-size: 2.2rem;
  }
  .nextcrew-sec-cont .strong {
    font-size: 2.4rem;
  }
  .nextcrew-sec-cont .p {
    font-size: 1.7rem;
  }
  .nextcrew-benefit-cont .bg {
    top: 14rem;
  }
  .nextcrew-benefit-list > li p {
    font-size: 1.8rem;
  }
  .nextcrew-benefit-list > li span {
    font-size: 1.6rem;
  }
  .nextcrew-benefit-list > li.first .cha img {
    width: 6.4rem;
  }
  .nextcrew-benefit-list > li.second .cha img {
    width: 10rem;
  }
  .nextcrew-benefit-list > li.third .cha img {
    width: 7rem;
  }
  .nextcrew-messenger-list {
    margin-top: 3.2rem;
  }
  .nextcrew-messenger-list > li p {
    font-size: 1.8rem;
  }
  .nextcrew-process-list {
    margin-top: 3.2rem;
  }
  .nextcrew-process-list > li {
    gap: 1rem;
    min-height: 16rem;
  }
  .nextcrew-process-list > li .txt strong {
    font-size: 2rem;
  }
  .nextcrew-process-list > li.first .img img {
    width: 27vw;
  }
  .nextcrew-process-list > li.second .img img {
    width: 27vw;
  }
  .nextcrew-process-list > li.third .img img {
    width: 27vw;
  }
  .nextcrew-present-list {
    margin-top: 3.2rem;
  }
  .nextcrew-slider {
    gap: 1.2rem;
    margin-top: 3.2rem;
  }
  .nextcrew-slider-prev, .nextcrew-slider-next {
    width: 4.8rem;
    height: 4.8rem;
  }
  .nextcrew-slider-prev img, .nextcrew-slider-next img {
    width: 1.8rem;
  }
  .nextcrew-foot > img {
    width: 24rem;
  }
}
@media (max-width: 460px) {
  .nextcrew .mobile {
    display: block;
  }
  .nextcrew .pc {
    display: none;
  }
  .nextcrew .section01.second .img img {
    width: 80vw;
  }
  .nextcrew .section01.third .img img {
    width: 90vw;
  }
  .nextcrew .section01.third .nextcrew-tit .h1 {
    font-size: 4rem;
  }
  .nextcrew-tit .h1 {
    font-size: 4.2rem;
  }
  .nextcrew-sec-tit .h2 {
    font-size: 3.6rem;
  }
  .nextcrew-sec-tit em {
    font-size: 2.2rem;
  }
  .nextcrew-messenger-list > li {
    gap: 1.6rem;
  }
  .nextcrew-messenger-list > li .cha img {
    width: 7.2rem;
  }
  .nextcrew-slider {
    position: relative;
  }
  .nextcrew-slider-prev, .nextcrew-slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
  }
  .nextcrew-slider-prev {
    left: -1.6rem;
  }
  .nextcrew-slider-next {
    right: -1.6rem;
  }
}

.complete .icon img {
  width: 20rem !important;
  height: 20rem !important;
}
.complete .title {
  color: #23262f !important;
  font-size: 28px !important;
  margin-top: 2rem !important;
}
.complete .desc {
  color: #101840 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 180% !important;
}
.complete .info {
  color: #696f8c !important;
  font-size: 14px !important;
  line-height: 150% !important;
  font-weight: 500 !important;
}
.complete .info > a {
  color: #696f8c !important;
}

.outer__content .editor > table {
  width: 100% !important;
}

.blog__view-mobile img {
  display: block;
  width: 100%;
}
.blog__search input::-moz-placeholder {
  font-family: "Pretendard", "Pretendard Variable";
}
.blog__search input::placeholder {
  font-family: "Pretendard", "Pretendard Variable";
}
.blog__search-btn span {
  font-family: "Pretendard", "Pretendard Variable";
}
.blog__search-clear {
  background: transparent !important;
}
@media (max-width: 768px) {
  .blog__search-clear {
    right: 63px;
  }
  .blog__search-btn {
    width: 50px;
  }
  .blog__search-btn > span {
    font-size: 14px;
  }
  .blog__search input {
    border-radius: 3rem;
    padding-left: 16px;
    padding-right: 70px;
  }
  .blog__search input::-moz-placeholder {
    text-align: left;
    font-size: 14px;
  }
  .blog__search input::placeholder {
    text-align: left;
    font-size: 14px;
  }
}

.input {
  width: 100%;
}
.input[data-size=half] {
  width: calc(50% - 0.6rem);
}
.input .warning {
  display: none;
  color: #f03838;
  font-size: 14px;
  font-weight: 500;
  padding-left: 20px !important;
}
.input .warning:before {
  top: 2.8px;
  width: 16px;
  height: 16px;
}
.input input[type=number] + button {
  display: none !important;
}
.input-item {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  gap: 4px;
  max-width: 100%;
  height: 100%;
  border-radius: 1.2rem;
}
.input-item.on input,
.input-item.on textarea {
  border-color: #f03838 !important;
}
.input-item.on .warning {
  display: block;
}
.input-item button {
  position: absolute;
  right: 2rem;
  top: 2.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
}
.input-item button:before {
  content: "\eb99";
  font-family: "remixicon";
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  color: #bdbdbd !important;
  font-size: 1.6rem;
  line-height: 1.2;
}
.input-item textarea {
  height: 16rem;
}
.input-item input,
.input-item textarea {
  font-family: "Pretendard", "Pretendard Variable";
  width: 100%;
  color: #474d66;
  font-size: 16px;
  font-weight: 500;
  line-height: 2.4rem;
  background: #fff;
  padding: 1.6rem 2rem;
  border-radius: 1.2rem;
  border: 2px solid transparent;
}
.input-item input::-moz-placeholder, .input-item textarea::-moz-placeholder {
  font-size: 16px;
  font-weight: 500;
  color: #8f95b2;
}
.input-item input::placeholder,
.input-item textarea::placeholder {
  font-size: 16px;
  font-weight: 500;
  color: #8f95b2;
}
.input-item input:focus, .input-item input:focus-visible,
.input-item textarea:focus,
.input-item textarea:focus-visible {
  border-color: #9dc4ef;
  border-radius: 1.2rem;
}
.input-item input:focus::-moz-placeholder, .input-item input:focus-visible::-moz-placeholder, .input-item textarea:focus::-moz-placeholder, .input-item textarea:focus-visible::-moz-placeholder {
  color: #fff;
}
.input-item input:focus::placeholder, .input-item input:focus-visible::placeholder,
.input-item textarea:focus::placeholder,
.input-item textarea:focus-visible::placeholder {
  color: #fff;
}
.input-item input[invalid],
.input-item textarea[invalid] {
  border-color: #f03838;
}
@media (max-width: 639px) {
  .input[data-size=half] {
    width: 100%;
  }
}

.mxds {
  /* select */
  /* search-input*/
  /* tooltip */
}
.mxds-checkbox {
  position: relative;
  display: block;
}
.mxds-checkbox input[type=checkbox] {
  width: 0;
  height: 0;
  font-size: 0;
  opacity: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.mxds-checkbox label {
  display: flex;
  position: relative;
  color: #696f8c;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.mxds-checkbox label:before {
  content: "";
  width: 18px;
  height: 18px;
  border: 2px solid #d8dae5;
  border-radius: 50%;
  background: #fff;
  flex-shrink: 0;
  margin-right: 0.8rem;
  transform: translateY(0.2rem);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  line-height: 1;
  text-align: center;
  font-size: 14px;
}
.mxds-checkbox:has(input:checked) label:before {
  border: 5px solid #3362ff;
}
.mxds-select {
  max-width: 100%;
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  font-size: 1.6rem;
  position: relative;
  min-width: 18rem;
}
.mxds-select[data-mxds-size=mini] {
  width: 10rem;
  min-width: 0 !important;
}
.mxds-select[data-mxds-size=medium] {
  width: 18rem;
}
.mxds-select[data-mxds-size=large] {
  width: 26rem;
}
.mxds-select[data-mxds-size=quarter] {
  width: 25%;
}
.mxds-select[data-mxds-size=third] {
  width: 33.333%;
}
.mxds-select[data-mxds-size=half] {
  width: 50%;
}
.mxds-select[data-mxds-size=full] {
  width: 100%;
}
.mxds-select[data-mxds-type=search] .chosen-container .chosen-search {
  height: 4.8rem;
}
.mxds-select a:focus, .mxds-select a:focus-visible, .mxds-select a:focus-within, .mxds-select a:target-within,
.mxds-select select:focus,
.mxds-select select:focus-visible,
.mxds-select select:focus-within,
.mxds-select select:target-within {
  outline: none;
  border: 2px solid #9dc4ff;
}
.mxds-select a:focus::-moz-placeholder, .mxds-select a:focus-visible::-moz-placeholder, .mxds-select a:focus-within::-moz-placeholder, .mxds-select a:target-within::-moz-placeholder, .mxds-select select:focus::-moz-placeholder, .mxds-select select:focus-visible::-moz-placeholder, .mxds-select select:focus-within::-moz-placeholder, .mxds-select select:target-within::-moz-placeholder {
  color: #fff;
}
.mxds-select a:focus::placeholder, .mxds-select a:focus-visible::placeholder, .mxds-select a:focus-within::placeholder, .mxds-select a:target-within::placeholder,
.mxds-select select:focus::placeholder,
.mxds-select select:focus-visible::placeholder,
.mxds-select select:focus-within::placeholder,
.mxds-select select:target-within::placeholder {
  color: #fff;
}
.mxds-select a:focus + .chosen-container, .mxds-select a:focus-visible + .chosen-container, .mxds-select a:focus-within + .chosen-container, .mxds-select a:target-within + .chosen-container,
.mxds-select select:focus + .chosen-container,
.mxds-select select:focus-visible + .chosen-container,
.mxds-select select:focus-within + .chosen-container,
.mxds-select select:target-within + .chosen-container {
  outline: 2px solid #9dc4ff;
}
.mxds-select a:focus + .chosen-container .chosen-single, .mxds-select a:focus-visible + .chosen-container .chosen-single, .mxds-select a:focus-within + .chosen-container .chosen-single, .mxds-select a:target-within + .chosen-container .chosen-single,
.mxds-select select:focus + .chosen-container .chosen-single,
.mxds-select select:focus-visible + .chosen-container .chosen-single,
.mxds-select select:focus-within + .chosen-container .chosen-single,
.mxds-select select:target-within + .chosen-container .chosen-single {
  outline: none;
}
.mxds-select a:focus + .chosen-container .chosen-single > span, .mxds-select a:focus-visible + .chosen-container .chosen-single > span, .mxds-select a:focus-within + .chosen-container .chosen-single > span, .mxds-select a:target-within + .chosen-container .chosen-single > span,
.mxds-select select:focus + .chosen-container .chosen-single > span,
.mxds-select select:focus-visible + .chosen-container .chosen-single > span,
.mxds-select select:focus-within + .chosen-container .chosen-single > span,
.mxds-select select:target-within + .chosen-container .chosen-single > span {
  color: #fff;
}
.mxds-select .chosen-with-drop:focus, .mxds-select .chosen-with-drop:focus-visible, .mxds-select .chosen-with-drop:focus-within, .mxds-select .chosen-single:focus, .mxds-select .chosen-single:focus-visible, .mxds-select .chosen-single:focus-within, .mxds-select .chosen-container:focus, .mxds-select .chosen-container:focus-visible, .mxds-select .chosen-container:focus-within {
  outline: none;
  border: 2px solid #9dc4ff;
}
.mxds-select select {
  display: block !important;
  width: 100% !important;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.mxds-select select:focus + .chosen-container, .mxds-select select:focus-visible + .chosen-container {
  outline: 2px solid #9dc4ff;
}
.mxds-select .chosen-with-drop .chosen-single::after {
  transform: translateY(-50%) rotate(180deg);
}
.mxds-select .chosen-with-drop .chosen-drop {
  display: block;
}
.mxds-select .chosen-container {
  width: 100% !important;
  height: 6rem;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 1.2rem;
}
.mxds-select .chosen-container .search-field {
  position: relative;
}
.mxds-select .chosen-container .search-field::after {
  display: block;
  content: "\ebd8";
  font-family: "remixicon";
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  color: #424242;
  font-size: 1.8rem;
}
.mxds-select .chosen-container .search-field input {
  height: 4.8rem;
  border: none;
  background: #fafafa;
  outline: none;
  padding: 0.5rem 3rem 0.5rem 1.5rem;
  width: 100%;
}
.mxds-select .chosen-single {
  line-height: 1.25;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 1.6rem 2rem;
  background: #fff;
  border-radius: 1.2rem;
}
.mxds-select .chosen-single::after {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  color: #424242;
  right: 2rem;
  top: 50%;
  background: url(/next_2024_html/img/common/ico_chevron-down.svg) no-repeat center/contain;
  transform: translateY(-50%) rotate(0);
  position: absolute;
  transition: 0.2s;
}
.mxds-select .chosen-single span {
  color: #474d66;
  font-size: 16px;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mxds-select .chosen-search {
  height: 0;
  overflow: hidden;
  position: relative;
}
.mxds-select .chosen-search::after {
  display: block;
  content: "\ec3b";
  font-family: "remixicon";
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  color: #424242;
  font-size: 1.8rem;
}
.mxds-select .chosen-search input {
  height: 4.8rem;
  border: none;
  background: #fafafa;
  outline: none;
  padding: 0.5rem 3rem 0.5rem 1.5rem;
  width: 100%;
}
.mxds-select .chosen-drop {
  width: 100%;
  display: none;
  z-index: 15;
  position: absolute;
  top: calc(100% + 0.8rem);
  left: 0;
  border: 2px solid #e6e8ec;
  border-radius: 1.2rem;
  background: #fcfcfd;
  overflow: hidden;
}
.mxds-select .chosen-drop li {
  padding: 1rem 1.4rem;
  cursor: pointer;
  min-height: 4.8rem;
  display: flex;
  align-items: center;
  line-height: 1.25;
  font-size: 16px;
  background: #fff;
}
.mxds-select .chosen-drop li.highlighted {
  background: #f4f5f6;
}
.mxds-select .chosen-drop li.no-results {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  height: 19.2rem;
  gap: 0.8rem;
}
.mxds-select .chosen-drop li.no-results .no_results_custom {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: center;
  text-align: center;
}
.mxds-select .chosen-drop li.no-results strong {
  color: #424242;
  font-weight: 500;
}
.mxds-select .chosen-drop li.no-results span {
  color: #9e9e9e;
}
.mxds-select .chosen-results {
  position: relative;
  max-height: 24rem;
  overflow: auto;
}
.mxds-search {
  display: flex;
  gap: 0.8rem;
}
.mxds-search .mxds-input {
  width: auto;
}
.mxds-tooltip {
  max-width: 100%;
  border-radius: 0.8rem;
  overflow: hidden;
  background: #474d66;
  padding: 0.6rem 0.8rem;
}
.mxds-tooltip[data-mxds-type=card] {
  width: 28rem;
  background: #fff;
  border: 1px solid #e0e0e0;
  padding: 2rem;
}
.mxds-tooltip[data-mxds-type=card] .mxds-tooltip-message {
  gap: 1rem;
}
.mxds-tooltip[data-mxds-type=card] .mxds-tooltip-message-title {
  color: #616161;
  font-weight: 400;
}
.mxds-tooltip[data-mxds-type=card] .mxds-tooltip-message-desc {
  color: #757575;
}
.mxds-tooltip-close {
  display: none;
}
.mxds-tooltip-message {
  position: relative;
  font-size: 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 12px;
}
.mxds-tooltip-message-title {
  color: #fff;
  font-weight: 500;
}
.mxds-tooltip-message-desc {
  color: #fff;
}

.plupload {
  font-family: "Pretendard", "Pretendard Variable";
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-top: 1.2rem;
}
.plupload .thumb,
.plupload .plupload_start,
.plupload .plupload_wrapper {
  display: none;
}
.plupload_done {
  padding: 2rem 3.2rem 2rem 1rem;
}
.plupload_filelist {
  padding-left: 0;
}
.plupload.plupload_scroll .plupload_filelist {
  height: auto;
  background: #fff;
  margin: 8px 0;
  border: 2px dashed #ccc;
  overflow-y: auto;
}
.plupload.plupload_scroll .plupload_filelist li {
  cursor: move;
  font-size: 13px;
  width: 25%;
  margin: 10px;
  float: left;
  border: 1px solid #b6acac;
  background-color: #fafafa;
  padding: 15px;
  text-align: center;
}
.plupload.plupload_scroll .plupload_filelist li .plupload_file_down {
  margin-left: 3px;
  cursor: pointer;
}
.plupload.plupload_scroll .plupload_filelist li .plupload_add_editor,
.plupload.plupload_scroll .plupload_filelist li .plupload_file_status,
.plupload.plupload_scroll .plupload_filelist li .plupload_file_size,
.plupload.plupload_scroll .plupload_filelist li .plupload_file_action {
  display: none !important;
}
.plupload.plupload_scroll .plupload_filelist li.drag {
  opacity: 0.7;
  background: #ffcca6;
}
@media (max-width: 1380px) {
  .plupload.plupload_scroll .plupload_filelist li {
    width: calc(25% - 20px);
  }
}
@media (max-width: 748px) {
  .plupload.plupload_scroll .plupload_filelist li {
    width: calc(50% - 20px);
  }
}
.plupload_droptext {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  background: #e6e8f0;
  color: #8f95b2;
  font-size: 16px;
  padding: 2rem !important;
  border-radius: 1.2rem;
  margin-top: 1.2rem;
  border: 1px dashed #c1c7d6;
}
.plupload_container {
  padding: 0;
}
.plupload_header_content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
  padding: 1rem;
  padding-right: 3.2rem;
  background-color: #e6e8f0;
  border-radius: 1.2rem;
}
.plupload_header_info li {
  flex-shrink: 0;
  position: relative;
  color: #8f95b2;
  font-size: 16px;
}
.plupload_remove, .plupload_add_editor {
  background: none !important;
  font-family: "xeicon";
  display: inline-block !important;
  vertical-align: middle;
  margin-left: 5px;
  cursor: pointer !important;
}
.plupload_remove:before, .plupload_add_editor:before {
  content: "\e921";
}
.plupload_remove.plupload_add_editor:before, .plupload_add_editor.plupload_add_editor:before {
  content: "\eb7e";
}
.plupload.drag_over {
  border: 3px dotted #cc6600 !important;
}
.plupload_add {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.8rem 1.6rem;
  height: 4.6rem;
  border-radius: 1.2rem;
  gap: 0.8rem;
  background: #fff;
  border: 1px solid #d8dae5;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.plupload_add input[type=file] {
  display: block !important;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.plupload_add span {
  color: #696f8c;
  font-size: 16px;
  font-weight: 500;
}

.simple_uploader .plupload_header,
.simple_uploader .plupload_add_editor,
.pms .plupload_add_editor {
  display: none;
}

.image_uploader * {
  box-sizing: border-box;
}
.image_uploader .thumb,
.image_uploader .plupload_header,
.image_uploader .plupload_filelist_header,
.image_uploader .plupload_filelist_footer {
  display: none;
}
.image_uploader .plupload_file_name {
  width: 100%;
  margin-bottom: 5px;
}
.image_uploader .plupload_file_name .pi-icon {
  display: none;
}
.image_uploader .plupload_file_down {
  font-size: 14px !important;
  color: #222;
}
.image_uploader .plupload_wrapper {
  background: none;
  display: block;
}

.btns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4rem;
}
.btns .btn.submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 31rem;
  height: 5.2rem;
  padding: 1.1rem;
  color: #fff;
  font-family: "Pretendard", "Pretendard Variable";
  font-size: 16px;
  font-weight: 600;
  border-radius: 1.2rem;
  background: #ff7f00;
}
.btns .btn.submit.none {
  background: #616161;
}

/* 준비중 페이지 */
.error {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
  align-items: center;
  letter-spacing: -0.03em;
  text-align: center;
  width: 100%;
  padding: 8rem 2rem;
  margin: 10rem 0;
}
.error-image {
  display: block;
  width: 20rem;
}
.error-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
}
.error-message-title {
  font-size: 3.2rem;
  color: #222222;
  font-weight: 400;
}
@media (max-width: 768px) {
  .error-message-title {
    font-size: 3rem;
  }
}
@media (max-width: 580px) {
  .error-message-title {
    font-size: 2.8rem;
  }
}
.error-message-desc {
  font-size: 1.8rem;
  color: #757575;
}
@media (max-width: 580px) {
  .error-message-desc {
    font-size: 15px;
  }
}
.error-buttons {
  display: flex;
  justify-content: center;
  gap: 0.8rem;
}
.error-buttons svg {
  width: 1.8rem;
  height: 1.8rem;
}
.error-buttons > a,
.error-buttons button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.5rem 2.2rem;
  height: 4.8rem;
  border-radius: 0.3rem;
  font-weight: 500;
  gap: 0.6rem;
  color: #fff;
  font-family: "Pretendard", "Pretendard Variable";
}
.error-buttons > a > span,
.error-buttons button > span {
  font-size: 16px;
}
.error-buttons-green {
  color: #fff;
  background: #ff7f00;
}
.error-buttons-green.border {
  color: #ff7f00;
  background: #fff;
  border: 2px solid #ff7f00;
}
@media (max-width: 767px) {
  .error-image object {
    width: 60%;
  }
  .error-buttons > a span,
  .error-buttons button span {
    font-size: 14px;
  }
}

.complete {
  padding: 15rem 2rem !important;
}