/*와이드 모니터*/
@media only screen and (min-width: 795px) and (max-width: 1336px) {
    .boardWrap {
        width: 795px;
    }
    .boardWrap > .boardContents > .segment > .segConWrap {
        width: 100%;
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents {
        width: 370px;
        padding-left: 20px;
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents > .imgBox {
        width: 107px;
        height: 52px;
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents > .textBox {
        width: calc(100% - 147px);
        height: 105px;
        margin-left: 20px;
        margin-bottom: 45px;
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents > .textBox > h4 {
        font-size: 14px;
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents > .textBox > h5 {
        font-size: 14px;
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents > .textBox > p {
        font-size: 14px;
        margin-bottom: 50px;
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents > .move {
        width: 24px;
        height: 24px;
        margin-top: 128px;
        margin-left: 11px;
    }
    .boardWrap > .boardContents > .segment:nth-of-type(4) > .segConWrap > .segContents > .textBox > h4 {
        width: 230px;
    }
}

/*태블릿*/
@media only screen and (min-width: 496px) and (max-width: 794px) {
    .boardWrap {
        width: calc(100% - 30px);
    }
    .boardWrap > .boardContents > .segment > .segConWrap {
        width: 100%;
        overflow: hidden;
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents {
        width: calc(100% - 37px);
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents:nth-of-type(2n) {
        margin-left: 0;
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents > .textBox {
        margin-left: 20px;
        width: calc(100% - 234px);
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents > .move {
        width: 20px;
        height: 20px;
        margin-top: 126px;
        margin-left: 10px;
    }
}

/*모바일*/
@media only screen and (max-width: 495px) {
    .boardWrap {
        width: calc(100% - 30px);
    }
    .boardWrap > .boardContents > .segment > .segConWrap {
        width: 100%;
        overflow: hidden;
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents {
        width: calc(100% - 7px);
        padding: 20px 0 0px 5px;
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents:nth-of-type(2n) {
        margin-left: 0;
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents > .imgBox {
        margin: 0 10px;
        width: 104px;
        height: 50px;
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents > .textBox {
        margin-left: 10px;
        width: calc(100% - 144px);
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents > .textBox > h5 {
        height: 80px;
    }
    .boardWrap > .boardContents > .segment > .segConWrap > .segContents > .move {
        width: 20px;
        height: 20px;
        margin-top: 164px;
        margin-left: -16px;
    }
}