#archive {
  background-image: linear-gradient(10deg, #13207E 0%, #000000 100%);
  color: #FFF; }
  #archive .inner {
    padding-top: 10em;
    padding-bottom: 10em; }
    #archive .inner .breadcrumb {
      font-size: 90%; }
      #archive .inner .breadcrumb ul li {
        display: inline-block;
        margin-right: 1em; }
        #archive .inner .breadcrumb ul li::after {
          content: '/';
          margin-left: 1em; }
        #archive .inner .breadcrumb ul li:last-child {
          margin-right: 0; }
          #archive .inner .breadcrumb ul li:last-child::after {
            display: none; }
        #archive .inner .breadcrumb ul li a {
          color: #FFF; }
    #archive .inner .titleBox {
      margin-top: 4em;
      padding-left: 5vw;
      padding-right: 5vw;
      text-align: center; }
      #archive .inner .titleBox .desc {
        font-size: 90%;
        margin-bottom: 0.5em; }
      #archive .inner .titleBox h2 {
        font-size: 150%;
        font-weight: 600; }
    #archive .inner .contentWrap {
      margin-top: 4em;
      padding-left: 5vw;
      padding-right: 5vw; }
      #archive .inner .contentWrap .center {
        text-align: center; }
      #archive .inner .contentWrap .list ul li {
        border-bottom: 1px solid #FFF; }
        #archive .inner .contentWrap .list ul li:first-child {
          border-top: 1px solid #FFF; }
        #archive .inner .contentWrap .list ul li a {
          color: #FFF;
          display: flex;
          align-items: center;
          padding: 1.25em 2em; }
          #archive .inner .contentWrap .list ul li a .date,
          #archive .inner .contentWrap .list ul li a .category {
            font-size: 90%;
            line-height: 1.2em; }
          #archive .inner .contentWrap .list ul li a .date {
            width: 12%; }
          #archive .inner .contentWrap .list ul li a .category {
            background: #FFF;
            border-radius: 100vh;
            color: #3E1485;
            margin-right: 4em;
            padding: 0.5em 1.5em;
            text-align: center;
            width: 10%; }
          #archive .inner .contentWrap .list ul li a .title {
            width: 74%; }
    #archive .inner .navigation {
      margin-top: 3em; }
      #archive .inner .navigation .nav-links ul.page-numbers {
        display: flex;
        align-items: center;
        justify-content: center; }
        #archive .inner .navigation .nav-links ul.page-numbers li .page-numbers {
          background: #FFF;
          border-radius: 100vh;
          color: #000;
          display: block;
          margin: 0 0.2em;
          padding: 0.75em 1em; }
          #archive .inner .navigation .nav-links ul.page-numbers li .page-numbers.current {
            background: #8B8B8B;
            color: #FFF; }
          #archive .inner .navigation .nav-links ul.page-numbers li .page-numbers.next, #archive .inner .navigation .nav-links ul.page-numbers li .page-numbers.prev {
            background: transparent;
            color: #FFF; }
        #archive .inner .navigation .nav-links ul.page-numbers li a {
          color: #FFF;
          display: block;
          padding: 0.75em 1em; }