﻿.mgb-0 { margin-bottom: 0px !important; }
.mgb-2 { margin-bottom: 2px !important; }
.mgb-5 { margin-bottom: 5px !important; }
.mgb-10 { margin-bottom: 10px !important; }
.mgb-15 { margin-bottom: 15px !important; }
.mgb-20 { margin-bottom: 20px !important; }
.mgb-25 { margin-bottom: 25px !important; }
.mgb-30 { margin-bottom: 30px !important; }
.mgb-40 { margin-bottom: 40px !important; }
.mgb-50 { margin-bottom: 50px !important; }
.mgb-100 { margin-bottom: 100px !important; }
.mgt-0 { margin-top: 0px !important; }
.mgt-10 { margin-top: 10px !important; }
.mgt-15 { margin-top: 15px !important; }
.mgt-20 { margin-top: 20px !important; }
.mgt-25 { margin-top: 25px !important; }
.mgt-30 { margin-top: 30px !important; }
.mgt-40 { margin-top: 40px !important; }
.mgt-50 { margin-top: 50px !important; }
.mgt-100 { margin-top: 100px !important; }
.mgl-0 { margin-left: 0px !important; }
.mgl-10- { margin-left: -10px !important; }
.mgl-10 { margin-left: 10px !important; }
.mgl-15 { margin-left: 15px !important; }
.mgl-20 { margin-left: 20px !important; }
.mgr-0 { margin-right: 0px !important; }
.mgr-10- { margin-right: -10px !important; }
.mgr-10 { margin-right: 10px !important; }
.mgr-15 { margin-right: 15px !important; }
.mgr-20 { margin-right: 20px !important; }

.pd-5 { padding: 5px !important; }
.pd-10 { padding: 10px !important; }
.pdb-0 { padding-bottom: 0px !important; }
.pdb-5 { padding-bottom: 5px !important; }
.pdb-10 { padding-bottom: 10px !important; }
.pdb-15 { padding-bottom: 15px !important; }
.pdb-20 { padding-bottom: 20px !important; }
.pdb-25 { padding-bottom: 25px !important; }
.pdb-30 { padding-bottom: 30px !important; }
.pdb-40 { padding-bottom: 40px !important; }
.pdb-50 { padding-bottom: 50px !important; }
.pdb-100 { padding-bottom: 100px !important; }
.pdt-0 { padding-top: 0px !important; }
.pdt-10 { padding-top: 10px !important; }
.pdt-15 { padding-top: 15px !important; }
.pdt-20 { padding-top: 20px !important; }
.pdt-25 { padding-top: 25px !important; }
.pdt-30 { padding-top: 30px !important; }
.pdt-40 { padding-top: 40px !important; }
.pdt-50 { padding-top: 50px !important; }
.pdt-100 { padding-top: 100px !important; }
.pdl-0 { padding-left: 0px !important; }
.pdl-10 { padding-left: 10px !important; }
.pdl-15 { padding-left: 15px !important; }
.pdr-0 { padding-right: 0px !important; }
.pdr-10 { padding-right: 10px !important; }
.pdr-15 { padding-right: 15px !important; }

.kill-lpaddng { padding-left: 0 !important; }
.kill-rpadding { padding-right: 0 !important; }
.kill-tpadding { padding-top: 0 !important; }
.kill-bpadding { padding-bottom: 0 !important; }
.kill-padding { padding: 0 !important; }

.ta_c {text-align:center !important;}
.cb { clear: both !important; }
.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.cursorPointer { cursor:pointer; }

.ellipsis2line {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4em;
    max-height: 2.8em;
}

.ellipsis3line {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.4em;
    max-height: 4.2em;
}

.ellipsis4line {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 1.4em;
    max-height: 5.6em;
}

.ellipsis5line {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-height: 1.4em;
    max-height: 7.0em;
}

.dp_view {display: block !important;}
.dp_hidden {display: none !important;}

.dp_show {display: block;}
.dp_hide {display: none;}

/* font size */
.f_5px {font-size:5px !important;}
.f_12px {font-size:12px !important;}
.f_13px {font-size:13px !important;}
.f_14px {font-size:14px !important;}
.f_15px {font-size:15px !important;}
.f_16px {font-size:16px !important;}
.f_17px {font-size:17px !important;}
.f_18px {font-size:18px !important;}

.f_bold {font-weight:bold;}

/* color */
.f_gray {color:#555;}
.f_gray2 {color:#adacac;}
.f_gray3 {color:#cccccc;}
.f_point {color:#35b5ab;} /* 비치색 */
.f_darkgray {color:#666666;}
.f_blue {color:#147bda;}
.f_green {color:#2baf98;}
.f_red {color:#d1392b;}
.f_orangered {color:#ff4500;}
.f_black1 {color:#353535;}


/* Item Opacity Background */
.bgop10-black { /* black + 10% */ background: url('/images/bg-black-op10.png') repeat; }
.bgop20-black { /* black + 20% */ background: url('/images/bg-black-op20.png') repeat; }
.bgop30-black { /* black + 30% */ background: url('/images/bg-black-op30.png') repeat; }
.bgop40-black { /* black + 40% */ background: url('/images/bg-black-op40.png') repeat; }
.bgop50-black { /* black + 50% */ background: url('/images/bg-black-op50.png') repeat; }
.bgop60-black { /* black + 60% */ background: url('/images/bg-black-op60.png') repeat; }
.bgop70-black { /* black + 70% */ background: url('/images/bg-black-op70.png') repeat; }
.bgop80-black { /* black + 80% */ background: url('/images/bg-black-op80.png') repeat; }
.bgop90-black { /* black + 90% */ background: url('/images/bg-black-op90.png') repeat; }

.bgop10-white { /* white + 10% */ background: url('/images/bg-white-op10.png') repeat; }
.bgop20-white { /* white + 20% */ background: url('/images/bg-white-op20.png') repeat; }
.bgop30-white { /* white + 30% */ background: url('/images/bg-white-op30.png') repeat; }
.bgop40-white { /* white + 40% */ background: url('/images/bg-white-op40.png') repeat; }
.bgop50-white { /* white + 50% */ background: url('/images/bg-white-op50.png') repeat; }
.bgop60-white { /* white + 60% */ background: url('/images/bg-white-op60.png') repeat; }
.bgop70-white { /* white + 70% */ background: url('/images/bg-white-op70.png') repeat; }
.bgop80-white { /* white + 80% */ background: url('/images/bg-white-op80.png') repeat; }
.bgop90-white { /* white + 90% */ background: url('/images/bg-white-op90.png') repeat; }
