/* 1401 ~ 1281 */
@media screen and (max-width: 1820px) {
  /* 서브페이지 ============================================= */
}

/* 1400 ~ 1281 */
@media screen and (max-width: 1400px) {
  /* 서브페이지 ============================================= */
}

/* 1280 ~ 1024 */
@media screen and (max-width: 1280px) {
  /* sc2 */
  .sc2__content-wrap[data-item-index="1"],
  .sc2__content-wrap[data-item-index="3"],
  .sc2__content-wrap[data-item-index="4"] {
    padding: 35px;
  }

  .sc2__content-wrap[data-item-index="1"] .sc2__content-list {
    -webkit-line-clamp: 10;
  }

  /* sc3 */
  .sc3__container {
    gap: 100px;
  }

  .sc3__right-wrap {
    flex-basis: 350px;
  }

  /* sc5 */
  .sc5__news-img-wrap {
    height: 190px;
  }

  /* 서브페이지 ============================================= */
  .sub-page,
  .qna-page {
    padding-top: 75px;
  }

  .sub-sc1 .sub-section-header,
  .sub-sc3 .sub-section-header {
    flex-basis: 280px;
  }

  .sub-sc1__img-wrap {
    height: 350px;
  }

  .sub-sc1__content-wrap {
    gap: 80px;
  }

  .sub-sc3__container {
    gap: 80px;
  }

  .sub-sc4__container,
  .sub-sc5__container {
    gap: 80px;
  }

  /* qna 페이지 ==================================== */
  .qna-page__link:hover {
    background-color: #fff;
    color: #111;
    border-color: #ccc;
  }
}

/* 960 ~ 1023 */
@media screen and (max-width: 1023px) {
  /* sc2 */
  .sc2__content-wrap[data-item-index="1"],
  .sc2__content-wrap[data-item-index="3"],
  .sc2__content-wrap[data-item-index="4"] {
    padding: 30px;
  }

  .sc2__content-wrap[data-item-index="1"] {
    grid-column: 1 / span 4;
    grid-row: 1 / span 1;
    order: 1;
  }

  .sc2__content-wrap[data-item-index="2"] {
    order: 3;
  }

  .sc2__content-wrap[data-item-index="3"] {
    order: 4;
  }

  .sc2__content-wrap[data-item-index="4"] {
    order: 2;
  }

  .sc2__content-wrap[data-item-index="5"] {
    order: 5;
  }

  .sc2__content-wrap[data-item-index="1"] .sc2__content-list {
    -webkit-line-clamp: 4;
  }

  /* sc3 */
  .sc3__right-wrap {
    flex-basis: 310px;
  }

  .sc3__right-img-wrap {
    width: 90%;
  }

  /* 서브페이지 ============================================= */
  .sub-sc1__img-wrap {
    height: 300px;
  }

  .sub-sc4__container,
  .sub-sc5__container {
    gap: 65px;
  }
}

/* 768 ~ 959 */
@media screen and (max-width: 959px) {
  /* main-banner */
  section.main-banner {
    padding: 80px 0;
  }

  /* qna */
  .qna__container {
    gap: 80px;
  }

  .qna__btn-tab {
    font-size: 20px;
  }

  .qna__tab-panel-wrap {
    font-size: 20px;
  }

  .qna__link {
    position: static;
  }

  .qna__q,
  .qna__a {
    width: 40px;
    height: 40px;
    font-size: 22px;
  }

  /* sc2 */
  .sc2__container {
    align-items: start;
    grid-template-rows: 230px 230px 230px;
  }

  .sc2__content-wrap {
    font-size: 16px;
    overflow: hidden;
  }

  .sc2__content-wrap[data-item-index="2"],
  .sc2__content-wrap[data-item-index="3"],
  .sc2__content-wrap[data-item-index="4"],
  .sc2__content-wrap[data-item-index="5"] {
    grid-column: span 2;
  }

  .sc2__content-wrap[data-item-index="3"] {
    order: 5;
  }

  .sc2__content-wrap[data-item-index="5"] {
    order: 4;
  }

  .sc2__content-title {
    font-size: 18px;
  }

  .sc2__btn-view-more {
    font-size: 16px;
  }

  /* sc3 */
  .sc3__container {
    flex-direction: column;
    gap: 70px;
  }

  .sc3__left-wrap {
    order: 2;
  }

  .sc3__right-wrap {
    order: 1;
  }

  .sc3__right-img-wrap {
    width: 50%;
    height: 200px;
  }

  /* sc4 */
  .sc4__img {
    width: 245px;
  }

  /* sc5 */
  .sc5__news-item {
    flex-direction: column;
  }

  .sc5__news-img-wrap {
    width: 100%;
  }

  /* 서브페이지 ============================================= */
  .sub-page,
  .qna-page {
    padding-top: 65px;
  }

  .sub-section-header__title {
    font-size: 30px;
  }

  .sub-sc1__page-title {
    font-size: 34px;
  }

  .sub-sc1__img-wrap {
    height: 250px;
  }

  .sub-sc1 .sub-section-header {
    flex-basis: auto;
  }

  .sub-sc1__content-wrap {
    flex-direction: column;
    gap: 20px;
  }

  .sub-sc2__card-container {
    flex-direction: column;
  }

  .sub-sc3__container {
    flex-direction: column;
    gap: 20px;
  }

  .sub-sc3 .sub-section-header {
    flex-basis: auto;
  }

  .sub-sc4__img-wrap,
  .sub-sc__img-wrap {
    flex-basis: 300px;
  }

  .sub-sc4__container,
  .sub-sc5__container {
    flex-direction: column;
    gap: 50px;
  }

  .sub-sc4 .sub-section-header,
  .sub-sc5 .sub-section-header {
    margin-bottom: 20px;
  }
}

/* 587 ~ 767 */
@media screen and (max-width: 767px) {
  /* main-banner */
  section.main-banner {
    padding: 65px 0;
  }

  .main-banner__desc {
    margin-top: 40px;
    font-size: 20px;
  }

  /* qna */
  .qna__container {
    flex-direction: column;
    gap: 35px;
  }

  .qna__tab-wrap {
    flex-direction: row;
  }

  .qna__tab-panel-wrap {
    font-size: 18px;
    padding-top: 0 !important;
  }

  .qna__question-wrap,
  .qna__answer-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .qna__question-wrap {
    margin-bottom: 18px;
  }

  .qna__q,
  .qna__a {
    position: static;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    font-size: 20px;
  }

  .qna__question,
  .qna__answer {
    padding-left: 0;
  }

  /* sc2 */
  .sc2__content-wrap {
    font-size: 16px;
    overflow: hidden;
  }

  .sc2__btn-view-all {
    position: static;
  }

  /* sc4 */
  .sc4__img {
    width: 272px;
    left: -50px;
  }

  .sc4__content-item {
    padding: 30px 30px 30px 245px;
  }

  /* sc6 */
  .sc6__social-media-link img {
    width: 35px;
  }

  .sc6__social-media-link.youtube img {
    width: 38px;
  }

  .sc6__social-media-link.naver-blog img {
    width: 40px;
  }

  .sc6__social-media-link.tiktok img {
    width: 31px;
  }

  /* 서브페이지 ============================================= */
  .sub-page section {
    padding: 40px 0;
  }

  .sub-sc1__page-title {
    font-size: 30px;
  }

  .sub-sc1__content-wrap {
    gap: 15px;
  }
}

/* 431 ~ 586 */
@media screen and (max-width: 586px) {
  /* qna */
  .qna .section-header {
    text-align: center;
  }

  .qna__btn-tab {
    font-size: 18px;
  }

  /* sc2 */
  .sc2 .section-header {
    text-align: center;
  }

  .sc2__container {
    grid-template-columns: repeat(1, 1fr);
  }

  .sc2__content-wrap {
    grid-column: span 1 !important;
  }

  .sc2__content-wrap[data-item-index="2"],
  .sc2__content-wrap[data-item-index="5"] {
    height: 240px;
  }

  .sc2__content-wrap[data-item-index="2"] {
    order: 2;
  }

  .sc2__content-wrap[data-item-index="4"] {
    order: 3;
  }

  /* sc3 */
  .sc3__container {
    gap: 50px;
  }

  .sc3__left-wrap {
    grid-template-columns: repeat(1, 1fr);
  }

  .sc3__left-item-link {
    padding: 30px 15px !important;
    border-bottom: 1px solid #ccc !important;
    border-right: none !important;
  }

  .sc3__left-item-title {
    font-size: 18px;
  }

  .sc3__left-item-desc {
    font-size: 16px;
  }

  .sc3__right-img-wrap {
    width: 65%;
  }

  /* sc4 */
  .sc4__img {
    display: none;
  }

  .sc4__content-item {
    padding: 30px;
  }

  .sc4__content-title {
    font-size: 18px;
  }

  .sc4__content-desc {
    font-size: 16px;
  }

  /* sc5 */
  .sc5__news-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .sc5__news-title {
    font-size: 18px;
  }

  .sc5__news-desc-wrap * {
    font-size: 16px;
  }

  /* sc6 */
  .sc6__social-media-container {
    flex-wrap: wrap;
  }

  .sc7__news-desc-wrap * {
    font-size: 16px;
  }

  /* 서브페이지 ============================================= */
  .sub-section-header__title {
    font-size: 26px;
  }

  .sub-sc1__desc-wrap {
    font-size: 16px;
  }

  .sub-sc2__title-wrap {
    font-size: 18px;
  }

  .sub-sc2__desc-wrap {
    font-size: 16px;
  }

  .sub-sc3__content-item {
    padding: 30px;
  }

  .sub-sc3__content-title {
    font-size: 20px;
  }

  .sub-sc3__desc-wrap {
    font-size: 16px;
  }

  .sub-sc4__img-wrap,
  .sub-sc5__img-wrap {
    flex-basis: 230px;
  }

  .sub-sc4__content-item {
    font-size: 16px;
  }

  .sub-sc5__content-title {
    font-size: 18px;
  }

  .sub-sc5__content-desc {
    font-size: 16px;
  }

  .sub-sc6__desc-wrap {
    padding-left: 30px;
  }

  .sub-sc6__desc {
    font-size: 16px;
  }

  /* qna 페이지 ============================== */
  .qna-page section {
    padding: 55px 0;
  }

  .qna-page-title {
    font-size: 25px;
  }

  .qna-page-section-title {
    font-size: 22px;
  }

  section.qna-page-link {
    padding-bottom: 30px;
  }

  .qna-page__link-list {
    gap: 10px;
  }

  .qna-page__link {
    padding: 8px 20px;
  }
}

/* 360 ~ 430 */
@media screen and (max-width: 430px) {
  /* main-banner */
  .main-banner__desc {
    margin-top: 30px;
    font-size: 18px;
  }

  /* 서브페이지 ============================================= */
  .sub-section-header__title {
    font-size: 24px;
  }

  .sub-sc1__page-title {
    font-size: 28px;
  }

  .sub-sc1__img-wrap {
    height: 220px;
  }

  .sub-sc4__container,
  .sub-sc5__container {
    gap: 35px;
  }

  .sub-sc4__img-wrap,
  .sub-sc5__img-wrap {
    flex-basis: 200px;
  }

  .sub-sc6__desc-wrap {
    padding-left: 20px;
  }

  /* qna 페이지 ============================================ */
  .qna-page__question-wrap {
    font-size: 18px;
  }

  .qna-page__answer-warp {
    font-size: 16px;
  }
}