.page-nav-wrap {
	position: sticky; top: 0; border-bottom: 1px solid #2563eb; margin: 40px 0 0; z-index: 100; background: #fff; padding-top: 10px;
	> .sec-width {
		padding: 0;
	}
	.page-nav-list {
		display: flex; width: 100%;
		li {
			flex: 1;
      &.on {
        a {
          color: #fff; background: #2563eb;
        }
      }
			a {
				position: relative; width: 100%; display: block; padding: 20px 0; font-size: 1.8rem; font-weight: 500; color: #333; border-radius: 10px 10px 0 0; text-align: center;
			}
		}
	}
}

@media (max-width: 1024px) {
  .page-nav-wrap {
    margin-top: 30px;
    .page-nav-list {
      li {
        a {
					font-size: 1.6rem;
        }
      }
    }
  }
}

@media (max-width: 768px) {
  .page-nav-wrap {
    margin-top: 20px;
    .page-nav-list {
      li {
        a {
          font-size: 1.45rem; 
        }
      }
    }
  }
}

@media (max-width: 480px) {
  .page-nav-wrap {
    .page-nav-list {
      li {
        a {
          padding: 15px 0; font-size: 1.3rem;
        }
      }
    }
  }
}