.na-title { display: block; position: relative; width: 100%; padding:0; }
.na-title .na-item { /*display: flex; align-items: center;*/ /*text-align:center;*/ font-size:1.3em;}
.na-list { padding: 10px 10px 0 0;}
.na-list li { line-height: 1.7 !important;}
.na-title .na-item a:hover {color:#000}
.na-title .na-subject { display: inline-block; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 80%;}
.na-title .na-info { position: relative; top: -1px; text-align: right; margin: 0 0 0 5px; }
.na-title .na-hicon { position: relative; top: 4px; float: left; width: 12px; min-width: 12px; height: 12px; line-height: 12px; display:inline-block; background-repeat: no-repeat; background-position: left top; font-size: 1px; padding: 0; margin: 0 5px 0 0; }
.na-title .na-ticon { position: relative; width: 12px; min-width: 12px;	height: 12px; line-height: 12px; display:inline-block; background-repeat: no-repeat; background-position: left top; font-size: 1px; padding: 0; margin: 0 0 0 5px; }
.float-right {float: right!important;}

.rank-icon { display:inline-block; padding:0 6px; font-size:11px; letter-spacing:-1px; line-height:16px; font-weight:normal; margin-right:2px; min-width:22px; text-align:center; color:#fff; }

/* 배경색 */
.bg-blue { background-color: #007bff !important; color: #fff; }
.bg-indigo { background-color: #6610f2 !important; color: #fff; }
.bg-purple { background-color: #6f42c1 !important; color: #fff; }
.bg-pink { background-color: #e83e8c !important; color: #fff; }
.bg-red { background-color: #dc3545 !important; color: #fff; }
.bg-orangered { background-color: orangered !important; color: #fff; }
.bg-orange { background-color: #fd7e14 !important; color: #fff; }
.bg-yellow { background-color: #ffc107 !important; color: #fff; }
.bg-green { background-color: #28a745 !important;	color: #fff; }
.bg-teal { background-color: #20c997 !important; color: #fff; }
.bg-cyan { background-color: #17a2b8 !important; color: #fff; }
.bg-navy { background-color: #323c46 !important; color: #fff; }
.bg-aqua { background-color: #4FC1E9 !important; color: #fff; }
.bg-bittersweet { background-color: #FC6E51 !important; color: #fff; }
.bg-blue-jeans { background-color: #5D9CEC !important; color: #fff; }
.bg-darkgreen { background-color: #475c4d !important; color: #fff; }
.bg-grapefruit { background-color: #ED5565 !important; color: #fff; }
.bg-grass { background-color: #A0D468 !important; color: #fff; }
.bg-lavender { background-color: #AC92EC !important; color: #fff; }
.bg-mint { background-color: #48CFAD !important; color: #fff; }
.bg-pink-rose { background-color: #EC87C0 !important; color: #fff; }
.bg-sunflower { background-color: #FFCE54 !important; color: #fff; }