@media screen and (max-width: 1400px) {
    .company .section:not(.motive).best {
        gap: 70px;
    }
}


@media screen and (max-width: 1267px) {
    .location .about br {
        display: block
    }
    .visual .line::before {
        margin-bottom: 20px;
    }
}


@media screen and (max-width: 1217px) {
    .history :not(.about) .broke {
        display: none;
    }
}

@media screen and (max-width: 1210px) {
    .history > .section p {
        padding-bottom: 30px;
        font-size: 1.25em;
    }
} 

@media screen and (max-width:1184px) {
    /* .footer_wrap {
        gap:60px;
    } */

    .footer .item_wrap {
        flex-direction: column;
    }
}

@media screen and (max-width:1180px) {
    .footer_wrap {
        gap: 10px;
    }
}


@media screen and (max-width:1125px) {
    .company .first .line .txt .br {
        display: block;
    }

    .company .first .txt br {
        display: block;
    }
}

@media screen and (max-width:900px) {
    .recruit .employ {
        flex-direction: column;
        gap: 90px;
    }
    .recruit .employ .inner_wrap {
        width: 100%;
    }
}

@media screen and (max-width:910px) {
    .recruit .about .item_wrap {
        width: 100%;
    }
    .recruit .about .item_wrap .txt {
        font-size: 15px;
    }

    .recruit .about .item {
        width: 24%;
    }

    .recruit .employ .recruit_process .item {
        width: calc((100% - 20px) / 3);
    }
}

@media screen and (max-width:797px) {
    .recruit .broke {
        display: none;
    }
}

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

    .main .company .txt {
        font-size: 16px;
    }

    .main .company .item_wrap p {
        font-size: 14px;
    }

    .line p {
        font-size: 16px;
    }


    .main .section .txt {
        font-size: 20px;
    }

    .main .motors .inner_wrap {
        flex-direction: column;
    }

    .main .motors .item .motor_wrap {
        height: 80px;
    }

    .main .motors .inner_wrap .title {
        width: 100%;
        flex-wrap : wrap;
    }

    .main .motors .item {
        width: 100%;
        gap: 10px;
    }

    .main .motors .item a div p:not(.more) {
        font-size: 16px;
    }


}
@media screen and (max-width: 1034px) { 
.history > .section {
    align-items: unset;
    gap: 0;
}

.history > .section p {
    padding-bottom: 0;
    font-size: 16px;
}

.history > .section:nth-of-type(odd):not(:nth-child(1)) {
    text-align: left;
}

.history .right .line::before {
    right: unset;
    left:0;
}

.company .about {
    padding: 70px 0 0;
}

.history > .section {
    gap: 30px;
    flex-direction: column;
    padding:0 0 50px;
}

.history .about {
    padding: 70px 0 0;
}

.location .about.section:nth-child(1) {
    padding: 70px 0;
}

.recruit .about {
    padding: 70px 0 0;
}


.history > section:nth-child(odd):not(:nth-child(1)) {
    flex-direction: column;
}

.history > .section .year::before {
    display: none;
}

.history > .section .year {
    padding:0;
    text-align: left;
}

.history p {
    padding-bottom: 30px;
}

.history > .section h2 {
    margin: 20px 0 10px;
}

.history > section:nth-last-of-type(1) {
    padding: 0 0 50px;
}



.history .line .txt {
    font-size: 16px;
}
}


/* 
/이상없는지 확인/ */
@media screen and (max-width: 776px) { 

    .company .section {
        align-items:unset;
        gap: 50px;
    }

    .company br {
        display: none;
    }

    .sub_company .button_wrap {
        gap: 30px;
    }

    .company .txt_wrap {
        width: unset;
    }
    .company .purpose, .first {
        flex-direction: column;
    }

    .company .section img {
        width: 100%;
    }

    .company .section {
        gap: 30px;
        padding-top: 70px;
    }

    .company .line .txt {
        font-size: 16px;
    }

    .company .motive {
        height: 290px;
        margin: 70px 0 0;
    }

    .company .motive p {
        font-size: 16px;
    }



    

    




    .location .section .txt h2 {
        font-size: 20px;
    }

    .location .about {
        margin: 0 auto;
    }

    .location .about .line {
        margin: 0 auto;
        text-align: center;
    }

    .location .about .line h2 {
        margin: 10px 0 20px
    }


    .location .about .line::before {
        margin: 0 auto;
    }

    .location .about .line .txt {
        font-size: 16px;
    }

    .location h3 {
        font-size: 30px;
    }

    .location .section:nth-child(1) {
        padding-top: 70px;
    }

    .location .section {
        flex-direction: column;
        gap: 50px;
    }

    .location .section .txt {
        font-size: 16px;
        /* margin: unset; */
    }

    .location .office {
        width: 100%;
    }

    .location .office_call {
        flex-wrap: wrap;
        margin-bottom: 0.625em;
        gap: 0.625em;
    }

    .location .call {
        margin-left: unset;
    }

    .location .section .map_innerwrap {
        flex: 0 0 100%;
        width: 100%;
    }
    .recruit h3 {
        font-size: 1.875em;
    }

    .recruit .about .item {
        width: calc(50% - 20px);
    }
    .recruit .broke {
        display: block;
    }

    .recruit .employ {
        gap: 50px;
        padding: 0 0 50px;
    }

    .list_content .content_item .title {
        width: 42.1875em;
    }


}


@media screen and (max-width: 768px) {
    .footer .inner_wrap {
        gap: 20px;
    }

    .footer .info {
        justify-content: flex-start;
    }
    .recruit .about .item_wrap .txt {
        font-size: 14px;
    }
}

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

    .footer_wrap {
        gap: 30px;
    }

}


@media screen and (max-width: 762px) {
    .recruit .employ .title {
        font-size: 18px;
    }
    .recruit .desc {
        font-size: 16px;
    }

}

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

    .list_content .content_item .title {
        width: 32.1875em;
    }

}
@media screen and (max-width: 585px) {
    .company  .br_2 {
        display: block;
    }
    
}

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

    .list_content .content_item .title {
        width: 20em;
    }

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

    .company .first .txt br.br_3 {
        display: none;
    }

}

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

    .recruit .employ .title {
        font-size: 16px;
    }
    .recruit .desc {
        font-size: 14px;
    }

    .footer_wrap {
        gap: 30px;
    }

}

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

    .header .gnb_v1 .logo a {
        width: 150px;
    }

    .main .section .txt {
        font-size: 18px;
    }
    .recruit .employ .title {
        font-size: 14px;
    }
    .recruit .desc {
        font-size: 12px;
    }
}



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

    .history .about .br {
        display: block;
    }
    .footer_wrap {
        gap: 50px;
    }

    .footer .item_wrap {
        gap: 40px;
    }
}

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

    .copyright {
        padding-bottom: 20px;
    }
    .copyright a {
        margin-top: 5px;
    }
}


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

    .company .motive .point {
        font-size: 25px;
    }

    .productpage .detail_wrap .item_txt li {
        font-size: 14px;
    }

}

@media screen and (max-width: 420px) {
    .recruit .br {
        display: block;
    }
}

@media screen and (max-width: 405px) {
    .company .first .line .txt .br_4 {
        display: none;
    }
}

@media screen and (max-width: 400px) {
    .recruit .employ .recruit_process .item_wrap {
        flex-direction: column;
    }
    .recruit .employ .recruit_process .item {
        width: 100%;
    }
}


@media screen and (max-width: 397px) {
    .recruit .broke {
        display: none;
    }
    .recruit .about .item_wrap .txt {
        font-size: 12px;
    }
}



@media screen and (max-width: 380px) {
    .footer_wrap {
        gap: 40px;
    }

    .footer .item_wrap {
        gap: 10px;
    }

    .footer .fax {
        padding-left: 0;
    }

    .footer .blind {
        display: block;
    }


}

@media screen and (max-width: 369px) {
    .recruit .broke {
        display: block;
    }
}

@media screen and (max-width: 366px) {
    .company .first .txt br.br_5 {
        display: none;
    }
    

}

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

    .main .section .txt {
        font-size: 16px;
    }
    
    .recruit .broke {
        display: none;
    }
    .recruit .about .item_wrap .txt {
        font-size: 14px;
    }

}

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

    .list_content .content_item .title {
        width: 15em;
    }

}



@media screen and (max-width: 330px) {
    .main .section .txt {
        font-size: 16px;
    }
    .productpage .item_wrap .item .sum {
        height: 155px;
    }
    .productpage .item_wrap .item {
        height: 160px;
    }
}
@media screen and (max-width: 320px) {
    .footer_wrap {
        padding-bottom: 60px;
        gap: 20px;
    }

    .footer .item_wrap {
        gap: 0px;
    }
}