/* BASIC css start */
#chart { width:100%; text-align:center; border-bottom:6px solid #ececec  }
#chart .box { width:100%; display:block }
#chart .tit { width:100%; height:85px; background:#e81e10; font-family: 'notokr-bold'; font-size:24px; color:#fff; line-height:85px;}
#chart .subtit { width:100%; height:46px; background:#343132; font-family: 'notokr-medium'; font-size:16px; color:#ef3e42; line-height:46px;}
#chart .chartbox { width:96%; padding:10px 2% 5px }
#chart .chartbox ul { width:100%; height:36px; line-height:36px; border-bottom:1px solid #ededed; text-align:left; overflow:hidden; }
#chart .chartbox ul.last { border-bottom:0px }
#chart .chartbox ul li { display:inline-block; float:left }
#chart .chartbox ul .num { width:10%; text-align:center; color:#969696; font-family: 'notokr-bold'; font-size:16px; }
#chart .chartbox ul .n00 { width:10%; text-align:center; }
#chart .chartbox ul .n00 img { vertical-align:middle }
#chart .chartbox ul .nup { width:10%; text-align:center; color:#ef3e42; font-family: 'notokr-medium'; font-size:12px; }
#chart .chartbox ul .nup img { vertical-align:middle; margin-right:2px }
#chart .chartbox ul .ndw { width:10%; text-align:center; color:#3e68ef; font-family: 'notokr-medium'; font-size:12px; }
#chart .chartbox ul .ndw img { vertical-align:middle; margin-right:2px }
#chart .chartbox ul .subject { width:45%; padding-left:5%; color:#343132; font-family: 'notokr-regular'; font-size:14px; }
#chart .chartbox ul .name { width:30%; color:#929292; font-family: 'notokr-regular'; font-size:14px; }
#chart .chart_more { width:100%; height:50px; background:#e81e10; }
#chart .chart_more a { width:100%; height:50px; line-height:50px; display:block; font-family: 'notokr-regular'; font-size:16px; color:#fff;  }

#chart .chartbox ul .subject {
    width: 75%;
}
/* BASIC css end */