/*와이드 모니터*/
@media only screen and (min-width: 795px) and (max-width: 1336px) {
    .boardWrap{
        width: 795px;
    }
}
/*태블릿*/
@media only screen and (min-width: 496px) and (max-width: 794px) {
    .boardWrap{
        width: calc(100% - 30px);
    }
    .boardWrap > .boardTitle > h3{
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        width: 100%;
    }
    .boardWrap > .boardContents > .listMainName > li {
        width: 33.1%;
        font-size: 14px;
    }
    .boardWrap > .boardContents > ul.listBoardList > li {
        font-size: 14px;
    }
}
/*모바일*/
@media only screen and (max-width: 495px) {
    .boardWrap{
        width: calc(100% - 30px);
    }
    .boardWrap > .boardTitle > h3{
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        width: 100%;
    }
    .boardWrap > .boardContents > .listMainName > li {
        width: 33.1%;
        font-size: 14px;
    }
    .boardWrap > .boardContents > ul.listBoardList > li {
        font-size: 14px;
    }
}