@charset "UTF-8";

.main-bar {
  @media (width <= 768px) {
    flex-direction: row;
    .intern-btn,
    .entry-btn {
      display: none;
    }
  }
}

/* fixed-btm-bar */
.fixed-btmbar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  height: calc(8rem * 2);
  padding: calc(.5rem * 2) calc(1rem * 2);
  background: #0C59A5;
  color: #fff;
  .fixed-btm-item {
    font-size: calc(1.2rem * 2);
    width: calc(50% - 1.6rem);
  }
  .fixed-btm-title {
    text-align: center;
  }
  .fixed-btm-btn {
    display: inline-block;
    width: 100%;
    padding: calc(1.2rem * 2) calc(1rem * 2);
    position: relative;
    background: #DCE6FB;
    color: #0C59A5;
    svg {
      position: absolute;
      top: calc(50% - 1.2rem);
      right: calc(1rem * 2);
      width: calc(1.2rem * 2);
      height: calc(1.2rem * 2);
      path {
        fill: #0C59A5;
      }
    }
    &.-entry {
      background: #FF8F33;
      color: #fff;
      svg {
        path {
          fill: #fff;
        }
      }
    }
  }
  @media (769px <= width) {
    display: none;
  }
}