/* 메인 화면전환 프레임 변경 */
.container {width:100%; max-width: 1000px; margin: 0 auto;}
.main {
        display: flex;
        /* align-items: baseline; */
        align-items: flex-start;
        gap: 30px;
        padding: 30px;
    } 
    .article {
        flex: 1;
        min-width: 400px;
        /* background: red */
    }  
    .aside {
        flex: 1;
        min-width: 400px;
        /* background: blue */
    }
    .device-mobile {display:none;}
    .device-desktop {display:block;}

    /* @media (max-width: 65rem) {
    .main {
        display: flex;
        gap: 15px;
        padding: 15px;
        }
        .article {
            flex: 1;
        }  
        .aside {
            flex: 1;
        }
    } */

    @media (max-width: 50rem) {
    .main {
        display: block;
        padding: 10px;
        } 
    .article {flex:1; width:100%; min-width: 250px;}
    .aside {flex:1; width:100%; min-width: 250px;}
    .device-desktop {display:none;}
    .device-mobile {display:block;}
    }