@charset "UTF-8";
/* =================================================================
   1. [SCSS Variables] Raw Data Definition
   * 이곳은 '순수 값'만 정의합니다. 실제 코드에서는 사용하지 않는 것을 권장합니다.
   * 브랜드 컬러 코드가 바뀌면 여기만 수정하세요.
   ================================================================= */
/* 드롭다운,멀티포함 */
/**
 * @mixin responsive
 * 모바일 시안(375px) 기준의 수치를 입력받아 모바일~태블릿 구간을 처리합니다.
 * @param $property : CSS 속성 (font-size, margin, padding 등)
 * @param $values : 적용할 값 (375px 시안 기준 px값 입력)
 * * [구간별 동작]
 * 1. Mobile (~767px): 375px 기준 VW 단위 (화면 폭에 비례하여 유동적 스케일링)
 * 2. Tablet (768px ~ 1199px): REM 단위 (가독성 유지를 위해 폰트 베이스로 고정)
 * 3. PC (1200px~): PX 단위 (원래는 고정되나, 보통 이 구간부터는 pc-scale 믹스인으로 덮어씀)
 */
/**
 * @mixin pc-scale
 * PC 시안(1440px) 기준의 수치를 입력받아 노트북 배율 환경에 대응합니다.
 * @param $property : CSS 속성
 * @param $value : 적용할 값 (1440px 시안 기준 px값 입력)
 * * [구간별 동작]
 * 1. Laptop (1200px ~ 1439px): 1440px 기준 VW 단위 적용. (노트북 150% 배율 등에서 가로 스크롤 없이 축소됨)
 * 2. Desktop (1440px~): 시안 원본 PX 단위로 완벽하게 고정.
 */
.container {
  position: relative;
  width: 100%;
}
.container-error {
  width: 100%;
  height: 100%;
  min-height: 400px;
  text-align: center;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  --vals: 341.3333vw;
}
@media (min-width: 768px) {
  .container-error {
    --vals: 80rem;
  }
}
@media (min-width: 1200px) {
  .container-error {
    --vals: 1280px;
  }
}
.container-error {
  height: calc(100% - var(--vals));
}
@media screen and (min-width: 1200px) {
  .container-error {
    height: calc(100% - 215px);
  }
}
.container-error.service {
  min-height: 266.6667vw;
}
@media (min-width: 768px) {
  .container-error.service {
    min-height: 62.5rem;
  }
}
@media (min-width: 1200px) {
  .container-error.service {
    min-height: 1000px;
  }
}
@media screen and (min-width: 1200px) {
  .container-error.service {
    min-height: 210px;
  }
}
.container-error .error-row {
  padding-top: 26.6667vw;
}
@media (min-width: 768px) {
  .container-error .error-row {
    padding-top: 6.25rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row {
    padding-top: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .container-error .error-row {
    padding-top: 50px;
  }
}
.container-error .error-row h1 {
  margin-bottom: 32vw;
}
@media (min-width: 768px) {
  .container-error .error-row h1 {
    margin-bottom: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row h1 {
    margin-bottom: 120px;
  }
}
.container-error .error-row .txt-group h2 {
  color: #1A1D20;
  font-weight: 700;
  letter-spacing: -1.44px;
  margin-bottom: 17.0667vw;
}
@media (min-width: 768px) {
  .container-error .error-row .txt-group h2 {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .txt-group h2 {
    margin-bottom: 64px;
  }
}
.container-error .error-row .txt-group h2 {
  font-size: 8.5333vw;
}
@media (min-width: 768px) {
  .container-error .error-row .txt-group h2 {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .txt-group h2 {
    font-size: 32px;
  }
}
.container-error .error-row .txt-group p {
  color: #50555B;
  font-weight: 400;
  letter-spacing: -0.48px;
  margin-bottom: 18.6667vw;
}
@media (min-width: 768px) {
  .container-error .error-row .txt-group p {
    margin-bottom: 4.375rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .txt-group p {
    margin-bottom: 70px;
  }
}
.container-error .error-row .txt-group p {
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .container-error .error-row .txt-group p {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .txt-group p {
    font-size: 20px;
  }
}
.container-error .error-row .txt-group .btn-row a {
  width: 40vw;
}
@media (min-width: 768px) {
  .container-error .error-row .txt-group .btn-row a {
    width: 9.375rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .txt-group .btn-row a {
    width: 150px;
  }
}
.container-error .error-row .txt-group .btn-row a {
  margin: 0vw 2.6667vw;
}
@media (min-width: 768px) {
  .container-error .error-row .txt-group .btn-row a {
    margin: 0rem 0.625rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .txt-group .btn-row a {
    margin: 0px 10px;
  }
}
.container-error .error-row .server-info-row {
  width: 87.5%;
  margin: auto;
  background: #F3F4F5;
  flex-flow: wrap;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 8.5333vw;
}
@media (min-width: 768px) {
  .container-error .error-row .server-info-row {
    border-radius: 2rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .server-info-row {
    border-radius: 32px;
  }
}
.container-error .error-row .server-info-row {
  margin-bottom: 37.3333vw;
}
@media (min-width: 768px) {
  .container-error .error-row .server-info-row {
    margin-bottom: 8.75rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .server-info-row {
    margin-bottom: 140px;
  }
}
.container-error .error-row .server-info-row {
  padding: 21.3333vw 26.6667vw;
}
@media (min-width: 768px) {
  .container-error .error-row .server-info-row {
    padding: 5rem 6.25rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .server-info-row {
    padding: 80px 100px;
  }
}
@media screen and (min-width: 1200px) {
  .container-error .error-row .server-info-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 560px;
  }
}
.container-error .error-row .server-info-row strong {
  color: #1A1D20;
  font-weight: 500;
  margin-bottom: 3.2vw;
}
@media (min-width: 768px) {
  .container-error .error-row .server-info-row strong {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .server-info-row strong {
    margin-bottom: 12px;
  }
}
.container-error .error-row .server-info-row strong {
  font-size: 12.8vw;
}
@media (min-width: 768px) {
  .container-error .error-row .server-info-row strong {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .server-info-row strong {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .container-error .error-row .server-info-row strong {
    width: 112px;
    text-align: left;
  }
}
.container-error .error-row .server-info-row p {
  width: 100%;
  color: #50555B;
  font-weight: 400;
  text-align: left;
  letter-spacing: -0.48px;
  margin-bottom: 16vw;
}
@media (min-width: 768px) {
  .container-error .error-row .server-info-row p {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .server-info-row p {
    margin-bottom: 60px;
  }
}
.container-error .error-row .server-info-row p {
  font-size: 12.8vw;
}
@media (min-width: 768px) {
  .container-error .error-row .server-info-row p {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .server-info-row p {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .container-error .error-row .server-info-row p {
    width: calc(100% - 150px);
    margin-bottom: 0;
  }
}
.container-error .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12.8vw;
}
@media (min-width: 768px) {
  .container-error .logo {
    gap: 3rem;
  }
}
@media (min-width: 1200px) {
  .container-error .logo {
    gap: 48px;
  }
}
.container-error .logo .icon-svg {
  width: 47.4667vw;
}
@media (min-width: 768px) {
  .container-error .logo .icon-svg {
    width: 11.125rem;
  }
}
@media (min-width: 1200px) {
  .container-error .logo .icon-svg {
    width: 178px;
  }
}
.container-error .logo .icon-svg {
  height: 8vw;
}
@media (min-width: 768px) {
  .container-error .logo .icon-svg {
    height: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .container-error .logo .icon-svg {
    height: 30px;
  }
}
.container-error .logo .icon-svg svg {
  width: 100%;
}

.sub-visual {
  position: relative;
  text-align: center;
  color: #fff;
  background-color: #111;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  animation: visual_fade 0.5s ease-out forwards;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub-visual .sv-inner {
  position: relative;
  width: 89%;
  margin: auto;
  max-width: 384vw;
}
@media (min-width: 768px) {
  .sub-visual .sv-inner {
    max-width: 90rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .sv-inner {
    max-width: 1440px;
  }
}
.sub-visual .sv-inner .sv-title {
  opacity: 0;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1.2;
  animation: visual_fadeUp 0.5s ease-out forwards;
  animation-delay: 0.2s;
  font-size: 12.8vw;
}
@media (min-width: 768px) {
  .sub-visual .sv-inner .sv-title {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .sv-inner .sv-title {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-visual .sv-inner .sv-title {
    font-size: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-visual .sv-inner .sv-title {
    font-size: 64px;
  }
}
.sub-visual .sv-inner .sv-title.exception {
  color: #B06CFF;
  font-size: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-visual .sv-inner .sv-title.exception {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .sv-inner .sv-title.exception {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-visual .sv-inner .sv-title.exception {
    font-size: 3.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-visual .sv-inner .sv-title.exception {
    font-size: 48px;
  }
}
.sub-visual .sv-inner .sv-desc {
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  animation: visual_fadeUp 0.5s ease-out forwards;
  animation-delay: 0.4s;
}
.sub-visual .sv-inner .sv-desc .desc-lead {
  font-weight: 500;
  color: #ffffff;
  letter-spacing: -0.5px;
  line-height: 1.5;
  font-size: var(--text-2xl);
  margin-top: 13.3333vw;
}
@media (min-width: 768px) {
  .sub-visual .sv-inner .sv-desc .desc-lead {
    margin-top: 3.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .sv-inner .sv-desc .desc-lead {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-visual .sv-inner .sv-desc .desc-lead {
    font-size: 2.2222vw;
    margin-top: 5vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-visual .sv-inner .sv-desc .desc-lead {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-visual .sv-inner .sv-desc .desc-lead {
    margin-top: 72px;
  }
}
.sub-visual .sv-inner .sv-desc .desc-detail {
  font-weight: 500;
  line-height: 1.5;
  color: #D3D5D8;
  font-size: var(--text-lg);
  margin-top: 6.4vw;
}
@media (min-width: 768px) {
  .sub-visual .sv-inner .sv-desc .desc-detail {
    margin-top: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .sv-inner .sv-desc .desc-detail {
    margin-top: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-visual .sv-inner .sv-desc .desc-detail {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-visual .sv-inner .sv-desc .desc-detail {
    font-size: 20px;
  }
}
.sub-visual .sv-inner .sv-desc .desc-detail:nth-of-type(1) {
  margin-top: 13.3333vw;
}
@media (min-width: 768px) {
  .sub-visual .sv-inner .sv-desc .desc-detail:nth-of-type(1) {
    margin-top: 3.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .sv-inner .sv-desc .desc-detail:nth-of-type(1) {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-visual .sv-inner .sv-desc .desc-detail:nth-of-type(1) {
    margin-top: 5vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-visual .sv-inner .sv-desc .desc-detail:nth-of-type(1) {
    margin-top: 72px;
  }
}
.sub-visual .sv-inner {
  /* 예외 케이스: 통계 지표 영역 (Mobile-first) */
}
.sub-visual .sv-inner .sv-stats-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
  gap: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-visual .sv-inner .sv-stats-wrap {
    gap: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .sv-inner .sv-stats-wrap {
    gap: 40px;
  }
}
.sub-visual .sv-inner .sv-stats-wrap {
  margin-top: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-visual .sv-inner .sv-stats-wrap {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .sv-inner .sv-stats-wrap {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-visual .sv-inner .sv-stats-wrap {
    flex-direction: row; /* 가로 정렬로 변경 */
    gap: 5.5556vw;
    margin-top: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-visual .sv-inner .sv-stats-wrap {
    gap: 80px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-visual .sv-inner .sv-stats-wrap {
    margin-top: 80px;
  }
}
.sub-visual .sv-inner .sv-stats-wrap .stat-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-box {
    min-width: 19.7917vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-box {
    min-width: 285px;
  }
}
.sub-visual .sv-inner .sv-stats-wrap .img-row {
  margin-bottom: 4.8vw;
}
@media (min-width: 768px) {
  .sub-visual .sv-inner .sv-stats-wrap .img-row {
    margin-bottom: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .sv-inner .sv-stats-wrap .img-row {
    margin-bottom: 18px;
  }
}
.sub-visual .sv-inner .sv-stats-wrap .img-row img {
  display: block;
  width: auto;
  height: 12.8vw;
}
@media (min-width: 768px) {
  .sub-visual .sv-inner .sv-stats-wrap .img-row img {
    height: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .sv-inner .sv-stats-wrap .img-row img {
    height: 48px;
  }
}
.sub-visual .sv-inner .sv-stats-wrap {
  /* 설명 텍스트 (모바일) */
}
.sub-visual .sv-inner .sv-stats-wrap .stat-label {
  color: #E6E7E9;
  text-align: center;
  font-weight: 600;
  line-height: 1.5;
  font-size: var(--text-lg);
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-label {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-label {
    margin-bottom: 32px;
  }
}
.sub-visual .sv-inner .sv-stats-wrap {
  /* 숫자 및 단위 전체 래퍼 (모바일) */
}
.sub-visual .sv-inner .sv-stats-wrap .stat-value {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value {
    gap: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value {
    gap: 1.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value {
    gap: 16px;
  }
}
.sub-visual .sv-inner .sv-stats-wrap .stat-value b {
  color: #ffffff;
  font-weight: 600;
  font-size: 12.8vw;
}
@media (min-width: 768px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value b {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value b {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value b {
    font-size: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value b {
    font-size: 64px;
  }
}
.sub-visual .sv-inner .sv-stats-wrap .stat-value .value {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub-visual .sv-inner .sv-stats-wrap .stat-value .value .count-num {
  color: #ffffff;
  font-weight: 600;
  font-size: 12.8vw;
}
@media (min-width: 768px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value .value .count-num {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value .value .count-num {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value .value .count-num {
    font-size: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value .value .count-num {
    font-size: 64px;
  }
}
.sub-visual .sv-inner .sv-stats-wrap .stat-value .value .unit {
  color: #B06CFF;
  font-weight: 600;
  font-size: 12.8vw;
}
@media (min-width: 768px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value .value .unit {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value .value .unit {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value .value .unit {
    font-size: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-visual .sv-inner .sv-stats-wrap .stat-value .value .unit {
    font-size: 64px;
  }
}
.sub-visual .breadcrumb-area {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
  opacity: 0;
  animation: visual_fadeUp 0.5s ease-out forwards;
  animation-delay: 0.6s;
  bottom: 21.3333vw;
}
@media (min-width: 768px) {
  .sub-visual .breadcrumb-area {
    bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .sub-visual .breadcrumb-area {
    bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-visual .breadcrumb-area {
    bottom: 11.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-visual .breadcrumb-area {
    bottom: 160px;
  }
}
.sub-visual {
  /* 🇺🇸 영문 레이아웃 예외 처리 */
}
html[lang=en] .sub-visual .sv-desc .desc-lead {
  font-size: 18px; /* 영문은 단어가 길어질 수 있으므로 약간 축소 */
}
html[lang=en] .sub-visual .sv-desc .desc-detail {
  font-size: 15px;
  word-break: break-word;
}

body.sub-about .sub-visual {
  position: relative;
  overflow: hidden; /* 비디오가 튀어나오지 않도록 숨김 */
}
body.sub-about .sub-visual.about_index {
  background-image: url("/static/images/sub/bg_about_index@m.webp");
  height: 208vw;
}
@media (min-width: 768px) {
  body.sub-about .sub-visual.about_index {
    height: 48.75rem;
  }
}
@media (min-width: 1200px) {
  body.sub-about .sub-visual.about_index {
    height: 780px;
  }
}
@media screen and (min-width: 768px) {
  body.sub-about .sub-visual.about_index {
    background-image: url("/static/images/sub/bg_about_index.webp");
  }
}
@media screen and (min-width: 1200px) {
  body.sub-about .sub-visual.about_index {
    height: 65.9722vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  body.sub-about .sub-visual.about_index {
    height: 950px;
  }
}
@media screen and (min-width: 1920px) {
  body.sub-about .sub-visual.about_index {
    background-image: url("/static/images/sub/bg_about_index@2x.jpg");
  }
}
@media screen and (min-width: 1200px) {
  body.sub-about .sub-visual.about_index .sv-inner {
    transform: translateY(-100px);
  }
}
body.sub-about .sub-visual.about {
  background-image: url("/static/images/sub/bg_about@m.webp");
  height: 115.4667vw;
}
@media (min-width: 768px) {
  body.sub-about .sub-visual.about {
    height: 27.0625rem;
  }
}
@media (min-width: 1200px) {
  body.sub-about .sub-visual.about {
    height: 433px;
  }
}
@media screen and (min-width: 768px) {
  body.sub-about .sub-visual.about {
    background-image: url("/static/images/sub/bg_about.webp");
  }
}
@media screen and (min-width: 1200px) {
  body.sub-about .sub-visual.about {
    height: 38.8889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  body.sub-about .sub-visual.about {
    height: 560px;
  }
}
@media screen and (min-width: 1920px) {
  body.sub-about .sub-visual.about {
    background-image: url("/static/images/sub/bg_about@2x.webp");
  }
}
body.sub-platform .sub-visual .sv-video-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* 가장 밑바닥에 배치 */
}
body.sub-platform .sub-visual .sv-video-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 가로/세로 비율을 유지하면서 꽉 차게 자름 */
}
body.sub-platform .sub-visual .sv-video-wrap {
  /* 비디오가 너무 밝을 경우 글씨가 안 보일 수 있으므로 어두운 막 추가 */
}
body.sub-platform .sub-visual .sv-video-wrap .sv-dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* 필요에 따라 투명도(0.4) 조절 */
}
body.sub-platform .sub-visual.platform_index {
  background-image: url("/static/images/sub/bg_platform_index@m.webp");
  height: 234.4vw;
}
@media (min-width: 768px) {
  body.sub-platform .sub-visual.platform_index {
    height: 54.9375rem;
  }
}
@media (min-width: 1200px) {
  body.sub-platform .sub-visual.platform_index {
    height: 879px;
  }
}
@media screen and (min-width: 768px) {
  body.sub-platform .sub-visual.platform_index {
    background-image: url("/static/images/sub/bg_platform_index.webp");
  }
}
@media screen and (min-width: 1200px) {
  body.sub-platform .sub-visual.platform_index {
    height: 63.6806vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  body.sub-platform .sub-visual.platform_index {
    height: 917px;
  }
}
@media screen and (min-width: 1920px) {
  body.sub-platform .sub-visual.platform_index {
    background-image: url("/static/images/sub/bg_platform_index@2x.jpg");
  }
}
body.sub-platform .sub-visual.platform_index:before {
  /*background: 
  linear-gradient(180deg, rgba(26, 29, 32, 0.9) 0%, rgba(26, 29, 32, 0.00) 200px),
  linear-gradient(180deg, rgba(26, 29, 32, 0.30) 45.07%, rgba(26, 29, 32, 0.00) 69.5%);*/
}
body.sub-platform .sub-visual.platform_4d:before, body.sub-platform .sub-visual.platform_cargo:before, body.sub-platform .sub-visual.platform_sort:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
  opacity: 0.3;
  background: #1A1D20;
}
body.sub-platform .sub-visual.platform_4d:after, body.sub-platform .sub-visual.platform_cargo:after, body.sub-platform .sub-visual.platform_sort:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  height: 40.8vw;
}
@media (min-width: 768px) {
  body.sub-platform .sub-visual.platform_4d:after, body.sub-platform .sub-visual.platform_cargo:after, body.sub-platform .sub-visual.platform_sort:after {
    height: 9.5625rem;
  }
}
@media (min-width: 1200px) {
  body.sub-platform .sub-visual.platform_4d:after, body.sub-platform .sub-visual.platform_cargo:after, body.sub-platform .sub-visual.platform_sort:after {
    height: 153px;
  }
}
body.sub-platform .sub-visual.platform_4d:after, body.sub-platform .sub-visual.platform_cargo:after, body.sub-platform .sub-visual.platform_sort:after {
  background: linear-gradient(180deg, rgba(26, 29, 32, 0.6) 15%, rgba(26, 29, 32, 0) 100%);
}
@media screen and (min-width: 1200px) {
  body.sub-platform .sub-visual.platform_4d:after, body.sub-platform .sub-visual.platform_cargo:after, body.sub-platform .sub-visual.platform_sort:after {
    height: 13.8889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  body.sub-platform .sub-visual.platform_4d:after, body.sub-platform .sub-visual.platform_cargo:after, body.sub-platform .sub-visual.platform_sort:after {
    height: 200px;
  }
}
body.sub-platform .sub-visual.platform_4d {
  background-image: url("/static/images/sub/bg_platform_4d@m.webp");
  height: 177.0667vw;
}
@media (min-width: 768px) {
  body.sub-platform .sub-visual.platform_4d {
    height: 41.5rem;
  }
}
@media (min-width: 1200px) {
  body.sub-platform .sub-visual.platform_4d {
    height: 664px;
  }
}
@media screen and (min-width: 768px) {
  body.sub-platform .sub-visual.platform_4d {
    background-image: url("/static/images/sub/bg_platform_4d.webp");
  }
}
@media screen and (min-width: 1200px) {
  body.sub-platform .sub-visual.platform_4d {
    height: 54.7222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  body.sub-platform .sub-visual.platform_4d {
    height: 788px;
  }
}
@media screen and (min-width: 1920px) {
  body.sub-platform .sub-visual.platform_4d {
    background-image: url("/static/images/sub/bg_platform_4d@2x.jpg");
  }
}
body.sub-platform .sub-visual.platform_4d .sv-inner {
  position: relative;
  z-index: 10; /* 비디오(1)보다 높게 설정하여 텍스트를 위로 올림 */
}
body.sub-platform .sub-visual.platform_4d .breadcrumb-area {
  z-index: 10; /* 비디오(1)보다 높게 설정하여 텍스트를 위로 올림 */
}
body.sub-platform .sub-visual.platform_cargo {
  background-image: url("/static/images/sub/bg_platform_cargo@m.webp");
  height: 177.0667vw;
}
@media (min-width: 768px) {
  body.sub-platform .sub-visual.platform_cargo {
    height: 41.5rem;
  }
}
@media (min-width: 1200px) {
  body.sub-platform .sub-visual.platform_cargo {
    height: 664px;
  }
}
@media screen and (min-width: 768px) {
  body.sub-platform .sub-visual.platform_cargo {
    background-image: url("/static/images/sub/bg_platform_cargo.webp");
  }
}
@media screen and (min-width: 1200px) {
  body.sub-platform .sub-visual.platform_cargo {
    height: 54.7222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  body.sub-platform .sub-visual.platform_cargo {
    height: 788px;
  }
}
@media screen and (min-width: 1920px) {
  body.sub-platform .sub-visual.platform_cargo {
    background-image: url("/static/images/sub/bg_platform_cargo@2x.jpg");
  }
}
body.sub-platform .sub-visual.platform_cargo .sv-inner {
  position: relative;
  z-index: 10; /* 비디오(1)보다 높게 설정하여 텍스트를 위로 올림 */
}
body.sub-platform .sub-visual.platform_cargo .breadcrumb-area {
  z-index: 10; /* 비디오(1)보다 높게 설정하여 텍스트를 위로 올림 */
}
body.sub-platform .sub-visual.platform_sort {
  background-image: url("/static/images/sub/bg_platform_sort@m.webp");
  height: 177.0667vw;
}
@media (min-width: 768px) {
  body.sub-platform .sub-visual.platform_sort {
    height: 41.5rem;
  }
}
@media (min-width: 1200px) {
  body.sub-platform .sub-visual.platform_sort {
    height: 664px;
  }
}
@media screen and (min-width: 768px) {
  body.sub-platform .sub-visual.platform_sort {
    background-image: url("/static/images/sub/bg_platform_sort.webp");
  }
}
@media screen and (min-width: 1200px) {
  body.sub-platform .sub-visual.platform_sort {
    height: 54.7222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  body.sub-platform .sub-visual.platform_sort {
    height: 788px;
  }
}
@media screen and (min-width: 1920px) {
  body.sub-platform .sub-visual.platform_sort {
    background-image: url("/static/images/sub/bg_platform_sort@2x.jpg");
  }
}
body.sub-platform .sub-visual.platform_sort .sv-inner {
  position: relative;
  z-index: 10; /* 비디오(1)보다 높게 설정하여 텍스트를 위로 올림 */
}
body.sub-platform .sub-visual.platform_sort .breadcrumb-area {
  z-index: 10; /* 비디오(1)보다 높게 설정하여 텍스트를 위로 올림 */
}
body.sub-product .sub-visual.product_vexoheal {
  background-image: url("/static/images/sub/bg_product_vexoheal@m.webp");
  height: 177.0667vw;
}
@media (min-width: 768px) {
  body.sub-product .sub-visual.product_vexoheal {
    height: 41.5rem;
  }
}
@media (min-width: 1200px) {
  body.sub-product .sub-visual.product_vexoheal {
    height: 664px;
  }
}
@media screen and (min-width: 768px) {
  body.sub-product .sub-visual.product_vexoheal {
    background-image: url("/static/images/sub/bg_product_vexoheal.webp");
  }
}
@media screen and (min-width: 1200px) {
  body.sub-product .sub-visual.product_vexoheal {
    height: 54.7917vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  body.sub-product .sub-visual.product_vexoheal {
    height: 789px;
  }
}
@media screen and (min-width: 1920px) {
  body.sub-product .sub-visual.product_vexoheal {
    background-image: url("/static/images/sub/bg_product_vexoheal@2x.jpg");
  }
}
body.sub-product .sub-visual.product_alpha {
  background-image: url("/static/images/sub/bg_product_a@m.webp");
  height: 177.0667vw;
}
@media (min-width: 768px) {
  body.sub-product .sub-visual.product_alpha {
    height: 41.5rem;
  }
}
@media (min-width: 1200px) {
  body.sub-product .sub-visual.product_alpha {
    height: 664px;
  }
}
@media screen and (min-width: 768px) {
  body.sub-product .sub-visual.product_alpha {
    background-image: url("/static/images/sub/bg_product_a.webp");
  }
}
@media screen and (min-width: 1200px) {
  body.sub-product .sub-visual.product_alpha {
    height: 54.7917vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  body.sub-product .sub-visual.product_alpha {
    height: 789px;
  }
}
@media screen and (min-width: 1920px) {
  body.sub-product .sub-visual.product_alpha {
    background-image: url("/static/images/sub/bg_product_a@2x.jpg");
  }
}
body.sub-pipeline .sub-visual.pipeline_index {
  background-image: url("/static/images/sub/bg_pipeline@m.webp");
  height: 115.4667vw;
}
@media (min-width: 768px) {
  body.sub-pipeline .sub-visual.pipeline_index {
    height: 27.0625rem;
  }
}
@media (min-width: 1200px) {
  body.sub-pipeline .sub-visual.pipeline_index {
    height: 433px;
  }
}
@media screen and (min-width: 768px) {
  body.sub-pipeline .sub-visual.pipeline_index {
    background-image: url("/static/images/sub/bg_pipeline.webp");
  }
}
@media screen and (min-width: 1200px) {
  body.sub-pipeline .sub-visual.pipeline_index {
    height: 38.8889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  body.sub-pipeline .sub-visual.pipeline_index {
    height: 560px;
  }
}
@media screen and (min-width: 1920px) {
  body.sub-pipeline .sub-visual.pipeline_index {
    background-image: url("/static/images/sub/bg_pipeline@2x.jpg");
  }
}
body.sub-achievements .sub-visual.achievements_index {
  background-image: url("/static/images/sub/bg_achievements_index@m.webp");
  height: 268.5333vw;
}
@media (min-width: 768px) {
  body.sub-achievements .sub-visual.achievements_index {
    height: 62.9375rem;
  }
}
@media (min-width: 1200px) {
  body.sub-achievements .sub-visual.achievements_index {
    height: 1007px;
  }
}
@media screen and (min-width: 768px) {
  body.sub-achievements .sub-visual.achievements_index {
    background-image: url("/static/images/sub/bg_achievements_index.webp");
  }
}
@media screen and (min-width: 1200px) {
  body.sub-achievements .sub-visual.achievements_index {
    height: 63.75vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  body.sub-achievements .sub-visual.achievements_index {
    height: 918px;
  }
}
@media screen and (min-width: 1920px) {
  body.sub-achievements .sub-visual.achievements_index {
    background-image: url("/static/images/sub/bg_achievements_index@2x.jpg");
  }
}
body.sub-achievements .sub-visual.achievements {
  background-image: url("/static/images/sub/bg_achievements@m.webp");
  height: 115.4667vw;
}
@media (min-width: 768px) {
  body.sub-achievements .sub-visual.achievements {
    height: 27.0625rem;
  }
}
@media (min-width: 1200px) {
  body.sub-achievements .sub-visual.achievements {
    height: 433px;
  }
}
@media screen and (min-width: 768px) {
  body.sub-achievements .sub-visual.achievements {
    background-image: url("/static/images/sub/bg_achievements.webp");
  }
}
@media screen and (min-width: 1200px) {
  body.sub-achievements .sub-visual.achievements {
    height: 38.8889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  body.sub-achievements .sub-visual.achievements {
    height: 560px;
  }
}
@media screen and (min-width: 1920px) {
  body.sub-achievements .sub-visual.achievements {
    background-image: url("/static/images/sub/bg_achievements@2x.jpg");
  }
}
body.sub-newsroom .sub-visual.newsroom {
  background-image: url("/static/images/sub/bg_newsroom@m.webp");
  height: 115.4667vw;
}
@media (min-width: 768px) {
  body.sub-newsroom .sub-visual.newsroom {
    height: 27.0625rem;
  }
}
@media (min-width: 1200px) {
  body.sub-newsroom .sub-visual.newsroom {
    height: 433px;
  }
}
@media screen and (min-width: 768px) {
  body.sub-newsroom .sub-visual.newsroom {
    background-image: url("/static/images/sub/bg_newsroom.webp");
  }
}
@media screen and (min-width: 1200px) {
  body.sub-newsroom .sub-visual.newsroom {
    height: 38.8889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  body.sub-newsroom .sub-visual.newsroom {
    height: 560px;
  }
}
@media screen and (min-width: 1920px) {
  body.sub-newsroom .sub-visual.newsroom {
    background-image: url("/static/images/sub/bg_newsroom@2x.jpg");
  }
}
body.sub-common .sub-visual.contact {
  background-image: url("/static/images/sub/bg_contact@m.webp");
  height: 115.4667vw;
}
@media (min-width: 768px) {
  body.sub-common .sub-visual.contact {
    height: 27.0625rem;
  }
}
@media (min-width: 1200px) {
  body.sub-common .sub-visual.contact {
    height: 433px;
  }
}
@media screen and (min-width: 768px) {
  body.sub-common .sub-visual.contact {
    background-image: url("/static/images/sub/bg_contact.webp");
  }
}
@media screen and (min-width: 1200px) {
  body.sub-common .sub-visual.contact {
    height: 38.8889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  body.sub-common .sub-visual.contact {
    height: 560px;
  }
}
@media screen and (min-width: 1920px) {
  body.sub-common .sub-visual.contact {
    background-image: url("/static/images/sub/bg_contact@2x.jpg");
  }
}
body.sub-common .sub-visual.terms {
  background-image: url("/static/images/sub/bg_common_terms@m.jpg");
  height: 115.4667vw;
}
@media (min-width: 768px) {
  body.sub-common .sub-visual.terms {
    height: 27.0625rem;
  }
}
@media (min-width: 1200px) {
  body.sub-common .sub-visual.terms {
    height: 433px;
  }
}
@media screen and (min-width: 768px) {
  body.sub-common .sub-visual.terms {
    background-image: url("/static/images/sub/bg_common_terms.jpg");
  }
}
@media screen and (min-width: 1200px) {
  body.sub-common .sub-visual.terms {
    height: 38.8889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  body.sub-common .sub-visual.terms {
    height: 560px;
  }
}
@media screen and (min-width: 1920px) {
  body.sub-common .sub-visual.terms {
    background-image: url("/static/images/sub/bg_common_terms@2x.jpg");
  }
}

.sub-content {
  padding: 21.3333vw 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content {
    padding: 5rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content {
    padding: 80px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content {
    padding: 11.1111vw 0vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content {
    padding: 160px 0px;
  }
}
.sub-content {
  /* 공통 뱃지 스타일 */
}
.sub-content .badge {
  background-color: #1C2E4A;
  color: #fff;
  font-weight: 600;
  text-transform: capitalize;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .badge {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .badge {
    margin-bottom: 16px;
  }
}
.sub-content .badge {
  border-radius: 2.1333vw;
}
@media (min-width: 768px) {
  .sub-content .badge {
    border-radius: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .badge {
    border-radius: 8px;
  }
}
.sub-content .badge {
  font-size: var(--text-sm);
  padding: 0vw 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .badge {
    padding: 0rem 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .badge {
    padding: 0px 16px;
  }
}
.sub-content .badge {
  height: 9.0667vw;
}
@media (min-width: 768px) {
  .sub-content .badge {
    height: 2.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .badge {
    height: 34px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .badge {
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .badge {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content:has(.leadership-wrap) {
    overflow: hidden;
  }
  .sub-content:has(.leadership-wrap):before {
    content: "";
    position: absolute;
    background-image: url("/static/images/sub/bg_leadership.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 46.6667vw;
    height: 46.6667vw;
    right: -13.8889vw;
    top: -17.3611vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content:has(.leadership-wrap):before {
    width: 672px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content:has(.leadership-wrap):before {
    height: 672px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content:has(.leadership-wrap):before {
    right: -200px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content:has(.leadership-wrap):before {
    top: -250px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content:has(.publications-sec) {
    overflow: hidden;
  }
  .sub-content:has(.publications-sec):before {
    content: "";
    position: absolute;
    background-image: url("/static/images/sub/achi_overview_top.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 22.2222vw;
    height: 22.7778vw;
    right: 9.7222vw;
    top: 3.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content:has(.publications-sec):before {
    width: 320px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content:has(.publications-sec):before {
    height: 328px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content:has(.publications-sec):before {
    right: 140px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content:has(.publications-sec):before {
    top: 48px;
  }
}

/* =========================================
   뉴스룸 리스트 공통 (Mobile-first)
========================================= */
.board-list-wrap {
  /* 1. 상단 컨트롤 영역 */
}
.board-list-wrap .list-head {
  display: flex;
  flex-direction: column;
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-head {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-head {
    margin-bottom: 16px;
  }
}
.board-list-wrap .list-head {
  gap: 4.2667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-head {
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-head {
    gap: 16px;
  }
}
@media screen and (min-width: 768px) {
  .board-list-wrap .list-head {
    flex-direction: unset;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.board-list-wrap .list-head .total {
  font-weight: 400;
  color: #1A1D20;
  font-size: 3.2vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-head .total {
    font-size: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-head .total {
    font-size: 12px;
  }
}
.board-list-wrap .list-head .total strong {
  font-weight: 600;
}
.board-list-wrap .list-head .search-box {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .board-list-wrap .list-head .search-box {
    width: 128vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .board-list-wrap .list-head .search-box {
    width: 30rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .board-list-wrap .list-head .search-box {
    width: 480px;
  }
}
.board-list-wrap .list-head .search-box input {
  width: 100%;
  border: 1px solid #D3D5D8;
  color: #50555B;
  box-sizing: border-box;
  outline: none;
  border-radius: 11.2vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-head .search-box input {
    border-radius: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-head .search-box input {
    border-radius: 42px;
  }
}
.board-list-wrap .list-head .search-box input {
  padding: 0vw 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-head .search-box input {
    padding: 0rem 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-head .search-box input {
    padding: 0px 24px;
  }
}
.board-list-wrap .list-head .search-box input {
  height: 11.2vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-head .search-box input {
    height: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-head .search-box input {
    height: 42px;
  }
}
.board-list-wrap .list-head .search-box input {
  font-size: var(--text-base);
}
.board-list-wrap .list-head .search-box input::placeholder {
  color: #B7BBC0;
  font-size: var(--text-base);
}
.board-list-wrap .list-head .search-box input:focus {
  border-color: #50555B;
}
.board-list-wrap .list-head .search-box .btn-search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: #111;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-head .search-box .btn-search {
    right: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-head .search-box .btn-search {
    right: 24px;
  }
}
.board-list-wrap .list-head .search-box .btn-search {
  width: 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-head .search-box .btn-search {
    width: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-head .search-box .btn-search {
    width: 24px;
  }
}
.board-list-wrap .list-head .search-box .btn-search {
  height: 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-head .search-box .btn-search {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-head .search-box .btn-search {
    height: 24px;
  }
}
.board-list-wrap .list-head .search-box .btn-search .icon-svg {
  width: 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-head .search-box .btn-search .icon-svg {
    width: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-head .search-box .btn-search .icon-svg {
    width: 24px;
  }
}
.board-list-wrap .list-head .search-box .btn-search .icon-svg {
  height: 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-head .search-box .btn-search .icon-svg {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-head .search-box .btn-search .icon-svg {
    height: 24px;
  }
}
.board-list-wrap .list-head .search-box .btn-search .icon-svg svg {
  color: #1A1D20;
}
.board-list-wrap .list-body .list-item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #D3D5D8;
  padding: 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item {
    padding: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item {
    flex-direction: unset;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 2.5vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item {
    padding: 36px;
  }
}
.board-list-wrap .list-body .title {
  font-weight: 600;
  color: #1A1D20;
  line-height: 1.4;
  word-break: keep-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--text-xl);
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .title {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .title {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .title {
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .title {
    margin-bottom: 24px;
  }
}
.board-list-wrap .list-body .list-empty {
  padding: 80px 20px;
  text-align: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.board-list-wrap .list-body .list-empty p {
  font-size: 15px;
  color: #777;
}
.board-list-wrap .list-body .item-info .desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #50555B;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .item-info .desc {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .item-info .desc {
    margin-bottom: 24px;
  }
}
.board-list-wrap .list-body .item-info .desc {
  font-size: var(--text-lg);
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .item-info .desc {
    margin-bottom: 0;
    padding-right: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .item-info .desc {
    padding-right: 80px;
  }
}
.board-list-wrap .list-body .item-info .btn-view {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4.2667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .item-info .btn-view {
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .item-info .btn-view {
    gap: 16px;
  }
}
.board-list-wrap .list-body .item-info .btn-view .badge-new {
  border: 1px solid #832EDA;
  color: #832EDA;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: var(--text-sm);
  padding: 0vw 3.2vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .item-info .btn-view .badge-new {
    padding: 0rem 0.75rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .item-info .btn-view .badge-new {
    padding: 0px 12px;
  }
}
.board-list-wrap .list-body .item-info .btn-view .badge-new {
  height: 6.9333vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .item-info .btn-view .badge-new {
    height: 1.625rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .item-info .btn-view .badge-new {
    height: 26px;
  }
}
.board-list-wrap .list-body .item-info .btn-view .badge-new {
  border-radius: 6.9333vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .item-info .btn-view .badge-new {
    border-radius: 1.625rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .item-info .btn-view .badge-new {
    border-radius: 26px;
  }
}
.board-list-wrap .list-body .item-info .btn-view .badge-new {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .item-info .btn-view .badge-new {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .item-info .btn-view .badge-new {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .item-info .btn-view .badge-new {
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .item-info .btn-view .badge-new {
    margin-bottom: 24px;
  }
}
.board-list-wrap .list-body .item-btn {
  flex-shrink: 0;
}
.board-list-wrap .list-body .item-btn .btn-view {
  background-color: #1A1D20;
  transition: background-color 0.3s;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 10.6667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .item-btn .btn-view {
    height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .item-btn .btn-view {
    height: 40px;
  }
}
.board-list-wrap .list-body .item-btn .btn-view {
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .item-btn .btn-view {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .item-btn .btn-view {
    gap: 8px;
  }
}
.board-list-wrap .list-body .item-btn .btn-view {
  border-radius: 10.6667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .item-btn .btn-view {
    border-radius: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .item-btn .btn-view {
    border-radius: 40px;
  }
}
.board-list-wrap .list-body .item-btn .btn-view {
  padding: 0vw 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .item-btn .btn-view {
    padding: 0rem 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .item-btn .btn-view {
    padding: 0px 24px;
  }
}
.board-list-wrap .list-body .item-btn .btn-view span {
  color: #ffffff;
  font-weight: 600;
  line-height: 150%;
  font-size: var(--text-sm);
}
.board-list-wrap .list-body .item-btn .btn-view .icon-svg {
  transform: rotate(-90deg);
  width: 4.2667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .item-btn .btn-view .icon-svg {
    width: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .item-btn .btn-view .icon-svg {
    width: 16px;
  }
}
.board-list-wrap .list-body .item-btn .btn-view .icon-svg {
  height: 4.2667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .item-btn .btn-view .icon-svg {
    height: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .item-btn .btn-view .icon-svg {
    height: 16px;
  }
}
.board-list-wrap .list-body .item-btn .btn-view .icon-svg svg {
  color: #ffffff;
}
.board-list-wrap .list-body .item-btn .btn-view:hover {
  background-color: #832EDA;
}
.board-list-wrap .list-body .list-item.type-media {
  display: block;
  position: relative;
}
.board-list-wrap .list-body .list-item.type-media .item-link {
  display: grid;
  --thumb-w: 26.6667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .item-link {
    --thumb-w: 6.25rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-link {
    --thumb-w: 100px;
  }
}
.board-list-wrap .list-body .list-item.type-media .item-link {
  grid-template-columns: var(--thumb-w) minmax(0, 1fr);
  text-decoration: none;
  column-gap: 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .item-link {
    column-gap: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-link {
    column-gap: 24px;
  }
}
.board-list-wrap .list-body .list-item.type-media .item-link {
  row-gap: 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .item-link {
    row-gap: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-link {
    row-gap: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-link {
    grid-template-columns: 136px minmax(0, 1fr);
    row-gap: 1.6667vw;
    column-gap: 2.5vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-media .item-link {
    row-gap: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-media .item-link {
    column-gap: 36px;
  }
}
.board-list-wrap .list-body .list-item.type-media {
  /* 1. 썸네일 영역 */
}
.board-list-wrap .list-body .list-item.type-media .item-thumb {
  grid-column: 1/2;
  grid-row: 1/2;
  width: 100%;
  aspect-ratio: 1/1; /* 정사각형 비율 */
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 2.1333vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .item-thumb {
    border-radius: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-thumb {
    border-radius: 8px;
  }
}
.board-list-wrap .list-body .list-item.type-media .item-thumb {
  width: 26.6667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .item-thumb {
    width: 6.25rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-thumb {
    width: 100px;
  }
}
.board-list-wrap .list-body .list-item.type-media .item-thumb {
  height: 26.6667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .item-thumb {
    height: 6.25rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-thumb {
    height: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-thumb {
    grid-row: 1/3;
    width: 9.4444vw;
    height: 9.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-media .item-thumb {
    width: 136px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-media .item-thumb {
    height: 136px;
  }
}
.board-list-wrap .list-body .list-item.type-media .item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.board-list-wrap .list-body .list-item.type-media:hover .item-thumb img {
  transform: scale(1.05);
}
.board-list-wrap .list-body .list-item.type-media {
  /* 2. 텍스트 상단 영역 */
}
.board-list-wrap .list-body .list-item.type-media .info-head {
  grid-column: 2/3;
  grid-row: 1/2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.2667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .info-head {
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .info-head {
    gap: 16px;
  }
}
.board-list-wrap .list-body .list-item.type-media .info-head .video {
  margin-bottom: 0;
}
.board-list-wrap .list-body .list-item.type-media .info-head .title-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 4.2667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .info-head .title-wrap {
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .info-head .title-wrap {
    gap: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .info-head .title-wrap {
    flex-direction: row;
    align-items: center;
  }
}
.board-list-wrap .list-body .list-item.type-media .info-head .title-wrap .title {
  font-weight: 700;
  color: #111;
  line-height: 1.4;
  word-break: keep-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
  font-size: var(--text-lg);
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .info-head .title-wrap .title {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-media .info-head .title-wrap .title {
    font-size: 20px;
  }
}
.board-list-wrap .list-body .list-item.type-media .info-head .title-wrap .badge-new {
  border: 1px solid #832EDA;
  color: #832EDA;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--text-sm);
  padding: 0vw 3.2vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .info-head .title-wrap .badge-new {
    padding: 0rem 0.75rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .info-head .title-wrap .badge-new {
    padding: 0px 12px;
  }
}
.board-list-wrap .list-body .list-item.type-media .info-head .title-wrap .badge-new {
  height: 6.9333vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .info-head .title-wrap .badge-new {
    height: 1.625rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .info-head .title-wrap .badge-new {
    height: 26px;
  }
}
.board-list-wrap .list-body .list-item.type-media .info-head .title-wrap .badge-new {
  border-radius: 6.9333vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .info-head .title-wrap .badge-new {
    border-radius: 1.625rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .info-head .title-wrap .badge-new {
    border-radius: 26px;
  }
}
.board-list-wrap .list-body .list-item.type-media .desc {
  grid-column: 1/3;
  grid-row: 2/3;
  color: #50555B;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--text-lg);
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .desc {
    grid-column: 2/3;
    grid-row: 2/3;
    font-size: 1.25vw;
    padding-right: 6.9444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-media .desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-media .desc {
    padding-right: 100px;
  }
}
.board-list-wrap .list-body .list-item.type-media .item-utils {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils {
    margin-top: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils {
    margin-top: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    right: 2.5vw;
    padding-bottom: 2.5vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils {
    right: 36px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils {
    padding-bottom: 36px;
  }
}
.board-list-wrap .list-body .list-item.type-media .item-utils .date {
  color: #92979D;
  font-weight: 500;
  font-size: var(--text-lg);
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils .date {
    margin-top: 2.5vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils .date {
    margin-top: 36px;
  }
}
.board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark {
  background-color: #f5f6f8;
  border: none;
  cursor: pointer;
  color: #333;
  transition: background-color 0.2s, color 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12.8vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark {
    width: 3rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark {
    width: 48px;
  }
}
.board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark {
  height: 12.8vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark {
    height: 3rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark {
    height: 48px;
  }
}
.board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark {
  border-radius: 12.8vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark {
    border-radius: 3rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark {
    border-radius: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark {
    margin-bottom: 2.5vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark {
    margin-bottom: 36px;
  }
}
.board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark .icon-svg {
  color: #1A1D20;
  width: 5.3333vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark .icon-svg {
    width: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark .icon-svg {
    width: 20px;
  }
}
.board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark .icon-svg {
  height: 5.8667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark .icon-svg {
    height: 1.375rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark .icon-svg {
    height: 22px;
  }
}
.board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark:hover, .board-list-wrap .list-body .list-item.type-media .item-utils .btn-bookmark.active {
  background-color: #e5e5e5;
  color: #111;
}
.board-list-wrap .list-body .list-item.type-achieve {
  display: flex;
  flex-direction: column;
  background-color: #F3F4F5;
  border-bottom: none;
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-achieve {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve {
    margin-bottom: 16px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve {
  border-radius: 3.2vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-achieve {
    border-radius: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve {
    border-radius: 12px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve {
  padding: 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-achieve {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve {
    padding: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve {
    padding: 2.5vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-achieve {
    padding: 36px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve .btn-external {
  background-color: #1A1D20;
  transition: background-color 0.3s;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 10.6667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-achieve .btn-external {
    height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve .btn-external {
    height: 40px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve .btn-external {
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-achieve .btn-external {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve .btn-external {
    gap: 8px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve .btn-external {
  border-radius: 10.6667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-achieve .btn-external {
    border-radius: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve .btn-external {
    border-radius: 40px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve .btn-external {
  padding: 0vw 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-achieve .btn-external {
    padding: 0rem 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve .btn-external {
    padding: 0px 24px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve .btn-external span {
  color: #ffffff;
  font-weight: 600;
  line-height: 150%;
  font-size: var(--text-sm);
}
.board-list-wrap .list-body .list-item.type-achieve .btn-external .icon-svg {
  width: 4.2667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-achieve .btn-external .icon-svg {
    width: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve .btn-external .icon-svg {
    width: 16px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve .btn-external .icon-svg {
  height: 4.2667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-achieve .btn-external .icon-svg {
    height: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve .btn-external .icon-svg {
    height: 16px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve .btn-external .icon-svg svg {
  color: #ffffff;
}
.board-list-wrap .list-body .list-item.type-achieve .btn-external:hover {
  background-color: #832EDA;
}
.board-list-wrap .list-body .list-item.type-achieve {
  /* 텍스트 타이포그래피 공통 */
}
.board-list-wrap .list-body .list-item.type-achieve .title {
  font-weight: 700;
  color: #1A1D20;
  line-height: 1.5;
  word-break: keep-all;
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-achieve .title {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve .title {
    margin-bottom: 16px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve .title {
  font-size: var(--text-base);
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve .title {
    font-size: 1.25vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-achieve .title {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-achieve .title {
    margin-bottom: 24px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve .subtitle {
  font-weight: 700;
  color: #1A1D20;
  word-break: keep-all;
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-achieve .subtitle {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve .subtitle {
    margin-bottom: 16px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve .subtitle {
  font-size: var(--text-base);
}
.board-list-wrap .list-body .list-item.type-achieve .desc, .board-list-wrap .list-body .list-item.type-achieve .author, .board-list-wrap .list-body .list-item.type-achieve .journal {
  color: #1A1D20;
  line-height: 1.5;
  word-break: keep-all;
  font-weight: 500;
  font-family: Pretendard;
  font-size: var(--text-base);
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve .desc, .board-list-wrap .list-body .list-item.type-achieve .author, .board-list-wrap .list-body .list-item.type-achieve .journal {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-achieve .desc, .board-list-wrap .list-body .list-item.type-achieve .author, .board-list-wrap .list-body .list-item.type-achieve .journal {
    font-size: 18px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve {
  /* =========================================
  메뉴별 특화 스타일
  ========================================= */
  /* 1. Publications 특화 */
}
.board-list-wrap .list-body .list-item.type-achieve.type-publication {
  gap: 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-achieve.type-publication {
    gap: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve.type-publication {
    gap: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve.type-publication {
    gap: 2.2222vw;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap .list-body .list-item.type-achieve.type-publication {
    gap: 32px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve.type-publication .author {
  margin-bottom: 4px;
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve.type-patent {
    align-items: flex-start;
  }
}
.board-list-wrap .list-body .list-item.type-achieve.type-grant .subtitle {
  font-weight: 700;
  font-size: var(--text-base);
}
.board-list-wrap .list-body .list-item.type-achieve {
  /* 2, 3. Patents & Research Grants 특화 (상하단 분리 구조) */
}
.board-list-wrap .list-body .list-item.type-achieve.type-patent .item-content, .board-list-wrap .list-body .list-item.type-achieve.type-grant .item-content {
  display: flex;
  flex-direction: column;
  gap: 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-achieve.type-patent .item-content, .board-list-wrap .list-body .list-item.type-achieve.type-grant .item-content {
    gap: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve.type-patent .item-content, .board-list-wrap .list-body .list-item.type-achieve.type-grant .item-content {
    gap: 24px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve.type-patent .item-content, .board-list-wrap .list-body .list-item.type-achieve.type-grant .item-content {
  margin-bottom: 6.4vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-achieve.type-patent .item-content, .board-list-wrap .list-body .list-item.type-achieve.type-grant .item-content {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve.type-patent .item-content, .board-list-wrap .list-body .list-item.type-achieve.type-grant .item-content {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve.type-patent .item-content, .board-list-wrap .list-body .list-item.type-achieve.type-grant .item-content {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
}
.board-list-wrap .list-body .list-item.type-achieve.type-patent .item-content .item-info .title, .board-list-wrap .list-body .list-item.type-achieve.type-grant .item-content .item-info .title {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .board-list-wrap .list-body .list-item.type-achieve.type-patent .item-content .item-info .title, .board-list-wrap .list-body .list-item.type-achieve.type-grant .item-content .item-info .title {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve.type-patent .item-content .item-info .title, .board-list-wrap .list-body .list-item.type-achieve.type-grant .item-content .item-info .title {
    margin-bottom: 16px;
  }
}
.board-list-wrap .list-body .list-item.type-achieve.type-patent .item-content .item-info .desc, .board-list-wrap .list-body .list-item.type-achieve.type-grant .item-content .item-info .desc {
  margin-bottom: 0;
  font-weight: 500;
  font-size: var(--text-base);
}
@media screen and (min-width: 1200px) {
  .board-list-wrap .list-body .list-item.type-achieve.type-patent .item-content .item-info, .board-list-wrap .list-body .list-item.type-achieve.type-grant .item-content .item-info {
    width: 100%;
  }
}
.board-list-wrap .list-body .list-item.type-achieve.type-patent, .board-list-wrap .list-body .list-item.type-achieve.type-grant {
  /* 하단 날짜 영역 */
}
.board-list-wrap .list-body .list-item.type-achieve.type-patent .item-foot, .board-list-wrap .list-body .list-item.type-achieve.type-grant .item-foot {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
}
.board-list-wrap .list-body .list-item.type-achieve.type-patent .item-foot .date, .board-list-wrap .list-body .list-item.type-achieve.type-grant .item-foot .date {
  color: #50555B;
  font-weight: 500;
  font-size: var(--text-base);
}

/* =========================================
   상세페이지 (Mobile-first)
========================================= */
.board-view-wrap {
  /* 1. 타이틀 영역 */
}
.board-view-wrap .view-head {
  border-bottom: 1px solid #D3D5D8;
  padding: 6.4vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-head {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-head {
    padding: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .board-view-wrap .view-head {
    padding: 2.5vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-head {
    padding: 36px;
  }
}
.board-view-wrap .view-head .title {
  color: #1A1D20;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-head .title {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-head .title {
    margin-bottom: 32px;
  }
}
.board-view-wrap .view-head .title {
  font-size: var(--text-2xl);
}
@media screen and (min-width: 1200px) {
  .board-view-wrap .view-head .title {
    font-size: 2.2222vw;
    margin-bottom: 3.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-head .title {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-head .title {
    margin-bottom: 48px;
  }
}
.board-view-wrap .view-head .info {
  display: flex;
  justify-content: space-between;
}
.board-view-wrap .view-head .info .author {
  color: #50555B;
  font-weight: 600;
  font-size: var(--text-base);
}
@media screen and (min-width: 1200px) {
  .board-view-wrap .view-head .info .author {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-head .info .author {
    font-size: 18px;
  }
}
.board-view-wrap .view-head .info .date {
  color: #92979D;
  font-weight: 500;
  font-size: var(--text-base);
}
@media screen and (min-width: 1200px) {
  .board-view-wrap .view-head .info .date {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-head .info .date {
    font-size: 18px;
  }
}
.board-view-wrap {
  /* 2. 에디터 본문 영역 */
}
.board-view-wrap .view-body {
  padding: 10.6667vw 6.4vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-body {
    padding: 2.5rem 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-body {
    padding: 40px 24px;
  }
}
@media screen and (min-width: 1200px) {
  .board-view-wrap .view-body {
    padding: 5.5556vw 2.5vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-body {
    padding: 80px 36px;
  }
}
.board-view-wrap .view-body .editor-content {
  /* 미디어 (이미지/영상) */
}
.board-view-wrap .view-body .editor-content .media-area {
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-body .editor-content .media-area {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-body .editor-content .media-area {
    margin-bottom: 48px;
  }
}
.board-view-wrap .view-body .editor-content .media-area img, .board-view-wrap .view-body .editor-content .media-area iframe, .board-view-wrap .view-body .editor-content .media-area video {
  width: 100%;
  max-width: 100%;
  display: block;
}
.board-view-wrap .view-body .editor-content .media-area .caption {
  color: #999;
  line-height: 1.6;
  word-break: keep-all;
  margin-top: 1.6vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-body .editor-content .media-area .caption {
    margin-top: 0.375rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-body .editor-content .media-area .caption {
    margin-top: 6px;
  }
}
.board-view-wrap .view-body .editor-content .media-area .caption {
  font-size: var(--text-base);
}
.board-view-wrap .view-body .editor-content {
  /* 타이포그래피 (모바일 시안 기준) */
}
.board-view-wrap .view-body .editor-content h1 {
  font-weight: 700;
  color: #1A1D20;
  line-height: 1.4;
  margin-bottom: 6.4vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-body .editor-content h1 {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-body .editor-content h1 {
    margin-bottom: 24px;
  }
}
.board-view-wrap .view-body .editor-content h1 {
  font-size: var(--text-2xl);
}
.board-view-wrap .view-body .editor-content h2 {
  font-weight: 600;
  color: #33383D;
  line-height: 1.4;
  margin-bottom: 6.4vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-body .editor-content h2 {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-body .editor-content h2 {
    margin-bottom: 24px;
  }
}
.board-view-wrap .view-body .editor-content h2 {
  font-size: var(--text-xl);
}
.board-view-wrap .view-body .editor-content p {
  display: block;
  font-weight: 500;
  color: #50555B;
  line-height: 1.6;
  height: auto;
  word-break: keep-all;
  font-size: var(--text-lg);
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-body .editor-content p {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-body .editor-content p {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .board-view-wrap .view-body .editor-content p {
    margin-bottom: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-body .editor-content p {
    margin-bottom: 32px;
  }
}
.board-view-wrap .view-body .editor-content p.note {
  font-weight: 400;
  color: #6D7278;
  margin-top: 6.4vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-body .editor-content p.note {
    margin-top: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-body .editor-content p.note {
    margin-top: 24px;
  }
}
.board-view-wrap .view-body .editor-content p.note {
  font-size: var(--text-sm);
}
.board-view-wrap .view-body .editor-content a {
  display: block;
}
.board-view-wrap .view-body .editor-content img {
  display: block;
  max-width: 100%;
  margin: 12.8vw 0vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-body .editor-content img {
    margin: 3rem 0rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-body .editor-content img {
    margin: 48px 0px;
  }
}
.board-view-wrap .view-body {
  /* 에디터 본문 영역 */
}
.board-view-wrap .view-body .editor-content {
  /* 에디터에서 생성한 미디어(유튜브 등) 감싸는 태그 */
}
.board-view-wrap .view-body .editor-content figure.media {
  margin: 0;
  width: 100%;
  max-width: 100%;
}
.board-view-wrap .view-body .editor-content figure.media > div {
  width: 100%;
  /* padding-bottom이 들어간 실질적인 래퍼 */
}
.board-view-wrap .view-body .editor-content figure.media > div > div {
  position: relative; /* 위치 기준점 설정 */
  width: 100%;
  overflow: hidden;
}
.board-view-wrap .view-body .editor-content figure.media {
  /* 실제 유튜브 iframe */
}
.board-view-wrap .view-body .editor-content figure.media iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.board-view-wrap {
  /* 3. 첨부파일 영역 */
}
.board-view-wrap .view-attach {
  background-color: #F3F4F5;
  margin-bottom: 21.3333vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-attach {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-attach {
    margin-bottom: 80px;
  }
}
.board-view-wrap .view-attach {
  border-radius: 3.2vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-attach {
    border-radius: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-attach {
    border-radius: 12px;
  }
}
.board-view-wrap .view-attach {
  padding: 6.4vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-attach {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-attach {
    padding: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .board-view-wrap .view-attach {
    padding: 2.5vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-attach {
    padding: 36px;
  }
}
.board-view-wrap .view-attach .attach-tit {
  font-weight: 700;
  color: #1A1D20;
  display: block;
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-attach .attach-tit {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-attach .attach-tit {
    margin-bottom: 16px;
  }
}
.board-view-wrap .view-attach .attach-tit {
  font-size: var(--text-xl);
}
@media screen and (min-width: 1200px) {
  .board-view-wrap .view-attach .attach-tit {
    font-size: 1.6667vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-attach .attach-tit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-attach .attach-tit {
    margin-bottom: 24px;
  }
}
.board-view-wrap .view-attach .attach-list {
  background: #ffffff;
  border: 1px solid #D3D5D8;
  border-radius: 2.1333vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-attach .attach-list {
    border-radius: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-attach .attach-list {
    border-radius: 8px;
  }
}
.board-view-wrap .view-attach .attach-list {
  padding: 4.2667vw 5.3333vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-attach .attach-list {
    padding: 1rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-attach .attach-list {
    padding: 16px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .board-view-wrap .view-attach .attach-list {
    padding: 0.3472vw 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-attach .attach-list {
    padding: 5px 24px;
  }
}
.board-view-wrap .view-attach .attach-list li a {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4.2667vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-attach .attach-list li a {
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-attach .attach-list li a {
    gap: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .board-view-wrap .view-attach .attach-list li a {
    align-items: flex-start;
    flex-direction: row;
  }
}
.board-view-wrap .view-attach .attach-list li a .file-name {
  color: #333;
  flex: 1;
  word-break: keep-all;
  text-align: center;
  font-size: var(--text-sm);
}
@media screen and (min-width: 1200px) {
  .board-view-wrap .view-attach .attach-list li a .file-name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
.board-view-wrap .view-attach .attach-list li a .download {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-attach .attach-list li a .download {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-attach .attach-list li a .download {
    gap: 8px;
  }
}
.board-view-wrap .view-attach .attach-list li a .download {
  font-size: var(--text-sm);
}
.board-view-wrap .view-attach .attach-list li a .download span {
  color: #50555B;
  font-weight: 500;
  font-size: var(--text-sm);
}
.board-view-wrap .view-attach .attach-list li a .download .icon-svg {
  color: #50555B;
  width: 6.4vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-attach .attach-list li a .download .icon-svg {
    width: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-attach .attach-list li a .download .icon-svg {
    width: 24px;
  }
}
.board-view-wrap .view-attach .attach-list li a .download .icon-svg {
  height: 6.4vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-attach .attach-list li a .download .icon-svg {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-attach .attach-list li a .download .icon-svg {
    height: 24px;
  }
}
.board-view-wrap .view-attach .attach-list li a .download .icon-svg svg {
  width: 6.4vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-attach .attach-list li a .download .icon-svg svg {
    width: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-attach .attach-list li a .download .icon-svg svg {
    width: 24px;
  }
}
.board-view-wrap .view-attach .attach-list li a .download .icon-svg svg {
  height: 6.4vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-attach .attach-list li a .download .icon-svg svg {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-attach .attach-list li a .download .icon-svg svg {
    height: 24px;
  }
}
.board-view-wrap {
  /* 4. 이전글/다음글 네비게이션 */
}
.board-view-wrap .view-nav {
  border-top: 1px solid #D3D5D8;
  margin-bottom: 13.3333vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-nav {
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-nav {
    margin-bottom: 50px;
  }
}
.board-view-wrap .view-nav ul li {
  padding: 0;
  border-bottom: 1px solid #D3D5D8;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.board-view-wrap .view-nav ul li .dir {
  flex-shrink: 0;
  background: #F3F4F5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17.0667vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-nav ul li .dir {
    width: 4rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-nav ul li .dir {
    width: 64px;
  }
}
.board-view-wrap .view-nav ul li .dir {
  height: 17.6vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-nav ul li .dir {
    height: 4.125rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-nav ul li .dir {
    height: 66px;
  }
}
@media screen and (min-width: 1200px) {
  .board-view-wrap .view-nav ul li .dir {
    width: 12.4306vw;
    height: 4.5833vw;
    gap: 1.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-nav ul li .dir {
    width: 179px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-nav ul li .dir {
    height: 66px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-nav ul li .dir {
    gap: 16px;
  }
}
.board-view-wrap .view-nav ul li .dir span {
  display: none;
}
@media screen and (min-width: 1200px) {
  .board-view-wrap .view-nav ul li .dir span {
    display: block;
    color: #1A1D20;
    font-weight: 600;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-nav ul li .dir span {
    font-size: 18px;
  }
}
.board-view-wrap .view-nav ul li a {
  flex: 1;
  min-width: 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-nav ul li a {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-nav ul li a {
    gap: 8px;
  }
}
.board-view-wrap .view-nav ul li a {
  padding: 4.2667vw 0 4.2667vw 6.4vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-nav ul li a {
    padding: 1rem 0 1rem 1.5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-nav ul li a {
    padding: 16px 0 16px 24px;
  }
}
@media screen and (min-width: 1200px) {
  .board-view-wrap .view-nav ul li a {
    padding: 1.1111vw 0vw 1.1111vw 2.5vw;
    gap: 1.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-nav ul li a {
    padding: 16px 0px 16px 36px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-view-wrap .view-nav ul li a {
    gap: 16px;
  }
}
.board-view-wrap .view-nav ul li a .badge {
  margin-bottom: 0;
  flex-shrink: 0;
}
.board-view-wrap .view-nav ul li a .nav-title {
  color: #1A1D20;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s;
  font-weight: 500;
  /* 🌟 엘리먼트가 공간 안에서 말줄임 되도록 강제 */
  display: block;
  min-width: 0;
  flex: 1; /* 뱃지(badge) 제외한 나머지 영역을 꽉 채움 */
  font-size: var(--text-base);
}
.board-view-wrap {
  /* 5. 목록 버튼 */
}
.board-view-wrap .view-btn {
  text-align: center;
}
.board-view-wrap .view-btn .btn-list {
  border: 2px solid #1A1D20;
  font-weight: 600;
  color: #1A1D20;
  transition: all 0.3s ease;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: var(--text-sm);
  height: 12.8vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-btn .btn-list {
    height: 3rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-btn .btn-list {
    height: 48px;
  }
}
.board-view-wrap .view-btn .btn-list {
  border-radius: 12.8vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-btn .btn-list {
    border-radius: 3rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-btn .btn-list {
    border-radius: 48px;
  }
}
.board-view-wrap .view-btn .btn-list {
  padding: 0vw 10.6667vw;
}
@media (min-width: 768px) {
  .board-view-wrap .view-btn .btn-list {
    padding: 0rem 2.5rem;
  }
}
@media (min-width: 1200px) {
  .board-view-wrap .view-btn .btn-list {
    padding: 0px 40px;
  }
}
.board-view-wrap .view-btn .btn-list:hover {
  color: #fff;
  background: #1A1D20;
}

.board-list-wrap, .board-view-wrap {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .board-list-wrap, .board-view-wrap {
    width: 100%;
    max-width: 100vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .board-list-wrap, .board-view-wrap {
    max-width: 1440px;
  }
}

/* =========================================
   리더십 페이지 (.leadership-wrap)
========================================= */
.leadership-wrap {
  /* 공통 리스트 스타일 (이력) */
  width: 100%;
  margin: auto;
  max-width: 384vw;
}
@media (min-width: 768px) {
  .leadership-wrap {
    max-width: 90rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap {
    max-width: 1440px;
  }
}
.leadership-wrap .history-list {
  margin: 0;
  padding: 0;
}
.leadership-wrap .history-list li {
  color: #50555B;
  font-weight: 400;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .leadership-wrap .history-list li {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .history-list li {
    font-size: 18px;
  }
}
.leadership-wrap .history-list li {
  gap: 1.6vw;
}
@media (min-width: 768px) {
  .leadership-wrap .history-list li {
    gap: 0.375rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .history-list li {
    gap: 6px;
  }
}
.leadership-wrap .history-list li:before {
  content: "-";
  display: block;
  color: #50555B;
  font-weight: 400;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .leadership-wrap .history-list li:before {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .history-list li:before {
    font-size: 18px;
  }
}
.leadership-wrap {
  /* 1. CEO 섹션 */
}
.leadership-wrap .ceo-section {
  display: flex;
  flex-direction: column;
  gap: 10.6667vw;
}
@media (min-width: 768px) {
  .leadership-wrap .ceo-section {
    gap: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .ceo-section {
    gap: 40px;
  }
}
.leadership-wrap .ceo-section {
  margin-bottom: 21.3333vw;
}
@media (min-width: 768px) {
  .leadership-wrap .ceo-section {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .ceo-section {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 768px) {
  .leadership-wrap .ceo-section {
    width: 100%;
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .ceo-section {
    gap: 6.9444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .ceo-section {
    gap: 100px;
  }
}
.leadership-wrap .ceo-section .img-area {
  width: 100%;
  overflow: hidden;
  background-color: #f5f5f5; /* 빈 이미지 대비 배경색 */
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .leadership-wrap .ceo-section .img-area {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .ceo-section .img-area {
    border-radius: 20px;
  }
}
.leadership-wrap .ceo-section .img-area {
  max-width: 100vw;
}
@media (min-width: 768px) {
  .leadership-wrap .ceo-section .img-area {
    max-width: 23.4375rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .ceo-section .img-area {
    max-width: 375px;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .ceo-section .img-area {
    max-width: 100%;
    width: 31.9444vw;
    height: 31.9444vw;
    border-radius: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .ceo-section .img-area {
    width: 460px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .ceo-section .img-area {
    height: 460px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .ceo-section .img-area {
    border-radius: 24px;
  }
}
.leadership-wrap .ceo-section .img-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .ceo-section .txt-area {
    padding-top: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .ceo-section .txt-area {
    padding-top: 24px;
  }
}
.leadership-wrap .ceo-section .txt-area .name-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4.2667vw;
}
@media (min-width: 768px) {
  .leadership-wrap .ceo-section .txt-area .name-row {
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .ceo-section .txt-area .name-row {
    gap: 16px;
  }
}
.leadership-wrap .ceo-section .txt-area .name-row {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .leadership-wrap .ceo-section .txt-area .name-row {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .ceo-section .txt-area .name-row {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .ceo-section .txt-area .name-row {
    margin-bottom: 3.8889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .ceo-section .txt-area .name-row {
    margin-bottom: 56px;
  }
}
.leadership-wrap .ceo-section .txt-area .name-row .name {
  color: #1C2E4A;
  font-weight: 700;
  font-size: 8.5333vw;
}
@media (min-width: 768px) {
  .leadership-wrap .ceo-section .txt-area .name-row .name {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .ceo-section .txt-area .name-row .name {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .ceo-section .txt-area .name-row .name {
    font-size: 3.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .ceo-section .txt-area .name-row .name {
    font-size: 48px;
  }
}
.leadership-wrap .ceo-section .txt-area .name-row .position {
  color: #832EDA;
  font-weight: 700;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .leadership-wrap .ceo-section .txt-area .name-row .position {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .ceo-section .txt-area .name-row .position {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .ceo-section .txt-area .name-row .position {
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .ceo-section .txt-area .name-row .position {
    font-size: 32px;
  }
}
.leadership-wrap .ceo-section .txt-area .summary {
  margin-bottom: 6.4vw;
}
@media (min-width: 768px) {
  .leadership-wrap .ceo-section .txt-area .summary {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .ceo-section .txt-area .summary {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .ceo-section .txt-area .summary {
    margin-bottom: 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .ceo-section .txt-area .summary {
    margin-bottom: 40px;
  }
}
.leadership-wrap .ceo-section .txt-area .summary p {
  color: #1A1D20;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .leadership-wrap .ceo-section .txt-area .summary p {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .ceo-section .txt-area .summary p {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .ceo-section .txt-area .summary p {
    max-width: 540px;
  }
}
.leadership-wrap {
  /* 2. Team 섹션 공통 */
}
.leadership-wrap .team-section {
  margin-bottom: 21.3333vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .team-section {
    margin-bottom: 11.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .team-section {
    margin-bottom: 160px;
  }
}
.leadership-wrap .team-section:last-child {
  margin-bottom: 0;
}
.leadership-wrap .team-section .section-title {
  color: #1A1D20;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .section-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .section-title {
    font-size: 24px;
  }
}
.leadership-wrap .team-section .section-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .section-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .section-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .team-section .section-title {
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .team-section .section-title {
    font-size: 32px;
  }
}
.leadership-wrap .team-section .team-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  gap: 4.2667vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-list {
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-list {
    gap: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .team-section .team-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .team-section .team-list {
    gap: 40px;
  }
}
.leadership-wrap .team-section .team-list li {
  list-style: none;
}
.leadership-wrap .team-section .team-card {
  display: grid;
  --img-w: 32vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card {
    --img-w: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card {
    --img-w: 120px;
  }
}
.leadership-wrap .team-section .team-card {
  grid-template-columns: var(--img-w) 1fr; /* 좌측 사진(100px), 우측 이름(나머지) */
  border: 1px solid #D3D5D8;
  background-color: #fff;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card {
    border-radius: 20px;
  }
}
.leadership-wrap .team-section .team-card {
  padding: 6.4vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card {
    padding: 24px;
  }
}
.leadership-wrap .team-section .team-card {
  column-gap: 6.4vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card {
    column-gap: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card {
    column-gap: 24px;
  }
}
.leadership-wrap .team-section .team-card {
  row-gap: 4.2667vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card {
    row-gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card {
    row-gap: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .team-section .team-card {
    --img-w: 16.6667vw;
    grid-template-columns: var(--img-w) 1fr;
    grid-template-rows: max-content 1fr;
    padding: 2.7778vw;
    column-gap: 2.7778vw;
    row-gap: 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .team-section .team-card {
    --img-w: 240px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .team-section .team-card {
    padding: 40px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .team-section .team-card {
    column-gap: 40px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .team-section .team-card {
    row-gap: 40px;
  }
}
.leadership-wrap .team-section .team-card .img-area {
  grid-column: 1/2; /* 1번째 칸 */
  grid-row: 1/2; /* 1번째 줄 */
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card .img-area {
    width: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .img-area {
    width: 120px;
  }
}
.leadership-wrap .team-section .team-card .img-area {
  height: 35.2vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card .img-area {
    height: 8.25rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .img-area {
    height: 132px;
  }
}
.leadership-wrap .team-section .team-card .img-area {
  border-radius: 3.2vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card .img-area {
    border-radius: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .img-area {
    border-radius: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .img-area {
    grid-row: 1/3;
    width: 16.6667vw;
    height: 18.3333vw;
    border-radius: 1.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .team-section .team-card .img-area {
    width: 240px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .team-section .team-card .img-area {
    height: 264px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .team-section .team-card .img-area {
    border-radius: 16px;
  }
}
.leadership-wrap .team-section .team-card .img-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.leadership-wrap .team-section .team-card .img-area.default-logo {
  background: linear-gradient(200deg, #A5A9AF 20.25%, #B7BBC0 44.96%, #D3D5D8 69.68%);
}
.leadership-wrap .team-section .team-card .img-area.default-logo .icon-svg {
  width: 24vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card .img-area.default-logo .icon-svg {
    width: 5.625rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .img-area.default-logo .icon-svg {
    width: 90px;
  }
}
.leadership-wrap .team-section .team-card .img-area.default-logo .icon-svg {
  height: 4vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card .img-area.default-logo .icon-svg {
    height: 0.9375rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .img-area.default-logo .icon-svg {
    height: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .img-area.default-logo .icon-svg {
    width: 12.4306vw;
    height: 2.0833vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .team-section .team-card .img-area.default-logo .icon-svg {
    width: 179px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .team-section .team-card .img-area.default-logo .icon-svg {
    height: 30px;
  }
}
.leadership-wrap .team-section .team-card .img-area.default-logo .icon-svg svg {
  color: #ffffff;
}
.leadership-wrap .team-section .team-card .name-row {
  grid-column: 2/3; /* 2번째 칸 */
  grid-row: 1/2; /* 1번째 줄 */
  display: flex;
  flex-direction: column; /* 모바일 시안: 세로 배치 */
  justify-content: flex-start;
  gap: 4.2667vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card .name-row {
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .name-row {
    gap: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .name-row {
    grid-column: 2/3;
    grid-row: 1/2;
    display: flex;
    flex-direction: column; /* 🌟 핵심: PC에서도 위아래 세로 배치 */
    align-items: flex-start; /* 왼쪽 정렬 */
    justify-content: flex-start;
    align-self: start; /* 텍스트를 상단으로 올려 사진과 맞춤 */
    gap: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .team-section .team-card .name-row {
    gap: 24px;
  }
}
.leadership-wrap .team-section .team-card .name-row .name {
  color: #1A1D20;
  font-weight: 700;
  margin-top: 4.2667vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card .name-row .name {
    margin-top: 1rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .name-row .name {
    margin-top: 16px;
  }
}
.leadership-wrap .team-section .team-card .name-row .name {
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card .name-row .name {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .name-row .name {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .name-row .name {
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .team-section .team-card .name-row .name {
    font-size: 32px;
  }
}
.leadership-wrap .team-section .team-card .name-row .position {
  color: #832EDA;
  font-weight: 600;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card .name-row .position {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .name-row .position {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .name-row .position {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .leadership-wrap .team-section .team-card .name-row .position {
    font-size: 20px;
  }
}
.leadership-wrap .team-section .team-card .history-list {
  grid-column: 1/3; /* 🌟 핵심: 1~2번째 칸 전체를 차지하여 모바일에서 사진 밑으로 떨어짐 */
  grid-row: 2/3; /* 2번째 줄 */
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .history-list {
    grid-column: 2/3;
    grid-row: 2/3;
    align-self: start;
  }
}
.leadership-wrap .team-section .team-card .history-list li {
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card .history-list li {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .history-list li {
    font-size: 14px;
  }
}
.leadership-wrap .team-section .team-card .history-list li {
  margin-bottom: 0vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card .history-list li {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .history-list li {
    margin-bottom: 0px;
  }
}
.leadership-wrap .team-section .team-card .history-list li:before {
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .leadership-wrap .team-section .team-card .history-list li:before {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .leadership-wrap .team-section .team-card .history-list li:before {
    font-size: 14px;
  }
}

/* =========================================
   연혁 (history)
========================================= */
.history-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: auto;
  overflow: visible !important;
  max-width: 384vw;
}
@media (min-width: 768px) {
  .history-wrap {
    max-width: 90rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap {
    max-width: 1440px;
  }
}
@media screen and (min-width: 1200px) {
  .history-wrap {
    gap: 4.5139vw;
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .history-wrap {
    gap: 65px;
  }
}
.history-wrap {
  /* 1. 왼쪽 고정 이미지 영역 */
}
.history-wrap .history-sticky {
  position: relative;
  width: 100%;
  align-self: stretch;
}
@media screen and (min-width: 1200px) {
  .history-wrap .history-sticky {
    width: 44.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .history-wrap .history-sticky {
    width: 640px;
  }
}
.history-wrap .history-sticky .section-title {
  color: #1A1D20;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .history-wrap .history-sticky .section-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-sticky .section-title {
    font-size: 24px;
  }
}
.history-wrap .history-sticky .section-title {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .history-wrap .history-sticky .section-title {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-sticky .section-title {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .history-wrap .history-sticky .section-title {
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .history-wrap .history-sticky .section-title {
    font-size: 32px;
  }
}
.history-wrap .history-sticky .img-area {
  position: sticky; /* 🌟 핵심: 스크롤 시 고정 */
  width: 100%;
  overflow: hidden;
  top: 32vw;
}
@media (min-width: 768px) {
  .history-wrap .history-sticky .img-area {
    top: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-sticky .img-area {
    top: 120px;
  }
}
.history-wrap .history-sticky .img-area {
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .history-wrap .history-sticky .img-area {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-sticky .img-area {
    border-radius: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .history-wrap .history-sticky .img-area {
    width: 44.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .history-wrap .history-sticky .img-area {
    width: 640px;
  }
}
.history-wrap .history-sticky .img-area img {
  width: 100%;
  display: block;
}
.history-wrap {
  /* 2. 오른쪽 연혁 영역 */
}
.history-wrap .history-list-area {
  padding: 21.3333vw 0vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area {
    padding: 5rem 0rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area {
    padding: 80px 0px;
  }
}
@media screen and (min-width: 1200px) {
  .history-wrap .history-list-area {
    --listw: 42.4306vw;
    width: calc(100% - var(--listw));
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .history-wrap .history-list-area {
    --listw: 611px;
  }
}
.history-wrap .history-list-area:before {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: #D3D5D8;
  left: 4.1333vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area:before {
    left: 0.9688rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area:before {
    left: 15.5px;
  }
}
.history-wrap .history-list-area .year-group {
  padding-bottom: 64vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group {
    padding-bottom: 15rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group {
    padding-bottom: 240px;
  }
}
.history-wrap .history-list-area .year-group:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 0;
  background: #832EDA;
  transition: height 0.8s ease;
  top: 1.8667vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group:before {
    top: 0.4375rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group:before {
    top: 7px;
  }
}
.history-wrap .history-list-area .year-group:before {
  left: 4.1333vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group:before {
    left: 0.9688rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group:before {
    left: 15.5px;
  }
}
.history-wrap .history-list-area .year-group {
  /* 연도 헤더 & 동그라미 */
}
.history-wrap .history-list-area .year-group .year-header {
  position: relative;
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group .year-header {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .year-header {
    margin-bottom: 40px;
  }
}
.history-wrap .history-list-area .year-group .year-header .year {
  display: block;
  position: relative;
  color: #1A1D20;
  font-weight: 600;
  padding-left: 10.6667vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group .year-header .year {
    padding-left: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .year-header .year {
    padding-left: 40px;
  }
}
.history-wrap .history-list-area .year-group .year-header .year {
  font-size: 8.5333vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group .year-header .year {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .year-header .year {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .year-header .year {
    font-size: 3.3333vw;
    padding-left: 6.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .history-wrap .history-list-area .year-group .year-header .year {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .history-wrap .history-list-area .year-group .year-header .year {
    padding-left: 96px;
  }
}
.history-wrap .history-list-area .year-group .year-header .year {
  /* 🌟 왼쪽 동그라미 */
}
.history-wrap .history-list-area .year-group .year-header .year::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #D3D5D8;
  z-index: 2;
  left: 1.8667vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group .year-header .year::before {
    left: 0.4375rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .year-header .year::before {
    left: 7px;
  }
}
.history-wrap .history-list-area .year-group .year-header .year::before {
  width: 4.8vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group .year-header .year::before {
    width: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .year-header .year::before {
    width: 18px;
  }
}
.history-wrap .history-list-area .year-group .year-header .year::before {
  height: 4.8vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group .year-header .year::before {
    height: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .year-header .year::before {
    height: 18px;
  }
}
.history-wrap .history-list-area .year-group .year-header .year::before {
  border-radius: 4.8vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group .year-header .year::before {
    border-radius: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .year-header .year::before {
    border-radius: 18px;
  }
}
.history-wrap .history-list-area .year-group .year-header .year::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #D3D5D8;
  z-index: 1;
  left: 0;
  opacity: 0.3;
  width: 8.5333vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group .year-header .year::after {
    width: 2rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .year-header .year::after {
    width: 32px;
  }
}
.history-wrap .history-list-area .year-group .year-header .year::after {
  height: 8.5333vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group .year-header .year::after {
    height: 2rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .year-header .year::after {
    height: 32px;
  }
}
.history-wrap .history-list-area .year-group .year-header .year::after {
  border-radius: 8.5333vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group .year-header .year::after {
    border-radius: 2rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .year-header .year::after {
    border-radius: 32px;
  }
}
.history-wrap .history-list-area .year-group.active:before {
  height: 100%;
}
.history-wrap .history-list-area .year-group.active .year-header .year {
  color: #832EDA;
}
.history-wrap .history-list-area .year-group.active .year-header .year::before {
  background: #832EDA;
}
.history-wrap .history-list-area .year-group.active .year-header .year::after {
  background: #832EDA;
  animation: pulse 1.5s infinite;
}
.history-wrap .history-list-area .year-group {
  /* 리스트 & 세로 라인 */
}
.history-wrap .history-list-area .year-group .history-list {
  padding-left: 10.6667vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group .history-list {
    padding-left: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .history-list {
    padding-left: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .history-list {
    padding-left: 6.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .history-wrap .history-list-area .year-group .history-list {
    padding-left: 96px;
  }
}
.history-wrap .history-list-area .year-group .history-list li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group .history-list li {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .history-list li {
    gap: 8px;
  }
}
.history-wrap .history-list-area .year-group .history-list li {
  margin-bottom: 6.4vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group .history-list li {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .history-list li {
    margin-bottom: 24px;
  }
}
.history-wrap .history-list-area .year-group .history-list li .month {
  color: #1C2E4A;
  font-weight: 600;
  line-height: 150%;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group .history-list li .month {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .history-list li .month {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .history-list li .month {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .history-wrap .history-list-area .year-group .history-list li .month {
    font-size: 20px;
  }
}
.history-wrap .history-list-area .year-group .history-list li .desc {
  color: #50555B;
  font-weight: 400;
  line-height: 150%;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .history-wrap .history-list-area .year-group .history-list li .desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .history-list li .desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .history-wrap .history-list-area .year-group .history-list li .desc {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .history-wrap .history-list-area .year-group .history-list li .desc {
    font-size: 20px;
  }
}

@keyframes pulse {
  0% {
    transform: translateY(-50%) scale(0.5);
    opacity: 0;
  }
  50% {
    transform: translateY(-50%) scale(1);
    opacity: 0.3;
  }
  75% {
    transform: translateY(-50%) scale(1);
    opacity: 0;
  }
  100% {
    transform: translateY(-50%) scale(1);
    opacity: 0;
  }
}
/* =========================================
   Partners Page 레이아웃
========================================= */
.partners-wrap {
  width: 100%;
  margin: auto;
  max-width: 384vw;
}
@media (min-width: 768px) {
  .partners-wrap {
    max-width: 90rem;
  }
}
@media (min-width: 1200px) {
  .partners-wrap {
    max-width: 1440px;
  }
}
.partners-wrap .partner-section {
  margin-bottom: 60px;
}
.partners-wrap .partner-section:last-child {
  margin-bottom: 0;
}
.partners-wrap .partner-section .section-title {
  color: #1C2E4A;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .partners-wrap .partner-section .section-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .partners-wrap .partner-section .section-title {
    font-size: 24px;
  }
}
.partners-wrap .partner-section .section-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .partners-wrap .partner-section .section-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .partners-wrap .partner-section .section-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .partners-wrap .partner-section .section-title {
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .partners-wrap .partner-section .section-title {
    font-size: 32px;
  }
}
.partners-wrap .partner-section {
  /* 모바일: 2단 그리드 */
}
.partners-wrap .partner-section .partner-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0;
  padding: 0;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .partners-wrap .partner-section .partner-list {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .partners-wrap .partner-section .partner-list {
    gap: 8px;
  }
}
@media screen and (min-width: 768px) {
  .partners-wrap .partner-section .partner-list {
    gap: 6.4vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .partners-wrap .partner-section .partner-list {
    gap: 1.5rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .partners-wrap .partner-section .partner-list {
    gap: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .partners-wrap .partner-section .partner-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 3.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .partners-wrap .partner-section .partner-list {
    gap: 48px;
  }
}
.partners-wrap .partner-section .partner-list li {
  list-style: none;
}
.partners-wrap .partner-section {
  /* 카드 공통 스타일 */
}
.partners-wrap .partner-section .partner-card {
  display: block;
  position: relative;
  border: 1px solid #D3D5D8;
  background-color: #fff;
  overflow: hidden;
  aspect-ratio: 2/1;
  border-radius: 3.2vw;
}
@media (min-width: 768px) {
  .partners-wrap .partner-section .partner-card {
    border-radius: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .partners-wrap .partner-section .partner-card {
    border-radius: 12px;
  }
}
.partners-wrap .partner-section .partner-card .img-area {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partners-wrap .partner-section .partner-card .img-area img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.partners-wrap .partner-section .partner-card {
  /* Hover 오버레이 기본 상태 (숨김) */
}
.partners-wrap .partner-section .partner-card .hover-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(17, 17, 17, 0.05); /* 모바일에서는 살짝 딤처리만 */
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease, background-color 0.3s ease;
  pointer-events: none;
}
.partners-wrap .partner-section .partner-card .hover-overlay .btn-link {
  background-color: #1A1D20;
  transform: translateY(10px);
  transition: transform 0.3s ease;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 10.6667vw;
}
@media (min-width: 768px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .btn-link {
    height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .btn-link {
    height: 40px;
  }
}
.partners-wrap .partner-section .partner-card .hover-overlay .btn-link {
  border-radius: 10.6667vw;
}
@media (min-width: 768px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .btn-link {
    border-radius: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .btn-link {
    border-radius: 40px;
  }
}
.partners-wrap .partner-section .partner-card .hover-overlay .btn-link {
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .btn-link {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .btn-link {
    gap: 8px;
  }
}
.partners-wrap .partner-section .partner-card .hover-overlay .btn-link {
  padding: 0vw 6.4vw;
}
@media (min-width: 768px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .btn-link {
    padding: 0rem 1.5rem;
  }
}
@media (min-width: 1200px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .btn-link {
    padding: 0px 24px;
  }
}
.partners-wrap .partner-section .partner-card .hover-overlay .btn-link span {
  color: #ffffff;
  font-weight: 600;
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .btn-link span {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .btn-link span {
    font-size: 14px;
  }
}
.partners-wrap .partner-section .partner-card .hover-overlay .btn-link .icon-svg {
  width: 4.2667vw;
}
@media (min-width: 768px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .btn-link .icon-svg {
    width: 1rem;
  }
}
@media (min-width: 1200px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .btn-link .icon-svg {
    width: 16px;
  }
}
.partners-wrap .partner-section .partner-card .hover-overlay .btn-link .icon-svg {
  height: 4.2667vw;
}
@media (min-width: 768px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .btn-link .icon-svg {
    height: 1rem;
  }
}
@media (min-width: 1200px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .btn-link .icon-svg {
    height: 16px;
  }
}
.partners-wrap .partner-section .partner-card .hover-overlay .btn-link .icon-svg svg {
  color: #ffffff;
}
.partners-wrap .partner-section .partner-card .hover-overlay .name {
  position: absolute;
  color: #50555B;
  font-weight: 600;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .name {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .name {
    font-size: 18px;
  }
}
.partners-wrap .partner-section .partner-card .hover-overlay .name {
  right: 6.4vw;
}
@media (min-width: 768px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .name {
    right: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .name {
    right: 24px;
  }
}
.partners-wrap .partner-section .partner-card .hover-overlay .name {
  bottom: 6.4vw;
}
@media (min-width: 768px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .name {
    bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .partners-wrap .partner-section .partner-card .hover-overlay .name {
    bottom: 24px;
  }
}
.partners-wrap .partner-section .partner-card:hover .hover-overlay {
  opacity: 1;
  background-color: rgba(247, 245, 248, 0.85); /* 시안의 은은한 배경색 */
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.partners-wrap .partner-section .partner-card:hover .hover-overlay .btn-link {
  transform: translateY(0);
}
.partners-wrap .partner-section .partner-card.disabled {
  pointer-events: none;
  cursor: default;
}

/* =========================================
   Contact Us (문의하기) 공통
========================================= */
.contact-wrap {
  width: 100%;
  margin: auto;
  max-width: 384vw;
}
@media (min-width: 768px) {
  .contact-wrap {
    max-width: 90rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap {
    max-width: 1440px;
  }
}
.contact-wrap .form-row {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .contact-wrap .form-row {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .form-row {
    margin-bottom: 40px;
  }
}
.contact-wrap .form-row {
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .contact-wrap .form-row {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .form-row {
    gap: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrap .form-row {
    margin-bottom: 3.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .contact-wrap .form-row {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrap .form-row #authorName {
    width: 44.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .contact-wrap .form-row #authorName {
    width: 640px;
  }
}
.contact-wrap .form-row > label {
  font-weight: 700;
  align-items: flex-start;
  margin-bottom: 2.1333vw;
}
@media (min-width: 768px) {
  .contact-wrap .form-row > label {
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .form-row > label {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrap .form-row > label {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .contact-wrap .form-row > label {
    font-size: 20px;
  }
}
.contact-wrap .form-row.required > label::after {
  color: #832EDA;
}
.contact-wrap .form-row .group-items .radio-box label span {
  color: #6D7278;
}
.contact-wrap .form-row .group-items .radio-box label input[type=radio]:checked + span {
  font-weight: 700;
  color: var(---gray8);
}
.contact-wrap {
  /* -------------------------------------
     1. 폼 영역 (.inquiry-section)
  ------------------------------------- */
}
.contact-wrap .inquiry-section {
  margin-bottom: 21.3333vw;
}
@media (min-width: 768px) {
  .contact-wrap .inquiry-section {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .inquiry-section {
    margin-bottom: 80px;
  }
}
.contact-wrap .inquiry-section .page-title {
  color: #1A1D20;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .contact-wrap .inquiry-section .page-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .inquiry-section .page-title {
    font-size: 24px;
  }
}
.contact-wrap .inquiry-section .page-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .contact-wrap .inquiry-section .page-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .inquiry-section .page-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrap .inquiry-section .page-title {
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .contact-wrap .inquiry-section .page-title {
    font-size: 32px;
  }
}
.contact-wrap .inquiry-section .form-container {
  background-color: #F3F4F5;
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .contact-wrap .inquiry-section .form-container {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .inquiry-section .form-container {
    border-radius: 20px;
  }
}
.contact-wrap .inquiry-section .form-container {
  padding: 12.8vw 6.4vw;
}
@media (min-width: 768px) {
  .contact-wrap .inquiry-section .form-container {
    padding: 3rem 1.5rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .inquiry-section .form-container {
    padding: 48px 24px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrap .inquiry-section .form-container {
    padding: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .contact-wrap .inquiry-section .form-container {
    padding: 64px;
  }
}
.contact-wrap .inquiry-section .form-container .form-desc {
  font-weight: 700;
  color: #1C2E4A;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .contact-wrap .inquiry-section .form-container .form-desc {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .inquiry-section .form-container .form-desc {
    font-size: 20px;
  }
}
.contact-wrap .inquiry-section .form-container .form-desc {
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .contact-wrap .inquiry-section .form-container .form-desc {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .inquiry-section .form-container .form-desc {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrap .inquiry-section .form-container .form-desc {
    font-size: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .contact-wrap .inquiry-section .form-container .form-desc {
    font-size: 24px;
  }
}
.contact-wrap {
  /* Input 감싸는 래퍼 넓이 확보 */
}
.contact-wrap .input-wrap {
  width: 100%;
  position: relative;
}
.contact-wrap .input-wrap input, .contact-wrap .input-wrap textarea {
  width: 100%;
}
.contact-wrap .input-wrap textarea {
  height: 41.3333vw;
}
@media (min-width: 768px) {
  .contact-wrap .input-wrap textarea {
    height: 9.6875rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .input-wrap textarea {
    height: 155px;
  }
}
.contact-wrap {
  /* 이메일 그룹 레이아웃 */
}
.contact-wrap .email-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4.2667vw;
}
@media (min-width: 768px) {
  .contact-wrap .email-group {
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .email-group {
    gap: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrap .email-group {
    flex-direction: unset;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.contact-wrap .email-group .email-inputs {
  flex-flow: wrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .contact-wrap .email-group .email-inputs {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .email-group .email-inputs {
    gap: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrap .email-group .email-inputs {
    flex-flow: nowrap;
    flex: unset;
    align-items: flex-start;
  }
}
.contact-wrap .email-group .email-inputs .input-wrap {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .contact-wrap .email-group .email-inputs .input-wrap {
    width: 20.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .contact-wrap .email-group .email-inputs .input-wrap {
    width: 296px;
  }
}
.contact-wrap .email-group .email-inputs .at {
  width: 100%;
  text-align: left;
  color: #1A1D20;
  font-weight: 700;
  margin-bottom: 1.0667vw;
}
@media (min-width: 768px) {
  .contact-wrap .email-group .email-inputs .at {
    margin-bottom: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .email-group .email-inputs .at {
    margin-bottom: 4px;
  }
}
.contact-wrap .email-group .email-inputs .at {
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .contact-wrap .email-group .email-inputs .at {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .email-group .email-inputs .at {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrap .email-group .email-inputs .at {
    text-align: center;
    width: 2.2222vw;
    padding-top: 1.4583vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .contact-wrap .email-group .email-inputs .at {
    width: 32px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .contact-wrap .email-group .email-inputs .at {
    padding-top: 21px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrap .email-group .dropdown-box {
    flex: unset;
    margin-top: 0;
    width: 20.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .contact-wrap .email-group .dropdown-box {
    width: 296px;
  }
}
.contact-wrap {
  /* 글자 수 카운터 */
}
.contact-wrap .has-counter .char-count {
  position: absolute;
  right: 0;
  color: #6D7278;
  font-weight: 500;
  pointer-events: none;
  bottom: -6.4vw;
}
@media (min-width: 768px) {
  .contact-wrap .has-counter .char-count {
    bottom: -1.5rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .has-counter .char-count {
    bottom: -24px;
  }
}
.contact-wrap .has-counter .char-count {
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .contact-wrap .has-counter .char-count {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .has-counter .char-count {
    font-size: 14px;
  }
}
.contact-wrap .has-counter .char-count em {
  color: #832EDA;
  font-style: normal;
  font-weight: 700;
}
.contact-wrap .has-counter textarea {
  padding-bottom: 40px;
}
.contact-wrap {
  /* 개인정보 스크롤 박스 */
}
@media screen and (min-width: 1200px) {
  .contact-wrap .privacy-row {
    padding-top: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .contact-wrap .privacy-row {
    padding-top: 20px;
  }
}
.contact-wrap .privacy-row .privacy-scroll-box {
  background: #fff;
  border: 1px solid var(--input-border-color, #e5e5e5);
  border-radius: 8px;
  padding: 20px;
  height: 120px;
  overflow-y: auto;
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 16px;
  width: 100%;
  height: 84.2667vw;
}
@media (min-width: 768px) {
  .contact-wrap .privacy-row .privacy-scroll-box {
    height: 19.75rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .privacy-row .privacy-scroll-box {
    height: 316px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrap .privacy-row .privacy-scroll-box {
    height: 10.9722vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .contact-wrap .privacy-row .privacy-scroll-box {
    height: 158px;
  }
}
.contact-wrap {
  /* 제출 버튼 */
}
.contact-wrap .btn-area {
  text-align: center;
  margin-top: 12.8vw;
}
@media (min-width: 768px) {
  .contact-wrap .btn-area {
    margin-top: 3rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .btn-area {
    margin-top: 48px;
  }
}
.contact-wrap .btn-area .btn-submit {
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .contact-wrap .btn-area .btn-submit {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .btn-area .btn-submit {
    font-size: 14px;
  }
}
.contact-wrap .btn-area .btn-submit:hover {
  background-color: #333;
}
.contact-wrap {
  /* -------------------------------------
     2. 오피스 지도 영역 (.office-section)
  ------------------------------------- */
}
.contact-wrap .office-section .office-tabs {
  display: flex;
  border-bottom: 2px solid #e5e5e5;
  margin: 0;
  padding: 0;
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .contact-wrap .office-section .office-tabs {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .office-section .office-tabs {
    margin-bottom: 32px;
  }
}
.contact-wrap .office-section .office-tabs li {
  flex: 1;
  list-style: none;
  text-align: center;
}
.contact-wrap .office-section .office-tabs li a {
  display: block;
  font-weight: 400;
  color: #B7BBC0;
  position: relative;
  bottom: -2px;
  padding: 6.4vw 0vw;
}
@media (min-width: 768px) {
  .contact-wrap .office-section .office-tabs li a {
    padding: 1.5rem 0rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .office-section .office-tabs li a {
    padding: 24px 0px;
  }
}
.contact-wrap .office-section .office-tabs li a {
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .contact-wrap .office-section .office-tabs li a {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .office-section .office-tabs li a {
    font-size: 18px;
  }
}
.contact-wrap .office-section .office-tabs li.active a {
  font-weight: 600;
  color: #832EDA;
  border-bottom: 2px solid #832EDA;
}
.contact-wrap .office-section .map-area {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #f0f0f0;
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .contact-wrap .office-section .map-area {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .office-section .map-area {
    margin-bottom: 32px;
  }
}
.contact-wrap .office-section .map-area {
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .contact-wrap .office-section .map-area {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .office-section .map-area {
    border-radius: 20px;
  }
}
.contact-wrap .office-section .map-area {
  height: 53.3333vw;
}
@media (min-width: 768px) {
  .contact-wrap .office-section .map-area {
    height: 12.5rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .office-section .map-area {
    height: 200px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrap .office-section .map-area {
    height: 38.8889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .contact-wrap .office-section .map-area {
    height: 560px;
  }
}
.contact-wrap .office-section .map-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-wrap .office-section .map-area iframe {
  width: 100%;
  height: 100%;
  display: block;
}
.contact-wrap .office-section .map-area .map-marker {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #111;
  padding: 8px 16px;
  border-radius: 20px;
}
.contact-wrap .office-section .map-area .map-marker img {
  height: 12px;
  width: auto;
  object-fit: contain;
}
.contact-wrap .office-section .map-area .map-marker::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px 6px 0;
  border-style: solid;
  border-color: #111 transparent transparent;
}
@media screen and (min-width: 1200px) {
  .contact-wrap .office-section .info-area {
    flex-flow: wrap;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
.contact-wrap .office-section .info-area .address {
  color: #1A1D20;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .contact-wrap .office-section .info-area .address {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .office-section .info-area .address {
    font-size: 20px;
  }
}
.contact-wrap .office-section .info-area .address {
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .contact-wrap .office-section .info-area .address {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .office-section .info-area .address {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrap .office-section .info-area .address {
    text-align-last: left;
    margin-bottom: 24px;
    width: 100%;
  }
}
.contact-wrap .office-section .info-area .contact-info, .contact-wrap .office-section .info-area .email {
  color: #50555B;
  font-weight: 500;
  gap: 3.2vw;
}
@media (min-width: 768px) {
  .contact-wrap .office-section .info-area .contact-info, .contact-wrap .office-section .info-area .email {
    gap: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .office-section .info-area .contact-info, .contact-wrap .office-section .info-area .email {
    gap: 12px;
  }
}
.contact-wrap .office-section .info-area .contact-info, .contact-wrap .office-section .info-area .email {
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .contact-wrap .office-section .info-area .contact-info, .contact-wrap .office-section .info-area .email {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .office-section .info-area .contact-info, .contact-wrap .office-section .info-area .email {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrap .office-section .info-area .contact-info, .contact-wrap .office-section .info-area .email {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .contact-wrap .office-section .info-area .contact-info, .contact-wrap .office-section .info-area .email {
    font-size: 20px;
  }
}
.contact-wrap .office-section .info-area .contact-info {
  display: flex;
  flex-direction: column;
  margin-bottom: 3.2vw;
}
@media (min-width: 768px) {
  .contact-wrap .office-section .info-area .contact-info {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .contact-wrap .office-section .info-area .contact-info {
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .contact-wrap .office-section .info-area .contact-info {
    flex-direction: row;
    margin-bottom: 0;
    margin-right: 18px;
  }
}

/* =========================================
   약관 및 개인정보처리방침 공통 SCSS (.terms-wrap)
========================================= */
.terms-wrap .section-title {
  color: #1C2E4A;
  font-weight: 600;
  text-align: center;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .terms-wrap .section-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .section-title {
    font-size: 24px;
  }
}
.terms-wrap .section-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .terms-wrap .section-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .section-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .terms-wrap .section-title {
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .terms-wrap .section-title {
    font-size: 32px;
  }
}
.terms-wrap .section-inner {
  width: 100%;
  margin: auto;
  background: #F3F4F5;
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .terms-wrap .section-inner {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .section-inner {
    border-radius: 20px;
  }
}
.terms-wrap .section-inner {
  max-width: 384vw;
}
@media (min-width: 768px) {
  .terms-wrap .section-inner {
    max-width: 90rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .section-inner {
    max-width: 1440px;
  }
}
.terms-wrap .section-inner {
  padding: 12.8vw 6.4vw;
}
@media (min-width: 768px) {
  .terms-wrap .section-inner {
    padding: 3rem 1.5rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .section-inner {
    padding: 48px 24px;
  }
}
@media screen and (min-width: 1200px) {
  .terms-wrap .section-inner {
    padding: 3.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .terms-wrap .section-inner {
    padding: 48px;
  }
}
.terms-wrap {
  /* 1. 상단 타이틀 영역 */
}
.terms-wrap .terms-header {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-header {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-header {
    margin-bottom: 32px;
  }
}
.terms-wrap .terms-header .title {
  font-weight: 600;
  color: #1A1D20;
  font-size: 5.8667vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-header .title {
    font-size: 1.375rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-header .title {
    font-size: 22px;
  }
}
.terms-wrap .terms-header .title {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-header .title {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-header .title {
    margin-bottom: 32px;
  }
}
.terms-wrap .terms-header .subtitle {
  font-weight: 500;
  color: #33383D;
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-header .subtitle {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-header .subtitle {
    margin-bottom: 32px;
  }
}
.terms-wrap .terms-header .subtitle {
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-header .subtitle {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-header .subtitle {
    font-size: 20px;
  }
}
.terms-wrap {
  /* 2. 본문 영역 */
}
.terms-wrap .terms-body {
  color: #50555B;
  line-height: 1.6;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body {
    font-size: 16px;
  }
}
.terms-wrap .terms-body .article-box {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body .article-box {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body .article-box {
    margin-bottom: 32px;
  }
}
.terms-wrap .terms-body .article-box:last-child {
  margin-bottom: 0;
}
.terms-wrap .terms-body .article-box .article-title {
  font-weight: 700;
  color: #1A1D20;
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body .article-box .article-title {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body .article-box .article-title {
    margin-bottom: 16px;
  }
}
.terms-wrap .terms-body .article-box .article-title {
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body .article-box .article-title {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body .article-box .article-title {
    font-size: 18px;
  }
}
.terms-wrap .terms-body .article-box .article-text {
  word-break: keep-all;
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body .article-box .article-text {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body .article-box .article-text {
    margin-bottom: 32px;
  }
}
.terms-wrap .terms-body .article-box .article-text strong {
  display: block;
  color: #33383D;
  font-weight: 700;
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body .article-box .article-text strong {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body .article-box .article-text strong {
    margin-bottom: 16px;
  }
}
.terms-wrap .terms-body {
  /* -------------------------------------
     3. 리스트 들여쓰기 최적화 (Hanging Indent)
  ------------------------------------- */
}
.terms-wrap .terms-body ol, .terms-wrap .terms-body ul {
  padding: 0;
  margin: 4.2667vw 0vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body ol, .terms-wrap .terms-body ul {
    margin: 1rem 0rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body ol, .terms-wrap .terms-body ul {
    margin: 16px 0px;
  }
}
.terms-wrap .terms-body li {
  word-break: keep-all;
  line-height: 1.6;
  margin-bottom: 3.2vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body li {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body li {
    margin-bottom: 12px;
  }
}
.terms-wrap .terms-body {
  /* [숫자 리스트] 1. 2. 3. */
}
.terms-wrap .terms-body ol.list-num {
  list-style-type: decimal;
  list-style-position: outside; /* 숫자 기호 바깥으로 빼기 */
  padding-left: 5.3333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body ol.list-num {
    padding-left: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body ol.list-num {
    padding-left: 20px;
  }
}
.terms-wrap .terms-body {
  /* [한글 자음 리스트] 가. 나. 다. */
}
.terms-wrap .terms-body ol.list-kor {
  list-style-type: hangul-consonant;
  list-style-position: outside;
  padding-left: 5.3333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body ol.list-kor {
    padding-left: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body ol.list-kor {
    padding-left: 20px;
  }
}
.terms-wrap .terms-body ol.list-kor {
  margin-bottom: 3.2vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body ol.list-kor {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body ol.list-kor {
    margin-bottom: 12px;
  }
}
.terms-wrap .terms-body {
  /* [원문자 리스트] ① ② ③ (HTML 하드코딩 + text-indent 트릭) */
}
.terms-wrap .terms-body ul.list-circle {
  list-style-type: none;
  padding-left: 5.3333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body ul.list-circle {
    padding-left: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body ul.list-circle {
    padding-left: 20px;
  }
}
.terms-wrap .terms-body ul.list-circle {
  margin-bottom: 3.2vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body ul.list-circle {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body ul.list-circle {
    margin-bottom: 12px;
  }
}
.terms-wrap .terms-body ul.list-circle li {
  text-indent: -18px; /* 기호 길이만큼 밖으로 빼기 */
  padding-left: 0;
  text-indent: -4.8vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body ul.list-circle li {
    text-indent: -1.125rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body ul.list-circle li {
    text-indent: -18px;
  }
}
.terms-wrap .terms-body {
  /* [대시 리스트] - (가상요소 사용) */
}
.terms-wrap .terms-body ul.list-dash {
  list-style-type: none;
  padding-left: 3.7333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body ul.list-dash {
    padding-left: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body ul.list-dash {
    padding-left: 14px;
  }
}
.terms-wrap .terms-body ul.list-dash {
  margin-bottom: 2.1333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body ul.list-dash {
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body ul.list-dash {
    margin-bottom: 8px;
  }
}
.terms-wrap .terms-body ul.list-dash li {
  position: relative;
}
.terms-wrap .terms-body ul.list-dash li::before {
  content: "-";
  position: absolute;
  top: 0;
  left: -3.7333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body ul.list-dash li::before {
    left: -0.875rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body ul.list-dash li::before {
    left: -14px;
  }
}
.terms-wrap .terms-body {
  /* -------------------------------------
     4. 테이블 (표) 디자인
  ------------------------------------- */
}
.terms-wrap .terms-body .table-wrap {
  width: 100%;
  overflow-x: auto; /* 화면 밖으로 넘치면 가로 스크롤 생성 */
  -webkit-overflow-scrolling: touch; /* 🌟 아이폰(iOS)에서 부드러운 관성 스크롤(드래그) 적용 */
  margin: 0 0 6.4vw 0;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body .table-wrap {
    margin: 0 0 1.5rem 0;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body .table-wrap {
    margin: 0 0 24px 0;
  }
}
.terms-wrap .terms-body .table-wrap .scroll-dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); /* 표 위에서 글씨가 잘 보이도록 어두운 배경 */
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .terms-wrap .terms-body .table-wrap .scroll-dim {
    display: none !important;
  }
}
.terms-wrap .terms-body .table-wrap .scroll-dim .dim-content {
  text-align: center;
  /* 텍스트 스타일 */
}
.terms-wrap .terms-body .table-wrap .scroll-dim .dim-content p {
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.5px;
  margin: 0 0 3.2vw 0;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body .table-wrap .scroll-dim .dim-content p {
    margin: 0 0 0.75rem 0;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body .table-wrap .scroll-dim .dim-content p {
    margin: 0 0 12px 0;
  }
}
.terms-wrap .terms-body .table-wrap .scroll-dim .dim-content p {
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body .table-wrap .scroll-dim .dim-content p {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body .table-wrap .scroll-dim .dim-content p {
    font-size: 18px;
  }
}
.terms-wrap .terms-body .table-wrap .scroll-dim .dim-content p {
  /* '좌우' 포인트 컬러 */
}
.terms-wrap .terms-body .table-wrap .scroll-dim .dim-content p .highlight {
  color: #832EDA;
}
.terms-wrap .terms-body .table-wrap .scroll-dim .dim-content {
  /* 양방향 화살표 아이콘 */
}
.terms-wrap .terms-body .table-wrap .scroll-dim .dim-content .swipe-icon {
  display: inline-block;
  color: #832EDA; /* SVG 화살표 색상 상속 */
  animation: swipeHint 1.5s infinite ease-in-out;
  width: 37.3333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body .table-wrap .scroll-dim .dim-content .swipe-icon {
    width: 8.75rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body .table-wrap .scroll-dim .dim-content .swipe-icon {
    width: 140px;
  }
}
.terms-wrap .terms-body .table-wrap .scroll-dim .dim-content .swipe-icon svg {
  width: 100%;
  height: auto;
  display: block;
}
.terms-wrap .terms-body .table-wrap {
  /* 스크롤바 커스텀 */
}
.terms-wrap .terms-body .table-wrap::-webkit-scrollbar {
  height: 6px;
}
.terms-wrap .terms-body .table-wrap::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.terms-wrap .terms-body .table-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
}
@keyframes swipeHint {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-8px);
  }
}
.terms-wrap .terms-body .terms-table {
  width: 100%;
  border-collapse: collapse;
  border-top: 2px solid #111;
  min-width: 173.3333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body .terms-table {
    min-width: 40.625rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body .terms-table {
    min-width: 650px;
  }
}
.terms-wrap .terms-body .terms-table th, .terms-wrap .terms-body .terms-table td {
  border: 1px solid #e5e5e5;
  line-height: 1.5;
  word-break: keep-all; /* 단어 단위로 줄바꿈되어 글자가 예쁘게 떨어짐 */
  vertical-align: middle;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body .terms-table th, .terms-wrap .terms-body .terms-table td {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body .terms-table th, .terms-wrap .terms-body .terms-table td {
    font-size: 16px;
  }
}
.terms-wrap .terms-body .terms-table {
  /* 생략되었던 th 스타일 (회색 배경, 중앙 정렬) */
}
.terms-wrap .terms-body .terms-table th {
  background-color: #f8f8f8;
  font-weight: 700;
  color: #333;
  text-align: center;
  padding: 3.2vw 3.7333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body .terms-table th {
    padding: 0.75rem 0.875rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body .terms-table th {
    padding: 12px 14px;
  }
}
.terms-wrap .terms-body .terms-table {
  /* 생략되었던 td 스타일 (글자색, 정렬) + 목차 링크 스타일 */
}
.terms-wrap .terms-body .terms-table td {
  color: #555;
  background: #ffffff;
  padding: 3.2vw 3.7333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body .terms-table td {
    padding: 0.75rem 0.875rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body .terms-table td {
    padding: 12px 14px;
  }
}
.terms-wrap .terms-body .terms-table td.center {
  text-align: center;
}
.terms-wrap .terms-body .terms-table td.left {
  text-align: left;
}
.terms-wrap .terms-body .terms-table td {
  /* 🌟 목차 앵커 링크 스타일 */
}
.terms-wrap .terms-body .terms-table td .anchor-link {
  display: block;
  color: inherit;
  text-decoration: none;
  transition: all 0.2s;
  margin: -3.2vw -3.7333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body .terms-table td .anchor-link {
    margin: -0.75rem -0.875rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body .terms-table td .anchor-link {
    margin: -12px -14px;
  }
}
.terms-wrap .terms-body .terms-table td .anchor-link {
  padding: 3.2vw 3.7333vw;
}
@media (min-width: 768px) {
  .terms-wrap .terms-body .terms-table td .anchor-link {
    padding: 0.75rem 0.875rem;
  }
}
@media (min-width: 1200px) {
  .terms-wrap .terms-body .terms-table td .anchor-link {
    padding: 12px 14px;
  }
}
.terms-wrap .terms-body .terms-table td .anchor-link:hover {
  background-color: #f8f8f8; /* 호버 시 옅은 회색 배경 */
  color: #832EDA; /* 포인트 컬러 */
  font-weight: 700;
}

/* =========================================
   [Sub] Vision & Mission 페이지 스타일
========================================= */
.sub-content.about {
  padding-left: 0;
  padding-right: 0;
}
.sub-content.pipeline {
  padding-right: 0;
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .inner {
    width: 100%;
    margin: auto;
    max-width: 100vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .inner {
    max-width: 1440px;
  }
}
.sub-content.pipeline .inner .pipeline-sec .pipeline-scroll-wrap {
  padding-right: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .inner .pipeline-sec .pipeline-scroll-wrap {
    padding-right: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .inner .pipeline-sec .pipeline-scroll-wrap {
    padding-right: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .inner .pipeline-sec .pipeline-scroll-wrap {
    padding-right: 0;
  }
}
.sub-content {
  /* 각 섹션별 공통 여백 설정 */
}
.sub-content .text-anmimation.about {
  padding-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .text-anmimation.about {
    padding-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .text-anmimation.about {
    padding-bottom: 32px;
  }
}
.sub-content .text-anmimation.about {
  margin-top: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .text-anmimation.about {
    margin-top: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .text-anmimation.about {
    margin-top: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .text-anmimation.about {
    padding-bottom: 3.3333vw;
    margin-top: 7.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .text-anmimation.about {
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .text-anmimation.about {
    margin-top: 112px;
  }
}
.sub-content .section-inner {
  width: 89.3333333333%;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .sub-content .section-inner {
    width: 100%;
    max-width: 100vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .section-inner {
    max-width: 1440px;
  }
}
.sub-content .section-inner.full {
  width: 100%;
  max-width: 100%;
}
.sub-content .section-inner .sec-title {
  color: #1A1D20;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .section-inner .sec-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .section-inner .sec-title {
    font-size: 24px;
  }
}
.sub-content .section-inner .sec-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .section-inner .sec-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .section-inner .sec-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .section-inner .sec-title {
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .section-inner .sec-title {
    font-size: 32px;
  }
}
.sub-content {
  /* -----------------------------------
     1. What We Create
  ----------------------------------- */
}
.sub-content .what-we-create {
  position: relative;
  text-align: center;
}
.sub-content .what-we-create .circle-container {
  position: relative;
  margin: 0 auto;
  max-width: 320vw;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .circle-container {
    max-width: 75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .circle-container {
    max-width: 1200px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .what-we-create .circle-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 69.7917vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .circle-container {
    height: 1005px;
  }
}
.sub-content .what-we-create {
  /* 중앙 코어 원형 */
}
.sub-content .what-we-create .center-circle {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 115.2vw;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .center-circle {
    height: 27rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .center-circle {
    height: 432px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .what-we-create .center-circle {
    height: 268vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 768px) {
  .sub-content .what-we-create .center-circle {
    height: 62.8125rem;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  .sub-content .what-we-create .center-circle {
    height: 1005px;
  }
}
.sub-content .what-we-create .center-circle h2 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  font-weight: 600;
  color: #1A1D20;
  z-index: 3;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .center-circle h2 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .center-circle h2 {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .what-we-create .center-circle h2 {
    font-size: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .center-circle h2 {
    font-size: 64px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .what-we-create .center-circle h2 span {
    font-size: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .center-circle h2 span {
    font-size: 64px;
  }
}
.sub-content .what-we-create .center-circle h2 span {
  color: #832EDA;
}
.sub-content .what-we-create .center-circle .circle_bg {
  position: absolute;
  left: 50%;
  top: 50%;
  fill: var(--Violet_Sub, #B06CFF);
  opacity: 0.24;
  filter: blur(60px);
  background: #B06CFF;
  z-index: 1;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 64vw;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .center-circle .circle_bg {
    width: 15rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .center-circle .circle_bg {
    width: 240px;
  }
}
.sub-content .what-we-create .center-circle .circle_bg {
  height: 64vw;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .center-circle .circle_bg {
    height: 15rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .center-circle .circle_bg {
    height: 240px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .what-we-create .center-circle .circle_bg {
    width: 25.1389vw;
    height: 25.1389vw;
    border-radius: 25.1389vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .center-circle .circle_bg {
    width: 362px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .center-circle .circle_bg {
    height: 362px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .center-circle .circle_bg {
    border-radius: 362px;
  }
}
.sub-content .what-we-create .center-circle .circle {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1.5px dashed #D3D5D8;
  width: 115.2vw;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .center-circle .circle {
    width: 27rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .center-circle .circle {
    width: 432px;
  }
}
.sub-content .what-we-create .center-circle .circle {
  height: 115.2vw;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .center-circle .circle {
    height: 27rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .center-circle .circle {
    height: 432px;
  }
}
.sub-content .what-we-create .center-circle .circle {
  border-radius: 115.2vw;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .center-circle .circle {
    border-radius: 27rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .center-circle .circle {
    border-radius: 432px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .what-we-create .center-circle .circle {
    width: 50vw;
    height: 50vw;
    border-radius: 50vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .center-circle .circle {
    width: 720px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .center-circle .circle {
    height: 720px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .center-circle .circle {
    border-radius: 720px;
  }
}
.sub-content .what-we-create .center-circle .circle:before, .sub-content .what-we-create .center-circle .circle:after {
  content: "";
  position: absolute;
  width: 72.2222222222%;
  height: 72.2222222222%;
  border-radius: 72.2222222222%;
  left: 50%;
  top: 50%;
  z-index: 3;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1.5px dashed #D3D5D8;
}
.sub-content .what-we-create .center-circle .circle:after {
  width: 44.4444444444%;
  height: 44.4444444444%;
  border-radius: 44.4444444444%;
}
.sub-content .what-we-create {
  /* 궤도 아이템들 */
}
.sub-content .what-we-create .orbit-items {
  position: relative;
  width: 80%;
  margin: auto;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .orbit-items {
    gap: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items {
    gap: 48px;
  }
}
.sub-content .what-we-create .orbit-items {
  margin: -13.3333vw auto 0 auto;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .orbit-items {
    margin: -3.125rem auto 0 auto;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items {
    margin: -50px auto 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    max-width: 78.4722vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .orbit-items {
    max-width: 1130px;
  }
}
.sub-content .what-we-create .orbit-items .item {
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items .item {
    position: absolute;
    width: 23.6111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .orbit-items .item {
    width: 340px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items .item.item-1 {
    top: 0;
    left: 11.1806vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .orbit-items .item.item-1 {
    left: 161px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items .item.item-2 {
    right: 0;
    top: 8.6806vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .orbit-items .item.item-2 {
    top: 125px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items .item.item-3 {
    bottom: 0;
    right: 11.25vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .orbit-items .item.item-3 {
    right: 162px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items .item.item-4 {
    left: 0;
    bottom: 8.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .orbit-items .item.item-4 {
    bottom: 120px;
  }
}
.sub-content .what-we-create .orbit-items .item .img-box {
  overflow: hidden;
  filter: drop-shadow(0 0 16px rgba(28, 46, 74, 0.2));
  width: 53.3333vw;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .orbit-items .item .img-box {
    width: 12.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items .item .img-box {
    width: 200px;
  }
}
.sub-content .what-we-create .orbit-items .item .img-box {
  height: 53.3333vw;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .orbit-items .item .img-box {
    height: 12.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items .item .img-box {
    height: 200px;
  }
}
.sub-content .what-we-create .orbit-items .item .img-box {
  border-radius: 53.3333vw;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .orbit-items .item .img-box {
    border-radius: 12.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items .item .img-box {
    border-radius: 200px;
  }
}
.sub-content .what-we-create .orbit-items .item .img-box {
  margin: 0vw auto 6.4vw auto;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .orbit-items .item .img-box {
    margin: 0rem auto 1.5rem auto;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items .item .img-box {
    margin: 0px auto 24px auto;
  }
}
.sub-content .what-we-create .orbit-items .item .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items .item .img-box {
    width: 19.4444vw;
    height: 19.4444vw;
    border-radius: 19.4444vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .orbit-items .item .img-box {
    width: 280px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .orbit-items .item .img-box {
    height: 280px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .orbit-items .item .img-box {
    border-radius: 280px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .orbit-items .item .img-box {
    margin-bottom: 24px;
  }
}
.sub-content .what-we-create .orbit-items .item .txt-box h4 {
  color: #1C2E4A;
  text-align: center;
  font-weight: 600;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .orbit-items .item .txt-box h4 {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items .item .txt-box h4 {
    font-size: 20px;
  }
}
.sub-content .what-we-create .orbit-items .item .txt-box h4 {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .orbit-items .item .txt-box h4 {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items .item .txt-box h4 {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items .item .txt-box h4 {
    font-size: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .orbit-items .item .txt-box h4 {
    font-size: 24px;
  }
}
.sub-content .what-we-create .orbit-items .item .txt-box p {
  color: #50555B;
  text-align: center;
  font-weight: 500;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .what-we-create .orbit-items .item .txt-box p {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items .item .txt-box p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .what-we-create .orbit-items .item .txt-box p {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .what-we-create .orbit-items .item .txt-box p {
    font-size: 18px;
  }
}
.sub-content {
  /* -----------------------------------
     2. Value Proposition (다크 테마 영역)
  ----------------------------------- */
}
.sub-content .value-proposition {
  background: url("/static/images/sub/bg_about_section2@m.jpg") no-repeat center center;
  background-size: cover;
  padding: 21.3333vw 0vw;
}
@media (min-width: 768px) {
  .sub-content .value-proposition {
    padding: 5rem 0rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .value-proposition {
    padding: 80px 0px;
  }
}
@media screen and (min-width: 768px) {
  .sub-content .value-proposition {
    background: url("/static/images/sub/bg_about_section2.jpg") no-repeat center center;
    background-size: cover;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .value-proposition {
    padding: 11.1111vw 0vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .value-proposition {
    padding: 160px 0px;
  }
}
@media screen and (min-width: 1920px) {
  .sub-content .value-proposition {
    background: url("/static/images/sub/bg_about_section2@2x.jpg") no-repeat center center;
    background-size: cover;
  }
}
.sub-content .value-proposition .sec-title {
  width: 89.3333333333%;
  margin: auto;
  color: #ffffff;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .value-proposition .sec-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .value-proposition .sec-title {
    font-size: 24px;
  }
}
.sub-content .value-proposition .sec-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .value-proposition .sec-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .value-proposition .sec-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .value-proposition .sec-title {
    width: 100%;
    max-width: 100vw;
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .value-proposition .sec-title {
    max-width: 1440px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .value-proposition .sec-title {
    font-size: 32px;
  }
}
.sub-content .value-proposition .value-list {
  width: 89.3333333333%;
  margin: auto;
  display: flex;
  flex-direction: column;
  margin: auto;
  gap: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .value-proposition .value-list {
    gap: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .value-proposition .value-list {
    gap: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .value-proposition .value-list {
    width: 100%;
    max-width: 100vw;
    gap: 11.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .value-proposition .value-list {
    max-width: 1440px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .value-proposition .value-list {
    gap: 160px;
  }
}
.sub-content .value-proposition .value-item {
  display: flex;
  flex-direction: column;
  gap: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .value-proposition .value-item {
    gap: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .value-proposition .value-item {
    gap: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .value-proposition .value-item {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 6.9444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .value-proposition .value-item {
    gap: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .value-proposition .value-item:nth-child(even) {
    flex-direction: row-reverse;
  }
}
.sub-content .value-proposition .value-item .img-area {
  overflow: hidden;
  aspect-ratio: 335/210;
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .value-proposition .value-item .img-area {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .value-proposition .value-item .img-area {
    border-radius: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .value-proposition .value-item .img-area {
    aspect-ratio: 640/400;
  }
}
.sub-content .value-proposition .value-item .img-area img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
@media screen and (min-width: 1200px) {
  .sub-content .value-proposition .value-item .txt-area {
    width: 48.6111111111%;
  }
}
.sub-content .value-proposition .value-item .txt-area .num {
  display: block;
  color: #B06CFF;
  font-weight: 600;
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .value-proposition .value-item .txt-area .num {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .value-proposition .value-item .txt-area .num {
    margin-bottom: 16px;
  }
}
.sub-content .value-proposition .value-item .txt-area .num {
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .value-proposition .value-item .txt-area .num {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .value-proposition .value-item .txt-area .num {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .value-proposition .value-item .txt-area .num {
    font-size: 1.25vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .value-proposition .value-item .txt-area .num {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .value-proposition .value-item .txt-area .num {
    margin-bottom: 24px;
  }
}
.sub-content .value-proposition .value-item .txt-area h4 {
  color: #ffffff;
  font-weight: 600;
  letter-spacing: -0.64px;
  font-size: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .value-proposition .value-item .txt-area h4 {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .value-proposition .value-item .txt-area h4 {
    font-size: 32px;
  }
}
.sub-content .value-proposition .value-item .txt-area h4 {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .value-proposition .value-item .txt-area h4 {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .value-proposition .value-item .txt-area h4 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .value-proposition .value-item .txt-area h4 {
    font-size: 3.3333vw;
    margin-bottom: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .value-proposition .value-item .txt-area h4 {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .value-proposition .value-item .txt-area h4 {
    margin-bottom: 64px;
  }
}
.sub-content .value-proposition .value-item .txt-area strong {
  display: block;
  color: #ffffff;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .value-proposition .value-item .txt-area strong {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .value-proposition .value-item .txt-area strong {
    font-size: 20px;
  }
}
.sub-content .value-proposition .value-item .txt-area strong {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .value-proposition .value-item .txt-area strong {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .value-proposition .value-item .txt-area strong {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .value-proposition .value-item .txt-area strong {
    font-size: 1.6667vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .value-proposition .value-item .txt-area strong {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .value-proposition .value-item .txt-area strong {
    margin-bottom: 24px;
  }
}
.sub-content .value-proposition .value-item .txt-area p {
  color: #D3D5D8;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .value-proposition .value-item .txt-area p {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .value-proposition .value-item .txt-area p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .value-proposition .value-item .txt-area p {
    width: 50%;
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .value-proposition .value-item .txt-area p {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .value-proposition .value-item:nth-child(even) {
    flex-direction: row-reverse;
  }
  .sub-content .value-proposition .value-item:nth-child(even) .txt-area .num, .sub-content .value-proposition .value-item:nth-child(even) .txt-area h4, .sub-content .value-proposition .value-item:nth-child(even) .txt-area strong, .sub-content .value-proposition .value-item:nth-child(even) .txt-area p {
    text-align: right;
  }
  .sub-content .value-proposition .value-item:nth-child(even) .txt-area p {
    margin-right: 0;
    margin-left: auto;
  }
}
.sub-content {
  /* -----------------------------------
     3. Culture
  ----------------------------------- */
}
.sub-content .culture-section {
  padding: 21.3333vw 0vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section {
    padding: 5rem 0rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section {
    padding: 80px 0px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .culture-section {
    padding: 11.1111vw 0vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .culture-section {
    padding: 160px 0px;
  }
}
.sub-content .culture-section .culture-icons {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: auto;
  gap: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-icons {
    gap: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-icons {
    gap: 24px;
  }
}
.sub-content .culture-section .culture-icons {
  width: 64vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-icons {
    width: 15rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-icons {
    width: 240px;
  }
}
.sub-content .culture-section .culture-icons:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;
  z-index: 1;
  background: #D3D5D8;
}
@media screen and (min-width: 1200px) {
  .sub-content .culture-section .culture-icons:before {
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .culture-section .culture-icons {
    flex-direction: row;
    justify-content: center;
    width: 72.2222vw;
    gap: 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .culture-section .culture-icons {
    width: 1040px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .culture-section .culture-icons {
    gap: 40px;
  }
}
.sub-content .culture-section .culture-icons li {
  position: relative;
  z-index: 2;
  border: 1px solid #D3D5D8;
  background: #fff;
  flex-flow: wrap;
  align-content: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-icons li {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-icons li {
    gap: 8px;
  }
}
.sub-content .culture-section .culture-icons li {
  padding: 1.7361vw 0vw;
}
@media screen and (min-width: 1440px) {
  .sub-content .culture-section .culture-icons li {
    padding: 25px 0px;
  }
}
.sub-content .culture-section .culture-icons li {
  height: 32vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-icons li {
    height: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-icons li {
    height: 120px;
  }
}
.sub-content .culture-section .culture-icons li {
  border-radius: 32vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-icons li {
    border-radius: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-icons li {
    border-radius: 120px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .culture-section .culture-icons li {
    padding: 2.7778vw 0vw;
    width: 22.2222vw;
    height: 11.1111vw;
    border-radius: 11.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .culture-section .culture-icons li {
    padding: 40px 0px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .culture-section .culture-icons li {
    width: 320px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .culture-section .culture-icons li {
    height: 160px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .culture-section .culture-icons li {
    border-radius: 160px;
  }
}
.sub-content .culture-section .culture-icons li .icon {
  width: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-icons li .icon {
    width: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-icons li .icon {
    width: 48px;
  }
}
.sub-content .culture-section .culture-icons li .icon {
  height: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-icons li .icon {
    height: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-icons li .icon {
    height: 48px;
  }
}
.sub-content .culture-section .culture-icons li .icon img {
  width: 100%;
  display: block;
}
.sub-content .culture-section .culture-icons li span {
  display: block;
  width: 100%;
  color: #1C2E4A;
  text-align: center;
  font-weight: 500;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-icons li span {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-icons li span {
    font-size: 20px;
  }
}
.sub-content .culture-section .culture-msg {
  position: relative;
  padding-top: 32vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-msg {
    padding-top: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-msg {
    padding-top: 120px;
  }
}
.sub-content .culture-section .culture-msg {
  /* 중앙 상단 보라색 닷(Dot) 아이콘 */
}
.sub-content .culture-section .culture-msg::before {
  content: "";
  position: absolute;
  z-index: 3;
  background: #832EDA;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 29.6vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-msg::before {
    top: 6.9375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-msg::before {
    top: 111px;
  }
}
.sub-content .culture-section .culture-msg::before {
  width: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-msg::before {
    width: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-msg::before {
    width: 18px;
  }
}
.sub-content .culture-section .culture-msg::before {
  height: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-msg::before {
    height: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-msg::before {
    height: 18px;
  }
}
.sub-content .culture-section .culture-msg::before {
  border-radius: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-msg::before {
    border-radius: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-msg::before {
    border-radius: 18px;
  }
}
.sub-content .culture-section .culture-msg::after {
  content: "";
  position: absolute;
  z-index: 2;
  background: rgba(131, 46, 218, 0.3);
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 27.7333vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-msg::after {
    top: 6.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-msg::after {
    top: 104px;
  }
}
.sub-content .culture-section .culture-msg::after {
  width: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-msg::after {
    width: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-msg::after {
    width: 32px;
  }
}
.sub-content .culture-section .culture-msg::after {
  height: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-msg::after {
    height: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-msg::after {
    height: 32px;
  }
}
.sub-content .culture-section .culture-msg::after {
  border-radius: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-msg::after {
    border-radius: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-msg::after {
    border-radius: 32px;
  }
}
.sub-content .culture-section .culture-msg .line {
  position: absolute;
  width: 10px;
  top: 0;
  left: 50%;
  z-index: 1;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("/static/images/sub/line.png") no-repeat center top;
  background-size: contain;
  height: 32vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-msg .line {
    height: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-msg .line {
    height: 120px;
  }
}
.sub-content .culture-section .culture-msg .inner {
  background: #F3F4F5;
  text-align: center;
  border: 1px solid #D3D5D8;
  padding: 14.9333vw 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-msg .inner {
    padding: 3.5rem 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-msg .inner {
    padding: 56px 24px;
  }
}
.sub-content .culture-section .culture-msg .inner {
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-msg .inner {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-msg .inner {
    border-radius: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .culture-section .culture-msg .inner {
    padding: 4.4444vw 0vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .culture-section .culture-msg .inner {
    padding: 64px 0px;
  }
}
.sub-content .culture-section .culture-msg .msg-title {
  color: #1A1D20;
  text-align: center;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-msg .msg-title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-msg .msg-title {
    font-size: 20px;
  }
}
.sub-content .culture-section .culture-msg .msg-title {
  margin-bottom: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-msg .msg-title {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-msg .msg-title {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .culture-section .culture-msg .msg-title {
    font-size: 2.2222vw;
    margin-bottom: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .culture-section .culture-msg .msg-title {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .culture-section .culture-msg .msg-title {
    margin-bottom: 32px;
  }
}
.sub-content .culture-section .culture-msg .msg-title .highlight {
  color: #832EDA;
}
.sub-content .culture-section .culture-msg .msg-desc {
  color: #50555B;
  text-align: center;
  font-weight: 500;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .culture-section .culture-msg .msg-desc {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .culture-section .culture-msg .msg-desc {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .culture-section .culture-msg .msg-desc {
    width: 62.5vw;
    margin: auto;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .culture-section .culture-msg .msg-desc {
    width: 900px;
  }
}
.sub-content {
  /* -----------------------------------
     4. People Statement
  ----------------------------------- */
}
.sub-content .people-statement .statement-banner {
  position: relative;
  overflow: hidden;
  background: url("/static/images/sub/img_about_section4_img@m.jpg") no-repeat center center;
  background-size: cover;
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .people-statement .statement-banner {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .people-statement .statement-banner {
    border-radius: 20px;
  }
}
.sub-content .people-statement .statement-banner {
  padding: 21.3333vw 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .people-statement .statement-banner {
    padding: 5rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .people-statement .statement-banner {
    padding: 80px 20px;
  }
}
.sub-content .people-statement .statement-banner {
  height: 130.9333vw;
}
@media (min-width: 768px) {
  .sub-content .people-statement .statement-banner {
    height: 30.6875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .people-statement .statement-banner {
    height: 491px;
  }
}
@media screen and (min-width: 768px) {
  .sub-content .people-statement .statement-banner {
    background-position: center bottom;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .people-statement .statement-banner {
    background: url("/static/images/sub/img_about_section4_img.jpg") no-repeat center center;
    background-size: cover;
    padding: 34.1333vw 21.3333vw;
    height: 27.9861vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 768px) {
  .sub-content .people-statement .statement-banner {
    padding: 8rem 5rem;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  .sub-content .people-statement .statement-banner {
    padding: 128px 80px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .people-statement .statement-banner {
    height: 403px;
  }
}
.sub-content .people-statement .statement-banner .txt-wrap h4 {
  color: #ffffff;
  font-weight: 700;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .people-statement .statement-banner .txt-wrap h4 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .people-statement .statement-banner .txt-wrap h4 {
    font-size: 24px;
  }
}
.sub-content .people-statement .statement-banner .txt-wrap h4 {
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .people-statement .statement-banner .txt-wrap h4 {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .people-statement .statement-banner .txt-wrap h4 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .people-statement .statement-banner .txt-wrap h4 {
    font-size: 2.2222vw;
    margin-bottom: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .people-statement .statement-banner .txt-wrap h4 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .people-statement .statement-banner .txt-wrap h4 {
    margin-bottom: 32px;
  }
}
.sub-content .people-statement .statement-banner .txt-wrap p {
  color: #D3D5D8;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .people-statement .statement-banner .txt-wrap p {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .people-statement .statement-banner .txt-wrap p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .people-statement .statement-banner .txt-wrap p {
    font-size: 1.3889vw;
    width: 45.1389vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .people-statement .statement-banner .txt-wrap p {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .people-statement .statement-banner .txt-wrap p {
    width: 650px;
  }
}
.sub-content {
  /* =========================================
  [Sub] Achievements > Overview
  ========================================= */
}
.sub-content .achieve-sec {
  position: relative;
  padding: 21.3333vw 0vw;
}
@media (min-width: 768px) {
  .sub-content .achieve-sec {
    padding: 5rem 0rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .achieve-sec {
    padding: 80px 0px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .achieve-sec {
    padding: 160px 0;
  }
}
.sub-content .achieve-sec .sec-title {
  color: #1A1D20;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .achieve-sec .sec-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .achieve-sec .sec-title {
    font-size: 24px;
  }
}
.sub-content .achieve-sec .sec-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .achieve-sec .sec-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .achieve-sec .sec-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .achieve-sec .sec-title {
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .achieve-sec .sec-title {
    font-size: 32px;
  }
}
.sub-content .achieve-sec .btn-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .achieve-sec .btn-wrap {
    margin-top: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .achieve-sec .btn-wrap {
    margin-top: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .achieve-sec .btn-wrap {
    margin-top: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .achieve-sec .btn-wrap {
    margin-top: 64px;
  }
}
.sub-content .achieve-sec .btn-wrap .type-dark {
  color: #ffffff;
  font-weight: 600;
  background: #1A1D20;
  margin: auto;
  text-transform: uppercase;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .sub-content .achieve-sec .btn-wrap .type-dark {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .achieve-sec .btn-wrap .type-dark {
    font-size: 14px;
  }
}
.sub-content .achieve-sec .btn-wrap .type-dark {
  padding: 0vw 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .achieve-sec .btn-wrap .type-dark {
    padding: 0rem 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .achieve-sec .btn-wrap .type-dark {
    padding: 0px 40px;
  }
}
.sub-content .achieve-sec .btn-wrap .type-dark {
  height: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .achieve-sec .btn-wrap .type-dark {
    height: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .achieve-sec .btn-wrap .type-dark {
    height: 48px;
  }
}
.sub-content .achieve-sec .btn-wrap .type-dark {
  border-radius: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .achieve-sec .btn-wrap .type-dark {
    border-radius: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .achieve-sec .btn-wrap .type-dark {
    border-radius: 48px;
  }
}
.sub-content .achieve-sec .btn-wrap .type-dark:hover {
  background: #832EDA;
}
.sub-content {
  /* -----------------------------------
  1. Publications
  ----------------------------------- */
}
.sub-content .publications-sec {
  width: 100%;
  padding-top: 0;
  background: linear-gradient(180deg, rgba(243, 244, 245, 0) 0%, #F3F4F5 100%);
}
.sub-content .publications-sec .inner {
  width: 89.3333333333%;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .sub-content .publications-sec .inner {
    max-width: 100vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .publications-sec .inner {
    max-width: 1440px;
  }
}
.sub-content .publications-sec .inner .pub-slider-wrap {
  position: relative;
}
@media screen and (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-slider-wrap {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .sub-content .publications-sec .inner .pub-slider-wrap {
    width: calc(100% + (100vw - 1440px) / 2);
  }
}
.sub-content .publications-sec .inner .pub-swiper {
  overflow: hidden; /* 우측 끝까지 영역이 늘어났으므로 삐져나갈 필요 없이 깔끔하게 자름 */
}
@media screen and (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-swiper .swiper-slide {
    width: 100vw !important;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .publications-sec .inner .pub-swiper .swiper-slide {
    width: 1440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 6.9444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .publications-sec .inner .pub-card {
    gap: 100px;
  }
}
.sub-content .publications-sec .inner .pub-card .img-area {
  flex-shrink: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #D3D5D8;
  aspect-ratio: 101/60;
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .pub-card .img-area {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card .img-area {
    margin-bottom: 32px;
  }
}
.sub-content .publications-sec .inner .pub-card .img-area {
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .pub-card .img-area {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card .img-area {
    border-radius: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card .img-area {
    aspect-ratio: 592/350;
    border-radius: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .publications-sec .inner .pub-card .img-area {
    border-radius: 24px;
  }
}
.sub-content .publications-sec .inner .pub-card .img-area img {
  width: 100%;
  display: block;
}
.sub-content .publications-sec .inner .pub-card .txt-area {
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .pub-card .txt-area {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card .txt-area {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card .txt-area {
    flex: 1;
    margin-top: 3.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .publications-sec .inner .pub-card .txt-area {
    margin-top: 48px;
  }
}
.sub-content .publications-sec .inner .pub-card .txt-area .title {
  color: #1A1D20;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .title {
    font-size: 20px;
  }
}
.sub-content .publications-sec .inner .pub-card .txt-area .title {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .title {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .title {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .title {
    font-size: 1.6667vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .title {
    margin-bottom: 24px;
  }
}
.sub-content .publications-sec .inner .pub-card .txt-area {
  /* (기존 tags, desc 스타일 동일) */
}
.sub-content .publications-sec .inner .pub-card .txt-area .tags {
  flex-flow: wrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .tags {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .tags {
    gap: 8px;
  }
}
.sub-content .publications-sec .inner .pub-card .txt-area .tags {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .tags {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .tags {
    margin-bottom: 32px;
  }
}
.sub-content .publications-sec .inner .pub-card .txt-area .tags .tag {
  font-weight: 600;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6.9333vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .tags .tag {
    border-radius: 1.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .tags .tag {
    border-radius: 26px;
  }
}
.sub-content .publications-sec .inner .pub-card .txt-area .tags .tag {
  height: 6.9333vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .tags .tag {
    height: 1.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .tags .tag {
    height: 26px;
  }
}
.sub-content .publications-sec .inner .pub-card .txt-area .tags .tag {
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .tags .tag {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .tags .tag {
    font-size: 14px;
  }
}
.sub-content .publications-sec .inner .pub-card .txt-area .tags .tag {
  padding: 0vw 3.2vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .tags .tag {
    padding: 0rem 0.75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .tags .tag {
    padding: 0px 12px;
  }
}
.sub-content .publications-sec .inner .pub-card .txt-area .tags .tag.def {
  color: #1C2E4A;
  border: 1px solid #1C2E4A;
}
.sub-content .publications-sec .inner .pub-card .txt-area .tags .tag.point {
  color: #832EDA;
  border: 1px solid #832EDA;
}
.sub-content .publications-sec .inner .pub-card .txt-area .desc {
  width: 70%;
  color: #50555B;
  font-weight: 400;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .pub-card .txt-area .desc {
    font-size: 18px;
  }
}
.sub-content .publications-sec .inner {
  /* 컨트롤러 위치 조정 */
}
.sub-content .publications-sec .inner .controller-row {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row {
    height: 24px;
  }
}
.sub-content .publications-sec .inner .controller-row {
  width: 48vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row {
    width: 11.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row {
    width: 180px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row {
    margin: auto;
  }
}
@media screen and (min-width: 1440px) {
  .sub-content .publications-sec .inner .controller-row {
    position: absolute;
    left: 694px;
    top: 270px;
  }
}
@media screen and (min-width: 1440px) {
  html[lang=en] .sub-content .publications-sec .inner .controller-row {
    position: relative;
    left: unset;
    top: unset;
    margin-left: 0;
    margin-right: auto;
  }
}
.sub-content .publications-sec .inner .controller-row .swiper-progress {
  height: 2px;
  background: rgba(211, 213, 216, 0.4);
  width: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row .swiper-progress {
    width: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .swiper-progress {
    width: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .swiper-progress {
    display: block;
  }
}
.sub-content .publications-sec .inner .controller-row .swiper-progress .progress-bar {
  height: 100%;
  background: #1C2E4A;
}
.sub-content .publications-sec .inner .controller-row .pagination-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap {
    height: 24px;
  }
}
.sub-content .publications-sec .inner .controller-row .pagination-wrap {
  width: 48vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap {
    width: 11.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap {
    width: 180px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap {
    width: 100%;
  }
}
.sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left, .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-right {
  position: absolute;
  top: 0;
  width: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left, .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-right {
    width: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left, .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-right {
    width: 24px;
  }
}
.sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left, .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-right {
  height: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left, .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-right {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left, .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-right {
    height: 24px;
  }
}
.sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left button, .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-right button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left button, .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-right button {
    width: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left button, .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-right button {
    width: 24px;
  }
}
.sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left button, .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-right button {
  height: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left button, .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-right button {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left button, .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-right button {
    height: 24px;
  }
}
.sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left button .icon-svg, .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-right button .icon-svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  color: #1C2E4A;
}
.sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left button:hover .icon-svg, .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-right button:hover .icon-svg {
  opacity: 1;
}
.sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-right {
  right: 0;
}
.sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left {
  left: 0;
}
.sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination-left button .icon-svg {
  transform: rotate(90deg);
}
.sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination {
  position: relative;
  margin-left: 0;
  bottom: unset;
  left: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 26.6667vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination {
    width: 6.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination {
    width: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination {
    width: 22.4vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination {
    width: 5.25rem;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination {
    width: 84px;
  }
}
.sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination span {
  color: #1C2E4A;
  font-weight: 400;
  font-size: var(--text-xl);
}
.sub-content .publications-sec .inner .controller-row .pagination-wrap .swiper-pagination span.swiper-pagination-current {
  color: #B06CFF;
}
.sub-content .publications-sec .inner .controller-row .controller {
  display: none;
}
.sub-content .publications-sec .inner .controller-row .controller .btn-swiper {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row .controller .btn-swiper {
    width: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .controller .btn-swiper {
    width: 120px;
  }
}
.sub-content .publications-sec .inner .controller-row .controller .btn-swiper {
  height: 32vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row .controller .btn-swiper {
    height: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .controller .btn-swiper {
    height: 120px;
  }
}
.sub-content .publications-sec .inner .controller-row .controller .btn-swiper {
  border-radius: 32vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row .controller .btn-swiper {
    border-radius: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .controller .btn-swiper {
    border-radius: 120px;
  }
}
.sub-content .publications-sec .inner .controller-row .controller .btn-swiper:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
  z-index: -1;
  background: #1C2E4A;
  transition: all 0.3s ease;
}
.sub-content .publications-sec .inner .controller-row .controller .btn-swiper .icon-svg {
  color: #1C2E4A;
  transition: all 0.3s ease;
  width: 8vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row .controller .btn-swiper .icon-svg {
    width: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .controller .btn-swiper .icon-svg {
    width: 30px;
  }
}
.sub-content .publications-sec .inner .controller-row .controller .btn-swiper .icon-svg {
  height: 8vw;
}
@media (min-width: 768px) {
  .sub-content .publications-sec .inner .controller-row .controller .btn-swiper .icon-svg {
    height: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .publications-sec .inner .controller-row .controller .btn-swiper .icon-svg {
    height: 30px;
  }
}
.sub-content .publications-sec .inner .controller-row .controller .btn-swiper:hover:before {
  opacity: 1;
}
.sub-content .publications-sec .inner .controller-row .controller .btn-swiper:hover .icon-svg {
  color: #832EDA;
}
.sub-content .publications-sec .inner .controller-row .controller .btn-swiper-play {
  display: none;
}
.sub-content .publications-sec .inner .controller-row .controller.is-paused .btn-swiper-pause {
  display: none;
}
.sub-content .publications-sec .inner .controller-row .controller.is-paused .btn-swiper-play {
  display: flex;
}
.sub-content {
  /* -----------------------------------
  워터마크 (STEMEXONE STEMEX)
  ----------------------------------- */
}
.sub-content .bg-watermark {
  text-align: center;
  font-size: 12vw;
  font-weight: 900;
  color: #f7f7f7;
  white-space: nowrap;
  overflow: hidden;
  margin: -40px 0;
  pointer-events: none;
  user-select: none;
}
.sub-content {
  /* -----------------------------------
  2&3. Patents & Research Grants (공통 그리드 레이아웃)
  ----------------------------------- */
}
.sub-content .patents-sec, .sub-content .grants-sec {
  width: 89.3333333333%;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .patents-sec, .sub-content .grants-sec {
    gap: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .patents-sec, .sub-content .grants-sec {
    gap: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .patents-sec, .sub-content .grants-sec {
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 100vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .patents-sec, .sub-content .grants-sec {
    max-width: 1440px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .patents-sec.reverse, .sub-content .grants-sec.reverse {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .patents-sec .info-area, .sub-content .grants-sec .info-area {
    width: 31.25vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .patents-sec .info-area, .sub-content .grants-sec .info-area {
    width: 450px;
  }
}
.sub-content .patents-sec .info-area .desc, .sub-content .grants-sec .info-area .desc {
  color: #33383D;
  font-weight: 500;
  line-height: 150%; /* 27px */
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .patents-sec .info-area .desc, .sub-content .grants-sec .info-area .desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .patents-sec .info-area .desc, .sub-content .grants-sec .info-area .desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .patents-sec .info-area .desc, .sub-content .grants-sec .info-area .desc {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .patents-sec .info-area .desc, .sub-content .grants-sec .info-area .desc {
    font-size: 20px;
  }
}
.sub-content .patents-sec .info-area .btn-wrap, .sub-content .grants-sec .info-area .btn-wrap {
  display: block;
}
.sub-content .patents-sec .grid-area, .sub-content .grants-sec .grid-area {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
@media screen and (min-width: 1200px) {
  .sub-content .patents-sec .grid-area, .sub-content .grants-sec .grid-area {
    width: 60%;
    gap: 5.5556vw 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .patents-sec .grid-area, .sub-content .grants-sec .grid-area {
    gap: 80px 64px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .patents-sec .grid-area .card-item:nth-child(even), .sub-content .grants-sec .grid-area .card-item:nth-child(even) {
    transform: translateY(160px);
  }
}
.sub-content .patents-sec .card-item, .sub-content .grants-sec .card-item {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  /* 이전에 알려드린 종횡비(정사각형 비율) 적용 */
  aspect-ratio: 1/1;
  border-radius: 2.1333vw;
}
@media (min-width: 768px) {
  .sub-content .patents-sec .card-item, .sub-content .grants-sec .card-item {
    border-radius: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .patents-sec .card-item, .sub-content .grants-sec .card-item {
    border-radius: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .patents-sec .card-item, .sub-content .grants-sec .card-item {
    border-radius: 1.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .patents-sec .card-item, .sub-content .grants-sec .card-item {
    border-radius: 16px;
  }
}
.sub-content .patents-sec .card-item .img-wrap, .sub-content .grants-sec .card-item .img-wrap {
  aspect-ratio: 164/164;
}
.sub-content .patents-sec .card-item .img-wrap img, .sub-content .grants-sec .card-item .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.sub-content .patents-sec .card-item .overlay-info, .sub-content .grants-sec .card-item .overlay-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  flex-flow: wrap;
  align-content: flex-end;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 0vw 2.1333vw 2.6667vw 2.1333vw;
}
@media (min-width: 768px) {
  .sub-content .patents-sec .card-item .overlay-info, .sub-content .grants-sec .card-item .overlay-info {
    padding: 0rem 0.5rem 0.625rem 0.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .patents-sec .card-item .overlay-info, .sub-content .grants-sec .card-item .overlay-info {
    padding: 0px 8px 10px 8px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .patents-sec .card-item .overlay-info, .sub-content .grants-sec .card-item .overlay-info {
    padding: 0vw 2.2222vw 1.8056vw 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .patents-sec .card-item .overlay-info, .sub-content .grants-sec .card-item .overlay-info {
    padding: 0px 32px 26px 32px;
  }
}
.sub-content .patents-sec .card-item .overlay-info:before, .sub-content .grants-sec .card-item .overlay-info:before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(26, 29, 32, 0) 0%, rgba(26, 29, 32, 0.6) 50%, rgba(26, 29, 32, 0.8) 100%);
  height: 24vw;
}
@media (min-width: 768px) {
  .sub-content .patents-sec .card-item .overlay-info:before, .sub-content .grants-sec .card-item .overlay-info:before {
    height: 5.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .patents-sec .card-item .overlay-info:before, .sub-content .grants-sec .card-item .overlay-info:before {
    height: 90px;
  }
}
.sub-content .patents-sec .card-item .overlay-info .flags, .sub-content .grants-sec .card-item .overlay-info .flags {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.0667vw;
}
@media (min-width: 768px) {
  .sub-content .patents-sec .card-item .overlay-info .flags, .sub-content .grants-sec .card-item .overlay-info .flags {
    gap: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .patents-sec .card-item .overlay-info .flags, .sub-content .grants-sec .card-item .overlay-info .flags {
    gap: 4px;
  }
}
.sub-content .patents-sec .card-item .overlay-info .flags, .sub-content .grants-sec .card-item .overlay-info .flags {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .patents-sec .card-item .overlay-info .flags, .sub-content .grants-sec .card-item .overlay-info .flags {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .patents-sec .card-item .overlay-info .flags, .sub-content .grants-sec .card-item .overlay-info .flags {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .patents-sec .card-item .overlay-info .flags, .sub-content .grants-sec .card-item .overlay-info .flags {
    margin-bottom: 1.6667vw;
    gap: 0.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .patents-sec .card-item .overlay-info .flags, .sub-content .grants-sec .card-item .overlay-info .flags {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .patents-sec .card-item .overlay-info .flags, .sub-content .grants-sec .card-item .overlay-info .flags {
    gap: 8px;
  }
}
.sub-content .patents-sec .card-item .overlay-info .flags img, .sub-content .grants-sec .card-item .overlay-info .flags img {
  aspect-ratio: 4/3;
  width: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .patents-sec .card-item .overlay-info .flags img, .sub-content .grants-sec .card-item .overlay-info .flags img {
    width: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .patents-sec .card-item .overlay-info .flags img, .sub-content .grants-sec .card-item .overlay-info .flags img {
    width: 20px;
  }
}
.sub-content .patents-sec .card-item .overlay-info .flags img, .sub-content .grants-sec .card-item .overlay-info .flags img {
  height: 4vw;
}
@media (min-width: 768px) {
  .sub-content .patents-sec .card-item .overlay-info .flags img, .sub-content .grants-sec .card-item .overlay-info .flags img {
    height: 0.9375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .patents-sec .card-item .overlay-info .flags img, .sub-content .grants-sec .card-item .overlay-info .flags img {
    height: 15px;
  }
}
.sub-content .patents-sec .card-item .overlay-info .flags img, .sub-content .grants-sec .card-item .overlay-info .flags img {
  border-radius: 1.0667vw;
}
@media (min-width: 768px) {
  .sub-content .patents-sec .card-item .overlay-info .flags img, .sub-content .grants-sec .card-item .overlay-info .flags img {
    border-radius: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .patents-sec .card-item .overlay-info .flags img, .sub-content .grants-sec .card-item .overlay-info .flags img {
    border-radius: 4px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .patents-sec .card-item .overlay-info .flags img, .sub-content .grants-sec .card-item .overlay-info .flags img {
    width: 2.5vw;
    height: 1.875vw;
    border-radius: 0.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .patents-sec .card-item .overlay-info .flags img, .sub-content .grants-sec .card-item .overlay-info .flags img {
    width: 36px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .patents-sec .card-item .overlay-info .flags img, .sub-content .grants-sec .card-item .overlay-info .flags img {
    height: 27px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .patents-sec .card-item .overlay-info .flags img, .sub-content .grants-sec .card-item .overlay-info .flags img {
    border-radius: 8px;
  }
}
.sub-content .patents-sec .card-item .overlay-info p, .sub-content .grants-sec .card-item .overlay-info p {
  position: relative;
  width: 100%;
  z-index: 3;
  overflow: hidden;
  color: #ffffff;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .patents-sec .card-item .overlay-info p, .sub-content .grants-sec .card-item .overlay-info p {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .patents-sec .card-item .overlay-info p, .sub-content .grants-sec .card-item .overlay-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .patents-sec .card-item .overlay-info p, .sub-content .grants-sec .card-item .overlay-info p {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .patents-sec .card-item .overlay-info p, .sub-content .grants-sec .card-item .overlay-info p {
    font-size: 20px;
  }
}
.sub-content .patents-sec + .text-anmimation {
  padding-top: 0;
}
@media screen and (min-width: 1200px) {
  .sub-content .grants-sec {
    padding-top: 16.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .grants-sec {
    padding-top: 240px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .grants-sec .btn-wrap, .sub-content .grants-sec .info-area h3, .sub-content .grants-sec .info-area .desc {
    text-align: right;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .grants-sec .grid-area .card-item:nth-child(even) {
    transform: translateY(-80px);
  }
  .sub-content .grants-sec .grid-area .card-item:nth-child(odd) {
    transform: translateY(80px);
  }
}
.sub-content .grants-sec .card-item .overlay-info strong {
  color: #ffffff;
  font-weight: 600;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .grants-sec .card-item .overlay-info strong {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .grants-sec .card-item .overlay-info strong {
    font-size: 18px;
  }
}
.sub-content .grants-sec .card-item .overlay-info strong {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .grants-sec .card-item .overlay-info strong {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .grants-sec .card-item .overlay-info strong {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .grants-sec .card-item .overlay-info strong {
    font-size: 1.3889vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .grants-sec .card-item .overlay-info strong {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .grants-sec .card-item .overlay-info strong {
    margin-bottom: 24px;
  }
}
.sub-content .grants-sec .card-item .overlay-info p {
  position: relative;
  width: 100%;
  z-index: 3;
  overflow: hidden;
  color: #ffffff;
  font-weight: 500;
  display: -webkit-box;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .grants-sec .card-item .overlay-info p {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .grants-sec .card-item .overlay-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .grants-sec .card-item .overlay-info p {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .grants-sec .card-item .overlay-info p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .patents-sec {
    padding-bottom: 22.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .patents-sec {
    padding-bottom: 320px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .patents-sec .info-area {
    padding-top: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .patents-sec .info-area {
    padding-top: 80px;
  }
}
.sub-content {
  /* =========================================
  [Sub] Pipeline 페이지 스타일
  ========================================= */
}
.sub-content .pipeline-sec .pipeline-scroll-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-scroll-wrap {
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-scroll-wrap {
    padding-bottom: 30px;
  }
}
.sub-content .pipeline-sec .pipeline-scroll-wrap::-webkit-scrollbar {
  height: 8px;
}
.sub-content .pipeline-sec .pipeline-scroll-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.sub-content .pipeline-sec .pipeline-scroll-wrap::-webkit-scrollbar-thumb {
  background: #2b3a55;
  border-radius: 4px;
}
.sub-content .pipeline-sec .pipeline-inner {
  position: relative;
  padding-top: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-inner {
    padding-top: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-inner {
    padding-top: 40px;
  }
}
.sub-content .pipeline-sec .pipeline-inner {
  min-width: 320vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-inner {
    min-width: 75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-inner {
    min-width: 1200px;
  }
}
.sub-content .pipeline-sec .timeline-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 340px);
  --tbh: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .timeline-bg {
    --tbh: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .timeline-bg {
    --tbh: 40px;
  }
}
.sub-content .pipeline-sec .timeline-bg {
  height: 100%;
}
html[lang=en] .sub-content .pipeline-sec .timeline-bg {
  width: calc(100% - 439px);
}
.sub-content .pipeline-sec .timeline-bg .arrow-line {
  position: absolute;
  left: 0;
  height: 0px;
  right: 1.0667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .timeline-bg .arrow-line {
    right: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .timeline-bg .arrow-line {
    right: 4px;
  }
}
.sub-content .pipeline-sec .timeline-bg .arrow-line {
  top: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .timeline-bg .arrow-line {
    top: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .timeline-bg .arrow-line {
    top: 40px;
  }
}
.sub-content .pipeline-sec .timeline-bg .arrow-line::after {
  content: "";
  position: absolute;
  right: 0px;
  border-top: 2px solid #8d8d8d;
  border-right: 2px solid #8d8d8d;
  transform: rotate(45deg);
  top: -2.1333vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .timeline-bg .arrow-line::after {
    top: -0.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .timeline-bg .arrow-line::after {
    top: -8px;
  }
}
.sub-content .pipeline-sec .timeline-bg .arrow-line::after {
  height: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .timeline-bg .arrow-line::after {
    height: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .timeline-bg .arrow-line::after {
    height: 16px;
  }
}
.sub-content .pipeline-sec .timeline-bg .arrow-line::after {
  width: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .timeline-bg .arrow-line::after {
    width: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .timeline-bg .arrow-line::after {
    width: 16px;
  }
}
.sub-content .pipeline-sec .timeline-bg .line {
  position: absolute;
  bottom: 0;
  width: 1px;
  background: #bebebe;
  top: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .timeline-bg .line {
    top: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .timeline-bg .line {
    top: 40px;
  }
}
.sub-content .pipeline-sec .timeline-bg .line .year-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  color: #111;
  white-space: nowrap;
  height: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .timeline-bg .line .year-text {
    height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .timeline-bg .line .year-text {
    height: 40px;
  }
}
.sub-content .pipeline-sec .timeline-bg .line .year-text {
  display: flex;
  justify-content: center;
  align-items: center;
  top: -10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .timeline-bg .line .year-text {
    top: -2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .timeline-bg .line .year-text {
    top: -40px;
  }
}
.sub-content .pipeline-sec .timeline-bg .line .year-text {
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .timeline-bg .line .year-text {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .timeline-bg .line .year-text {
    font-size: 16px;
  }
}
.sub-content .pipeline-sec .timeline-bg .line .dot {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background: #b16dff;
  z-index: 9;
  top: -1.3333vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .timeline-bg .line .dot {
    top: -0.3125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .timeline-bg .line .dot {
    top: -5px;
  }
}
.sub-content .pipeline-sec .timeline-bg .line .dot {
  width: 3.2vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .timeline-bg .line .dot {
    width: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .timeline-bg .line .dot {
    width: 12px;
  }
}
.sub-content .pipeline-sec .timeline-bg .line .dot {
  height: 3.2vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .timeline-bg .line .dot {
    height: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .timeline-bg .line .dot {
    height: 12px;
  }
}
.sub-content .pipeline-sec .timeline-bg .line .dot {
  border-radius: 3.2vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .timeline-bg .line .dot {
    border-radius: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .timeline-bg .line .dot {
    border-radius: 12px;
  }
}
.sub-content .pipeline-sec .timeline-bg .line:nth-child(2) {
  left: 14%;
}
html[lang=en] .sub-content .pipeline-sec .timeline-bg .line:nth-child(2) {
  left: 10.1814516129%;
}
.sub-content .pipeline-sec .timeline-bg .line:nth-child(3) {
  left: 37.9090909091%;
}
html[lang=en] .sub-content .pipeline-sec .timeline-bg .line:nth-child(3) {
  left: 35.7862903226%;
}
.sub-content .pipeline-sec .timeline-bg .line:nth-child(4) {
  left: 61.8181818182%;
}
html[lang=en] .sub-content .pipeline-sec .timeline-bg .line:nth-child(4) {
  left: 60.8870967742%;
}
.sub-content .pipeline-sec .timeline-bg .line:nth-child(5) {
  left: 85.7272727273%;
}
html[lang=en] .sub-content .pipeline-sec .timeline-bg .line:nth-child(5) {
  left: 86.3911290323%;
}
.sub-content .pipeline-sec .pipeline-table {
  width: 100%;
  border-collapse: collapse;
  position: relative;
  z-index: 1;
}
.sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(1) {
  width: 34.6667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(1) {
    width: 8.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(1) {
    width: 130px;
  }
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(1) {
  width: 30.1333vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(1) {
    width: 7.0625rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(1) {
    width: 113px;
  }
}
.sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(2) {
  width: 56vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(2) {
    width: 13.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(2) {
    width: 210px;
  }
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(2) {
  width: 86.9333vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(2) {
    width: 20.375rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(2) {
    width: 326px;
  }
}
.sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(3) {
  --col-width: 90.6667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(3) {
    --col-width: 21.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(3) {
    --col-width: 340px;
  }
}
.sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(3) {
  width: calc(100% - var(--col-width));
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(3) {
  --col-width: 117.0667vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(3) {
    --col-width: 27.4375rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(3) {
    --col-width: 439px;
  }
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table colgroup col:nth-of-type(3) {
  width: calc(100% - var(--col-width));
}
.sub-content .pipeline-sec .pipeline-table tr:first-of-type .col1-name, .sub-content .pipeline-sec .pipeline-table tr:first-of-type .col2-name {
  border-top: 2px solid #832EDA;
}
.sub-content .pipeline-sec .pipeline-table tr:first-of-type .timeline-cell {
  border-top: 2px solid #8d8d8d;
}
.sub-content .pipeline-sec .pipeline-table tr:last-of-type .col1-name, .sub-content .pipeline-sec .pipeline-table tr:last-of-type .col2-name {
  border-bottom: 2px solid #832EDA;
}
.sub-content .pipeline-sec .pipeline-table tr:last-of-type .timeline-cell {
  border-bottom: 2px solid #8d8d8d;
}
.sub-content .pipeline-sec .pipeline-table th, .sub-content .pipeline-sec .pipeline-table td {
  border-bottom: 1px solid #8d8d8d;
  box-sizing: border-box;
  background: #fff;
  vertical-align: middle;
  padding: 0vw 3.2vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table th, .sub-content .pipeline-sec .pipeline-table td {
    padding: 0rem 0.75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table th, .sub-content .pipeline-sec .pipeline-table td {
    padding: 0px 12px;
  }
}
.sub-content .pipeline-sec .pipeline-table th, .sub-content .pipeline-sec .pipeline-table td {
  height: 21.3333vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table th, .sub-content .pipeline-sec .pipeline-table td {
    height: 5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table th, .sub-content .pipeline-sec .pipeline-table td {
    height: 80px;
  }
}
.sub-content .pipeline-sec .pipeline-table th.timeline-cell, .sub-content .pipeline-sec .pipeline-table td.timeline-cell {
  border-bottom: none;
}
.sub-content .pipeline-sec .pipeline-table th {
  color: #832EDA;
  font-weight: 700;
  text-align: center;
  word-break: keep-all;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table th {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table th {
    font-size: 16px;
  }
}
.sub-content .pipeline-sec .pipeline-table .col1-name {
  font-weight: 600;
  color: #832EDA;
  text-align: center;
  word-break: keep-all;
  line-height: 1.4;
  padding: unset;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table .col1-name {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table .col1-name {
    font-size: 16px;
  }
}
.sub-content .pipeline-sec .pipeline-table .col2-name {
  font-weight: 600;
  color: #1A1D20;
  text-align: left;
  word-break: keep-all;
  line-height: 1.4;
  padding: unset;
  height: 18.6667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table .col2-name {
    height: 4.375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table .col2-name {
    height: 70px;
  }
}
.sub-content .pipeline-sec .pipeline-table .col2-name {
  padding-left: 8vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table .col2-name {
    padding-left: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table .col2-name {
    padding-left: 30px;
  }
}
.sub-content .pipeline-sec .pipeline-table .col2-name {
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table .col2-name {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table .col2-name {
    font-size: 16px;
  }
}
.sub-content .pipeline-sec .pipeline-table .timeline-cell {
  overflow: hidden;
  background: transparent;
  border-right: none;
  padding: 0vw 0vw 0vw 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table .timeline-cell {
    padding: 0rem 0rem 0rem 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table .timeline-cell {
    padding: 0px 0px 0px 18px;
  }
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table .timeline-cell {
  padding: 0vw 0vw 0vw 9.8667vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .timeline-cell {
    padding: 0rem 0rem 0rem 2.3125rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .timeline-cell {
    padding: 0px 0px 0px 37px;
  }
}
.sub-content .pipeline-sec .pipeline-table .track-row {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sub-content .pipeline-sec .pipeline-table .track-row .bar {
  position: relative;
  z-index: 1;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 12vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar {
    height: 2.8125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar {
    height: 45px;
  }
}
.sub-content .pipeline-sec .pipeline-table .track-row .bar {
  padding: 0vw 13.3333vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar {
    padding: 0rem 3.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar {
    padding: 0px 50px;
  }
}
.sub-content .pipeline-sec .pipeline-table .track-row .bar {
  border-radius: 12vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar {
    border-radius: 2.8125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar {
    border-radius: 45px;
  }
}
.sub-content .pipeline-sec .pipeline-table .track-row .bar {
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar {
    font-size: 16px;
  }
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row .bar {
  padding: 0vw 6.6667vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row .bar {
    padding: 0rem 1.5625rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row .bar {
    padding: 0px 25px;
  }
}
.sub-content .pipeline-sec .pipeline-table .track-row .bar.gray {
  background: #eeeeee;
  color: #333;
}
.sub-content .pipeline-sec .pipeline-table .track-row .bar.gray2 {
  background: #dddddd;
  color: #333;
}
.sub-content .pipeline-sec .pipeline-table .track-row .bar.gray-dark {
  background: #868e9b;
  color: #fff;
}
.sub-content .pipeline-sec .pipeline-table .track-row .bar.purple {
  background: #842edb;
  color: #fff;
}
.sub-content .pipeline-sec .pipeline-table .track-row .bar.purple-light {
  background: #b06cff;
  color: #fff;
}
.sub-content .pipeline-sec .pipeline-table .track-row .bar.navy {
  background: #1d2e4a;
  color: #fff;
}
.sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(2) {
  z-index: 2;
  margin-left: -12vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(2) {
    margin-left: -2.8125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(2) {
    margin-left: -45px;
  }
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(2) {
  margin-left: -10.6667vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(2) {
    margin-left: -2.5rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(2) {
    margin-left: -40px;
  }
}
.sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(3) {
  z-index: 3;
  margin-left: -12vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(3) {
    margin-left: -2.8125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(3) {
    margin-left: -45px;
  }
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(3) {
  margin-left: -10.6667vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(3) {
    margin-left: -2.5rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(3) {
    margin-left: -40px;
  }
}
.sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(4) {
  z-index: 4;
  margin-left: -12vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(4) {
    margin-left: -2.8125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(4) {
    margin-left: -45px;
  }
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(4) {
  margin-left: -10.6667vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(4) {
    margin-left: -2.5rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(4) {
    margin-left: -40px;
  }
}
.sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(5) {
  z-index: 5;
  margin-left: -12vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(5) {
    margin-left: -2.8125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(5) {
    margin-left: -45px;
  }
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(5) {
  margin-left: -10.6667vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(5) {
    margin-left: -2.5rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row .bar:nth-child(5) {
    margin-left: -40px;
  }
}
.sub-content .pipeline-sec .pipeline-table .track-row.row2 .bar:nth-child(1) {
  padding-right: 24vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table .track-row.row2 .bar:nth-child(1) {
    padding-right: 5.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table .track-row.row2 .bar:nth-child(1) {
    padding-right: 90px;
  }
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row.row2 .bar:nth-child(1) {
  padding-right: 12vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row.row2 .bar:nth-child(1) {
    padding-right: 2.8125rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row.row2 .bar:nth-child(1) {
    padding-right: 45px;
  }
}
.sub-content .pipeline-sec .pipeline-table .track-row.row3 .bar:nth-child(1), .sub-content .pipeline-sec .pipeline-table .track-row.row3 .bar:nth-child(2) {
  padding-right: 24vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table .track-row.row3 .bar:nth-child(1), .sub-content .pipeline-sec .pipeline-table .track-row.row3 .bar:nth-child(2) {
    padding-right: 5.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table .track-row.row3 .bar:nth-child(1), .sub-content .pipeline-sec .pipeline-table .track-row.row3 .bar:nth-child(2) {
    padding-right: 90px;
  }
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row.row3 .bar:nth-child(1), html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row.row3 .bar:nth-child(2) {
  padding-right: 12vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row.row3 .bar:nth-child(1), html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row.row3 .bar:nth-child(2) {
    padding-right: 2.8125rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row.row3 .bar:nth-child(1), html[lang=en] .sub-content .pipeline-sec .pipeline-table .track-row.row3 .bar:nth-child(2) {
    padding-right: 45px;
  }
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(2) td .track-row {
  --tr2w: 46.1333vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(2) td .track-row {
    --tr2w: 10.8125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(2) td .track-row {
    --tr2w: 173px;
  }
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(2) td .track-row {
  width: calc(100% - var(--tr2w));
  margin-left: var(--tr2w);
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(2) td .track-row {
    margin-left: var(--tr2w);
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(2) td .track-row {
    margin-left: var(--tr2w);
  }
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(4) td .track-row {
  --tr4w: 19.4667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(4) td .track-row {
    --tr4w: 4.5625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(4) td .track-row {
    --tr4w: 73px;
  }
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(4) td .track-row {
  width: calc(100% - var(--tr4w));
  margin-left: var(--tr4w);
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(4) td .track-row {
    margin-left: var(--tr4w);
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(4) td .track-row {
    margin-left: var(--tr4w);
  }
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(5) td .track-row {
  --tr5w: 4vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(5) td .track-row {
    --tr5w: 0.9375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(5) td .track-row {
    --tr5w: 15px;
  }
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(5) td .track-row {
  width: calc(100% - var(--tr5w));
  margin-left: var(--tr5w);
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(5) td .track-row {
    margin-left: var(--tr5w);
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(5) td .track-row {
    margin-left: var(--tr5w);
  }
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(6) td .track-row .gray {
  width: 50%;
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table tr:nth-child(6) td .track-row .gray {
  width: 42.4554973822%;
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(6) td .track-row .gray2 {
  width: 30%;
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table tr:nth-child(6) td .track-row .gray2 {
  width: 46.2251308901%;
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(6) td .track-row .purple {
  width: 20%;
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table tr:nth-child(6) td .track-row .purple {
  width: 20.7434554974%;
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(7) td .track-row .bar:nth-child(1) {
  width: 18.4343807763%;
  padding-left: 6vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(7) td .track-row .bar:nth-child(1) {
    padding-left: 1.4063rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(7) td .track-row .bar:nth-child(1) {
    padding-left: 22.5px;
  }
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table tr:nth-child(7) td .track-row .bar:nth-child(1) {
  width: 27.7486910995%;
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(7) td .track-row .bar:nth-child(2) {
  width: 49.0166358595%;
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table tr:nth-child(7) td .track-row .bar:nth-child(2) {
  width: 35.8115183246%;
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(7) td .track-row .bar:nth-child(3) {
  width: 40.404805915%;
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table tr:nth-child(7) td .track-row .bar:nth-child(3) {
  width: 25.445026178%;
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(7) td .track-row .bar:nth-child(4) {
  width: 28.9279112754%;
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table tr:nth-child(7) td .track-row .bar:nth-child(4) {
  width: 24.9214659686%;
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(8) td .track-row .bar:nth-child(1) {
  width: 53.3271719039%;
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(8) td .track-row .bar:nth-child(2) {
  width: 38.2624768946%;
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(8) td .track-row .bar:nth-child(3) {
  width: 24.2144177449%;
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(9) td .track-row .bar:nth-child(1) {
  width: 74.1219963031%;
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(9) td .track-row .bar:nth-child(2) {
  width: 32.5323475046%;
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(10) td .track-row {
  justify-content: space-between;
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(10) td .track-row .bar:nth-child(1) {
  width: 74.1333vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(10) td .track-row .bar:nth-child(1) {
    width: 17.375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(10) td .track-row .bar:nth-child(1) {
    width: 278px;
  }
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(10) td .track-row .bar:nth-child(1) {
  padding-right: 12vw !important;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(10) td .track-row .bar:nth-child(1) {
    padding-right: 2.8125rem !important;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(10) td .track-row .bar:nth-child(1) {
    padding-right: 45px !important;
  }
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(10) td .track-row .bar:nth-child(2) {
  width: 42.6667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(10) td .track-row .bar:nth-child(2) {
    width: 10rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(10) td .track-row .bar:nth-child(2) {
    width: 160px;
  }
}
html[lang=en] .sub-content .pipeline-sec .pipeline-table tr:nth-child(10) td .track-row .bar:nth-child(2) {
  width: 64vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table tr:nth-child(10) td .track-row .bar:nth-child(2) {
    width: 15rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .pipeline-sec .pipeline-table tr:nth-child(10) td .track-row .bar:nth-child(2) {
    width: 240px;
  }
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(11) td .track-row {
  --tr11w: 134.6667vw;
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(11) td .track-row {
    --tr11w: 31.5625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(11) td .track-row {
    --tr11w: 505px;
  }
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(11) td .track-row {
  width: calc(100% - var(--tr11w));
  margin-left: var(--tr11w);
}
@media (min-width: 768px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(11) td .track-row {
    margin-left: var(--tr11w);
  }
}
@media (min-width: 1200px) {
  .sub-content .pipeline-sec .pipeline-table tr:nth-child(11) td .track-row {
    margin-left: var(--tr11w);
  }
}
.sub-content .pipeline-sec .pipeline-table tr:nth-child(11) td .track-row .gray {
  width: 100%;
}
.sub-content.pipeline {
  /* [모바일 기준 기본 여백] */
  word-break: keep-all;
  padding: 21.3333vw 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline {
    padding: 5rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline {
    padding: 80px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline {
    padding: 11.1111vw 0vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline {
    padding: 160px 0px;
  }
}
.sub-content.pipeline .inner {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  /* [모바일] 중앙 관통 수직 연결선 */
}
.sub-content.pipeline .inner::before {
  content: "";
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  background-color: #e2e8f0; /* 라인 색상 */
  z-index: -1;
  height: 80vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .inner::before {
    height: 18.75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .inner::before {
    height: 300px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .inner::before {
    height: 250px;
  }
}
.sub-content.pipeline {
  /* ========================================================
  1. Header (코어 플랫폼) - 모바일 기준
  ======================================================== */
}
.sub-content.pipeline .pipeline-header {
  position: relative;
  border: 1px solid #D3D5D8;
  background: linear-gradient(90deg, #5D2199 0.04%, #1C2E4A 50%, #071428 99.96%);
  box-shadow: 0 0 10px 0 rgba(28, 46, 74, 0.4);
  text-align: center;
  color: #fff;
  border-radius: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-header {
    border-radius: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-header {
    border-radius: 16px;
  }
}
.sub-content.pipeline .pipeline-header {
  padding: 8.5333vw 0vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-header {
    padding: 2rem 0rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-header {
    padding: 32px 0px;
  }
}
.sub-content.pipeline .pipeline-header {
  margin-bottom: 17.0667vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-header {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-header {
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .pipeline-header {
    overflow: hidden;
    padding: 2.7778vw 0vw;
    margin-bottom: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .pipeline-header {
    padding: 40px 0px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .pipeline-header {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .pipeline-header:before {
    content: "";
    z-index: 1;
    position: absolute;
    background-image: url(/static/images/sub/achi_overview_top2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    opacity: 0.13;
    width: 10.3472vw;
    height: 10.625vw;
    top: 1.3889vw;
    right: 5vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .pipeline-header:before {
    width: 149px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .pipeline-header:before {
    height: 153px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .pipeline-header:before {
    top: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .pipeline-header:before {
    right: 72px;
  }
}
.sub-content.pipeline .pipeline-header .eyebrow {
  display: block;
  color: #B06CFF;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: 6.4px;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-header .eyebrow {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-header .eyebrow {
    font-size: 16px;
  }
}
.sub-content.pipeline .pipeline-header .eyebrow {
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-header .eyebrow {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-header .eyebrow {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .pipeline-header .eyebrow {
    margin-bottom: 1.6667vw;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .pipeline-header .eyebrow {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .pipeline-header .eyebrow {
    font-size: 18px;
  }
}
.sub-content.pipeline .pipeline-header .title {
  color: #FFF;
  font-weight: 700;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-header .title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-header .title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .pipeline-header .title {
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .pipeline-header .title {
    font-size: 32px;
  }
}
.sub-content.pipeline {
  /* ========================================================
  2. Tree Area & Columns - 모바일 (세로 배치)
  ======================================================== */
}
.sub-content.pipeline .pipeline-tree-area {
  position: relative;
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-tree-area {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-tree-area {
    margin-bottom: 48px;
  }
}
.sub-content.pipeline .pipeline-tree-area .grade-columns {
  display: flex;
  flex-direction: column; /* 모바일은 아래로 차곡차곡 */
  gap: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-tree-area .grade-columns {
    gap: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-tree-area .grade-columns {
    gap: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .pipeline-tree-area .grade-columns {
    flex-direction: row;
    justify-content: space-between;
  }
}
.sub-content.pipeline .pipeline-tree-area .grade-columns::before {
  content: "";
  position: absolute;
  top: 100px;
  bottom: 250px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  background-color: #e2e8f0; /* 라인 색상 */
  z-index: -1;
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .pipeline-tree-area .grade-columns::before {
    width: 100%;
    height: 1px;
    max-width: 1040px;
    left: 50%;
    top: -40px;
    bottom: unset;
  }
}
.sub-content.pipeline .grade-col {
  flex: 1;
  position: relative;
  background: #fff;
  border: 1px solid #D3D5D8; /* 라인 색상 */
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
  border-radius: 4.2667vw 4.2667vw 0 0;
}
@media (min-width: 768px) {
  .sub-content.pipeline .grade-col {
    border-radius: 1rem 1rem 0 0;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .grade-col {
    border-radius: 16px 16px 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .grade-col {
    overflow: visible;
    max-width: 27.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .grade-col {
    max-width: 400px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .grade-col::after {
    content: "";
    position: absolute;
    width: 1px;
    left: 50%;
    z-index: 2;
    background-color: #e2e8f0; /* 라인 색상 */
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 2.7778vw;
    top: -2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .grade-col::after {
    height: 40px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .grade-col::after {
    top: -40px;
  }
}
.sub-content.pipeline .grade-col .grade-title {
  background: #F3F4F5;
  text-align: center;
  font-weight: 600;
  color: #1C2E4A;
  border-bottom: 1px solid #D3D5D8; /* 라인 색상 */
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .grade-col .grade-title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-title {
    font-size: 20px;
  }
}
.sub-content.pipeline .grade-col .grade-title {
  padding: 6.4vw 0vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .grade-col .grade-title {
    padding: 1.5rem 0rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-title {
    padding: 24px 0px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-title {
    overflow: hidden;
    font-size: 1.6667vw;
    border-radius: 4.2667vw 4.2667vw 0 0;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .grade-col .grade-title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 768px) {
  .sub-content.pipeline .grade-col .grade-title {
    border-radius: 1rem 1rem 0 0;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-title {
    border-radius: 16px 16px 0 0;
  }
}
.sub-content.pipeline .grade-col .grade-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sub-content.pipeline .grade-col .grade-list li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D3D5D8; /* 라인 색상 */
  position: relative;
  padding: 7.4667vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .grade-col .grade-list li {
    padding: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-list li {
    padding: 28px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-list li {
    padding: 2.5vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .grade-col .grade-list li {
    padding: 36px;
  }
}
.sub-content.pipeline .grade-col .grade-list li:last-child {
  border-bottom: none;
}
.sub-content.pipeline .grade-col .grade-list li .icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .grade-col .grade-list li .icon-box {
    margin-right: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-list li .icon-box {
    margin-right: 20px;
  }
}
.sub-content.pipeline .grade-col .grade-list li .icon-box {
  width: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .grade-col .grade-list li .icon-box {
    width: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-list li .icon-box {
    width: 48px;
  }
}
.sub-content.pipeline .grade-col .grade-list li .icon-box {
  height: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .grade-col .grade-list li .icon-box {
    height: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-list li .icon-box {
    height: 48px;
  }
}
.sub-content.pipeline .grade-col .grade-list li .icon-box img {
  width: 100%;
}
.sub-content.pipeline .grade-col .grade-list li .txt-box .name {
  display: block;
  color: #1C2E4A;
  font-weight: 600;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .grade-col .grade-list li .txt-box .name {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-list li .txt-box .name {
    font-size: 20px;
  }
}
.sub-content.pipeline .grade-col .grade-list li .txt-box .name {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .grade-col .grade-list li .txt-box .name {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-list li .txt-box .name {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-list li .txt-box .name {
    font-size: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .grade-col .grade-list li .txt-box .name {
    font-size: 24px;
  }
}
.sub-content.pipeline .grade-col .grade-list li .txt-box .desc {
  display: block;
  color: #92979D;
  font-weight: 500;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .grade-col .grade-list li .txt-box .desc {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-list li .txt-box .desc {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-list li .txt-box .desc {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .grade-col .grade-list li .txt-box .desc {
    font-size: 18px;
  }
}
.sub-content.pipeline .grade-col .grade-list li .status {
  position: absolute;
  color: #832EDA;
  font-weight: 600;
  right: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .grade-col .grade-list li .status {
    right: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-list li .status {
    right: 16px;
  }
}
.sub-content.pipeline .grade-col .grade-list li .status {
  bottom: 3.2vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .grade-col .grade-list li .status {
    bottom: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-list li .status {
    bottom: 12px;
  }
}
.sub-content.pipeline .grade-col .grade-list li .status {
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .grade-col .grade-list li .status {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-list li .status {
    font-size: 14px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-list li .status {
    font-size: 1.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .grade-col .grade-list li .status {
    font-size: 16px;
  }
}
.sub-content.pipeline .grade-col .grade-list li .status.purple-txt {
  color: #832EDA;
}
.sub-content.pipeline .grade-col .grade-list li .status .icon-check {
  font-style: normal;
  margin-right: 1.0667vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .grade-col .grade-list li .status .icon-check {
    margin-right: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .grade-col .grade-list li .status .icon-check {
    margin-right: 4px;
  }
}
.sub-content.pipeline {
  /* ========================================================
  3. Strategy Area (하단 로드맵) - 모바일 (세로 배치)
  ======================================================== */
}
.sub-content.pipeline .pipeline-strategy {
  display: flex;
  flex-direction: column; /* 세로 정렬 */
  align-items: center;
  gap: 3.2vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-strategy {
    gap: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-strategy {
    gap: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .pipeline-strategy {
    flex-direction: row;
    justify-content: space-between;
  }
}
.sub-content.pipeline .pipeline-strategy .strategy-box {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(131, 46, 218, 0.2);
  border: 2px solid #832EDA;
  text-align: center;
  padding: 7.4667vw 0vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box {
    padding: 1.75rem 0rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box {
    padding: 28px 0px;
  }
}
.sub-content.pipeline .pipeline-strategy .strategy-box {
  border-radius: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box {
    border-radius: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box {
    border-radius: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box {
    max-width: 27.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box {
    max-width: 400px;
  }
}
.sub-content.pipeline .pipeline-strategy .strategy-box .title {
  color: #1C2E4A;
  font-weight: 600;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box .title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box .title {
    font-size: 20px;
  }
}
.sub-content.pipeline .pipeline-strategy .strategy-box .title {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box .title {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box .title {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box .title {
    font-size: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box .title {
    font-size: 24px;
  }
}
.sub-content.pipeline .pipeline-strategy .strategy-box .title span {
  color: #832EDA;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box .title span {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box .title span {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box .title span {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box .title span {
    font-size: 20px;
  }
}
.sub-content.pipeline .pipeline-strategy .strategy-box .desc {
  color: #50555B;
  font-weight: 600;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box .desc {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box .desc {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box .desc {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.pipeline .pipeline-strategy .strategy-box .desc {
    font-size: 18px;
  }
}
.sub-content.pipeline .pipeline-strategy .arrow-icon {
  position: relative;
  transform: rotate(90deg); /* 모바일에서는 화살표가 아래(↓)를 향하도록 회전 */
  width: 21.3333vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-strategy .arrow-icon {
    width: 5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-strategy .arrow-icon {
    width: 80px;
  }
}
.sub-content.pipeline .pipeline-strategy .arrow-icon {
  height: 21.3333vw;
}
@media (min-width: 768px) {
  .sub-content.pipeline .pipeline-strategy .arrow-icon {
    height: 5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.pipeline .pipeline-strategy .arrow-icon {
    height: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.pipeline .pipeline-strategy .arrow-icon {
    transform: rotate(0deg);
  }
}
.sub-content.pipeline .pipeline-strategy .arrow-icon img {
  width: 100%;
}
.sub-content {
  /* =========================================
  [Sub] Platform > Overview
  ========================================= */
}
.sub-content .platform-overview-sec .sec-title {
  color: #1A1D20;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .platform-overview-sec .sec-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .platform-overview-sec .sec-title {
    font-size: 24px;
  }
}
.sub-content .platform-overview-sec .sec-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .platform-overview-sec .sec-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .platform-overview-sec .sec-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .platform-overview-sec .sec-title {
    font-size: 2.2222vw;
    margin-bottom: 2.6389vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .platform-overview-sec .sec-title {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .platform-overview-sec .sec-title {
    margin-bottom: 38px;
  }
}
.sub-content .platform-overview-sec {
  /* 리스트 영역 */
}
.sub-content .platform-overview-sec .tech-list {
  display: flex;
  flex-direction: column;
  gap: 26.1333vw;
}
@media (min-width: 768px) {
  .sub-content .platform-overview-sec .tech-list {
    gap: 6.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-list {
    gap: 98px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-list {
    gap: 10.7639vw 6.9444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .platform-overview-sec .tech-list {
    gap: 155px 100px;
  }
}
.sub-content .platform-overview-sec {
  /* 개별 아이템 */
}
@media screen and (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item {
    display: flex;
    align-items: center; /* 이미지와 텍스트 세로 중앙 정렬 */
    gap: 80px; /* 이미지와 텍스트 사이 간격 */
  }
}
.sub-content .platform-overview-sec .tech-item .img-wrap {
  width: 100%;
  aspect-ratio: 359/202;
  overflow: hidden;
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .platform-overview-sec .tech-item .img-wrap {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .img-wrap {
    margin-bottom: 48px;
  }
}
.sub-content .platform-overview-sec .tech-item .img-wrap {
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .platform-overview-sec .tech-item .img-wrap {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .img-wrap {
    border-radius: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .img-wrap {
    aspect-ratio: 55/31;
    margin-bottom: 0;
    border-radius: 1.6667vw;
    width: 44.4444vw;
    height: 27.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .platform-overview-sec .tech-item .img-wrap {
    border-radius: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .platform-overview-sec .tech-item .img-wrap {
    width: 640px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .platform-overview-sec .tech-item .img-wrap {
    height: 400px;
  }
}
.sub-content .platform-overview-sec .tech-item .img-wrap img, .sub-content .platform-overview-sec .tech-item .img-wrap video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
@media screen and (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap {
    flex: 1;
    width: auto;
  }
}
.sub-content .platform-overview-sec .tech-item .txt-wrap .title {
  color: #1C2E4A;
  font-weight: 600;
  font-size: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .title {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .title {
    font-size: 32px;
  }
}
.sub-content .platform-overview-sec .tech-item .txt-wrap .title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .title {
    font-size: 3.3333vw;
    margin-bottom: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .title {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .title {
    margin-bottom: 64px;
  }
}
.sub-content .platform-overview-sec .tech-item .txt-wrap .sub-title {
  display: block;
  color: #1A1D20;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .sub-title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .sub-title {
    font-size: 20px;
  }
}
.sub-content .platform-overview-sec .tech-item .txt-wrap .sub-title {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .sub-title {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .sub-title {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .sub-title {
    font-size: 1.6667vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .sub-title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .sub-title {
    margin-bottom: 24px;
  }
}
.sub-content .platform-overview-sec .tech-item .txt-wrap .desc {
  display: block;
  color: #50555B;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .desc {
    font-size: 18px;
  }
}
.sub-content .platform-overview-sec .tech-item .txt-wrap .desc {
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .desc {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .desc {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .desc {
    font-size: 1.3889vw;
    margin-bottom: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .desc {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .desc {
    margin-bottom: 64px;
  }
}
.sub-content .platform-overview-sec .tech-item .txt-wrap .btn-learn-more {
  color: #1A1D20;
  font-weight: 600;
  border: 2px solid #1A1D20;
  transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .btn-learn-more {
    height: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .btn-learn-more {
    height: 48px;
  }
}
.sub-content .platform-overview-sec .tech-item .txt-wrap .btn-learn-more {
  padding: 0vw 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .btn-learn-more {
    padding: 0rem 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .btn-learn-more {
    padding: 0px 40px;
  }
}
.sub-content .platform-overview-sec .tech-item .txt-wrap .btn-learn-more {
  border-radius: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .btn-learn-more {
    border-radius: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .btn-learn-more {
    border-radius: 48px;
  }
}
.sub-content .platform-overview-sec .tech-item .txt-wrap .btn-learn-more {
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .btn-learn-more {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .platform-overview-sec .tech-item .txt-wrap .btn-learn-more {
    font-size: 14px;
  }
}
.sub-content .platform-overview-sec .tech-item .txt-wrap .btn-learn-more:hover {
  border: 2px solid #832EDA;
  background-color: #832EDA;
  color: #ffffff;
}
.sub-content {
  /* =========================================
  [Sub] Product > ExoFlow 4D
  ========================================= */
}
.sub-content .exoflow-sec, .sub-content .exocargo-sec, .sub-content .exosort-sec {
  width: 100%;
}
.sub-content .exoflow-sec .sect-header .sub-title, .sub-content .exocargo-sec .sect-header .sub-title, .sub-content .exosort-sec .sect-header .sub-title {
  display: block;
  color: #1A1D20;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .sect-header .sub-title, .sub-content .exocargo-sec .sect-header .sub-title, .sub-content .exosort-sec .sect-header .sub-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .sect-header .sub-title, .sub-content .exocargo-sec .sect-header .sub-title, .sub-content .exosort-sec .sect-header .sub-title {
    font-size: 24px;
  }
}
.sub-content .exoflow-sec .sect-header .sub-title, .sub-content .exocargo-sec .sect-header .sub-title, .sub-content .exosort-sec .sect-header .sub-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .sect-header .sub-title, .sub-content .exocargo-sec .sect-header .sub-title, .sub-content .exosort-sec .sect-header .sub-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .sect-header .sub-title, .sub-content .exocargo-sec .sect-header .sub-title, .sub-content .exosort-sec .sect-header .sub-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .sect-header .sub-title, .sub-content .exocargo-sec .sect-header .sub-title, .sub-content .exosort-sec .sect-header .sub-title {
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .sect-header .sub-title, .sub-content .exocargo-sec .sect-header .sub-title, .sub-content .exosort-sec .sect-header .sub-title {
    font-size: 32px;
  }
}
.sub-content .exoflow-sec .sect-header .main-title, .sub-content .exocargo-sec .sect-header .main-title, .sub-content .exosort-sec .sect-header .main-title {
  font-family: Pretendard;
  color: #1C2E4A;
  font-weight: 700;
  font-size: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .sect-header .main-title, .sub-content .exocargo-sec .sect-header .main-title, .sub-content .exosort-sec .sect-header .main-title {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .sect-header .main-title, .sub-content .exocargo-sec .sect-header .main-title, .sub-content .exosort-sec .sect-header .main-title {
    font-size: 32px;
  }
}
.sub-content .exoflow-sec .sect-header .main-title, .sub-content .exocargo-sec .sect-header .main-title, .sub-content .exosort-sec .sect-header .main-title {
  margin-bottom: 14.9333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .sect-header .main-title, .sub-content .exocargo-sec .sect-header .main-title, .sub-content .exosort-sec .sect-header .main-title {
    margin-bottom: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .sect-header .main-title, .sub-content .exocargo-sec .sect-header .main-title, .sub-content .exosort-sec .sect-header .main-title {
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .sect-header .main-title, .sub-content .exocargo-sec .sect-header .main-title, .sub-content .exosort-sec .sect-header .main-title {
    font-size: 3.3333vw;
    margin-bottom: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .sect-header .main-title, .sub-content .exocargo-sec .sect-header .main-title, .sub-content .exosort-sec .sect-header .main-title {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .sect-header .main-title, .sub-content .exocargo-sec .sect-header .main-title, .sub-content .exosort-sec .sect-header .main-title {
    margin-bottom: 64px;
  }
}
.sub-content .exoflow-sec .sect-header .desc, .sub-content .exocargo-sec .sect-header .desc, .sub-content .exosort-sec .sect-header .desc {
  font-family: Pretendard;
  color: #50555B;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .sect-header .desc, .sub-content .exocargo-sec .sect-header .desc, .sub-content .exosort-sec .sect-header .desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .sect-header .desc, .sub-content .exocargo-sec .sect-header .desc, .sub-content .exosort-sec .sect-header .desc {
    font-size: 18px;
  }
}
.sub-content .exoflow-sec .sect-header .desc, .sub-content .exocargo-sec .sect-header .desc, .sub-content .exosort-sec .sect-header .desc {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .sect-header .desc, .sub-content .exocargo-sec .sect-header .desc, .sub-content .exosort-sec .sect-header .desc {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .sect-header .desc, .sub-content .exocargo-sec .sect-header .desc, .sub-content .exosort-sec .sect-header .desc {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .sect-header .desc, .sub-content .exocargo-sec .sect-header .desc, .sub-content .exosort-sec .sect-header .desc {
    font-size: 1.3889vw;
    margin-bottom: 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .sect-header .desc, .sub-content .exocargo-sec .sect-header .desc, .sub-content .exosort-sec .sect-header .desc {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .sect-header .desc, .sub-content .exocargo-sec .sect-header .desc, .sub-content .exosort-sec .sect-header .desc {
    margin-bottom: 40px;
  }
}
.sub-content .exoflow-sec .sect-header .desc strong, .sub-content .exocargo-sec .sect-header .desc strong, .sub-content .exosort-sec .sect-header .desc strong {
  display: block;
  color: #1A1D20;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .sect-header .desc strong, .sub-content .exocargo-sec .sect-header .desc strong, .sub-content .exosort-sec .sect-header .desc strong {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .sect-header .desc strong, .sub-content .exocargo-sec .sect-header .desc strong, .sub-content .exosort-sec .sect-header .desc strong {
    font-size: 20px;
  }
}
.sub-content .exoflow-sec .sect-header .desc strong, .sub-content .exocargo-sec .sect-header .desc strong, .sub-content .exosort-sec .sect-header .desc strong {
  margin-bottom: 3.7333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .sect-header .desc strong, .sub-content .exocargo-sec .sect-header .desc strong, .sub-content .exosort-sec .sect-header .desc strong {
    margin-bottom: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .sect-header .desc strong, .sub-content .exocargo-sec .sect-header .desc strong, .sub-content .exosort-sec .sect-header .desc strong {
    margin-bottom: 14px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .sect-header .desc strong, .sub-content .exocargo-sec .sect-header .desc strong, .sub-content .exosort-sec .sect-header .desc strong {
    font-size: 1.6667vw;
    margin-bottom: 1.25vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .sect-header .desc strong, .sub-content .exocargo-sec .sect-header .desc strong, .sub-content .exosort-sec .sect-header .desc strong {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .sect-header .desc strong, .sub-content .exocargo-sec .sect-header .desc strong, .sub-content .exosort-sec .sect-header .desc strong {
    margin-bottom: 18px;
  }
}
.sub-content .exoflow-sec .metrics-card, .sub-content .exocargo-sec .metrics-card, .sub-content .exosort-sec .metrics-card {
  display: flex;
  flex-direction: column;
  background: url("/static/images/sub/bg_exoflow_sct2_img@m.jpg") no-repeat center center;
  background-size: cover;
  padding: 19.2vw 13.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .metrics-card, .sub-content .exocargo-sec .metrics-card, .sub-content .exosort-sec .metrics-card {
    padding: 4.5rem 3.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .metrics-card, .sub-content .exocargo-sec .metrics-card, .sub-content .exosort-sec .metrics-card {
    padding: 72px 50px;
  }
}
.sub-content .exoflow-sec .metrics-card, .sub-content .exocargo-sec .metrics-card, .sub-content .exosort-sec .metrics-card {
  margin-bottom: 19.2vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .metrics-card, .sub-content .exocargo-sec .metrics-card, .sub-content .exosort-sec .metrics-card {
    margin-bottom: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .metrics-card, .sub-content .exocargo-sec .metrics-card, .sub-content .exosort-sec .metrics-card {
    margin-bottom: 72px;
  }
}
.sub-content .exoflow-sec .metrics-card, .sub-content .exocargo-sec .metrics-card, .sub-content .exosort-sec .metrics-card {
  gap: 14.9333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .metrics-card, .sub-content .exocargo-sec .metrics-card, .sub-content .exosort-sec .metrics-card {
    gap: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .metrics-card, .sub-content .exocargo-sec .metrics-card, .sub-content .exosort-sec .metrics-card {
    gap: 56px;
  }
}
.sub-content .exoflow-sec .metrics-card, .sub-content .exocargo-sec .metrics-card, .sub-content .exosort-sec .metrics-card {
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .metrics-card, .sub-content .exocargo-sec .metrics-card, .sub-content .exosort-sec .metrics-card {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .metrics-card, .sub-content .exocargo-sec .metrics-card, .sub-content .exosort-sec .metrics-card {
    border-radius: 20px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .metrics-card, .sub-content .exocargo-sec .metrics-card, .sub-content .exosort-sec .metrics-card {
    background: url("/static/images/sub/bg_exoflow_sct2_img.jpg") no-repeat center center;
    background-size: cover;
    flex-direction: row;
    justify-content: space-around;
    padding: 5.5556vw 11.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .metrics-card, .sub-content .exocargo-sec .metrics-card, .sub-content .exosort-sec .metrics-card {
    padding: 80px 160px;
  }
}
.sub-content .exoflow-sec .metrics-card .metric, .sub-content .exocargo-sec .metrics-card .metric, .sub-content .exosort-sec .metrics-card .metric {
  text-align: center;
}
.sub-content .exoflow-sec .metrics-card .metric .icon, .sub-content .exocargo-sec .metrics-card .metric .icon, .sub-content .exosort-sec .metrics-card .metric .icon {
  justify-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .metrics-card .metric .icon, .sub-content .exocargo-sec .metrics-card .metric .icon, .sub-content .exosort-sec .metrics-card .metric .icon {
    width: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .metrics-card .metric .icon, .sub-content .exocargo-sec .metrics-card .metric .icon, .sub-content .exosort-sec .metrics-card .metric .icon {
    width: 48px;
  }
}
.sub-content .exoflow-sec .metrics-card .metric .icon, .sub-content .exocargo-sec .metrics-card .metric .icon, .sub-content .exosort-sec .metrics-card .metric .icon {
  height: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .metrics-card .metric .icon, .sub-content .exocargo-sec .metrics-card .metric .icon, .sub-content .exosort-sec .metrics-card .metric .icon {
    height: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .metrics-card .metric .icon, .sub-content .exocargo-sec .metrics-card .metric .icon, .sub-content .exosort-sec .metrics-card .metric .icon {
    height: 48px;
  }
}
.sub-content .exoflow-sec .metrics-card .metric .icon, .sub-content .exocargo-sec .metrics-card .metric .icon, .sub-content .exosort-sec .metrics-card .metric .icon {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .metrics-card .metric .icon, .sub-content .exocargo-sec .metrics-card .metric .icon, .sub-content .exosort-sec .metrics-card .metric .icon {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .metrics-card .metric .icon, .sub-content .exocargo-sec .metrics-card .metric .icon, .sub-content .exosort-sec .metrics-card .metric .icon {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .metrics-card .metric .icon, .sub-content .exocargo-sec .metrics-card .metric .icon, .sub-content .exosort-sec .metrics-card .metric .icon {
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .metrics-card .metric .icon, .sub-content .exocargo-sec .metrics-card .metric .icon, .sub-content .exosort-sec .metrics-card .metric .icon {
    margin-bottom: 24px;
  }
}
.sub-content .exoflow-sec .metrics-card .metric .icon img, .sub-content .exocargo-sec .metrics-card .metric .icon img, .sub-content .exosort-sec .metrics-card .metric .icon img {
  width: 100%;
}
.sub-content .exoflow-sec .metrics-card .metric .txt, .sub-content .exocargo-sec .metrics-card .metric .txt, .sub-content .exosort-sec .metrics-card .metric .txt {
  color: #ffffff;
  text-align: center;
  font-family: Pretendard;
  font-weight: 600;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .metrics-card .metric .txt, .sub-content .exocargo-sec .metrics-card .metric .txt, .sub-content .exosort-sec .metrics-card .metric .txt {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .metrics-card .metric .txt, .sub-content .exocargo-sec .metrics-card .metric .txt, .sub-content .exosort-sec .metrics-card .metric .txt {
    font-size: 18px;
  }
}
.sub-content .exoflow-sec .metrics-card .metric .txt, .sub-content .exocargo-sec .metrics-card .metric .txt, .sub-content .exosort-sec .metrics-card .metric .txt {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .metrics-card .metric .txt, .sub-content .exocargo-sec .metrics-card .metric .txt, .sub-content .exosort-sec .metrics-card .metric .txt {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .metrics-card .metric .txt, .sub-content .exocargo-sec .metrics-card .metric .txt, .sub-content .exosort-sec .metrics-card .metric .txt {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .metrics-card .metric .txt, .sub-content .exocargo-sec .metrics-card .metric .txt, .sub-content .exosort-sec .metrics-card .metric .txt {
    font-size: 1.3889vw;
    margin-bottom: 3.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .metrics-card .metric .txt, .sub-content .exocargo-sec .metrics-card .metric .txt, .sub-content .exosort-sec .metrics-card .metric .txt {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .metrics-card .metric .txt, .sub-content .exocargo-sec .metrics-card .metric .txt, .sub-content .exosort-sec .metrics-card .metric .txt {
    margin-bottom: 48px;
  }
}
.sub-content .exoflow-sec .metrics-card .metric .num, .sub-content .exocargo-sec .metrics-card .metric .num, .sub-content .exosort-sec .metrics-card .metric .num {
  color: #ffffff;
  text-align: center;
  font-family: Alexandria;
  font-weight: 600;
  font-size: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .metrics-card .metric .num, .sub-content .exocargo-sec .metrics-card .metric .num, .sub-content .exosort-sec .metrics-card .metric .num {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .metrics-card .metric .num, .sub-content .exocargo-sec .metrics-card .metric .num, .sub-content .exosort-sec .metrics-card .metric .num {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .metrics-card .metric .num, .sub-content .exocargo-sec .metrics-card .metric .num, .sub-content .exosort-sec .metrics-card .metric .num {
    font-size: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .metrics-card .metric .num, .sub-content .exocargo-sec .metrics-card .metric .num, .sub-content .exosort-sec .metrics-card .metric .num {
    font-size: 64px;
  }
}
.sub-content .exoflow-sec .metrics-card .metric .num span, .sub-content .exocargo-sec .metrics-card .metric .num span, .sub-content .exosort-sec .metrics-card .metric .num span {
  color: #B06CFF;
  text-align: center;
  font-family: Alexandria;
  font-weight: 800;
  font-size: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .metrics-card .metric .num span, .sub-content .exocargo-sec .metrics-card .metric .num span, .sub-content .exosort-sec .metrics-card .metric .num span {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .metrics-card .metric .num span, .sub-content .exocargo-sec .metrics-card .metric .num span, .sub-content .exosort-sec .metrics-card .metric .num span {
    font-size: 48px;
  }
}
.sub-content .exoflow-sec, .sub-content .exocargo-sec, .sub-content .exosort-sec {
  /* ===================================
  Performance : 성과 테이블
  =================================== */
}
.sub-content .exoflow-sec .table-scroll, .sub-content .exocargo-sec .table-scroll, .sub-content .exosort-sec .table-scroll {
  /* 모바일 가로 스크롤 설정 (기존 유지) */
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.sub-content .exoflow-sec .table-scroll::-webkit-scrollbar, .sub-content .exocargo-sec .table-scroll::-webkit-scrollbar, .sub-content .exosort-sec .table-scroll::-webkit-scrollbar {
  height: 6px;
}
.sub-content .exoflow-sec .table-scroll::-webkit-scrollbar-track, .sub-content .exocargo-sec .table-scroll::-webkit-scrollbar-track, .sub-content .exosort-sec .table-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.sub-content .exoflow-sec .table-scroll::-webkit-scrollbar-thumb, .sub-content .exocargo-sec .table-scroll::-webkit-scrollbar-thumb, .sub-content .exosort-sec .table-scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.sub-content .exoflow-sec .table-scroll, .sub-content .exocargo-sec .table-scroll, .sub-content .exosort-sec .table-scroll {
  padding-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .table-scroll, .sub-content .exocargo-sec .table-scroll, .sub-content .exosort-sec .table-scroll {
    padding-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .table-scroll, .sub-content .exocargo-sec .table-scroll, .sub-content .exosort-sec .table-scroll {
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .table-scroll, .sub-content .exocargo-sec .table-scroll, .sub-content .exosort-sec .table-scroll {
    padding-bottom: 0;
  }
}
.sub-content .exoflow-sec .table-scroll, .sub-content .exocargo-sec .table-scroll, .sub-content .exosort-sec .table-scroll {
  /* 🌟 디자인이 변경된 테이블 영역 */
}
.sub-content .exoflow-sec .table-scroll .data-table, .sub-content .exocargo-sec .table-scroll .data-table, .sub-content .exosort-sec .table-scroll .data-table {
  width: 100%;
  min-width: 1000px; /* 표가 찌그러지지 않도록 최소 너비 유지 */
  border-collapse: collapse; /* 테두리 겹침 방지 (필수) */
  text-align: center; /* 전체 텍스트 가운데 정렬 */
}
.sub-content .exoflow-sec .table-scroll .data-table colgroup col, .sub-content .exocargo-sec .table-scroll .data-table colgroup col, .sub-content .exosort-sec .table-scroll .data-table colgroup col {
  width: 41.6666666667%;
}
.sub-content .exoflow-sec .table-scroll .data-table colgroup col:first-of-type, .sub-content .exocargo-sec .table-scroll .data-table colgroup col:first-of-type, .sub-content .exosort-sec .table-scroll .data-table colgroup col:first-of-type {
  width: 16.6666666667%;
}
.sub-content .exoflow-sec .table-scroll .data-table, .sub-content .exocargo-sec .table-scroll .data-table, .sub-content .exosort-sec .table-scroll .data-table {
  /* 1. 전체 셀 공통 스타일 (기본 회색 테두리) */
}
.sub-content .exoflow-sec .table-scroll .data-table th, .sub-content .exoflow-sec .table-scroll .data-table td, .sub-content .exocargo-sec .table-scroll .data-table th, .sub-content .exocargo-sec .table-scroll .data-table td, .sub-content .exosort-sec .table-scroll .data-table th, .sub-content .exosort-sec .table-scroll .data-table td {
  border: 1px solid #D3D5D8; /* 이미지처럼 모든 면에 얇은 테두리 */
  word-break: keep-all;
  vertical-align: middle;
  padding: 8.5333vw 0vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .table-scroll .data-table th, .sub-content .exoflow-sec .table-scroll .data-table td, .sub-content .exocargo-sec .table-scroll .data-table th, .sub-content .exocargo-sec .table-scroll .data-table td, .sub-content .exosort-sec .table-scroll .data-table th, .sub-content .exosort-sec .table-scroll .data-table td {
    padding: 2rem 0rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .table-scroll .data-table th, .sub-content .exoflow-sec .table-scroll .data-table td, .sub-content .exocargo-sec .table-scroll .data-table th, .sub-content .exocargo-sec .table-scroll .data-table td, .sub-content .exosort-sec .table-scroll .data-table th, .sub-content .exosort-sec .table-scroll .data-table td {
    padding: 32px 0px;
  }
}
.sub-content .exoflow-sec .table-scroll .data-table th, .sub-content .exoflow-sec .table-scroll .data-table td, .sub-content .exocargo-sec .table-scroll .data-table th, .sub-content .exocargo-sec .table-scroll .data-table td, .sub-content .exosort-sec .table-scroll .data-table th, .sub-content .exosort-sec .table-scroll .data-table td {
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .table-scroll .data-table th, .sub-content .exoflow-sec .table-scroll .data-table td, .sub-content .exocargo-sec .table-scroll .data-table th, .sub-content .exocargo-sec .table-scroll .data-table td, .sub-content .exosort-sec .table-scroll .data-table th, .sub-content .exosort-sec .table-scroll .data-table td {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .table-scroll .data-table th, .sub-content .exoflow-sec .table-scroll .data-table td, .sub-content .exocargo-sec .table-scroll .data-table th, .sub-content .exocargo-sec .table-scroll .data-table td, .sub-content .exosort-sec .table-scroll .data-table th, .sub-content .exosort-sec .table-scroll .data-table td {
    font-size: 20px;
  }
}
.sub-content .exoflow-sec .table-scroll .data-table th:has(+ .highlight), .sub-content .exoflow-sec .table-scroll .data-table td:has(+ .highlight), .sub-content .exocargo-sec .table-scroll .data-table th:has(+ .highlight), .sub-content .exocargo-sec .table-scroll .data-table td:has(+ .highlight), .sub-content .exosort-sec .table-scroll .data-table th:has(+ .highlight), .sub-content .exosort-sec .table-scroll .data-table td:has(+ .highlight) {
  border-right: none;
}
.sub-content .exoflow-sec .table-scroll .data-table, .sub-content .exocargo-sec .table-scroll .data-table, .sub-content .exosort-sec .table-scroll .data-table {
  /* 2. 구분, 세부 설명 (기본 헤더 & 바디) */
}
.sub-content .exoflow-sec .table-scroll .data-table thead th, .sub-content .exocargo-sec .table-scroll .data-table thead th, .sub-content .exosort-sec .table-scroll .data-table thead th {
  background: #f8f9fa; /* 연한 회색 배경 */
  font-weight: 700;
  color: #111;
}
.sub-content .exoflow-sec .table-scroll .data-table tbody th, .sub-content .exocargo-sec .table-scroll .data-table tbody th, .sub-content .exosort-sec .table-scroll .data-table tbody th {
  background: #fff;
  font-weight: 700;
  color: #333;
}
.sub-content .exoflow-sec .table-scroll .data-table tbody td, .sub-content .exocargo-sec .table-scroll .data-table tbody td, .sub-content .exosort-sec .table-scroll .data-table tbody td {
  background: #fff;
  color: #555;
  font-weight: 500;
}
.sub-content .exoflow-sec .table-scroll .data-table, .sub-content .exocargo-sec .table-scroll .data-table, .sub-content .exosort-sec .table-scroll .data-table {
  /* 헤더 부분 (네이비 배경 + 굵은 테두리) */
}
.sub-content .exoflow-sec .table-scroll .data-table th.highlight, .sub-content .exocargo-sec .table-scroll .data-table th.highlight, .sub-content .exosort-sec .table-scroll .data-table th.highlight {
  background: #1C2E4A;
  color: #fff;
  border: 2px solid #1C2E4A; /* 박스 윗부분/양옆 테두리 */
}
.sub-content .exoflow-sec .table-scroll .data-table, .sub-content .exocargo-sec .table-scroll .data-table, .sub-content .exosort-sec .table-scroll .data-table {
  /* 바디 부분 (양옆 굵은 테두리) */
}
.sub-content .exoflow-sec .table-scroll .data-table td.highlight, .sub-content .exocargo-sec .table-scroll .data-table td.highlight, .sub-content .exosort-sec .table-scroll .data-table td.highlight {
  border-left: 2px solid #1C2E4A;
  border-right: 2px solid #1C2E4A;
  font-weight: 700; /* 시안처럼 글씨를 조금 더 강조 */
  color: #111;
}
.sub-content .exoflow-sec .table-scroll .data-table, .sub-content .exocargo-sec .table-scroll .data-table, .sub-content .exosort-sec .table-scroll .data-table {
  /* 바디 마지막 줄 (아래쪽 굵은 테두리로 박스 닫기) */
}
.sub-content .exoflow-sec .table-scroll .data-table tbody tr:last-child td.highlight, .sub-content .exocargo-sec .table-scroll .data-table tbody tr:last-child td.highlight, .sub-content .exosort-sec .table-scroll .data-table tbody tr:last-child td.highlight {
  border-bottom: 2px solid #1C2E4A;
}
.sub-content .exoflow-sec, .sub-content .exocargo-sec, .sub-content .exosort-sec {
  /* ===================================
  2. Performance : 지표 및 테이블
  =================================== */
}
.sub-content .exoflow-sec .mt-large, .sub-content .exocargo-sec .mt-large, .sub-content .exosort-sec .mt-large {
  padding: 21.3333vw 0vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .mt-large, .sub-content .exocargo-sec .mt-large, .sub-content .exosort-sec .mt-large {
    padding: 5rem 0rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .mt-large, .sub-content .exocargo-sec .mt-large, .sub-content .exosort-sec .mt-large {
    padding: 80px 0px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .mt-large, .sub-content .exocargo-sec .mt-large, .sub-content .exosort-sec .mt-large {
    padding: 11.1111vw 0vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .mt-large, .sub-content .exocargo-sec .mt-large, .sub-content .exosort-sec .mt-large {
    padding: 160px 0px;
  }
}
.sub-content .exoflow-sec .mt-large:last-of-type, .sub-content .exocargo-sec .mt-large:last-of-type, .sub-content .exosort-sec .mt-large:last-of-type {
  padding: 0;
}
.sub-content .exoflow-sec .check-list li, .sub-content .exocargo-sec .check-list li, .sub-content .exosort-sec .check-list li {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .check-list li, .sub-content .exocargo-sec .check-list li, .sub-content .exosort-sec .check-list li {
    padding-left: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .check-list li, .sub-content .exocargo-sec .check-list li, .sub-content .exosort-sec .check-list li {
    padding-left: 40px;
  }
}
.sub-content .exoflow-sec .check-list li, .sub-content .exocargo-sec .check-list li, .sub-content .exosort-sec .check-list li {
  margin-bottom: 8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .check-list li, .sub-content .exocargo-sec .check-list li, .sub-content .exosort-sec .check-list li {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .check-list li, .sub-content .exocargo-sec .check-list li, .sub-content .exosort-sec .check-list li {
    margin-bottom: 30px;
  }
}
.sub-content .exoflow-sec .check-list li:last-of-type, .sub-content .exocargo-sec .check-list li:last-of-type, .sub-content .exosort-sec .check-list li:last-of-type {
  margin-bottom: 0;
}
.sub-content .exoflow-sec .check-list li .icon-svg, .sub-content .exocargo-sec .check-list li .icon-svg, .sub-content .exosort-sec .check-list li .icon-svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .check-list li .icon-svg, .sub-content .exocargo-sec .check-list li .icon-svg, .sub-content .exosort-sec .check-list li .icon-svg {
    width: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .check-list li .icon-svg, .sub-content .exocargo-sec .check-list li .icon-svg, .sub-content .exosort-sec .check-list li .icon-svg {
    width: 24px;
  }
}
.sub-content .exoflow-sec .check-list li .icon-svg, .sub-content .exocargo-sec .check-list li .icon-svg, .sub-content .exosort-sec .check-list li .icon-svg {
  height: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .check-list li .icon-svg, .sub-content .exocargo-sec .check-list li .icon-svg, .sub-content .exosort-sec .check-list li .icon-svg {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .check-list li .icon-svg, .sub-content .exocargo-sec .check-list li .icon-svg, .sub-content .exosort-sec .check-list li .icon-svg {
    height: 24px;
  }
}
.sub-content .exoflow-sec .check-list li .icon-svg svg, .sub-content .exocargo-sec .check-list li .icon-svg svg, .sub-content .exosort-sec .check-list li .icon-svg svg {
  color: #832EDA;
}
.sub-content .exoflow-sec .check-list li span, .sub-content .exocargo-sec .check-list li span, .sub-content .exosort-sec .check-list li span {
  color: #1C2E4A;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .check-list li span, .sub-content .exocargo-sec .check-list li span, .sub-content .exosort-sec .check-list li span {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .check-list li span, .sub-content .exocargo-sec .check-list li span, .sub-content .exosort-sec .check-list li span {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .check-list li span, .sub-content .exocargo-sec .check-list li span, .sub-content .exosort-sec .check-list li span {
    font-size: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .check-list li span, .sub-content .exocargo-sec .check-list li span, .sub-content .exosort-sec .check-list li span {
    font-size: 24px;
  }
}
.sub-content .exoflow-sec, .sub-content .exocargo-sec, .sub-content .exosort-sec {
  /* 1. Innovation 영역 */
}
.sub-content .exoflow-sec .info-block, .sub-content .exocargo-sec .info-block, .sub-content .exosort-sec .info-block {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .info-block, .sub-content .exocargo-sec .info-block, .sub-content .exosort-sec .info-block {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .info-block, .sub-content .exocargo-sec .info-block, .sub-content .exosort-sec .info-block {
    margin-bottom: 32px;
  }
}
.sub-content .exoflow-sec .info-block:last-child, .sub-content .exocargo-sec .info-block:last-child, .sub-content .exosort-sec .info-block:last-child {
  margin-bottom: 0;
}
.sub-content .exoflow-sec .info-block .info-tit, .sub-content .exocargo-sec .info-block .info-tit, .sub-content .exosort-sec .info-block .info-tit {
  color: #1A1D20;
  font-weight: 700;
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .info-block .info-tit, .sub-content .exocargo-sec .info-block .info-tit, .sub-content .exosort-sec .info-block .info-tit {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .info-block .info-tit, .sub-content .exocargo-sec .info-block .info-tit, .sub-content .exosort-sec .info-block .info-tit {
    margin-bottom: 20px;
  }
}
.sub-content .exoflow-sec .info-block .info-tit, .sub-content .exocargo-sec .info-block .info-tit, .sub-content .exosort-sec .info-block .info-tit {
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .info-block .info-tit, .sub-content .exocargo-sec .info-block .info-tit, .sub-content .exosort-sec .info-block .info-tit {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .info-block .info-tit, .sub-content .exocargo-sec .info-block .info-tit, .sub-content .exosort-sec .info-block .info-tit {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .info-block .info-tit, .sub-content .exocargo-sec .info-block .info-tit, .sub-content .exosort-sec .info-block .info-tit {
    font-size: 1.6667vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .info-block .info-tit, .sub-content .exocargo-sec .info-block .info-tit, .sub-content .exosort-sec .info-block .info-tit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .info-block .info-tit, .sub-content .exocargo-sec .info-block .info-tit, .sub-content .exosort-sec .info-block .info-tit {
    margin-bottom: 24px;
  }
}
.sub-content .exoflow-sec .info-block .info-desc, .sub-content .exocargo-sec .info-block .info-desc, .sub-content .exosort-sec .info-block .info-desc {
  color: #50555B;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .info-block .info-desc, .sub-content .exocargo-sec .info-block .info-desc, .sub-content .exosort-sec .info-block .info-desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .info-block .info-desc, .sub-content .exocargo-sec .info-block .info-desc, .sub-content .exosort-sec .info-block .info-desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .info-block .info-desc, .sub-content .exocargo-sec .info-block .info-desc, .sub-content .exosort-sec .info-block .info-desc {
    font-size: 1.3889vw;
    margin-bottom: 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .info-block .info-desc, .sub-content .exocargo-sec .info-block .info-desc, .sub-content .exosort-sec .info-block .info-desc {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .info-block .info-desc, .sub-content .exocargo-sec .info-block .info-desc, .sub-content .exosort-sec .info-block .info-desc {
    margin-bottom: 40px;
  }
}
.sub-content .exoflow-sec .step-wrap, .sub-content .exocargo-sec .step-wrap, .sub-content .exosort-sec .step-wrap {
  margin-bottom: 19.2vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap, .sub-content .exocargo-sec .step-wrap, .sub-content .exosort-sec .step-wrap {
    margin-bottom: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap, .sub-content .exocargo-sec .step-wrap, .sub-content .exosort-sec .step-wrap {
    margin-bottom: 72px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap, .sub-content .exocargo-sec .step-wrap, .sub-content .exosort-sec .step-wrap {
    margin-bottom: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .step-wrap, .sub-content .exocargo-sec .step-wrap, .sub-content .exosort-sec .step-wrap {
    margin-bottom: 80px;
  }
}
.sub-content .exoflow-sec .step-wrap .step-list, .sub-content .exocargo-sec .step-wrap .step-list, .sub-content .exosort-sec .step-wrap .step-list {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-list, .sub-content .exocargo-sec .step-wrap .step-list, .sub-content .exosort-sec .step-wrap .step-list {
    flex-direction: row;
    justify-content: space-between;
  }
}
.sub-content .exoflow-sec .step-wrap .step-item, .sub-content .exocargo-sec .step-wrap .step-item, .sub-content .exosort-sec .step-wrap .step-item {
  width: 100%;
  background: #fff;
  border: 1px solid #D3D5D8;
  text-align: center;
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .step-item, .sub-content .exocargo-sec .step-wrap .step-item, .sub-content .exosort-sec .step-wrap .step-item {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item, .sub-content .exocargo-sec .step-wrap .step-item, .sub-content .exosort-sec .step-wrap .step-item {
    border-radius: 20px;
  }
}
.sub-content .exoflow-sec .step-wrap .step-item, .sub-content .exocargo-sec .step-wrap .step-item, .sub-content .exosort-sec .step-wrap .step-item {
  padding: 11.2vw 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .step-item, .sub-content .exocargo-sec .step-wrap .step-item, .sub-content .exosort-sec .step-wrap .step-item {
    padding: 2.625rem 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item, .sub-content .exocargo-sec .step-wrap .step-item, .sub-content .exosort-sec .step-wrap .step-item {
    padding: 42px 40px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item, .sub-content .exocargo-sec .step-wrap .step-item, .sub-content .exosort-sec .step-wrap .step-item {
    flex: 1;
    padding: 4.4444vw 0vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .step-wrap .step-item, .sub-content .exocargo-sec .step-wrap .step-item, .sub-content .exosort-sec .step-wrap .step-item {
    padding: 64px 0px;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .exoflow-sec .step-wrap .step-item, html[lang=en] .sub-content .exocargo-sec .step-wrap .step-item, html[lang=en] .sub-content .exosort-sec .step-wrap .step-item {
    min-height: 35.7639vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  html[lang=en] .sub-content .exoflow-sec .step-wrap .step-item, html[lang=en] .sub-content .exocargo-sec .step-wrap .step-item, html[lang=en] .sub-content .exosort-sec .step-wrap .step-item {
    min-height: 515px;
  }
}
.sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
  background: #832EDA;
  font-weight: 700;
  color: #FFF;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
    font-size: 18px;
  }
}
.sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
    margin-bottom: 16px;
  }
}
.sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
  padding: 0vw 9.6vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
    padding: 0rem 2.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
    padding: 0px 36px;
  }
}
.sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
  height: 10.9333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
    height: 2.5625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
    height: 41px;
  }
}
.sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
  border-radius: 10.9333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
    border-radius: 2.5625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
    border-radius: 41px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .step-wrap .step-item .badge, .sub-content .exocargo-sec .step-wrap .step-item .badge, .sub-content .exosort-sec .step-wrap .step-item .badge {
    margin-bottom: 24px;
  }
}
.sub-content .exoflow-sec .step-wrap .step-item .img-box, .sub-content .exocargo-sec .step-wrap .step-item .img-box, .sub-content .exosort-sec .step-wrap .step-item .img-box {
  width: 64vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .step-item .img-box, .sub-content .exocargo-sec .step-wrap .step-item .img-box, .sub-content .exosort-sec .step-wrap .step-item .img-box {
    width: 15rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item .img-box, .sub-content .exocargo-sec .step-wrap .step-item .img-box, .sub-content .exosort-sec .step-wrap .step-item .img-box {
    width: 240px;
  }
}
.sub-content .exoflow-sec .step-wrap .step-item .img-box, .sub-content .exocargo-sec .step-wrap .step-item .img-box, .sub-content .exosort-sec .step-wrap .step-item .img-box {
  height: 54.9333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .step-item .img-box, .sub-content .exocargo-sec .step-wrap .step-item .img-box, .sub-content .exosort-sec .step-wrap .step-item .img-box {
    height: 12.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item .img-box, .sub-content .exocargo-sec .step-wrap .step-item .img-box, .sub-content .exosort-sec .step-wrap .step-item .img-box {
    height: 206px;
  }
}
.sub-content .exoflow-sec .step-wrap .step-item .img-box, .sub-content .exocargo-sec .step-wrap .step-item .img-box, .sub-content .exosort-sec .step-wrap .step-item .img-box {
  margin: 0 auto 4.2667vw auto;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .step-item .img-box, .sub-content .exocargo-sec .step-wrap .step-item .img-box, .sub-content .exosort-sec .step-wrap .step-item .img-box {
    margin: 0 auto 1rem auto;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item .img-box, .sub-content .exocargo-sec .step-wrap .step-item .img-box, .sub-content .exosort-sec .step-wrap .step-item .img-box {
    margin: 0 auto 16px auto;
  }
}
.sub-content .exoflow-sec .step-wrap .step-item .img-box img, .sub-content .exocargo-sec .step-wrap .step-item .img-box img, .sub-content .exosort-sec .step-wrap .step-item .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.sub-content .exoflow-sec .step-wrap .step-item .step-tit, .sub-content .exocargo-sec .step-wrap .step-item .step-tit, .sub-content .exosort-sec .step-wrap .step-item .step-tit {
  color: #33383D;
  text-align: center;
  font-weight: 700;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .step-item .step-tit, .sub-content .exocargo-sec .step-wrap .step-item .step-tit, .sub-content .exosort-sec .step-wrap .step-item .step-tit {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item .step-tit, .sub-content .exocargo-sec .step-wrap .step-item .step-tit, .sub-content .exosort-sec .step-wrap .step-item .step-tit {
    font-size: 18px;
  }
}
.sub-content .exoflow-sec .step-wrap .step-item .step-tit, .sub-content .exocargo-sec .step-wrap .step-item .step-tit, .sub-content .exosort-sec .step-wrap .step-item .step-tit {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .step-item .step-tit, .sub-content .exocargo-sec .step-wrap .step-item .step-tit, .sub-content .exosort-sec .step-wrap .step-item .step-tit {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item .step-tit, .sub-content .exocargo-sec .step-wrap .step-item .step-tit, .sub-content .exosort-sec .step-wrap .step-item .step-tit {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item .step-tit, .sub-content .exocargo-sec .step-wrap .step-item .step-tit, .sub-content .exosort-sec .step-wrap .step-item .step-tit {
    font-size: 1.3889vw;
    margin-bottom: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .step-wrap .step-item .step-tit, .sub-content .exocargo-sec .step-wrap .step-item .step-tit, .sub-content .exosort-sec .step-wrap .step-item .step-tit {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .step-wrap .step-item .step-tit, .sub-content .exocargo-sec .step-wrap .step-item .step-tit, .sub-content .exosort-sec .step-wrap .step-item .step-tit {
    margin-bottom: 20px;
  }
}
.sub-content .exoflow-sec .step-wrap .step-item .step-desc, .sub-content .exocargo-sec .step-wrap .step-item .step-desc, .sub-content .exosort-sec .step-wrap .step-item .step-desc {
  color: #33383D;
  text-align: center;
  font-weight: 500;
  font-family: Pretendard;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .step-item .step-desc, .sub-content .exocargo-sec .step-wrap .step-item .step-desc, .sub-content .exosort-sec .step-wrap .step-item .step-desc {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item .step-desc, .sub-content .exocargo-sec .step-wrap .step-item .step-desc, .sub-content .exosort-sec .step-wrap .step-item .step-desc {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .step-item .step-desc, .sub-content .exocargo-sec .step-wrap .step-item .step-desc, .sub-content .exosort-sec .step-wrap .step-item .step-desc {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .step-wrap .step-item .step-desc, .sub-content .exocargo-sec .step-wrap .step-item .step-desc, .sub-content .exosort-sec .step-wrap .step-item .step-desc {
    font-size: 18px;
  }
}
.sub-content .exoflow-sec .step-wrap .arrow, .sub-content .exocargo-sec .step-wrap .arrow, .sub-content .exosort-sec .step-wrap .arrow {
  transform: rotate(90deg);
  width: 21.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .arrow, .sub-content .exocargo-sec .step-wrap .arrow, .sub-content .exosort-sec .step-wrap .arrow {
    width: 5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .arrow, .sub-content .exocargo-sec .step-wrap .arrow, .sub-content .exosort-sec .step-wrap .arrow {
    width: 80px;
  }
}
.sub-content .exoflow-sec .step-wrap .arrow, .sub-content .exocargo-sec .step-wrap .arrow, .sub-content .exosort-sec .step-wrap .arrow {
  height: 21.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .arrow, .sub-content .exocargo-sec .step-wrap .arrow, .sub-content .exosort-sec .step-wrap .arrow {
    height: 5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .arrow, .sub-content .exocargo-sec .step-wrap .arrow, .sub-content .exosort-sec .step-wrap .arrow {
    height: 80px;
  }
}
.sub-content .exoflow-sec .step-wrap .arrow, .sub-content .exocargo-sec .step-wrap .arrow, .sub-content .exosort-sec .step-wrap .arrow {
  margin: 1.3333vw 0vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .arrow, .sub-content .exocargo-sec .step-wrap .arrow, .sub-content .exosort-sec .step-wrap .arrow {
    margin: 0.3125rem 0rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .arrow, .sub-content .exocargo-sec .step-wrap .arrow, .sub-content .exosort-sec .step-wrap .arrow {
    margin: 5px 0px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .arrow, .sub-content .exocargo-sec .step-wrap .arrow, .sub-content .exosort-sec .step-wrap .arrow {
    transform: rotate(0deg);
    margin: 0vw 1.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 768px) {
  .sub-content .exoflow-sec .step-wrap .arrow, .sub-content .exocargo-sec .step-wrap .arrow, .sub-content .exosort-sec .step-wrap .arrow {
    margin: 0rem 0.3125rem;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  .sub-content .exoflow-sec .step-wrap .arrow, .sub-content .exocargo-sec .step-wrap .arrow, .sub-content .exosort-sec .step-wrap .arrow {
    margin: 0px 5px;
  }
}
.sub-content .exoflow-sec .step-wrap .arrow img, .sub-content .exocargo-sec .step-wrap .arrow img, .sub-content .exosort-sec .step-wrap .arrow img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sub-content .exoflow-sec {
  /* 공통 가로 스크롤 (모바일용) */
}
.sub-content .exoflow-sec .scroll-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 16px;
}
.sub-content .exoflow-sec .scroll-wrap::-webkit-scrollbar {
  height: 6px;
}
.sub-content .exoflow-sec .scroll-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.sub-content .exoflow-sec .scroll-wrap::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.sub-content .exoflow-sec {
  /* 공정 세부 설명 */
}
.sub-content .exoflow-sec .process-detail {
  margin-bottom: 60px;
}
.sub-content .exoflow-sec .process-detail .sub-tit {
  color: #1A1D20;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .sub-tit {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .sub-tit {
    font-size: 20px;
  }
}
.sub-content .exoflow-sec .process-detail .sub-tit {
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .sub-tit {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .sub-tit {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .sub-tit {
    font-size: 1.6667vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .process-detail .sub-tit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .process-detail .sub-tit {
    margin-bottom: 24px;
  }
}
.sub-content .exoflow-sec .process-detail .sub-desc {
  color: #50555B;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .sub-desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .sub-desc {
    font-size: 18px;
  }
}
.sub-content .exoflow-sec .process-detail .sub-desc {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .sub-desc {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .sub-desc {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .sub-desc {
    width: 68.0556vw;
    font-size: 1.3889vw;
    margin-bottom: 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .process-detail .sub-desc {
    width: 980px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .process-detail .sub-desc {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .process-detail .sub-desc {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .sub-desc {
    width: 83.0556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .sub-desc {
    width: 1196px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner {
  border: 1px solid #D3D5D8;
  min-width: 384vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner {
    min-width: 90rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner {
    min-width: 1440px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner {
  border-radius: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner {
    border-radius: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner {
    border-radius: 24px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner {
  padding: 17.0667vw 18.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner {
    padding: 4rem 4.375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner {
    padding: 64px 70px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column {
  flex-flow: wrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 346.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column {
    width: 81.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column {
    width: 1300px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 74.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row {
    height: 17.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row {
    height: 280px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row img {
  height: auto;
  width: 316.2667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row img {
    width: 74.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row img {
    width: 1186px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul {
  flex-flow: wrap;
  align-content: flex-start;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30.4vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul {
    width: 7.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul {
    width: 114px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul {
  height: 69.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul {
    height: 16.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul {
    height: 260px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul li {
  color: #33383D;
  font-weight: 700;
  width: 100%;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul li {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul li {
    font-size: 20px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul li:nth-child(1) span {
  color: #6D7278;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul li:nth-child(1) span {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul li:nth-child(1) span {
    font-size: 18px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul li:nth-child(2) {
  margin-top: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul li:nth-child(2) {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul li:nth-child(2) {
    margin-top: 40px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul li:nth-child(3) {
  margin-top: 18.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul li:nth-child(3) {
    margin-top: 4.375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column .img-row ul li:nth-child(3) {
    margin-top: 70px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul {
    margin-top: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul {
    margin-top: 16px;
  }
}
html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul {
  margin-left: -8vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul {
    margin-left: -1.875rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul {
    margin-left: -30px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li {
  color: #33383D;
  text-align: center;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li {
    font-size: 20px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(1) {
  width: 53.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(1) {
    width: 12.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(1) {
    width: 200px;
  }
}
html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(1) {
  width: 68.2667vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(1) {
    width: 16rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(1) {
    width: 256px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(2) {
  margin-left: 24vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(2) {
    margin-left: 5.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(2) {
    margin-left: 90px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(2) {
  width: 48vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(2) {
    width: 11.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(2) {
    width: 180px;
  }
}
html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(2) {
  width: 85.3333vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(2) {
    width: 20rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(2) {
    width: 320px;
  }
}
html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(2) {
  margin-left: 5.3333vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(2) {
    margin-left: 1.25rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(2) {
    margin-left: 20px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(3) {
  margin-left: 24vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(3) {
    margin-left: 5.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(3) {
    margin-left: 90px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(3) {
  width: 41.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(3) {
    width: 9.6875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(3) {
    width: 155px;
  }
}
html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(3) {
  width: 35.2vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(3) {
    width: 8.25rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(3) {
    width: 132px;
  }
}
html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(3) {
  margin-left: 5.3333vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(3) {
    margin-left: 1.25rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(3) {
    margin-left: 20px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(4) {
  margin-left: 32vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(4) {
    margin-left: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(4) {
    margin-left: 120px;
  }
}
.sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(4) {
  width: 87.4667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(4) {
    width: 20.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(4) {
    width: 328px;
  }
}
html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(4) {
  width: 65.6vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(4) {
    width: 15.375rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(4) {
    width: 246px;
  }
}
html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(4) {
  margin-left: 40vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(4) {
    margin-left: 9.375rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner .img-column > ul li:nth-child(4) {
    margin-left: 150px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .process-detail .img-scroll .scroll-inner {
    min-width: auto;
  }
}
.sub-content .exoflow-sec {
  /* 하이라이트 배너 */
}
.sub-content .exoflow-sec .highlight-banner {
  overflow: hidden;
  background: #F3F4F5;
  text-align: center;
  border: 1px solid #D3D5D8;
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .highlight-banner {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .highlight-banner {
    border-radius: 20px;
  }
}
.sub-content .exoflow-sec .highlight-banner {
  padding: 14.9333vw 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .highlight-banner {
    padding: 3.5rem 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .highlight-banner {
    padding: 56px 40px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .highlight-banner {
    padding: 4.4444vw 0vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .highlight-banner {
    padding: 64px 0px;
  }
}
.sub-content .exoflow-sec .highlight-banner:before {
  content: "";
  z-index: 1;
  position: absolute;
  background-image: url("/static/images/sub/achi_overview_top2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 37.8667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .highlight-banner:before {
    width: 8.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .highlight-banner:before {
    width: 142px;
  }
}
.sub-content .exoflow-sec .highlight-banner:before {
  height: 38.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .highlight-banner:before {
    height: 9.0625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .highlight-banner:before {
    height: 145px;
  }
}
.sub-content .exoflow-sec .highlight-banner:before {
  right: 4.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .highlight-banner:before {
    right: 1.0625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .highlight-banner:before {
    right: 17px;
  }
}
.sub-content .exoflow-sec .highlight-banner:before {
  bottom: -11.2vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .highlight-banner:before {
    bottom: -2.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .highlight-banner:before {
    bottom: -42px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .highlight-banner:before {
    width: 14.4444vw;
    height: 14.7917vw;
    right: 8.8889vw;
    bottom: -8.5333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .highlight-banner:before {
    width: 208px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .highlight-banner:before {
    height: 213px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .highlight-banner:before {
    right: 128px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 768px) {
  .sub-content .exoflow-sec .highlight-banner:before {
    bottom: -2rem;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  .sub-content .exoflow-sec .highlight-banner:before {
    bottom: -32px;
  }
}
.sub-content .exoflow-sec .highlight-banner .banner-tit {
  position: relative;
  z-index: 2;
  color: #1A1D20;
  text-align: center;
  font-weight: 700;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .highlight-banner .banner-tit {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .highlight-banner .banner-tit {
    font-size: 24px;
  }
}
.sub-content .exoflow-sec .highlight-banner .banner-tit {
  margin-bottom: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .highlight-banner .banner-tit {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .highlight-banner .banner-tit {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .highlight-banner .banner-tit {
    font-size: 2.2222vw;
    margin-bottom: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .highlight-banner .banner-tit {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .highlight-banner .banner-tit {
    margin-bottom: 32px;
  }
}
.sub-content .exoflow-sec .highlight-banner .banner-tit strong {
  font-family: Pretendard;
  color: #832EDA;
}
.sub-content .exoflow-sec .highlight-banner .banner-desc {
  position: relative;
  z-index: 2;
  color: #50555B;
  text-align: center;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .highlight-banner .banner-desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .highlight-banner .banner-desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .highlight-banner .banner-desc {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .highlight-banner .banner-desc {
    font-size: 20px;
  }
}
.sub-content .exoflow-sec {
  /* ===================================
  3. Competitive Edge : 기술 & 시장
  =================================== */
}
.sub-content .exoflow-sec .edge-list {
  display: flex;
  flex-direction: column;
  gap: 19.2vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .edge-list {
    gap: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list {
    gap: 72px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list {
    gap: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .edge-list {
    gap: 80px;
  }
}
.sub-content .exoflow-sec .edge-list .edge-item {
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .edge-list .edge-item {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item {
    margin-bottom: 48px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item {
    display: flex;
    align-items: center;
    gap: 6.9444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .edge-list .edge-item {
    gap: 100px;
  }
}
.sub-content .exoflow-sec .edge-list .edge-item .img-wrap {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1.6/1; /* 시안 이미지 비율 고정 */
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .edge-list .edge-item .img-wrap {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item .img-wrap {
    margin-bottom: 48px;
  }
}
.sub-content .exoflow-sec .edge-list .edge-item .img-wrap {
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .edge-list .edge-item .img-wrap {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item .img-wrap {
    border-radius: 20px;
  }
}
.sub-content .exoflow-sec .edge-list .edge-item .img-wrap {
  width: 89.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .edge-list .edge-item .img-wrap {
    width: 20.9375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item .img-wrap {
    width: 335px;
  }
}
.sub-content .exoflow-sec .edge-list .edge-item .img-wrap {
  height: 56vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .edge-list .edge-item .img-wrap {
    height: 13.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item .img-wrap {
    height: 210px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item .img-wrap {
    margin-bottom: 0;
    width: 44.4444vw;
    height: 27.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .edge-list .edge-item .img-wrap {
    width: 640px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .edge-list .edge-item .img-wrap {
    height: 400px;
  }
}
.sub-content .exoflow-sec .edge-list .edge-item .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap {
    flex: 1;
  }
}
.sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-tit {
  color: #1C2E4A;
  font-weight: 700;
  font-size: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-tit {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-tit {
    font-size: 32px;
  }
}
.sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-tit {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-tit {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-tit {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-tit {
    font-size: 3.3333vw;
    margin-bottom: 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-tit {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-tit {
    margin-bottom: 40px;
  }
}
.sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-desc {
  color: #50555B;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-desc {
    font-size: 18px;
  }
}
.sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-desc {
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-desc {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-desc {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-desc {
    font-size: 1.3889vw;
    margin-bottom: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-desc {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .edge-desc {
    margin-bottom: 80px;
  }
}
.sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .patent-num {
  color: #1A1D20;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .patent-num {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .patent-num {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .patent-num {
    font-size: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exoflow-sec .edge-list .edge-item .txt-wrap .patent-num {
    font-size: 24px;
  }
}
.sub-content {
  /* =========================================
  [Sub] Product > ExoCargo
  ========================================= */
}
.sub-content .exocargo-sec .mt-large {
  padding-top: 25.6vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .mt-large {
    padding-top: 6rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .mt-large {
    padding-top: 96px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .mt-large {
    padding-top: 15.0694vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .mt-large {
    padding-top: 217px;
  }
}
.sub-content .exocargo-sec {
  /* 공통 레이아웃 (텍스트 + 이미지) */
}
.sub-content .exocargo-sec .flex-layout {
  display: flex;
  flex-flow: wrap;
  margin-bottom: 19.2vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .flex-layout {
    margin-bottom: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .flex-layout {
    margin-bottom: 72px;
  }
}
.sub-content .exocargo-sec .flex-layout {
  gap: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .flex-layout {
    gap: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .flex-layout {
    gap: 48px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .flex-layout {
    flex-direction: row;
    align-items: flex-start;
    gap: 13.1944vw;
    margin-bottom: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .flex-layout {
    gap: 190px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .flex-layout {
    margin-bottom: 80px;
  }
}
.sub-content .exocargo-sec .flex-layout .txt-area {
  width: 100%;
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .flex-layout .txt-area {
    flex: 1;
  }
}
.sub-content .exocargo-sec .flex-layout .txt-area .desc {
  color: #50555B;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .flex-layout .txt-area .desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .flex-layout .txt-area .desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .flex-layout .txt-area .desc {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .flex-layout .txt-area .desc {
    font-size: 20px;
  }
}
.sub-content .exocargo-sec .flex-layout .img-area {
  overflow: hidden;
  border: 1px solid #D3D5D8;
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .flex-layout .img-area {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .flex-layout .img-area {
    border-radius: 20px;
  }
}
.sub-content .exocargo-sec .flex-layout .img-area {
  width: 89.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .flex-layout .img-area {
    width: 20.9375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .flex-layout .img-area {
    width: 335px;
  }
}
.sub-content .exocargo-sec .flex-layout .img-area {
  height: 70.1333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .flex-layout .img-area {
    height: 16.4375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .flex-layout .img-area {
    height: 263px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .flex-layout .img-area {
    width: 40.6944vw;
    height: 31.9444vw;
    border-radius: 1.6667vw;
    margin-top: 4.3056vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .flex-layout .img-area {
    width: 586px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .flex-layout .img-area {
    height: 460px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .flex-layout .img-area {
    border-radius: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .flex-layout .img-area {
    margin-top: 62px;
  }
}
.sub-content .exocargo-sec .flex-layout .img-area img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.sub-content .exocargo-sec .table-info {
  margin-bottom: 19.2vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .table-info {
    margin-bottom: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .table-info {
    margin-bottom: 72px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .table-info {
    margin-bottom: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .table-info {
    margin-bottom: 80px;
  }
}
.sub-content .exocargo-sec .table-info .sub-tit {
  font-weight: 700;
  color: #1A1D20;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .table-info .sub-tit {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .table-info .sub-tit {
    font-size: 20px;
  }
}
.sub-content .exocargo-sec .table-info .sub-tit {
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .table-info .sub-tit {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .table-info .sub-tit {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .table-info .sub-tit {
    margin-bottom: 1.6667vw;
    font-size: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .table-info .sub-tit {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .table-info .sub-tit {
    font-size: 24px;
  }
}
.sub-content .exocargo-sec .table-info .sub-desc {
  font-weight: 500;
  color: #50555B;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .table-info .sub-desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .table-info .sub-desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .table-info .sub-desc {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .table-info .sub-desc {
    font-size: 20px;
  }
}
.sub-content .exocargo-sec .metrics-card {
  justify-content: center;
  gap: 14.9333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .metrics-card {
    gap: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .metrics-card {
    gap: 56px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .metrics-card {
    gap: 13.1944vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .metrics-card {
    gap: 190px;
  }
}
.sub-content .exocargo-sec {
  /* 3. Versatile 영역 */
}
.sub-content .exocargo-sec .cargo-list {
  display: flex;
  flex-direction: column;
  gap: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .cargo-list {
    gap: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .cargo-list {
    gap: 24px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .cargo-list {
    flex-direction: row;
    gap: 12.8vw;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .sub-content .exocargo-sec .cargo-list {
    gap: 3rem;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .sub-content .exocargo-sec .cargo-list {
    gap: 48px;
  }
}
.sub-content .exocargo-sec .cargo-list .cargo-card {
  background: #F3F4F5;
  text-align: center;
  border: 1px solid #D3D5D8;
  padding: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card {
    padding: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card {
    padding: 40px;
  }
}
.sub-content .exocargo-sec .cargo-list .cargo-card {
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card {
    border-radius: 20px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card {
    flex: 1;
  }
}
.sub-content .exocargo-sec .cargo-list .cargo-card .icon-wrap {
  width: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .icon-wrap {
    width: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .icon-wrap {
    width: 48px;
  }
}
.sub-content .exocargo-sec .cargo-list .cargo-card .icon-wrap {
  height: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .icon-wrap {
    height: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .icon-wrap {
    height: 48px;
  }
}
.sub-content .exocargo-sec .cargo-list .cargo-card .icon-wrap {
  margin: 0 auto 8.5333vw auto;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .icon-wrap {
    margin: 0 auto 2rem auto;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .icon-wrap {
    margin: 0 auto 32px auto;
  }
}
.sub-content .exocargo-sec .cargo-list .cargo-card .card-tit {
  color: #1C2E4A;
  text-align: center;
  font-weight: 600;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .card-tit {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .card-tit {
    font-size: 20px;
  }
}
.sub-content .exocargo-sec .cargo-list .cargo-card .card-tit {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .card-tit {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .card-tit {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .card-tit {
    font-size: 1.6667vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .card-tit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .card-tit {
    margin-bottom: 24px;
  }
}
.sub-content .exocargo-sec .cargo-list .cargo-card .card-desc {
  color: #50555B;
  text-align: center;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .card-desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .card-desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .card-desc {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .cargo-list .cargo-card .card-desc {
    font-size: 20px;
  }
}
.sub-content .exocargo-sec .mt-large .sect-header .main-title {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .mt-large .sect-header .main-title {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .mt-large .sect-header .main-title {
    margin-bottom: 32px;
  }
}
.sub-content .exocargo-sec .mt-large .sect-header .desc {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .mt-large .sect-header .desc {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .mt-large .sect-header .desc {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .mt-large .sect-header .desc {
    margin-bottom: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .mt-large .sect-header .desc {
    margin-bottom: 80px;
  }
}
.sub-content .exocargo-sec .mt-large .layout-bottom {
  flex-flow: wrap;
  gap: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .mt-large .layout-bottom {
    gap: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .mt-large .layout-bottom {
    gap: 48px;
  }
}
.sub-content .exocargo-sec .mt-large .layout-bottom .txt-area .sect-header .sub-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .mt-large .layout-bottom .txt-area .sect-header .sub-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .mt-large .layout-bottom .txt-area .sect-header .sub-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .mt-large .layout-bottom .txt-area .sect-header .sub-title {
    margin-bottom: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .mt-large .layout-bottom .txt-area .sect-header .sub-title {
    margin-bottom: 80px;
  }
}
.sub-content .exocargo-sec .mt-large .layout-bottom .txt-area .desc {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .mt-large .layout-bottom .txt-area .desc {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .mt-large .layout-bottom .txt-area .desc {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .mt-large .layout-bottom .txt-area .desc {
    margin-bottom: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .mt-large .layout-bottom .txt-area .desc {
    margin-bottom: 80px;
  }
}
.sub-content .exocargo-sec .mt-large .layout-bottom .img-area {
  height: 56vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .mt-large .layout-bottom .img-area {
    height: 13.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .mt-large .layout-bottom .img-area {
    height: 210px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .mt-large .layout-bottom .img-area {
    height: 27.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .mt-large .layout-bottom .img-area {
    height: 400px;
  }
}
.sub-content .exocargo-sec .mt-large:nth-child(2) .sect-header .main-title {
  margin-bottom: 14.9333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .mt-large:nth-child(2) .sect-header .main-title {
    margin-bottom: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .mt-large:nth-child(2) .sect-header .main-title {
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .mt-large:nth-child(2) .sect-header .main-title {
    margin-bottom: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .mt-large:nth-child(2) .sect-header .main-title {
    margin-bottom: 64px;
  }
}
.sub-content .exocargo-sec .mt-large:nth-child(3) {
  padding-top: 0;
}
.sub-content .exocargo-sec {
  /* 5. 배너 영역 */
}
.sub-content .exocargo-sec .quote-banner {
  background: url("/static/images/sub/bg_exocargo_sct4_img@m.jpg") no-repeat center/cover;
  background-size: cover;
  text-align: center;
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .quote-banner {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .quote-banner {
    border-radius: 20px;
  }
}
.sub-content .exocargo-sec .quote-banner {
  padding: 21.3333vw 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .quote-banner {
    padding: 5rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .quote-banner {
    padding: 80px 20px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .quote-banner {
    background: url("/static/images/sub/bg_exocargo_sct4_img.jpg") no-repeat center/cover;
    background-size: cover;
    padding: 8.8889vw 0vw;
    border-radius: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .quote-banner {
    padding: 128px 0px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .quote-banner {
    border-radius: 24px;
  }
}
.sub-content .exocargo-sec .quote-banner .quote-text {
  font-weight: 500;
  color: #fff;
  line-height: 1.6;
  word-break: keep-all;
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .quote-banner .quote-text {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .quote-banner .quote-text {
    margin-bottom: 48px;
  }
}
.sub-content .exocargo-sec .quote-banner .quote-text {
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .quote-banner .quote-text {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .quote-banner .quote-text {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .quote-banner .quote-text {
    font-size: 2.2222vw;
    margin-bottom: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .quote-banner .quote-text {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .quote-banner .quote-text {
    margin-bottom: 64px;
  }
}
.sub-content .exocargo-sec .quote-banner .quote-author {
  display: inline-block;
  color: #D3D5D8;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .quote-banner .quote-author {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .quote-banner .quote-author {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .quote-banner .quote-author {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .quote-banner .quote-author {
    font-size: 20px;
  }
}
.sub-content {
  /* =========================================
  [Sub] Product > ExoSort
  ========================================= */
}
.sub-content .exosort-sec {
  /* 공통 가로 스크롤 */
}
.sub-content .exosort-sec .scroll-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 16px;
}
.sub-content .exosort-sec .scroll-wrap::-webkit-scrollbar {
  height: 6px;
}
.sub-content .exosort-sec .scroll-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.sub-content .exosort-sec .scroll-wrap::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.sub-content .exosort-sec {
  /* ===================================
  1. The Challenge 영역
  =================================== */
}
.sub-content .exosort-sec .challenge-info {
  display: flex;
  flex-direction: column;
  gap: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .challenge-info {
    gap: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .challenge-info {
    gap: 32px;
  }
}
.sub-content .exosort-sec .challenge-info {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .challenge-info {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .challenge-info {
    margin-bottom: 32px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .challenge-info {
    flex-direction: row;
    margin-bottom: 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .challenge-info {
    margin-bottom: 40px;
  }
}
.sub-content .exosort-sec .challenge-info .info-block {
  margin-bottom: 0;
}
.sub-content .exosort-sec .step-wrap {
  margin-bottom: 0;
}
.sub-content .exosort-sec .step-wrap .step-list .step-item .badge {
  background: #7A369F;
}
.sub-content .exosort-sec .step-wrap .step-list .step-item .img-box {
  width: 64vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .step-wrap .step-list .step-item .img-box {
    width: 15rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .step-wrap .step-list .step-item .img-box {
    width: 240px;
  }
}
.sub-content .exosort-sec .step-wrap .step-list .step-item .img-box {
  height: 64vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .step-wrap .step-list .step-item .img-box {
    height: 15rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .step-wrap .step-list .step-item .img-box {
    height: 240px;
  }
}
.sub-content .exosort-sec .step-wrap .step-list .step-item .step-tit span {
  color: #7A369F;
}
.sub-content .exosort-sec .step-wrap .step-list .step-item:nth-of-type(1) .step-tit {
  margin-bottom: 0;
}
.sub-content .exosort-sec {
  /* ===================================
  2. 뉴트라릴리스 원리 영역
  =================================== */
}
.sub-content .exosort-sec .principle-info {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .principle-info {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .principle-info {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .principle-info {
    margin-bottom: 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .principle-info {
    margin-bottom: 40px;
  }
}
.sub-content .exosort-sec .principle-info .sub-tit {
  color: #1A1D20;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .principle-info .sub-tit {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .principle-info .sub-tit {
    font-size: 20px;
  }
}
.sub-content .exosort-sec .principle-info .sub-tit {
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .principle-info .sub-tit {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .principle-info .sub-tit {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .principle-info .sub-tit {
    font-size: 1.6667vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .principle-info .sub-tit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .principle-info .sub-tit {
    margin-bottom: 24px;
  }
}
.sub-content .exosort-sec .principle-info .sub-desc {
  color: #50555B;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .principle-info .sub-desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .principle-info .sub-desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .principle-info .sub-desc {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .principle-info .sub-desc {
    font-size: 20px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner {
  border: 1px solid #D3D5D8;
  min-width: 1100px;
  border-radius: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner {
    border-radius: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner {
    border-radius: 24px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner {
  padding: 17.0667vw 8vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner {
    padding: 4rem 1.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner {
    padding: 64px 30px;
  }
}
@media screen and (min-width: 480px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner {
    min-width: 1350px;
  }
}
@media screen and (min-width: 640px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner {
    min-width: 1640px;
  }
}
@media screen and (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner {
    min-width: 900px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner {
    min-width: auto;
    border-radius: 1.6667vw;
    padding: 4.4444vw 4.1667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner {
    border-radius: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner {
    padding: 64px 60px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row {
  flex-flow: wrap;
  gap: 0;
  min-width: 1100px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0 !important;
}
@media screen and (min-width: 480px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row {
    min-width: 1350px;
  }
}
@media screen and (min-width: 640px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row {
    min-width: 1400px;
  }
}
@media screen and (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row {
    min-width: 900px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row {
    min-width: auto;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item {
  width: 45.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item {
    width: 10.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item {
    width: 170px;
  }
}
@media screen and (min-width: 640px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item {
    width: 37.7778vw;
  }
}
@media screen and (min-width: 640px) and (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item {
    width: 8.8542rem;
  }
}
@media screen and (min-width: 640px) and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item {
    width: 141.6666666667px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item {
    width: 17.7083vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item {
    width: 255px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
  width: 100%;
  background: #7A369F;
  font-weight: 700;
  color: #FFF;
  font-weight: 700;
  white-space: nowrap;
  margin-bottom: 0 !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    font-size: 16px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
  padding: 0vw 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    padding: 0rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    padding: 0px 20px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
  height: 10.9333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    height: 2.5625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    height: 41px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
  border-radius: 10.9333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    border-radius: 2.5625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    border-radius: 41px;
  }
}
@media screen and (min-width: 640px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    font-size: 3.7333vw;
  }
}
@media screen and (min-width: 640px) and (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 640px) and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    font-size: 14px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    margin-bottom: 1.6667vw;
    font-size: 1.25vw;
    padding: 0vw 2.5vw;
    height: 2.8472vw;
    border-radius: 2.8472vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    padding: 0px 36px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    height: 41px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .badge {
    border-radius: 41px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .step-tit {
  text-align: center;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .step-tit {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .step-tit {
    font-size: 16px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .step-tit {
  height: 20.8vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .step-tit {
    height: 4.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .step-tit {
    height: 78px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .step-tit {
    color: #33383D;
    text-align: center;
    font-weight: 500;
    font-size: 1.3889vw;
    height: 5.4167vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .step-tit {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .step-tit {
    height: 78px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item .step-tit strong {
  font-weight: 700;
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
  margin: auto;
  height: auto;
  width: 31.4667vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
    width: 7.375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
    width: 118px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
  margin-top: 24.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
    margin-top: 5.75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
    margin-top: 92px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
  margin-bottom: 18.1333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
    margin-bottom: 4.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
    margin-bottom: 68px;
  }
}
@media screen and (min-width: 640px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
    width: 26.2222vw;
  }
}
@media screen and (min-width: 640px) and (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
    width: 6.1458rem;
  }
}
@media screen and (min-width: 640px) and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
    width: 98.3333333333px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
    width: 12.2917vw;
    height: 15.1389vw;
    margin-top: 6.3889vw;
    margin-bottom: 5.8333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
    width: 177px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
    height: 218px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
    margin-top: 92px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(1) .img-box {
    margin-bottom: 84px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
  margin: auto;
  height: auto;
  width: 40.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
    width: 9.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
    width: 152px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
  margin-top: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
    margin-top: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
    margin-top: 32px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
  margin-bottom: 13.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 640px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
    width: 33.7778vw;
  }
}
@media screen and (min-width: 640px) and (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
    width: 7.9167rem;
  }
}
@media screen and (min-width: 640px) and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
    width: 126.6666666667px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
    width: 15.8333vw;
    height: 23.0556vw;
    margin-top: 2.2222vw;
    margin-bottom: 2.0833vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
    width: 228px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
    height: 332px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(3) .img-box {
    margin-bottom: 30px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
  margin: auto;
  height: auto;
  width: 45.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
    width: 10.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
    width: 170px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
  margin-top: 22.1333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
    margin-top: 5.1875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
    margin-top: 83px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 640px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
    width: 37.7778vw;
  }
}
@media screen and (min-width: 640px) and (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
    width: 8.8542rem;
  }
}
@media screen and (min-width: 640px) and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
    width: 141.6666666667px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
    width: 17.7083vw;
    height: 18.8194vw;
    margin-top: 5.7639vw;
    margin-bottom: 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
    width: 255px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
    height: 271px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
    margin-top: 83px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(5) .img-box {
    margin-bottom: 40px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
  margin: auto;
  height: auto;
  width: 41.7778vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
    width: 9.7917rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
    width: 156.6666666667px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
  margin-top: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
    margin-top: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
    margin-top: 32px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
  margin-bottom: 13.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 640px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
    width: 34.8148vw;
  }
}
@media screen and (min-width: 640px) and (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
    width: 8.1597rem;
  }
}
@media screen and (min-width: 640px) and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
    width: 130.5555555556px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
    width: 16.3194vw;
    height: 22.9861vw;
    margin-top: 2.2222vw;
    margin-bottom: 2.0833vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
    width: 235px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
    height: 331px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item:nth-of-type(7) .img-box {
    margin-bottom: 30px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
  color: #1A1D20;
  text-align: center;
  font-weight: 500;
  background: url("/static/images/sub/exosort_sct1_img5.png") no-repeat center center;
  background-size: contain;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    font-size: 16px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
  width: 223.5897vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    width: 52.4038rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    width: 838.4615384615px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
  height: 17.0667vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    height: 4rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    height: 64px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
  padding-top: 7.4667vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    padding-top: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    padding-top: 28px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
  margin-top: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    margin-top: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    margin-top: 48px;
  }
}
@media screen and (min-width: 640px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    font-size: 3.2vw;
    width: 181.6667vw;
  }
}
@media screen and (min-width: 640px) and (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 640px) and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    font-size: 12px;
  }
}
@media screen and (min-width: 640px) and (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    width: 42.5781rem;
  }
}
@media screen and (min-width: 640px) and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    width: 681.25px;
  }
}
@media screen and (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    font-size: 3.7333vw;
    width: 193.7778vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    width: 45.4167rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    width: 726.6666666667px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    width: 75.6944vw;
    height: 4.4444vw;
    font-size: 1.3889vw;
    padding-top: 1.9444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    width: 1090px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    height: 64px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .item-footer {
    padding-top: 28px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .arrow {
  width: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .arrow {
    width: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .arrow {
    width: 40px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner .item-row .arrow {
  margin: 56.5333vw 1.3333vw 0 1.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .arrow {
    margin: 13.25rem 0.3125rem 0 0.3125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .arrow {
    margin: 212px 5px 0 5px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .arrow {
    width: 5.5556vw;
    margin: 14.7222vw 0.3472vw 0 0.3472vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .arrow {
    width: 80px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .img-scroll .scroll-inner .item-row .arrow {
    margin: 212px 5px 0 5px;
  }
}
.sub-content .exosort-sec .img-scroll .scroll-inner img {
  width: 100%;
  display: block;
}
.sub-content .exosort-sec {
  /* ===================================
  4. Core Competitive Advantages
  =================================== */
}
.sub-content .exosort-sec .adv-list {
  display: flex;
  flex-direction: column;
  gap: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .adv-list {
    gap: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .adv-list {
    gap: 24px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .adv-list {
    flex-direction: row;
    gap: 3.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .adv-list {
    gap: 48px;
  }
}
.sub-content .exosort-sec .adv-list .adv-card {
  background: #F3F4F5;
  text-align: center;
  border: 1px solid #D3D5D8;
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .adv-list .adv-card {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .adv-list .adv-card {
    border-radius: 20px;
  }
}
.sub-content .exosort-sec .adv-list .adv-card {
  padding: 10.6667vw 8vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .adv-list .adv-card {
    padding: 2.5rem 1.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .adv-list .adv-card {
    padding: 40px 30px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .adv-list .adv-card {
    flex: 1;
    padding: 4.4444vw 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .adv-list .adv-card {
    padding: 64px 40px;
  }
}
.sub-content .exosort-sec .adv-list .adv-card .icon-wrap {
  width: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .adv-list .adv-card .icon-wrap {
    width: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .adv-list .adv-card .icon-wrap {
    width: 48px;
  }
}
.sub-content .exosort-sec .adv-list .adv-card .icon-wrap {
  height: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .adv-list .adv-card .icon-wrap {
    height: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .adv-list .adv-card .icon-wrap {
    height: 48px;
  }
}
.sub-content .exosort-sec .adv-list .adv-card .icon-wrap {
  margin: 0vw auto 8.5333vw auto;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .adv-list .adv-card .icon-wrap {
    margin: 0rem auto 2rem auto;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .adv-list .adv-card .icon-wrap {
    margin: 0px auto 32px auto;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .adv-list .adv-card .icon-wrap {
    margin: 0vw auto 3.3333vw auto;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .adv-list .adv-card .icon-wrap {
    margin: 0px auto 48px auto;
  }
}
.sub-content .exosort-sec .adv-list .adv-card .icon-wrap img {
  width: 100%;
  display: block;
}
.sub-content .exosort-sec .adv-list .adv-card .card-tit {
  color: #1C2E4A;
  text-align: center;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .adv-list .adv-card .card-tit {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .adv-list .adv-card .card-tit {
    font-size: 20px;
  }
}
.sub-content .exosort-sec .adv-list .adv-card .card-tit {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .adv-list .adv-card .card-tit {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .adv-list .adv-card .card-tit {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .adv-list .adv-card .card-tit {
    font-size: 1.6667vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .adv-list .adv-card .card-tit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .adv-list .adv-card .card-tit {
    margin-bottom: 24px;
  }
}
.sub-content .exosort-sec .adv-list .adv-card .card-desc {
  color: #50555B;
  text-align: center;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .adv-list .adv-card .card-desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .adv-list .adv-card .card-desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .adv-list .adv-card .card-desc {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .adv-list .adv-card .card-desc {
    font-size: 20px;
  }
}
.sub-content .exosort-sec {
  /* ===================================
  5. Features 영역
  =================================== */
}
.sub-content .exosort-sec .feature-list {
  display: flex;
  flex-direction: column;
  gap: 60px;
  gap: 18.1333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .feature-list {
    gap: 4.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .feature-list {
    gap: 68px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .feature-list {
    gap: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .feature-list {
    gap: 80px;
  }
}
.sub-content .exosort-sec .feature-list .feature-item {
  display: flex;
  flex-direction: column;
  gap: 12vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .feature-list .feature-item {
    gap: 2.8125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .feature-list .feature-item {
    gap: 45px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .feature-list .feature-item {
    flex-direction: row;
    align-items: center;
    gap: 13.8889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .feature-list .feature-item {
    gap: 200px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .feature-list .feature-item .txt-wrap {
    flex: 1;
  }
}
.sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-tit {
  color: #1C2E4A;
  font-weight: 700;
  font-size: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-tit {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-tit {
    font-size: 32px;
  }
}
.sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-tit {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-tit {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-tit {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-tit {
    font-size: 3.3333vw;
    margin-bottom: 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-tit {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-tit {
    margin-bottom: 40px;
  }
}
.sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-desc {
  color: #50555B;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-desc {
    font-size: 18px;
  }
}
.sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-desc {
  margin-bottom: 12vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-desc {
    margin-bottom: 2.8125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-desc {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-desc {
    font-size: 1.3889vw;
    margin-bottom: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-desc {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .feature-list .feature-item .txt-wrap .f-desc {
    margin-bottom: 80px;
  }
}
.sub-content .exosort-sec .feature-list .feature-item .txt-wrap .check-list li span {
  color: #1A1D20;
}
.sub-content .exosort-sec .feature-list .feature-item .img-wrap {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1.6/1;
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .feature-list .feature-item .img-wrap {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .feature-list .feature-item .img-wrap {
    border-radius: 20px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .feature-list .feature-item .img-wrap {
    width: 44.4444vw;
    height: 106.6667vw;
    border-radius: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .feature-list .feature-item .img-wrap {
    width: 640px;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .sub-content .exosort-sec .feature-list .feature-item .img-wrap {
    height: 25rem;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .sub-content .exosort-sec .feature-list .feature-item .img-wrap {
    height: 400px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .feature-list .feature-item .img-wrap {
    border-radius: 24px;
  }
}
.sub-content .exosort-sec .feature-list .feature-item .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.sub-content .exosort-sec .mt-large:nth-of-type(3) {
  padding: 0;
}
.sub-content .exosort-sec .mt-large:nth-of-type(3) .sect-title {
  color: #1A1D20;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .mt-large:nth-of-type(3) .sect-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .mt-large:nth-of-type(3) .sect-title {
    font-size: 24px;
  }
}
.sub-content .exosort-sec .mt-large:nth-of-type(3) .sect-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .mt-large:nth-of-type(3) .sect-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .mt-large:nth-of-type(3) .sect-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .mt-large:nth-of-type(3) .sect-title {
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .mt-large:nth-of-type(3) .sect-title {
    font-size: 32px;
  }
}
.sub-content .exosort-sec .mt-large:nth-of-type(3) .mt-medium {
  margin-top: 23.4667vw;
}
@media (min-width: 768px) {
  .sub-content .exosort-sec .mt-large:nth-of-type(3) .mt-medium {
    margin-top: 5.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exosort-sec .mt-large:nth-of-type(3) .mt-medium {
    margin-top: 88px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exosort-sec .mt-large:nth-of-type(3) .mt-medium {
    margin-top: 10.6944vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exosort-sec .mt-large:nth-of-type(3) .mt-medium {
    margin-top: 154px;
  }
}
.sub-content .exocargo-sec, .sub-content .exosort-sec {
  /* 프로세스 스텝 (선 연결 디자인) */
}
.sub-content .exocargo-sec .step-process, .sub-content .exosort-sec .step-process {
  --fill-percent: 0%;
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 2;
  gap: 21.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process, .sub-content .exosort-sec .step-process {
    gap: 5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process, .sub-content .exosort-sec .step-process {
    gap: 80px;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process, .sub-content .exosort-sec .step-process {
    flex-flow: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.0833vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .step-process, .sub-content .exosort-sec .step-process {
    gap: 30px;
  }
}
.sub-content .exocargo-sec .step-process .step-item, .sub-content .exosort-sec .step-process .step-item {
  position: relative;
  background: #F3F4F5;
  border: 1px solid #D3D5D8;
  z-index: 1;
  transition: all 0.4s ease;
  padding: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item, .sub-content .exosort-sec .step-process .step-item {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item, .sub-content .exosort-sec .step-process .step-item {
    padding: 24px;
  }
}
.sub-content .exocargo-sec .step-process .step-item, .sub-content .exosort-sec .step-process .step-item {
  border-radius: 3.2vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item, .sub-content .exosort-sec .step-process .step-item {
    border-radius: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item, .sub-content .exosort-sec .step-process .step-item {
    border-radius: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item, .sub-content .exosort-sec .step-process .step-item {
    padding: 2.2222vw;
    border-radius: 1.1111vw;
    width: 22.9167vw;
    height: 49.0667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .step-process .step-item, .sub-content .exosort-sec .step-process .step-item {
    padding: 32px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .step-process .step-item, .sub-content .exosort-sec .step-process .step-item {
    border-radius: 16px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .step-process .step-item, .sub-content .exosort-sec .step-process .step-item {
    width: 330px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item, .sub-content .exosort-sec .step-process .step-item {
    height: 11.5rem;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item, .sub-content .exosort-sec .step-process .step-item {
    height: 184px;
  }
}
.sub-content .exocargo-sec .step-process .step-item, .sub-content .exosort-sec .step-process .step-item {
  /* 연결 점 */
}
.sub-content .exocargo-sec .step-process .step-item::after, .sub-content .exosort-sec .step-process .step-item::after {
  content: "";
  position: absolute;
  left: 50%;
  z-index: 3;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #6D7278;
  transition: all 0.4s ease;
  bottom: -2.4vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item::after, .sub-content .exosort-sec .step-process .step-item::after {
    bottom: -0.5625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item::after, .sub-content .exosort-sec .step-process .step-item::after {
    bottom: -9px;
  }
}
.sub-content .exocargo-sec .step-process .step-item::after, .sub-content .exosort-sec .step-process .step-item::after {
  width: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item::after, .sub-content .exosort-sec .step-process .step-item::after {
    width: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item::after, .sub-content .exosort-sec .step-process .step-item::after {
    width: 18px;
  }
}
.sub-content .exocargo-sec .step-process .step-item::after, .sub-content .exosort-sec .step-process .step-item::after {
  height: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item::after, .sub-content .exosort-sec .step-process .step-item::after {
    height: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item::after, .sub-content .exosort-sec .step-process .step-item::after {
    height: 18px;
  }
}
.sub-content .exocargo-sec .step-process .step-item::after, .sub-content .exosort-sec .step-process .step-item::after {
  border-radius: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item::after, .sub-content .exosort-sec .step-process .step-item::after {
    border-radius: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item::after, .sub-content .exosort-sec .step-process .step-item::after {
    border-radius: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item::after, .sub-content .exosort-sec .step-process .step-item::after {
    bottom: -4.6528vw !important;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .step-process .step-item::after, .sub-content .exosort-sec .step-process .step-item::after {
    bottom: -67px !important;
  }
}
.sub-content .exocargo-sec .step-process .step-item::before, .sub-content .exosort-sec .step-process .step-item::before {
  content: "";
  position: absolute;
  left: 50%;
  z-index: 2;
  transition: all 0.4s ease;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(109, 114, 120, 0.3);
  bottom: -4.2667vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item::before, .sub-content .exosort-sec .step-process .step-item::before {
    bottom: -1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item::before, .sub-content .exosort-sec .step-process .step-item::before {
    bottom: -16px;
  }
}
.sub-content .exocargo-sec .step-process .step-item::before, .sub-content .exosort-sec .step-process .step-item::before {
  width: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item::before, .sub-content .exosort-sec .step-process .step-item::before {
    width: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item::before, .sub-content .exosort-sec .step-process .step-item::before {
    width: 32px;
  }
}
.sub-content .exocargo-sec .step-process .step-item::before, .sub-content .exosort-sec .step-process .step-item::before {
  height: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item::before, .sub-content .exosort-sec .step-process .step-item::before {
    height: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item::before, .sub-content .exosort-sec .step-process .step-item::before {
    height: 32px;
  }
}
.sub-content .exocargo-sec .step-process .step-item::before, .sub-content .exosort-sec .step-process .step-item::before {
  border-radius: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item::before, .sub-content .exosort-sec .step-process .step-item::before {
    border-radius: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item::before, .sub-content .exosort-sec .step-process .step-item::before {
    border-radius: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item::before, .sub-content .exosort-sec .step-process .step-item::before {
    bottom: -5.1389vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .step-process .step-item::before, .sub-content .exosort-sec .step-process .step-item::before {
    bottom: -74px;
  }
}
.sub-content .exocargo-sec .step-process .step-item .num, .sub-content .exosort-sec .step-process .step-item .num {
  display: block;
  color: #92979D;
  font-weight: 400;
  transition: color 0.4s ease;
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item .num, .sub-content .exosort-sec .step-process .step-item .num {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item .num, .sub-content .exosort-sec .step-process .step-item .num {
    font-size: 14px;
  }
}
.sub-content .exocargo-sec .step-process .step-item .num, .sub-content .exosort-sec .step-process .step-item .num {
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item .num, .sub-content .exosort-sec .step-process .step-item .num {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item .num, .sub-content .exosort-sec .step-process .step-item .num {
    margin-bottom: 20px;
  }
}
.sub-content .exocargo-sec .step-process .step-item .step-tit, .sub-content .exosort-sec .step-process .step-item .step-tit {
  color: #1C2E4A;
  font-weight: 600;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item .step-tit, .sub-content .exosort-sec .step-process .step-item .step-tit {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item .step-tit, .sub-content .exosort-sec .step-process .step-item .step-tit {
    font-size: 20px;
  }
}
.sub-content .exocargo-sec .step-process .step-item .step-tit, .sub-content .exosort-sec .step-process .step-item .step-tit {
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item .step-tit, .sub-content .exosort-sec .step-process .step-item .step-tit {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item .step-tit, .sub-content .exosort-sec .step-process .step-item .step-tit {
    margin-bottom: 20px;
  }
}
.sub-content .exocargo-sec .step-process .step-item .step-desc, .sub-content .exosort-sec .step-process .step-item .step-desc {
  color: #50555B;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content .exocargo-sec .step-process .step-item .step-desc, .sub-content .exosort-sec .step-process .step-item .step-desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .step-item .step-desc, .sub-content .exosort-sec .step-process .step-item .step-desc {
    font-size: 18px;
  }
}
.sub-content .exocargo-sec .step-process .step-item.on::after, .sub-content .exosort-sec .step-process .step-item.on::after {
  background: #832EDA;
}
.sub-content .exocargo-sec .step-process .step-item.on::before, .sub-content .exosort-sec .step-process .step-item.on::before {
  background: rgba(131, 46, 218, 0.3);
}
.sub-content .exocargo-sec .step-process .step-item.on .num, .sub-content .exosort-sec .step-process .step-item.on .num {
  color: #832EDA;
}
.sub-content .exocargo-sec .step-process .process-line, .sub-content .exosort-sec .step-process .process-line {
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #D3D5D8;
}
.sub-content .exocargo-sec .step-process .process-line::after, .sub-content .exosort-sec .step-process .process-line::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #9244ff;
  width: 100%;
  height: var(--fill-percent);
  transition: height 0.5s ease;
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .process-line, .sub-content .exosort-sec .step-process .process-line {
    height: 1px;
    bottom: -3.9583vw;
    width: 77.0833vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .step-process .process-line, .sub-content .exosort-sec .step-process .process-line {
    bottom: -57px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content .exocargo-sec .step-process .process-line, .sub-content .exosort-sec .step-process .process-line {
    width: 1110px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content .exocargo-sec .step-process .process-line::after, .sub-content .exosort-sec .step-process .process-line::after {
    /* PC: 가로(width)로 채워짐 */
    height: 100%;
    width: var(--fill-percent);
    transition: width 0.5s ease;
  }
}
.sub-content {
  /* =========================================
  [Sub] Product > StemOne α
  ========================================= */
}
.sub-content.stemone-page .section-inner {
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .section-inner {
    wmax-idth: 100vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .section-inner {
    wmax-idth: 1440px;
  }
}
.sub-content.stemone-page .flex-layout {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .sub-content.stemone-page .flex-layout {
    flex-direction: unset;
    flex-flow: wrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.sub-content.stemone-page .flex-layout .sub-title {
  color: #1A1D20;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .flex-layout .sub-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .sub-title {
    font-size: 24px;
  }
}
.sub-content.stemone-page .flex-layout .sub-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .flex-layout .sub-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .sub-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  .sub-content.stemone-page .flex-layout .sub-title {
    width: 100%;
    font-size: 2.2222vw;
    margin-bottom: 2.7778vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .sub-content.stemone-page .flex-layout .sub-title {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .sub-content.stemone-page .flex-layout .sub-title {
    margin-bottom: 40px;
  }
}
.sub-content.stemone-page .flex-layout .txt-area {
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .flex-layout .txt-area {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .txt-area {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 768px) {
  .sub-content.stemone-page .flex-layout .txt-area {
    margin-bottom: 0;
    width: 50%;
  }
}
.sub-content.stemone-page .flex-layout .txt-area .main-title {
  color: #1C2E4A;
  font-weight: 700;
  font-size: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .flex-layout .txt-area .main-title {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .txt-area .main-title {
    font-size: 32px;
  }
}
.sub-content.stemone-page .flex-layout .txt-area .main-title {
  margin-bottom: 14.9333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .flex-layout .txt-area .main-title {
    margin-bottom: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .txt-area .main-title {
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .txt-area .main-title {
    font-size: 3.3333vw;
    margin-bottom: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .flex-layout .txt-area .main-title {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .flex-layout .txt-area .main-title {
    margin-bottom: 64px;
  }
}
.sub-content.stemone-page .flex-layout .txt-area strong {
  display: block;
  color: #1A1D20;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .flex-layout .txt-area strong {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .txt-area strong {
    font-size: 20px;
  }
}
.sub-content.stemone-page .flex-layout .txt-area strong {
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .flex-layout .txt-area strong {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .txt-area strong {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .txt-area strong {
    font-size: 1.6667vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .flex-layout .txt-area strong {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .flex-layout .txt-area strong {
    margin-bottom: 24px;
  }
}
.sub-content.stemone-page .flex-layout .txt-area .desc {
  font-family: Pretendard;
  color: #50555B;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .flex-layout .txt-area .desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .txt-area .desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .txt-area .desc {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .flex-layout .txt-area .desc {
    font-size: 20px;
  }
}
.sub-content.stemone-page .flex-layout .img-area {
  overflow: hidden;
  border: 1px solid #D3D5D8;
  width: 89.3333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .flex-layout .img-area {
    width: 20.9375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .img-area {
    width: 335px;
  }
}
.sub-content.stemone-page .flex-layout .img-area {
  height: 70.1333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .flex-layout .img-area {
    height: 16.4375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .img-area {
    height: 263px;
  }
}
.sub-content.stemone-page .flex-layout .img-area {
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .flex-layout .img-area {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .img-area {
    border-radius: 20px;
  }
}
.sub-content.stemone-page .flex-layout .img-area {
  margin-bottom: 0vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .flex-layout .img-area {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .img-area {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout .img-area {
    background: #000;
    width: 40.6944vw;
    height: 31.9444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .flex-layout .img-area {
    width: 586px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .flex-layout .img-area {
    height: 460px;
  }
}
.sub-content.stemone-page .flex-layout .img-area img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.sub-content.stemone-page .flex-layout.layout-intro {
  margin-bottom: 21.3333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .flex-layout.layout-intro {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout.layout-intro {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .flex-layout.layout-intro {
    margin-bottom: 11.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .flex-layout.layout-intro {
    margin-bottom: 160px;
  }
}
.sub-content.stemone-page {
  /* 1. Intro */
}
.sub-content.stemone-page .evidence-sect {
  padding-bottom: 21.3333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .evidence-sect {
    padding-bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect {
    padding-bottom: 11.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .evidence-sect {
    padding-bottom: 160px;
  }
}
.sub-content.stemone-page .evidence-sect .sect-title {
  color: #1A1D20;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .evidence-sect .sect-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .sect-title {
    font-size: 24px;
  }
}
.sub-content.stemone-page .evidence-sect .sect-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .evidence-sect .sect-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .sect-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .sect-title {
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .evidence-sect .sect-title {
    font-size: 32px;
  }
}
.sub-content.stemone-page .evidence-sect .metrics-card {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: url("/static/images/sub/bg_pdu_a_sct2_img@m.jpg") no-repeat center/cover;
  background-size: cover;
  display: flex;
  flex-direction: column;
  padding: 19.2vw 0vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .evidence-sect .metrics-card {
    padding: 4.5rem 0rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .metrics-card {
    padding: 72px 0px;
  }
}
.sub-content.stemone-page .evidence-sect .metrics-card {
  gap: 14.9333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .evidence-sect .metrics-card {
    gap: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .metrics-card {
    gap: 56px;
  }
}
.sub-content.stemone-page .evidence-sect .metrics-card {
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .evidence-sect .metrics-card {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .metrics-card {
    border-radius: 20px;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .metrics-card {
    background: url("/static/images/sub/bg_pdu_a_sct2_img.jpg") no-repeat center/cover;
    background-size: cover;
    flex-direction: row;
    justify-content: center;
    padding: 5.5556vw 0vw;
    gap: 11.8056vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .evidence-sect .metrics-card {
    padding: 80px 0px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .evidence-sect .metrics-card {
    gap: 170px;
  }
}
.sub-content.stemone-page .evidence-sect .metrics-card:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.64;
  z-index: 2;
  background: #1A1D20;
}
.sub-content.stemone-page .evidence-sect .metrics-card .metric {
  position: relative;
  z-index: 3;
  text-align: center;
}
.sub-content.stemone-page .evidence-sect .metrics-card .metric .num {
  color: #ffffff;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.0667vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .num {
    gap: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .num {
    gap: 4px;
  }
}
.sub-content.stemone-page .evidence-sect .metrics-card .metric .num {
  font-size: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .num {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .num {
    font-size: 48px;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .num {
    font-size: 4.4444vw;
    margin-bottom: 0.6944vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .num {
    font-size: 64px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .num {
    margin-bottom: 10px;
  }
}
.sub-content.stemone-page .evidence-sect .metrics-card .metric .num span {
  color: #B06CFF;
  font-weight: 800;
  letter-spacing: -0.64px;
  font-size: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .num span {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .num span {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .num span {
    font-size: 3.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .num span {
    font-size: 48px;
  }
}
.sub-content.stemone-page .evidence-sect .metrics-card .metric .tit {
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .tit {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .tit {
    font-size: 20px;
  }
}
.sub-content.stemone-page .evidence-sect .metrics-card .metric .tit {
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .tit {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .tit {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .tit {
    font-size: 1.6667vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .tit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .tit {
    margin-bottom: 24px;
  }
}
.sub-content.stemone-page .evidence-sect .metrics-card .metric .desc {
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .desc {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .evidence-sect .metrics-card .metric .desc {
    font-size: 20px;
  }
}
.sub-content.stemone-page {
  /* 2. Evidence */
  /* 3. 원천기술 (Full Background) */
}
.sub-content.stemone-page .tech-bg-wrap {
  background: url("/static/images/sub/bg_pdu_a_sct3_img@m.jpg") no-repeat center/cover;
  background-size: cover;
  padding: 21.3333vw 0vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap {
    padding: 5rem 0rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap {
    padding: 80px 0px;
  }
}
@media screen and (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap {
    background: url("/static/images/sub/bg_pdu_a_sct3_img.jpg") no-repeat center/cover;
    background-size: cover;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap {
    padding: 11.1111vw 0vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .tech-bg-wrap {
    padding: 160px 0px;
  }
}
@media screen and (min-width: 1920px) {
  .sub-content.stemone-page .tech-bg-wrap {
    background: url("/static/images/sub/bg_pdu_a_sct3_img@2x.jpg") no-repeat center/cover;
    background-size: cover;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner {
  width: 89.3333333333%;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner {
    width: 100%;
    max-width: 80.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner {
    max-width: 1160px;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect {
  text-align: center;
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .title {
  color: #ffffff;
  text-align: center;
  font-weight: 400;
  font-size: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .title {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .title {
    font-size: 32px;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .title {
  margin-bottom: 14.9333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .title {
    margin-bottom: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .title {
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .title {
    font-size: 3.3333vw;
    margin-bottom: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .title {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .title {
    margin-bottom: 64px;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .title strong {
  font-weight: 700;
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .desc {
  color: #ffffff;
  text-align: center;
  font-weight: 500;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .desc {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .desc {
    font-size: 20px;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .desc {
  margin-bottom: 21.3333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .desc {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .desc {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .desc {
    font-size: 1.6667vw;
    margin-bottom: 6.9444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .desc {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .desc {
    margin-bottom: 100px;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list {
  display: flex;
  flex-direction: column;
  gap: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list {
    gap: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list {
    gap: 48px;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list {
    flex-direction: row;
    justify-content: center;
    gap: 11.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list {
    gap: 160px;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
  overflow: hidden;
  width: 42.6667vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
    width: 10rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
    width: 160px;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
  height: 56.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
    height: 13.3125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
    height: 213px;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
  border-radius: 2.1333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
    border-radius: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
    border-radius: 8px;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
    width: 16.6667vw;
    height: 22.2222vw;
    border-radius: 0.8333vw;
    margin-bottom: 3.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
    width: 240px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
    height: 320px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
    border-radius: 12px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .img-wrap {
    margin-bottom: 48px;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
  color: #ffffff;
  font-weight: 600;
  background: #B06CFF;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 6.9333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
    height: 1.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
    height: 26px;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
  border-radius: 6.9333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
    border-radius: 1.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
    border-radius: 26px;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
  padding: 0vw 3.2vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
    padding: 0rem 0.75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
    padding: 0px 12px;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
    font-size: 14px;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .badge {
    margin-bottom: 24px;
  }
}
.sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .cert-desc {
  width: 70%;
  color: #ffffff;
  text-align: center;
  font-weight: 500;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .cert-desc {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .cert-desc {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .cert-desc {
    width: 100%;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .tech-bg-wrap .section-inner .tech-sect .cert-list .cert-item .cert-desc {
    font-size: 18px;
  }
}
.sub-content.stemone-page {
  /* 4. Products */
}
.sub-content.stemone-page .product-sect {
  padding: 21.3333vw 0vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect {
    padding: 5rem 0rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect {
    padding: 80px 0px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .product-sect {
    padding: 11.1111vw 0vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect {
    padding: 160px 0px;
  }
}
.sub-content.stemone-page .product-sect .sect-title {
  color: #1A1D20;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .sect-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .sect-title {
    font-size: 24px;
  }
}
.sub-content.stemone-page .product-sect .sect-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .sect-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .sect-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .sect-title {
    font-size: 2.2222vw;
    margin-bottom: 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .sect-title {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .sect-title {
    margin-bottom: 40px;
  }
}
.sub-content.stemone-page .product-sect .product-list {
  display: flex;
  flex-direction: column;
  gap: 26.6667vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list {
    gap: 6.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list {
    gap: 100px;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list {
    gap: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .product-list {
    gap: 80px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item {
  display: flex;
  flex-direction: column;
  gap: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item {
    gap: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item {
    gap: 48px;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item {
    flex-direction: row;
    align-items: center;
    gap: 6.9444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .product-list .product-item {
    gap: 100px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .img-wrap {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 353/272;
  border-radius: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .img-wrap {
    border-radius: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .img-wrap {
    border-radius: 16px;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .img-wrap {
    aspect-ratio: 780/640;
    border-radius: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .img-wrap {
    border-radius: 20px;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content.stemone-page .product-sect .product-list .product-item .img-wrap {
    max-width: 54.1667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  html[lang=en] .sub-content.stemone-page .product-sect .product-list .product-item .img-wrap {
    max-width: 780px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .img-wrap img {
  width: 100%;
  display: block;
  object-fit: cover;
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap {
    flex: 1;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-tit {
  color: #1C2E4A;
  font-weight: 600;
  font-size: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-tit {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-tit {
    font-size: 32px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-tit {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-tit {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-tit {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-tit {
    font-size: 3.3333vw;
    margin-bottom: 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-tit {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-tit {
    margin-bottom: 40px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-sub {
  color: #50555B;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-sub {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-sub {
    font-size: 18px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-sub {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-sub {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-sub {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-sub {
    font-size: 1.3889vw;
    margin-bottom: 3.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-sub {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .prd-sub {
    margin-bottom: 48px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list {
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list {
    margin-bottom: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list {
    margin-bottom: 64px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li {
    padding-left: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li {
    padding-left: 40px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li {
  margin-bottom: 8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li {
    margin-bottom: 30px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li:last-of-type {
  margin-bottom: 0;
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li .icon-svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li .icon-svg {
    width: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li .icon-svg {
    width: 24px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li .icon-svg {
  height: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li .icon-svg {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li .icon-svg {
    height: 24px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li .icon-svg svg {
  color: #832EDA;
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li span {
  color: #1C2E4A;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li span {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li span {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li span {
    font-size: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .check-list li span {
    font-size: 24px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
  background-color: #1A1D20;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  display: none !important;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
    gap: 8px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
  border-radius: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
    border-radius: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
    border-radius: 48px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
  height: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
    height: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
    height: 48px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
    margin-bottom: 48px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
  padding: 0vw 8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
    padding: 0rem 1.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
    padding: 0px 30px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
    margin-bottom: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy {
    margin-bottom: 64px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy span {
  color: #ffffff;
  font-weight: 600;
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy span {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy span {
    font-size: 14px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy .icon-svg {
  width: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy .icon-svg {
    width: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy .icon-svg {
    width: 16px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy .icon-svg {
  height: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy .icon-svg {
    height: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy .icon-svg {
    height: 16px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .btn-buy .icon-svg svg {
  color: #fff;
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap {
  /* 5열 아이콘 리스트 */
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
  gap: 10.6667vw 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features {
    gap: 2.5rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features {
    gap: 40px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features {
    grid-template-columns: repeat(5, 1fr);
    gap: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features {
    gap: 24px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon {
  flex-flow: wrap;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 26.1333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon {
    width: 6.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon {
    width: 98px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon {
  height: 27.7333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon {
    height: 6.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon {
    height: 104px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon {
  gap: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon {
    gap: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon {
    gap: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon {
    width: 5.5556vw;
    height: 8.0556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon {
    width: 80px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon {
    height: 116px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon img {
  width: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon img {
    width: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon img {
    width: 48px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon img {
  height: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon img {
    height: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon img {
    height: 48px;
  }
}
.sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon p {
  display: block;
  width: 100%;
  height: 100%;
  color: #50555B;
  text-align: center;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon p {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon p {
    font-size: 18px;
  }
}
html[lang=en] .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon p {
  font-weight: 400;
  letter-spacing: -0.12rem;
  word-break: break-all;
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  html[lang=en] .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon p {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon p {
    font-size: 14px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon p {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .product-sect .product-list .product-item .txt-wrap .icon-features .f-icon p {
    font-size: 20px;
  }
}
.sub-content.stemone-page {
  /* 5. 배너 영역 */
}
.sub-content.stemone-page .quote-banner {
  background: url("/static/images/sub/bg_pdu_a_banner@m.jpg") no-repeat center center;
  background-size: cover;
  flex-flow: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 21.3333vw 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .quote-banner {
    padding: 5rem 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .quote-banner {
    padding: 80px 32px;
  }
}
.sub-content.stemone-page .quote-banner {
  border-radius: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .quote-banner {
    border-radius: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .quote-banner {
    border-radius: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .quote-banner {
    background: url("/static/images/sub/bg_pdu_a_banner.jpg") no-repeat center center;
    background-size: cover;
    padding: 8.8889vw 0vw;
    border-radius: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .quote-banner {
    padding: 128px 0px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .quote-banner {
    border-radius: 24px;
  }
}
.sub-content.stemone-page .quote-banner .quote-text {
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-weight: 500;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .quote-banner .quote-text {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .quote-banner .quote-text {
    font-size: 24px;
  }
}
.sub-content.stemone-page .quote-banner .quote-text {
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .quote-banner .quote-text {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .quote-banner .quote-text {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .quote-banner .quote-text {
    font-size: 2.2222vw;
    margin-bottom: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .quote-banner .quote-text {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .quote-banner .quote-text {
    margin-bottom: 64px;
  }
}
.sub-content.stemone-page .quote-banner .quote-author {
  color: #D3D5D8;
  text-align: center;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content.stemone-page .quote-banner .quote-author {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.stemone-page .quote-banner .quote-author {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.stemone-page .quote-banner .quote-author {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.stemone-page .quote-banner .quote-author {
    font-size: 20px;
  }
}
.sub-content {
  /* =========================================
  [Sub] Product > VexoHeal
  ========================================= */
}
.sub-content.vexoheal-page .section-inner {
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .section-inner {
    max-width: 100vw;
    /* 오타 수정: wmax-idth -> max-width */
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .section-inner {
    max-width: 1440px;
  }
}
.sub-content.vexoheal-page {
  /* 1. Intro */
}
.sub-content.vexoheal-page .flex-layout {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout {
    flex-direction: unset;
    flex-flow: wrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.sub-content.vexoheal-page .flex-layout.layout-intro {
  margin-bottom: 21.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout.layout-intro {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout.layout-intro {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout.layout-intro {
    margin-bottom: 11.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .flex-layout.layout-intro {
    margin-bottom: 160px;
  }
}
.sub-content.vexoheal-page .flex-layout .sub-title {
  color: #1A1D20;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .sub-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .sub-title {
    font-size: 24px;
  }
}
.sub-content.vexoheal-page .flex-layout .sub-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .sub-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .sub-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .sub-title {
    width: 100%;
    font-size: 2.2222vw;
    margin-bottom: 2.7778vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .flex-layout .sub-title {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .flex-layout .sub-title {
    margin-bottom: 40px;
  }
}
.sub-content.vexoheal-page .flex-layout .txt-area {
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .txt-area {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .txt-area {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .txt-area {
    margin-bottom: 0;
    width: 50%;
  }
}
.sub-content.vexoheal-page .flex-layout .txt-area .main-title {
  color: #1C2E4A;
  font-weight: 700;
  font-size: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .main-title {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .main-title {
    font-size: 32px;
  }
}
.sub-content.vexoheal-page .flex-layout .txt-area .main-title {
  margin-bottom: 14.9333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .main-title {
    margin-bottom: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .main-title {
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .main-title {
    font-size: 3.3333vw;
    margin-bottom: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .main-title {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .main-title {
    margin-bottom: 64px;
  }
}
.sub-content.vexoheal-page .flex-layout .txt-area strong {
  display: block;
  color: #1A1D20;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .txt-area strong {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .txt-area strong {
    font-size: 20px;
  }
}
.sub-content.vexoheal-page .flex-layout .txt-area strong {
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .txt-area strong {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .txt-area strong {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .txt-area strong {
    font-size: 1.6667vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .flex-layout .txt-area strong {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .flex-layout .txt-area strong {
    margin-bottom: 24px;
  }
}
.sub-content.vexoheal-page .flex-layout .txt-area .desc {
  font-family: Pretendard;
  color: #50555B;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .desc {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .desc {
    font-size: 20px;
  }
}
.sub-content.vexoheal-page .flex-layout .txt-area {
  /* VexoHeal 전용 태그 뱃지 */
}
.sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
  color: #B06CFF;
  font-weight: 600;
  border: 1px solid #B06CFF;
  word-break: keep-all;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0vw 3.2vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
    padding: 0rem 0.75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
    padding: 0px 12px;
  }
}
.sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
    font-size: 14px;
  }
}
.sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
  margin-top: 19.2vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
    margin-top: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
    margin-top: 72px;
  }
}
.sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
  height: 6.9333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
    height: 1.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
    height: 26px;
  }
}
.sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
  border-radius: 6.9333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
    border-radius: 1.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
    border-radius: 26px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
    padding: 0.8333vw 1.6667vw;
    border-radius: 2.7778vw;
    font-size: 1.1111vw;
    margin-top: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
    padding: 12px 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
    border-radius: 40px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .flex-layout .txt-area .tag-pill {
    margin-top: 32px;
  }
}
.sub-content.vexoheal-page .flex-layout .img-area {
  overflow: hidden;
  border: 1px solid #D3D5D8;
  width: 89.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .img-area {
    width: 20.9375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .img-area {
    width: 335px;
  }
}
.sub-content.vexoheal-page .flex-layout .img-area {
  height: 70.1333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .img-area {
    height: 16.4375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .img-area {
    height: 263px;
  }
}
.sub-content.vexoheal-page .flex-layout .img-area {
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .flex-layout .img-area {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .img-area {
    border-radius: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .flex-layout .img-area {
    background: #000;
    width: 40.6944vw;
    height: 31.9444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .flex-layout .img-area {
    width: 586px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .flex-layout .img-area {
    height: 460px;
  }
}
.sub-content.vexoheal-page .flex-layout .img-area img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.sub-content.vexoheal-page {
  /* 2. Evidence (Metrics) */
}
.sub-content.vexoheal-page .evidence-sect {
  padding-bottom: 21.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .evidence-sect {
    padding-bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect {
    padding-bottom: 11.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .evidence-sect {
    padding-bottom: 160px;
  }
}
.sub-content.vexoheal-page .evidence-sect .sect-title {
  color: #1A1D20;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .evidence-sect .sect-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .sect-title {
    font-size: 24px;
  }
}
.sub-content.vexoheal-page .evidence-sect .sect-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .evidence-sect .sect-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .sect-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .sect-title {
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .evidence-sect .sect-title {
    font-size: 32px;
  }
}
.sub-content.vexoheal-page .evidence-sect .metrics-card {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: url("/static/images/sub/bg_pdu_vexoheal_sct2_img@m.jpg") no-repeat center/cover;
  background-size: cover;
  display: flex;
  flex-direction: column;
  padding: 19.2vw 0vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card {
    padding: 4.5rem 0rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card {
    padding: 72px 0px;
  }
}
.sub-content.vexoheal-page .evidence-sect .metrics-card {
  gap: 14.9333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card {
    gap: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card {
    gap: 56px;
  }
}
.sub-content.vexoheal-page .evidence-sect .metrics-card {
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card {
    border-radius: 20px;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card {
    background: url("/static/images/sub/bg_pdu_vexoheal_sct2_img.jpg") no-repeat center/cover;
    background-size: cover;
    flex-direction: row;
    justify-content: center;
    padding: 5.5556vw 0vw;
    gap: 11.8056vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card {
    padding: 80px 0px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card {
    gap: 170px;
  }
}
.sub-content.vexoheal-page .evidence-sect .metrics-card:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.64;
  z-index: 2;
  background: #1A1D20;
}
.sub-content.vexoheal-page .evidence-sect .metrics-card .metric {
  position: relative;
  z-index: 3;
  text-align: center;
}
.sub-content.vexoheal-page .evidence-sect .metrics-card .metric .num {
  color: #ffffff;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.0667vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .num {
    gap: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .num {
    gap: 4px;
  }
}
.sub-content.vexoheal-page .evidence-sect .metrics-card .metric .num {
  font-size: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .num {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .num {
    font-size: 48px;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .num {
    font-size: 4.4444vw;
    margin-bottom: 0.6944vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .num {
    font-size: 64px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .num {
    margin-bottom: 10px;
  }
}
.sub-content.vexoheal-page .evidence-sect .metrics-card .metric .num span {
  color: #B06CFF;
  font-weight: 800;
  letter-spacing: -0.64px;
  font-size: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .num span {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .num span {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .num span {
    font-size: 3.3333vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .num span {
    font-size: 48px;
  }
}
.sub-content.vexoheal-page .evidence-sect .metrics-card .metric .tit {
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .tit {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .tit {
    font-size: 20px;
  }
}
.sub-content.vexoheal-page .evidence-sect .metrics-card .metric .tit {
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .tit {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .tit {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .tit {
    font-size: 1.6667vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .tit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .tit {
    margin-bottom: 24px;
  }
}
.sub-content.vexoheal-page .evidence-sect .metrics-card .metric .desc {
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .desc {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .evidence-sect .metrics-card .metric .desc {
    font-size: 20px;
  }
}
.sub-content.vexoheal-page .competitive .feature-cards .f-card {
  border-radius: 20px;
  border: 1px solid #D3D5D8;
  background: #F3F4F5;
  padding: 10.6667vw 9.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card {
    padding: 2.5rem 2.1875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card {
    padding: 40px 35px;
  }
}
.sub-content.vexoheal-page .competitive .feature-cards .f-card {
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card {
    border-radius: 20px;
  }
}
.sub-content.vexoheal-page .competitive .feature-cards .f-card .icon-wrap {
  width: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .icon-wrap {
    width: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .icon-wrap {
    width: 48px;
  }
}
.sub-content.vexoheal-page .competitive .feature-cards .f-card .icon-wrap {
  height: 12.8vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .icon-wrap {
    height: 3rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .icon-wrap {
    height: 48px;
  }
}
.sub-content.vexoheal-page .competitive .feature-cards .f-card .icon-wrap {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .icon-wrap {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .icon-wrap {
    margin-bottom: 32px;
  }
}
.sub-content.vexoheal-page .competitive .feature-cards .f-card .card-tit {
  color: #1C2E4A;
  text-align: center;
  font-weight: 600;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .card-tit {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .card-tit {
    font-size: 20px;
  }
}
.sub-content.vexoheal-page .competitive .feature-cards .f-card .card-tit {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .card-tit {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .card-tit {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .card-tit {
    font-size: 2.2222vw;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .card-tit {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .card-tit {
    margin-bottom: 24px;
  }
}
.sub-content.vexoheal-page .competitive .feature-cards .f-card .card-desc {
  color: #50555B;
  text-align: center;
  font-weight: 500;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .card-desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .card-desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .card-desc {
    font-size: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .competitive .feature-cards .f-card .card-desc {
    font-size: 20px;
  }
}
.sub-content.vexoheal-page {
  /* 3. The Scientific Evidence (Features - VexoHeal 전용) */
}
.sub-content.vexoheal-page .feature-cards {
  display: flex;
  flex-direction: column;
  gap: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .feature-cards {
    gap: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .feature-cards {
    gap: 24px;
  }
}
.sub-content.vexoheal-page .feature-cards {
  padding-bottom: 21.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .feature-cards {
    padding-bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .feature-cards {
    padding-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .feature-cards {
    flex-direction: row;
    gap: 2.2222vw;
    padding-bottom: 11.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .feature-cards {
    gap: 32px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .feature-cards {
    padding-bottom: 160px;
  }
}
.sub-content.vexoheal-page .feature-cards .f-card {
  background: #f8f9fa;
  border: 1px solid #D3D5D8;
  text-align: center;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .feature-cards .f-card {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .feature-cards .f-card {
    border-radius: 20px;
  }
}
.sub-content.vexoheal-page .feature-cards .f-card {
  padding: 12.8vw 8vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .feature-cards .f-card {
    padding: 3rem 1.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .feature-cards .f-card {
    padding: 48px 30px;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .feature-cards .f-card {
    flex: 1;
    border-radius: 1.6667vw;
    padding: 4.4444vw 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .feature-cards .f-card {
    border-radius: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .feature-cards .f-card {
    padding: 64px 40px;
  }
}
.sub-content.vexoheal-page .feature-cards .f-card .icon-wrap {
  width: 14.9333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .feature-cards .f-card .icon-wrap {
    width: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .feature-cards .f-card .icon-wrap {
    width: 56px;
  }
}
.sub-content.vexoheal-page .feature-cards .f-card .icon-wrap {
  margin-bottom: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .feature-cards .f-card .icon-wrap {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .feature-cards .f-card .icon-wrap {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .feature-cards .f-card .icon-wrap {
    width: 5vw;
    margin-bottom: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .feature-cards .f-card .icon-wrap {
    width: 72px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .feature-cards .f-card .icon-wrap {
    margin-bottom: 32px;
  }
}
.sub-content.vexoheal-page .feature-cards .f-card .icon-wrap img {
  width: 100%;
  display: block;
}
.sub-content.vexoheal-page .feature-cards .f-card .card-tit {
  color: #1C2E4A;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .feature-cards .f-card .card-tit {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .feature-cards .f-card .card-tit {
    font-size: 20px;
  }
}
.sub-content.vexoheal-page .feature-cards .f-card .card-tit {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .feature-cards .f-card .card-tit {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .feature-cards .f-card .card-tit {
    margin-bottom: 16px;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .feature-cards .f-card .card-tit {
    font-size: 1.6667vw;
    margin-bottom: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .feature-cards .f-card .card-tit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .feature-cards .f-card .card-tit {
    margin-bottom: 20px;
  }
}
.sub-content.vexoheal-page .feature-cards .f-card .card-desc {
  color: #50555B;
  font-weight: 500;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .feature-cards .f-card .card-desc {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .feature-cards .f-card .card-desc {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .feature-cards .f-card .card-desc {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .feature-cards .f-card .card-desc {
    font-size: 18px;
  }
}
.sub-content.vexoheal-page {
  /* 4. 성과 테이블 (VexoHeal 전용) */
}
.sub-content.vexoheal-page .table-scroll {
  /* 모바일 가로 스크롤 설정 (기존 유지) */
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.sub-content.vexoheal-page .table-scroll::-webkit-scrollbar {
  height: 6px;
}
.sub-content.vexoheal-page .table-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.sub-content.vexoheal-page .table-scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.sub-content.vexoheal-page .table-scroll {
  padding-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .table-scroll {
    padding-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .table-scroll {
    padding-bottom: 16px;
  }
}
.sub-content.vexoheal-page .table-scroll {
  margin-bottom: 21.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .table-scroll {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .table-scroll {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .table-scroll {
    padding-bottom: 0;
    margin-bottom: 11.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .table-scroll {
    margin-bottom: 160px;
  }
}
.sub-content.vexoheal-page .table-scroll {
  /* 🌟 디자인이 변경된 테이블 영역 */
}
.sub-content.vexoheal-page .table-scroll .data-table {
  width: 100%;
  min-width: 1000px; /* 표가 찌그러지지 않도록 최소 너비 유지 */
  border-collapse: collapse; /* 테두리 겹침 방지 (필수) */
  text-align: center; /* 전체 텍스트 가운데 정렬 */
}
.sub-content.vexoheal-page .table-scroll .data-table colgroup col {
  width: 41.6666666667%;
}
.sub-content.vexoheal-page .table-scroll .data-table colgroup col:first-of-type {
  width: 16.6666666667%;
}
.sub-content.vexoheal-page .table-scroll .data-table {
  /* 1. 전체 셀 공통 스타일 (기본 회색 테두리) */
}
.sub-content.vexoheal-page .table-scroll .data-table th, .sub-content.vexoheal-page .table-scroll .data-table td {
  border: 1px solid #D3D5D8; /* 이미지처럼 모든 면에 얇은 테두리 */
  word-break: keep-all;
  vertical-align: middle;
  padding: 8.5333vw 0vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .table-scroll .data-table th, .sub-content.vexoheal-page .table-scroll .data-table td {
    padding: 2rem 0rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .table-scroll .data-table th, .sub-content.vexoheal-page .table-scroll .data-table td {
    padding: 32px 0px;
  }
}
.sub-content.vexoheal-page .table-scroll .data-table th, .sub-content.vexoheal-page .table-scroll .data-table td {
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .table-scroll .data-table th, .sub-content.vexoheal-page .table-scroll .data-table td {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .table-scroll .data-table th, .sub-content.vexoheal-page .table-scroll .data-table td {
    font-size: 20px;
  }
}
.sub-content.vexoheal-page .table-scroll .data-table th:has(+ .highlight), .sub-content.vexoheal-page .table-scroll .data-table td:has(+ .highlight) {
  border-right: none;
}
.sub-content.vexoheal-page .table-scroll .data-table {
  /* 2. 구분, 세부 설명 (기본 헤더 & 바디) */
}
.sub-content.vexoheal-page .table-scroll .data-table thead th {
  background: #f8f9fa; /* 연한 회색 배경 */
  font-weight: 700;
  color: #111;
}
.sub-content.vexoheal-page .table-scroll .data-table tbody th {
  background: #fff;
  font-weight: 700;
  color: #333;
}
.sub-content.vexoheal-page .table-scroll .data-table tbody td {
  background: #fff;
  color: #555;
  font-weight: 500;
}
.sub-content.vexoheal-page .table-scroll .data-table {
  /* 헤더 부분 (네이비 배경 + 굵은 테두리) */
}
.sub-content.vexoheal-page .table-scroll .data-table th.highlight {
  background: #1C2E4A;
  color: #fff;
  border: 2px solid #1C2E4A; /* 박스 윗부분/양옆 테두리 */
}
.sub-content.vexoheal-page .table-scroll .data-table {
  /* 바디 부분 (양옆 굵은 테두리) */
}
.sub-content.vexoheal-page .table-scroll .data-table td.highlight {
  border-left: 2px solid #1C2E4A;
  border-right: 2px solid #1C2E4A;
  font-weight: 700; /* 시안처럼 글씨를 조금 더 강조 */
  color: #111;
}
.sub-content.vexoheal-page .table-scroll .data-table {
  /* 바디 마지막 줄 (아래쪽 굵은 테두리로 박스 닫기) */
}
.sub-content.vexoheal-page .table-scroll .data-table tbody tr:last-child td.highlight {
  border-bottom: 2px solid #1C2E4A;
}
.sub-content.vexoheal-page .sect-global .sect-title, .sub-content.vexoheal-page .competitive .sect-title {
  color: #1A1D20;
  font-weight: 600;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .sect-global .sect-title, .sub-content.vexoheal-page .competitive .sect-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .sect-global .sect-title, .sub-content.vexoheal-page .competitive .sect-title {
    font-size: 24px;
  }
}
.sub-content.vexoheal-page .sect-global .sect-title, .sub-content.vexoheal-page .competitive .sect-title {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .sect-global .sect-title, .sub-content.vexoheal-page .competitive .sect-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .sect-global .sect-title, .sub-content.vexoheal-page .competitive .sect-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .sect-global .sect-title, .sub-content.vexoheal-page .competitive .sect-title {
    font-size: 2.2222vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .sect-global .sect-title, .sub-content.vexoheal-page .competitive .sect-title {
    font-size: 32px;
  }
}
.sub-content.vexoheal-page {
  /* 5. Global Expansion (VexoHeal 전용) */
}
.sub-content.vexoheal-page .layout-global .map-img {
  width: 100%;
  margin-bottom: 19.2vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .map-img {
    margin-bottom: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .map-img {
    margin-bottom: 72px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .map-img {
    margin-bottom: 5.5556vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .map-img {
    margin-bottom: 80px;
  }
}
.sub-content.vexoheal-page .layout-global .map-img img {
  width: 100%;
  margin: 0 auto;
}
.sub-content.vexoheal-page .layout-global .flow-area {
  background: #fff;
  border: 1px solid #D3D5D8;
  text-align: center;
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area {
    border-radius: 20px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area {
  padding: 14.9333vw 13.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area {
    padding: 3.5rem 3.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area {
    padding: 56px 50px;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area {
    width: 100%;
    border-radius: 1.6667vw;
    padding: 4.4444vw 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area {
    border-radius: 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area {
    padding: 64px 40px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.2667vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow {
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow {
    gap: 16px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow {
    justify-content: center;
    flex-direction: row;
    gap: 0vw;
    margin-bottom: 4.4444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow {
    gap: 0px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow {
    margin-bottom: 64px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .logo-box {
  height: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .logo-box {
    height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .logo-box {
    height: 40px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .logo-box {
  margin-bottom: 3.2vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .logo-box {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .logo-box {
    margin-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .logo-box {
    height: 3.8889vw;
    margin-bottom: 1.1111vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .logo-box {
    height: 56px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .logo-box {
    margin-bottom: 16px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .logo-box img {
  height: 100%;
  object-fit: contain;
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
  font-weight: 700;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0vw 4vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
    padding: 0rem 0.9375rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
    padding: 0px 15px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
    font-size: 14px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
  border-radius: 6.9333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
    border-radius: 1.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
    border-radius: 26px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
  height: 6.9333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
    height: 1.625rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
    height: 26px;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
    padding: 0.5556vw 1.6667vw;
    font-size: 1.3889vw;
    height: 2.9167vw;
    border-radius: 2.7778vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
    padding: 8px 24px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
    height: 42px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge {
    border-radius: 40px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge.gray {
  background: #50555B;
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item .badge.purple {
  background: #832EDA;
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item:nth-of-type(1) .logo-box {
  height: 10.6667vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item:nth-of-type(1) .logo-box {
    height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item:nth-of-type(1) .logo-box {
    height: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item:nth-of-type(1) .logo-box {
    height: 4.375vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item:nth-of-type(1) .logo-box {
    height: 63px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item:nth-of-type(3) .logo-box {
  height: 9.6vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item:nth-of-type(3) .logo-box {
    height: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item:nth-of-type(3) .logo-box {
    height: 36px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item:nth-of-type(3) .logo-box {
    height: 3.8889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item:nth-of-type(3) .logo-box {
    height: 56px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item:nth-of-type(5) .logo-box {
  height: 9.8667vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item:nth-of-type(5) .logo-box {
    height: 2.3125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item:nth-of-type(5) .logo-box {
    height: 37px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item:nth-of-type(5) .logo-box {
    height: 4.0278vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .p-item:nth-of-type(5) .logo-box {
    height: 58px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow {
  background: #832EDA;
  position: relative;
  width: 0.5333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow {
    width: 0.125rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow {
    width: 2px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow {
  height: 12.2667vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow {
    height: 2.875rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow {
    height: 46px;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow {
    width: 13.8889vw;
    height: 0.1389vw;
    margin-top: 1.9444vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow {
    width: 200px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow {
    height: 2px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow {
    margin-top: 28px;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow {
    width: 6.9444vw;
    margin: 3.3333vw 0.6944vw 0 0.6944vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  html[lang=en] .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow {
    width: 100px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  html[lang=en] .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow {
    margin: 48px 10px 0 10px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow::after {
  content: "";
  position: absolute;
  left: -4px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow.up::after {
  top: -2px;
  border-bottom: 6px solid #832EDA;
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow.up::after {
    transform: rotate(-90deg);
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow.down {
    transform: rotate(180deg);
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow.down::after {
  bottom: -2px;
  border-top: 6px solid #832EDA;
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .partner-flow .flow-arrow.down::after {
    transform: rotate(90deg);
  }
}
@media screen and (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .flow-desc {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.3889vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .flow-desc {
    gap: 20px;
  }
}
@media screen and (min-width: 1200px) {
  html[lang=en] .sub-content.vexoheal-page .layout-global .flow-area .flow-desc {
    display: block;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .flow-desc .f-tit {
  color: #1C2E4A;
  text-align: center;
  font-weight: 700;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .flow-desc .f-tit {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .flow-desc .f-tit {
    font-size: 20px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .flow-desc .f-tit {
  margin-bottom: 6.4vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .flow-desc .f-tit {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .flow-desc .f-tit {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .flow-desc .f-tit {
    font-size: 1.6667vw;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .flow-desc .f-tit {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  html[lang=en] .sub-content.vexoheal-page .layout-global .flow-area .flow-desc .f-tit {
    display: block;
    margin-bottom: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  html[lang=en] .sub-content.vexoheal-page .layout-global .flow-area .flow-desc .f-tit {
    margin-bottom: 24px;
  }
}
.sub-content.vexoheal-page .layout-global .flow-area .flow-desc .f-txt {
  color: #50555B;
  text-align: center;
  font-weight: 500;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .sub-content.vexoheal-page .layout-global .flow-area .flow-desc .f-txt {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .flow-desc .f-txt {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .sub-content.vexoheal-page .layout-global .flow-area .flow-desc .f-txt {
    font-size: 1.6667vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1440px) {
  .sub-content.vexoheal-page .layout-global .flow-area .flow-desc .f-txt {
    font-size: 24px;
  }
}

@keyframes visual_fadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes visual_fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}