.srh-box-wrap { margin-bottom:15px; }
.dropdown .btn { font-size:1em; font-weight:400; height:40px; }
.dropdown .btn:focus { outline:1px solid #ddd; box-shadow:none !important; }
.dropdown-item { font-weight:300; font-size:0.9em; }
.dropdown-menu li { margin-bottom:0; }


.list_total { font-size: 1.2em; font-weight: 400; color: #222; margin-top: 5px; padding-top:5px; }
.list_total span { margin-left: 5px; color:#0072de; }

.srh-input-wrap { display:flex; }
.srh-input-wrap .btn { font-weight:300;  margin-left:10px; white-space: nowrap;}
.srh-input { display: block; position: relative; width: 100%; }
.srh-input .input { display: block; width: 100%; padding: 5px 10px; border: 1px solid #a9a9a9; }
.srh-input input[type="text"] { width: calc(100% - 1.5em); border:none; height: 28px; line-height: 28px; padding: 0 10px 0 10px;}
.srh-input input[type="text"]:focus { outline:1px dotted #ddd; }
.srh-input .btn-search { position: absolute; right: 0; top: 1px; width: 38px; height: 38px; border:none; background:none;  }
.srh-input .btn-search i { position: absolute; top: 10px; left: 0; right: 0; bottom: 0; margin: auto; vertical-align: middle; display:block; width:100%; height:100%; font-size:1.3em; }
.srh-input .btn-search:focus { outline:1px dotted #ddd; }

.srh-box-inner { display:flex; }
.srh-box-input { display:flex; }
.srh-box-input .dropdown { margin-right:15px;}


.tbl_ul ul { margin:0; padding:0; }
.tbl_ul .badge { font-size:0.9em; }

.tbl_ul .tbl_tbody > li > div.td_left { text-align: left; }
.tbl_ul .tbl_tbody > li > div.td_left a { display:block; color:#000;}
.tbl_ul .tbl_tbody > li > div.td_left a i.bi { font-size:1em;  }
.tbl_ul .tbl_tbody > li > div.td_left a:hover { text-decoration:none; }
.tbl_ul .tbl_tbody > li > div.td_left a:focus { outline:1px dotted #ddd; }
.tbl_ul .tbl_tbody > li > div.td_left span.bbs_category { font-weight:500; display:inline-block; padding-right:7px; }
.tbl_ul .tbl_tbody > li > div:first-child.td_left { padding-left: 20px; }
.tbl_ul .tbl_tbody > li > div a:hover, .tbl_ul .tbl_tbody > li > div a:focus { text-decoration: underline; }

.tbl_ul { width: 100%; border-top: 1px solid #000; }
.tbl_ul .tbl_thead { display: none; }
/*
.tbl_ul .tbl_tbody > li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 20px 0; border-bottom: 1px solid #ddd; }
*/
.tbl_ul .tbl_tbody > li { display:block; width: 100%; padding: 20px 0; border-bottom: 1px solid #ddd; }

.tbl_ul .no-data { height:70px; line-height:70px; }

.tbl_board ul li > div:first-child { width: 130px; }
.tbl_board ul li > div:nth-child(3) { width: 130px; }
.tbl_board ul li > div:nth-child(4) { width: 130px; }

.tbl_qna ul li > div:nth-child(1) { width: 80px; }
.tbl_qna ul li > div:nth-child(3) { width: 130px; }
.tbl_qna ul li > div:nth-child(4) { width: 130px; }
.tbl_qna ul li > div:nth-child(5) { width: 130px; }

.mainpage .tbl_ul ul li > div:nth-child(1) { width: 100%; }



@media (min-width: 992px) {
  .tbl_ul .tbl_thead, .tbl_ul .tbl_tbody { display: table; width: 100%; border-bottom: none; }
  .tbl_ul .tbl_thead > li, .tbl_ul .tbl_tbody > li { display: table-row; }
  .tbl_ul .tbl_thead > li > div, .tbl_ul .tbl_tbody > li > div { display: table-cell; vertical-align: middle; text-align: center; border-bottom: 1px solid #ddd; }
  .tbl_ul .tbl_thead > li > div { height: 60px; background-color: #f6f6f6; font-weight: 500; }
  .tbl_ul .tbl_tbody > li > div { height: 70px; }
}

@media (max-width: 991px) {
  .srh-box-inner { display:block; }
  .srh-box-input { display:block; }
  .srh-input-wrap { margin-top:10px; }
  .srh-input-wrap .srh-input .input { width: 100%; }

  .tbl_board ul li:after { content: ''; display: block; clear: both; }
  .tbl_board ul li > div.label-text { width: 47px; float: left; }
  .tbl_board ul li > div.label-text + .td_left { width: calc(100% - 47px); float: left; vertical-align: middle; padding-left: 10px; }
  .tbl_board ul li > div.label-text + .td_left a { padding-top: 0; }

  html:not(.mainpage) .tbl_ul .tbl_tbody li > div:nth-child(1):not([class^="label"]) { display: none; }
  .tbl_ul .tbl_tbody li > div:nth-child(1).no-data { display: inline-block; width: 100%; text-align:center; }



  .tbl_board ul li > div:nth-child(3) { width:auto; display:inline-block; padding-right: 20px; margin-top: 5px; }
  .tbl_board ul li > div:nth-child(4) { width:auto; display:inline-block; position: relative; padding-left: 20px; padding-right:20px; margin-top: 5px;}
  .tbl_board ul li > div:nth-child(4):before { content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 13px; background-color: #ddd; }
  .tbl_board ul li > div:nth-child(5) { width:auto; display:inline-block; position: relative; padding-left: 20px; margin-top: 5px;}
  .tbl_board ul li > div:nth-child(5):before { content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 13px; background-color: #ddd; }

}



.pagination-wrap {
    padding: 15px 0;
    line-height: normal;
    text-align: center;
    position: relative;
    margin:20px 0;
}

.page-item i.bi {vertical-align: top; line-height:1.2;}

.pagination-wrap a {
    color: #323232;
}

.pager .disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pager {
    padding-left: 0;
    list-style: none;
    text-align: center;
    font-size: 14px;
    display:none;
}

.pager li {
    display: inline;
}

.pager li > a,.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.pager li > a:hover,.pager li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

.pager .next > a,.pager .next > span {
    float: right;
}

.pager .previous > a,.pager .previous > span {
    float: left;
}

.pager .disabled > a,.pager .disabled > a:hover,.pager .disabled > a:focus,.pager .disabled > span {
    color: #777;
    background-color: #fff;
    cursor: not-allowed;
    pointer-events: none;
}

.pager .pagenum {
    font-size: 16px;
    line-height: 32px;
}


@media (max-width: 991px) {
  .pagination { display:none; }
  .pager { display:block; }
}



/***************** view ********************/
.boardview .bbs-title { width: auto; padding-left: 0; padding-right: 0; }
.boardview .bbs-head-wrap { position: relative; margin-top: 12px; padding-bottom: 15px;}
.boardview .bbs-head-wrap:after { content: ''; display: block; clear: both; }
.boardview .bbs-head-wrap .bbs-info { margin:0; padding:0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5px;}
.boardview .bbs-head-wrap .bbs-info li { display: table; line-height: 1; margin-right: 50px; margin-top: 4px; }
.boardview .bbs-head-wrap .bbs-info li:last-child { margin-right: 0; }
.boardview .bbs-head-wrap .bbs-info .bbs-info-tit { display: table-cell; padding-right: 20px; color: #767676; vertical-align: middle; }
.boardview .bbs-head-wrap .bbs-info .bbs-info-txt { display: table-cell; color: #000; }
.boardview .bbs-head-wrap .bbs-info .bbs-info-tit + .bbs-info-txt { position: relative; padding-left: 20px; }
.boardview .bbs-head-wrap .bbs-info .bbs-info-tit + .bbs-info-txt:before { content: ''; position: absolute; left: 0; top: 2px; width: 1px; height: 13px; background-color: #ddd; }

.boardview .bbs-cont-wrap { margin: 0 auto; padding: 30px 0; border-bottom: 1px solid #ddd; border-top: 2px solid #000; }
.boardview .bbs-cont-wrap .bbs-cont { padding: 0 75px; }
.boardview .bbs-cont-wrap .bbs-file { padding: 40px 75px 0 75px;}
.boardview .bbs-cont-wrap .bbs-file .bbs-filelist { border: 1px solid #ebebeb; background: #f7f7f7; padding: 14px 18px; }
.boardview .bbs-cont-wrap .bbs-file .bbs-filelist a { display:block; font-size:0.9em; padding:2px 0px;}
.boardview .bbs-cont-wrap .bbs-file .bbs-filelist a i.bi { vertical-align:top; line-height:1.2;}
.boardview .bbs-cont-wrap .bbs-file .bbs-filelist a span { display:inline-block; padding-left:5px; }

.boardview .bbs-foot .btn-box { margin-top: 30px; text-align: center; }
.boardview .bbs-foot .bbs-link dt { width: 188px; float: left; text-align: center; font-weight: bold; padding: 23px 0; }
.boardview .bbs-foot .bbs-link dd { width: calc( 100% - 188px); float: left; padding: 0 24px; margin-bottom:0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.boardview .bbs-foot .bbs-link dd a { padding: 23px 0; display: inline-block; overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; }
.boardview .bbs-foot .bbs-link dl { margin:0; padding:0; }
.boardview .bbs-foot .bbs-link dl:after {content: "";display: block;clear: both;}
.boardview .bbs-foot .bbs-link dl + dl {border-bottom: 1px solid #000;border-top: 1px solid #ddd;}

.boardview .btn-box { border-top:none; padding-top:0;}

.boardview .bbs-cont-wrap .qna-reply { margin:20px 10px; border:1px dotted #ddd; padding:10px; }
.boardview .bbs-cont-wrap .qna-reply h2 { font-size:20px; margin-bottom:10px; color: #0072de;}

.boardview .bbs-cont-wrap .reply-cont { padding: 0 55px; }



@media (max-width: 1199px) {
  .boardview .bbs-cont-wrap .bbs-cont { padding: 0 30px; }
  .boardview .bbs-cont-wrap .bbs-file { padding: 40px 30px 0 30px;}
  .boardview .bbs-cont-wrap .qna-reply { margin:20px 0px; }
  .boardview .bbs-cont-wrap .reply-cont { padding: 0 30px; }
}

@media (max-width: 991px) {
  .boardview .bbs-title { width: 100%; font-size: 20px; }
  .boardview .bbs-cont-wrap .bbs-cont { padding: 0 0px; }
  .boardview .bbs-cont-wrap .bbs-file { padding: 40px 0 0 0;}
  .boardview .bbs-foot .bbs-link dt { width: 65px; font-size: 15px; padding: 13px 0; }
  .boardview .bbs-foot .bbs-link dd { width: calc( 100% - 85px); padding: 0 12px; }
  .boardview .bbs-foot .bbs-link dd a { padding: 12px 0; }

  .boardview .bbs-head-wrap .bbs-info { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 0; }
  .boardview .bbs-head-wrap .bbs-info li { margin-right: 0; margin-top: 6px; position: relative; }
  .boardview .bbs-head-wrap .bbs-info li + li { margin-left: 0; }
  .boardview .bbs-head-wrap .bbs-info li .bbs-info-tit { display: none; }
  .boardview .bbs-head-wrap .bbs-info li .bbs-info-tit + .bbs-info-txt { padding-left: 0; }
  .boardview .bbs-head-wrap .bbs-info .bbs-info-tit + .bbs-info-txt:before { display: none; }
  .boardview .bbs-head-wrap .bbs-info li .bbs-info-txt { padding-right: 40px; }
  .boardview .bbs-head-wrap .bbs-info li:after { content: ''; position: absolute; right: 20px; top: 2px; width: 1px; height: 13px; background-color: #ddd; }
  .boardview .bbs-head-wrap .bbs-info li:last-child:after { display: none; }

  .boardview .bbs-cont-wrap .reply-cont { padding: 0 0px; }
}

@media (min-width: 992px) {
  .boardview .bbs-title { font-size: 25px; }
  .boardview .bbs-head-wrap { margin-top: 22px; padding-bottom: 24px; }
}







.file_ace {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/ace.gif') left 3px no-repeat !important;
}

.file_c {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/c.gif') left 3px no-repeat !important;
}

.file_doc {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/doc.gif') left 3px no-repeat !important;
}

.file_docx {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/docx.gif') left 3px no-repeat !important;
}

.file_hlp {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/hlp.gif') left 3px no-repeat !important;
}

.file_ins {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/ins.gif') left 3px no-repeat !important;
}

.file_mdb {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/mdb.gif') left 3px no-repeat !important;
}

.file_pdf {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/pdf.gif') left 3px no-repeat !important;
}

.file_rar {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/rar.gif') left 3px no-repeat !important;
}

.file_tiff {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/tiff.gif') left 3px no-repeat !important;
}

.file_wma {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/wma.gif') left 3px no-repeat !important;
}

.file_arj {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/arj.gif') left 3px no-repeat !important;
}

.file_cab {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/cab.gif') left 3px no-repeat !important;
}

.file_eps {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/eps.gif') left 3px no-repeat !important;
}

.file_home {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/home.gif') left 3px no-repeat !important;
}

.file_jpe {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/jpe.gif') left 3px no-repeat !important;
}

.file_mid {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/mid.gif') left 3px no-repeat !important;
}

.file_png {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/png.gif') left 3px no-repeat !important;
}

.file_re {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/re.gif') left 3px no-repeat !important;
}

.file_title {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/title.gif') left 3px no-repeat !important;
}

.file_xls {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/xls.gif') left 3px no-repeat !important;
}

.file_xlsx {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/xlsx.gif') left 3px no-repeat !important;
}

.file_asf {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/asf.gif') left 3px no-repeat !important;
}

.file_cer {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/cer.gif') left 3px no-repeat !important;
}

.file_exe {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/exe.gif') left 3px no-repeat !important;
}

.file_hpp {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/hpp.gif') left 3px no-repeat !important;
}

.file_jpeg {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/jpeg.gif') left 3px no-repeat !important;
}

.file_mov {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/mov.gif') left 3px no-repeat !important;
}

.file_ppt {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/ppt.gif') left 3px no-repeat !important;
}

.file_pptx {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/pptx.gif') left 3px no-repeat !important;
}

.file_rm {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/rm.gif') left 3px no-repeat !important;
}

.file_txt {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/txt.gif') left 3px no-repeat !important;
}

.file_z {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/z.gif') left 3px no-repeat !important;
}

.file_asp {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/asp.gif') left 3px no-repeat !important;
}

.file_aspx {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/asp.gif') left 3px no-repeat !important;
}

.file_chk {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/chk.gif') left 3px no-repeat !important;
}

.file_fla {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/fla.gif') left 3px no-repeat !important;
}

.file_htm {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/htm.gif') left 3px no-repeat !important;
}

.file_jpg {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/jpg.gif') left 3px no-repeat !important;
}

.file_mp3 {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/mp3.gif') left 3px no-repeat !important;
}

.file_ps {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/ps.gif') left 3px no-repeat !important;
}

.file_swf {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/swf.gif') left 3px no-repeat !important;
}

.file_unknown {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/unknown.gif') left 3px no-repeat !important;
}

.file_zip {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/zip.gif') left 3px no-repeat !important;
}

.file_au {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/au.gif') left 3px no-repeat !important;
}

.file_chm {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/chm.gif') left 3px no-repeat !important;
}

.file_gif {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/gif.gif') left 3px no-repeat !important;
}

.file_html {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/html.gif') left 3px no-repeat !important;
}

.file_js {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/js.gif') left 3px no-repeat !important;
}

.file_mpeg {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/mpeg.gif') left 3px no-repeat !important;
}

.file_psd {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/psd.gif') left 3px no-repeat !important;
}

.file_tar {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/tar.gif') left 3px no-repeat !important;
}

.file_vbs {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/vbs.gif') left 3px no-repeat !important;
}

.file_avi {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/avi.gif') left 3px no-repeat !important;
}

.file_cpp {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/cpp.gif') left 3px no-repeat !important;
}

.file_gz {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/gz.gif') left 3px no-repeat !important;
}

.file_hwp {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/hwp.gif') left 3px no-repeat !important;
}

.file_key {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/key.gif') left 3px no-repeat !important;
}

.file_mpg {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/mpg.gif') left 3px no-repeat !important;
}

.file_ra {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/ra.gif') left 3px no-repeat !important;
}

.file_tgz {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/tgz.gif') left 3px no-repeat !important;
}

.file_vcf {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/vcf.gif') left 3px no-repeat !important;
}

.file_bmp {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/bmp.gif') left 3px no-repeat !important;
}

.file_crt {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/crt.gif') left 3px no-repeat !important;
}

.file_h {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/h.gif') left 3px no-repeat !important;
}

.file_ini {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/ini.gif') left 3px no-repeat !important;
}

.file_lzh {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/lzh.gif') left 3px no-repeat !important;
}

.file_new {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/new.gif') left 3px no-repeat !important;
}

.file_ram {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/ram.gif') left 3px no-repeat !important;
}

.file_tif {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/tif.gif') left 3px no-repeat !important;
}

.file_wav {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/wav.gif') left 3px no-repeat !important;
}

.file_css {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/wav.gif') left 3px no-repeat !important;
}

.file_folder {
    display: inline-block;
    padding-left: 24px;
    background: url('../images/filetype/folder.gif') left 2px no-repeat !important;
}

.titlecolor0 {
    color: #4587eb !important;
}

.titlecolor1 {
    color: #6e9cf2 !important;
}

.titlecolor2 {
    color: #8394cf !important;
}

.titlecolor3 {
    color: #7b8493 !important;
}

.titlecolor4 {
    color: #4b4b4b !important;
}

.titlecolor5 {
    color: #2eb8c7 !important;
}

.titlecolor6 {
    color: #69c2d2 !important;
}

.titlecolor7 {
    color: #97add2 !important;
}

.titlecolor8 {
    color: #94a5b6 !important;
}

.titlecolor9 {
    color: #8c66d9 !important;
}

.titlecolor10 {
    color: #44be1e !important;
}

.titlecolor11 {
    color: #93cc4b !important;
}

.titlecolor12 {
    color: #b4b4b4 !important;
}

.titlecolor13 {
    color: #a28ab5 !important;
}

.titlecolor14 {
    color: #c08bd7 !important;
}

.titlecolor15 {
    color: #b0bc2d !important;
}

.titlecolor16 {
    color: #ccc05d !important;
}

.titlecolor17 {
    color: #beb297 !important;
}

.titlecolor18 {
    color: #da9b9b !important;
}

.titlecolor19 {
    color: #f06280 !important;
}

.titlecolor20 {
    color: #dec200 !important;
}

.titlecolor21 {
    color: #e6a11b !important;
}

.titlecolor22 {
    color: #f3672a !important;
}

.titlecolor23 {
    color: #f62d2d !important;
}

.titlecolor24 {
    color: #d2423c !important;
}