@charset "utf-8";

#free_board .num {
    width:98px;
    text-align:center;
}
#free_board .board_title {
    width:580px;
    text-align:center;
}
#free_board .writer {
    width:100px;
    text-align:center;
}

#free_board .date {
    width:120px;
    text-align:center
}

#free_board .view {
    width:100px;
    text-align:center
}

#free_board .div_default {
    width:100px;
    text-align:center;
}
#free_board .div_title {
    width:580px;
    text-align:left;
    height:40px;
}

#free_board .div_title a {
    display:inline-block;
    max-width:550px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align:left;
}
#free_board .div_title b {
    vertical-align: top;
}
#free_board .div_name {
    width:98px;
    text-align:center;

}
#free_board .div_name span {
    width:98px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display:block;
}
#free_board .div_date {
    width:120px;
    text-align:center
}


.elements p {
    float:left
}

.elements {
    background:#eee;
    height:40px;
    line-height:40px;
    border-bottom:1px solid #ccc;
}
#free_board,#notice_board,#qna_board,#estimate_board {
    border:1px solid #ccc;
    border-top:2px solid #333;
    border-bottom:none;
    overflow:hidden;
}
.board_li {
    border-bottom:1px solid #ccc;
    height:40px;
    line-height:40px
}
.board_li p {
    float:left;

}
#notice_board {
    margin-bottom:10px;
}
#notice_board .badge {
    width:100px;
    text-align:center;
}
#notice_board .div_badge {
    width:100px;
    text-align:center;
}
#notice_board .num {
    width:98px;
    text-align:center;
}
#notice_board .board_title {
    width:380px;
    text-align:center;
}


#notice_board .date {
    width:120px;
    text-align:center
}

#notice_board .view {
    width:100px;
    text-align:center
}

#notice_board .div_default {
    width:100px;
    text-align:center;
}
#notice_board .div_title {
    width:378px;
    text-align:center;
}

#notice_board .div_title a {
    display:block;
    width:360px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align:left;
}

#notice_board .div_name span {
    width:98px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display:block;
}
#notice_board .div_date {
    width:120px;
    text-align:center
}

.div_badge img {
    vertical-align: top;
    margin-top:8px;
}


#qna_board .num {
    width:98px;
    text-align:center;
}
#qna_board .board_title {
    width:580px;
    text-align:center;
}

#qna_board .writer {
    width:100px;
    text-align:center;
}
#qna_board .date {
    width:120px;
    text-align:center
}

#qna_board .view {
    width:100px;
    text-align:center
}
#qna_board .reply {
    width:100px;
    text-align:center
}
#qna_board .div_default {
    width:100px;
    text-align:center;
}

#qna_board .board_li .div_title {
    text-align:left;
    width:580px;
}

#qna_board .div_title a {
    display:block;
    width:560px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align:left;
}
#qna_board .div_name {
    width:98px;
    text-align:center;
}
#qna_board .div_name span {
    width:98px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display:block;
}
#qna_board .div_date {
    width:120px;
    text-align:center
}
#qna_board .div_reply {
    width:100px;
    text-align:center
}
.lock {
    width:15px;
    margin-right:5px;
}

#estimate_board .num,#estimate_board .div_default {
    width:100px;
    text-align:center;
}

#estimate_board .board_title {
    width:580px;
    text-align:center;
}
#estimate_board .div_title {
    width:580px;
    text-align:left;
    height:40px;
}
#estimate_board .writer {
    width:98px;
    text-align:center;
}
#estimate_board .div_name {
    width:98px;
}
#estimate_board .div_name span {
    width:98px;
    text-align:center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display:block;
}
#estimate_board .date,#estimate_board .div_date {
    width:120px;
    text-align:center;
}
#estimate_board .condition,#estimate_board .div_reply {
    width:100px;
    text-align:center;
}

#estimate_board .div_title a {
    display:inline-block;
    max-width:550px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align:left
}

#estimate_board .div_title b {
    vertical-align: top;
}