@media all and (max-width : 767px) {
    html,body {
        font-size: 14px;
    }

    .secPadding {
        padding-inline: 3rem; box-sizing: border-box;
    
    }

    .lt_br {
        display: block;
    }

    .title {
        font-size: 3rem;
    }

    /* 모바일 숨김메뉴 */
    .moMenu {
        display: block;
        visibility: hidden;
        width: 100%; height: 100%;
        background-color: #000;
        color: #fdfdfd;
        position: fixed; top: 0; left: 0;
        z-index: 9;
        padding: 6rem 4rem;
        box-sizing: border-box;

    }

    .moMenu .menuNav {
        width: 100%; height: 80vh;
        display: block;
    }

    .moMenu .mainMenuWrap {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .moMenu .mainMenu {
        font-size: 2rem;
        margin-bottom: 1.5rem;
        transform: translateX(100vw);
        opacity: 0;
    }

    @keyframes toLeft {
        0% {
            transform: translateX(100vw);
            opacity: 0;
        }

        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }

    header .menuNav {
        display: none;
    }

    /* 메뉴버튼 */
    #menuicon + label{
        display: block;
        width: 30px; height: 20px;
        position: fixed; top: 25px; right:10px;
        z-index: 99999;
        cursor: pointer;
    }
    #menuicon + label span{
        display: block;
        position: absolute;
        width: 100%; height: 2px;
        border-radius: 30px;
        background-color: #fff;
        transition: .35s;
    }
    #menuicon + label span:nth-child(1){
        top: 0;
    }
    #menuicon + label span:nth-child(2){
        top: calc(50% - 1px);
    }
    #menuicon + label span:nth-child(3){
        bottom: 0;
    }

    /* 메뉴버튼 체크 후 */

    #menuicon:checked + label span:nth-child(1){
        top: calc(50% - 1px);
        transform: rotate(45deg);
    }
    #menuicon:checked + label span:nth-child(2){
        opacity: 0;
    }
    #menuicon:checked + label span:nth-child(3){
        bottom: calc(50% - 1px);
        transform: rotate(-45deg);
    }
    

    /* 공통영역 끝 */

    .wrap {
        overflow-x: hidden;
    }

    header {
        height: 80px;
    }

    .firstPage {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: repeat(3, auto);
        gap: 1rem
        ;
    }

    .firstTitleBox {
        margin: 1rem 0;
    }

    .poster2021 {
        max-width: none;
        width: 100%;
        grid-row: 2/3;
    }

    .sessionGrid {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: repeat(14,auto);
        gap: 1rem;
    }

    .sessionGrid .minTitle {
        grid-column: 1/2;
    }

    .headerLine {
        grid-column: 1/2;
    }

    .daySession01 {
        grid-row: 3/4;
    }

    .daySession02 {
        grid-row: 4/5;
    }
    .daySession03 {
        grid-row: 5/6;
    }

    .daySession04 {
        grid-row: 8/9;
    }

    .daySession05 {
        grid-row: 9/10;
    }

    .daySession06 {
        grid-row: 10/11;
    }

    .daySession07 {
        grid-row: 11/12;
    }

    .daySession08 {
        grid-row: 14/15;
    }

    .daySession09 {
        grid-row: 15/16;
    }

    .backVideo {
        height: 100vh;
        object-fit: cover;
    }

    .pastTable th {
        padding-inline: 1rem;
    }

    /* 수상작 */

    .winnigRrid {
        background-color: #fdfdfd;
        padding-block: 6rem; box-sizing: border-box;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: repeat(7,minmax(200px, 350px));
        gap: 1rem;
    }

    .artwork {
        height: 200px;
    }

    .artworkBox {
        height: 200px;
    }

    .lecName {
        font-size: 1.15rem;
    }

    .sessionName , .resume {
        font-weight: 200;
        font-size: 1.1rem;
    }

    /* 푸터 */
    footer {
        width: 100%;
        height: fit-content;
        background-color: #222;
        color: #aaa;
        font-size: 0.8rem;
        padding: 1rem 2rem; box-sizing: border-box;
    }

    /* 푸터 정렬 시작 */
    /* 기능 없고 정렬 때문에 넣은 박스 */
    .footCon {
        flex-wrap: wrap;
    }

    .footCon a {
        height: 50px;
    }

    .leftBox {
        flex-direction: column;
    }

    footer .mainMenuWrap {
        flex-wrap: wrap;
        justify-content: start;
    }

}