html {
  font-size: 12px; /* 10px = 1rem */
}
body {
  margin: 0;
  padding: 0;
  font-family: "IBM Plex Sans KR", sans-serif;
  text-align: center;
}

p {
  color: #333;
}

.br-mobile {
  display: none;
}

/* 개인정보 처리 방침 & 이용 약관 스타일 */
/* 모달 창 기본 스타일 */
.modal {
  display: none; /* 기본적으로 숨김 */
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 모달 내용 스타일 */
.modal-content {
  background-color: #fff;
  padding: 3rem;
  border-radius: 1rem;
  width: 50rem;
  max-width: 90%;
  height: 80vh;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  position: relative;
  text-align: left;
  overflow-y: auto;
}

/* 제목 스타일 */
.modal-content h2 {
  font-size: 2.5rem;
  color: #222;
  margin-bottom: 1.5rem;
  border-bottom: 2px solid #fbc02d;
  padding-bottom: 0.5rem;
}

/* 내용 스타일 */
.modal-content p {
  font-size: 1.6rem;
  line-height: 1.8;
  color: #444;
  margin-bottom: 1.2rem;
}

/* 소제목 스타일 */
.modal-content h3 {
  font-size: 2rem;
  color: #fbc02d;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/* 오른쪽 중앙의 메뉴바 */
.fixed-menu {
  position: fixed;
  top: 50%;
  right: 3rem;
  transform: translateY(-50%);
  width: 15rem; /* 적절한 너비 조절 */
  background: white;
  border-radius: 1rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 1rem 0;
  padding-bottom: 0;
  z-index: 2000;
}

.fixed-menu .menu-item {
  position: relative;
  padding: 2.5rem 1rem;
  border-bottom: 1px solid #ddd;
  font-size: 1.5rem;
  z-index: 1000;
}
.menu-item:hover {
  cursor: pointer;
}

.menu-item p {
  margin: 1rem;
  font-size: 1.8rem;
  font-weight: 600;
}

.menu-item strong {
  font-size: 1.6rem;
  color: green;
}

.fixed-menu .menu-item:last-child {
  border-bottom: none;
}

.fixed-menu .top-button {
  width: 15rem;
  height: 10rem;
  background: #fbc02d;
  color: black;
  font-weight: bold;
  border-top: 1px solid #ddd;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.3rem;
  color: white;
}
.bottom-button {
  font-size: 1.8rem;
  color: #666;
  user-select: none;
}
.bottom-button:hover {
  cursor: grab;
}
.bottom-button:active {
  cursor: grabbing;
}
/* 상단의 메뉴바 */
nav {
  position: relative;
  width: 100%;
  height: 10rem;
  background-color: #ffffff;
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 3000;
}

nav a {
  position: absolute;
  font-size: 4rem;
  text-decoration: none;
  color: #ff8800;
  font-weight: 800;
}

nav p {
  position: absolute;
  font-size: 2.7rem;
  color: #ff961e;
  font-weight: 600;
  right: 10rem;
}

/* 섹션 스타일 */
section {
  overflow: hidden;
}

.section {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  overflow: hidden;
}

/* 슬라이드 구현 */
.slider-container {
  user-select: none;
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  text-align: center;
}

.slider {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100vh;
}

.slide {
  position: relative;
  width: 100%;
  height: 100vh;
}

.slide img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  user-select: none;
  pointer-events: none; /* 클릭, 드래그 불가 */
}

.slide-text {
  position: absolute;
  top: 20rem;
  font-size: 5rem;
  font-weight: 600;
  width: 100%;
  z-index: 900;
  text-align: center;
  color: #000000;
  opacity: 0;
  transform: translateY(10px);
}

.side-text {
  font-family: "Pretendard", sans-serif;
  position: absolute;
  z-index: 900;
  top: 50rem;
  left: 26%;
  font-size: 3rem;
  font-weight: 900;
  color: #111;
}

.slide-in {
  animation: slideText 0.8s ease-in-out forwards;
  user-select: none;
}

@keyframes slideText {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.call-button {
  position: absolute;
  top: 38rem;
  left: 45%;
  transform: translateX(-50%);
  background-color: #222;
  color: white;
  padding: 2.5rem 2rem;
  font-size: 3rem;
  font-weight: 600;
  border: none;
  border-radius: 5rem;
  cursor: pointer;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.8);
  animation: floatText 2s infinite alternate ease-in-out;
}
.call-button:hover {
  background-color: #444;
}

/* 둥둥 떠다니는 애니메이션 */
@keyframes floatText {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}

.dots {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 1rem;
}

.dot {
  width: 1.5rem;
  height: 1.5rem;
  background: #444;
  border-radius: 50%;
  cursor: pointer;
}

.dot.active {
  background: white;
}

/* 두 번째 섹션 */
.advantages {
  position: relative;
  padding: 8rem 0;
  height: 120rem;
}

.advantages h2 {
  position: absolute;
  top: 12rem;
  left: 8rem;
  width: 32rem;
  font-size: 4.2rem;
  font-weight: bold;
  color: #222;
}
.advantages span {
  border-bottom: 6px solid #ffefd4;
}

/* 강조 텍스트 (노란색) */
.highlight {
  color: #f5a623;
}

/* 컨테이너 */
.content-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
  max-width: 1350px;
}

/* 휴대폰 이미지 */
.phone-image img {
  position: absolute;
  top: 20rem;
  left: 5.5rem;
  width: 38rem;
  max-width: 100%;
  z-index: 999;
}

/* 포인트 박스 */
.points {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4열 */
  grid-template-rows: repeat(3, auto); /* 3행 */
  gap: 2rem;
  width: 100%;
  max-width: 1400px;
  height: 35rem;
  margin-top: 44rem;
  margin-left: 14.7rem;
  z-index: 1000;
}

/* 공통 스타일 */
.point {
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  font-size: 1.72rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  width: 20rem; /* 박스 크기 강제 확장 → 안 줄어들도록 함 */
  height: 27rem;
}
.points span {
  font-weight: 550;
  font-size: 1.8rem;
  border-bottom: none;
}

/* 색상 테마 */
.point-yellow {
  background-color: #fff6db;
  color: #d99200;
  border: 2px solid #f8a601;
}
.point-yellow p {
  color: #d99200;
}
.point-white {
  background-color: #fff;
  color: #333;
  border: 2px solid #ddd;
}
.point-white p {
  color: #333;
}
.point-gray {
  background-color: #e0e0e0;
  color: #444;
  border: 2px solid #222;
}
.point-gray p {
  color: #444;
}
.point-blue {
  background-color: #bbdefb;
  color: #004ba0;
  border: 2px solid #0060ce;
}
.point-blue p {
  color: #004ba0;
}
.point-light-blue {
  background-color: #e3f2fd;
  color: #005b9f;
}
.point-dark-gray {
  background-color: #b0bec5;
  color: #263238;
}
.point-orange {
  background-color: #ffe0b2;
  color: #c87100;
}

/* 세 번째 섹션 */

/* 이용 프로세스 섹션 */
.process {
  background-color: #2b2b2b; /* 어두운 배경 */
  color: white;
  text-align: center;
  padding: 5rem 2rem;
  height: 80rem; /* 800px */
}

.process h2 {
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 3rem;
  position: relative;
  text-align: left;
  padding: 5rem;
}
.process h2 span {
  color: #f5a623;
  padding-bottom: 0.7rem;
  border-bottom: 5px solid #ffce6b;
}

/* 컨테이너 */
.process-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}

/* START 버튼 */
.start-btn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 34rem;
  background-color: #fbc02d;
  color: black;
  font-size: 3rem;
  font-weight: bold;
  padding: 2.5rem 4rem;
  border: none;
  border-radius: 1rem;
  cursor: pointer;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s;
}

.start-btn:hover {
  transform: scale(1.05);
}

/* 프로세스 박스 */
.steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  max-width: 80%;
}

/* 개별 STEP 박스 */
.step {
  position: relative;
  background-color: #303030;
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  text-align: left;
  position: relative;
  width: 30rem;
  height: 12rem;
}

/* STEP 타이틀 */
.step-title {
  font-size: 2rem;
  font-weight: bold;
  color: #fbc02d;
  margin-bottom: 1rem;
}

.step-text {
  font-size: 1.6rem;
  color: #ddd;
}

/* STEP 화살표 버튼 */
.arrow-btn {
  position: absolute;
  right: -1.5rem;
  bottom: 5rem;
  background: #fbc02d;
  border: none;
  width: 3.5rem;
  height: 3.5rem;
  font-size: 2rem;
  color: black;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.btn7 {
  background-color: #ffa908;
}

/* 반응형: 작은 화면에서는 2열 */
@media (max-width: 1024px) {
  .steps {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 반응형: 모바일에서는 1열 */
@media (max-width: 768px) {
  .steps {
    grid-template-columns: 1fr;
  }
  .process {
    height: 205rem !important;
  }
}

/* 네 번째 섹션 */
.network-section {
  width: 100%;
  height: 100rem; /* 1000px */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 5rem 0;
}

.network-container {
  display: flex;
  align-items: center;
  max-width: 120rem;
  width: 100%;
  gap: 6rem;
}

/* 왼쪽 지도 */
.network-map {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
}

.network-map img {
  max-width: 100%;
}

.network-arrow {
  position: absolute;
  top: 40%;
  left: 80%;
  transform: translate(-50%, -50%);
  width: 30rem;
}

/* 오른쪽 설명 텍스트 */
.network-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: center;
  align-items: left;
}

.network-info h2 {
  font-size: 4.5rem;
  font-weight: bold;
  color: #222;
}

.network-info span {
  border-bottom: 5px solid #ffce6b;
}

.highlight {
  color: #f5a623; /* 노란색 강조 */
}

.network-info p {
  font-size: 2rem;
  color: #555;
  line-height: 1.6;
}

/* 원형 데이터 박스 */
.network-stats {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50rem;
  height: 19rem;
  margin: 1rem 0;
  margin-bottom: 5rem;
  background: linear-gradient(to right, #ffe4a1, #ffb421);
  border-radius: 10rem;
  position: relative;
  padding: 1rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

/* 개별 원형 데이터 박스 */
.stat-circle {
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

/* 왼쪽 원 */
.stat-left {
  background: white;
  border: 2px solid #f5a623;
  position: absolute;
  left: 3rem;
  top: 0.5rem;
  transform: translateX(-15%);
}
.stat-left p {
  color: #f5a623;
  line-height: 0.5;
}

/* 오른쪽 원 */
.stat-right {
  background: #f5a623;

  position: absolute;
  top: 0.5rem;
  right: 3rem;
  transform: translateX(15%);
}
.stat-right p {
  color: #fff;
  line-height: 0.5;
}
/* 글자 스타일 */
.stat-title {
  font-size: 1.6rem;
  font-weight: 600;
}

.stat-number {
  font-size: 2rem;
}

/* 주요 장비 리스트 */
.equipment-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  max-width: 40rem;
}

.equipment-item {
  padding: 2rem;
  border-radius: 1rem;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  background: white;
  color: #363636;
  border: 1px solid rgb(238, 238, 238);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* 다섯 번째 섹션 스타일 */
/* 섹션 전체 스타일 */
.partners-section {
  width: 100%;
  height: 25rem;
  background-color: #f9f9f9;
  padding: 5rem 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

/* 제목 스타일 */
.partners-title {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 3rem;
  color: #888;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 10rem;
}
.partners-subtitle {
  font-size: 2.2rem;
}
.subtitle-span {
  border-bottom: 5px solid #ffdb94;
}

.highlight {
  color: #f5a623;
  font-weight: 700;
}

/* 슬라이드 컨테이너 */
.partners-slider {
  width: 80%;
  overflow: hidden;
  position: relative;
  margin: auto;
}

/* 슬라이드 트랙 */
.partners-slide-track {
  display: flex;
  width: calc(11240px);
  animation: slide-animation 28s linear infinite;
}

/* 개별 슬라이드 */
.partners-slide {
  min-width: 150px;
  padding: 0 50px;
}

.partners-slide img {
  width: 100%;
  object-fit: contain;
  max-height: 6.5rem;
}

/* 슬라이드 애니메이션 */
@keyframes slide-animation {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* 여섯 번째 섹션 스타일 */
/* 🔥 파티클 배경 */
#particles-js {
  position: absolute; /* 🔥 부모(.membership-section) 내부에만 적용 */
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10; /* 🔥 배경으로 보내기 */
}
/* 🔥 회원 모집 섹션 */
.membership-section {
  position: relative;
  width: 100%;
  height: 110rem;
  background: #2b2b2b;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.membership-box {
  width: 50rem;
  height: 65rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 7rem;
  border-radius: 5rem;
  background: rgba(0, 0, 0, 1); /* 검정색 + 50% 투명 */
  z-index: 800;
}

.box-square {
  color: #979797 !important;
}

.membership-section h2 {
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 1rem;
  text-align: left;
  display: flex;
  align-items: center;
  width: 75rem;
  height: 3rem;
  font-stretch: condensed; /* 글자 폭을 줄임 */
}
.membership-head {
  color: #fefe00;
  font-size: 4.5rem;
  font-weight: 400;
  text-align: left;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 75rem;
  height: 8rem;
}
.membership-section h2 strong {
  font-weight: 700;
}

.membership-section ul {
  list-style: none;
  padding: 1rem;
  font-size: 2.2rem;
  text-align: left;
  color: #eeee;
}

.membership-section ul li {
  margin-bottom: 1rem;
}

.membership-section .highlight {
  font-weight: bold;
  color: #fefe00;
  font-size: 3rem;
  margin-top: 1.5rem;
}

/* 회사 정보 스타일 */

.footer {
  background-color: #1a1a1a;
  color: #dcdcdc;
  padding: 5rem 0;
  text-align: left;
  font-size: 1.4rem;
  padding-bottom: 15rem;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  margin: 0 auto;
}

.footer-info {
  flex: 1;
}

.footer-info h3 {
  font-size: 2rem;
  font-weight: bold;
  color: #ffffff;
}

.footer-info p {
  margin: 0.5rem 0;
  line-height: 1.6;
  color: #eee;
}

.footer-links {
  display: flex;
  gap: 1.5rem;
  font-size: 1.3rem;
}

.footer-links a {
  color: #dcdcdc;
  text-decoration: none;
}

.footer-links a:hover {
  text-decoration: underline;
}

.footer-contact {
  background-color: #fbc02d;
  padding: 0.5rem 2rem;
  border: 5px solid #ffce6b;
  border-radius: 0.8rem;
  color: #222;
  font-weight: bold;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
}
.footer-contact p {
  font-family: "Pretendard", sans-serif;

  font-size: 1.5rem;
  text-align: left;
}
.footer-contact strong {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.5rem;
}
.footer-contact:hover {
  cursor: pointer;
}

.footer-copyright {
  width: 90%;
  text-align: center;
  margin-top: 3rem;
  font-size: 1.2rem;
}
.footer-copyright p {
  color: #888;
}
.footer-copyright span {
  font-weight: bold;
  color: #fbc02d;
}

/* 반응형 (태블릿 & 모바일) */
@media (max-width: 1450px) {
  html {
    font-size: 0.8vw !important;
  }
  .fixed-menu {
    width: 100%;
    right: 0;
    top: auto;
    bottom: -8rem;
    z-index: 1001;
    display: flex;
    flex-direction: row;
    height: 13rem;
    border-radius: 0;
    padding: 0rem;
    border-top: 1px solid #ddd;
  }
  .menu-item {
    width: 38%;
    height: 13rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    padding: 0rem !important;
    padding-left: 4rem !important;
    border-left: 1px solid #ddd;
  }
  .phone {
    width: 5rem !important;
  }
  .menu-item img {
    width: 6rem;
    height: 5rem;
  }
  .menu-item p {
    align-items: center;
    margin: 0.2rem;
    margin-left: 2rem;
    text-align: left;
  }
  .top-button {
    position: absolute;
    right: 0rem;
    width: 19.6% !important;
    height: 13rem !important;
  }
  .content-container {
    max-width: 1350px;
  }
  .points {
    max-width: 1450px;
    margin-top: 44.5rem;
    margin-left: 2rem;
    margin-right: 0rem;
    grid-template-columns: repeat(7, 1fr); /* 4열 */
    overflow-x: auto; /* 가로 스크롤 활성화 */
    overflow-y: hidden;
    scroll-snap-type: x mandatory; /* 부드러운 스크롤 */
    user-select: none; /* 모든 텍스트 선택 불가 */
  }
  .dragging {
    cursor: grabbing;
    scroll-behavior: auto;
  }
  /* 슬라이드 트랙 */
  .partners-slide-track {
    width: calc(11240px);
  }
}
@media (max-width: 1100px) {
  .call-button {
    top: 40rem;
  }
  .advantages {
    height: 100rem;
  }
  /* 슬라이드 트랙 */
  .partners-slide-track {
    width: calc(11060px);
  }
}
@media (max-width: 1040px) {
  .advantages {
    height: 103rem;
  }
  .process {
    height: 120rem;
  }
  .start-btn {
    width: 39rem;
  }
  .step {
    width: 35rem;
    height: 17rem;
  }
  .step-text {
    font-size: 1.9rem;
  }
  .equipment-list {
    max-width: 60rem !important;
    margin-left: 4rem;
  }
  footer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .footer-container {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    margin-left: 4rem;
    gap: 5rem;
  }
  .footer-info {
    font-size: 2rem;
  }

  .footer-info h3 {
    font-size: 2.5rem;
  }
  .footer-info a {
    font-size: 2.2rem;
  }
  .modal-content p {
    font-size: 2rem;
  }
  .footer-contact {
    width: 40rem;
  }
  .footer-contact p {
    font-size: 2.2rem;
  }
  .footer-contact strong {
    text-align: left;
    font-size: 3rem;
  }
  .footer-copyright p {
    font-size: 1.7rem;
    margin-left: 2rem;
  }
}
@media (max-width: 820px) {
  html {
    font-size: 1vw !important;
  }
  nav {
    height: 15rem;
  }
  nav a {
    top: 2.5rem;
  }
  nav p {
    right: 0;
    width: 100%;
    text-align: center;
    top: 5.5rem;
  }
  .call-button {
    left: 40%;
    top: 40rem;
  }
  .side-text {
    left: 15%;
  }
  .points {
    margin-top: 44rem;
    margin-left: 0rem;
  }
  .equipment-list {
    max-width: 50rem;
  }
  /* 슬라이드 트랙 */
  .partners-slide-track {
    width: calc(10000px);
  }
}
@media (max-width: 600px) {
  html {
    font-size: 1.4vw !important;
  }
  .call-button {
    top: 48rem;
    left: 35%;
  }
  .side-text {
    left: 3%;
    top: 60rem;
  }
  .slide-in {
    left: 6rem;
    width: 80%;
  }

  .network-section {
    position: relative;
    height: 150rem;
  }
  .network-info h2 {
    margin-left: 6.5rem;
    margin-bottom: 75rem;
  }
  .network-info p {
    padding: 0 5rem;
  }
  .network-map {
    position: absolute;
    top: 28rem;
    left: 16rem;
  }
  .network-map img {
    width: 40rem;
  }
  .network-arrow {
    display: none;
  }
  .network-stats {
    width: 63rem;
    margin-left: 2rem;
  }
  .stat-left p,
  .stat-right p {
    padding: 0 1rem;
  }
  .footer-container {
    padding-left: 2rem;
  }
  .footer-copyright {
    text-align: left;
  }
  /* 슬라이드 트랙 */
  .partners-slide-track {
    width: calc(10000px);
  }
  .partners-slider {
    overflow: visible;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 1.7vw !important;
  }
  section {
    padding: 0rem !important;
  }
  nav {
    height: 20rem;
  }
  nav a {
    top: 4.7rem;
  }
  nav p {
    top: 8.5rem;
  }
  .br-mobile {
    display: block;
  }
  .side-text {
    left: 15%;
  }
  .advantages h2 {
    top: 6rem;
  }
  .network-info h2,
  .partners-title,
  .process h2,
  .advantages h2 {
    margin-left: 1rem;
  }
  .network-info h2,
  .partners-title,
  .process h2,
  .advantages h2 {
    padding-left: 0rem !important;
    left: 0rem;
  }
  .equipment-list {
    margin-left: 2.2rem;
    max-width: 53rem !important;
  }
  .network-section {
    height: 170rem;
  }
  .network-info h2 {
    margin-bottom: 80rem;
  }
  .network-info p {
    padding: 2rem;
    padding-right: 1rem;
  }
  .network-map {
    left: 10rem;
    top: 35rem;
  }
  .network-stats {
    width: 50rem;
  }
  .stat-left p,
  .stat-right p {
    padding: 0;
  }
  .menu-item {
    padding-left: 1rem !important;
  }
  /* 슬라이드 트랙 */
  .partners-slide-track {
    width: calc(10400px);
  }
  .partners-section {
    height: 35rem;
  }
  .membership-box {
    width: 95%;
  }
  .membership-box .highlight {
    font-size: 2.9rem;
  }
  .membership-box p,
  .membership-box li {
    margin-left: 3rem;
  }
}
@media (max-width: 430px) {
  html {
    font-size: 1.9vw !important;
  }
  .call-button {
    top: 51rem;
    left: 15rem;
  }
  .side-text {
    left: 7rem;
  }

  .network-section {
    height: 150rem;
  }
  .network-info h2 {
    margin-bottom: 60rem;
    font-size: 4rem;
  }
  .network-map {
    top: 27rem;
  }
  .network-map img {
    width: 32rem;
  }
  .network-stats {
    width: 45rem;
  }
  .equipment-list {
    max-width: 47rem !important;
  }
  .membership-box {
    width: 100%;
    height: 65rem;
    border-radius: 0;
  }
}
@media (max-width: 430px) {
  .footer-container {
    margin-left: 1rem;
  }
}