/* 1401 ~ 1281 */
@media screen and (max-width: 1820px) {
  /* sc4 */
  .sc4__slide-container {
    width: auto;
    padding-right: 0;
  }

  .sc4__slide-wrap {
    width: auto;
  }

  /* 서브페이지 ============================================= */
}

/* 1400 ~ 1281 */
@media screen and (max-width: 1400px) {
  /* sc6 */
  .sc6__youtube-wrap {
  }

  /* 서브페이지 ============================================= */
}

/* 1280 ~ 1024 */
@media screen and (max-width: 1280px) {
  /* main-banner */
  .main-banner {
    padding: 200px 0 120px;
  }

  .main-banner__container {
    justify-content: center;
    gap: 50px;
  }

  .main-banner__title {
    font-size: 50px;
  }

  .main-banner__subtitle {
    margin-bottom: 15px;
    font-size: 22px;
  }

  /* sc1 */
  .sc1__slide-inner {
    padding: 0 40px;
  }

  .sc1__card-item::before {
    width: 86%;
  }

  /* sc3 */
  .sc3__card-item-link {
    gap: 80px;
  }

  /* sc4 */
  .sc4__card-container {
    grid-template-columns: repeat(6, 1fr);
  }

  .sc4__card-item:first-child,
  .sc4__card-item:nth-child(2),
  .sc4__card-item:nth-child(3) {
    grid-column: span 2;
  }

  .sc4__card-item:nth-child(4),
  .sc4__card-item:last-child {
    grid-column: span 3;
  }

  .sc4__card-link {
  }

  /* sc7 */
  .sc7__right-wrap {
    padding-left: 30px;
  }

  .sc7__left-wrap {
    flex-basis: 40%;
    padding-right: 32px;
  }

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

  .sub-main-banner__title {
    font-size: 42px;
  }

  .sub-main-banner__desc {
    font-size: 20px;
  }

  /* sub-sc1 */
  .sub-sc1__img-wrap {
    width: 400px;
  }

  /* sub-sc4 */
  .sub-sc4__desc-wrap {
    display: -webkit-box;
    -webkit-line-clamp: 5;
  }

  .sub-sc4__card-item:hover {
    background: none;
  }
}

/* 960 ~ 1023 */
@media screen and (max-width: 1023px) {
  .main-banner {
    padding: 180px 0 100px;
  }

  .main-banner__title-wrap {
    /* margin-bottom: 80px; */
  }

  .main-banner__title {
    font-size: 46px;
  }

  .main-banner__subtitle {
    font-size: 21px;
  }

  /* sc1 */
  .sc1__card-item::before {
    width: 83%;
  }

  /* sc3 */
  .sc3__card-item-link {
    padding: 40px 35px;
  }

  /* sc7 */
  .sc7__news-container {
    flex-direction: column;
    gap: 0;
  }

  .sc7__right-news-item,
  .sc7__left-news-item {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
  }

  .sc7__left-news-item {
    border-top: 1px solid #ccc;
  }

  .sc7__left-wrap {
    padding-right: 0;
    border-right: 0;
  }

  .sc7__left-news-item {
    display: flex;
    gap: 40px;
  }

  .sc7__left-news-item .sc7__img-wrap {
    order: 2;
    margin-bottom: 0;
    height: 125px;
  }

  .sc7__left-news-item .sc7__news-title {
    font-size: 20px;
  }

  .sc7__left-news-item .sc7__news-desc {
    font-size: 16px;
  }

  .sc7__right-wrap {
    gap: 0;
    padding-left: 0;
  }

  /* 서브페이지 ============================================= */
  /* sub-sc1 */
  .sub-sc1__img-wrap {
    width: 360px;
  }

  .sub-sc4__text-wrap {
    padding: 35px;
  }

  /* sub-sc5 */
  .sub-sc5__container,
  .sub-sc6__container {
    gap: 40px;
  }

  .sub-sc5__img-wrap,
  .sub-sc6__img-wrap {
    width: 320px;
  }
}

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

  .main-banner__title {
    font-size: 42px;
  }

  .main-banner__subtitle {
    font-size: 20px;
  }

  /* sc1 */
  .sc1__slide-inner {
    padding: 0 20px;
  }

  .sc1__card-item::before {
    width: 81%;
  }

  .sc1 .swiper-backface-hidden .swiper-slide-next,
  .sc1 .swiper-backface-hidden .swiper-slide-prev {
    transform: scale(0.8);
  }

  /* sc2 */
  .sc2 .section-header {
    margin-bottom: 40px;
  }

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

  /* sc3 */
  .sc3__card-item-link {
    flex-direction: column;
    gap: 30px;
    padding: 30px 35px;
  }

  .sc3__img-wrap {
    align-self: flex-end;
  }

  /* qna */
  .qna__tab-panel-wrap {
    flex-direction: column;
    gap: 20px;
  }

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

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

  .sub-main-banner__container {
    gap: 70px;
  }

  .sub-main-banner__subtitle {
    font-size: 24px;
  }

  .sub-main-banner__title {
    font-size: 40px;
  }

  .sub-main-banner__desc {
    font-size: 18px;
  }

  /* sub-tab */
  .sub-tab__link {
    font-size: 18px;
    padding: 8px 15px;
  }

  /* sub-sc1 */
  .sub-sc1__container {
    gap: 40px;
  }

  .sub-sc1__img-wrap {
    width: 280px;
  }

  /* sub-sc4 */
  .sub-sc4__card-wrap {
    flex-direction: column;
  }

  .sub-sc4__card-item {
    min-height: auto;
    height: 295px;
  }

  /* sub-sc5 */
  .sub-sc5__container,
  .sub-sc6__container {
    flex-direction: column;
  }

  .sub-sc5__text-wrap,
  .sub-sc6__text-wrap {
    order: 1;
  }

  .sub-sc5__img-wrap,
  .sub-sc6__img-wrap {
    order: 2;
  }

  /* sc7 */
  .sub-sc7__container {
    grid-template-columns: repeat(1, 1fr);
  }
}

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

  .main-banner__container {
    flex-direction: column;
    align-items: center;
  }

  .main-banner__title-wrap {
    /* margin-bottom: 65px; */
    text-align: center;
  }

  .main-banner__title {
    font-size: 38px;
  }

  .main-banner__subtitle {
    font-size: 18px;
  }

  /* sc1 */
  .sc1__card-item {
    gap: 50px;
    min-height: auto;
    padding: 35px 25px;
  }

  .sc1__card-item::before {
    top: 50px;
    right: 35px;
  }

  .sc1__card-title {
    font-size: 30px;
  }

  .sc1__card-desc-wrap {
    font-size: 18px;
  }

  /* sc2 */
  .sc2 {
    padding: 70px 0 100px;
  }

  .sc2 .section-header__subtitle {
    font-size: 18px;
  }

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

  /* sc3 */
  .sc3__img-wrap {
    width: 80px;
  }

  /* sc4 */
  .sc4__card-container {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 0;
  }

  /* sc5 */
  .sc5__container {
    flex-direction: column;
    align-items: center;
    gap: 35px;
  }

  .sc5 .section-header {
    text-align: center;
  }

  .sc5__product-desc-wrap {
    gap: 6px;
  }

  .sc5__product-item {
    padding: 35px;
  }

  /* sc7 */
  .sc7__left-news-item,
  .sc7__right-news-item {
    gap: 30px;
  }

  /* 서브페이지 ============================================= */
  .sub-card {
    grid-template-columns: repeat(1, 1fr);
  }

  .sub-main-banner {
    padding: 135px 0 85px;
  }

  .sub-main-banner__container {
    flex-direction: column;
    gap: 60px;
    text-align: center;
  }

  .sub-main-banner__title {
    font-size: 36px;
  }

  .sub-main-banner__subtitle {
    font-size: 24px;
  }

  .sub-main-banner__img-wrap {
    width: 400px;
  }

  /* sub-sc1 */
  .sub-sc1__container {
    flex-direction: column;
    gap: 30px;
  }

  .sub-sc1__img-wrap {
    width: 330px;
  }

  /* sc8 */
  .sc8__social-media-link img {
    width: 35px;
  }

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

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

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

/* 431 ~ 586 */
@media screen and (max-width: 586px) {
  .main-banner {
    padding: 175px 0 90px;
  }

  .main-banner__title {
    font-size: 36px;
  }

  /* sc1 */
  .sc1 {
    padding-bottom: 35px;
  }

  .sc1 .section-header {
    margin-bottom: 0;
  }

  .sc1__section-title-wrap {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 25px;
  }

  .sc1__card-item::before {
    width: 74%;
  }

  /* sc3 */
  .sc3__card-wrap {
    grid-template-columns: repeat(1, 1fr);
  }

  .sc3__card-item-link {
    flex-direction: row;
    gap: 30px;
  }

  /* sc5 */
  .sc5__product-item {
    padding: 30px;
  }

  /* qna */
  .qna__tab-wrap {
    justify-content: center;
  }

  /* sc6 */
  .sc6__btn-link {
    font-size: 20px;
    padding: 16px 25px;
  }

  /* sc7 */
  .sc7__img-wrap {
    display: none;
  }

  /* sc8 */
  .sc8__social-media-container {
    flex-wrap: wrap;
  }

  /* 서브페이지 ============================================= */
  /* 서브페이지에 삽입될 수 있는 html 태그들 기본 스타일 설정 */
  .sub-body h1 {
    font-size: 32px;
    margin-bottom: 18px;
  }

  .sub-body h2 {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .sub-body h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .sub-body p {
    font-size: 16px;
    margin: 16px 0;
  }

  .sub-body ul,
  .sub-body ol {
    margin: 16px 0;
    font-size: 16px;
  }

  .sub-section-header__subtitle {
    font-size: 20px;
  }

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

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

  .sub-main-banner {
    padding: 120px 0 70px;
  }

  .sub-main-banner__subtitle {
    font-size: 22px;
  }

  .sub-main-banner__title {
    font-size: 32px;
  }

  .sub-main-banner__img-wrap {
    width: 320px;
  }

  /* sub-tab */
  .sub-tab__list {
    gap: 12px;
  }

  /* sub-sc1 */
  .sub-sc1__title {
    font-size: 30px;
  }

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

  .sub-sc1__blue-banner {
    font-size: 16px;
  }

  /* sub-sc4 */
  .sb-sc4__card-index {
    font-size: 18px;
  }

  .sub-sc4__card-title {
    font-size: 22px;
  }

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

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

  /* sub-sc5 */
  .sub-sc5__img-wrap,
  .sub-sc6__img-wrap {
    width: 100%;
  }

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

  /* sub-sc7 */
  .sub-sc7__card-desc-wrap {
    font-size: 16px;
  }
}

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

  .main-banner__subtitle {
    font-size: 16px;
    margin-bottom: 10px;
  }

  /* sc1 */
  .sc1__card-item::before {
    width: 68%;
  }

  .sc1__card-title {
    font-size: 25px;
  }

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

  /* sc2 */
  .sc2__item-index {
    font-size: 20px;
  }

  .sc2__card-title {
    font-size: 20px;
  }

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

  /* sc3 */
  .sc3__img-wrap {
    display: none;
  }

  /* sc5 */
  .sc5__product-header {
    gap: 18px;
  }

  .sc5__product-header img {
    width: 45px;
  }

  .sc5__comopany-name {
    font-size: 22px;
  }

  .sc5__company-tel {
    font-size: 16px;
  }

  .sc5__product-desc {
    font-size: 18px;
  }

  .sc5__product-gray-desc {
    font-size: 14px;
  }

  /* qna */
  .qna__btn-tab {
    padding: 8px 15px;
  }

  .qna__question {
    font-size: 20px;
  }

  .qna__answer {
    font-size: 16px;
  }

  /* 서브페이지 ============================================= */
  .sub-main-banner {
    padding: 100px 0 50px;
  }

  .sub-main-banner__subtitle {
    font-size: 20px;
  }

  .sub-main-banner__title {
    font-size: 30px;
  }

  .sub-main-banner__desc {
    font-size: 18px;
  }

  .sub-main-banner__img-wrap {
    width: 260px;
  }

  /* sub-sc1 */
  .sub-sc1__img-wrap {
    width: 100%;
  }
}