#newsList .sec01 { display: flex; justify-content: space-between; border-bottom: 1px dashed #999; margin-bottom: 1.5em; padding-bottom: 1.5em; }
#newsList .sec01 figure { width: 140px; height: auto; }
@media only screen and (max-width: 576px) { #newsList .sec01 figure { width: 100px; } }
#newsList .sec01 .sec01__01 { width: calc(100% - (140px + 30px)); }
@media only screen and (max-width: 576px) { #newsList .sec01 .sec01__01 { width: calc(100% - (100px + 20px)); } }
#newsList .sec01 .sec01__01 ul { display: flex; align-items: center; flex-wrap: wrap; }
#newsList .sec01 .sec01__01 ul.cat-0 .catName a { background: #bee569; }
#newsList .sec01 .sec01__01 ul.cat-0 .catName a:hover { background: rgba(190, 229, 105, 0.7); }
#newsList .sec01 .sec01__01 ul.cat-1 .catName a { background: #9adff7; }
#newsList .sec01 .sec01__01 ul.cat-1 .catName a:hover { background: rgba(154, 223, 247, 0.7); }
#newsList .sec01 .sec01__01 ul.cat-2 .catName a { background: #ffa5a5; }
#newsList .sec01 .sec01__01 ul.cat-2 .catName a:hover { background: rgba(255, 165, 165, 0.7); }
#newsList .sec01 .sec01__01 ul li.catName { font-size: 0.9em; text-align: center; margin-right: 1em; }
#newsList .sec01 .sec01__01 ul li.catName a { width: 8em; border-radius: 2em; color: #333; display: block; }
@media only screen and (max-width: 576px) { #newsList .sec01 .sec01__01 ul li.catName a { width: 6em; } }
#newsList .sec01 .sec01__01 ul li.catName a:hover { text-decoration: none; }
#newsList .sec01 .sec01__01 ul li.date span { vertical-align: middle; }
#newsList .sec01 .sec01__01 ul li.date span.newMark { color: #FF0004; border: 1px solid #FF0004; padding: 0.25em 1em; border-radius: 3px; font-size: 0.8em; margin-left: 1em; }
@media only screen and (max-width: 576px) { #newsList .sec01 .sec01__01 ul li.date span.newMark { padding: 0.25em 0.5em; } }
#newsList .sec01 .sec01__01 h2 { font-size: 1.1em; margin-top: 1em; font-weight: bold; }
@media only screen and (max-width: 576px) { #newsList .sec01 .sec01__01 h2 { font-size: 1em; } }
#newsList .sec01 .sec01__01 h2 a[target="_blank"]::after { content: "\e905"; font-family: lib; font-weight: normal; font-size: 0.8em; color: #999; padding-left: 0.75em; display: inline-block !important; }
#newsList .sec01 .sec01__01 h2 a[href$=".pdf"]::after { content: "\e908"; font-family: lib; font-weight: normal; color: #DA0003; display: inline-block !important; padding-left: 0.75em; }
#newsList .sec01 .sec01__01 h2 a[href$=".doc"]::after, #newsList .sec01 .sec01__01 h2 a[href$=".docx"]::after { content: "\e90c"; font-family: lib; font-weight: normal; color: #203990; display: inline-block !important; padding-left: 0.75em; }
#newsList .sec01 .sec01__01 h2 a[href$=".xls"]::after, #newsList .sec01 .sec01__01 h2 a[href$=".xlsx"]::after { content: "\e906"; font-family: lib; font-weight: normal; color: #196915; display: inline-block !important; padding-left: 0.75em; }