/* ========================================================================== */
/* 1820 ~                                                                     */
/* ========================================================================== */
@media screen and (max-width: 1820px) {
}


/* ========================================================================== */
/* 1400 ~ 1281                                                                */
/* ========================================================================== */
@media screen and (max-width: 1400px) {

  .sc3-header {
    margin-bottom: 60px;
  }

  .sc3-card {
    height: 450px;
  }
}


/* ========================================================================== */
/* 1280 ~ 1024                                                                */
/* ========================================================================== */
@media screen and (max-width: 1280px) {
  /* sc7 */
  .sc7__right-wrap {
    padding-left: 30px;
  }

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

}


/* ========================================================================== */
/* 960 ~ 1023                                                                 */
/* ========================================================================== */
@media screen and (max-width: 1023px) {

    .sc3-card__front{
    opacity: 0;
  }
    .sc3-card {
    width: 100%;
    height:300px;
    margin-bottom: 16px;
    pointer-events: none;
  }
  .sc3-card__back{
    opacity: 1;
      transform: rotateY(0);
  }
    .main-banner__container {
    padding-top: 60px;
  }

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

  .main-banner__desc {
    font-size: 17px;
  }

  .main-banner__title-wrap {
    margin-bottom: 40px;
  }

  .main-banner__badge-wrap {
    width: 100%;
  }

  

  /* ==================== SC3 ==================== */
  .sc3-card__label {
    margin-top: 8px;
    margin-left: 8px;
    font-size: 1.5rem;
    font-weight: 500;
  }

  .sc3-cards {
    flex-direction: column;
  }

  .sc3-header {
    margin-bottom: 24px;
  }


  
  /* 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;
  }
  
  .news-feed {
    padding: 80px 0;
  }

  .news-feed__item a {
    grid-template-columns: 1fr 200px;
    padding: 30px;
    gap: 12px;
  }

  .news-feed__item--hero a {
    grid-template-columns: 1fr 280px;
  }

  .news-feed__media {
    height: 140px;
  }

  .news-feed__item--hero .news-feed__media {
    height: 180px;
  }

  .news-feed__title {
    font-size: 36px;
  }

}


/* ========================================================================== */
/* 768 ~ 959                                                                  */
/* ========================================================================== */
@media screen and (max-width: 959px) {

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

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

}


/* ========================================================================== */
/* 587 ~ 767                                                                  */
/* ========================================================================== */
@media screen and (max-width: 767px) {


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

  .main-banner__container {
    padding-top: 40px;
    border-top: none;
  }

  .main-banner__title-wrap {
    text-align: center;
    margin-bottom: 32px;
  }

  .main-banner__title {
    font-size: 30px;
    line-height: 1.3;
  }

  .main-banner__desc {
    font-size: 16px;
    line-height: 1.5;
  }

  .main-banner__badge-wrap {
    justify-content: center;
    width: 100%;
  }
  .sc2-row {
    flex-direction: column;
  }

  .sc2-item {
    width: 100%;
  }
  /* sc2 */
  .sc2-row {
    flex-wrap: wrap;
  }

  .sc2-item--70,
  .sc2-item--30,
  .sc2-item--40,
  .sc2-item--60 {
    width: 100%;
  }

  .sc4-cards{
    flex-direction: column;
    gap: 12px;
  }
  .sc4-card--active{
    width: 100%;
    height: 300px;
  }

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

  /* 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;
  }
  .qna__tab-panel-item{
    padding: 16px 0;
  }
  .news-feed__header {
    margin-bottom: 40px;
  }

  .news-feed__title {
    font-size: 30px;
  }

  .news-feed__subtitle {
    font-size: 16px;
  }

  .news-feed__item a {
    grid-template-columns: 1fr;
    padding: 24px;
  }

  /* 이미지 위로 */
  .news-feed__media {
    order: -1;
    height: 180px;
    margin-bottom: 18px;
  }

  .news-feed__item--hero .news-feed__media {
    height: 220px;
  }

  .news-feed__headline {
    font-size: 20px;
  }

  .news-feed__item--hero .news-feed__headline {
    font-size: 22px;
  }

  .news-feed__summary {
    font-size: 15px;
    -webkit-line-clamp: 2;
  }
}


/* ========================================================================== */
/* 431 ~ 586                                                                  */
/* ========================================================================== */
@media screen and (max-width: 586px) {

.qna__question {

  font-size: 20px;

    padding: 4px 16px;

}
.qna__tab-panel-item.active .qna__answer{
  padding: 0px 16px;
  margin-bottom: 16px;
}
  .sc4-card__title {
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 8px;
  }

  .sc4-card__desc {
    font-size: 1rem;
    font-weight: 500;
  }

  .sc4-card__title {
    font-size: 1.2rem;
  }

  /* ==================== SC3 ==================== */
  .sc3-card__label {
    font-size: 1rem;
  }
  /* qna */
  .qna__tab-wrap {
    justify-content: center;
  }

  /* sc7 */
  .sc7__img-wrap {
    display: none;
  }
  .qna__question {
    font-size: 15px;
  }
  .qna__question::after {
    font-size: 15px;
  }
  .qna__answer {
    font-size: 15px;
  }
  /* sc8 */
  .sc8__social-media-container {
    flex-wrap: wrap;
  }
}


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

  .main-banner__desc {
    font-size: 15px;
  }

  .main-banner__badge {
    font-size: 14px;
    padding: 4px 12px;
  }
  .news-feed {
    padding: 60px 0;
  }

  .news-feed__item a {
    padding: 20px;
  }

  .news-feed__media {
    height: 160px;
    border-radius: 14px;
  }

  .news-feed__headline {
    font-size: 18px;
  }

  .news-feed__summary {
    font-size: 14px;
  }
  /* ==================== SC3 ==================== */
  .sc3-card {
    height: 250px;
  }
  .sc5 .swiper-slide {
    width: 300px;
    height: 250px;
  }

}