/*반응형*/
@media screen and (min-width: 1024px) {
    .menu-container {display: none;}
}

@media screen and (max-width: 1024px) {
    .part {
        padding: 80px 16px;
    }
    header {
        padding: 0 16px;
        height: 65px;
    }
    header .logo {width: 100px;}
    .tab {display: none!important;}
    .menu-container {display: block;}

    /*공통*/
    .part {}
    .part .title-wrap h2,
    .part3 .mySwiper3 .swiper-wrapper .swiper-slide .table-title h3,
    .part3 .mySwiper3 .swiper-wrapper .swiper-slide:nth-child(2) .table-text h3 {
        font-size: max(4vw, 18px);
    }
    .part .title-wrap p,
    .part3 .mySwiper3 .swiper-wrapper .swiper-slide .table-title p,
    .part3 .mySwiper3 .swiper-wrapper .swiper-slide:nth-child(2) .table-text p {
        font-size: max(3vw, 14px);
    }

    /*part1*/
    .part1 {padding: 0;}
    .part1 .swiper-wrapper .swiper-slide {
        height: 60vh; /* 모바일에서는 높이를 줄임 */
    }

    .part1 .banner-title {
        left: 5%; /* 좌측 정렬을 조정 */
        width: 90%; /* 전체 너비 확보 */
    }

    .part1 .swiper-wrapper .swiper-slide h3 {
        font-size: max(4vw, 18px); /* 모바일에서 더 큰 글씨 유지 */
    }

    .part1 .swiper-wrapper .swiper-slide p {
        font-size: max(2.5vw, 14px);
    }

    /*part2*/
    .part2 .strength {
        flex-direction: column;
        align-items: center;
    }
    .part2 .strength li {
        margin: -30px 0 0;
        box-shadow: -2px -3px 10px rgba(0, 0, 0, 0.1);
    }
    .part .btn-wrap, .part .btn-wrap .free-counseling {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }

    /*part3*/
    .part3 .mySwiper2 .swiper-slide {
        flex-direction: column;
    }
    .part3 .mySwiper2 .swiper-slide .news-img,
    .part3 .mySwiper2 .swiper-slide .news-cont {
        width: 100%;
    }
    .part3 .mySwiper2 .swiper-slide .news-cont {
        padding: 8vw;
        gap: 4vw;
    }
    .part3 .mySwiper3 {
        padding: 0;
    }
    .part3 .mySwiper2 .swiper-slide .news-img {
        height: 30vh;
        width: 100%;
    }

    /*part4*/
    .part4 .difference-wrap {
        flex-direction: column;
        align-items: center;
    }
    .part4 .difference {
        width: 85%;
    }

    /*part6*/
    .part6 .part6-cont {
        flex-direction: column;
        align-items: center;
        gap: 10vw;
    }
    .part6 .part6-cont .and {
        font-size: max(5vw, 20px);
    }

    /*part7*/
    .part7 .cost-wrap .cost-cont {
        flex-direction: column;
        gap: 10px;
    }
    .rotate {
        rotate: 90deg;
        margin: 10px 0;
    }

    /*part8*/
    .part8 .price-table tbody tr td .price-wrap {
        flex-direction: column;
        gap: 10px;
    }
    .part8 .price-table tbody tr td:nth-child(2) {
        align-items: flex-start;
    }

    /*part9*/
    .part9 .part9-wrap .process-wrap {
        flex-direction: column;
    }
    .part9 .part9-wrap .process-wrap .process-img {
        rotate: 90deg;
    }
    .part9 .part9-wrap .process-wrap .process-cont,
    .part9 .part9-wrap .process-wrap .process-cont ul {
        min-height: auto;
    }
    .part9 .part9-wrap {
        align-items: center;
    }

    /*part11*/
    .part11 .report-big-wrap .report-wrap > p {
        min-height: auto;
    }

    /*footer*/
    footer {display: none;}

    /*privacy*/
    .privacy-policy {
         width: auto;
         max-width: auto;
        margin: 100px 16px;
        padding: 20px;
        background: #f1f1f1;
        border-radius: 10px;
    }
    .privacy-policy h1 {
        font-size: var(--s-20);
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .privacy-policy h2 {
        font-size: var(--s-17);
    }
    .privacy-policy p {
        font-size: var(--s-15);
    }
}
@media screen and (max-width: 480px) {
    .part {
        padding: 40px 16px;
    }
    .part .title-wrap {
        margin-bottom: 40px;
        gap: 10px;
    }
    .part12 .title-wrap {
        margin-bottom: 0px;
    }
    .part .news-btn {
        width: 100%;
    }
    .part1 {padding: 0;}
    .part2 .strength {
        margin-bottom: 40px;
    }
    .part2 .strength li {
        width: 200px;
        height: 200px;
    }
    .part2 .strength li .strength-num {
        font-size: max(2.5vw, 16px);
    }
    .part2 .strength li .stength-cont {
        font-size: max(3vw, 18px);
    }
    .part3 .mySwiper3 {
        margin-top: 40px;
    }
    .part3 .mySwiper3 .table-001,
    .part3 .mySwiper3 .table-003 {
        max-width: 400px;
    }
    .part3 .mySwiper3 .table-002 {
        max-width: 200px;
    }
    .part3 .mySwiper3 .swiper-wrapper .swiper-slide {
        height: 350px;
    }
    .part3 .mySwiper2 .swiper-slide .news-cont h3 {
        font-size: max(3vw, 18px);
        line-height: 1.5;
    }
    .part3 .mySwiper2 .swiper-slide .news-cont p {
        font-size: max(2.5vw, 16px);
        line-height: 1.5;
    }
    .part3 .mySwiper2 .swiper-slide .news-cont a {
        width: 100%;
        text-align: center;
    }
    .part4 .difference-wrap {
        gap: 40px;
    }
    .part4 .difference ul li {
        line-height: 1.2;
    }
    .part5 .func {
        flex-direction: column;
        padding: 30px 20px;
        width: 100%;
    }
    .part4 .difference h3,
    .part5 .func-title {
        font-size: max(3vw, 16px);
        left: 10px;
    }
    .part5 .func-text ul {
        gap: 5px;
    }
    .part5 .func-text ul li {
        font-size: var(--s-16);
    }
    .part5 .func .func-img {
        display: none;
    }
    .part5 .func-wrap {
        gap: 40px;
    }
    .part6 .cont1 {
        padding: 20px;
    }
    .part6 .cont1 .cont1-wrap {

    }
    .part6 .cont1 .cont1-wrap .cont1-1 span,
    .part6 .cont1 .cont1-wrap .cont1-1 em {
        font-size: max(3vw, 18px);
    }
    .part6 .cont1 .cont1-wrap .cont1-1, .part6 .cont1 .cont1-wrap .cont1-2 {
        max-width: 140px;
        padding: 10px;
    }
    .part6 .cont1 .cont1-wrap .cont1-2 {
        gap: 10px;
        padding: 20px 10px;
    }
    .arrow-circle {

    }
    .part7 > .cost-img {
        margin: 10px 0;
    }
    .part7 .cost-wrap h3,
    .part7 .cost-wrap .cost-cont .cost1 p,
    .part7 .cost-wrap .cost-cont .cost1 .cost-num {
        font-size: max(3.2vw, 18px);
    }
    .part7 .cost-wrap .cost-cont .cost1 {
        padding: 20px;
    }
    .part7 > .cost-money img {
        transform: scale(0.8);
    }
    .part7 > .cost-money span {
        font-size: max(5vw, 20px);
    }
    .part8 .part8-tab .tab1 {
        font-size: max(3vw, 16px);
        line-height: 20px;
    }
    .part8 .part8-tab {
        gap: 10px;
    }
    .part8 .price-table tbody tr td:nth-child(2) {
        padding: 20px;
    }
    .part8 .price-table thead tr th,
    .part8 .price-table tbody tr td {
        font-size: var(--s-16);
    }
    .part9 .part9-wrap .process-wrap .process-cont ul {
        gap: 10px;
    }
    .part9 .part9-wrap .process-wrap .process-cont ul li .number {
        font-size: max(3.2vw, 18px);
    }
    .part9 .part9-wrap .process-wrap .process-cont ul li {
        font-size: max(3vw, 16px);
    }
    .part10 .mySwiper4 .swiper-wrapper .swiper-slide {
        flex-direction: column;
    }
    .part10 .mySwiper4 .swiper-wrapper .swiper-slide > p,
    .part10 .mySwiper4 .swiper-wrapper .swiper-slide .project_cont {
        width: 100%;
        border-left:0; border-top:1px solid var(--color-stroke);
    }
    .part10 .mySwiper4 .swiper-wrapper .swiper-slide .project_cont {
        gap: 10px;
        justify-content: initial;
    }
    .part12 {
    }
    .part12 .title-wrap {
        gap: 3px!important;
        position: relative;
        bottom: 10px;
    }

    /*privacy*/
    .privacy-policy {
        width: auto;
        max-width: auto;
        margin: 100px 16px;
        padding: 20px;
        background: #f1f1f1;
        border-radius: 10px;
        height: 850px;
        overflow-y: auto;
    }
}