/*
 * Title : Init CSS - homepactory
 * Writer : louis ryu (rsg)
 * RegDate : 20191205
 * UpDate :
 * */

/*pc*/
@media screen and (max-width: 1600px) {
    .homepactory .mx16-w100p{width: 100%;}
    .homepactory .mx16-pl80{padding-left: 80px}

    .homepactory .mx16-pr80{padding-right: 80px}
}

/*pc - 13 inch*/
@media screen and (max-width: 1280px) {
    .homepactory .mx12-w100p{width: 100%;}

    .homepactory .mx12-pl20{padding-left: 20px}

    .homepactory .mx12-pr2p{padding-right: 2%;}
    .homepactory .mx12-pr20{padding-right: 20px}
    .homepactory .mx12-pl40{padding-left: 40px}
    .homepactory .mx12-pr40{padding-right: 40px}
}

/*laptop*/
@media screen and (max-width: 1024px) {
    .homepactory .mx10-pr2p{padding-right: 2%;}
}

/*pad*/
@media screen and (max-width: 980px) {
    .mx980-display-none{display: none;}

    .homepactory .mx980-w100p{width: 100%;}

    .homepactory .mx980-pl20{padding-left: 20px;}
    .homepactory .mx980-pl40{padding-left: 40px;}

    .homepactory .mx980-pr2p{padding-right: 2%;}
    .homepactory .mx980-pr20{padding-right: 20px;}
    .homepactory .mx980-pr40{padding-right: 40px;}
}

/*mini pad*/
@media screen and (max-width: 720px) {
    .homepactory .mx720-display-none{display: none;}

    .homepactory .mx720-w100p{width: 100%;}
    .homepactory .mx720-w33p{width: 33%;}
    .homepactory .mx72-w33p{width: 33%;}
}
/*wide screen phone*/
@media screen and (max-width: 480px) {
    .homepactory .mx480-display-none{display: none;}
}
/*small screen phone*/
@media screen and (max-width: 320px) {
    .homepactory .mx320-display-none{display: none;}
}