.d-grid.lf-r2{
    display:grid;
    grid-template-columns: 0.8fr 1.2fr;
    grid-template-rows:1fr 1fr;
    gap: 20px;
}

/* 구글아이콘 */
[class *= "material-icons"].md-12{font-size: 12px;}
[class *= "material-icons"].md-16{font-size: 16px;}
[class *= "material-icons"].md-18{font-size: 18px;}
[class *= "material-icons"].md-24{font-size: 24px;}

.material-icons-outlined{
   font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 48;
}




 /* ********************************************* *
 * 768px max
 * ********************************************* */
 @media screen and (max-width: 768px){

    .d-grid.lf-r2{
        grid-template-columns:1fr;
        grid-template-rows:1fr 1fr 1fr;}

 }