@charset "utf-8";



/********************
// tablet 분기점
********************/
@media only screen and (max-width: 1200px) {
   
    .inner{width:calc(100% - 120px); margin:0 auto;}

    .differenceBox{display:grid; grid-template-columns: repeat(2, 1fr);}
    .aboutBox{display:grid; grid-template-columns: repeat(2, 1fr);}
    .stepoBox{display:grid; grid-template-columns: repeat(3, 1fr);}
    .inputBox{ padding: 20px;}

}      




/********************
// 모바일 분기점
********************/
@media only screen and (max-width: 768px) {     
    .inner{width:calc(100% - 40px); margin:0 auto;}  
    .differenceBox{display:grid; grid-template-columns: repeat(1, 1fr);}
    .stepoBox{display:grid; grid-template-columns: repeat(2, 1fr);}
    .inputBox{ padding: 16px;}
   
}