
.mm_0 { margin: 0; }
.mm_010 { margin: 0 10px; }
.mm_5 { margin: 5px }
.mt_5 { margin-top: 5px; }
.mr_5 { margin-right: 5px; }
.mb_5 { margin-bottom: 5px; }
.ml_5 { margin-left: 5px; }
.mm_10 { margin: 10px }
.mt_10 { margin-top: 10px; }
.mr_10 { margin-right: 10px; }
.mb_10 { margin-bottom: 10px; }
.ml_10 { margin-left: 10px; }
.mm_20 { margin: 20px }
.mt_20 { margin-top: 20px; }
.mr_20 { margin-right: 20px; }
.mb_20 { margin-bottom: 20px; }
.ml_20 { margin-left: 20px; }
.mm_30 { margin: 30px }
.mt_30 { margin-top: 30px; }
.mr_30 { margin-right: 30px; }
.mb_30 { margin-bottom: 30px; }
.ml_30 { margin-left: 30px; }
.mt_-20 { margin-top: -20px; }


.p_0 { padding: 0; }
.p_5 { padding: 5px; }
.pt_5 { padding-top: 5px; }
.pr_5 { padding-right: 5px; }
.pb_5 { padding-bottom: 5px; }
.pl_5 { padding-left: 5px; }
.p_10 { padding: 10px; }
.pt_10 { padding-top: 10px; }
.pr_10 { padding-right: 10px; }
.pb_10 { padding-bottom: 10px; }
.pl_10 { padding-left: 10px; }
.p_20 { padding: 20px; }
.pt_20 { padding-top: 20px; }
.pr_20 { padding-right: 20px; }
.pb_20 { padding-bottom: 20px; }
.pl_20 { padding-left: 20px; }

.b_1 { border: 1px solid #ccc; }
.bt_1 { border-top: 1px solid #ccc; }
.br_1 { border-right: 1px solid #ccc; }
.bb_1 { border-bottom: 1px solid #ccc; }
.bl_1 { border-left: 1px solid #ccc; }


.c_fff { color: #fff; }
.c_00f { color: #286090; }
.c_red, c_f00 { color: #f00; }
.c_blue { color: #00f; }
.c_paleblue { color: #d0d4e3; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.bold { font-weight: bold; }
.pointer { cursor: pointer; }


.f_left {
    float: left;
    width: 50%;
    padding: 0 10px;
}
.f_right {
    float: right;
    width: 50%;
    text-align: right;
    padding: 0 10px;
}
.clear_both {
    clear: both;
}
/* 모든 컨텐츠에서 넘치는 글 자르기 */
div.ellipsis,
span.ellipsis,
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
}


.w_50 { width: 50px !important; }
.w_60 { width: 60px !important; }
.w_70 { width: 70px !important; }
.w_80 { width: 80px !important; }
.w_90 { width: 90px !important; }
.w_100 { width: 100px !important; }
.w_110 { width: 110px !important; }
