.board-left-section{
    background: #F2F2F2;
    padding-top:60px;
    padding-left:80px;
    min-width: 332px;
    width: 332px;
}
.board-links{
    margin-top:60px;

    > a{
        padding:10px 0px 4px;
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: -0.5px;
        display: block;

        > div{
            padding-bottom:6px;
            display: inline-block;
        }

        &.active{
            font-weight: 600;

            > div{
                border-bottom:2px solid #000;
            }
        }
    }
}
.board-section{
    flex:1;
    width: 100%;
}

.notice-list-table{
    thead{
        background:#F8F8F8;
        border-top:1px solid #212121;
    }
    th{
        font-size: 18px;
        line-height: 130%;
        text-align: center;
        padding:20px 0px !important;
    }
    tr{
        vertical-align: middle;
    }
    td{
        font-size: 16px;
        line-height: 130%;
        padding:15px 0px !important;
    }
    .number{
        width: 140px;
    }
    .created-at{
        width: 200px;
    }
}

.notice-list, .inquery-page{
    padding:150px 200px 60px;
    width: 100%;
    overflow: hidden;
}
.notice-view{
    padding:150px 200px 60px;
    overflow-y: auto;
    height: 100vh;
    .board-title{
        padding-bottom:40px;
    }
    .board-date{
        padding:20px 0px;
    }
    .board-content{
        padding:40px 0px;
        min-height: 400px;
    }
    .board-controll{
        padding-top:40px;
        display: flex;
    }
}
.news-list{
    padding:60px 40px 0px;
    display: flex;
    overflow: hidden;

    .news-column{
        padding:0px 40px;
    }
    .news-item{
        width: 300px;
        padding-bottom:40px;

        .news-title{
            padding-top:20px;
        }
        .news-date{
            padding-top:10px;
        }
    }
}
.term-controll{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.inquery-submit{
    margin-top:60px;
}


/************ BreakPoints ************/
// Small devices (landscape phones, 576px and up)
@media (max-width: 576px) {   
}

// Medium devices (tablets, 768px and up)
@media (max-width: 768px) { 
}

// Large devices (desktops, 992px and up)
@media (max-width: 992px) { 
    
 }

// X-Large devices (large desktops, 1200px and up)
@media (max-width: 1200px) { 
    .news-list{
        padding:20px;
        flex-direction: column;

        .news-column{
            padding:0;
        }
        .news-item{
            width: 100%;
            text-align: center;
            .news-date{
                padding-top:7px;
            }
        }
    }
 }

// XX-Large devices (larger desktops, 1400px and up)
@media (max-width: 1400px) { 
    .notice-list, .inquery-page{
        padding:20px;
    }
    .notice-list-table{
        .number{
            width:60px;
        }
    }
    
    
    .term-controll{
        justify-content: space-between;
    }
    
    .inquery-submit{
        margin-top:40px;
    }

    .notice-view{
        padding:20px;

        .board-title{
            padding-top:20px;
            padding-bottom:16px;
            border-top:2px solid #212121;
        }
        .board-date{
            padding:0;
            padding-bottom:16px;
            border-top:none;
        }
        .board-content{
            padding:20px 0px;
        }
        .board-controll{
            padding-top:20px;
            padding-bottom:20px;
            display: flex;
        }
    }

    .board-left-section{
        padding-top:20px;
        padding-left:30px;
        padding-right:30px;
        width: auto;
        min-width: 200px;
    }
 }