@charset "utf-8";



/* Laptop small S */

@media all and (min-width:1024px) and (max-width:1440px){

    

}

/* Laptop E */



/* Tablet and Mobile S */

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

    #ipxhop_field .container {

        flex-direction: column;   

    }

    #ipxhop_field .leftArea {

        margin: 0 auto;

        width: 100%;

    }

    #ipxhop_field .rightArea  {

        width: 90%;

    }

}

/* Tablet and Mobile E */



/* Tablet S */

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

     

}

/* Tablet E */



/* Mobile S */

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



}



/* MPS 솔루션 */



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

    #mps_field .container>div>h2::after{

        content: '';

        clear: both;

        display: block;

        position: absolute;

        top: 40px;

        left: 50%;

        transform: translate(-50%, -50%);

        width: 40%;

        height: 1%;

        background: grey

    }

}



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

    #mps_field .container>div>h2::after{

        content: '';

        clear: both;

        display: block;

        position: absolute;

        top: 40px;

        left: 50%;

        transform: translate(-50%, -50%);

        width: 40%;

        height: 1%;

        background: grey;

        

    }

    

}



/* METAVAG */

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

    #metavag_field .container>div>h2::after{

        content: '';

        clear: both;

        display: block;

        position: absolute;

        top: 40px;

        left: 50%;

        transform: translate(-50%, -50%);

        width: 40%;

        height: 1%;

        background: grey

    }

}



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

    #metavag_field .container>div>h2::after{

        content: '';

        clear: both;

        display: block;

        position: absolute;

        top: 40px;

        left: 50%;

        transform: translate(-50%, -50%);

        width: 40%;

        height: 1%;

        background: grey;

    }



    #metavag_field .areaWrap {

        flex-direction: column;

    }

    #metavag_field .areaWrap .leftArea{

        margin: 0 auto;

        width: 100%;

    }

    #metavag_field .areaWrap .rightArea{

        margin: 0 auto;

        width: 80%;

    }

    

    

}



/* Laptop small S */

@media all and (min-width:1024px) and (max-width:1440px){

    

}

 

/* Laptop E */



/* Tablet and Mobile S */

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

    

    #onft_field .container {

        flex-direction: column;

    }

    #onft_field .rightArea {

        margin: 0 auto;

        

    }

    #onft_field .leftArea  {

        margin: 0 auto;

        width: 90%

    }

    #onft_field .leftArea img {

        padding-right: 50px;

    }



}

/* Tablet and Mobile E */



/* Tablet S */

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

    #onft_field .leftArea img {

        padding-right: 50px;

        

    }

    

}

/* Tablet E */



/* Mobile S */