@media screen and (max-width: 400px) {

    /* ------------------------------- 1_1_1 ------------------------------- */

    /* ------------------------------- 1_1_1 ------------------------------- */

    /* 토굴 wrap */
    .toggle-navi-wrap {}

    .toggle-navi,
    .toggle-navi2,
    .toggle-navi3 {
        width: 90%;
        flex-direction: column;
        height: 100%;
    }

    .toggle-navi>ul,
    .toggle-navi2>ul,
    .toggle-navi3>ul {
        width: 100%;
        height: 80%;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }

    .toggle-navi>ul>li,
    .toggle-navi2>ul>li,
    .toggle-navi3>ul>li {
        width: 80%;
    }

    .toggle-navi2>ul,
    .toggle-navi3>ul {
        width: 100%;
    }

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

    .circle_line_wrap p {
        font-size: 15px;
    }

    .circle_1 {
        top: 38%;
    }

    .circle_2 {
        top: 48%;
    }

    .circle_3 {
        top: 58%;
    }


    /****** 2랩 ******/
    .main-cont-wrap {
        height: 100%;
        margin-top: 20px;
        flex-direction: column;
    }


    .left-cont {
        width: 65%;
    }

    .left-cont>img {
        width: 80%;
    }

    .line-gray {
        margin: auto;
        margin-bottom: 30px;
    }

    .right-cont {
        width: 90%;
        height: 100%;
        text-align: center;
        padding: 50px 0 100px 0;
    }


    /* 1랩 끝 */
    /* 2랩 시작 */

    .main-cont-wrap2 {
        display: flex;
        justify-content: center;

    }

    .connection-img {
        width: 100%;
    }

    .circle-color {
        width: 100px;
        height: 100px;
    }

    .circle {
        width: 130px;
        height: 130px;
        left: 50%;
    }

    .circles {
        left: 5%;
        width: 90%;
    }

    .circle-wrap {
        width: 33%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }


    .circle-color-line {
        width: 100px;
        height: 100px;
        left: 10%;
    }

    .circle-color-line2 {
        width: 100px;
        height: 100px;
        left: 92%;
        top: 50%;
    }

    /* 진행 라인 끝*/

    .txt-box {
        width: 100%;
        padding: 30px;
    }

    .txt-cont {
        width: 100%;
        height: 100%;
    }

    .txt-cont>h3 {}

    .txt-cont>p {
        margin-top: 20px;
    }

    /* company profile 표 이미지 시작*/
    .cont-wrap {
        margin-top: 50px;
        width: 100%;
        height: 45%;
    }

    /***** hq-south-korea-wrap  표 시작 *****/
    .hq-south-korea-wrap {
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    /* 회사 이름 아래 선 끝 */
    .company-img1 {
        width: 100%;
        height: 300px;
    }

    .company-table1,
    .company-table1-1 {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .MTV-SouthKorea-wrap {
        flex-direction: column-reverse;
        align-items: center;
    }

    .MTV-SouthKorea-wrap>img {
        width: 100%;
    }

    .hq {
        width: 50%;
        height: 85%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        color: var(--main-color);
        font-size: var(--smalltitle-media);
    }

    .company-table1>tbody {
        height: 60%;
    }

    .company-table1-1 th,
    .company-table1-1 td .company-table1-1 tr {
        height: 14.2%;
    }

    .company-table1-1 th,
    .company-table1-1 td {
        border: 0;
    }

    .company-table1-1 tr {
        border: 1px solid var(--gray-color-1);
        border-left: none;
        border-right: none;
        text-align: left;
    }

    .company-table1-1>tbody>tr>td>img,
    .company-table1-1>tbody>tr>td>img {
        width: 10%;
        padding-right: 1%;
    }

    .company-img2 {
        width: 100%;
    }

    .company-table1-1 tr:nth-child(1) {
        width: 100%;
    }

    /***** hq-south-korea-wrap  표 끝 *****/

    /* company profile 표 이미지 끝*/
    /****** MTV-South Korea-wrap 표 시작 ******/
    /***** 4랩 시작*****/

    .history-active-wrap {
        width: 100%;
        height: 80%;
        display: flex;
        justify-content: space-between;
    }

    .history-line-animation {
        width: 10%;
        position: absolute;
        left: 45%;
    }

    /*** 연혁 애니메이션 숫자 ***/
    .history-imgs {
        display: none;
    }

    .history-active-wrap {
        justify-content: center;
    }

    .line-guide1 {
        left: -290%;
    }

    /*** 연혁 애니메이션 바 끝***/
    /* ------------------------------- 1_1_2 ------------------------------- */
    .partners-logo {
        margin-top: 20px;
    }

    .partners {
        height: 20%;
    }

    .logo-name {
        width: 49%;
        position: relative;
        overflow: hidden;
        text-align: center;
        background: #fff;
        min-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--gray-color-2);
        object-fit: cover;
    }

    .partners-box {
        flex-wrap: wrap;
    }

    /* ------------------------------- 1_1_3 ------------------------------- */
    .manufacturing-cont-pc {
        display: none;
    }

    .manufacturing-cont-mob {
        display: block;
    }

    .manufacturing-cont-mob td {
        font-size: var(--textfont-16-media);
    }

    .icon-text-wrap2 img {
        width: 90%;
    }

    /*** 4랩 시작 ***/

    .company-intro {
        left: 0;
    }

    .export-block>span {
        display: block;
    }

    /* ------------------------------- 2_1_4------------------------------- */
    .num-title {
        width: 100%;
    }

    .product-Performance-character {
        max-width: 200px;
    }

    .dfr-graph-change {
        overflow-x: auto;
    }

    .etching-additive-table-wrap,
    .glass-stripper-table-wrap,
    .product-graph-wrap,
    .qna-text,
    .factory-info-wrap {
        flex-direction: column;
    }

    .glass-stripper-table,
    .product-graph-wrap>div {
        width: 100%;
    }

    .product-Performance-character img {
        width: 150px;
    }

    .etching-additive-table-wrap>table {
        width: 100%;
    }

    .cat-btn-img,
    .data-btn-img,
    .request-btn-img {
        border-radius: 20px;
    }

    .factory-img,
    .factory-text-wrap,
    .graph-wrap {
        width: 100%;
    }

    .graph-wrap>div>table {
        font-size: 14px;
    }

    .graph-wrap>div {
        padding: 20px;
    }

    .box {
        width: 64%;
    }

    .bg-gray {
        margin-top: 200px;
        border-radius: 30px;
    }

}