| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 |
- @charset "UTF-8";
- /* 최근 게시글 */
- #latest {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- margin-top: 20px;
- }
- #latest table {
- margin-left: auto;
- margin-right: auto;
- border: 1px solid #333;
- }
- > #latest table:not(:first-child) {
- border-top: none;
- }
- #latest table thead tr {
- background-color: #133a46;
- border: 1px solid #333;
- }
- #latest table thead tr th {
- text-align: center;
- border-bottom: none;
- }
- #latest table tbody tr:hover, #latest table tbody tr:focus {
- background-color: #1a1e21;
- }
- #latest table tbody tr th, #latest table tbody tr td {
- text-align: center;
- vertical-align: middle;
- }
- #latest table tbody tr td {
- font-size: 13px;
- }
- #latest table tbody tr td label a {
- color: #cbd5e0;
- }
- #latest table tbody tr td del, #latest table tbody tr td a {
- font-size: 14px;
- font-weight: normal;
- margin-right: 5px;
- color: #b3b3b3;
- }
- #latest table tbody tr td var {
- color: #aa0000;
- font-style: initial;
- letter-spacing: -1px;
- margin-right: 5px;
- }
- #latest table tbody tr td i {
- color: #cbd5e0;
- margin-right: 3px;
- vertical-align: -1px;
- }
- #latest table tbody tr td span {
- font-size: 10px;
- vertical-align: text-bottom;
- }
- #latest table tbody tr td > section {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- #latest table tbody tr td > section figure {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- min-width: 250px;
- padding: 20px 10px 20px 10px;
- margin: 0;
- text-align: center;
- }
- #latest table tbody tr td > section figure a {
- display: inline-block;
- }
- #latest table tbody tr td > section figure a img {
- max-width: 210px;
- max-height: 215px;
- width: 100%;
- }
- #latest table tbody tr td > section figure a img:focus, #latest table tbody tr td > section figure a img:hover {
- -webkit-filter: drop-shadow(2px 2px 4px #969696);
- filter: drop-shadow(2px 2px 4px #969696);
- }
- #latest table tbody tr td > section figure figcaption {
- margin: 5px 0;
- }
- #latest table tbody tr td > section figure figcaption h5 a {
- display: initial;
- }
- #latest table tbody tr td > section figure strong {
- font-weight: 500;
- margin-bottom: 3px;
- display: block;
- }
- #latest table tbody tr td > section figure ul {
- list-style: none;
- padding-left: 0;
- margin: 0;
- }
- #latest table tbody tr td > section figure ul li {
- display: inline-block;
- font-size: 13px;
- }
- #latest table tbody tr td > section figure ul li:first-child::before {
- display: none;
- }
- #latest table tbody tr td > section figure ul li::before {
- content: "";
- display: inline-block;
- width: 2px;
- height: 2px;
- margin: 0 5px 4px 2px;
- border-radius: 2px;
- background-color: #616670;
- }
- #latest table tfoot tr td {
- border-bottom: none;
- }
- #latest table tfoot tr td nav ul {
- margin-bottom: 0;
- }
|