@charset "UTF-8";
th, td              { word-break: break-all;}
.hide, .hidden      { display: none;}
button, a           { cursor: pointer;}
.text_ellipsis      { display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.text_ellipsis2     { display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text_ellipsis3     { display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.st1            { display: inline-block; padding: 0 4px; margin: 0px 0 2px 4px; border-radius: 2px; background-color: #30beb2; font-size: 10px; color: #fff; letter-spacing: 1px;} /* new */
.st2            { display: inline-block; padding: 0 4px; margin: 0px 0 2px 4px; border-radius: 2px; background-color: #ff0044; font-size: 10px; color: #fff; letter-spacing: 1px;} /* new */

.dpblock        { display: block !important;}
.dpoinline      { display: inline-block !important;}
.dpnone         { display: none;}

.text_center    { text-align: center !important;}
.text_left      { text-align: left !important;}
.text_right     { text-align: right !important;}
.f_r            { float: right;}
.f_l            { float: left;}
.weight_M       { font-weight: 500;}
.weight_B       { font-weight: 700;}
.under          { text-decoration: underline !important;}
.vta_top        { vertical-align: top;}
.vta_middle     { vertical-align: middle;}
.vta_bottom     { vertical-align: bottom;}
.clearfix:after { display: block; clear: both; content: '';}
.fjs            { display: flex; justify-content: space-between;}
.readonly       { background-color: #f5f5f5 !important;}
.ellno{display: block !important; white-space: normal !important;}

.pd10    { padding: 10px !important;}
.pd5     { padding: 5px !important;}
.pdtype1 { padding: 0 5px !important;}
.pdtype2 { padding: 0 10px !important;}
.pdtype3 { padding: 0 15px !important;}

.btit.is_3 { font-size: 16px; font-weight: 700;}
.btit.is_4 { font-size: 18px; font-weight: 700;}
.btit.is_5 { font-size: 20px; font-weight: 700;}
.tit.is_1  { font-size: 12px;}
.tit.is_3  { font-size: 16px;}
.tit.is_4  { font-size: 18px;}
.tit.is_5  { font-size: 20px;}
.subtit.is_1 { font-size: 12px; color: #666;}


/* 주로 테이블 */
.font{font-size: 12px; }
.font0{font-size: 12px; color: #30beb2;}
.font1{font-size: 12px; color: #666;}
.font2{font-size: 12px; color: #f22c24;}
.font3{font-size: 12px; color: blue;}
.font4{font-size: 12px; font-weight: 500;}


/* point color */
.pcolor  { color: #444 !important;}
.pcolor0 { color: #f22c24 !important;}
.pcolor1 { color: #30beb2 !important;}
.pcolor2 { color: #666 !important;}
.pcolor3 { color: #0da8c4 !important;}
.pcolor4 { color: #f94e72 !important;}
.alink   { color: #30beb2; font-weight: 700 !important;}

.bar1   { display: block; width: 100%; height: 1px; background-color: #e5e5e5;}
.bg1    { background-color: #eaf8f7 !important;}

.be5 + .be5     { margin-top: 5px;}
.be10 + .be10   { margin-top: 10px;}
.be15 + .be15   { margin-top: 15px;}
.be20 + .be20   { margin-top: 20px;}
.be25 + .be25   { margin-top: 25px;}
.be30 + .be30   { margin-top: 30px;}


/* 모바일만 */
@media screen and (max-width: 800px) {
    .pcolor  { font-size: 12px;}
    .pcolor0 { font-size: 12px;}
    .pcolor1 { font-size: 12px;}
    .pcolor2 { font-size: 12px;}
    .alink   { font-size: 12px;}
    .be25 + .be25   { margin-top: 20px;}
    .be30 + .be30   { margin-top: 25px;}
}

/* pc : block -> mobile : none */
.p_m{display: block !important;}
/* pc : none -> mobile : block */
.m_p{display: none !important;}
/* pc : block -> tablet, mobile : none */
.p_t_m{display: block !important;}
/* pc : none -> tablet, mobile : block */
.m_t_p{display: none !important;}

@media screen and (max-width: 1440px) {
    .p_t_m { display: none !important;}
    .m_t_p { display: block !important;}
}
@media screen and (max-width: 800px) {
    .p_m { display: none !important;}
    .m_p { display: block !important;}
}

.mb5  { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb28 { margin-bottom: 28px !important;}
.mb30 { margin-bottom: 30px !important;}

.mt0  { margin-top: 0!important;}
.mt5  { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt28 { margin-top: 28px !important;}
.mt30 { margin-top: 30px !important;}

.mr5  { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25  { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.ml5  { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}

.width_500  { width: 500px !important;}
.width_520  { width: 520px !important;}
.width_600  { width: 600px !important;}
.width_700  { width: 700px !important;}
.width_800  { width: 800px !important;}
.width_960  { width: 960px !important;}
.width_1000 { width: 1000px !important;}