/* QHD */
@media screen and (min-width: 2000px) {
  /* 메인 */
  .main-header .logo {
    width: 240px;
  }
  .main-info-content {
    padding: var(--gap-80);
  }
  .main-info-title {
    margin: 50px 0 80px;
    font-size: var(--font-size-150);
  }
  .main-info-content-text {
    gap: var(--gap-80);
  }
  .main-info-text-wrap .tit {
    font-size: var(--font-size-100);
  }
  .main-info-text-wrap .desc {
    font-size: var(--font-size-80);
  }
  .main-section-select {
    width: 650px;
  }
  .main-select-content {
    padding: 40px 80px;
    gap: var(--gap-70);
  }
  .main-select-menu-list .link {
    font-size: var(--font-size-70);
  }
  /* 서브 */
  .sub-wrap {
    width: 1700px;
  }
  .sub-page-tab-list .tab-btn-txt {
    font-size: var(--font-size-80);
  }
}

/* 데스크탑 */
@media screen and (max-width: 1599px) {
}

@media screen and (max-width: 1366px) {
}

/* 노트북 */
@media screen and (max-width: 1279px) {
  .main-wrap {
    flex-direction: column;
  }
  .main-section-info,
  .main-section-select {
    height: auto;
  }
  .main-info-content-text {
    width: 90%;
  }
  .main-section-select {
    width: 100%;
  }
  .main-select-content {
    flex-direction: column;
  }
  .main-select-menu-title {
    margin: 0 0 var(--gap-40);
    text-align: left;
  }
  .main-select-menu-title::after {
    display: none;
  }
  .main-select-menu {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-10);
  }
  .main-select-menu-list .link {
    padding: 12px;
    border-radius: var(--radius-10);
    font-size: var(--font-size-40);
  }
}

@media screen and (max-width: 1024px) {
  .sub-wrap {
    width: 90%;
  }
}

/* 태블릿 */
@media screen and (max-width: 800px) {
  .main-info-content-text {
    width: 100%;
  }
  /* login */
  .login-wrap {
    width: 100%;
    padding: 0;
  }
  .login-intro .c-box {
    padding: 30px 100px;
  }
}

@media screen and (min-width: 601px) {
  .sub-content-tab-list .tab:hover,
  .sub-content-tab-list .tab:focus-visible {
    border: 2px solid var(--color-primary);
  }
  .sub-content-tab-list .tab:hover .tab-txt,
  .sub-content-tab-list .tab:focus-visible .tab-txt {
    color: var(--color-primary);
    font-weight: 600;
  }
  .sub-content-tab-mb-trigger {
    display: none;
  }
}

/* 큰 모바일 */
@media screen and (max-width: 600px) {
  /* 메인 */
  .main-info-content {
    padding: var(--gap-70) var(--gap-40);
  }
  .main-info-title {
    margin: 30px 0 40px;
    font-size: var(--font-size-110);
  }
  .main-info-content-text {
    gap: var(--gap-60);
  }
  .main-info-text-wrap {
    gap: var(--gap-20);
  }
  .main-info-text-wrap .tit {
    font-size: var(--font-size-60);
  }
  .main-info-text-wrap .desc {
    font-size: var(--font-size-40);
  }
  .main-select-content {
    padding: var(--gap-60) var(--gap-40);
    gap: var(--gap-70);
  }
  .main-select-menu-title {
    font-size: var(--font-size-80);
  }
  .main-select-menu-list .link {
    padding: 8px 12px;
    font-size: var(--font-size-30);
  }
  /* 서브 */
  .sub-page-title-wrap {
    margin: 50px 0 40px;
  }
  .sub-page-tab-list {
    padding: 0;
    flex-direction: column;
    gap: var(--gap-10);
    background-color: transparent;
  }
  .sub-page-tab-list .tab-button {
    padding: 8px;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid var(--color-light-gray-20);
    text-align: left;
  }
  .sub-page-tab-list .tab-button-txt {
    font-size: var(--font-size-40);
    font-weight: 500;
  }
  .sub-page-tab-list .tab-button.on,
  .sub-page-tab-list .tab-button:hover {
    background-color: transparent;
    border-bottom: 2px solid var(--color-primary);
  }
  .sub-page-tab-list .tab-button.on .tab-button-txt,
  .sub-page-tab-list .tab-button:hover .tab-button-txt {
    color: var(--color-primary);
    font-weight: 700;
  }
  .sub-content-title {
    margin: 0 0 20px;
    font-size: var(--font-size-100);
  }
  .sub-content-tab-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap-5);
  }
  .sub-content-tab-list .tab {
    width: 100%;
  }
  .sub-content-tab-list .tab,
  .sub-content-tab-mb-trigger {
    padding: 12px 15px;
  }
  .sub-content p,
  .sub-content li {
    font-size: var(--font-size-40);
  }
  .sub-content p {
    margin: 15px 0;
  }
  .c-tit {
    margin: 30px 0 10px;
    font-size: var(--font-size-60);
  }
  /* login */
  .login-wrap {
    margin: 120px auto 0;
  }
  .login-intro .c-box {
    padding: 30px;
  }
}

/* 모바일 */
@media screen and (max-width: 430px) {
  .main-info-title {
    font-size: var(--font-size-100);
  }
  /* login */
  .login-intro .head {
    font-size: 30px;
  }
  .login-intro .c-box {
    padding: 30px 20px;
  }
  .login-intro .desc {
    font-size: 17px;
  }
  .login-form {
    margin: 25px 0 0;
  }
  .btn-login {
    height: 55px;
    margin: 10px 0 0;
    border-radius: 5px;
  }
  .login-form input {
    height: 55px;
    border-radius: 5px;
  }
  .login-form .input-label {
    font-size: 16px;
  }
}

/* 작은 모바일 */
@media screen and (max-width: 360px) {
}