/*와이드 모니터*/
@media only screen and (min-width: 795px) and (max-width: 1336px) {
    section > .boardWrap{
        width: 795px;
    }
    section > .boardWrap > .searchBox > .search{
        width: calc(100% - 452px);
        margin-top: 0;
    }
    section > .boardWrap > .searchBox > .search > select{
        width: 65px;
    }
    section > .boardWrap > .searchBox > .search > input{
        width: 185px;
    }
    section > .boardWrap > .searchBox > .search > button{
        width: 60px;
    }
    section > .boardWrap > .searchBox > .result > h4{
        font-size: 20px;
    }
    section > .boardWrap > .boardContents > ul > .listBoardList{
        font-size: 14px;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(1){
        width: 60px;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(2){
        width: 385px;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(3){
        width: 85px;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(4){
        width: 80px;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(5){
        width: 110px;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(6){
        width: 70px;
    }
}
/*태블릿*/
@media only screen and (min-width: 496px) and (max-width: 794px) {
    section > .boardWrap{
        width: calc(100% - 30px);
    }
    section > .boardWrap > .boardTitle > h3{
        font-size: 24px;
        line-height: 60px;
    }
    section > .boardWrap > .searchBox{
        width: 100%;
    }
    section > .boardWrap > .searchBox > .search{
        width: 100%;
        margin-top: 30px;
    }
    section > .boardWrap > .searchBox > .search > select{
        width: 100%;
    }
    section > .boardWrap > .searchBox > .search > input{
        width: calc(100% - 85px);
        margin-left: 0;
        margin-top: 10px;
    }
    section > .boardWrap > .searchBox > .search > button{
        width: 62px;
        margin-top: 10px;
    }
    section > .boardWrap > .searchBox > .result{
        width: 100%;
    }
    section > .boardWrap > .searchBox > .result > h4{
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    }
    section > .boardWrap > .boardContents > ul{
        width: 100%;
        font-size: 14px;
        border-top: 1px solid #cccccc;
    }
    section > .boardWrap > .boardContents > ul > .listMainName{
        display: none;
    }
    section > .boardWrap > .boardContents > ul > .listBoardList{
        font-size: 14px;
    }
    section > .boardWrap > .boardContents > ul > li{
        padding: 5px 0;
    }
    section > .boardWrap > .boardContents > ul > li > div{
        margin: 5px 0;
        text-align: left;
        border-right: 1px solid #ddd;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(1){
        width: 50px;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(2){
        width: 100%;
        font-size: 16px;
        border-right: none;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(3){
        width: 100px;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(4){
        width: 60px;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(5){
        width: 85px;
        margin-left: 5px;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(6){
        width: 40px;
        border-right: none;
        margin-left: 5px;
    }
    section > .boardWrap > .boardContents > ul > .listBoardList > div > .imgBox{
        width: 14px;
        height: 14px;
        margin-left: 5px;
    }
    section > .boardWrap > .boardBtnWrap{
        text-align: center;
    }
    section > .boardWrap > .boardBtnWrap > button{
        margin: 0 2px;
    }
}
/*모바일*/
@media only screen and (max-width: 495px) {
    section > .boardWrap{
        width: calc(100% - 30px);
    }
    section > .boardWrap > .boardTitle > h3{
        font-size: 24px;
        line-height: 60px;
    }
    section > .boardWrap > .searchBox{
        width: 100%;
    }
    section > .boardWrap > .searchBox > .search{
        width: 100%;
        margin-top: 30px;
    }
    section > .boardWrap > .searchBox > .search > select{
        width: 100%;
    }
    section > .boardWrap > .searchBox > .search > input{
        width: calc(100% - 85px);
        margin-left: 0;
        margin-top: 10px;
    }
    section > .boardWrap > .searchBox > .search > button{
        width: 62px;
        margin-top: 10px;
    }
    section > .boardWrap > .searchBox > .result{
        width: 100%;
    }
    section > .boardWrap > .searchBox > .result > h4{
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    }
    section > .boardWrap > .boardContents > ul{
        width: 100%;
        font-size: 14px;
        border-top: 1px solid #cccccc;
    }
    section > .boardWrap > .boardContents > ul > .listMainName{
        display: none;
    }
    section > .boardWrap > .boardContents > ul > .listBoardList{
        font-size: 14px;
    }
    section > .boardWrap > .boardContents > ul > li{
        padding: 5px 0;
    }
    section > .boardWrap > .boardContents > ul > li > div{
        margin: 5px 0;
        text-align: left;
        border-right: 1px solid #ddd;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(1){
        width: 50px;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(2){
        width: 100%;
        font-size: 16px;
        border-right: none;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(3){
        width: 100px;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(4){
        width: 60px;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(5){
        width: 85px;
        margin-left: 5px;
    }
    section > .boardWrap > .boardContents > ul > li > div:nth-of-type(6){
        width: 40px;
        border-right: none;
        margin-left: 5px;
    }
    section > .boardWrap > .boardContents > ul > .listBoardList > div > .imgBox{
        width: 14px;
        height: 14px;
        margin-left: 5px;
    }
    section > .boardWrap > .boardBtnWrap{
        text-align: center;
    }
    section > .boardWrap > .boardBtnWrap > button{
        margin: 0 2px;
    }
}