@charset "utf-8";

/* 반응형 */

@media all and (max-width:1399px) {

    .s1_mid,
    .s1_to {
        gap: 20px;
    }

    .s1_txt {
        max-width: 800px;
    }

    .section3_item {
        padding: 80px 25px;
        height: 600px;

    }

    .s3_item_img {
        width: 300px;
    }

    .section4_item {
        padding: 35px 50px 70px;
        gap: 20px;
    }
}

@media all and (max-width:1199px) {
    .s1_txt {
        max-width: 700px;
        font-size: 20px;
    }

    .s4_btn.btn1 {
        min-width: 60%;
    }
}

@media all and (max-width:1023px) {

    .mv .swiper-button-next:after,
    .mv .swiper-button-prev:after {
        display: none;
    }

    .s1_top,
    .s1_mid,
    .section3_item_group,
    .section4_item {
        flex-direction: column;
    }

    .s1_bottom {
        flex-direction: column;
        gap: 80px;
    }

    .section_tag,
    .section_title,
    .section_txt {
        margin-left: 0;
        text-align: left;
    }

    .section_title {
        line-height: 1.3em;
    }

    .section_title br {
        display: block;
    }

    .section3_item {
        max-width: unset;
        width: 80%;
    }

    .section3_item_group {
        gap: 20px;
    }

    .section4_item {
        gap: 40px;
    }

    .s4_item_chart {
        width: 100%;
    }
}

@media all and (max-width:700px) {
    .mv_slide {
        height: 100vh;
    }

    .mv_subtit {
        font-size: calc(100vw * (18/375));
    }

    .mv_title {
        display: flex;
        flex-direction: column;
        text-align: center;
        font-size: calc(100vw * (42/375));
    }

    .mv_title span {
        font-size: calc(100vw * (32/375));
    }

    .mv_txt {
        font-size: calc(100vw * (16/375));
        text-align: center;
    }

    .mv_txt br {
        display: block;
    }

    .mv {
        height: unset;
    }

    .s1_title {
        font-size: calc(100vw * (36/375));
    }

    .s1_txt {
        font-size: calc(100vw * (12/375));
    }

    .s1_txt br {
        display: none;
    }

    section .inner {
        width: 85%;
    }

    .s1_mid {
        margin-top: 150px;
    }

    .s1_item_num {
        font-size: calc(100vw * (48/375));
    }

    .s1_item {
        font-size: calc(100vw * (16/375));
    }

    .s1_bottom {
        border-radius: calc(100vw * (30/375));
    }

    .section1 {
        padding-bottom: 100px;
    }

    .section_tag {
        height: calc(100vw * (38/375));
        font-size: calc(100vw * (14/375));
        padding: 0 calc(100vw * (25/375));
    }

    .section_title {
        font-size: calc(100vw * (36/375));
        margin: calc(100vw * (20/375)) 0;
    }

    .section_txt {
        font-size: calc(100vw * (12/375));
    }

    .section_txt br {
        display: none;
    }

    .section2_item_group {
        display: flex;
        flex-direction: column;
        margin-top: calc(100vw * (50/375));
    }

    .section2_item_group {
        gap: calc(100vw * (20/375));
    }

    .section2_item {
        border-radius: calc(100vw * (15/375));
    }

    .section2_item_title {
        font-size: calc(100vw * (16/375));
    }

    .section2_item_txt {
        font-size: calc(100vw * (12/375));
    }

    .section2 {
        padding-bottom: calc(100vw * (130/375));
    }

    .s4_item_title br {
        display: block;
    }

    .s4_item_text {
        max-width: unset;
    }

    .s4_item_title {
        font-size: calc(100vw * (36/375));
    }

    .s4_item_txt {
        font-size: calc(100vw * (12/375));
        margin-bottom: calc(100vw * (45/375));
    }

    .section4_item {
        padding: calc(100vw * (50/375)) calc(100vw * (20/375));
        border-radius: calc(100vw * (20/375));
    }

    .s4_btn {
        font-size: calc(100vw * (10/375));
        padding: calc(100vw * (15/375)) calc(100vw * (20/375));
    }

    .s4_btn.btn1 {
        max-width: calc(100vw * (190/375));
        min-width: unset;
    }

    .s4_item_chart {
        border-radius: calc(100vw * (20/375));
    }
}