footer {
  padding: 40px 20px 20px;
  background: black; }
  footer b {
    color: #4c6199; }
  footer .footer_inner {
    display: flex;
    margin: 0 auto;
    width: 1024px;
    gap: 20px;
    align-items: center; }
    footer .footer_inner .footer_logo a {
      display: inline-block;
      width: 40px;
      height: 60px;
      background: url(../images/prom_logo_simbol_white.png) no-repeat 0;
      background-size: contain;
      opacity: .7; }
    footer .footer_inner .toolbar-left {
      display: block; }
    footer .footer_inner .toolbar-right {
      display: flex;
      flex-direction: column;
      gap: 15px;
      align-items: end; }
      footer .footer_inner .toolbar-right .btn_type_brochure {
        background: none;
        color: #888888;
        font-size: .9em;
        border: 1px solid transparent;
        border-image: linear-gradient(to right, rgba(255, 0, 0, 0.7) 0%, rgba(255, 165, 0, 0.7) 100%);
        border-image-slice: 1; }
        footer .footer_inner .toolbar-right .btn_type_brochure:hover {
          color: white;
          border-image: linear-gradient(to right, red 0%, orange 100%);
          border-image-slice: 1; }
    footer .footer_inner .list_section {
      display: flex;
      align-items: center; }
      footer .footer_inner .list_section li a {
        position: relative;
        padding: 0 10px; }
        footer .footer_inner .list_section li a:after {
          content: '';
          position: absolute;
          top: 50%;
          left: 0;
          width: 1px;
          height: 10px;
          background: #dddddd;
          transform: translate(0, -50%); }
      footer .footer_inner .list_section li:nth-child(1) a {
        padding-left: 0; }
        footer .footer_inner .list_section li:nth-child(1) a:after {
          display: none; }
      footer .footer_inner .list_section li a {
        display: inline-block;
        color: white;
        font-size: .9em;
        line-height: 1;
        color: #dddddd; }
    footer .footer_inner .footer_etc {
      margin-top: 15px;
      color: #888888; }
      footer .footer_inner .footer_etc .etc_group {
        display: flex;
        align-items: center;
        margin: 3px 0; }
        footer .footer_inner .footer_etc .etc_group span {
          position: relative;
          display: block;
          padding: 0 5px;
          font-size: .85em; }
          footer .footer_inner .footer_etc .etc_group span:before {
            content: '';
            display: inline-block;
            margin: -2px 7px 0 1px;
            width: 3px;
            height: 7px;
            background: url(../images/f_dash.png) no-repeat 0;
            vertical-align: 1px; }
          footer .footer_inner .footer_etc .etc_group span:first-child:before {
            display: none; }
    footer .footer_inner .copy {
      display: none;
      margin-top: 10px;
      font-size: .9em;
      color: white; }
    footer .footer_inner.bottom {
      padding: 20px 0 0;
      margin-top: 20px;
      border-top: 1px solid #444; }
      footer .footer_inner.bottom .certification_wrap {
        display: flex;
        align-items: center;
        gap: 20px; }
        footer .footer_inner.bottom .certification_wrap .certification_list {
          display: flex;
          gap: 12px;
          align-items: center; }
          footer .footer_inner.bottom .certification_wrap .certification_list img {
            height: 40px; }
          footer .footer_inner.bottom .certification_wrap .certification_list span {
            font-size: 1em;
            color: #999; }
          footer .footer_inner.bottom .certification_wrap .certification_list + .certification_list {
            position: relative;
            padding-left: 20px; }
            footer .footer_inner.bottom .certification_wrap .certification_list + .certification_list:after {
              content: '';
              position: absolute;
              left: 0;
              width: 1px;
              height: 25px;
              background: #444; }
    footer .footer_inner .ft-area .family-site .select-box {
      position: relative;
      height: 33px; }
      footer .footer_inner .ft-area .family-site .select-box .hide {
        display: block;
        position: absolute; }
    footer .footer_inner .ft-area .select-box {
      position: relative;
      width: 200px;
      z-index: 1; }
      footer .footer_inner .ft-area .select-box label {
        position: absolute;
        top: 1px;
        left: 5px;
        padding: 0.8em 0.5em;
        color: #999999;
        z-index: -1; }
      footer .footer_inner .ft-area .select-box select {
        width: 100%;
        height: 100%;
        line-height: normal;
        border: 1px solid transparent;
        margin: 0;
        padding: 0;
        color: #444444;
        font-size: .9em;
        cursor: pointer;
        padding-left: 15px;
        background-color: #f6f6f6; }
        footer .footer_inner .ft-area .select-box select > option {
          color: black;
          background-color: white; }
    footer .footer_inner .ft-area:after {
      content: "";
      display: block;
      clear: both; }
    footer .footer_inner .family_area {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 7px;
      color: #888888; }
      footer .footer_inner .family_area p {
        font-size: .8em; }
      footer .footer_inner .family_area a:hover {
        background: rgba(255, 255, 255, 0.7);
        color: black; }