@charset "UTF-8";
@import url("layout_respond.css");
/*-------------------------------------------------
title       : 메인 반응형
Author      : ㅈㅁㅈ
Create date : 2025-07-29
-------------------------------------------------*/
@media (max-width: 1280px) {
  .section1 .main-vban-wrap .vb-swiper .swiper-indicator {
    top: 23.5rem;
  }
  .section1 .main-vban-wrap .vb-swiper .swiper-slide .text {
    height: 30rem;
  }
  .section1 .main-vban-wrap .vb-swiper .swiper-slide .text .txt {
    width: 38rem;
    max-width: 100%;
  }
  .section1 .main-vban-wrap .vb-swiper .swiper-slide .text .tit {
    padding-top: 1.5rem;
    line-height: 0.5;
  }
  .section1 .main-vban-wrap .vb-swiper .swiper-slide .text .tit span {
    display: block;
  }
  .section1 .main-vban-wrap .vb-swiper .swiper-slide .text .tit img {
    top: 0;
  }
  .section2 {
    margin-top: 4rem;
    grid-template-columns: calc(100% - 37.5rem) 35rem;
  }
  .section2 .group1 {
    grid-column: span 2;
    grid-row: initial;
  }
  .section2 .group2 .link {
    padding-right: 0;
  }
  .section2 .group2 .link i {
    bottom: 0;
    right: -3rem;
    width: 12rem;
  }
  .section2 .group2 .link p {
    width: 25rem;
    max-width: 100%;
  }
  .section2 .group:nth-child(n+2).group3 ul {
    display: block;
  }
  .section2 .group:nth-child(n+2).group3 li + li {
    margin-top: 1rem;
  }
  .section2 .group:nth-child(n+2).group3 .link {
    padding-right: 5rem;
  }
  .section2 .group:nth-child(n+2).group3 i {
    right: 0;
  }
  .section2 .group:nth-child(n+2).group3 i img {
    max-height: 7.7rem;
  }
  .section3 .main-sect .service-list ul {
    gap: 2.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .section3 .main-sect .service-list ul li {
    -ms-flex-preferred-size: calc(50% - 1.25rem);
        flex-basis: calc(50% - 1.25rem);
  }
}
@media (max-width: 768px) {
  .section1 .main-vban-wrap .vb-swiper .swiper-slide {
    padding: 0;
  }
  .section1 .main-vban-wrap .vb-swiper .swiper-slide .text {
    height: auto;
    padding: 4rem 0 9rem;
    text-align: center;
  }
  .section1 .main-vban-wrap .vb-swiper .swiper-slide .text .txt {
    width: 28rem;
    margin: 0 auto;
    font-size: 1.8rem;
  }
  .section1 .main-vban-wrap .vb-swiper .swiper-slide .text .tit {
    font-size: 2.8rem;
    line-height: 1;
  }
  .section1 .main-vban-wrap .vb-swiper .swiper-slide .text .tit span img {
    height: 2.8rem;
  }
  .section1 .main-vban-wrap .vb-swiper .swiper-slide .im {
    position: relative;
    height: 29rem;
  }
  .section1 .main-vban-wrap .vb-swiper .swiper-slide .im img {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    position: absolute;
    top: 0;
    width: auto !important;
    max-width: initial;
    height: 100%;
  }
  .section1 .main-vban-wrap .vb-swiper .swiper-indicator {
    top: auto;
    left: 50%;
    bottom: 30.5rem;
    width: 24rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .section2 {
    display: block;
  }
  .section2 h2 {
    font-size: 2.4rem;
  }
  .section2 .group2 .link p {
    width: 100%;
  }
  .section2 .group + .group {
    margin-top: 2.5rem;
  }
  .section2 .group:nth-child(n+2) ul {
    display: block;
  }
  .section2 .group:nth-child(n+2) ul li + li {
    margin-top: 1px !important;
  }
  .section2 .group:nth-child(n+2) ul a {
    height: 4rem;
  }
  .section2 .group1 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .section2 .group1 .more {
    right: 2.5rem;
  }
  .section2 .group1 .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section2 .group1 .info {
    font-size: 1.2rem;
  }
  .section2 .group1 .tip {
    margin-right: auto;
  }
  .section3 .main-tit-wrap {
    position: static;
  }
  .section3 .main-sect .krds-tab-area .tab {
    padding-left: 0;
  }
  .section3 .main-sect .krds-tab-area .tab > ul[role=tablist] {
    gap: 1.5rem;
  }
  .section3 .main-sect .krds-tab-area .tab .btn-tab {
    font-size: inherit;
  }
}
@media (max-width: 500px) {
  .section3 .main-sect .service-list > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}