/* ✅ PC: 5개 한 줄, 가운데 정렬 */
.work__process .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* 가운데 정렬 */
  gap: 20px; /* 간격이 너무 좁을 경우 조절 */
}

.work__process .col-lg-2 {
  flex: 1 1 calc(20% - 20px);
  max-width: calc(20% - 20px);
}

/* ✅ 태블릿: 3개 + 2개 자동 줄바꿈 */
@media (max-width: 991px) {
  .work__process .col-lg-2 {
    flex: 1 1 calc(33.33% - 20px);
    max-width: calc(33.33% - 20px);
  }
}

/* ✅ 모바일: 1개씩 세로 정렬 */
@media (max-width: 575px) {
  .work__process .col-lg-2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}



@media (max-width: 991px) {
  .header-one__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  /* 버튼을 메뉴 아이콘 왼쪽에 표시 */
  .header-one__right-button.mobile-visible {
    display: block !important;
    margin-right: 10px;
    order: -1; /* ← 메뉴 아이콘보다 왼쪽으로 이동 */
  }
}

.bg00 {background-color: #f9f9f9;border: 0px solid #ddd;}

.bg01 {background-color: #F8D66D;}
.bg02 {background-color: #BACE8A;}
.bg03 {background-color: #A8C5E7;}
.bg04 {background-color: #94CCBB;}
.bg05 {background-color: #B2A1CD;}
.bg06 {background-color: #EDB1B4;}
.bg07 {background-color: #F9CBAE;}
.bg08 {background-color: #F6A69A;}
.bg09 {background-color: #A6E3C2;}
.bg10 {background-color: #9CC9F5;}
.bg11 {background-color: #C6B5E9;}
.bg12 {background-color: #E6E59F;}


.white {color: #fff;}


/* PC에서는 숨김 */
@media (min-width: 992px) {
  .mobile-menu-bottom-btn {
    display: none !important;
  }
}

/* 모바일용 버튼 스타일 */
@media (max-width: 991px) {
  .mobile-menu-bottom-btn a {
    background: #6BB7F0;   /* 오버롤 하늘색 */
    color: #fff;
    border-radius: 30px;
    padding: 12px 28px;
    display: inline-block;
    font-weight: 600;
    transition: background 0.2s;
  }
  .mobile-menu-bottom-btn a:hover {
    background: #5AA9E8;
  }
}

.material-symbols-outlined {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary-color-1);
    background: var(--color-2);
    font-size: 60px;
    transition: 0.4s;
}

.font-type01 {font-size: 19px;font-weight: 500;line-height: 26px;letter-spacing: 0px;color:#54595f}

.sns_btn {width: 40px}


.videowrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
padding-top: 30px;
margin-top:0px;
height: 0;
}

.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.apply-btn {
    display: inline-block;
    padding: 8px 20px;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 999px;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.35);
    transition: all 0.25s ease;
}

.apply-btn:hover {
    background: linear-gradient(135deg, #2563eb, #1e40af);
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(30, 64, 175, 0.45);
    color: #fff;
}