@media all and (max-width: 768px) {
    .effect_con_img {
        /* overflow-x: auto; */
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .computer-sizing {
        width: 50%;
    }
    .effect_con_text {
        padding-top: 20px;
    }
    .effect_con_wrap {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column-reverse;
    }
    .link_system_icon_box {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        background-color: var(--main-sub-color-opacity);
        position: relative;
        margin: 80px 0;
        padding: 50px 0;
    }
    .link_system_icon_box {
        display: flex;
        align-items: center;
        width: 100%;
    }
    .icon_1,
    .icon_2,
    .icon_3,
    .icon_4 {
        width: 70%;
        position: static;
        margin-bottom: 20px;
    }
    .link_system_icon_title {
        display: none;
    }
    .link_system_wrap_2 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .link_system_img_wrap {
        width: 60%;
        margin-bottom: 20px;
    }
    .link_table_wrap {
        width: 100%;
    }
    .link_system_wrap_2 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }

    /* 주요화면 */
    .total_system_main_wrap img {
        width: 60%;
    }
    .section_6_wrap {
        width: 80%;
        height: 1000px;
        margin: 50px 0;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: var(--main-sub-color-opacity);
    }
    .section_6 {
        padding: 0;
        display: flex;
        align-items: center;
    }
    .total_system_title {
        width: 270px;
    }
    .total_system_main_1 {
        position: absolute;
        top: 3%;
        right: 15%;
    }
    .total_system_main_2 {
        position: absolute;
        top: 26%;
        right: 15%;
    }
    .total_system_main_3 {
        position: absolute;
        bottom: 26%;
        right: 15%;
    }
    .total_system_main_4 {
        position: absolute;
        bottom: 4%;
        right: 15%;
    }
    .section_7_computer {
        margin: 50px 0;
        width: 100%;
    }
    .s7-computer {
        width: 5%;
        margin: 30px 0;
    }
    /* 문의하기 미디어쿼리 */
    .toggle-navi-wrap4 {
        width: 100%;
    }

    .toggle-navi4 {
        width: 100%;
        flex-direction: column;
        height: 100%;
    }

    .toggle-navi4 > ul {
        width: 100%;
        height: 80%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .toggle-navi4 > ul > li {
        width: 80%;
    }

    .toggle-navi4 > ul {
        width: 100%;
    }

    .toggle-navi4 > ul > li {
        width: 80%;
    }

    /* 2_2_3 미디어쿼리 */
    .mini-baek {
        width: 60%;
        object-fit: contain;
    }
    .information-wrap {
        display: flex;
        flex-direction: column;
    }

    .information-table-wrap {
        width: 100%;
        height: 80%;
        margin-top: 80px;
    }
    .process-img-wrap {
        margin-top: 30px;
    }
    .main-color-box2 img {
        width: 100%;
    }
    .process-img-wrap img {
        width: 100%;
        margin-bottom: 30px;
    }
    .main-color-box2 {
        height: 300px;
    }
    .table-title-wrap {
        margin-bottom: 30px;
    }
    .stable-wrap {
        width: 100%;
        overflow-x: auto;
    }
    .hole-wrap {
        width: 100%;
        overflow-x: auto;
    }
    .product-table-wrap > div {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: end;
        line-height: 28px;
        font-size: var(--sub-sub-text);
        margin-bottom: 10px;
        flex-direction: column;
    }
    .product-table-wrap {
        margin: 0;
    }
    .stripper-table01 {
        width: 100%;
    }
    .stripper-table02 {
        width: 100%;
    }

    /* ** 다운로드 버튼 ** */
    .cat-btn-img,
    .data-btn-img,
    .request-btn-img,
    .black-color {
        border-radius: 30px;
    }
    .cat-btn-img span img,
    .data-btn-img span img,
    .request-btn-img span img {
        width: 18%;
    }
    .qna-text {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
}
@media all and (max-width: 1200px) {
    .computer-sizing {
        width: 90%;
    }
    .title-wrap {
        margin-bottom: 20px;
    }
    .sub-tail-text {
        margin-bottom: 20px;
    }
    .main-color-box3 {
        width: 100%;
        height: 260px;
    }
}

/* 문의하기 배경 디버깅 */
.esg-bgimg-wrap {
    width: 100%;
    height: 100%;
    background-image: url(../img/esg_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.sub-esg-inner {
    margin: 0 auto;
}
.title-wrap > span {
    font-size: var(--text-font);
    font-weight: var(--font-light-weight);
    margin-top: 30px;
}